/*****************************************/
/*            SKIN EXECUTIVE             */
/*****************************************/
/************************************************************/
/*Para personalizar o CSS do Webrun, recomendamos a criação */
/*de um arquivo chamado custom.css dentro desta pasta.      */
/*                                                          */
/* OBSERVAÇÃO: Adicionar !important ao final do atributo.   */
/* Exemplo: background: red!important;                      */
/************************************************************/

@import url("custom.css");

/* -- Maker web font-icon */
@font-face {
  font-family: 'webicons-maker';
  src: url('fonts/webicons-maker.eot?24407687');
  src: url('fonts/webicons-maker.eot?24407687#iefix') format('embedded-opentype'),
       url('fonts/webicons-maker.woff2?24407687') format('woff2'),
       url('fonts/webicons-maker.woff?24407687') format('woff'),
       url('fonts/webicons-maker.ttf?24407687') format('truetype'),
       url('fonts/webicons-maker.svg?24407687#webicons-maker') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* -- Freire web font-icon */
@font-face {
  font-family: 'webicon-freire-pack';
  src: url('fonts/webicon-freire-pack.eot?1468691');
  src: url('fonts/webicon-freire-pack.eot?1468691#iefix') format('embedded-opentype'),
       url('fonts/webicon-freire-pack.woff2?1468691') format('woff2'),
       url('fonts/webicon-freire-pack.woff?1468691') format('woff'),
       url('fonts/webicon-freire-pack.ttf?1468691') format('truetype'),
       url('fonts/webicon-freire-pack.svg?1468691#webicon-freire-pack') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* -- Freire Print */
@font-face {
  font-family: 'print';
  src: url('fonts/print.eot?68151923');
  src: url('fonts/print.eot?68151923#iefix') format('embedded-opentype'),
       url('fonts/print.woff2?68151923') format('woff2'),
       url('fonts/print.woff?68151923') format('woff'),
       url('fonts/print.ttf?68151923') format('truetype'),
       url('fonts/print.svg?68151923#print') format('svg');
  font-weight: normal;
  font-style: normal;
}

.HTMLNavigationButton > a:before {
  font-family: "webicon-freire-pack";
  margin-top: 14px;
  left: 8px;
  font-style: normal;
  font-weight: 100;
  font-size: 19px;
  speak: none;
  display: inline-block;
  color: #89949E;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Novos ícones da navegação do formulário (Freire)*/
[id*="Capa-de-Processo"] a:before { content: '\e809'; }
[id*="DAM-"] a:before { content: '\e800';}
[id*="Conhecimento-de-Receita"] a:before { content: '\e807';}
[id*="Sair-"] a:before { content: '\e828';}
[id*="Retenção-"] a:before {  content: '\e802';}
[id*="Empenho-"] a:before { content: '\e808';}
[id*="Liquidação-"] a:before {  content: '\e830';}
[id*='Pagamento-'] a:before { content: '\e803'; }
[id*="Recibo-"] a:before { content: '\e80e';}
[id*="Listagem"] a:before { content: '\e815'; }
[id*="Nota-de-Despesa-Extra-"] a:before { content: '\e801'; }
[id*="Capa-de-Despesa-Extra-"] a:before { content: '\e809'; }
[id*="Comprovante-"] a:before { content: '\e841'; }
[id*="Nota-de-Alteração-"] a:before { content: '\e800'; }
[id*="Nota"] a:before { content: '\e800'; }
[id*="Plano-de-Contas-"] a:before { content: '\e800';}
[id*="Reserva-de-Dotação-"] a:before { content: '\e80e';}
[id*="Importar-Subelementos"] a:before { content: '\e800';}
[id*="Capa"] a:before { content: '\e809';}
[id*="Capa"] a:before { content: '\e809';}
[id*="Reserva-de-Cota"] a:before { content: '\e80e';}
[id*="Plano-de-Trabalho-e-Acompanhamento"] a:before { content: '\e800';}
[id*="Processo-Administrativo"] a:before { content: '\e809'; }
[id*="Solicitação-"] a:before { content: '\e80e';}
[id="Empenho"] a:before { content: '\e808';}
[id="Liquidação"] a:before {  content: '\e830';}
[id='Pagamento'] a:before { content: '\e803'; }
[id="Recibo"] a:before { content: '\e80e';}
[id="Retenção"] a:before {  content: '\e802';}

.HTMLNavigationFormButton a:before,
#Plano-de-Contas a:before  {
  font-family: "webicons-maker";
  margin-top: 14px;
  font-style: normal;
  font-weight: 100;
  font-size: 19px;
  speak: none;
  display: inline-block;
  color: #89949E;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#Plano-de-Contas a:before {
  font-family: "print" !important;
  content: '\e800';
}

.HTMLNavigationFormButton:hover a:before,
.HTMLNavigationButton:hover a:before {
  color: #6B7680;
}

body {
  font-family: arial, sans-serif;
  font-size: 10px;
  color: #6e6e6e;
  background: #f1f1f1;
}

#lay {
  z-index: 2 !important;
}
/*AJUSTE DO MODO GERENTE*/
#lay div[style*="z-index: 10002;"] {
  z-index: 0!important;
}

.component {
  background: #e0dfe3;
}

.buttonComponent {
  background: #e0dfe3;
}

.navigation {
  background: #F2F2EE;
}

a {
  text-decoration: none;
  color: #000000;
}
a:focus {
  outline: none;
}
a:hover {
  text-decoration: none;
  color: #000000;
}
a.cont {
  text-decoration: none;
  color: #000000;
}
a.cont:hover {
  text-decoration: none;
  color: #000000;
}

img[src=""] {
  border: 1px solid #EFEFEF;
}

td {
  font-family: arial,sans-serif;
  font-size: 10px;
  color: #000000;
}
.b {
  font-size: 11px;
  font-weight: bold;
}
.u {
  font-weight: bold;
  text-decoration: underline;
}

.des {
  color: #FE5400;
}

.label {
  font-family: arial, sans-serif;
  font-size: 11px;
}

.edit {
  font-family: arial, sans-serif;
  font-size: 11px;
  border-right: 1px solid #D3D1D1;
  border-left: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
  padding-left: 8px;
}

.editMark {
  font-family: arial, sans-serif;
  font-size: 11px;
  border-right: 1px solid #ff0000;
  border-left: 1px solid #ff0000;
  border-top: 1px solid #ff0000;
  border-bottom: 1px solid #ff0000;
  background: #E6F2FF;
}

.button {
  font-family: arial, sans-serif;
  font-size: 11px;
  border-right: 1px solid #D3D1D1;
  border-left: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
  outline: none;
}

.duallist {
  font-family: arial, sans-serif;
  font-size: 11px;
  border-right: 1px solid #D3D1D1;
  border-left: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
}

.duallistMark {
  font-family: arial, sans-serif;
  font-size: 11px;
  border-right: 1px solid #ff0000;
  border-left: 1px solid #ff0000;
  border-top: 1px solid #ff0000;
  border-bottom: 1px solid #ff0000;
  background: #E6F2FF;
}

.lookup {
  font-family: arial, sans-serif;
  font-size: 11px;
  border-right: 1px solid #D3D1D1;
  border-left: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
  padding-left: 8px;
}

.lookupMark {
  font-family: arial, sans-serif;
  font-size: 11px;
  border-right: 1px solid #ff0000;
  border-left: 1px solid #ff0000;
  border-top: 1px solid #ff0000;
  border-bottom: 1px solid #ff0000;
  background: #E6F2FF;
}

.checkbox {
}

.checkboxMark {
}

.editLogon {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

.calendar>tbody>tr>td>table {
  font-size: 12px;
  background: #cccccc;
  width: 101%;
  color: #000000;
}

.calendarHeader {
  color: #000000;
  background: #f2f2f2;
}

.calendarLine1 {
  color: #000000;
  background: #ffffff;
}

.calendarLine2 {
  color: #000000;
  background: #ffffff;
}

.lookupSearch {
  font-family: arial, sans-serif;
  font-size: 11px;
  border-right: 1px solid #D3D1D1;
  border-left: 1px solid #D3D1D1;
  border-top: 0px solid #FFFFFF;
  border-bottom: 1px solid #D3D1D1;
}

.lookupSearchInput {
  font-family: arial, sans-serif;
  font-size: 11px;
  border-right: 0px solid #D3D1D1;
  border-left: 0px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
  background: #E5E5E5;
}

.tabButton {
  background: #F6F6F4;
}

.tabBack {
  background: #ffffff;
  border-top: 1px solid #D3D1D1;
}

.clickText {
  text-decoration: none;
  color: #000000;
}
.clickText:hover {
  text-decoration: none;
  color: #000000;
}
.clickText.cont {
  text-decoration: none;
  color: #000000;
}
.clickText.cont:hover {
  text-decoration: none;
  color: #000000;
}

.cur {
  cursor: pointer;
}

.grid {
  margin: 1px;
}

.gridMark {
  border: 1px solid #1f619c;
  background: #E6F2FF;
  margin: 0px;
}

.gridDiv {
  border: 1px solid #A6A7B0;
  border-radius: 0px;
}

.gridDiv:hover {
  border: 1px solid #2d6398;
  
}
.exitProgressBar {
  background: #FFFFFF;
  width: 100%;
  height: 100%;
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #D3D1D1;
  display: none;
  cursor: pointer;
}

.divProgressBar {
  z-index: 99999999;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
}

.searchInteger {
  text-align: right;
}

.searchDouble {
  text-align: right;
}

.searchTime {
  text-align: left;
}

.searchDate {
  text-align: left;
}

.searchBoolean {
  text-align: left;
}

.searchString {
  text-align: left;
}

input, textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

textarea {
  overflow: auto;
}

/*****************************************/
/* HTMLButton: Componente Bot�£o          */
/*****************************************/
.HTMLButton button {
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #FFF;
  background: #1f619c;
  border: solid 1px #0d736f;
  cursor: pointer;
  padding: 0;
  vertical-align: middle;
  outline: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.HTMLButton button:enabled:hover {
  background: #1c9691;
}

.HTMLButton button:enabled:active {
  background: #084886;
}

.HTMLButton button,.HTMLButton span {
  font-family: arial, sans-serif;
  font-size: 11px;
}

.HTMLButton span {
  vertical-align: middle;
}

.HTMLButton img {
  vertical-align: middle;
}

.HTMLButton {
  overflow: hidden;
}

/*****************************************/
/* Div que bloqueia acesso ao formul�¡rio */
/*****************************************/
.formViewDiv {
  background: #FFFFFF;
  filter: alpha(opacity = 1);
  opacity: 0;
  position: absolute;
  z-index: 99998;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

/*****************************************/
/* HTMLTabArea: area do Form/Componentes */
/*****************************************/
.HTMLTabArea {
  border-right: 0px solid #919B9C;
  border-left: 0px solid #919B9C;
  border-top: 0px solid #919B9C;
  border-bottom: 0px solid #919B9C;
  background: #F1F1F1;
  height: 100%;
  left: 0px;
  z-index: -1;
  display: none;
  position: absolute;
  width: 100%;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}


/*****************************************/
/* HTMLTab: Botão das Abas (formulário)  */
/*****************************************/
.HTMLTab {
  background: #e4e4e4;
  cursor: pointer;
  display: inline;
  float: left;
  height: 25px;
  padding-left: 7px;
  padding-right: 7px;
  margin-right: 1px;
  border-top: solid 3px silver;
  line-height: 23px;
  font-family: 'segoeWp', arial, sans-serif;
  font-weight: 400;
  font-size: 11px;
  color: #656767;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.HTMLTab:hover {
  border-color: #4188c7;
}

.HTMLTab:hover {
  color: #4D4F54;
}

.HTMLTab div {
  float: left;
}

.HTMLTab span,.HTMLTab img {
  vertical-align: middle;
}

.HTMLTab-Selected {
  position: relative;
  background: #F8F8F8;
  border-bottom: solid 3px #1f619c;
  border-top:  solid 1px #1f619c;
  float: left;
  height: 17px;
  display: inline;
  cursor: pointer;
  padding: 4px 6px;
  line-height: 18px;
  font-family: 'segoeWp', arial, sans-serif;
  font-weight: 600;
  font-size: 11px;
  color: #414348;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.HTMLTab-Selected:before {  
   
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  left: calc(50% - 10px);
  bottom: 0;
  border-width: 10px 10px 0 10px;
  border-color: #1f619c transparent transparent transparent;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
 }
 
.HTMLTab-Selected div {
  float: left;
}
/*****************************************/
/* HTMLTabController: area das Abas      */
/*****************************************/
.HTMLTabController {
  /* top: 0px; */
  left: 0px;
  width: 100%;
  height: 0px!important;
  z-index: 0;
  position: absolute;
}

/*****************************************/
/* HTMLTabContainer: Container da Aba    */
/*****************************************/
.HTMLTabContainer {
  width: 100%;
  position: absolute;
  z-index: 1;
}

.HTMLTabContainer[style*="top: 62px;"] {
  top: 30px!important;
}

.HTMLTabContainer[style*="top: 0px;"] {
  top: 0px!important;
}

/*****************************************/
/* HTMLGroupBox: Componente Moldura      */
/*****************************************/
.HTMLGroupBox-Top {
  border-top: 1px solid #BFB8BF;
  border-left: 0px solid !important;
  border-right: 0px solid !important;
  border-bottom: 0px solid !important;
  border-radius: 0px!important;
}

.HTMLGroupBox-Left {
  border-left: 1px solid #BFB8BF;
  border-top: 0px solid !important;
  border-right: 0px solid !important;
  border-bottom: 0px solid !important;
  border-radius: 0px!important;
}

.HTMLGroupBox-Right {
  border-right: 1px solid #BFB8BF;
  border-top: 0px solid !important;
  border-left: 0px solid !important;
  border-bottom: 0px solid !important;
  border-radius: 0px!important;
}

.HTMLGroupBox-Bottom {
  border-bottom: 1px solid #BFB8BF;
  border-top: 0px solid !important;
  border-left: 0px solid !important;
  border-right: 0px solid !important;
  border-radius: 0px!important;
}

.HTMLGroupBox {
  border: 1px solid #BFB8BF;
  box-sizing: border-box;
  border-radius: 4px;
}

.HTMLGroupBox-Box-Inset {
  border: 1px inset #BFB8BF;
  border-radius: 4px;
}

.HTMLGroupBox-Box-Outset {
  border: 1px outset #BFB8BF;
  border-radius: 4px;
}

.HTMLGroupBox-None {
  border-style: none;
}

/*****************************************/
/* HTMLRadioGroup: Componente Opcoes     */
/*****************************************/
.HTMLRadioGroup .HTMLLabel>div>div {
  background: white;
}

.HTMLRadioGroup #HTMLRadioGroupOptions {
  height: 100%;
  display: table;
  width: 100%;
}

.HTMLRadioGroup #HTMLRadioGroupOptionsRow {
  display: table-row;
}
.HTMLRadioGroup #HTMLRadioGroupOption {
  margin: 2px 2px;
  display: table-cell;
  vertical-align: middle;
}

.HTMLRadioGroup #HTMLRadioGroupOption input:enabled {
  cursor: pointer;
}

.HTMLRadioGroup #HTMLRadioGroupOption input:disabled {
  cursor: default;
}

.HTMLRadioGroup #HTMLRadioGroupOption label {
  font-family: arial, sans-serif;
  font-size: 11px;
  cursor: pointer;
}

/*****************************************/
/* HTMLLabel: Componente Text            */
/*****************************************/
.HTMLLabel {
  display: table !important;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.HTMLLabel>div {
  display: table-cell;
}

.HTMLLabel>div>div {
  cursor: default;
  background: transparent;
}

/*****************************************/
/* HTMLEdit: Componente Edit             */
/*****************************************/
.HTMLEdit input {
  font-size: 12px;
  font-weight: 500;
  color: #555B61;
  background: #FFFFFF;
  border-right: 1px solid #D3D1D1;
  border-left: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
  border-radius: 4px;
  padding-left: 4px;
  padding-right: 4px;
  outline: none;
  -webkit-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -moz-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -o-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -ms-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
}

.HTMLEdit input:hover {
  border: 1px solid #2d6398;
}

.HTMLEdit input:focus {
  border: 1px solid #4a76ba;
  outline: none;
}

.HTMLEdit input:disabled,
.HTMLLookup input:disabled {
  background: #ebebe4 !important;
  border-color: #D3D1D1 !important;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}

.HTMLEdit input[readonly=readonly] {
  background:#e9f6f9 !important;
  border-color:#d3d1d1 !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}

.HTMLEdit input[readonly=readonly]:hover {
  border-color: #2d6398 !important;
}

.HTMLEdit font {
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.HTMLEditCalendar {
  position: absolute;
  width: 240px;
  height: 150px;
  z-index: 999999;
  box-shadow: 10px 10px 15px -2px #888888;
}

.HTMLEditCalendar > iframe {
  border: 1px solid #cccccc;
  width: 100%;
  height: 100%;
}

.HTMLEditCalendarLock {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 999998;
  opacity: 0.1;
}

/*****************************************/
/* HTMLNavigationForm: Barra de Navegação*/
/*****************************************/

.HTMLNavigationFormButton, .HTMLNavigationButton {
  width: 40px;
  display: inline-block;
}

.HTMLNavigationForm {
  width: 100%;
  height: 60px;
  padding-top: 0;
  position: absolute;
  top: 0px;
  text-align: center;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: #e2e2e2;
}

.HTMLNavigationForm img,
.HTMLNavigationButton img {
  position: absolute;
  left: 3px;
  top: 0;
  width: 28px;
  height: 36px;
}

.HTMLNavigationForm a,
.HTMLNavigationButton a {
  padding: 0 8px;
  top: 0;
  left: 0px;
  position: absolute;
  height: 45px;
  width: 19px;
}

.HTMLNavigationForm .HTMLNavigationFormButton, .HTMLNavigationButton {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 50px;
  width: 35px !important;
}

.HTMLNavigationFormButton[class*="HTMLNavigationFormButton-EditSave"],
.HTMLNavigationFormButton[class*="HTMLNavigationFormButton-EditCancel"],
.HTMLNavigationFormButton[class*="HTMLNavigationFormButton-IncludeSave"],
.HTMLNavigationFormButton[class*="HTMLNavigationFormButton-IncludeSave"]{
  width: 80px !important;
}

/*Barra de Fundo da Navegação*/
.HTMLNavigationFormBar {
  width: 100%;
  height: 50px;
  background: #E9ECEC;
}

/*Botões da Barra de Navegação*/
[class*="-Des"],
[class*="-Des"] a {
  cursor: default !important;
}

.HTMLNavigationFormButton-Include a:before { content: '\e82d'; }
.HTMLNavigationFormButton-Include-Over a:before { content: '\e82d'; }
.HTMLNavigationFormButton-Include-Des a:before { 
  content: '\e82d';
  opacity: 0.3 !important;  
}

.HTMLNavigationFormButton-Edit a:before { content: '\e820'; }
.HTMLNavigationFormButton-Edit-Over a:before { content: '\e820'; }
.HTMLNavigationFormButton-Edit-Des a:before { 
  content: '\e820';
  opacity: 0.3 !important;  
}

.HTMLNavigationFormButton-First a:before { content: '\e800'; }
.HTMLNavigationFormButton-First-Over a:before { content: '\e800'; }
.HTMLNavigationFormButton-First-Des a:before { 
  content: '\e800';
  opacity: 0.3 !important;  
}

.HTMLNavigationFormButton-Previous a:before { 
  content: '\e800';
  overflow: hidden;
  width: 9px;
  margin-bottom: -3px; 
}

.HTMLNavigationFormButton-Previous-Over a:before { 
  content: '\e800'; 
  overflow: hidden;
  width: 9px;
  margin-bottom: -3px;
}

.HTMLNavigationFormButton-Previous-Des a:before {
  content: '\e800';
  opacity: 0.3 !important;
  overflow: hidden;
  width: 9px;
  margin-bottom: -3px;
}

.HTMLNavigationFormButton-Next a:before { 
  content: '\e801';
  overflow: hidden;
  width: 8px;
  margin-bottom: -3px;
 }

.HTMLNavigationFormButton-Next-Over a:before { 
  content: '\e801';
  overflow: hidden;
  width: 9px;
  margin-bottom: -3px; 

}
.HTMLNavigationFormButton-Next-Des a:before {
  content: '\e801';
  opacity: 0.3 !important;
  overflow: hidden;
  width: 7px;
  margin-bottom: -3px;
}

.HTMLNavigationFormButton-Last a:before { content: '\e801';  }
.HTMLNavigationFormButton-Last-Over a:before { content: '\e801';}
.HTMLNavigationFormButton-Last-Des a:before { 
  content: '\e801';
  opacity: 0.3 !important;  
}

.HTMLNavigationFormButton-Delete a:before { content: '\e81b'; }
.HTMLNavigationFormButton-Delete-Over a:before { content: '\e81b'; }
.HTMLNavigationFormButton-Delete-Des a:before { 
  content: '\e81b';
  opacity: 0.3 !important;   
}

.HTMLNavigationFormButton-Refresh a:before { content: '\e806'; }
.HTMLNavigationFormButton-Refresh-Over a:before { content: '\e806'; }
.HTMLNavigationFormButton-Refresh-Des a:before { 
  content: '\e806'; 
  opacity: 0.3 !important;  
}

.HTMLNavigationFormButton-Print a:before { content: '\e81f'; }
.HTMLNavigationFormButton-Print-Over a:before { content: '\e81f'; }
.HTMLNavigationFormButton-Print-Des a:before { 
  content: '\e81f'; 
  opacity: 0.3 !important;  
}

.HTMLNavigationFormButton-Log a:before { content: '\e80b'; }
.HTMLNavigationFormButton-Log-Over a:before { content: '\e80b'; }
.HTMLNavigationFormButton-Log-Des a:before { 
  content: '\e80b'; 
  opacity: 0.3 !important;  
}

.HTMLNavigationFormButton-DefaultValues a:before { content: '\e833'; }
.HTMLNavigationFormButton-DefaultValues-Over a:before { content: '\e833'; }
.HTMLNavigationFormButton-DefaultValues-Des a:before { 
  content: '\e833'; 
  opacity: 0.3 !important;  
}

.HTMLNavigationFormButton-Help a:before { content: '\e82b'; }
.HTMLNavigationFormButton-Help-Over a:before { content: '\e82b'; }
.HTMLNavigationFormButton-Help-Des a:before { 
  content: '\e82b';
  opacity: 0.3 !important;  
}

.HTMLNavigationFormButton-Exit a:before { 
	content: '\e828';
	font-family: "webicon-freire-pack"; 
}
.HTMLNavigationFormButton-Exit-Over a:before {
	content: '\e828';
	font-family: "webicon-freire-pack"; 
}
.HTMLNavigationFormButton-Exit-Des a:before { 
  font-family: "webicon-freire-pack";
  content: '\e828'; 
  opacity: 0.3 !important;  
}

.HTMLNavigationFormButton-EditSave a:before,
.HTMLNavigationFormButton-EditSave-Over a:before {
  content: '\e807';
  width: 78px;
}

.HTMLNavigationFormButton-EditSave-Des a:before {
  content: '\e807';
  width: 80px;
  opacity: 0.2 !important;
}


.HTMLNavigationFormButton-EditCancel a:before,
.HTMLNavigationFormButton-EditCancel-Over a:before {
  content: '\e82f';
  width: 80px;
}

.HTMLNavigationFormButton-EditCancel-Des a:before {
  content: '\e82f';
  width: 80px;
  opacity: 0.2 !important;
}

.HTMLNavigationFormButton-IncludeSaveMore a:before,
.HTMLNavigationFormButton-IncludeSaveMore-Over a:before {
  content: '\e807'' \e82d';
  width: 80px;
}

.HTMLNavigationFormButton-IncludeSaveMore-Des a:before {
  content: '\e807'' \e82d';
  width: 80px;
  opacity: 0.2 !important;
}

.HTMLNavigationFormButton-IncludeSave a:before,
.HTMLNavigationFormButton-IncludeSave-Over a:before {
  content: '\e807';
  width: 80px;
}

.HTMLNavigationFormButton-IncludeSave-Des a:before {
  content: '\e807';
  width: 80px;
}

.HTMLNavigationFormButton-IncludeCancel a:before,
.HTMLNavigationFormButton-IncludeCancel-Over a:before {
  content: '\e82f';
  width: 80px;
}

.HTMLNavigationFormButton-IncludeCancel-Des a:before {
  content: '\e82f';
  width: 80px;
  opacity: 0.2 !important;
}


/*****************************************/
/* HTMLNavigationGridButton: Bot�µes Grade*/
/*****************************************/
.HTMLNavigationGrid {
}

.HTMLNavigationGridButton img {
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}

.HTMLNavigationGridButton-pt_BR img {
  background: url('HTMLNavigationGrid/navGridIcons.gif');
}

.HTMLNavigationGridButton-en_US img {
  background: url('HTMLNavigationGrid/en_US/navGridIcons.gif');
}

.HTMLNavigationGridButton-es_ES img {
  background: url('HTMLNavigationGrid/es_ES/navGridIcons.gif');
}

.HTMLNavigationGridButton-fr_FR img {
  background: url('HTMLNavigationGrid/fr_FR/navGridIcons.gif');
}

.HTMLNavigationGridButton-Include img {
  background-position: 0px;
}

.HTMLNavigationGridButton-Include-Des img {
  background-position: -16px;
}

.HTMLNavigationGridButton-Edit img {
  background-position: -32px;
}

.HTMLNavigationGridButton-Edit-Des img {
  background-position: -48px;
}

.HTMLNavigationGridButton-Delete img {
  background-position: -64px;
}

.HTMLNavigationGridButton-Delete-Des img {
  background-position: -80px;
}

.HTMLNavigationGridButton-Refresh img {
  background-position: -96px;
}

.HTMLNavigationGridButton-Refresh-Des img {
  background-position: -112px;
}

.HTMLNavigationGridButton-EditSave img, .HTMLNavigationGridButton-IncludeSave img {
  background-position: -128px;
}

.HTMLNavigationGridButton-EditSave-Des img, .HTMLNavigationGridButton-IncludeSave-Des img {
  background-position: -144px;
}

.HTMLNavigationGridButton-EditCancel img, .HTMLNavigationGridButton-IncludeCancel img {
  background-position: -160px;
}

.HTMLNavigationGridButton-EditCancel-Des img, .HTMLNavigationGridButton-IncludeCancel-Des img {
  background-position: -176px;
}

/*****************************************/
/* HTMLPaging: Pagina�§�£o da Grade        */
/*****************************************/
.HTMLPagingButton img {
  background: url('HTMLPaging/paging.gif');
  background-repeat: no-repeat;
  width: 8px;
  height: 7px;
}

.HTMLPagingButton-First img {
  background-position: 0px;
}

.HTMLPagingButton-First-Des img {
  background-position: -8px;
}

.HTMLPagingButton-Previous img {
  background-position: -16px;
  width: 4px;
}

.HTMLPagingButton-Previous-Des img {
  background-position: -20px;
  width: 4px
}

.HTMLPagingButton-Next img {
  background-position: -24px;
  width: 4px;
}

.HTMLPagingButton-Next-Des img {
  background-position: -28px;
  width: 4px;
}

.HTMLPagingButton-Last img {
  background-position: -32px;
}

.HTMLPagingButton-Last-Des img {
  background-position: -40px;
}

/*****************************************/
/* HTMLMemo: Componente Texto Longo      */
/*****************************************/
.HTMLMemo textarea {
  font-size: 12px;
  font-weight: 500;
  color: #555B61;
  background: #FFFFFF;
  border-right: 1px solid #D3D1D1;
  border-left: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
  border-radius: 2px;
  padding-left: 8px;
  padding-right: 8px;
  outline: none;
  -webkit-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -moz-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -o-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -ms-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
}

.HTMLMemo textarea[readonly=readonly] {
  background: #FFFFE1;
}

.HTMLMemo textarea:disabled {
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.HTMLMemo textarea:hover {
  border: 1px solid #A0A0A0;
}

.HTMLMemo textarea:focus {
  border: 1px solid #4a76ba;
  outline: none;
}


.HTMLMemo font {
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.HTMLMemo textarea:disabled {
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-left: 1px solid #ebebe4;
  border-right: 1px solid #ebebe4;
  border-top: 1px solid #ebebe4;
  border-bottom: 1px solid #ebebe4;
  background: #ebebe4;
}

.HTMLMemo textarea:disabled:hover {
  border: 1px solid #FF0000;
}

/*****************************************/
/* HTMLDualList: Componente Lista Dupla  */
/*****************************************/
.HTMLDualList {
  font-family: arial, sans-serif;
  font-size: 11px;
  border-right: 1px solid #D3D1D1;
  border-left: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
  outline: none;
  background: #ffffff;
}

.HTMLDualList select {
  height: 100%;
  width: 100%;
  outline: none;
}

.HTMLDualList #dlTop {
  height: 7%;
  width: 100%;
}

.HTMLDualList #dlMiddle {
  height: 86%;
  width: 100%;
}

.HTMLDualList #dlBottom {
  height: 7%;
  width: 100%;
}

.HTMLDualList #dlLeftSeparator,#dlRightSeparator {
  float: left;
  height: 100%;
  width: 5%;
}

.HTMLDualList #dlMiddleSeparator {
  float: left;
  height: 100%;
  text-align: center;
  width: 6%;
}

.HTMLDualList #dlMiddleSeparator div:first-child {
  height: 34%;
}

.HTMLDualList #dlMiddleSeparator div[id*="bt"] {
  padding-bottom: 3px;
}

.HTMLDualList div[id*="WFRComponentLEFT"] {
  float: left;
  height: 90%;
  width: 42%;
}

.HTMLDualList div[id*="WFRComponentRIGHT"] {
  float: left;
  height: 90%;
  width: 42%;
}

.HTMLDualList #celDescPrincipal,#celDescSelecionados {
}

/*****************************************/
/* HTMLLookup: Componente Lista Dinâmica */
/*****************************************/
.HTMLLookup input {
  font-size: 12px;
  font-weight: 500;
  color: #555B61;
  text-indent: 5px;
  border-right: 1px solid #D3D1D1;
  border-left: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
  border-radius: 4px;
  padding-left: 3px;
  padding-right: 3px;
  outline: none;

  -webkit-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -moz-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -o-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -ms-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
}

.HTMLLookup input:hover {
  border-right: 1px solid #2d6398;
  border-left: 1px solid #2d6398;
  border-top: 1px solid #2d6398;
  border-bottom: 1px solid #2d6398;
  background: #FFFFFF;
}

.HTMLLookup input:focus {
  border-right: 1px solid #4a76ba;
  border-left: 1px solid #4a76ba;
  border-top: 1px solid #4a76ba;
  border-bottom: 1px solid #4a76ba;
  background: #FFFFFF;
  outline: none;
}

.HTMLLookup input:disabled:hover {
  background: #ebebe4;
}

.HTMLLookup-ReadOnly input {
  background:#e9f6f9;
}

.HTMLLookup-ReadOnly input:focus {
  background: #e9f6f9;
}

.HTMLLookup-ReadOnly input:hover {
  background: #e9f6f9;
}

.HTMLLookupDetails {
  box-shadow: 3px 5px 10px #747171;
  border-radius: 8px;
  width: auto !important; 
  min-width: 130px;
}

.HTMLLookupDetails #lookupHeader div {
  float: left;
  height: 18px;
}

.HTMLLookupDetails #lookupHeader img {
  cursor: pointer;
  margin: 0;
}

.HTMLLookupDetails #lookupSearchQuery {
  font-size: 11px;
  border-right: 0px solid #999999;
  border-left: 0px solid #999999;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  background: #fefefd;
  height: 18px;
  outline: none;
}

.HTMLLookupDetails #lookupQueryNavigation {
  background: #fefefc;
  height: 14px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.HTMLLookupDetails #lookupQueryContent {
  background: #CCCCCC;
}

.HTMLLookupDetails #lookupInput {
  font-size: 11px;
  border-right: 0px solid #D3D1D1;
  border-left: 0px solid #D3D1D1;
  border-top: 0px solid #FFFFFF;
  border-bottom: 1px solid #D3D1D1;
  background: #FEFEFC;
}

div[id*="WFRLookupSubForm"] {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  z-index: 99999;
}

.HTMLLookupMobile {
  border: 1px solid #a6a7b0;
  border-radius: 8px;
  cursor: pointer;
  color: #fefefc;
  background: #fefefc;
  padding: 0;
  vertical-align: middle;
  outline: none;
  position: relative;
  z-index: 100;
  height: calc(100% - 16px);
  width: 20px;
  outline: none;
}

.grid .HTMLLookupMobile {
  position: absolute;
  float: right;
  z-index: 1000000000;
  height: 100%;
  width: 20px;
  left: calc(100% - 20px)!important;
}

.HTMLLookup .HTMLButton {
  width: 17px !important;
  float: right;
  background: rgb(39,110,113)!important;
}

.HTMLLookup button {
  border: none !important;
  border-left: solid 1px #D3D1D1 !important;
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 4px;
  background: url('HTMLComboBox/drop-arrowicon.png') no-repeat center center #084886 !important;
  background-size: 10px;

  -webkit-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -moz-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -o-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -ms-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
}

.HTMLLookup .HTMLButton img {
  display: none;
}

/*****************************************/
/* HtmlComboBox: Componente Lista        */
/*****************************************/
.HTMLComboBox input {
  font-size: 12px;
  font-weight: 500;
  color: #555B61;
  text-indent: 5px;
  border-right: 1px solid #D3D1D1;
  border-left: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
  border-radius: 4px;
  padding-left: 3px;
  padding-right: 3px;
  outline: none;

  -webkit-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -moz-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -o-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -ms-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
}

.HTMLComboBox input:hover {
  border-right: 1px solid #2d6398;
  border-left: 1px solid #2d6398;
  border-top: 1px solid #2d6398;
  border-bottom: 1px solid #2d6398;
  background: #FFFFFF;
}

.HTMLComboBox input:focus {
  border-right: 1px solid #4a76ba;
  border-left: 1px solid #4a76ba;
  border-top: 1px solid #4a76ba;
  border-bottom: 1px solid #4a76ba;
  background: #FFFFFF;
  outline: none;
}

.HTMLComboBox .HTMLButton img {
  display: none;
}

.HTMLComboBox input:disabled:hover {
  background: #ebebe4;
}

.HTMLComboBoxDetails {
  box-shadow: 3px 5px 10px #747171;
  border-radius: 8px;
}

.HTMLComboBox-ReadOnly input {
  background: #FFFFE1;
}

.HTMLComboBox-ReadOnly input :focus {
  background: #FFFFE1;
}

.HTMLComboBox-ReadOnly input:hover {
  background: #FFFFE1;
}

.HTMLComboBoxDetails #lookupHeader div {
  float: left;
  height: 18px;
}

.HTMLComboBoxDetails #lookupHeader img {
  cursor: pointer;
  margin: 0;
}

.HTMLComboBoxDetails #lookupSearchQuery {
  font-size: 11px;
  border-right: 0px solid #999999;
  border-left: 0px solid #999999;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  background: #FFFFFF;
  height: 18px;
  outline: none;
}

.HTMLComboBoxDetails #lookupQueryNavigation {
  background: #fefefc;
  height: 20px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding-top: 1.5px;
}

.HTMLComboBoxDetails #lookupQueryContent {
  background: #CCCCCC;
}

.HTMLComboBoxDetails #lookupInput {
  font-size: 11px;
  border-right: 1px solid #D3D1D1;
  border-left: 1px solid #D3D1D1;
  border-top: 0px solid #FFFFFF;
  border-bottom: 1px solid #D3D1D1;
}

.HTMLComboBoxDetails option {
  font-weight: 500;
  color: #555B61;
}

.HTMLComboBox button {
  float: right;
  border: none !important;
  border-left: solid 1px #D3D1D1 !important;
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 4px;
  background: url('HTMLComboBox/drop-arrowicon.png') no-repeat center center #084886 !important;
  background-size: 10px;
  -webkit-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -moz-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -o-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -ms-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  width: 100% !important;
}

/*****************************************/
/* HTMLCheckBox: Componente Check        */
/*****************************************/
.HTMLCheckBox #chkLabel {
  position: relative;
  margin-left: 1px;
  top: -3px;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
}

.HTMLCheckBox #chkLabel-disabled {
  cursor: default;
  color: #D3D1D1;
}

.HTMLCheckBox input:enabled {
  cursor: pointer;
}

.HTMLCheckBox input:enabled:hover {
  border-color: #2d6398;
}

.HTMLCheckBox input:disabled {
  cursor: default;
}

input[type='checkbox'] {
  height: 15px;
  padding: 3px 2px 2px 11px;
  background:#FFF;
  border: 1px solid #D3D1D1;
  margin: 0 2px;
  outline:none;
  color:#96999D;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 2px;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}

input[type='checkbox']:checked {
  background: url('checked-box-icon.png') no-repeat center center #3173af !important;
  border-color: #3173af;
}

/*****************************************/
/* HTMLImage: Componente Imagem          */
/*****************************************/
.HTMLImage #HTMLImageLock {
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  outline: none;
}

.HTMLImage #HTMLImageNoImage {
  background: #FFFFFF;
  display: table;
  height: 100%;
  width: 100%;
  outline: none;
  border: 1px solid #EFEFEF;
  cursor: pointer;
}

.HTMLImage #HTMLImageNoImageRow {
  display: table-row;
  text-align: center;
}

.HTMLImage img {
  position: absolute;
  left: 0px;
  top: 0px;
}

.HTMLImage #HTMLImageNoImageCell {
  display: table-cell;
  vertical-align: middle;
}

.HTMLImage #HTMLImageWebCam {
  cursor: pointer;
  display: none!important;
}

.HTMLImage #HTMLImageWebCam img {
  height: 24px;
  width: 25px;
}

.HTMLImage #HTMLImageZoom {
  cursor: pointer;
  display: none!important;
}

.HTMLImage #HTMLImageZoom img {
  height: 24px;
  width: 25px;
}

.HTMLImage #HTMLImageSelf {
}

.HTMLImageZoom {
  position: absolute;
  z-index: 1000000;
  background: #FFF;
  border: 1px solid black;
  overflow: hidden;
  box-shadow: 0 0 30px 0 rgba(50, 50, 50, 0.75);
}

/*****************************************/
/* HTMLDetailPanel: Componente Sub-Form  */
/*****************************************/
.HTMLDetailPanel {
  border: 1px solid #BFB8BF;
  box-sizing: border-box;
}

/*****************************************/
/* HTMLInteraction: Mensagem de Intera�§�£o*/
/*****************************************/
div[id*="HTMLInteraction"] {
  -webkit-box-shadow: 5px 5px 25px #e4e4e4;
  -moz-box-shadow: 5px 5px 25px #e4e4e4;
  box-shadow: 5px 5px 25px #e4e4e4;
  display: block;
  background: #ffffff;
  width: 382px;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 1px solid #94A6B5;
  outline: none;
}

div[id*="HTMLInteraction"] #intTitle {
  opacity: 1.0;
  background: #ffffff;
  height: 26px;
  width: 100%;
  outline: none;
}

div[id*="HTMLInteraction"] #intTitleIcon {
  height: 100%;
  width: 30px;
  float: left;
  text-align: center;
}

div[id*="HTMLInteraction"] #intTitleIcon img {
  vertical-align: middle;
}

div[id*="HTMLInteraction"] #intTitleMessage {
  cursor: default;
  display: table;
  float: left;
  height: 100%;
  width: 332px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

div[id*="HTMLInteraction"] #intTitleMessage span {
  display: table-cell;
  vertical-align: middle;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333333;
  font-weight: bold;
  text-decoration: none;
  padding-left: 10px;
}

div[id*="HTMLInteraction"] #intTitleClose {
  cursor: pointer;
  float: left;
  position: absolute;
  right: 0%;
  width: 20px;
  text-align: center;
  top: 5px;
}

.intOnlyMessage {
  height: 40px !important;
}

div[id*="HTMLInteraction"] #intMessage {
  cursor: default;
  height: 80px;
  width: 100%;
  text-align: center;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
}

div[id*="HTMLInteraction"] #intIcon {
  float: left;
  top: 31%;
  width: 13%;
}

div[id*="HTMLInteraction"] #intIconTable {
  display: table;
  height: 80px;
}

div[id*="HTMLInteraction"] #intIconCell {
  display: table-cell;
  vertical-align: middle;
}

.intOnlyText {
  width: 100% !important;
  height: 40px !important;
}

div[id*="HTMLInteraction"] #intText {
  display: table;
  height: 80px;
  width: 332px;
  word-break: break-word;
}

div[id*="HTMLInteraction"] #intText #intTextCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  margin: 0 auto;
  overflow-y: auto;
}

div[id*="HTMLInteraction"] #intText #intTextCenter {
  padding: 0px 5px;
  margin-left: 5px;
  text-align: center;
  width: 310px;
  overflow-y: auto;
  word-break: break-all;
}

div[id*="HTMLInteraction"] #intText #intTextAux {
  max-height: 80px;
  word-break: break-word;
}

div[id*="HTMLInteraction"] #intText span {
  font-family: Verdana, Arial, Helvetica, san-serif;
  font-size: 10px;
  color: #333333;
}

div[id*="HTMLInteraction"] #intUserOptions {
  background: rgb(239,235,231);
  padding-left: 15px;
}

div[id*="HTMLInteraction"] #intUser {
  background: rgb(239,235,231);
}

div[id*="HTMLInteraction"] #intUserRadio {
  float: left;
  width: 100%;
}

div[id*="HTMLInteraction"] #intUserRadio input {
  float: left;
}

div[id*="HTMLInteraction"] #intUserRadio label {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #333333;
  padding-left: 5px;
  text-decoration: none;
}

div[id*="HTMLInteraction"] #intBtnCancel {
  left: 0%;
  bottom: 0%;
  height: 28px;
  width: 50%;
  background-repeat: no-repeat;
  background-position-y: bottom;
  background-position: 100% bottom;
  float: left;
}

div[id*="HTMLInteraction"] #intBtnDetails {
  left: 0%;
  bottom: 0%;
  height: 28px;
  width: 50%;
  background-repeat: no-repeat;
  background-position-y: bottom;
  background-position: 100% bottom;
  float: left;
}

div[id*="HTMLInteraction"] #intBtnOk {
  right: 0%;
  bottom: 0%;
  height: 28px;
  width: 50%;
  background-repeat: no-repeat;
  background-position-y: bottom;
  float: right;
}

div[id*="HTMLInteraction"] #intBase {
  left: 0%;
  bottom: 0%;
  height: 12px;
  width: 50%;
  position: absolute;
}

div[id*="HTMLInteraction"] #intBtnCancel button {
  border: 1px solid #a6a7b0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  color: #747474;
  background: rgb(254,254,252);
  bottom: 1%;
  cursor: pointer;
  position: absolute;
  height: 26px;
  min-width: 60px;
}

div[id*="HTMLInteraction"] #intBtnCancel button:hover {
  border: 1px solid red;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  color: #747474;
  background: rgb(254,254,252);
}

div[id*="HTMLInteraction"] #intBtnDetails button {
  border: 1px solid #a6a7b0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  color: #747474;
  background: rgb(254,254,252);
  bottom: 1%;
  cursor: pointer;
  position: absolute;
  height: 26px;
  min-width: 60px;
}

div[id*="HTMLInteraction"] #intBtnDetails button:hover {
  border: 1px solid red;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  color: #747474;
  background: rgb(254,254,252);
}

div[id*="HTMLInteraction"] #intBtnOk button {
  border: 1px solid #a6a7b0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  color: #747474;
  background: rgb(254,254,252);
  cursor: pointer;
  position: absolute;
  bottom: 1%;
  right: 0%;
  height: 26px;
  min-width: 60px;
}

div[id*="HTMLInteraction"] #intBtnOk button:hover {
  border: 1px solid red;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  color: #747474;
}

div[id*="HTMLInteraction"] #intBtnCancel img, #intBtnDetails img, #intBtnOk img {
  vertical-align: middle;
}

div[id*="HTMLInteraction"] #intBtnCancel a, #intBtnDetails a, #intBtnOk a {
  color: #333333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: none;
}

div[id*="HTMLInteractionBack"] {
  background-color: #FFFFFF;
  filter: alpha(opacity = 30);
  opacity: 0.3;
  height: 100%;
  width: 100%;
  position: absolute;
  border: 0;
}

/*****************************************/
/* HTMLProgressBar: Barra de Progresso   */
/*****************************************/
div[id*="HTMLProgressBar"] {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

div[id*="HTMLProgressBarBack"] {
  background: #FFFFFF;
  filter: alpha(opacity = 30);
  opacity: 0.3;
  height: 100%;
  width: 100%;
  position: absolute;
  border: 0;
}

/*****************************************/
/* HTMLTreeview: Componente Arvore        */
/*****************************************/
.HTMLTreeviewSelectedItem {
  background: #ffffb4;
}

.HTMLTreeview {
  color: #BFB8BF;
}

.HTMLTreeview > span {
  color: #747474;
}

/*****************************************/
/* HTMLAlert: Indicadores do Modo do Form*/
/*****************************************/
.HTMLAlert {
  width: 45px;
  height: 53px;
  top: 7px;
  right: 7px;
  text-align: center;
  position: absolute;
  display: none!important;
}

/**********************************************/
/* HTMLPage: Componente usado na aba localizar*/
/**********************************************/
.HTMLPage {
  border: 0;
  width: 100%;
  top: 0px;
  left: 0px;
  display: block;
  position: absolute;
}

/***********************************************/
/* WFRQueryForm: Aba Localizar: Básico/Avançado*/
/***********************************************/
.WFRQueryForm {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  font-family: calibri;
  font-size: 12px;
}

iframe[name="WFRQueryResults"] { 
  width: 100%!important;
}

.WFRQueryForm #HeaderSearchParams {
  width: 100%;
  background-repeat: repeat-x;
  float: left;
}

.WFRQueryForm #BodySearchFilterTitle {
  width: 115px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.WFRQueryForm #HeaderSearchParamsTitle {
  text-align: center;
  font-family: calibri;
  font-size: 12px;
}

.WFRQueryForm #BodySearch {
  float: left;
  width: 98%;
  background: #FFFFFF;
}

.WFRQueryForm #HeaderResults {
  width: 100%;
  background-repeat: repeat-x;
  float: left;
}

.WFRQueryForm #HeaderResultsTitle {
  text-align: center;
}

.WFRQueryForm #BodySearchFilter {
  float: left;
  padding-left: 2px;
}

.WFRQueryForm #BodySearchFilterCombo select {
  background: transparent;
  border: 0px;
  width: 136px;
  padding: 4px;
  font-size: 11px;
  line-height: 1;
  height: 21px;
  outline: none;
}

.WFRQueryForm #BodySearchFilterCombo {
  position: relative;
  width: 108px;
  height: 18px;
  overflow: hidden;
  background: url(WFRTabSearch/button_select.png) no-repeat right #ffffff;
  border-radius: 4px;
  border-right: 1px solid #D3D1D1;
  border-left: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
}

.WFRQueryForm #BodySearchOptions {
  float: right;
}

#WFRQueryResults {
  width: 100%;
}

/*Consulta Avan�§ada*/
.WFRQueryForm #HeaderOptions {
  margin-left: 4px;
  border: 2px solid;
  float: left;
  width: 65px;
}

.WFRQueryForm #HeaderOptionsRow {
  height: 30px;
}

.WFRQueryForm #HeaderOptionsRow div {
  float: left;
  margin: 5px;
}

.WFRQueryForm #HeaderOptionsRow {
  cursor: pointer;
}

.WFRQueryForm #HeaderBasicQueryButton {
  text-align: right;
}

#divQueryRow {
  width: 100%;
  float: left;
}

#divQueryRadio {
  float: left;
}

#divQueryLabel {
  float: left;
}

#divQuerySelect {
  float: left;
}

#divQueryInput div {
  float: left;
}

#divQueryInput input {
  font-family: arial, sans-serif;
  font-size: 11px;
  border-right: 1px solid #D3D1D1;
  border-left: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
}

/********************************************************************/
/* WFRReportMessageWait: Mensagem de espera da gera�§�£o de relat�³rios*/
/********************************************************************/
#WFRReportMessageWait {
  position: absolute;
  display: table;
  z-index: 1000000;
  text-align: center;
  background: #FFFFC7;
  border: 1px solid #EFEFEF;
}

#WFRReportMessageWait div {
  display: table-cell;
  vertical-align: middle;
}

/********************************************/
/* WFRNavigation: Pagina da Aba Localizar*/
/********************************************/
#WFRNavigation {
  height: 26px;
  position: absolute;
  right: 2px;
  top: 0px;
  z-index: 2;
}

#WFRNavigation > div {
  float: left;
}

#WFRNavigation button {
  border: 1px solid #a6a7b0;
  border-radius: 4px;
  cursor: pointer;
  color: #747474;
  background: #fefefc;
  cursor: pointer;
  vertical-align: middle;
  outline: none;
  padding: 0;
  height: 15px;
  width: 40px;
}

#WFRNavigation button:hover {
  cursor: pointer;
  border: 1px solid #ff0000;
  color: #747474;
  outline: none;
}

#WFRNavigation button:disabled {
  cursor: default;
  background: #fefefc;
  color: #DFDFDF;
  border: 1px solid #DFDFDF;
  outline: none;
}

/*****************************************/
/* HTMLMenu: Componente Menu             */
/*****************************************/

/* Definindo o espaçamento da estrutura de lista (OPCIONAL, mas influencia no posicionamento dos elementos) */
.HTMLMenuContainer ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Limitando a largura do menu Vertical */
.HTMLMenuVertical {
   display: inline-block;
   font-family: Arial, Sans-Serif;
   font-size: 8pt;
   border-top: solid 1px rgba(255,255,255,0.4)!important;
}

/* Horizontal: Definindo o estilo da lista, a borda cinza e a orientação de flutuação (OPCIONAL, mas influencia no posicionamento dos elementos) */
.HTMLMenuHorizontal .HTMLMenu {
  list-style: none;
  float: left;
  /* Itens opcionais/customizáveis:*/
  font-family: Arial, Sans-Serif;
  font-size: 8pt;
  background: rgba(10, 13, 16, 0.85);
  width: 100%;
  border-bottom: solid 2px silver;
}

.HTMLRemainingLevels > .HTMLItem li {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

.HTMLRemainingLevels .HTMLMenu > li {
  background-color: red;
}

/* Vertical: Definindo o estilo da lista, a borda cinza e a orientação de flutuação (OPCIONAL, mas influencia no posicionamento dos elementos) */
.HTMLMenuVertical .HTMLMenu {
  list-style: none;
  /* Itens opcionais/customizáveis: */
  font-family: segoeWp, Arial, Sans-Serif;
  font-size: 9pt;
}



.HTMLMenuVertical .HTMLMenu li a {
  color: #fff;
  padding-left: 13px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

/* Horizontal: Definindo a borda interna e a posição superior do menu de level 1 */
.HTMLMenuHorizontal .HTMLMenu li {
  position: relative;
  float: left;
  display: block;
  min-width: 90px;
}

/* Vertical: Definindo a orientação do menu vertical */
.HTMLMenuVertical .HTMLMenu li {
  position: relative;
  display: block;
  min-width: 100%;
}

/* Borda inferior interna do menu Vertical */
.HTMLMenuVertical .HTMLMenu li:not(:last-child) {
  border-bottom: none;
}

/* Borda lateral interna do menu Horizontal */
.HTMLMenuHorizontal .HTMLMenu li:not(:last-child) {
  border-right: 1px solid #252424;
}

/* Personalizando os links com o espaçamento top e right */
.HTMLMenu li a {
  display: block;
  text-decoration: none;
  /* Itens opcionais/customizáveis: */
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 5px!important;/*7px;*/
  padding-bottom: 5px!important;/*7px;*/
}

.HTMLMenu li a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

/* Definindo o efeito do mouse over dos links (OPCIONAL) */
.HTMLMenu > li:not(.HTMLMenuFirstLevelDisabled) > a:hover,
.HTMLRemainingLevels > a:hover {
  background-color: rgba(255, 255, 255, 0.4)
  font-size:9pt;
  padding-left: 25px !important;
}

/* -- Menu - formulário principal -- */

#Menu {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 106px) !important;
}

#Menu::-webkit-scrollbar              {width: 11px;}
#Menu::-webkit-scrollbar-button       {display: none;}
#Menu::-webkit-scrollbar-track-piece  {background-color: rgba(255, 255, 255, 0.05); }
#Menu::-webkit-scrollbar-thumb        {background-color: rgba(80, 80, 80, 0); border-radius: 1px;}
#Menu:hover::-webkit-scrollbar-thumb  {background-color: rgba(255, 255, 255, 0.5);}

/*****************************************/
/* HTMLMenu: Item Horizontal             */
/*****************************************/

/* Conserto da dupla borda entre os elementos (menu vertical) */
.HTMLMenuVertical .HTMLMenu > li > .HTMLItem li:not(:first-child) {
  border-top: 0px;
}

/* Definindo o item horizontal */
.HTMLItem  {
  left: 100%;
  /* border-left: solid 2px #5190D2; */
  padding-left: 10px !important;
  top: 0px;
  min-width: 200px;
  overflow: hidden;
  max-height: 0;
  display: block !important;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  -webkit-transition: max-height 0.3s ease-in-out, transform 0.2s ease-in-out;
  -moz-transition: max-height 0.3s ease-in-out, transform 0.2s ease-in-out;
  -ms-transition: max-height 0.3s ease-in-out, transform 0.2s ease-in-out;
  -o-transition: max-height 0.3s ease-in-out, transform 0.2s ease-in-out;
  transition: max-height 0.3s ease-in-out, transform 0.2s ease-in-out;
}

.item-show {
  max-height: 4000px;

  transition: max-height 2s;

  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  
}

/* Configuração do item horizontal */
.HTMLItem li {
  display:block;
  white-space: nowrap;
}

/*****************************************/
/* HTMLMenu: Item Vertical               */
/*****************************************/

/* Definindo o estilo do item vertical */
.HTMLMenuHorizontal .HTMLMenu > li > .HTMLItem {
  position: absolute;
  left : 0px;
  display: none;
  /* Itens opcionais/customizáveis: */
  top: 43px;
}

/* Exibição de item vertical */
.HTMLMenuHorizontal .HTMLMenu > li:not(.HTMLMenuFirstLevelDisabled):hover > .HTMLItem {
  display: block;
}

/* Configuração do item vertical */
.HTMLMenuHorizontal .HTMLMenu > li > .HTMLItem li {
  display: block;
  width: 100%;
  white-space: nowrap;
  background-color: rgba(10, 13, 16, 0.85);
}

.HTMLMenuVertical .HTMLMenu > li > .HTMLItem li {
  /*border: 1px solid rgba(255, 255, 255, 0); <-AQUI*/ 
}

/* Conserto da dupla borda entre os elementos */
.HTMLMenuHorizontal .HTMLMenu > li > .HTMLItem li:not(:first-child) {
  border-top: 0px;
}

.HTMLMenuHorizontal > ul > li:not(.HTMLMenuFirstLevelDisabled):hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 0px solid #DB000B;
  margin-left: -10px;
}

.HTMLMenuHorizontal .HTMLFirstLevel > a {
  text-align: center;
  line-height: 30px;
  color: #fff;
  font-size: 11px;
}

.HTMLMenuVertical .HTMLFirstLevel > a {
  text-align: left;
  line-height: 17px;
  border-bottom: solid 1px rgba(255, 255, 255, 0.4);
}

.HTMLRemainingLevels {
  background: rgba(255, 255, 255, 0.15);
}

.HTMLRemainingLevels > a {
  min-height: 17px;
  color: #FFFFFF;
  text-align: left;
  font-family: segoeWp, Arial, Sans-Serif;
  border-left: solid 1px rgba(214, 247, 233, 0.4);
  font-size:8pt;
}

.HTMLRemainingLevels span {
    white-space: initial;
}

/* CSS para links desabilitados */
.HTMLMenuFirstLevelDisabled {
  background-color: #C0C0C0;
}

/* Desabilitando evento e ponteiro (Atenção o Focus via TABULAÇÃO ainda se mantém) */
.HTMLMenuHorizontal .HTMLMenuFirstLevelDisabled a {
  cursor: default;
  pointer-events: none;
  text-align: center;
  line-height: 17px;
}

.HTMLMenuVertical .HTMLMenuFirstLevelDisabled a {
  cursor: default;
  pointer-events: none;
  line-height: 17px;
}


/* CSS para links desabilitados */
.HTMLMenuRemainingLevelsDisabled {
  background-color: #C0C0C0;
}

/* Desabilitando evento e ponteiro (Atenção o Focus via TABULAÇÃO ainda se mantém) */
.HTMLMenuRemainingLevelsDisabled a {
  cursor: default;
  pointer-events: none;
}

.HTMLHorizontalArrowRight > a:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  right: 5px;
  width: 30px;
  height: 30px;
  background-image: url("arrow-item-menu.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 17px;

  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}

.HTMLVerticalFirstLevelArrow > a::after, 
.HTMLVerticalRemainingLevelsArrow > a::after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  right: 5px;
  width: 30px;
  height: 30px;
  background-image: url("arrow-item-menu.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 17px;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}

.LevelArrowDown > a {background-color: rgba(255, 255, 255, 0.4);padding-left: 25px !important;}
.LevelArrowDown > a:hover {background-color: rgba(255, 255, 255, 0.4) !important;}

.LevelArrowDown > a::after {
  content: '';
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate( 90deg);
  -ms-transform: rotate( 90deg);
  -o-transform: rotate( 90deg);
  transform: rotate( 90deg);
}

/********************************************/
/* Slider: Componente Slider                */
/********************************************/

.HTMLSlider{
  position: absolute;
  z-index: 100000;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.HTMLSliderDisable{
  position: absolute;
  z-index: 100001;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: none;
}

.HTMLSliderSeletor{
  position: absolute;
  z-index: 4;
  height: 14px;
  width: 14px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.HTMLSliderSeletor > span{
  position: absolute;
  bottom: -14px;
  width: 134px;
  left: -60px;
  cursor: default;
  text-align: center;
}
.HTMLSliderSeletor > img{
  width: 14px;
  height: 14px;
  position: absolute;
  z-index: 5;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.HTMLSliderSeletor>img:hover{
  cursor: -webkit-grab;
  cursor: -moz-grab;
  
}

.HTMLSliderSeletor >img:active{
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}

.HTMLSliderSeletor >img:focus{
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}
.HTMLSliderBar{
  position: absolute; 
  z-index: 4;
  background: #C0C0C0;
  border-radius: 4px;
  margin-top: 2px;
  height: 9px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.HTMLSliderBarSecundary{
  position: absolute; 
  z-index: 4;
  background: #666;  
  border-radius: 4px;
  margin-top: 2px;
  height: 9px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/***************************************************/
/* HTMLImageGallery: Componente Galeria de Imagens */
/***************************************************/
.HTMLImageGalleryMain {
  border-left: 1px solid #D3D1D1;
  border-right: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.HTMLImageGalleryMain:hover {
  border-left: 1px solid #FF0000;
  border-right: 1px solid #FF0000;
  border-top: 1px solid #FF0000;
  border-bottom: 1px solid #FF0000;
}

.HTMLImageGalleryThumbnail {
  border-left: 1px solid #D3D1D1;
  border-right: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  opacity: 0.5;
  transition: opacity .5s ease-out;
  -moz-transition: opacity .5s ease-out;
  -webkit-transition: opacity .5s ease-out;
  -o-transition: opacity .5s ease-out;
}

.HTMLImageGalleryThumbnail:hover {
  border-left: 1px solid #FF0000;
  border-right: 1px solid #FF0000;
  border-top: 1px solid #FF0000;
  border-bottom: 1px solid #FF0000;
  opacity: 1;
}

.HTMLImageGalleryThumbnail img {
  width: 100%;
  height: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.HTMLImageGalleryRemove {
  background: transparent;
  width: 16px;
  height: 16px;
  top: 2px;
  right: 2px;
  position: absolute;
  background-image: url("HTMLImageGallery/remove_item_galery_disabled.png");
  cursor: pointer;
  transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -webkit-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
}

.HTMLImageGalleryRemove:hover {
  background-image: url("HTMLImageGallery/remove_item_galery.png");
}

.HTMLImageGalleryExpandedBackground {
  width: 100%;
  height: 100%;
  z-index: 100100;
  background: #000000;
  opacity: 0.5;
  position: absolute;
}

.HTMLImageGalleryExpandedImage {
  z-index: 100110;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0px 5px 35px #000000;
}

/***************************************************/
/* HTMLCalendar: Componente Calend�¡rio *************/
/***************************************************/
.HTMLCalendarMain {
  border-left: 1px solid #D3D1D1;
  border-right: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  min-width: 250px;
  min-height: 225px;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.HTMLCalendarHeader {
  position: relative;
  width: 100%;
  height: 20%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom: 1px solid #D3D1D1;
  text-align: center;
  min-width: 250px;
  max-height: 38px;
  min-height: 30px;
}

.HTMLCalendarPreviousYear {
  position: relative;
  display: inline-block;
  background: url('HTMLCalendar/calendar_previous_year.gif');
  height: 28px;
  width: 28px;
  margin-top: 1%;
  margin-right: 4px;
  background-size: 75%;
  background-repeat: no-repeat;
}

.HTMLCalendarSpan {
  position: relative;
  display: inline-block;
  margin-right: 4px;
  font-family: verdana;
  top: 10px;
}

.HTMLCalendarPreviousYear:hover {
  background: url('HTMLCalendar/calendar_previous_year_over.gif');
  background-repeat: no-repeat;
  background-size: 75%;
}

.HTMLCalendarPrevious {
  position: relative;
  display: inline-block;
  background: url('HTMLCalendar/calendar_previous.gif');
  height: 28px;
  width: 15%;
  max-width: 30px;
  min-width: 30px;
  margin-top: 1%;
  margin-right: 4px;
  background-size: 75%;
  background-repeat: no-repeat;
}
.HTMLCalendarPrevious:hover {
  background: url('HTMLCalendar/calendar_previous_over.gif');
  background-repeat: no-repeat;
  background-size: 75%;
}

.HTMLCalendarInformation {
  position: relative;
  display: inline-block;
  margin-right: 4px;
  font-family: verdana;
  top: -10px;
  width: 110px;
  left: -4px;
}

.HTMLCalendarNext {
  position: relative;
  display: inline-block;
  background: url('HTMLCalendar/calendar_next.gif');
  height: 28px;
  width: 15%;
  max-width: 30px;
  min-width: 30px;
  margin-top: 1%;
  margin-right: 4px;
  background-size: 75%;
  background-repeat: no-repeat;
}

.HTMLCalendarNext:hover {
  background: url('HTMLCalendar/calendar_next_over.gif');
  background-repeat: no-repeat;
  background-size: 75%;
}

.HTMLCalendarNextYear {
  position: relative;
  display: inline-block;
  background: url('HTMLCalendar/calendar_next_year.gif');
  height: 28px;
  width: 15%;
  max-width: 30px;
  min-width: 10px;
  margin-top: 1%;
  margin-right: -5px;
  background-size: 75%;
  background-repeat: no-repeat;
}

.HTMLCalendarNextYear:hover {
  background: url('HTMLCalendar/calendar_next_year_over.gif');
  background-repeat: no-repeat;
  background-size: 75%;
}

.HTMLCalendarDaysOfTheWeek {
  position: relative;
  width: 100%;
  height: 11.4%;
  text-align: center;
  background: #E6E6E6;
}

.HTMLCalendarCellDayOfTheWeek {
  position: relative;
  width: 13%;
  height: 100%;
  display: inline-block;
  margin-left: 0.4%;
  margin-right: 0.4%;
  color: #000;
  top: 10%;
  font-family: verdana;
  font-size: 100%;

}

.HTMLCalendarDaysOfTheMonth {
  position: relative;
  width: 100%;
  height: 11.4%;
  top: 3%;
  text-align: center;
}

.HTMLCalendarCellDayOfTheMonth {
  position: relative;
  width: 13%;
  height: 100%;
  display: inline-block;
  margin-left: 0.4%;
  margin-right: 0.4%;
  font-family: verdana;
  font-size: larger;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  cursor: pointer;
}
.HTMLCalendarCellDayOfTheMonth:hover {
  background: #FFFAFA;
}

.HTMLCalendarOfToday {
  position: relative;
  width: 13%;
  height: 70%!important;
  display: inline-block;
  margin-left: 0.4%;
  margin-right: 0.4%;
  font-family: verdana;
  font-size: larger;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
  cursor: pointer;
  font-weight: bold;
  background: white;
  box-shadow: inset 0px 4px 5px #ccc;
}
.HTMLCalendarCellHoliday {
  position: relative;
  width: 13%;
  height: 100%;
  display: inline-block;
  margin-left: 0.4%;
  margin-right: 0.4%;
  font-family: verdana;
  color: red;
  font-size: larger;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  cursor: pointer;
}

.HTMLCalendarCellHoliday:hover {
  background: #FFFAFA;
}

.HTMLCalendarCellActivity {
  position: relative;
  width: 13%;
  height: 100%;
  display: inline-block;
  margin-left: 0.4%;
  margin-right: 0.4%;
  font-family: verdana;
  color: green;
  font-size: larger;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  cursor: pointer;
}

.HTMLCalendarCellActivity:hover {
  background: #FFFAFA;
}

/*****************************/
/* HTMLChat: Componente Chat */
/*****************************/

.HTMLChat, .HTMLChatError {
  position: absolute;
  border: 1px solid rgb(226, 226, 226);
  overflow: hidden;
  background-color: white;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.HTMLChatSlider {
  transition: all 0.7s;
  z-index: 999999;
}

.HTMLChatSlider:hover {
  bottom: 0px !important;
}

.HTMLChatHeader {
  height: 20px;
  border-bottom: 1px solid rgb(226, 226, 226);
  position: relative;
  font-size: 14px;
  padding-top: 3px;
  padding-left: 15px;
}

.HTMLChatHeaderSlider {
  height: 25px;
  background: #404040;
  color: white;
}

.HTMLChatSearch {
  position: relative;
  border-bottom: 1px solid rgb(241,241,241);
}

.HTMLChatSearch input {
  border-radius: 0px !important;
  position: relative;
  height: 20px;
  width: 100%;
  background: #CBCBCB;
  border: 1px solid #ABBFFF;
}

.HTMLChatSearch input:hover {
  border: 0px solid;
}

.HTMLChatSearch input:focus {
  border: 0px solid;
}

.HTMLChatSendAll {
  position: relative;
  height: 19px;
  border-bottom: 1px solid rgb(241,241,241);
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}

.HTMLChatSendAll span {
  position: relative;
  vertical-align: middle;
}

.HTMLChatSendAll:hover {
  background-color: #87CEFA;
}

.HTMLChatScroll {
  width: 100%;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}

.HTMLChatUsersList {
  position: relative;
  width: inherit;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.HTMLChatUsersListRow {
  width: inherit;
  white-space: nowrap;
  position: relative;
  cursor: pointer;
}

.HTMLChatUsersListCellUser {
  width: inherit;
  border-bottom: 1px solid rgb(241, 241, 241);
  display: inline-block;
  left: -25px;
  height: 19px;
}

.HTMLChatUsersListRow:hover {
  background-color: #e4f7ff;
}

.HTMLChatUsersListCellStatus {
  margin: 0px 5px;
  float: left;
  border-radius: 50%;
  top: 2px;
  height: 15px;
  width: 15px;
}

.HTMLChatUsersListCellUser span {
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  float: left;
  width: calc(100% - 25px);
  padding-left: 25px;
  top: 3px;
}

.HTMLChatUsersListCellStatus, .HTMLChatUsersListCellUser {
  position: relative;
  vertical-align: middle;
}

.HTMLChatUserOffline {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}

.HTMLChatUserOnline {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}

.HTMLChatUserOffline > .HTMLChatUsersListCellStatus {
  background-color: #c3c3c3;
}

.HTMLChatUserOnline > .HTMLChatUsersListCellStatus {
  background-color: lawngreen;
}

.HTMLChatTalk .HTMLMemo {
  width: 100%!important;
  border-radius: 0;
}

.HTMLChatTalk textarea {
  resize: none;
  height: 100%!important;
  width: 100%!important;
}

.HTMLChatTalk textarea, .HTMLChatTalk textarea:hover, .HTMLChatTalk textarea:focus {
  border: 0;
}

.HTMLChatTalk .HTMLMemo:nth-child(1) {
  background-color: #E5E5E5;
}

.HTMLChatTalk .HTMLMemo:nth-child(1) textarea {
  background-color: transparent!important;
  border-radius: 0;
  padding: 13px;
  font-size: 16px;
}

.HTMLChatTalk .HTMLMemo:nth-child(2) textarea {
  border-radius: 0;
  padding: 4px;
  overflow: hidden;
  font-size: 18px;
  border: 0px solid #fff;
  border-bottom: 1px solid #404040;
}

/*************************************************/
/* HTMLPlayer: Reprodutor de M�­dia               */
/*************************************************/

.HTMLPlayer {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.8);
}

.HTMLPlayerSliding {
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -ms-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
  z-index: 2147483647;
  padding-top: 30px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4zjOaXUAAAAhlJREFUWEftlzlLA1EUhRNc4hLFxEILkQj+BUs7/4CFYGOhtWBhoZaCYIKoWIqFhTYWdjZilcYqnQEJhEgwSEgCCVlnsvq9+CIjWWCcGRtz4PC2O/edefe+y4ytjz46oVgsOsrlsqvRaLjNpKqqrlwuN0Tf1mIbCoWCo1QqnVYABqaClyrjf59udwHYuK3YvAUhgqa7ACanodXoC9AngOwN1Wo1L11drFarJ/l8/pGwK4y10CcAXMhl3SDr58npW+mnBd0CzuVyE4FAwB4KhcYymcwka4NyuiM4OWe9Xvd9ufmGMQHRaHQiHo+vUi92KVrLrA/LpTaw5oQiJFoYE5BKpTwc7RUxfic/nuhv0i5g13YazI3AQ+FEA2MC0un0IhvecbQKVInxm6IoNwhZw3YG2qWp8GeHu1AL8wSIRdo6sVbI9ldq/VYymRyVpk1gsiPsNLBEgMopRBKJxHYkEhmXpk1gYp0ANq7AFOMHEnKDcPwIgQBjcwVwxB4KzDWbfXATnhHgI/5L2HVKwgG4J5xoYExAOByejMVi64g4yGazK6zPwo71gPkxeAS1MCbA7/fbg8Ggk5OYIgw9CxHPmlIHfl2KOaU5cuOSmlGSvgT0CeDhF970mK4u8oyXm3FPgmYYa6FPgAXoC+gu4A8+SlWa7gIoKA6y9swKEWJzfPf+LBfg6ogfE/EzIcJhGrkRbgT0/jH5Z7DZPgEGiNBQxJe7wQAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
}

.HTMLPlayerSliding:hover {
  bottom: -4px !important;
}

.HTMLVideoPlayer, .HTMLAudioPlayer {
  background-color: #000;
  z-index: 1;
}

.HTMLVideoPlayer {
  margin-top: 3px;
  margin-left: 3px;
  margin-right: 3px;
}

.HTMLAudioPlayer {
  height: 30px;
}

/*************************************************/
/*                 RSS: Leitor RSS               */
/************************************************/

.HTMLRSSBody {
  position: absolute;
  background: #FFF;
  border-radius: 10px;
  min-height: 100px;
  z-index: 100000;
  padding: 10px;
}

.HTMLRSSSlider {
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 1;
}

.HTMLRSSTitle {
  color: #FFFFFF;
  position: relative;
  font-weight: bold;
  text-align: center;
  width: 94%;
  height: auto;
  min-height: 30px;
  overflow: hidden;
  font-size: 16px;
  text-overflow: ellipsis;
  z-index: 1;
  left: 3%;
  padding-top: 2%;
  background: #3173AF;
  TEXT-TRANSFORM: uppercase;
  margin-bottom: 2px;
  border-bottom: 5px #498ECF solid;
  background-repeat: no-repeat;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.HTMLRSSItem {
  position: relative;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 2;
  width: 94%;
  margin-top: 10px;
  margin-left: 3%;
}

.HTMLRSSItemTitle {
  position: relative;
  font-size: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 8px;
  font-weight: bold;
  color: #3173AF;
}
.HTMLRSSItemTitle span {
  display: table;
  margin-top: auto;
}

.HTMLRSSDescription {
  position: relative;
  width: 100%;
  font-size: 12px;
  height: auto;
  color: #3173AF;
  float: left;
  margin-bottom: 10px;
}

.HTMLRSSDescription * {
  float: left;
  vertical-align: 30%
}
.HTMLRSSDescription img {
  margin-right: 10px;
  max-width: 75px;
  border-radius: 3px;
}

.HTMLRSSDescription br {
  display: none;
}

.HTMLRSSSeparator {
  position: relative;
  width: 100%;
  height: 1px;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #3173AF;
  float: left;
}

/***************************************************/
/* Tabela: Novo Componente Tabela (Feito em Maker) */
/***************************************************/

.HTMLTable {
  border-top: 1px solid #3173AF;
  border-bottom: 1px solid #3173AF;
  border-left: 1px solid #3173AF;
  border-right: 1px solid #3173AF;
  background-color: white;
}

.HTMLTableAllModes {
  z-index: 100000;
}

.HTMLTable .HTMLEdit, .HTMLTableSearchEdge {
  height: 22px;
}

.HTMLTable .HTMLEdit {
  border-right: 2px solid #ABABAB;
  display: inline-block!important;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
  height: 100%;
}

.HTMLTableSearchEdge {
  overflow: hidden;
  display: inline-block!important;
  text-overflow: ellipsis;
  cursor: default;
  height: 100%;
  width: 13px;
  display: none!important;
}

.HTMLTable .HTMLEdit input {
  width: 100% !important;
  border-radius: 0;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  text-indent: 8px;
  border: 0px;
}

.HTMLTable .HTMLEdit input:focus {
  border: 1px solid #3173AD;
}

.HTMLTable .HTMLEdit input:hover {
	border-color:#2d6398 !important;

}

.HTMLTableHeaderRow, .HTMLTableEdge {
  height: 22px;
  width: 100%;
  white-space: nowrap;
  border-bottom: 1px solid #c9b6b6;
  width: calc(100% + 0px);
  padding: 0px 0px 0px 0px!important;
  z-index: 1;
  background: #E3E3E3;
}

.HTMLTableHeaderSearch {
  white-space: nowrap;
  border-bottom: 1px solid #c9b6b6;
  width: calc(100% + 0px);
  padding: 0px 0px 0px 0px!important;
  z-index: 1;
  height: 22px;
}

.HTMLTableEdge {
  width: 13px;
  /*border-left: 1px solid #ababab;*/
}

.HTMLTableHeaderCell, .HTMLTableEdge {
  background: #F2F2F2;
}

.HTMLTableHeaderCell {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
  height: 100%;
  outline: none;
}

.HTMLTableHeaderCell[draggable = true], .HTMLTableHeaderCell[draggable = true] > span{
  cursor: -webkit-grab;
  cursor: -moz-grab;
}

.HTMLTableHeaderCell:last-child {
  overflow: hidden;
  float: none;
}

.HTMLTableHeaderCell:hover, .HTMLTableEdge:hover {
  background: #E3E3E3;
  color: #3173AF;
}

.HTMLTableHeaderCell span {
  cursor: default;
  padding-left: 3px;
  padding-right: 3px;
  position: relative;
  top: 7px;
}

.HTMLTableHeaderCellSeparator {
  display: inline-block;
  text-overflow: ellipsis;
  cursor: e-resize;
  height: 100%;
  background-color: #ababab;
}

.HTMLTableHeaderCellSeparator:hover, .HTMLTableHeaderCellSeparator:active {
  background-color: #3173AF;
}

.HTMLTableBody {
  white-space: nowrap;
  width: 100%;
}

.HTMLTableBody2 {
  outline: none;
  overflow-y: hidden;
  overflow-x: hidden!important;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  position: absolute;
  width: calc(100% + 0px);
  padding: 0px 0px 0px 0px!important;
  z-index: 1;
  height: calc(100% + 0px);
}

.HTMLTableBodyCell {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 1px;
  cursor: default;
  height: 100%;
  border-right: 1px solid #ABABAB;
}

.HTMLTableScroll2 > div {
  visibility: hidden;
  scrollbar-base-color: #C0C0C0;
  scrollbar-base-color: #C0C0C0;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #EBEBEB;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}

.HTMLTableScroll2 {
  height: 15px;
}

.HTMLTableIntermediary{
  width: calc(100% - 14px)!important;
}

.HTMLTableBodyRow {
  background-color: white;
  white-space: nowrap;
  width: 100%;
  height: 18px;
  -moz-user-select: none;
  -webkit-user-select: none;
  overflow-y: visible;
  width: auto;
  min-width: 100%;
}

.HTMLTableBodyRow{
  background-color: #F7F7F7;
}

.HTMLTableBodyRowOdd{
  background-color: #ffffff;
}

.HTMLTableBodyRow > div{
  background-color: #F7F7F7;
}

.HTMLTableBodyRowOdd > div{
  background-color: #ffffff;
}

.HTMLTableBodyRow:hover div{
  background-color: #E4E4E4!important;
}

.HTMLTableBodyRow:hover {
  background-color: #E4E4E4!important;
}

.HTMLTableBodyRowSelected{
  background-color: #FFFFB4!important;
}

.HTMLTableBodyRowSelected > div{
  background-color: #3A79B3!important;
  color: #fff;
}

.HTMLTableBodyCell {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 1px;
  cursor: default;
  height: 100%;
  border-right: 1px solid #ABABAB;
}


.HTMLTableBodyCell span {
  padding-right: 2px;
}

.HTMLTableContainerPagination {
  background: #FFFFFF;
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: -21px;
}

.HTMLTablePrevious, .HTMLTableNext, .HTMLTableFirst,.HTMLTableLast {
  position: absolute;
  width: 32px;
  height: 16px;
  background-size: 256px 16px;
  background-repeat: no-repeat;
  top: 2px;
  cursor: pointer;
  -webkit-transition: 0.2s opacity ease-in;
  -moz-transition: 0.2s opacity ease-in;
  -ms-transition: 0.2s opacity ease-in;
  -o-transition: 0.2s opacity ease-in;
  transition: 0.2s opacity ease-in;
  opacity: 0.6;
}

.HTMLTablePrevious:not(.HTMLTablePreviousDisabled):hover, .HTMLTableNext:not(.HTMLTableNextDisabled):hover, .HTMLTableFirst:not(.HTMLTableFirstDisabled):hover,.HTMLTableLast:not(.HTMLTableLastDisabled):hover {
  opacity: 1;
}

.HTMLTablePreviousDisabled, .HTMLTableNextDisabled,.HTMLTableFirstDisabled,.HTMLTableLastDisabled {
  cursor: default;
}

.HTMLTablePrevious {
  background-position: -64px;
  right: 70px;
  background-image: url("HTMLTable/nav_pagination.png");
}

.HTMLTablePreviousDisabled {
  background-position: -96px;
  background-image: url("HTMLTable/nav_pagination.png");
}

.HTMLTableNext {
  background-position: -128px;
  right: 35px;
  background-image: url("HTMLTable/nav_pagination.png");
}

.HTMLTableNextDisabled {
  background-position: -160px;
  background-image: url("HTMLTable/nav_pagination.png");
}

.HTMLTableFirst {
  background-position: 0px;
  right: 105px;
  background-image: url("HTMLTable/nav_pagination.png");
}

.HTMLTableFirstDisabled {
  background-position: -32px;
  background-image: url("HTMLTable/nav_pagination.png");
}
.HTMLTableLast {
  background-position: -192px;
  right: 0;
  background-image: url("HTMLTable/nav_pagination.png");
}

.HTMLTableLastDisabled {
  background-position: -224px;
  background-image: url("HTMLTable/nav_pagination.png");
}

.HTMLTableInputPagination {
  font-weight: bold;
  height: 16px;
  top: 2px;
  position: relative;
  float: left;
  margin-left: 5px;
  font-size: 11px;
  color: #2766A0;
}

.HTMLTableSpanPagination {
  line-height: 20px;
  position: relative;
  float: left;
  margin-left: 4px;
  color: #2766A0;
}


.HTMLTableContextMenu {
  position: absolute;
  z-index: 2147483647;
  background-color: #f5f5f5;
  font-size: 1.2em;
  white-space: nowrap;
  line-height: 30px;
  width: 200px;
  text-indent: 10px;
  box-shadow: 1px 1.732px 9px 0px rgba(64, 64, 64, 0.5);
  border-radius: 4px;
}

.HTMLTableContextMenu > div {
  cursor: pointer;
  border-bottom: 1px solid #e7e7e7;
  color: #434343;
  -webkit-transition: 0.1s ease-in;
  -moz-transition: 0.1s ease-in;
  -ms-transition: 0.1s ease-in;
  -o-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
  border-top: 1px solid #e7e7e7;
}

.HTMLTableContextMenu > div:hover {
  background-color: lightblue;
  color: #171717;
  border-bottom-color: lightblue;
  border-top-color: lightblue;
}

.HTMLTableOrderArrow {
  position: absolute;
  width: 7px;
  left: calc(50% - 3.5px);
  top: 1px;
  display: none;
}

.HTMLTableOrderArrowInverted {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.HTMLTableOrderArrowSort {
  display: block;
}

.HTMLTableRowGroups{
  border-bottom: 1px solid #B7B4B4!important;
  background: #E4E4E4;
}

.HTMLTableRowGroupsChilds{
  border-bottom: 1px solid #E4E4E4!important;
  background: #F9F9F9;
}

.HTMLTableHeaderCellGroup {
  float: left;
  height: 100%;
  outline: none;
  border-right: 1px solid #ababab;
  min-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
}

.HTMLTableHeaderCellGroup > span{
  top: 3px;
  position: relative;
  margin-left: 5px;
  margin-right: 5px;
}

.HTMLTableHeaderCellGroup > img{
  top: 5px;
  right: 2px;
  width: 10px;
  position: relative;
  float: right;
  cursor: pointer;
}

.HTMLTableSumaryGeneral{
  background: #E4E4E4;
  border: 1px solid #ccc; 
}

.HTMLTableIntermediary {
  overflow-x: hidden!important;
  overflow-y: hidden!important;
}

/*************************************************/
/* HTMLScrollBar: Barra de Rolagem               */
/*************************************************/

.HTMLScrollBar {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: default;
  background-color: rgba(211,211,211,0.3);
  -webkit-transition: 0.5s background-color ease;
  -moz-transition: 0.5s background-color ease;
  -ms-transition: 0.5s background-color ease;
  -o-transition: 0.5s background-color ease;
  transition: 0.5s background-color ease;
}

.HTMLScrollBar:hover , .HTMLScrollBar:active {
  background-color: rgba(211,211,211,0.6);
}

.HTMLScrollThumbX, .HTMLScrollThumbY {
  position: relative;
  background-color: #3A79B3;
}

.HTMLScrollThumbX {
  height: 14px;
  min-width: 20px;
  display: none!important;
}

.HTMLScrollBarX {
  display: none;
}

.HTMLScrollThumbY {
  width: 14px;
  min-height: 20px;
}

/*************************************************/
/*                COMPONENTE ABA                 */
/************************************************/

.HTMLTabComponent, .HTMLTabComponentClose,.HTMLTabComponentUndock {
  background-color: #012e58;
  height: 21px;
  max-width: 15px;
  min-width: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #FFFFFF;
  border-bottom: 1px solid rgb(255,255,255);
}


.HTMLTabComponent {
  border-top-left-radius: 0px;
}

.HTMLTabComponentClose {
  border-top-right-radius: 0px;
  vertical-align: middle;
  font-size: 12px;
  text-align: right;
  padding-right: 10px;
}

.fecharAba>span {
  color: #fff!important;
}

.fecharAbaDesabilitada>span {
  color: #FFFFFF!important;
}

.separarAba img {
  width: 14px;
  height: auto;
  top: 7px;
  position: absolute;
}

.HTMLTabComponentSelected {
  border-top: 0px solid #FF0000;
  border-left: 1px solid #91A7B4;
}

.HTMLTabComponentCloseSelected {
  border-top-right-radius: 0px;
  vertical-align: middle;
  font-size: 12px;
  text-align: right;
  padding-right: 10px;
  border-right: 1px solid #FFF;
}

.HTMLTabComponent {
  border-top: 0px solid #91A7B4;
  border-left: 1px solid #91A7B4;
}

.HTMLTabComponentClose {
  border-top: 0px solid #91A7B4;
  border-right: 1px solid #fff;
}

.HTMLTabComponentUndock {
  border-top: 0px solid #91A7B4;
}

.HTMLTabComponentUndockSelected {
  border-top: 0px solid #91A7B4;
}

.HTMLTabComponentSelected,.HTMLTabComponentCloseSelected, .HTMLTabComponentUndockSelected {
  background-color: #074077;
  max-width: 15px;
  min-width: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #FFFFFF;
  border-bottom: 1px solid #084886;
}

.HTMLTabComponent>a {
  color: #fff!important;
  font-size:12px;
  line-height:12px;
}

.HTMLTabComponentSelected>a {
  color: #fff!important;
  font-size:12px;
  line-height:12px;
}

.HTMLTabComponentSelected {
  border-top-left-radius: 0px;
}

.HTMLTabComponentCloseSelected {
  border-top-right-radius: 0px;
  vertical-align: middle!important;
  font-size: 12px;
  text-align: right;
  padding-right: 10px;
  border-right: 1px solid #FFF;
}

.HTMLTabComponentRow {
  border-bottom: 1px solid rgb(255,255,255);
  width: calc(100% + 1px);
  cursor: pointer;
  height: 27px;
}

.HTMLTabComponentRow > tbody {
	background-color: #084886;
}

.HTMLTabComponentGroupBox {
  top: 50px!important;
}

#Aba>div:nth-child(2) {
  top: 27px!important;
  left:-1px!important;
  border-top:solid 1px rgb(255,255,255);
}

/********************************************/
/* WFRReport: Janela de Filtros do Relat�³rio*/
/********************************************/
#WFRReport iframe {
  height: 386px;
}

/* Style da cor de fundo da janela de filtro do relat�³rio*/
#WFRReportHeaderActions, #WFRReportHeaderOptions {
  float: left;
  width: 100%;
  background: #F1F1F1;
}

#WFRReportHeaderActions div, #WFRReportHeaderActions span {
  cursor: pointer;
  padding: 3px;
}

/* Style da cor de fundo da baorda da janela de filtro do relat�³rio*/
#WFRReportHeaderOptions {
  border-top: 1px solid #3273AF;
}

#WFRReportHeaderActionsPreview, #WFRReportHeaderActionsDesign, #WFRReportHeaderActionsOrder,
#WFRReportHeaderActionsReload, #WFRReportHeaderOptionsPlugin, #WFRReportHeaderOptionsReportGenerator,
#WFRReportHeaderOptionsReportFormat {
  float: left;
}

#WFRReportHeaderActions img, #WFRReportHeaderOptionsPlugin img {
  vertical-align: middle;
}

#WFRReportHeaderOptionsPlugin {
  padding-top: 2px;
  padding-left: 6px;
}

/* Style referente a fonte para o texto de download do plugin do adobe*/
#WFRReportHeaderOptionsPlugin span {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
}

/* Style referente as fontes dos textos da janela de filtro do relat�³rio*/
.WFRUserSelectReport {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000 ;
}

#WFRReportHeaderOptionsReport {
  float: right;
}

#WFRReportHeaderOptionsReport span {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  cursor: default;
}

/* Style referente a linha que envolve as op�§�µes de gerador e formato*/
#WFRReportHeaderOptionsReportGenerator {
  padding-left: 6px;
  padding-top: 3px;
  border-top-left-radius: 8px;
  padding-left: 6px;
  width: 130px;
  color: #000000;
}

/* Style referente a linha que envolve as op�§�µes de gerador e formato*/
#WFRReportHeaderOptionsReportFormat {
}

#WFRReportHeaderOptionsReportGenerator div {
  float: left;
}

/********************************************/
/* WFRReportOrder: Janela de Ordena�§�£o do Relat�³rio*/
/********************************************/

/* Style da cor de fundo da janela de Ordena�§�£o do Relat�³rio*/
#WFRReportBackgroundOrder {
  float: left;
  width: 100%;
  background: #F1F1F1;
}


/* Style dos textos da janela de Ordena�§�£o do Relat�³rio*/
.WFRUserSelectReportOrder {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #3173AF;
}

/*Estilo dos bot�µes*/
.WFRReportButtonOrderOk,.WFRReportButtonOrderClose {
  width: 70px;
  height: 23px;
  border: 1px solid #A6A7B0;
  border-radius: 6px;
  cursor: pointer;
  color: #FFF;
  background: #B5B5B5;
  cursor: pointer;
  padding: 0;
  vertical-align: middle;
  outline: none;
}

.WFRReportButtonOrderOk:hover,.WFRReportButtonOrderClose:hover {
  background: #f2f2f2;
  color: #747474;
}

/********************************************/
/* AccessManager: Janela Modo Gerente*/
/********************************************/

#AccessManagerBackground {
  background: #F1F1F1;
}

#AccessManagerBackgroungTitleBar {
  background: #3173AF;
}

#perm_message font {
  color: #3173AF!important;
}

#AccessManagerFontTitleAccessPermissions {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #3173AF;
  font-weight: bold;
}

#AccessManagerFontTitleOptionBar {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FFF;
  font-weight: bold;
}

#AccessManagerFontText {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #3173AF;
}

#AccessManagerFontMenu {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #3173AF;
  font-weight: bold;
}

#AccessManagerFontUpdateGroups {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #3173AF;
  font-weight: bold;
}

#AccessManagerAccessPermissionsBackground {
  background: #ffffff;
}

/********************************************/
/*                MENU: Atalhos             */
/********************************************/

.HTMLMenuShortCut {
  width: 40px;
  height: 40px;
  position: absolute;
  z-index: 1000;
}


.HTMLMenuShortCut > img {
  position: absolute;
  width: 40px;
  height: 40px;
}

.HTMLMenuShortCut > span {
  position: absolute;
  top: 40px;
  text-align: center;
  width: 80px;
  left: -50%;
  overflow-wrap: break-word;
}

/********************************************/
/*              ORGANOGRAMA               */
/********************************************/

/*CLASSES API*/

.google-visualization-orgchart-lineleft{
  border-left: 1px solid #2980b9;
}

.google-visualization-orgchart-linebottom{
  border-bottom: 1px solid #2980b9; 
}

.google-visualization-orgchart-lineright{
  border-right: 1px solid #2980b9;  
}

.GoogleChartOrg {
  text-align: center;
  vertical-align: middle;
  font-family: arial,helvetica;
  cursor: pointer;
  border-radius: 3px;
  background: #ECECEC;
  border: 1px solid #ADBBC3;
  color: #3E4244;
  min-width: 40px;
  /* box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.1); */
}

.GoogleChartOrg:hover {
  background: #E9E9E9;
}

.GoogleChartOrgSelected {
  border: 1px solid #3781B1;
  background: #2980B9;
  color: #fff;
  min-width: 40px;
  overflow: hidden;
  position: relative;
}

.GoogleChartOrgSelected:before {
  content:'';
  width: 100%;
  height: 0;
  left: 0;
  top: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  position: absolute;
  display: block;
  background-color: rgba(0, 0, 0, 0.2);

  -webkit-animation: selectedorgan 0.3s ease-in-out;
  -moz-animation: selectedorgan 0.3s ease-in-out;
  -ms-animation: selectedorgan 0.3s ease-in-out;
  -o-animation: selectedorgan 0.3s ease-in-out;
  animation: selectedorgan 0.3s ease-in-out;

  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.GoogleChartOrgSelected:hover {
  background: #3498db;
}

/* -- Animação dos itens selecionados -- */
@-webkit-keyframes selectedorgan {
  0%   { height: 0; opacity: 1;}
  100% { height: 100%; opacity: 0;}
}

@-moz-keyframes selectedorgan {
  0%   { height: 0; opacity: 1;}
  100% { height: 100%; opacity: 0;}
}

@-o-keyframes selectedorgan {
  0%   { height: 0; opacity: 1;}
  100% { height: 100%; opacity: 0;}
}

@keyframes selectedorgan {
  0%   { height: 0; opacity: 1;}
  100% { height: 100%; opacity: 0;}
}

/********************************************/
/*              Localizar                   */
/********************************************/
.CustomTabSearch > div {
  position: relative;
  width: calc(100% - 72px);
  height: 45px;
  overflow-x: hidden;
  overflow-y: auto;
}

#busca_acao{
  width: 72px;
  transition: 1s all;
}

#div_busca_rodape{
  bottom: -3px!important;
  width: 100%;
  overflow: hidden;
}

#div_busca_avancada_container{
  width: 100%;
}

.CustomTabSearch img {
  float: right;
  margin: 2px;
  z-index: 3;
  cursor: pointer;
}


.CustomTabSearch > div > span {
  text-align: left; 
  float: right; 
  margin: 7px; 
  font-weight: bold;
}

.CustomTabSearch > tr {
  text-align: center;
  cursor: pointer;
}

#div_busca_avancada{
  position: absolute;
  height: calc(100% - 24px);
  display: table;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.619608);
  font-size: 15px;
  width: 100%;
}

#div_busca_avancada{
  position: absolute;
  height: calc(100% - 24px);
  display: table;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.619608);
  font-size: 15px;
  width: 100%;
}

#div_busca_avancada > div{
  width: 200px;
  background: #fff;
  text-align: center;
  position: relative;
  margin: 0 auto;
  vertical-align: middle;
  max-width: 200px;
  top: 75px;
  cursor: pointer;
  padding-top: 10px;
  word-break: break-all;
  max-height: 200px;
  overflow: auto;
}

#div_busca_avancada > div > div:hover:not(:last-child) {
  background: #78bff3;
  color: #fff;
  position: relative;
  
}

#div_busca_avancada > div > div:not(:last-child) {
  border-bottom: 1px solid #ccc;
}

.HTMLNavigationGrid {
  width: 100%;
  height: 25px !important;
  margin-top: -2px;
}

.HTMLNavigationGrid .HTMLButton {
  margin-right: 3px;
  border-radius: 0;
  height: 25px !important;
  float: left;
}
.HTMLNavigationGrid .HTMLButton button {
  height: 25px !important;
  width: 100% !important;
  cursor: pointer;
}

.HTMLTable button {
  height: 25px !important;
  cursor: pointer;
}

.HTMLNavigationGrid [title="Ok"]{
  background: red !important;
}

.grid button[title="Cancelar"]{
  background-color: #DADADA !important;
  color: #80808F;
  border: solid 1px silver;
}

.grid button[title="Ok"]{
    border: solid 1px #2d6398 !important;
    background: #376ca0 !important;
}

.grid button[title="Ok"]:hover{
    background: #376ca0 !important;
}

.HTMLNavigationGrid .HTMLNavigationGridButton-Include > button, .HTMLTable [id*="div_botoes"] button:nth-child(1) {
  position: absolute;
  float: left;
  padding-right: 20px;
  border-radius: 2px;
  border: solid 1px #2d6398 !important;
  background: url(mkgrid-incl.png) no-repeat center #376ca0 !important;
  background-size: 12px !important;
}

.HTMLNavigationGrid .HTMLNavigationGridButton-Include > button:hover,
.HTMLTable [id*="div_botoes"] button:nth-child(1):hover {
  background-color: #2d6398 !important;
}

.HTMLNavigationGrid .HTMLButton button img,
.HTMLTable button img {
  display: none;
}

.HTMLNavigationGrid .HTMLNavigationGridButton-Edit > button,
.HTMLTable button:nth-child(2) {
  background: url("mkgrid-alt.png") no-repeat center 5px #2595E4 !important;
  background-size: 13px !important;
  border: solid 1px #2187D0;
  border-radius: 3px;
}

.HTMLNavigationGrid .HTMLNavigationGridButton-Edit > button:hover,
.HTMLTable button:nth-child(2):hover {
  background-color: #3D97D8 !important;
}

.HTMLNavigationGrid .HTMLNavigationGridButton-Delete > button,
.HTMLTable button:nth-child(3) {
  background: url("mkgrid-del.png") no-repeat center 5px #F44336 !important;
  background-size: 13px !important;
  border: solid 1px #F44336;
  border-radius: 3px;
}

.HTMLNavigationGrid .HTMLNavigationGridButton-Delete > button:hover,
.HTMLTable button:nth-child(3):hover {
  background-color: #f95240 !important;
}

.HTMLNavigationGrid .HTMLNavigationGridButton-Refresh > button {
  background: url("mkgrid-reft.png") no-repeat center 3px #D8D9DA !important;
  background-size: 17px !important;
  border: solid 1px #B2B9BF;
}

.grid button[title="Cancelar"],
.grid button[title="Cancel"],
.grid button[title="Annuler"], {
  background-color: #DADADA !important;
  color: #80808F;
  border: solid 1px silver;
}

.HTMLButton button:disabled,
.HTMLButton button:disabled:hover {
	cursor: default;
	background-color: #dcdcdc !important;
    border-color: #c5c5c5 !important;
    border-radius: 4px;
	color: #8f8f8f !important;
	outline: none;
}

.HTMLButton button[readonly=readonly] {
  cursor: default;
}

/*******************************************/
/*            PESQUISA DO MENU             */
/*******************************************/
.DocumentSearchItens{
  top: 0;
  left: 0;
  width: 250px;
  position: relative;
  min-height: 40px;
}

.DocumentSearchItens > input{
  position: relative;
  top: 0;
  width: 100%;
  min-height: 40px;
  background: transparent;
  border: none;
  color: rgb(20, 20, 20);
  line-height: 17px;
  text-align: left;
  text-indent: 15px;
  font-size: 13px;
  font-family: 'segoeWp', Arial, Sans-Serif;
  background-color: #376a9c/*rgb(39,113,110)*/;
  outline: none;
}

.DocumentSearchItens > input:focus {
 background-color: #fff;
}

.resultSearchList{ 
  width: 100%;
}

.resultSearchList #result-item-selected{
  background: url("arrow-selected-search.png") no-repeat center right 15px rgba(103, 106, 109, 0.8);
  background-size: 6px;
  padding-right: 13px;
}

.DocumentSearchItens > ul{
  position: relative;
  width: 100% !important;
  left: 0;
  font-size: 10pt;
  line-height: 30px;
  text-indent: 5px;
  padding: 0;
  margin: 0;
  color: #a4babb;
}

.DocumentSearchItens > .HTMLImage {
  left: 235px !important;
  border: none;
  top: 7px !important;
  box-shadow: none;
}

.DocumentSearchItens > ul > li { padding: 0;}
.DocumentSearchItens > ul > li:hover { background-color: rgba(250, 250, 250, 0.1); }

.DocumentSearchItens > ul > li > a {
  text-decoration: none;
  color: rgb(255, 255, 255);
  display: block;
  text-decoration: none;
  line-height: 17px;
  padding-left: 8px;
  padding-right: 7px;
  padding-top: 6px;
  padding-bottom: 5px;
  font-size: 11.5px;
  border-bottom: solid 1px rgba(255, 255, 255, 0.4);
}

.DocumentSearchItens .close-result {
  font-size: 20px;
  position: absolute;
  top: 0;
  right: 0px;
  background-color: #EAEAEA;
  background: url("search-menu-close.png") no-repeat center center #EFEFEF;
  background-size: 15px;
  cursor: pointer;
  padding: 4px 12px 9px 13px;
  border: none;
  height: 40px;
  width: 35px;
  outline: none;
  opacity: 0.8;
}

.DocumentSearchItens .close-result:hover { opacity: 1;}
.DocumentSearchItens .close-result:active { background-color: #D4D4D4; }

.result-way {
  display: none;
  position: fixed;
  left: 234px;
  top: 100px;
  white-space: pre;
  line-height: 2;
  padding: 2px 5px;
  color: black;
  cursor: default;
  background-color: #ecf0f1;
  font-size: 10px;
  font-family: arial;
  opacity: 0.9;
  border: solid 1px #d8ddde;
}

.resultSearchList li:hover .result-way,
.resultSearchList li#result-item-selected .result-way {
  display: block;
}

.resultSearchList li span {color: #e2e2e2;}
.resultSearchList li b {font-weight: 100;}

@media screen and (max-width: 479px) {
  .DocumentSearchItens {
      width: 100% !important;
      height: 50px !important;
    }

  .DocumentSearchItens > input {
    width: 100%;
    margin-left: 0;
    min-height: 50px;
    font-size: 18px;
    line-height: 1.5;
  }

  .DocumentSearchItens > ul > li > a {
    font-size: 16px;
    line-height: 25px;
    text-indent: 5px;
  }

  .DocumentSearchItens .close-result{
    height: 50px;
    width: 55px;
  }

  .DocumentSearchItens > ul {
    font-size: 15pt;
    line-height: 50px;
    text-indent: 15px;
  }
}

/* Específicas do sistema*/
#param {
  left: auto !important;
  float: right !important;
  right: 0;
}

#MenuConf > div {
  position: relative !important;
  left: auto !important;
  float: right !important;
  right: 0 !important;
}

#boxIcons {
  position: absolute;
  left: auto !important;
  float: right;
  right: 0;
  border-radius: 0 0 0 2px;
  min-height: 5px !important;
  background: #08423f !important;
  padding: 5px 5px;

  animation-name: dropdown;
  animation-duration: 0.3s;
  animation-iteration-count: 1;
  -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
  box-shadow: 0 2px 10px rgba(0,0,0,.2);
}

#boxIcons > div {
    left: 0 !important;
    float: left;
    position: relative !important;
    top: auto !important;
    width: 24.58% !important;
    margin-left: -1px;
    margin-bottom: -1px;
    border: solid 1px #084a47;
}

#boxIcons > div:hover  {
  background-color: #185653;
}
#boxIcons > div[style*="visibility: hidden"],
#MenuConf > div[style*="visibility: hidden"],
#boxIcons[style*="visibility: hidden"]{
    display: none !important;
}


/* --  Aba Dashboard Fixa  -- */
#DashboardAbaPrincipal {
  width: 47px !important;
  height: 25px;
  top: 53px;
  display: block;
  right: 0px;
  position: fixed;
  z-index: 99999;
  background: #084886;
  padding-left: 20px;
  border-left: solid 4px #5274b3;
}

.HTMLTabComponentRow > tbody > tr > td:last-child {
  padding-right: 40px;
  padding-left: 2px;
}

#DashboardAbaPrincipal:hover {
  background: #012e58;
}

#DashboardAbaPrincipal a {
  width: 53px !important;
  float: right;
}

#DashboardAbaPrincipal a:before {
  content: '\e808';
  font-family: "webicon-freire-pack";
  margin-top: 7px;
  margin-left: 15px;
  left: 8px;
  font-style: normal;
  font-weight: 100;
  font-size: 15px;
  speak: none;
  display: inline-block;
  color: #fff;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#DashboardAbaPrincipal a span {
  display: none !important;
} 

#DashboardAbaPrincipal + [class*="HTMLTabComponentUndock"],
#DashboardAbaPrincipal + [class*="HTMLTabComponentUndock"] + [class*="HTMLTabComponentClose"] {
  display: none !important;
}


/********************************************/
/*              Animations                 */
/********************************************/

@-webkit-keyframes dropdown {
    from { margin-top: -30px; opacity: 0;}
    to   { margin-top: 0; opacity: 1;}
}
@-moz-keyframes dropdown {
    from { margin-top: -30px; opacity: 0;}
    to   { margin-top: 0; opacity: 1;}
}
@-o-keyframes dropdown {
    from { margin-top: -30px; opacity: 0;}
    to   { margin-top: 0; opacity: 1;}
}
@keyframes dropdown {
    from { margin-top: -30px; opacity: 0;}
    to   { margin-top: 0; opacity: 1;}
}


/********************************************/
/*             REPORT DESIGN                */
/********************************************/
.layReportDesign .HTMLTabArea{
  background-image: url('ReportDesignImages/BackgroundReport.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.ReportDesign-Topo{
  left:0px!important;
  background-color: #1f619c;
}

.ReportDesign-Base{
  left:0px!important;
  opacity: 0.450;
  background: #141619; /* Old browsers */
}

#ReportDesign-Formato>div:first-child{
  left:-56px!important;
  color:#fff;
}

#ReportDesign-Texto>div>div{
  color:#fff;
}

#ReportDesign-PDF>div>div{
  background:#38A19D!important;
  color:#fff;
  border-radius:4px;
}

.ReportDesignHTMLGroupBox-Top{
  border-top: 1px solid rgb(190, 190, 190);
} 

.ReportDesignButton button{
  background: #38BDB9;
  border-bottom: 3px solid #2DA9A6;
  color: #FFFFFF;
  border-top:none;
  border-left:none;
  border-right:none;
  cursor: pointer;
}

.ReportDesignButton button:hover {
  background: #2DA9A6;
}

/*    ----  REPORT DESIGN - Visualizar - Categoria  ----    */

.layReportCategory .HTMLTabArea{
  background-image: url('ReportDesignImages/BackgroundReport.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.layReportCategory .RDExportMainClass{
  position: absolute;
  left: 8px;
  top: 155px;
  height: 455px;
  width: 561px;
  overflow-x: hidden;
}

.layReportCategory .RDExportEvenRow{
position: relative;
height: 30px;
width: 540px;
font-size: 12px;
background: #F5F5F5;
transition: all 0.5s;
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;      /* TWEENER - IE 10 */
display: -webkit-flex;     /* NEW - Chrome */
display: flex;     

}

.layReportCategory .RDExportOddRow{
position: relative;
height: 30px;
width: 540px;
font-size: 12px;
background: #fff;
transition: all 0.5s;
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;      /* TWEENER - IE 10 */
display: -webkit-flex;     /* NEW - Chrome */
display: flex; 
}

.layReportCategory .RDExportCellName{
  position: relative; 
  height: 100%;
  /*width: 80%;*/
  border-right: 1px solid #EAEAE1;
  padding-left: 4px;
}

.layReportCategory .RDExportCellView{
  position: relative; 
  height: 100%;
  /*width: 20%;*/
  text-align: center;
}

.layReportCategory .HTMLLabel>div>div {
  color: #ffffff !important;
}

.layReportCategory .RDExportCellView > img {
  padding-right:10px;
}

.layReportCategory .HTMLGroupBox {
  border: none;
}

.layReportCategory .HTMLEdit input {
  border: none;
}

.layReportCategory .HTMLEdit input:focus {
  box-shadow: none !important;
}

.layReportCategory .HTMLLookup input {
  border: none;
}

.layReportCategory .RDExportMainClass {
  width: 560px !important;
  left: 16px !important;
  top: 170px!important;
}

/*    ----  REPORT DESIGN - Jasper - Lista de Buscas  ----    */
/*    ----  REPORT DESIGN - Jasper - Lista de Buscas  ----    */

.RDExportMainClass{
  position: absolute;
  left: 8px;
  top: 135px;
  height: 310px;
  width: 561px;
  overflow-y: auto;
  overflow-x: hidden;
  border-bottom: 1px solid rgb(190, 190, 190);
 
}

.RDExportEvenRow{
  position: relative;
  height: 30px;
  line-height: 30px;
  text-indent: 10px;
  width: 100%;
  background: #FAFAFA;
  cursor: pointer;
  letter-spacing: 0.6px;
  border-left:solid 3px rgb(244, 244, 244);
}

.RDExportEvenRow:hover {
  background-color: rgb(239, 239, 239); 
  border-left-color: rgb(105, 224, 193);
}

.RDExportOddRow{
  position: relative;
  height: 30px;
  line-height: 30px;
  text-indent: 10px;
  width: 100%;
  background: #F4F4F4;
  cursor: pointer;
  letter-spacing: 0.6px;
  border-top: solid 1px rgb(228, 228, 228);
  border-bottom: solid 1px rgb(231, 231, 231);
  border-left:solid 3px rgb(244, 244, 244);
}

.RDExportOddRow:hover {
 background-color: rgb(239, 239, 239); 
 border-left-color: rgb(105, 224, 193); 
}

.RDExportCellName{
  position: absolute; 
  left: 5px/*-6px*/;
  height: 100%;
  width: 100%;
  padding-left: 4px;
}

.RDExportCellRemove{
  position: absolute;
  right: 0;
  height: 100%;
  width: 40px;
  background-image: -moz-linear-gradient( 0deg, rgb(238,238,238) 0%, rgb(251,251,251) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(238,238,238) 0%, rgb(251,251,251) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(238,238,238) 0%, rgb(251,251,251) 100%);
  background-image: linear-gradient( 0deg, rgb(238,238,238) 0%, rgb(251,251,251) 100%);
  border-left: 1px solid rgb(221, 221, 221);
} 

.RDExportCellRemove:hover {
  box-shadow: inset 0px 0px 9px 1px rgb(240, 231, 231);
}

.RDExportCellRemove:hover > image {
  -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
  -ms-transform: rotate(360deg); /* IE 9 */
  transform: rotate(360deg);
  background-image: url('ReportDesignImages/removeListTrash.png');

}

.RDExportCellRemove > image{  
  background-image: url('ReportDesignImages/removeList.png');
  /*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAANkE3LLaAgAAAYFpQ0NQSUNDIFByb2ZpbGUAAHiclZHPKwRhGMc/70hK7MX4kVJzEHtY2rhQUnYPiMPalN29zc6MtTVm32Zeiz/AXbnJwY9ykpzkuH/AOimlpPwHSrlI4/DSXki+9dTn+fbU8wuMhi2lbwCbgQrz8xmrUCxZHQ8YGABgO5Gcy+WW+VVv9wiAuzFbSv/3uh/VFRaKJRAmYFY0JwGzrHkGMLeVVCBygOls2C4IF0iFq/ksiH0gUdF8DCTKmq+ARN2pKBANIB241QDECzDlepEDRhJQjgwVGEfAcKFYsvRoaglmh6Ct2fJKEVycQ/9Iy0sOQO8a3Ey2vNcVBCD6mtH65AQAoisD7U9x/DoCHQfwsR/H76dx/HEGbY/QCJytsP51FyFu4a9c76Zz/QPQfX9mvT8AaThZgLVOWNqDw2cYvYSea8h1w+o0otn8Dn0rAAaztl8th7byXCs/n7GyNb8WRtJ2vH+9/W8pb0cBZGtyN6xWNpQ1J6XvpazFwBlPWRPp9DSfkRtxAxNUmUoAAAAJcEhZcwAACxMAAAsTAQCanBgAAAQ6SURBVDiNjZJbbBRVGMd/M7M7u7OXznbptrTdtLSQ9IK0QkttjCUCacOThEgEQ8AEjSGS+KQJ8RZNfPOCRDRBbAgkhhhtawBj1kj7Aq0FtHZhG7Gm4IKUluzOXrq7s7cZH5YSqHj5v5yTc778vvP9zx/uU9rvfzVbW/sm/0Nx8OYaG4+lFeWxhxZkurpeMI8cSZj9/Qup7u59/waLgprbs+eEOTBgFg8cuKL5fGsX70SAQmvrXtuOHQdpaHDj9zuVbds+1Net2/8w2K/gdu3cecja17cbpxNxw4bV6q5dx7OyvGYRKI3Ozj4tzMy40DSYn0doaFDk7dvfS3V2PgCNQFnj1q2fWDdvfg5JgkgENI3E9PSaoUKhF8ACCEOaht7fz8ZMBkt3NySTCFVVitLb+76ez4v2ycmPJ8Hp2rLlsLWnZzeGAbEYGAbxU6cYDAQYu9tUAoyV0BQpFDZkp6aEBqsVqaoKUikEt9tiqajY+Fo0Kvja2nbLPT17kGXQddB1IgMDDI6McBnu/AGfTsOMBHANppZDeaZYXFucnhZW2O2IFRWQSoGiWCSfb5NUV/foPVg2SyIQ4PT584QgMQVvfQeDgCEB5CB1BUZXwLK8YawtzswINYClvLwEkGUwzdI+kyF29izfX7hACLQgvB6Ao0B+ceR7yZmE0UZQ88ViuxQOS3UVFeBwQDYL+TyYJrlgkB/Gx5mC+GV44wx8BhS4z8MH4vgzjPRC4xNNTW1l9fUgCKXXGQYUi2CzUUinCz/GYu8eg4OAcT9AWJqzrMvVIrS2HreuWrUeq7UEBBDF0mqaEImQC4UG5VRqn3D79p1/BKa93sdtsvy56PO1UF4OLhc4HCTn5pBkGYfLBfE4JJOg6xSy2WFN1/dV3rw5/TdgxuPZKCvKMdHprMdmA7sdysqI53JMTkwg22y0dXTgkGXIZEqe6jpGJvNTPJ3e6712LQggmiCmVfUZ2W4/KTqd9bhc4PFATQ2a3c5voRCz6XT0lqYtXA2FSLrdUFsLXi94PIiq2qG63V9lVq7cZIIgPSXLzTVO50nJ5VqO01kas7qamMXCjXPnuKFp4S/glTkYq1lY6DZjMcXR2opNVUsfBQiCsMwoFLoupdNfS/XFYnu1KO4t93qtgtsNfj9RQWB2eJjpaPTKCXh5CIYuwUUF/qxJJjvE2VnV2tSE3euFfB5D1wldvy4MxGJfSuuhujKXe1YyTZuzuZmEonAnEOCqpv1yFF46DSN3bTYnICjCTN3CQpccDnstLS0IkkR4bIzr8/NaEI5KcxBfAZWebHad1e8XE+PjTEQiwx/A/hG4sDRWQbgahcn6dHq1+9atWt00CYdC+kU4fAa+Xaxb9pHFcuj3zs7EN2VlgQ5oXgpaqieh84yqjk61t8fehncA19Kayj67/cVVsrz6v2CLesRq7eyz258H1MWzvwA+565RDjbZOAAAAABJRU5ErkJggg==');*/
  position: absolute;
  width: 40px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2;
  transition: 0.2s;
}

.RDExportInformationRow{
  position: relative; 
  height: 20px;
  width: 465px;
  background: #FFF;
  text-align: center;
}

.RDExportInformationRow{
  position: relative; 
  height: 20px;
  width: 465px;
  background: #FFF;
  text-align: center;
}

.ReportSelectFilter .HTMLTabArea {
  background-image: url('ReportDesignImages/BackgroundList.png') !important;
  background-size:100% 100%;
}

.ReportSelectButton button{
  background: #38BDB9;
  border-bottom: 3px solid #2DA9A6;
  color: #FFFFFF;
  border-top:none;
  border-left:none;
  border-right:none;
  cursor: pointer;
}

.ReportSelectButton button:hover {
  background: #2DA9A6;
}

/*    ----  REPORT DESIGN - Exportação  ----    */

.RDExportLay .RDExportMainClass{
  left: 8px;
  top: 115px;
  height: 335px;
  width: 561px;
  overflow-y: auto;
  overflow-x: hidden;
}

.RDExportLay .RDExportEvenRow{
  width: 561px;
}

.RDExportLay .RDExportOddRow{ 
  width: 561px;
}

.RDExportCellCheck{
  position: absolute; 
  left: -12px;
  height: 100%;
  width: 50px;
  text-align: left/*center*/;
  border-right: 1px solid #EAEAE1;
}

.RDExportCellCheck > input{
  cursor: pointer;
}

.RDExportLay .RDExportCellName{
  left: 51px;
}

/*    ----  REPORT DESIGN - Importação  ----    */

.HTMLLabel>div>div {
    cursor: default;
	background: rgba(255, 255, 255, 0);
}

.HTMLMenuHorizontal .HTMLMenu li:not(:last-child) {
    border-right: 1px solid #076969;
}

.HTMLMenuHorizontal .HTMLMenu {
    border-bottom: solid 2px #34b171;
}

.HTMLMenuHorizontal .HTMLMenu {
    background: #084886;
}

/*******************************************************/
/* CTP: Formulário Principal - Inicio                  */
/*******************************************************/

.top{
width:100%!important;
border-radius:0px!important;
min-width: 560px;
-webkit-box-shadow: 1px 0px 2px 0px rgba(32, 32, 32, 0.66);
-moz-box-shadow: 1px 0px 2px 0px rgba(32, 32, 32, 0.66);
-o-box-shadow: 1px 0px 2px 0px rgba(32, 32, 32, 0.66);
box-shadow: 1px 0px 2px 0px rgba(32, 32, 32, 0.66);
background-color:
}

.topmenu{
border-radius:0px!important;
background:rgb(4,68,68)!important;
top: 53px!important;
}

#Menu{
height: calc(100% - 107px)!important;
background: #084886;
}


.menudiv{
    top: 106px!important;
    width: 223px!important;
    height: calc(100% - 106px)!important;
    border-radius: 0px!important;
    z-index: 100000000!important;
    background: rgb(5, 89, 93)!important;

}

.MenuConf{
width: calc(100% - 22px)!important;
min-width: 838px;
border-radius:0px!important;
z-index:1!important;
}

.MenuConf1{
position: relative!important;
width:100%!important;
min-width: 838px;
height: 24px;
border-radius:0px!important;
background:#E3E3E3!important;
}

.Logo{
top: 7px;
margin: auto;
text-align: center;
}


#fotousr>#HTMLImageSelf{
border-radius:40px;

}

#fotousr{
position:relative!important;
float:right;
left: -22px!important;
top: 7px!important;
}

#fotousr>#HTMLImageWebCam, #HTMLImageZoom{
display:none!important;
}

.infousr{
position:relative!important;
left:0px!important;
float:right;
}

.infousr1{
position:relative!important;
left: 0px!important;
float:right;
background:rgba(8, 74, 71,0.88)!important;/*#3173AD!important;*/
}

.infousr1:hover{
background:#498ECF!important;
}
.infousr2{
position:relative!important;
left: 250px!important;
float:right;
}

.infousr2:hover{
background:rgba(8, 74, 71,0.88);
}

.Imgusuarios{
position: relative!important;
left: -208px/*48px*/!important;
top: 0px!important;
float: right;
opacity: 0.9;
}

.Imgusuarios:hover{
opacity: 1;
}

.Imgsair{
position: relative!important;
left: -308px!important;/*10*/
top: 0px!important;
float: right;
opacity: 0.9;
}

.Imgsair:hover{
opacity: 1;
}

.Imgrcistema{
position: relative!important;
left: -285px!important;/*10*/
top: 0px!important;
float: right;
opacity: 0.9;
}

.Imgrcistema:hover{
opacity:1;
}

.Imggrupos{
position: relative!important;
left: -302px!important;/*-64*/
top: 0px!important;
float: right;
opacity: 0.9;
}

.Imggrupos:hover{
opacity:1;
}

.Imgmasterskin{
position: relative!important;
left: -563px!important;/*347*/
top: 0px!important;
float: right;
opacity: 0.9;
}

Imgmasterskin:hover{
opacity:1;
}

.recarregarmenu{
position: relative!important;
left: -700px!important;/*-505*/
top: 0px!important;
float: right;
opacity: 0.9;
}

.recarregarmenu:hover{
opacity:1;
}

.Imglog{
position: relative!important;
left: -230px!important;/*235*/
top: 0px!important;
float: right;
opacity: 0.9;
}

.Imglog:hover{
opacity:1;
}

.Imgmdnormal{
position: relative!important;
left: -714px!important;/*-510px*/
top: 0px!important;
float: right;
opacity: 0.9;
}

.Imgmdnormal:hover{
opacity:1;
}

.Imgmdgerente{
position: relative!important;
left: -548px!important;/*-341*/
top: 0px!important;
float: right;
opacity: 0.9;
}

.Imgmdgerente:hover{
opacity:1;
}

.Imgmdprojeto{
position: relative!important;
left: -253px!important;
top: 0px!important;
float: right;
opacity: 0.9;
}

.Imgmdprojeto:hover{
opacity:1;
}

.SetaDown,
.SetaUp {
    left: auto !important;
    float: right;
    right: 0;
}

.LblBemvindo{
position:relative!important;
float:right;
left:-29px!important;
overflow: hidden;
}

#Aba {
    width: calc(100% - 223px)!important;
    margin-left: 223px;
    position: relative!important;
    left: 0px!important;
    height: calc(100% - 52px) !important;
    z-index: -1!important;
    /* border-top: solid 1px rgb(255,255,255)!important; */
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
 
#Aba>div{
  width:100%!important;
  height: calc(100% - 26px)!important;
  z-index: 1!important;
  min-height: inherit!important;
  left:0px!important;
  border-top:solid 1px rgb(255,255,255)!important;
 }
 
#Aba>div>div{
  width:100%!important;
  height:100%!important;
  min-height: 100px!important;
  overflow:hidden!important;
  left:2px;
 }
 
#Aba>div>div>div{
  width:100%!important;
  height:calc(100% - 2px)!important
 }
 
#Aba>div>div>div>iframe{
  width:100%!important;
  height: calc(100% - 2px)!important;
/*  height:calc(100% - 107px)!important;*/
}

#ano>div>font{
	color:white!important;
  }

#ano>div>div{
	background: transparent!important;
  }  

#mes>div>font{
	color:white!important;
  }

#mes>div>div{
	background: transparent!important;
  }   

.HTMLTabArea{
    height: 100%!important;
}

.HTMLTabArea[style*="top: 19px;"] {
    height: calc(100% - 19px)!important;;
}

.HTMLTabContainer {
    height: 100%;
}

.HTMLTabContainer[style*="top: 0px;"] {
    height: calc(100% - 12px) !important;
    top : 8px !important;
}

#MenuListagem {
     width: 100%!important;
}

[id*="MenuListagem"] a::before {
    content: ""!important;
}

[id*="MenuListagem"] a {
    line-height: 20px!important;
}

#Listagens {
    width: 100%!important;
    height: calc(100% - 39px)!important;
    border: 0px solid #BFB8BF!important;
}

#Listagens > div{
     width: 100%!important;
    height: 100%!important;
}

#Listagens > div > iframe{
    height: 100%!important;
}

#lay {
    height: 100%!important;
}

#Aba {
    height: calc(100% - 52px) !important;
}

#Listagens {
    width: 100%!important;
    height: calc(100% - 41px)!important;
    border: 0px solid #BFB8BF!important;
}

#Empenhado.HTMLListagem {
	height: calc(100% - 28px)!important;
}

#liquida.HTMLListagem {
	height: calc(100% - 28px)!important;
}

#Pagamentos.HTMLListagem {
	height: calc(100% - 28px)!important;
}

#EmpLiqePago.HTMLListagem {
	height: calc(100% - 28px)!important;
}

#Receita.HTMLListagem {
	height: calc(100% - 28px)!important;
}

#Extra.HTMLListagem {
	height: calc(100% - 28px)!important;
}

.HTMLMenuHorizontal .HTMLMenu {
    background: rgb(4, 68, 68);
}

/*******************************************************/
/* CTP: Formulário Principal - Fim                     */
/*******************************************************/

/*******************************************************/
/* HTMLListagem: Componente Listagem                   */
/*******************************************************/
.HTMLListagem .HTMLImage{
  cursor: pointer;
  max-width: 30px;
}

.HTMLListagemFields {
   overflow: auto;
   height: calc(100% - 90px);
   width: 100%!important;
}

.HTMLListagemFields > div {
  width: 100%;
  height: 20px;
  display: inline-flex;
  position: relative;
  background: #e9ecec;
  overflow: hidden;
}

.HTMLListagemFields > div .HTMLCheckBox{
  display: inline-flex!important;
  position: relative!important;
  overflow: hidden!important;
  font-family: 'Open Sans', sans-serif, arial;
  font-size: 12px;
  font-weight: 500;
  color: #555B61;
  text-indent: 5px;
}

.HTMLListagemFields > div .HTMLCheckBox > input{
  margin-left: calc(50% - 7.5px);
}

.HTMLListagemFields > div .HTMLLabel{
  display: inline-flex!important;
  position: relative!important;
  overflow: hidden!important;
  font-family: 'Open Sans', sans-serif, arial;
  font-size: 10px;
  font-weight: 500;
  color: #555B61;
  text-indent: 5px;
  margin-top: 4px;
}

.HTMLListagemFields > div .HTMLComboBox{
  display: inline-flex!important;
  position: relative!important;
  overflow: hidden!important;
  font-family: 'Open Sans', sans-serif, arial;
  font-size: 12px;
  font-weight: 500;
  color: #555B61;
  text-indent: 5px;
}

.HTMLListagemFields > div .HTMLEdit {
    display: inline-flex!important;
    position: relative!important;
    overflow: hidden!important;
    font-family: 'Open Sans', sans-serif, arial;
    font-size: 12px;
    font-weight: 500;
    color: #555B61;
    text-indent: 5px;
}

.HTMLListagemFields > div .HTMLLabel > div > div {
    background: rgba(255, 255, 255, 0)!important;
}

.HTMLListagemNome {
    width: 50% !important;
  height: 20px !important;
}

.HTMLListagemVersao {
        width: calc(50% - 5px) !important;
    left: 50% !important;
    margin-left: 5px;
    height: 20px !important;
}

.HTMLListagemSeparador > div:nth-child(1){
        margin-top: 2px;
}

.HTMLListagemFieldsEven {
    background: white!important;
}

.HTMLListagemHeader > div > div {
    margin-top: 3px;
}

.HTMLListagemHeader > div {
    margin-top: 0px!important;
}

.HTMLListagemMostrar {
    width: 38px !important;
}

.HTMLListagemAgrupar {
    width: 48px !important;
}

.HTMLListagemSomar {
    width: 38px !important;
}

.HTMLListagemTamanho {
    width: 50px!important;
}

.HTMLListagemMascara {
  max-width: 85px!important;
}

.HTMLListagemTipoOrdem {
  max-width: 106px!important;
}

.HTMLListagemOrdem {
  max-width: 50px!important;
}

.HTMLListagemOperador {
  max-width: 104px!important;
}

.HTMLListagemFiltro_Inicial > div {
    left: calc(100% - 23px)!important;
}

.HTMLListagemFiltro_Inicial input {
    text-align: left !important;
}

.HTMLListagemFiltro_Final > div {
    left: calc(100% - 23px)!important;
}

.HTMLListagemFiltro_Final input {
    text-align: left !important;
}

@font-face {
  font-family: 'makerlistagem';
  src: url('fonts//makerlistagem.eot?80657051');
  src: url('fonts//makerlistagem.eot?80657051#iefix') format('embedded-opentype'),
       url('fonts//makerlistagem.woff2?80657051') format('woff2'),
       url('fonts//makerlistagem.woff?80657051') format('woff'),
       url('fonts//makerlistagem.ttf?80657051') format('truetype'),
       url('fonts//makerlistagem.svg?80657051#makerlistagem') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "makerlistagem";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;

  font-variant: normal;
  text-transform: none;
 
  line-height: 1em;
 
  margin-left: .2em;
 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
}

.icon-picture:before { content: '\e800'; } 
.icon-mail:before { content: '\e801'; } 
.icon-trash-empty:before { content: '\e802'; } 
.icon-trash:before { content: '\e803'; } 
.icon-cancel-circled-outline:before { content: '\e804'; } 
.icon-cancel-circled:before { content: '\e805'; } 
.icon-floppy:before { content: '\e806'; } 
.icon-floppy-1:before { content: '\e807'; } 
.icon-cancel:before { content: '\e808'; } 
.icon-cancel-circled2:before { content: '\e809'; } 
.icon-plus:before { content: '\e80a'; } 
.icon-left-open-big:before { content: '\e80b'; } 
.icon-right-open-big:before { content: '\e80c'; } 
.icon-up-open-big:before { content: '\e80d'; } 
.icon-down-open-big:before { content: '\e80e'; } 
.icon-ccw:before { content: '\e80f'; } 
.icon-arrows-ccw:before { content: '\e810'; } 
.icon-arrow-combo:before { content: '\e811'; } 
.icon-search:before { content: '\e812'; } 
.icon-home:before { content: '\e813'; } 
.icon-cancel-1:before { content: '\e814'; } 
.icon-cancel-circled2-1:before { content: '\e815'; } 
.icon-ok:before { content: '\e816'; } 
.icon-ok-1:before { content: '\e817'; } 
.icon-ok-circled2:before { content: '\e818'; } 
.icon-ok-2:before { content: '\e819'; } 
.icon-ok-3:before { content: '\e81a'; } 
.icon-attach:before { content: '\e81b'; } 
.icon-export:before { content: '\e81c'; } 
.icon-code:before { content: '\e81d'; } 
.icon-attention:before { content: '\e81e'; } 
.icon-bell:before { content: '\e81f'; } 
.icon-resize-small:before { content: '\e820'; } 
.icon-resize-full:before { content: '\e821'; } 
.icon-down:before { content: '\e822'; } 
.icon-left:before { content: '\e823'; } 
.icon-right:before { content: '\e824'; } 
.icon-up:before { content: '\e825'; } 
.icon-user:before { content: '\e826'; } 
.icon-play:before { content: '\e827'; } 
.icon-camera:before { content: '\e828'; } 
.icon-zoom-in:before { content: '\e829'; } 
.icon-zoom-out:before { content: '\e82a'; } 
.icon-location:before { content: '\e82b'; } 
.icon-lock:before { content: '\e82c'; } 
.icon-lock-open:before { content: '\e82d'; } 
.icon-block:before { content: '\e82e'; } 
.icon-clock:before { content: '\e82f'; } 
.icon-export-1:before { content: '\e830'; } 
.icon-cog:before { content: '\e831'; } 
.icon-layers:before { content: '\e832'; } 
.icon-trash-1:before { content: '\e833'; } 
.icon-menu:before { content: '\f0c9'; } 
.icon-sitemap:before { content: '\f0e8'; } 
.icon-doc-text:before { content: '\f0f6'; } 
.icon-database:before { content: '\f1c0'; } 
.icon-file-pdf:before { content: '\f1c1'; } 
.icon-file-word:before { content: '\f1c2'; } 
.icon-file-excel:before { content: '\f1c3'; } 
.icon-file-code:before { content: '\f1c9'; } 
.icon-sliders:before { content: '\f1de'; } 

.icon-formatos {
    position: relative;
    display: inline-block;
    font-size: 20px;
    padding-left: 1px;
    padding-right: 1px;
    opacity: 0.9;
}

.icon-formatos:hover {
    opacity: 1;
    cursor: pointer;
}

.HtmlMsgListagem {
    height: 40px;
    width: 334px;
    background: rgb(231, 231, 229);
    top: calc(50% - 20px);
    position: absolute;
    margin-left: calc(50% - 167px);
    z-index: 99;
    border-radius: 20px;
    display: none;
}

.HtmlMsgListagem > span{
    width: 97%;
    height: 24px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    left: 11.5%;
    font-size: 14px;
    font-weight: bold;
    color: #7d7d7c;
}

.HTMLListagemUsuario {
    width: 20%!important;
    left: 80%!important;
    text-align: -webkit-right;
    text-align: right;
}

.ui-load:after {
    position: absolute;
    content: '';
    top: calc(50% - 6px);
    left: 11px;
    margin: -.64285714em 0 0 -.64285714em;
    width: 1.8em;
    height: 1.8em;
    -webkit-animation: spin .6s linear;
    animation: spin .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #6e7075 transparent transparent;
    border-style: solid;
    border-width: .2em;
    box-shadow: 0 0 0 1px transparent;
}

.ui-load:before {
    position: absolute;
    content: '';
    top: calc(50% - 6px);
    left: 11px;
    margin: -.64285714em 0 0 -.64285714em;
    width: 1.8em;
    height: 1.8em;
    border-radius: 500rem;
    border: 0.2em solid rgba(0, 0, 0, 0.1);
}

/* Animations */
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/*******************************************************/
/* HTMLListagem: Componente Mala Direta                */
/*******************************************************/

.MalaDireta {    
    height: 100%;
    width: 30px;
    background: white;
    z-index: 10;
    display: block;
    position: absolute;
    -webkit-transition: width 1s;
    transition: width 1s;
    float: right;
    right: 0px;
}

.ExibicaoMalaDireta {
   height: 100%;
   width: 30px;
   position: absolute;
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateX(0);
    transform: translateX(0);
    }
    40% {
    -moz-transform: translateX(-5px);
    transform: translateX(-5px);
    }
    60% {
    -moz-transform: translateX(-2px);
    transform: translateX(-2px);
    }
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    }
    40% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
    }
    60% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    }
    40% {
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
    }
    60% {
    -moz-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
    }
}

.arrow {
    position: absolute;
    left: 0px;
    top: calc(50% - 55px);
    margin-left: -5px;
    margin-top: 0px;
    width: 40px;
    height: 55px;
    cursor: pointer;
    z-index: 999998;
    transition: all 0.5s ease-in-out, opacity 0.3s;
}

.arrow div {
    position: absolute;
    width: 40px;
    height: 52px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAwCAYAAACfbhNRAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAA9ElEQVR42uzYMQ7DIAwFUNvq1qZLpNz/eq2UpVFmujBVVYvhf8MAEwIJPQVsHDSlJL2byQBtIoZCXL4NPvcdsfZLRJbcP0XkJiKyrWsZAtA+Q+6axzRqO5J3zgIBIQcz9Y6O1DtEPYCDgfB+gTsa4QUoejtggFoEFFCDgAO8CArAg6ABShFUQAmCDviHCAH8QoQBUHeHti7QijhGKHSXXEtSEBoJMdBeN0EMeOiqIQY+/VUQI4ShG2KkfOCCeEOUAqnJE3BIbbKCQloyJgzSmra9kMcIt+jG/BftXk/QKqtQCOOlRr1zrNc79eB0PitPxIiI9wDoOSxpNjDwdQAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: 40px;
}

.ContextMenu {
    position: relative;
    z-index: 99999;
    box-shadow: #a2a2a2 3px 4px 10px;
    display: block;
    overflow: overlay;
    background: white;
    top: 10px;
    width: 250px !important;
    display : none;
}

#HTML {
    display: inline-flex !important;
}

.ContextMenu {
    position: absolute;
    z-index: 99999;
    box-shadow: #a2a2a2 3px 4px 10px;
    display: block;
    background: white;
    top: 22px;
    width: 200px !important;
    display: none;
}

.ContextMenu > menu > menuitem {
    width: 88%;
    height: 18px;
    font-size: 11px;
    display: block;
    padding: 6px 11px 0px 12px;
    border-bottom: solid 1px rgba(103, 103, 103, 0.1);
    cursor: pointer;
}

.ContextMenu > menu > menuitem:hover {
    background: #eaeaea;
}

#contextmenu {
    max-height: 500px;
}
/*****************************************/
/*            SKIN EXECUTIVE             */
/*****************************************/
/************************************************************/
/*Para personalizar o CSS do Webrun, recomendamos a criação */
/*de um arquivo chamado custom.css dentro desta pasta.      */
/*                                                          */
/* OBSERVAÇÃO: Adicionar !important ao final do atributo.   */
/* Exemplo: background: red!important;                      */
/************************************************************/

@import url("custom.css");

/* -- Maker web font-icon */
@font-face {
  font-family: 'webicons-maker';
  src: url('fonts/webicons-maker.eot?24407687');
  src: url('fonts/webicons-maker.eot?24407687#iefix') format('embedded-opentype'),
       url('fonts/webicons-maker.woff2?24407687') format('woff2'),
       url('fonts/webicons-maker.woff?24407687') format('woff'),
       url('fonts/webicons-maker.ttf?24407687') format('truetype'),
       url('fonts/webicons-maker.svg?24407687#webicons-maker') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* -- Freire web font-icon */
@font-face {
  font-family: 'webicon-freire-pack';
  src: url('fonts/webicon-freire-pack.eot?1468691');
  src: url('fonts/webicon-freire-pack.eot?1468691#iefix') format('embedded-opentype'),
       url('fonts/webicon-freire-pack.woff2?1468691') format('woff2'),
       url('fonts/webicon-freire-pack.woff?1468691') format('woff'),
       url('fonts/webicon-freire-pack.ttf?1468691') format('truetype'),
       url('fonts/webicon-freire-pack.svg?1468691#webicon-freire-pack') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* -- Freire Print */
@font-face {
  font-family: 'print';
  src: url('fonts/print.eot?68151923');
  src: url('fonts/print.eot?68151923#iefix') format('embedded-opentype'),
       url('fonts/print.woff2?68151923') format('woff2'),
       url('fonts/print.woff?68151923') format('woff'),
       url('fonts/print.ttf?68151923') format('truetype'),
       url('fonts/print.svg?68151923#print') format('svg');
  font-weight: normal;
  font-style: normal;
}

.HTMLNavigationButton > a:before {
  font-family: "webicon-freire-pack";
  margin-top: 14px;
  left: 8px;
  font-style: normal;
  font-weight: 100;
  font-size: 19px;
  speak: none;
  display: inline-block;
  color: #89949E;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Novos ícones da navegação do formulário (Freire)*/
[id*="Capa-de-Processo"] a:before { content: '\e809'; }
[id*="DAM-"] a:before { content: '\e800';}
[id*="Conhecimento-de-Receita"] a:before { content: '\e807';}
[id*="Sair-"] a:before { content: '\e828';}
[id*="Retenção-"] a:before {  content: '\e802';}
[id*="Empenho-"] a:before { content: '\e808';}
[id*="Liquidação-"] a:before {  content: '\e830';}
[id*='Pagamento-'] a:before { content: '\e803'; }
[id*="Recibo-"] a:before { content: '\e80e';}
[id*="Listagem"] a:before { content: '\e815'; }
[id*="Nota-de-Despesa-Extra-"] a:before { content: '\e801'; }
[id*="Capa-de-Despesa-Extra-"] a:before { content: '\e809'; }
[id*="Comprovante-"] a:before { content: '\e841'; }
[id*="Nota-de-Alteração-"] a:before { content: '\e800'; }
[id*="Nota"] a:before { content: '\e800'; }
[id*="Plano-de-Contas-"] a:before { content: '\e800';}
[id*="Reserva-de-Dotação-"] a:before { content: '\e80e';}
[id*="Importar-Subelementos"] a:before { content: '\e800';}
[id*="Capa"] a:before { content: '\e809';}
[id*="Capa"] a:before { content: '\e809';}
[id*="Reserva-de-Cota"] a:before { content: '\e80e';}
[id*="Plano-de-Trabalho-e-Acompanhamento"] a:before { content: '\e800';}
[id*="Processo-Administrativo"] a:before { content: '\e809'; }
[id*="Solicitação-"] a:before { content: '\e80e';}
[id="Empenho"] a:before { content: '\e808';}
[id="Liquidação"] a:before {  content: '\e830';}
[id='Pagamento'] a:before { content: '\e803'; }
[id="Recibo"] a:before { content: '\e80e';}
[id="Retenção"] a:before {  content: '\e802';}

.HTMLNavigationFormButton a:before,
#Plano-de-Contas a:before  {
  font-family: "webicons-maker";
  margin-top: 14px;
  font-style: normal;
  font-weight: 100;
  font-size: 19px;
  speak: none;
  display: inline-block;
  color: #89949E;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#Plano-de-Contas a:before {
  font-family: "print" !important;
  content: '\e800';
}

.HTMLNavigationFormButton:hover a:before,
.HTMLNavigationButton:hover a:before {
  color: #6B7680;
}

body {
  font-family: arial, sans-serif;
  font-size: 10px;
  color: #6e6e6e;
  background: #f1f1f1;
}

#lay {
  z-index: 2 !important;
}
/*AJUSTE DO MODO GERENTE*/
#lay div[style*="z-index: 10002;"] {
  z-index: 0!important;
}

.component {
  background: #e0dfe3;
}

.buttonComponent {
  background: #e0dfe3;
}

.navigation {
  background: #F2F2EE;
}

a {
  text-decoration: none;
  color: #000000;
}
a:focus {
  outline: none;
}
a:hover {
  text-decoration: none;
  color: #000000;
}
a.cont {
  text-decoration: none;
  color: #000000;
}
a.cont:hover {
  text-decoration: none;
  color: #000000;
}

img[src=""] {
  border: 1px solid #EFEFEF;
}

td {
  font-family: arial,sans-serif;
  font-size: 10px;
  color: #000000;
}
.b {
  font-size: 11px;
  font-weight: bold;
}
.u {
  font-weight: bold;
  text-decoration: underline;
}

.des {
  color: #FE5400;
}

.label {
  font-family: arial, sans-serif;
  font-size: 11px;
}

.edit {
  font-family: arial, sans-serif;
  font-size: 11px;
  border-right: 1px solid #D3D1D1;
  border-left: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
  padding-left: 8px;
}

.editMark {
  font-family: arial, sans-serif;
  font-size: 11px;
  border-right: 1px solid #ff0000;
  border-left: 1px solid #ff0000;
  border-top: 1px solid #ff0000;
  border-bottom: 1px solid #ff0000;
  background: #E6F2FF;
}

.button {
  font-family: arial, sans-serif;
  font-size: 11px;
  border-right: 1px solid #D3D1D1;
  border-left: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
  outline: none;
}

.duallist {
  font-family: arial, sans-serif;
  font-size: 11px;
  border-right: 1px solid #D3D1D1;
  border-left: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
}

.duallistMark {
  font-family: arial, sans-serif;
  font-size: 11px;
  border-right: 1px solid #ff0000;
  border-left: 1px solid #ff0000;
  border-top: 1px solid #ff0000;
  border-bottom: 1px solid #ff0000;
  background: #E6F2FF;
}

.lookup {
  font-family: arial, sans-serif;
  font-size: 11px;
  border-right: 1px solid #D3D1D1;
  border-left: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
  padding-left: 8px;
}

.lookupMark {
  font-family: arial, sans-serif;
  font-size: 11px;
  border-right: 1px solid #ff0000;
  border-left: 1px solid #ff0000;
  border-top: 1px solid #ff0000;
  border-bottom: 1px solid #ff0000;
  background: #E6F2FF;
}

.checkbox {
}

.checkboxMark {
}

.editLogon {
  font-family: arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

.calendar>tbody>tr>td>table {
  font-size: 12px;
  background: #cccccc;
  width: 101%;
  color: #000000;
}

.calendarHeader {
  color: #000000;
  background: #f2f2f2;
}

.calendarLine1 {
  color: #000000;
  background: #ffffff;
}

.calendarLine2 {
  color: #000000;
  background: #ffffff;
}

.lookupSearch {
  font-family: arial, sans-serif;
  font-size: 11px;
  border-right: 1px solid #D3D1D1;
  border-left: 1px solid #D3D1D1;
  border-top: 0px solid #FFFFFF;
  border-bottom: 1px solid #D3D1D1;
}

.lookupSearchInput {
  font-family: arial, sans-serif;
  font-size: 11px;
  border-right: 0px solid #D3D1D1;
  border-left: 0px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
  background: #E5E5E5;
}

.tabButton {
  background: #F6F6F4;
}

.tabBack {
  background: #ffffff;
  border-top: 1px solid #D3D1D1;
}

.clickText {
  text-decoration: none;
  color: #000000;
}
.clickText:hover {
  text-decoration: none;
  color: #000000;
}
.clickText.cont {
  text-decoration: none;
  color: #000000;
}
.clickText.cont:hover {
  text-decoration: none;
  color: #000000;
}

.cur {
  cursor: pointer;
}

.grid {
  margin: 1px;
}

.gridMark {
  border: 1px solid #1f619c;
  background: #E6F2FF;
  margin: 0px;
}

.gridDiv {
  border: 1px solid #A6A7B0;
  border-radius: 0px;
}

.gridDiv:hover {
  border: 1px solid #2d6398;
  
}
.exitProgressBar {
  background: #FFFFFF;
  width: 100%;
  height: 100%;
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #D3D1D1;
  display: none;
  cursor: pointer;
}

.divProgressBar {
  z-index: 99999999;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
}

.searchInteger {
  text-align: right;
}

.searchDouble {
  text-align: right;
}

.searchTime {
  text-align: left;
}

.searchDate {
  text-align: left;
}

.searchBoolean {
  text-align: left;
}

.searchString {
  text-align: left;
}

input, textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

textarea {
  overflow: auto;
}

/*****************************************/
/* HTMLButton: Componente Bot�£o          */
/*****************************************/
.HTMLButton button {
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #FFF;
  background: #1f619c;
  border: solid 1px #084886;
  cursor: pointer;
  padding: 0;
  vertical-align: middle;
  outline: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.HTMLButton button:enabled:hover {
  background: #0f6cc5;
}

.HTMLButton button:enabled:active {
  background: #084886;
}

.HTMLButton button,.HTMLButton span {
  font-family: arial, sans-serif;
  font-size: 11px;
}

.HTMLButton span {
  vertical-align: middle;
}

.HTMLButton img {
  vertical-align: middle;
}

.HTMLButton {
  overflow: hidden;
}

/*****************************************/
/* Div que bloqueia acesso ao formul�¡rio */
/*****************************************/
.formViewDiv {
  background: #FFFFFF;
  filter: alpha(opacity = 1);
  opacity: 0;
  position: absolute;
  z-index: 99998;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

/*****************************************/
/* HTMLTabArea: area do Form/Componentes */
/*****************************************/
.HTMLTabArea {
  border-right: 0px solid #919B9C;
  border-left: 0px solid #919B9C;
  border-top: 0px solid #919B9C;
  border-bottom: 0px solid #919B9C;
  background: #F1F1F1;
  height: 100%;
  left: 0px;
  z-index: -1;
  display: none;
  position: absolute;
  width: 100%;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}


/*****************************************/
/* HTMLTab: Botão das Abas (formulário)  */
/*****************************************/
.HTMLTab {
  background: #e4e4e4;
  cursor: pointer;
  display: inline;
  float: left;
  height: 25px;
  padding-left: 7px;
  padding-right: 7px;
  margin-right: 1px;
  border-top: solid 3px silver;
  line-height: 23px;
  font-family: 'segoeWp', arial, sans-serif;
  font-weight: 400;
  font-size: 11px;
  color: #656767;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.HTMLTab:hover {
  border-color: #4188c7;
}

.HTMLTab:hover {
  color: #4D4F54;
}

.HTMLTab div {
  float: left;
}

.HTMLTab span,.HTMLTab img {
  vertical-align: middle;
}

.HTMLTab-Selected {
  position: relative;
  background: #F8F8F8;
  border-bottom: solid 3px #1f619c;
  border-top:  solid 1px #1f619c;
  float: left;
  height: 17px;
  display: inline;
  cursor: pointer;
  padding: 4px 6px;
  line-height: 18px;
  font-family: 'segoeWp', arial, sans-serif;
  font-weight: 600;
  font-size: 11px;
  color: #414348;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.HTMLTab-Selected:before {  
   
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  left: calc(50% - 10px);
  bottom: 0;
  border-width: 10px 10px 0 10px;
  border-color: #1f619c transparent transparent transparent;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
 }
 
.HTMLTab-Selected div {
  float: left;
}
/*****************************************/
/* HTMLTabController: area das Abas      */
/*****************************************/
.HTMLTabController {
  /* top: 0px; */
  left: 0px;
  width: 100%;
  height: 0px!important;
  z-index: 0;
  position: absolute;
}

/*****************************************/
/* HTMLTabContainer: Container da Aba    */
/*****************************************/
.HTMLTabContainer {
  width: 100%;
  position: absolute;
  z-index: 1;
}

.HTMLTabContainer[style*="top: 62px;"] {
  top: 30px!important;
}

.HTMLTabContainer[style*="top: 0px;"] {
  top: 0px!important;
}

/*****************************************/
/* HTMLGroupBox: Componente Moldura      */
/*****************************************/
.HTMLGroupBox-Top {
  border-top: 1px solid #BFB8BF;
  border-left: 0px solid !important;
  border-right: 0px solid !important;
  border-bottom: 0px solid !important;
  border-radius: 0px!important;
}

.HTMLGroupBox-Left {
  border-left: 1px solid #BFB8BF;
  border-top: 0px solid !important;
  border-right: 0px solid !important;
  border-bottom: 0px solid !important;
  border-radius: 0px!important;
}

.HTMLGroupBox-Right {
  border-right: 1px solid #BFB8BF;
  border-top: 0px solid !important;
  border-left: 0px solid !important;
  border-bottom: 0px solid !important;
  border-radius: 0px!important;
}

.HTMLGroupBox-Bottom {
  border-bottom: 1px solid #BFB8BF;
  border-top: 0px solid !important;
  border-left: 0px solid !important;
  border-right: 0px solid !important;
  border-radius: 0px!important;
}

.HTMLGroupBox {
  border: 1px solid #BFB8BF;
  box-sizing: border-box;
  border-radius: 4px;
}

.HTMLGroupBox-Box-Inset {
  border: 1px inset #BFB8BF;
  border-radius: 4px;
}

.HTMLGroupBox-Box-Outset {
  border: 1px outset #BFB8BF;
  border-radius: 4px;
}

.HTMLGroupBox-None {
  border-style: none;
}

/*****************************************/
/* HTMLRadioGroup: Componente Opcoes     */
/*****************************************/
.HTMLRadioGroup .HTMLLabel>div>div {
  background: white;
}

.HTMLRadioGroup #HTMLRadioGroupOptions {
  height: 100%;
  display: table;
  width: 100%;
}

.HTMLRadioGroup #HTMLRadioGroupOptionsRow {
  display: table-row;
}
.HTMLRadioGroup #HTMLRadioGroupOption {
  margin: 2px 2px;
  display: table-cell;
  vertical-align: middle;
}

.HTMLRadioGroup #HTMLRadioGroupOption input:enabled {
  cursor: pointer;
}

.HTMLRadioGroup #HTMLRadioGroupOption input:disabled {
  cursor: default;
}

.HTMLRadioGroup #HTMLRadioGroupOption label {
  font-family: arial, sans-serif;
  font-size: 11px;
  cursor: pointer;
}

/*****************************************/
/* HTMLLabel: Componente Text            */
/*****************************************/
.HTMLLabel {
  display: table !important;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.HTMLLabel>div {
  display: table-cell;
}

.HTMLLabel>div>div {
  cursor: default;
  background: transparent;
}

/*****************************************/
/* HTMLEdit: Componente Edit             */
/*****************************************/
.HTMLEdit input {
  font-size: 12px;
  font-weight: 500;
  color: #555B61;
  background: #FFFFFF;
  border-right: 1px solid #D3D1D1;
  border-left: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
  border-radius: 4px;
  padding-left: 4px;
  padding-right: 4px;
  outline: none;
  -webkit-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -moz-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -o-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -ms-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
}

.HTMLEdit input:hover {
  border: 1px solid #2d6398;
}

.HTMLEdit input:focus {
  border: 1px solid #4a76ba;
  outline: none;
}

.HTMLEdit input:disabled,
.HTMLLookup input:disabled {
  background: #ebebe4 !important;
  border-color: #D3D1D1 !important;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}

.HTMLEdit input[readonly=readonly] {
  background:#e9f6f9 !important;
  border-color:#d3d1d1 !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}

.HTMLEdit input[readonly=readonly]:hover {
  border-color: #2d6398 !important;
}

.HTMLEdit font {
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.HTMLEditCalendar {
  position: absolute;
  width: 240px;
  height: 150px;
  z-index: 999999;
  box-shadow: 10px 10px 15px -2px #888888;
}

.HTMLEditCalendar > iframe {
  border: 1px solid #cccccc;
  width: 100%;
  height: 100%;
}

.HTMLEditCalendarLock {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 999998;
  opacity: 0.1;
}

/*****************************************/
/* HTMLNavigationForm: Barra de Navegação*/
/*****************************************/

.HTMLNavigationFormButton, .HTMLNavigationButton {
  width: 40px;
  display: inline-block;
}

.HTMLNavigationForm {
  width: 100%;
  height: 60px;
  padding-top: 0;
  position: absolute;
  top: 0px;
  text-align: center;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: #e2e2e2;
}

.HTMLNavigationForm img,
.HTMLNavigationButton img {
  position: absolute;
  left: 3px;
  top: 0;
  width: 28px;
  height: 36px;
}

.HTMLNavigationForm a,
.HTMLNavigationButton a {
  padding: 0 8px;
  top: 0;
  left: 0px;
  position: absolute;
  height: 45px;
  width: 19px;
}

.HTMLNavigationForm .HTMLNavigationFormButton, .HTMLNavigationButton {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 50px;
  width: 35px !important;
}

.HTMLNavigationFormButton[class*="HTMLNavigationFormButton-EditSave"],
.HTMLNavigationFormButton[class*="HTMLNavigationFormButton-EditCancel"],
.HTMLNavigationFormButton[class*="HTMLNavigationFormButton-IncludeSave"],
.HTMLNavigationFormButton[class*="HTMLNavigationFormButton-IncludeSave"]{
  width: 80px !important;
}

/*Barra de Fundo da Navegação*/
.HTMLNavigationFormBar {
  width: 100%;
  height: 50px;
  background: #E9ECEC;
}

/*Botões da Barra de Navegação*/
[class*="-Des"],
[class*="-Des"] a {
  cursor: default !important;
}

.HTMLNavigationFormButton-Include a:before { content: '\e82d'; }
.HTMLNavigationFormButton-Include-Over a:before { content: '\e82d'; }
.HTMLNavigationFormButton-Include-Des a:before { 
  content: '\e82d';
  opacity: 0.3 !important;  
}

.HTMLNavigationFormButton-Edit a:before { content: '\e820'; }
.HTMLNavigationFormButton-Edit-Over a:before { content: '\e820'; }
.HTMLNavigationFormButton-Edit-Des a:before { 
  content: '\e820';
  opacity: 0.3 !important;  
}

.HTMLNavigationFormButton-First a:before { content: '\e800'; }
.HTMLNavigationFormButton-First-Over a:before { content: '\e800'; }
.HTMLNavigationFormButton-First-Des a:before { 
  content: '\e800';
  opacity: 0.3 !important;  
}

.HTMLNavigationFormButton-Previous a:before { 
  content: '\e800';
  overflow: hidden;
  width: 9px;
  margin-bottom: -3px; 
}

.HTMLNavigationFormButton-Previous-Over a:before { 
  content: '\e800'; 
  overflow: hidden;
  width: 9px;
  margin-bottom: -3px;
}

.HTMLNavigationFormButton-Previous-Des a:before {
  content: '\e800';
  opacity: 0.3 !important;
  overflow: hidden;
  width: 9px;
  margin-bottom: -3px;
}

.HTMLNavigationFormButton-Next a:before { 
  content: '\e801';
  overflow: hidden;
  width: 8px;
  margin-bottom: -3px;
 }

.HTMLNavigationFormButton-Next-Over a:before { 
  content: '\e801';
  overflow: hidden;
  width: 9px;
  margin-bottom: -3px; 

}
.HTMLNavigationFormButton-Next-Des a:before {
  content: '\e801';
  opacity: 0.3 !important;
  overflow: hidden;
  width: 7px;
  margin-bottom: -3px;
}

.HTMLNavigationFormButton-Last a:before { content: '\e801';  }
.HTMLNavigationFormButton-Last-Over a:before { content: '\e801';}
.HTMLNavigationFormButton-Last-Des a:before { 
  content: '\e801';
  opacity: 0.3 !important;  
}

.HTMLNavigationFormButton-Delete a:before { content: '\e81b'; }
.HTMLNavigationFormButton-Delete-Over a:before { content: '\e81b'; }
.HTMLNavigationFormButton-Delete-Des a:before { 
  content: '\e81b';
  opacity: 0.3 !important;   
}

.HTMLNavigationFormButton-Refresh a:before { content: '\e806'; }
.HTMLNavigationFormButton-Refresh-Over a:before { content: '\e806'; }
.HTMLNavigationFormButton-Refresh-Des a:before { 
  content: '\e806'; 
  opacity: 0.3 !important;  
}

.HTMLNavigationFormButton-Print a:before { content: '\e81f'; }
.HTMLNavigationFormButton-Print-Over a:before { content: '\e81f'; }
.HTMLNavigationFormButton-Print-Des a:before { 
  content: '\e81f'; 
  opacity: 0.3 !important;  
}

.HTMLNavigationFormButton-Log a:before { content: '\e80b'; }
.HTMLNavigationFormButton-Log-Over a:before { content: '\e80b'; }
.HTMLNavigationFormButton-Log-Des a:before { 
  content: '\e80b'; 
  opacity: 0.3 !important;  
}

.HTMLNavigationFormButton-DefaultValues a:before { content: '\e833'; }
.HTMLNavigationFormButton-DefaultValues-Over a:before { content: '\e833'; }
.HTMLNavigationFormButton-DefaultValues-Des a:before { 
  content: '\e833'; 
  opacity: 0.3 !important;  
}

.HTMLNavigationFormButton-Help a:before { content: '\e82b'; }
.HTMLNavigationFormButton-Help-Over a:before { content: '\e82b'; }
.HTMLNavigationFormButton-Help-Des a:before { 
  content: '\e82b';
  opacity: 0.3 !important;  
}

.HTMLNavigationFormButton-Exit a:before { 
	content: '\e828';
	font-family: "webicon-freire-pack"; 
}
.HTMLNavigationFormButton-Exit-Over a:before {
	content: '\e828';
	font-family: "webicon-freire-pack"; 
}
.HTMLNavigationFormButton-Exit-Des a:before { 
  font-family: "webicon-freire-pack";
  content: '\e828'; 
  opacity: 0.3 !important;  
}

.HTMLNavigationFormButton-EditSave a:before,
.HTMLNavigationFormButton-EditSave-Over a:before {
  content: '\e807';
  width: 78px;
}

.HTMLNavigationFormButton-EditSave-Des a:before {
  content: '\e807';
  width: 80px;
  opacity: 0.2 !important;
}


.HTMLNavigationFormButton-EditCancel a:before,
.HTMLNavigationFormButton-EditCancel-Over a:before {
  content: '\e82f';
  width: 80px;
}

.HTMLNavigationFormButton-EditCancel-Des a:before {
  content: '\e82f';
  width: 80px;
  opacity: 0.2 !important;
}

.HTMLNavigationFormButton-IncludeSaveMore a:before,
.HTMLNavigationFormButton-IncludeSaveMore-Over a:before {
  content: '\e807'' \e82d';
  width: 80px;
}

.HTMLNavigationFormButton-IncludeSaveMore-Des a:before {
  content: '\e807'' \e82d';
  width: 80px;
  opacity: 0.2 !important;
}

.HTMLNavigationFormButton-IncludeSave a:before,
.HTMLNavigationFormButton-IncludeSave-Over a:before {
  content: '\e807';
  width: 80px;
}

.HTMLNavigationFormButton-IncludeSave-Des a:before {
  content: '\e807';
  width: 80px;
}

.HTMLNavigationFormButton-IncludeCancel a:before,
.HTMLNavigationFormButton-IncludeCancel-Over a:before {
  content: '\e82f';
  width: 80px;
}

.HTMLNavigationFormButton-IncludeCancel-Des a:before {
  content: '\e82f';
  width: 80px;
  opacity: 0.2 !important;
}


/*****************************************/
/* HTMLNavigationGridButton: Bot�µes Grade*/
/*****************************************/
.HTMLNavigationGrid {
}

.HTMLNavigationGridButton img {
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}

.HTMLNavigationGridButton-pt_BR img {
  background: url('HTMLNavigationGrid/navGridIcons.gif');
}

.HTMLNavigationGridButton-en_US img {
  background: url('HTMLNavigationGrid/en_US/navGridIcons.gif');
}

.HTMLNavigationGridButton-es_ES img {
  background: url('HTMLNavigationGrid/es_ES/navGridIcons.gif');
}

.HTMLNavigationGridButton-fr_FR img {
  background: url('HTMLNavigationGrid/fr_FR/navGridIcons.gif');
}

.HTMLNavigationGridButton-Include img {
  background-position: 0px;
}

.HTMLNavigationGridButton-Include-Des img {
  background-position: -16px;
}

.HTMLNavigationGridButton-Edit img {
  background-position: -32px;
}

.HTMLNavigationGridButton-Edit-Des img {
  background-position: -48px;
}

.HTMLNavigationGridButton-Delete img {
  background-position: -64px;
}

.HTMLNavigationGridButton-Delete-Des img {
  background-position: -80px;
}

.HTMLNavigationGridButton-Refresh img {
  background-position: -96px;
}

.HTMLNavigationGridButton-Refresh-Des img {
  background-position: -112px;
}

.HTMLNavigationGridButton-EditSave img, .HTMLNavigationGridButton-IncludeSave img {
  background-position: -128px;
}

.HTMLNavigationGridButton-EditSave-Des img, .HTMLNavigationGridButton-IncludeSave-Des img {
  background-position: -144px;
}

.HTMLNavigationGridButton-EditCancel img, .HTMLNavigationGridButton-IncludeCancel img {
  background-position: -160px;
}

.HTMLNavigationGridButton-EditCancel-Des img, .HTMLNavigationGridButton-IncludeCancel-Des img {
  background-position: -176px;
}

/*****************************************/
/* HTMLPaging: Pagina�§�£o da Grade        */
/*****************************************/
.HTMLPagingButton img {
  background: url('HTMLPaging/paging.gif');
  background-repeat: no-repeat;
  width: 8px;
  height: 7px;
}

.HTMLPagingButton-First img {
  background-position: 0px;
}

.HTMLPagingButton-First-Des img {
  background-position: -8px;
}

.HTMLPagingButton-Previous img {
  background-position: -16px;
  width: 4px;
}

.HTMLPagingButton-Previous-Des img {
  background-position: -20px;
  width: 4px
}

.HTMLPagingButton-Next img {
  background-position: -24px;
  width: 4px;
}

.HTMLPagingButton-Next-Des img {
  background-position: -28px;
  width: 4px;
}

.HTMLPagingButton-Last img {
  background-position: -32px;
}

.HTMLPagingButton-Last-Des img {
  background-position: -40px;
}

/*****************************************/
/* HTMLMemo: Componente Texto Longo      */
/*****************************************/
.HTMLMemo textarea {
  font-size: 12px;
  font-weight: 500;
  color: #555B61;
  background: #FFFFFF;
  border-right: 1px solid #D3D1D1;
  border-left: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
  border-radius: 2px;
  padding-left: 8px;
  padding-right: 8px;
  outline: none;
  -webkit-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -moz-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -o-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -ms-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
}

.HTMLMemo textarea[readonly=readonly] {
  background: #FFFFE1;
}

.HTMLMemo textarea:disabled {
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.HTMLMemo textarea:hover {
  border: 1px solid #A0A0A0;
}

.HTMLMemo textarea:focus {
  border: 1px solid #4a76ba;
  outline: none;
}


.HTMLMemo font {
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.HTMLMemo textarea:disabled {
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-left: 1px solid #ebebe4;
  border-right: 1px solid #ebebe4;
  border-top: 1px solid #ebebe4;
  border-bottom: 1px solid #ebebe4;
  background: #ebebe4;
}

.HTMLMemo textarea:disabled:hover {
  border: 1px solid #FF0000;
}

/*****************************************/
/* HTMLDualList: Componente Lista Dupla  */
/*****************************************/
.HTMLDualList {
  font-family: arial, sans-serif;
  font-size: 11px;
  border-right: 1px solid #D3D1D1;
  border-left: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
  outline: none;
  background: #ffffff;
}

.HTMLDualList select {
  height: 100%;
  width: 100%;
  outline: none;
}

.HTMLDualList #dlTop {
  height: 7%;
  width: 100%;
}

.HTMLDualList #dlMiddle {
  height: 86%;
  width: 100%;
}

.HTMLDualList #dlBottom {
  height: 7%;
  width: 100%;
}

.HTMLDualList #dlLeftSeparator,#dlRightSeparator {
  float: left;
  height: 100%;
  width: 5%;
}

.HTMLDualList #dlMiddleSeparator {
  float: left;
  height: 100%;
  text-align: center;
  width: 6%;
}

.HTMLDualList #dlMiddleSeparator div:first-child {
  height: 34%;
}

.HTMLDualList #dlMiddleSeparator div[id*="bt"] {
  padding-bottom: 3px;
}

.HTMLDualList div[id*="WFRComponentLEFT"] {
  float: left;
  height: 90%;
  width: 42%;
}

.HTMLDualList div[id*="WFRComponentRIGHT"] {
  float: left;
  height: 90%;
  width: 42%;
}

.HTMLDualList #celDescPrincipal,#celDescSelecionados {
}

/*****************************************/
/* HTMLLookup: Componente Lista Dinâmica */
/*****************************************/
.HTMLLookup input {
  font-size: 12px;
  font-weight: 500;
  color: #555B61;
  text-indent: 5px;
  border-right: 1px solid #D3D1D1;
  border-left: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
  border-radius: 4px;
  padding-left: 3px;
  padding-right: 3px;
  outline: none;

  -webkit-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -moz-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -o-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -ms-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
}

.HTMLLookup input:hover {
  border-right: 1px solid #2d6398;
  border-left: 1px solid #2d6398;
  border-top: 1px solid #2d6398;
  border-bottom: 1px solid #2d6398;
  background: #FFFFFF;
}

.HTMLLookup input:focus {
  border-right: 1px solid #4a76ba;
  border-left: 1px solid #4a76ba;
  border-top: 1px solid #4a76ba;
  border-bottom: 1px solid #4a76ba;
  background: #FFFFFF;
  outline: none;
}

.HTMLLookup input:disabled:hover {
  background: #ebebe4;
}

.HTMLLookup-ReadOnly input {
  background:#e9f6f9;
}

.HTMLLookup-ReadOnly input:focus {
  background: #e9f6f9;
}

.HTMLLookup-ReadOnly input:hover {
  background: #e9f6f9;
}

.HTMLLookupDetails {
  box-shadow: 3px 5px 10px #747171;
  border-radius: 8px;
  width: auto !important; 
  min-width: 130px;
}

.HTMLLookupDetails #lookupHeader div {
  float: left;
  height: 18px;
}

.HTMLLookupDetails #lookupHeader img {
  cursor: pointer;
  margin: 0;
}

.HTMLLookupDetails #lookupSearchQuery {
  font-size: 11px;
  border-right: 0px solid #999999;
  border-left: 0px solid #999999;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  background: #fefefd;
  height: 18px;
  outline: none;
}

.HTMLLookupDetails #lookupQueryNavigation {
  background: #fefefc;
  height: 14px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.HTMLLookupDetails #lookupQueryContent {
  background: #CCCCCC;
}

.HTMLLookupDetails #lookupInput {
  font-size: 11px;
  border-right: 0px solid #D3D1D1;
  border-left: 0px solid #D3D1D1;
  border-top: 0px solid #FFFFFF;
  border-bottom: 1px solid #D3D1D1;
  background: #FEFEFC;
}

div[id*="WFRLookupSubForm"] {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  z-index: 99999;
}

.HTMLLookupMobile {
  border: 1px solid #a6a7b0;
  border-radius: 8px;
  cursor: pointer;
  color: #fefefc;
  background: #fefefc;
  padding: 0;
  vertical-align: middle;
  outline: none;
  position: relative;
  z-index: 100;
  height: calc(100% - 16px);
  width: 20px;
  outline: none;
}

.grid .HTMLLookupMobile {
  position: absolute;
  float: right;
  z-index: 1000000000;
  height: 100%;
  width: 20px;
  left: calc(100% - 20px)!important;
}

.HTMLLookup .HTMLButton {
  width: 17px !important;
  float: right;
  background: rgb(39,110,113)!important;
}

.HTMLLookup button {
  border: none !important;
  border-left: solid 1px #D3D1D1 !important;
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 4px;
  background: url('HTMLComboBox/drop-arrowicon.png') no-repeat center center #084886 !important;
  background-size: 10px;

  -webkit-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -moz-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -o-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -ms-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
}

.HTMLLookup .HTMLButton img {
  display: none;
}

/*****************************************/
/* HtmlComboBox: Componente Lista        */
/*****************************************/
.HTMLComboBox input {
  font-size: 12px;
  font-weight: 500;
  color: #555B61;
  text-indent: 5px;
  border-right: 1px solid #D3D1D1;
  border-left: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
  border-radius: 4px;
  padding-left: 3px;
  padding-right: 3px;
  outline: none;

  -webkit-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -moz-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -o-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -ms-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
}

.HTMLComboBox input:hover {
  border-right: 1px solid #2d6398;
  border-left: 1px solid #2d6398;
  border-top: 1px solid #2d6398;
  border-bottom: 1px solid #2d6398;
  background: #FFFFFF;
}

.HTMLComboBox input:focus {
  border-right: 1px solid #4a76ba;
  border-left: 1px solid #4a76ba;
  border-top: 1px solid #4a76ba;
  border-bottom: 1px solid #4a76ba;
  background: #FFFFFF;
  outline: none;
}

.HTMLComboBox .HTMLButton img {
  display: none;
}

.HTMLComboBox input:disabled:hover {
  background: #ebebe4;
}

.HTMLComboBoxDetails {
  box-shadow: 3px 5px 10px #747171;
  border-radius: 8px;
}

.HTMLComboBox-ReadOnly input {
  background: #FFFFE1;
}

.HTMLComboBox-ReadOnly input :focus {
  background: #FFFFE1;
}

.HTMLComboBox-ReadOnly input:hover {
  background: #FFFFE1;
}

.HTMLComboBoxDetails #lookupHeader div {
  float: left;
  height: 18px;
}

.HTMLComboBoxDetails #lookupHeader img {
  cursor: pointer;
  margin: 0;
}

.HTMLComboBoxDetails #lookupSearchQuery {
  font-size: 11px;
  border-right: 0px solid #999999;
  border-left: 0px solid #999999;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  background: #FFFFFF;
  height: 18px;
  outline: none;
}

.HTMLComboBoxDetails #lookupQueryNavigation {
  background: #fefefc;
  height: 20px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding-top: 1.5px;
}

.HTMLComboBoxDetails #lookupQueryContent {
  background: #CCCCCC;
}

.HTMLComboBoxDetails #lookupInput {
  font-size: 11px;
  border-right: 1px solid #D3D1D1;
  border-left: 1px solid #D3D1D1;
  border-top: 0px solid #FFFFFF;
  border-bottom: 1px solid #D3D1D1;
}

.HTMLComboBoxDetails option {
  font-weight: 500;
  color: #555B61;
}

.HTMLComboBox button {
  float: right;
  border: none !important;
  border-left: solid 1px #D3D1D1 !important;
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 4px;
  background: url('HTMLComboBox/drop-arrowicon.png') no-repeat center center #084886 !important;
  background-size: 10px;
  -webkit-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -moz-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -o-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  -ms-box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  box-shadow: inset 0 2px 4px 0 rgba(66, 66, 66, 0.1);
  width: 100% !important;
}

/*****************************************/
/* HTMLCheckBox: Componente Check        */
/*****************************************/
.HTMLCheckBox #chkLabel {
  position: relative;
  margin-left: 1px;
  top: -3px;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
}

.HTMLCheckBox #chkLabel-disabled {
  cursor: default;
  color: #D3D1D1;
}

.HTMLCheckBox input:enabled {
  cursor: pointer;
}

.HTMLCheckBox input:enabled:hover {
  border-color: #2d6398;
}

.HTMLCheckBox input:disabled {
  cursor: default;
}

input[type='checkbox'] {
  height: 15px;
  padding: 3px 2px 2px 11px;
  background:#FFF;
  border: 1px solid #D3D1D1;
  margin: 0 2px;
  outline:none;
  color:#96999D;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 2px;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}

input[type='checkbox']:checked {
  background: url('checked-box-icon.png') no-repeat center center #3173af !important;
  border-color: #3173af;
}

/*****************************************/
/* HTMLImage: Componente Imagem          */
/*****************************************/
.HTMLImage #HTMLImageLock {
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  outline: none;
}

.HTMLImage #HTMLImageNoImage {
  background: #FFFFFF;
  display: table;
  height: 100%;
  width: 100%;
  outline: none;
  border: 1px solid #EFEFEF;
  cursor: pointer;
}

.HTMLImage #HTMLImageNoImageRow {
  display: table-row;
  text-align: center;
}

.HTMLImage img {
  position: absolute;
  left: 0px;
  top: 0px;
}

.HTMLImage #HTMLImageNoImageCell {
  display: table-cell;
  vertical-align: middle;
}

.HTMLImage #HTMLImageWebCam {
  cursor: pointer;
  display: none!important;
}

.HTMLImage #HTMLImageWebCam img {
  height: 24px;
  width: 25px;
}

.HTMLImage #HTMLImageZoom {
  cursor: pointer;
  display: none!important;
}

.HTMLImage #HTMLImageZoom img {
  height: 24px;
  width: 25px;
}

.HTMLImage #HTMLImageSelf {
}

.HTMLImageZoom {
  position: absolute;
  z-index: 1000000;
  background: #FFF;
  border: 1px solid black;
  overflow: hidden;
  box-shadow: 0 0 30px 0 rgba(50, 50, 50, 0.75);
}

/*****************************************/
/* HTMLDetailPanel: Componente Sub-Form  */
/*****************************************/
.HTMLDetailPanel {
  border: 1px solid #BFB8BF;
  box-sizing: border-box;
}

/*****************************************/
/* HTMLInteraction: Mensagem de Intera�§�£o*/
/*****************************************/
div[id*="HTMLInteraction"] {
  -webkit-box-shadow: 5px 5px 25px #e4e4e4;
  -moz-box-shadow: 5px 5px 25px #e4e4e4;
  box-shadow: 5px 5px 25px #e4e4e4;
  display: block;
  background: #ffffff;
  width: 382px;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 1px solid #94A6B5;
  outline: none;
}

div[id*="HTMLInteraction"] #intTitle {
  opacity: 1.0;
  background: #ffffff;
  height: 26px;
  width: 100%;
  outline: none;
}

div[id*="HTMLInteraction"] #intTitleIcon {
  height: 100%;
  width: 30px;
  float: left;
  text-align: center;
}

div[id*="HTMLInteraction"] #intTitleIcon img {
  vertical-align: middle;
}

div[id*="HTMLInteraction"] #intTitleMessage {
  cursor: default;
  display: table;
  float: left;
  height: 100%;
  width: 332px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

div[id*="HTMLInteraction"] #intTitleMessage span {
  display: table-cell;
  vertical-align: middle;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333333;
  font-weight: bold;
  text-decoration: none;
  padding-left: 10px;
}

div[id*="HTMLInteraction"] #intTitleClose {
  cursor: pointer;
  float: left;
  position: absolute;
  right: 0%;
  width: 20px;
  text-align: center;
  top: 5px;
}

.intOnlyMessage {
  height: 40px !important;
}

div[id*="HTMLInteraction"] #intMessage {
  cursor: default;
  height: 80px;
  width: 100%;
  text-align: center;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
}

div[id*="HTMLInteraction"] #intIcon {
  float: left;
  top: 31%;
  width: 13%;
}

div[id*="HTMLInteraction"] #intIconTable {
  display: table;
  height: 80px;
}

div[id*="HTMLInteraction"] #intIconCell {
  display: table-cell;
  vertical-align: middle;
}

.intOnlyText {
  width: 100% !important;
  height: 40px !important;
}

div[id*="HTMLInteraction"] #intText {
  display: table;
  height: 80px;
  width: 332px;
  word-break: break-word;
}

div[id*="HTMLInteraction"] #intText #intTextCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  margin: 0 auto;
  overflow-y: auto;
}

div[id*="HTMLInteraction"] #intText #intTextCenter {
  padding: 0px 5px;
  margin-left: 5px;
  text-align: center;
  width: 310px;
  overflow-y: auto;
  word-break: break-all;
}

div[id*="HTMLInteraction"] #intText #intTextAux {
  max-height: 80px;
  word-break: break-word;
}

div[id*="HTMLInteraction"] #intText span {
  font-family: Verdana, Arial, Helvetica, san-serif;
  font-size: 10px;
  color: #333333;
}

div[id*="HTMLInteraction"] #intUserOptions {
  background: rgb(239,235,231);
  padding-left: 15px;
}

div[id*="HTMLInteraction"] #intUser {
  background: rgb(239,235,231);
}

div[id*="HTMLInteraction"] #intUserRadio {
  float: left;
  width: 100%;
}

div[id*="HTMLInteraction"] #intUserRadio input {
  float: left;
}

div[id*="HTMLInteraction"] #intUserRadio label {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #333333;
  padding-left: 5px;
  text-decoration: none;
}

div[id*="HTMLInteraction"] #intBtnCancel {
  left: 0%;
  bottom: 0%;
  height: 28px;
  width: 50%;
  background-repeat: no-repeat;
  background-position-y: bottom;
  background-position: 100% bottom;
  float: left;
}

div[id*="HTMLInteraction"] #intBtnDetails {
  left: 0%;
  bottom: 0%;
  height: 28px;
  width: 50%;
  background-repeat: no-repeat;
  background-position-y: bottom;
  background-position: 100% bottom;
  float: left;
}

div[id*="HTMLInteraction"] #intBtnOk {
  right: 0%;
  bottom: 0%;
  height: 28px;
  width: 50%;
  background-repeat: no-repeat;
  background-position-y: bottom;
  float: right;
}

div[id*="HTMLInteraction"] #intBase {
  left: 0%;
  bottom: 0%;
  height: 12px;
  width: 50%;
  position: absolute;
}

div[id*="HTMLInteraction"] #intBtnCancel button {
  border: 1px solid #a6a7b0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  color: #747474;
  background: rgb(254,254,252);
  bottom: 1%;
  cursor: pointer;
  position: absolute;
  height: 26px;
  min-width: 60px;
}

div[id*="HTMLInteraction"] #intBtnCancel button:hover {
  border: 1px solid red;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  color: #747474;
  background: rgb(254,254,252);
}

div[id*="HTMLInteraction"] #intBtnDetails button {
  border: 1px solid #a6a7b0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  color: #747474;
  background: rgb(254,254,252);
  bottom: 1%;
  cursor: pointer;
  position: absolute;
  height: 26px;
  min-width: 60px;
}

div[id*="HTMLInteraction"] #intBtnDetails button:hover {
  border: 1px solid red;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  color: #747474;
  background: rgb(254,254,252);
}

div[id*="HTMLInteraction"] #intBtnOk button {
  border: 1px solid #a6a7b0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  color: #747474;
  background: rgb(254,254,252);
  cursor: pointer;
  position: absolute;
  bottom: 1%;
  right: 0%;
  height: 26px;
  min-width: 60px;
}

div[id*="HTMLInteraction"] #intBtnOk button:hover {
  border: 1px solid red;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  color: #747474;
}

div[id*="HTMLInteraction"] #intBtnCancel img, #intBtnDetails img, #intBtnOk img {
  vertical-align: middle;
}

div[id*="HTMLInteraction"] #intBtnCancel a, #intBtnDetails a, #intBtnOk a {
  color: #333333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: none;
}

div[id*="HTMLInteractionBack"] {
  background-color: #FFFFFF;
  filter: alpha(opacity = 30);
  opacity: 0.3;
  height: 100%;
  width: 100%;
  position: absolute;
  border: 0;
}

/*****************************************/
/* HTMLProgressBar: Barra de Progresso   */
/*****************************************/
div[id*="HTMLProgressBar"] {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

div[id*="HTMLProgressBarBack"] {
  background: #FFFFFF;
  filter: alpha(opacity = 30);
  opacity: 0.3;
  height: 100%;
  width: 100%;
  position: absolute;
  border: 0;
}

/*****************************************/
/* HTMLTreeview: Componente Arvore        */
/*****************************************/
.HTMLTreeviewSelectedItem {
  background: #ffffb4;
}

.HTMLTreeview {
  color: #BFB8BF;
}

.HTMLTreeview > span {
  color: #747474;
}

/*****************************************/
/* HTMLAlert: Indicadores do Modo do Form*/
/*****************************************/
.HTMLAlert {
  width: 45px;
  height: 53px;
  top: 7px;
  right: 7px;
  text-align: center;
  position: absolute;
  display: none!important;
}

/**********************************************/
/* HTMLPage: Componente usado na aba localizar*/
/**********************************************/
.HTMLPage {
  border: 0;
  width: 100%;
  top: 0px;
  left: 0px;
  display: block;
  position: absolute;
}

/***********************************************/
/* WFRQueryForm: Aba Localizar: Básico/Avançado*/
/***********************************************/
.WFRQueryForm {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  font-family: calibri;
  font-size: 12px;
}

iframe[name="WFRQueryResults"] { 
  width: 100%!important;
}

.WFRQueryForm #HeaderSearchParams {
  width: 100%;
  background-repeat: repeat-x;
  float: left;
}

.WFRQueryForm #BodySearchFilterTitle {
  width: 115px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.WFRQueryForm #HeaderSearchParamsTitle {
  text-align: center;
  font-family: calibri;
  font-size: 12px;
}

.WFRQueryForm #BodySearch {
  float: left;
  width: 98%;
  background: #FFFFFF;
}

.WFRQueryForm #HeaderResults {
  width: 100%;
  background-repeat: repeat-x;
  float: left;
}

.WFRQueryForm #HeaderResultsTitle {
  text-align: center;
}

.WFRQueryForm #BodySearchFilter {
  float: left;
  padding-left: 2px;
}

.WFRQueryForm #BodySearchFilterCombo select {
  background: transparent;
  border: 0px;
  width: 136px;
  padding: 4px;
  font-size: 11px;
  line-height: 1;
  height: 21px;
  outline: none;
}

.WFRQueryForm #BodySearchFilterCombo {
  position: relative;
  width: 108px;
  height: 18px;
  overflow: hidden;
  background: url(WFRTabSearch/button_select.png) no-repeat right #ffffff;
  border-radius: 4px;
  border-right: 1px solid #D3D1D1;
  border-left: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
}

.WFRQueryForm #BodySearchOptions {
  float: right;
}

#WFRQueryResults {
  width: 100%;
}

/*Consulta Avan�§ada*/
.WFRQueryForm #HeaderOptions {
  margin-left: 4px;
  border: 2px solid;
  float: left;
  width: 65px;
}

.WFRQueryForm #HeaderOptionsRow {
  height: 30px;
}

.WFRQueryForm #HeaderOptionsRow div {
  float: left;
  margin: 5px;
}

.WFRQueryForm #HeaderOptionsRow {
  cursor: pointer;
}

.WFRQueryForm #HeaderBasicQueryButton {
  text-align: right;
}

#divQueryRow {
  width: 100%;
  float: left;
}

#divQueryRadio {
  float: left;
}

#divQueryLabel {
  float: left;
}

#divQuerySelect {
  float: left;
}

#divQueryInput div {
  float: left;
}

#divQueryInput input {
  font-family: arial, sans-serif;
  font-size: 11px;
  border-right: 1px solid #D3D1D1;
  border-left: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
}

/********************************************************************/
/* WFRReportMessageWait: Mensagem de espera da gera�§�£o de relat�³rios*/
/********************************************************************/
#WFRReportMessageWait {
  position: absolute;
  display: table;
  z-index: 1000000;
  text-align: center;
  background: #FFFFC7;
  border: 1px solid #EFEFEF;
}

#WFRReportMessageWait div {
  display: table-cell;
  vertical-align: middle;
}

/********************************************/
/* WFRNavigation: Pagina da Aba Localizar*/
/********************************************/
#WFRNavigation {
  height: 26px;
  position: absolute;
  right: 2px;
  top: 0px;
  z-index: 2;
}

#WFRNavigation > div {
  float: left;
}

#WFRNavigation button {
  border: 1px solid #a6a7b0;
  border-radius: 4px;
  cursor: pointer;
  color: #747474;
  background: #fefefc;
  cursor: pointer;
  vertical-align: middle;
  outline: none;
  padding: 0;
  height: 15px;
  width: 40px;
}

#WFRNavigation button:hover {
  cursor: pointer;
  border: 1px solid #ff0000;
  color: #747474;
  outline: none;
}

#WFRNavigation button:disabled {
  cursor: default;
  background: #fefefc;
  color: #DFDFDF;
  border: 1px solid #DFDFDF;
  outline: none;
}

/*****************************************/
/* HTMLMenu: Componente Menu             */
/*****************************************/

/* Definindo o espaçamento da estrutura de lista (OPCIONAL, mas influencia no posicionamento dos elementos) */
.HTMLMenuContainer ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Limitando a largura do menu Vertical */
.HTMLMenuVertical {
   display: inline-block;
   font-family: Arial, Sans-Serif;
   font-size: 8pt;
   border-top: solid 1px rgba(255,255,255,0.4)!important;
}

/* Horizontal: Definindo o estilo da lista, a borda cinza e a orientação de flutuação (OPCIONAL, mas influencia no posicionamento dos elementos) */
.HTMLMenuHorizontal .HTMLMenu {
  list-style: none;
  float: left;
  /* Itens opcionais/customizáveis:*/
  font-family: Arial, Sans-Serif;
  font-size: 8pt;
  background: rgba(10, 13, 16, 0.85);
  width: 100%;
  border-bottom: solid 2px silver;
}

.HTMLRemainingLevels > .HTMLItem li {
  background-color: rgba(255, 255, 255, 0.05) !important;
}

.HTMLRemainingLevels .HTMLMenu > li {
  background-color: red;
}

/* Vertical: Definindo o estilo da lista, a borda cinza e a orientação de flutuação (OPCIONAL, mas influencia no posicionamento dos elementos) */
.HTMLMenuVertical .HTMLMenu {
  list-style: none;
  /* Itens opcionais/customizáveis: */
  font-family: segoeWp, Arial, Sans-Serif;
  font-size: 9pt;
}



.HTMLMenuVertical .HTMLMenu li a {
  color: #fff;
  padding-left: 13px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

/* Horizontal: Definindo a borda interna e a posição superior do menu de level 1 */
.HTMLMenuHorizontal .HTMLMenu li {
  position: relative;
  float: left;
  display: block;
  min-width: 90px;
}

/* Vertical: Definindo a orientação do menu vertical */
.HTMLMenuVertical .HTMLMenu li {
  position: relative;
  display: block;
  min-width: 100%;
}

/* Borda inferior interna do menu Vertical */
.HTMLMenuVertical .HTMLMenu li:not(:last-child) {
  border-bottom: none;
}

/* Borda lateral interna do menu Horizontal */
.HTMLMenuHorizontal .HTMLMenu li:not(:last-child) {
  border-right: 1px solid #252424;
}

/* Personalizando os links com o espaçamento top e right */
.HTMLMenu li a {
  display: block;
  text-decoration: none;
  /* Itens opcionais/customizáveis: */
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 5px!important;/*7px;*/
  padding-bottom: 5px!important;/*7px;*/
}

.HTMLMenu li a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

/* Definindo o efeito do mouse over dos links (OPCIONAL) */
.HTMLMenu > li:not(.HTMLMenuFirstLevelDisabled) > a:hover,
.HTMLRemainingLevels > a:hover {
  background-color: rgba(255, 255, 255, 0.4)
  font-size:9pt;
  padding-left: 25px !important;
}

/* -- Menu - formulário principal -- */

#Menu {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 106px) !important;
}

#Menu::-webkit-scrollbar              {width: 11px;}
#Menu::-webkit-scrollbar-button       {display: none;}
#Menu::-webkit-scrollbar-track-piece  {background-color: rgba(255, 255, 255, 0.05); }
#Menu::-webkit-scrollbar-thumb        {background-color: rgba(80, 80, 80, 0); border-radius: 1px;}
#Menu:hover::-webkit-scrollbar-thumb  {background-color: rgba(255, 255, 255, 0.5);}

/*****************************************/
/* HTMLMenu: Item Horizontal             */
/*****************************************/

/* Conserto da dupla borda entre os elementos (menu vertical) */
.HTMLMenuVertical .HTMLMenu > li > .HTMLItem li:not(:first-child) {
  border-top: 0px;
}

/* Definindo o item horizontal */
.HTMLItem  {
  left: 100%;
  /* border-left: solid 2px #5190D2; */
  padding-left: 10px !important;
  top: 0px;
  min-width: 200px;
  overflow: hidden;
  max-height: 0;
  display: block !important;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  -webkit-transition: max-height 0.3s ease-in-out, transform 0.2s ease-in-out;
  -moz-transition: max-height 0.3s ease-in-out, transform 0.2s ease-in-out;
  -ms-transition: max-height 0.3s ease-in-out, transform 0.2s ease-in-out;
  -o-transition: max-height 0.3s ease-in-out, transform 0.2s ease-in-out;
  transition: max-height 0.3s ease-in-out, transform 0.2s ease-in-out;
}

.item-show {
  max-height: 4000px;

  transition: max-height 2s;

  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  
}

/* Configuração do item horizontal */
.HTMLItem li {
  display:block;
  white-space: nowrap;
}

/*****************************************/
/* HTMLMenu: Item Vertical               */
/*****************************************/

/* Definindo o estilo do item vertical */
.HTMLMenuHorizontal .HTMLMenu > li > .HTMLItem {
  position: absolute;
  left : 0px;
  display: none;
  /* Itens opcionais/customizáveis: */
  top: 43px;
}

/* Exibição de item vertical */
.HTMLMenuHorizontal .HTMLMenu > li:not(.HTMLMenuFirstLevelDisabled):hover > .HTMLItem {
  display: block;
}

/* Configuração do item vertical */
.HTMLMenuHorizontal .HTMLMenu > li > .HTMLItem li {
  display: block;
  width: 100%;
  white-space: nowrap;
  background-color: rgba(10, 13, 16, 0.85);
}

.HTMLMenuVertical .HTMLMenu > li > .HTMLItem li {
  /*border: 1px solid rgba(255, 255, 255, 0); <-AQUI*/ 
}

/* Conserto da dupla borda entre os elementos */
.HTMLMenuHorizontal .HTMLMenu > li > .HTMLItem li:not(:first-child) {
  border-top: 0px;
}

.HTMLMenuHorizontal > ul > li:not(.HTMLMenuFirstLevelDisabled):hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 0px solid #DB000B;
  margin-left: -10px;
}

.HTMLMenuHorizontal .HTMLFirstLevel > a {
  text-align: center;
  line-height: 30px;
  color: #fff;
  font-size: 11px;
}

.HTMLMenuVertical .HTMLFirstLevel > a {
  text-align: left;
  line-height: 17px;
  border-bottom: solid 1px rgba(255, 255, 255, 0.4);
}

.HTMLRemainingLevels {
  background: rgba(255, 255, 255, 0.15);
}

.HTMLRemainingLevels > a {
  min-height: 17px;
  color: #FFFFFF;
  text-align: left;
  font-family: segoeWp, Arial, Sans-Serif;
  border-left: solid 1px rgba(214, 247, 233, 0.4);
  font-size:8pt;
}

.HTMLRemainingLevels span {
    white-space: initial;
}

/* CSS para links desabilitados */
.HTMLMenuFirstLevelDisabled {
  background-color: #C0C0C0;
}

/* Desabilitando evento e ponteiro (Atenção o Focus via TABULAÇÃO ainda se mantém) */
.HTMLMenuHorizontal .HTMLMenuFirstLevelDisabled a {
  cursor: default;
  pointer-events: none;
  text-align: center;
  line-height: 17px;
}

.HTMLMenuVertical .HTMLMenuFirstLevelDisabled a {
  cursor: default;
  pointer-events: none;
  line-height: 17px;
}


/* CSS para links desabilitados */
.HTMLMenuRemainingLevelsDisabled {
  background-color: #C0C0C0;
}

/* Desabilitando evento e ponteiro (Atenção o Focus via TABULAÇÃO ainda se mantém) */
.HTMLMenuRemainingLevelsDisabled a {
  cursor: default;
  pointer-events: none;
}

.HTMLHorizontalArrowRight > a:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  right: 5px;
  width: 30px;
  height: 30px;
  background-image: url("arrow-item-menu.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 17px;

  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}

.HTMLVerticalFirstLevelArrow > a::after, 
.HTMLVerticalRemainingLevelsArrow > a::after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  right: 5px;
  width: 30px;
  height: 30px;
  background-image: url("arrow-item-menu.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 17px;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}

.LevelArrowDown > a {background-color: rgba(255, 255, 255, 0.4);padding-left: 25px !important;}
.LevelArrowDown > a:hover {background-color: rgba(255, 255, 255, 0.4) !important;}

.LevelArrowDown > a::after {
  content: '';
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate( 90deg);
  -ms-transform: rotate( 90deg);
  -o-transform: rotate( 90deg);
  transform: rotate( 90deg);
}

/********************************************/
/* Slider: Componente Slider                */
/********************************************/

.HTMLSlider{
  position: absolute;
  z-index: 100000;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.HTMLSliderDisable{
  position: absolute;
  z-index: 100001;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: none;
}

.HTMLSliderSeletor{
  position: absolute;
  z-index: 4;
  height: 14px;
  width: 14px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.HTMLSliderSeletor > span{
  position: absolute;
  bottom: -14px;
  width: 134px;
  left: -60px;
  cursor: default;
  text-align: center;
}
.HTMLSliderSeletor > img{
  width: 14px;
  height: 14px;
  position: absolute;
  z-index: 5;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.HTMLSliderSeletor>img:hover{
  cursor: -webkit-grab;
  cursor: -moz-grab;
  
}

.HTMLSliderSeletor >img:active{
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}

.HTMLSliderSeletor >img:focus{
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}
.HTMLSliderBar{
  position: absolute; 
  z-index: 4;
  background: #C0C0C0;
  border-radius: 4px;
  margin-top: 2px;
  height: 9px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.HTMLSliderBarSecundary{
  position: absolute; 
  z-index: 4;
  background: #666;  
  border-radius: 4px;
  margin-top: 2px;
  height: 9px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/***************************************************/
/* HTMLImageGallery: Componente Galeria de Imagens */
/***************************************************/
.HTMLImageGalleryMain {
  border-left: 1px solid #D3D1D1;
  border-right: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.HTMLImageGalleryMain:hover {
  border-left: 1px solid #FF0000;
  border-right: 1px solid #FF0000;
  border-top: 1px solid #FF0000;
  border-bottom: 1px solid #FF0000;
}

.HTMLImageGalleryThumbnail {
  border-left: 1px solid #D3D1D1;
  border-right: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  opacity: 0.5;
  transition: opacity .5s ease-out;
  -moz-transition: opacity .5s ease-out;
  -webkit-transition: opacity .5s ease-out;
  -o-transition: opacity .5s ease-out;
}

.HTMLImageGalleryThumbnail:hover {
  border-left: 1px solid #FF0000;
  border-right: 1px solid #FF0000;
  border-top: 1px solid #FF0000;
  border-bottom: 1px solid #FF0000;
  opacity: 1;
}

.HTMLImageGalleryThumbnail img {
  width: 100%;
  height: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.HTMLImageGalleryRemove {
  background: transparent;
  width: 16px;
  height: 16px;
  top: 2px;
  right: 2px;
  position: absolute;
  background-image: url("HTMLImageGallery/remove_item_galery_disabled.png");
  cursor: pointer;
  transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -webkit-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
}

.HTMLImageGalleryRemove:hover {
  background-image: url("HTMLImageGallery/remove_item_galery.png");
}

.HTMLImageGalleryExpandedBackground {
  width: 100%;
  height: 100%;
  z-index: 100100;
  background: #000000;
  opacity: 0.5;
  position: absolute;
}

.HTMLImageGalleryExpandedImage {
  z-index: 100110;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0px 5px 35px #000000;
}

/***************************************************/
/* HTMLCalendar: Componente Calend�¡rio *************/
/***************************************************/
.HTMLCalendarMain {
  border-left: 1px solid #D3D1D1;
  border-right: 1px solid #D3D1D1;
  border-top: 1px solid #D3D1D1;
  border-bottom: 1px solid #D3D1D1;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  min-width: 250px;
  min-height: 225px;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.HTMLCalendarHeader {
  position: relative;
  width: 100%;
  height: 20%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom: 1px solid #D3D1D1;
  text-align: center;
  min-width: 250px;
  max-height: 38px;
  min-height: 30px;
}

.HTMLCalendarPreviousYear {
  position: relative;
  display: inline-block;
  background: url('HTMLCalendar/calendar_previous_year.gif');
  height: 28px;
  width: 28px;
  margin-top: 1%;
  margin-right: 4px;
  background-size: 75%;
  background-repeat: no-repeat;
}

.HTMLCalendarSpan {
  position: relative;
  display: inline-block;
  margin-right: 4px;
  font-family: verdana;
  top: 10px;
}

.HTMLCalendarPreviousYear:hover {
  background: url('HTMLCalendar/calendar_previous_year_over.gif');
  background-repeat: no-repeat;
  background-size: 75%;
}

.HTMLCalendarPrevious {
  position: relative;
  display: inline-block;
  background: url('HTMLCalendar/calendar_previous.gif');
  height: 28px;
  width: 15%;
  max-width: 30px;
  min-width: 30px;
  margin-top: 1%;
  margin-right: 4px;
  background-size: 75%;
  background-repeat: no-repeat;
}
.HTMLCalendarPrevious:hover {
  background: url('HTMLCalendar/calendar_previous_over.gif');
  background-repeat: no-repeat;
  background-size: 75%;
}

.HTMLCalendarInformation {
  position: relative;
  display: inline-block;
  margin-right: 4px;
  font-family: verdana;
  top: -10px;
  width: 110px;
  left: -4px;
}

.HTMLCalendarNext {
  position: relative;
  display: inline-block;
  background: url('HTMLCalendar/calendar_next.gif');
  height: 28px;
  width: 15%;
  max-width: 30px;
  min-width: 30px;
  margin-top: 1%;
  margin-right: 4px;
  background-size: 75%;
  background-repeat: no-repeat;
}

.HTMLCalendarNext:hover {
  background: url('HTMLCalendar/calendar_next_over.gif');
  background-repeat: no-repeat;
  background-size: 75%;
}

.HTMLCalendarNextYear {
  position: relative;
  display: inline-block;
  background: url('HTMLCalendar/calendar_next_year.gif');
  height: 28px;
  width: 15%;
  max-width: 30px;
  min-width: 10px;
  margin-top: 1%;
  margin-right: -5px;
  background-size: 75%;
  background-repeat: no-repeat;
}

.HTMLCalendarNextYear:hover {
  background: url('HTMLCalendar/calendar_next_year_over.gif');
  background-repeat: no-repeat;
  background-size: 75%;
}

.HTMLCalendarDaysOfTheWeek {
  position: relative;
  width: 100%;
  height: 11.4%;
  text-align: center;
  background: #E6E6E6;
}

.HTMLCalendarCellDayOfTheWeek {
  position: relative;
  width: 13%;
  height: 100%;
  display: inline-block;
  margin-left: 0.4%;
  margin-right: 0.4%;
  color: #000;
  top: 10%;
  font-family: verdana;
  font-size: 100%;

}

.HTMLCalendarDaysOfTheMonth {
  position: relative;
  width: 100%;
  height: 11.4%;
  top: 3%;
  text-align: center;
}

.HTMLCalendarCellDayOfTheMonth {
  position: relative;
  width: 13%;
  height: 100%;
  display: inline-block;
  margin-left: 0.4%;
  margin-right: 0.4%;
  font-family: verdana;
  font-size: larger;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  cursor: pointer;
}
.HTMLCalendarCellDayOfTheMonth:hover {
  background: #FFFAFA;
}

.HTMLCalendarOfToday {
  position: relative;
  width: 13%;
  height: 70%!important;
  display: inline-block;
  margin-left: 0.4%;
  margin-right: 0.4%;
  font-family: verdana;
  font-size: larger;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
  cursor: pointer;
  font-weight: bold;
  background: white;
  box-shadow: inset 0px 4px 5px #ccc;
}
.HTMLCalendarCellHoliday {
  position: relative;
  width: 13%;
  height: 100%;
  display: inline-block;
  margin-left: 0.4%;
  margin-right: 0.4%;
  font-family: verdana;
  color: red;
  font-size: larger;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  cursor: pointer;
}

.HTMLCalendarCellHoliday:hover {
  background: #FFFAFA;
}

.HTMLCalendarCellActivity {
  position: relative;
  width: 13%;
  height: 100%;
  display: inline-block;
  margin-left: 0.4%;
  margin-right: 0.4%;
  font-family: verdana;
  color: green;
  font-size: larger;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  cursor: pointer;
}

.HTMLCalendarCellActivity:hover {
  background: #FFFAFA;
}

/*****************************/
/* HTMLChat: Componente Chat */
/*****************************/

.HTMLChat, .HTMLChatError {
  position: absolute;
  border: 1px solid rgb(226, 226, 226);
  overflow: hidden;
  background-color: white;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.HTMLChatSlider {
  transition: all 0.7s;
  z-index: 999999;
}

.HTMLChatSlider:hover {
  bottom: 0px !important;
}

.HTMLChatHeader {
  height: 20px;
  border-bottom: 1px solid rgb(226, 226, 226);
  position: relative;
  font-size: 14px;
  padding-top: 3px;
  padding-left: 15px;
}

.HTMLChatHeaderSlider {
  height: 25px;
  background: #404040;
  color: white;
}

.HTMLChatSearch {
  position: relative;
  border-bottom: 1px solid rgb(241,241,241);
}

.HTMLChatSearch input {
  border-radius: 0px !important;
  position: relative;
  height: 20px;
  width: 100%;
  background: #CBCBCB;
  border: 1px solid #ABBFFF;
}

.HTMLChatSearch input:hover {
  border: 0px solid;
}

.HTMLChatSearch input:focus {
  border: 0px solid;
}

.HTMLChatSendAll {
  position: relative;
  height: 19px;
  border-bottom: 1px solid rgb(241,241,241);
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}

.HTMLChatSendAll span {
  position: relative;
  vertical-align: middle;
}

.HTMLChatSendAll:hover {
  background-color: #87CEFA;
}

.HTMLChatScroll {
  width: 100%;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}

.HTMLChatUsersList {
  position: relative;
  width: inherit;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.HTMLChatUsersListRow {
  width: inherit;
  white-space: nowrap;
  position: relative;
  cursor: pointer;
}

.HTMLChatUsersListCellUser {
  width: inherit;
  border-bottom: 1px solid rgb(241, 241, 241);
  display: inline-block;
  left: -25px;
  height: 19px;
}

.HTMLChatUsersListRow:hover {
  background-color: #e4f7ff;
}

.HTMLChatUsersListCellStatus {
  margin: 0px 5px;
  float: left;
  border-radius: 50%;
  top: 2px;
  height: 15px;
  width: 15px;
}

.HTMLChatUsersListCellUser span {
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  float: left;
  width: calc(100% - 25px);
  padding-left: 25px;
  top: 3px;
}

.HTMLChatUsersListCellStatus, .HTMLChatUsersListCellUser {
  position: relative;
  vertical-align: middle;
}

.HTMLChatUserOffline {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}

.HTMLChatUserOnline {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}

.HTMLChatUserOffline > .HTMLChatUsersListCellStatus {
  background-color: #c3c3c3;
}

.HTMLChatUserOnline > .HTMLChatUsersListCellStatus {
  background-color: lawngreen;
}

.HTMLChatTalk .HTMLMemo {
  width: 100%!important;
  border-radius: 0;
}

.HTMLChatTalk textarea {
  resize: none;
  height: 100%!important;
  width: 100%!important;
}

.HTMLChatTalk textarea, .HTMLChatTalk textarea:hover, .HTMLChatTalk textarea:focus {
  border: 0;
}

.HTMLChatTalk .HTMLMemo:nth-child(1) {
  background-color: #E5E5E5;
}

.HTMLChatTalk .HTMLMemo:nth-child(1) textarea {
  background-color: transparent!important;
  border-radius: 0;
  padding: 13px;
  font-size: 16px;
}

.HTMLChatTalk .HTMLMemo:nth-child(2) textarea {
  border-radius: 0;
  padding: 4px;
  overflow: hidden;
  font-size: 18px;
  border: 0px solid #fff;
  border-bottom: 1px solid #404040;
}

/*************************************************/
/* HTMLPlayer: Reprodutor de M�­dia               */
/*************************************************/

.HTMLPlayer {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.8);
}

.HTMLPlayerSliding {
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -ms-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
  z-index: 2147483647;
  padding-top: 30px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4zjOaXUAAAAhlJREFUWEftlzlLA1EUhRNc4hLFxEILkQj+BUs7/4CFYGOhtWBhoZaCYIKoWIqFhTYWdjZilcYqnQEJhEgwSEgCCVlnsvq9+CIjWWCcGRtz4PC2O/edefe+y4ytjz46oVgsOsrlsqvRaLjNpKqqrlwuN0Tf1mIbCoWCo1QqnVYABqaClyrjf59udwHYuK3YvAUhgqa7ACanodXoC9AngOwN1Wo1L11drFarJ/l8/pGwK4y10CcAXMhl3SDr58npW+mnBd0CzuVyE4FAwB4KhcYymcwka4NyuiM4OWe9Xvd9ufmGMQHRaHQiHo+vUi92KVrLrA/LpTaw5oQiJFoYE5BKpTwc7RUxfic/nuhv0i5g13YazI3AQ+FEA2MC0un0IhvecbQKVInxm6IoNwhZw3YG2qWp8GeHu1AL8wSIRdo6sVbI9ldq/VYymRyVpk1gsiPsNLBEgMopRBKJxHYkEhmXpk1gYp0ANq7AFOMHEnKDcPwIgQBjcwVwxB4KzDWbfXATnhHgI/5L2HVKwgG4J5xoYExAOByejMVi64g4yGazK6zPwo71gPkxeAS1MCbA7/fbg8Ggk5OYIgw9CxHPmlIHfl2KOaU5cuOSmlGSvgT0CeDhF970mK4u8oyXm3FPgmYYa6FPgAXoC+gu4A8+SlWa7gIoKA6y9swKEWJzfPf+LBfg6ogfE/EzIcJhGrkRbgT0/jH5Z7DZPgEGiNBQxJe7wQAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
}

.HTMLPlayerSliding:hover {
  bottom: -4px !important;
}

.HTMLVideoPlayer, .HTMLAudioPlayer {
  background-color: #000;
  z-index: 1;
}

.HTMLVideoPlayer {
  margin-top: 3px;
  margin-left: 3px;
  margin-right: 3px;
}

.HTMLAudioPlayer {
  height: 30px;
}

/*************************************************/
/*                 RSS: Leitor RSS               */
/************************************************/

.HTMLRSSBody {
  position: absolute;
  background: #FFF;
  border-radius: 10px;
  min-height: 100px;
  z-index: 100000;
  padding: 10px;
}

.HTMLRSSSlider {
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 1;
}

.HTMLRSSTitle {
  color: #FFFFFF;
  position: relative;
  font-weight: bold;
  text-align: center;
  width: 94%;
  height: auto;
  min-height: 30px;
  overflow: hidden;
  font-size: 16px;
  text-overflow: ellipsis;
  z-index: 1;
  left: 3%;
  padding-top: 2%;
  background: #3173AF;
  TEXT-TRANSFORM: uppercase;
  margin-bottom: 2px;
  border-bottom: 5px #498ECF solid;
  background-repeat: no-repeat;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.HTMLRSSItem {
  position: relative;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 2;
  width: 94%;
  margin-top: 10px;
  margin-left: 3%;
}

.HTMLRSSItemTitle {
  position: relative;
  font-size: 14px;
  width: 100%;
  height: auto;
  margin-bottom: 8px;
  font-weight: bold;
  color: #3173AF;
}
.HTMLRSSItemTitle span {
  display: table;
  margin-top: auto;
}

.HTMLRSSDescription {
  position: relative;
  width: 100%;
  font-size: 12px;
  height: auto;
  color: #3173AF;
  float: left;
  margin-bottom: 10px;
}

.HTMLRSSDescription * {
  float: left;
  vertical-align: 30%
}
.HTMLRSSDescription img {
  margin-right: 10px;
  max-width: 75px;
  border-radius: 3px;
}

.HTMLRSSDescription br {
  display: none;
}

.HTMLRSSSeparator {
  position: relative;
  width: 100%;
  height: 1px;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #3173AF;
  float: left;
}

/***************************************************/
/* Tabela: Novo Componente Tabela (Feito em Maker) */
/***************************************************/

.HTMLTable {
  border-top: 1px solid #3173AF;
  border-bottom: 1px solid #3173AF;
  border-left: 1px solid #3173AF;
  border-right: 1px solid #3173AF;
  background-color: white;
}

.HTMLTableAllModes {
  z-index: 100000;
}

.HTMLTable .HTMLEdit, .HTMLTableSearchEdge {
  height: 22px;
}

.HTMLTable .HTMLEdit {
  border-right: 2px solid #ABABAB;
  display: inline-block!important;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
  height: 100%;
}

.HTMLTableSearchEdge {
  overflow: hidden;
  display: inline-block!important;
  text-overflow: ellipsis;
  cursor: default;
  height: 100%;
  width: 13px;
  display: none!important;
}

.HTMLTable .HTMLEdit input {
  width: 100% !important;
  border-radius: 0;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  text-indent: 8px;
  border: 0px;
}

.HTMLTable .HTMLEdit input:focus {
  border: 1px solid #3173AD;
}

.HTMLTable .HTMLEdit input:hover {
	border-color:#2d6398 !important;

}

.HTMLTableHeaderRow, .HTMLTableEdge {
  height: 22px;
  width: 100%;
  white-space: nowrap;
  border-bottom: 1px solid #c9b6b6;
  width: calc(100% + 0px);
  padding: 0px 0px 0px 0px!important;
  z-index: 1;
  background: #E3E3E3;
}

.HTMLTableHeaderSearch {
  white-space: nowrap;
  border-bottom: 1px solid #c9b6b6;
  width: calc(100% + 0px);
  padding: 0px 0px 0px 0px!important;
  z-index: 1;
  height: 22px;
}

.HTMLTableEdge {
  width: 13px;
  /*border-left: 1px solid #ababab;*/
}

.HTMLTableHeaderCell, .HTMLTableEdge {
  background: #F2F2F2;
}

.HTMLTableHeaderCell {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
  height: 100%;
  outline: none;
}

.HTMLTableHeaderCell[draggable = true], .HTMLTableHeaderCell[draggable = true] > span{
  cursor: -webkit-grab;
  cursor: -moz-grab;
}

.HTMLTableHeaderCell:last-child {
  overflow: hidden;
  float: none;
}

.HTMLTableHeaderCell:hover, .HTMLTableEdge:hover {
  background: #E3E3E3;
  color: #3173AF;
}

.HTMLTableHeaderCell span {
  cursor: default;
  padding-left: 3px;
  padding-right: 3px;
  position: relative;
  top: 7px;
}

.HTMLTableHeaderCellSeparator {
  display: inline-block;
  text-overflow: ellipsis;
  cursor: e-resize;
  height: 100%;
  background-color: #ababab;
}

.HTMLTableHeaderCellSeparator:hover, .HTMLTableHeaderCellSeparator:active {
  background-color: #3173AF;
}

.HTMLTableBody {
  white-space: nowrap;
  width: 100%;
}

.HTMLTableBody2 {
  outline: none;
  overflow-y: hidden;
  overflow-x: hidden!important;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  position: absolute;
  width: calc(100% + 0px);
  padding: 0px 0px 0px 0px!important;
  z-index: 1;
  height: calc(100% + 0px);
}

.HTMLTableBodyCell {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 1px;
  cursor: default;
  height: 100%;
  border-right: 1px solid #ABABAB;
}

.HTMLTableScroll2 > div {
  visibility: hidden;
  scrollbar-base-color: #C0C0C0;
  scrollbar-base-color: #C0C0C0;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #EBEBEB;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}

.HTMLTableScroll2 {
  height: 15px;
}

.HTMLTableIntermediary{
  width: calc(100% - 14px)!important;
}

.HTMLTableBodyRow {
  background-color: white;
  white-space: nowrap;
  width: 100%;
  height: 18px;
  -moz-user-select: none;
  -webkit-user-select: none;
  overflow-y: visible;
  width: auto;
  min-width: 100%;
}

.HTMLTableBodyRow{
  background-color: #F7F7F7;
}

.HTMLTableBodyRowOdd{
  background-color: #ffffff;
}

.HTMLTableBodyRow > div{
  background-color: #F7F7F7;
}

.HTMLTableBodyRowOdd > div{
  background-color: #ffffff;
}

.HTMLTableBodyRow:hover div{
  background-color: #E4E4E4!important;
}

.HTMLTableBodyRow:hover {
  background-color: #E4E4E4!important;
}

.HTMLTableBodyRowSelected{
  background-color: #FFFFB4!important;
}

.HTMLTableBodyRowSelected > div{
  background-color: #3A79B3!important;
  color: #fff;
}

.HTMLTableBodyCell {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 1px;
  cursor: default;
  height: 100%;
  border-right: 1px solid #ABABAB;
}


.HTMLTableBodyCell span {
  padding-right: 2px;
}

.HTMLTableContainerPagination {
  background: #FFFFFF;
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: -21px;
}

.HTMLTablePrevious, .HTMLTableNext, .HTMLTableFirst,.HTMLTableLast {
  position: absolute;
  width: 32px;
  height: 16px;
  background-size: 256px 16px;
  background-repeat: no-repeat;
  top: 2px;
  cursor: pointer;
  -webkit-transition: 0.2s opacity ease-in;
  -moz-transition: 0.2s opacity ease-in;
  -ms-transition: 0.2s opacity ease-in;
  -o-transition: 0.2s opacity ease-in;
  transition: 0.2s opacity ease-in;
  opacity: 0.6;
}

.HTMLTablePrevious:not(.HTMLTablePreviousDisabled):hover, .HTMLTableNext:not(.HTMLTableNextDisabled):hover, .HTMLTableFirst:not(.HTMLTableFirstDisabled):hover,.HTMLTableLast:not(.HTMLTableLastDisabled):hover {
  opacity: 1;
}

.HTMLTablePreviousDisabled, .HTMLTableNextDisabled,.HTMLTableFirstDisabled,.HTMLTableLastDisabled {
  cursor: default;
}

.HTMLTablePrevious {
  background-position: -64px;
  right: 70px;
  background-image: url("HTMLTable/nav_pagination.png");
}

.HTMLTablePreviousDisabled {
  background-position: -96px;
  background-image: url("HTMLTable/nav_pagination.png");
}

.HTMLTableNext {
  background-position: -128px;
  right: 35px;
  background-image: url("HTMLTable/nav_pagination.png");
}

.HTMLTableNextDisabled {
  background-position: -160px;
  background-image: url("HTMLTable/nav_pagination.png");
}

.HTMLTableFirst {
  background-position: 0px;
  right: 105px;
  background-image: url("HTMLTable/nav_pagination.png");
}

.HTMLTableFirstDisabled {
  background-position: -32px;
  background-image: url("HTMLTable/nav_pagination.png");
}
.HTMLTableLast {
  background-position: -192px;
  right: 0;
  background-image: url("HTMLTable/nav_pagination.png");
}

.HTMLTableLastDisabled {
  background-position: -224px;
  background-image: url("HTMLTable/nav_pagination.png");
}

.HTMLTableInputPagination {
  font-weight: bold;
  height: 16px;
  top: 2px;
  position: relative;
  float: left;
  margin-left: 5px;
  font-size: 11px;
  color: #2766A0;
}

.HTMLTableSpanPagination {
  line-height: 20px;
  position: relative;
  float: left;
  margin-left: 4px;
  color: #2766A0;
}


.HTMLTableContextMenu {
  position: absolute;
  z-index: 2147483647;
  background-color: #f5f5f5;
  font-size: 1.2em;
  white-space: nowrap;
  line-height: 30px;
  width: 200px;
  text-indent: 10px;
  box-shadow: 1px 1.732px 9px 0px rgba(64, 64, 64, 0.5);
  border-radius: 4px;
}

.HTMLTableContextMenu > div {
  cursor: pointer;
  border-bottom: 1px solid #e7e7e7;
  color: #434343;
  -webkit-transition: 0.1s ease-in;
  -moz-transition: 0.1s ease-in;
  -ms-transition: 0.1s ease-in;
  -o-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
  border-top: 1px solid #e7e7e7;
}

.HTMLTableContextMenu > div:hover {
  background-color: lightblue;
  color: #171717;
  border-bottom-color: lightblue;
  border-top-color: lightblue;
}

.HTMLTableOrderArrow {
  position: absolute;
  width: 7px;
  left: calc(50% - 3.5px);
  top: 1px;
  display: none;
}

.HTMLTableOrderArrowInverted {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.HTMLTableOrderArrowSort {
  display: block;
}

.HTMLTableRowGroups{
  border-bottom: 1px solid #B7B4B4!important;
  background: #E4E4E4;
}

.HTMLTableRowGroupsChilds{
  border-bottom: 1px solid #E4E4E4!important;
  background: #F9F9F9;
}

.HTMLTableHeaderCellGroup {
  float: left;
  height: 100%;
  outline: none;
  border-right: 1px solid #ababab;
  min-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
}

.HTMLTableHeaderCellGroup > span{
  top: 3px;
  position: relative;
  margin-left: 5px;
  margin-right: 5px;
}

.HTMLTableHeaderCellGroup > img{
  top: 5px;
  right: 2px;
  width: 10px;
  position: relative;
  float: right;
  cursor: pointer;
}

.HTMLTableSumaryGeneral{
  background: #E4E4E4;
  border: 1px solid #ccc; 
}

.HTMLTableIntermediary {
  overflow-x: hidden!important;
  overflow-y: hidden!important;
}

/*************************************************/
/* HTMLScrollBar: Barra de Rolagem               */
/*************************************************/

.HTMLScrollBar {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: default;
  background-color: rgba(211,211,211,0.3);
  -webkit-transition: 0.5s background-color ease;
  -moz-transition: 0.5s background-color ease;
  -ms-transition: 0.5s background-color ease;
  -o-transition: 0.5s background-color ease;
  transition: 0.5s background-color ease;
}

.HTMLScrollBar:hover , .HTMLScrollBar:active {
  background-color: rgba(211,211,211,0.6);
}

.HTMLScrollThumbX, .HTMLScrollThumbY {
  position: relative;
  background-color: #3A79B3;
}

.HTMLScrollThumbX {
  height: 14px;
  min-width: 20px;
  display: none!important;
}

.HTMLScrollBarX {
  display: none;
}

.HTMLScrollThumbY {
  width: 14px;
  min-height: 20px;
}

/*************************************************/
/*                COMPONENTE ABA                 */
/************************************************/

.HTMLTabComponent, .HTMLTabComponentClose,.HTMLTabComponentUndock {
  background-color: #012e58;
  height: 21px;
  max-width: 15px;
  min-width: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #FFFFFF;
  border-bottom: 1px solid rgb(255,255,255);
}


.HTMLTabComponent {
  border-top-left-radius: 0px;
}

.HTMLTabComponentClose {
  border-top-right-radius: 0px;
  vertical-align: middle;
  font-size: 12px;
  text-align: right;
  padding-right: 10px;
}

.fecharAba>span {
  color: #fff!important;
}

.fecharAbaDesabilitada>span {
  color: #FFFFFF!important;
}

.separarAba img {
  width: 14px;
  height: auto;
  top: 7px;
  position: absolute;
}

.HTMLTabComponentSelected {
  border-top: 0px solid #FF0000;
  border-left: 1px solid #91A7B4;
}

.HTMLTabComponentCloseSelected {
  border-top-right-radius: 0px;
  vertical-align: middle;
  font-size: 12px;
  text-align: right;
  padding-right: 10px;
  border-right: 1px solid #FFF;
}

.HTMLTabComponent {
  border-top: 0px solid #91A7B4;
  border-left: 1px solid #91A7B4;
}

.HTMLTabComponentClose {
  border-top: 0px solid #91A7B4;
  border-right: 1px solid #fff;
}

.HTMLTabComponentUndock {
  border-top: 0px solid #91A7B4;
}

.HTMLTabComponentUndockSelected {
  border-top: 0px solid #91A7B4;
}

.HTMLTabComponentSelected,.HTMLTabComponentCloseSelected, .HTMLTabComponentUndockSelected {
  background-color: #074077;
  max-width: 15px;
  min-width: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #FFFFFF;
  border-bottom: 1px solid #084886;
}

.HTMLTabComponent>a {
  color: #fff!important;
  font-size:12px;
  line-height:12px;
}

.HTMLTabComponentSelected>a {
  color: #fff!important;
  font-size:12px;
  line-height:12px;
}

.HTMLTabComponentSelected {
  border-top-left-radius: 0px;
}

.HTMLTabComponentCloseSelected {
  border-top-right-radius: 0px;
  vertical-align: middle!important;
  font-size: 12px;
  text-align: right;
  padding-right: 10px;
  border-right: 1px solid #FFF;
}

.HTMLTabComponentRow {
  border-bottom: 1px solid rgb(255,255,255);
  width: calc(100% + 1px);
  cursor: pointer;
  height: 27px;
}

.HTMLTabComponentRow > tbody {
	background-color: #084886;
}

.HTMLTabComponentGroupBox {
  top: 50px!important;
}

#Aba>div:nth-child(2) {
  top: 27px!important;
  left:-1px!important;
  border-top:solid 1px rgb(255,255,255);
}

/********************************************/
/* WFRReport: Janela de Filtros do Relat�³rio*/
/********************************************/
#WFRReport iframe {
  height: 386px;
}

/* Style da cor de fundo da janela de filtro do relat�³rio*/
#WFRReportHeaderActions, #WFRReportHeaderOptions {
  float: left;
  width: 100%;
  background: #F1F1F1;
}

#WFRReportHeaderActions div, #WFRReportHeaderActions span {
  cursor: pointer;
  padding: 3px;
}

/* Style da cor de fundo da baorda da janela de filtro do relat�³rio*/
#WFRReportHeaderOptions {
  border-top: 1px solid #3273AF;
}

#WFRReportHeaderActionsPreview, #WFRReportHeaderActionsDesign, #WFRReportHeaderActionsOrder,
#WFRReportHeaderActionsReload, #WFRReportHeaderOptionsPlugin, #WFRReportHeaderOptionsReportGenerator,
#WFRReportHeaderOptionsReportFormat {
  float: left;
}

#WFRReportHeaderActions img, #WFRReportHeaderOptionsPlugin img {
  vertical-align: middle;
}

#WFRReportHeaderOptionsPlugin {
  padding-top: 2px;
  padding-left: 6px;
}

/* Style referente a fonte para o texto de download do plugin do adobe*/
#WFRReportHeaderOptionsPlugin span {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
}

/* Style referente as fontes dos textos da janela de filtro do relat�³rio*/
.WFRUserSelectReport {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000 ;
}

#WFRReportHeaderOptionsReport {
  float: right;
}

#WFRReportHeaderOptionsReport span {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  cursor: default;
}

/* Style referente a linha que envolve as op�§�µes de gerador e formato*/
#WFRReportHeaderOptionsReportGenerator {
  padding-left: 6px;
  padding-top: 3px;
  border-top-left-radius: 8px;
  padding-left: 6px;
  width: 130px;
  color: #000000;
}

/* Style referente a linha que envolve as op�§�µes de gerador e formato*/
#WFRReportHeaderOptionsReportFormat {
}

#WFRReportHeaderOptionsReportGenerator div {
  float: left;
}

/********************************************/
/* WFRReportOrder: Janela de Ordena�§�£o do Relat�³rio*/
/********************************************/

/* Style da cor de fundo da janela de Ordena�§�£o do Relat�³rio*/
#WFRReportBackgroundOrder {
  float: left;
  width: 100%;
  background: #F1F1F1;
}


/* Style dos textos da janela de Ordena�§�£o do Relat�³rio*/
.WFRUserSelectReportOrder {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #3173AF;
}

/*Estilo dos bot�µes*/
.WFRReportButtonOrderOk,.WFRReportButtonOrderClose {
  width: 70px;
  height: 23px;
  border: 1px solid #A6A7B0;
  border-radius: 6px;
  cursor: pointer;
  color: #FFF;
  background: #B5B5B5;
  cursor: pointer;
  padding: 0;
  vertical-align: middle;
  outline: none;
}

.WFRReportButtonOrderOk:hover,.WFRReportButtonOrderClose:hover {
  background: #f2f2f2;
  color: #747474;
}

/********************************************/
/* AccessManager: Janela Modo Gerente*/
/********************************************/

#AccessManagerBackground {
  background: #F1F1F1;
}

#AccessManagerBackgroungTitleBar {
  background: #3173AF;
}

#perm_message font {
  color: #3173AF!important;
}

#AccessManagerFontTitleAccessPermissions {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #3173AF;
  font-weight: bold;
}

#AccessManagerFontTitleOptionBar {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FFF;
  font-weight: bold;
}

#AccessManagerFontText {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #3173AF;
}

#AccessManagerFontMenu {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #3173AF;
  font-weight: bold;
}

#AccessManagerFontUpdateGroups {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #3173AF;
  font-weight: bold;
}

#AccessManagerAccessPermissionsBackground {
  background: #ffffff;
}

/********************************************/
/*                MENU: Atalhos             */
/********************************************/

.HTMLMenuShortCut {
  width: 40px;
  height: 40px;
  position: absolute;
  z-index: 1000;
}


.HTMLMenuShortCut > img {
  position: absolute;
  width: 40px;
  height: 40px;
}

.HTMLMenuShortCut > span {
  position: absolute;
  top: 40px;
  text-align: center;
  width: 80px;
  left: -50%;
  overflow-wrap: break-word;
}

/********************************************/
/*              ORGANOGRAMA               */
/********************************************/

/*CLASSES API*/

.google-visualization-orgchart-lineleft{
  border-left: 1px solid #2980b9;
}

.google-visualization-orgchart-linebottom{
  border-bottom: 1px solid #2980b9; 
}

.google-visualization-orgchart-lineright{
  border-right: 1px solid #2980b9;  
}

.GoogleChartOrg {
  text-align: center;
  vertical-align: middle;
  font-family: arial,helvetica;
  cursor: pointer;
  border-radius: 3px;
  background: #ECECEC;
  border: 1px solid #ADBBC3;
  color: #3E4244;
  min-width: 40px;
  /* box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.1); */
}

.GoogleChartOrg:hover {
  background: #E9E9E9;
}

.GoogleChartOrgSelected {
  border: 1px solid #3781B1;
  background: #2980B9;
  color: #fff;
  min-width: 40px;
  overflow: hidden;
  position: relative;
}

.GoogleChartOrgSelected:before {
  content:'';
  width: 100%;
  height: 0;
  left: 0;
  top: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  position: absolute;
  display: block;
  background-color: rgba(0, 0, 0, 0.2);

  -webkit-animation: selectedorgan 0.3s ease-in-out;
  -moz-animation: selectedorgan 0.3s ease-in-out;
  -ms-animation: selectedorgan 0.3s ease-in-out;
  -o-animation: selectedorgan 0.3s ease-in-out;
  animation: selectedorgan 0.3s ease-in-out;

  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.GoogleChartOrgSelected:hover {
  background: #3498db;
}

/* -- Animação dos itens selecionados -- */
@-webkit-keyframes selectedorgan {
  0%   { height: 0; opacity: 1;}
  100% { height: 100%; opacity: 0;}
}

@-moz-keyframes selectedorgan {
  0%   { height: 0; opacity: 1;}
  100% { height: 100%; opacity: 0;}
}

@-o-keyframes selectedorgan {
  0%   { height: 0; opacity: 1;}
  100% { height: 100%; opacity: 0;}
}

@keyframes selectedorgan {
  0%   { height: 0; opacity: 1;}
  100% { height: 100%; opacity: 0;}
}

/********************************************/
/*              Localizar                   */
/********************************************/
.CustomTabSearch > div {
  position: relative;
  width: calc(100% - 72px);
  height: 45px;
  overflow-x: hidden;
  overflow-y: auto;
}

#busca_acao{
  width: 72px;
  transition: 1s all;
}

#div_busca_rodape{
  bottom: -3px!important;
  width: 100%;
  overflow: hidden;
}

#div_busca_avancada_container{
  width: 100%;
}

.CustomTabSearch img {
  float: right;
  margin: 2px;
  z-index: 3;
  cursor: pointer;
}


.CustomTabSearch > div > span {
  text-align: left; 
  float: right; 
  margin: 7px; 
  font-weight: bold;
}

.CustomTabSearch > tr {
  text-align: center;
  cursor: pointer;
}

#div_busca_avancada{
  position: absolute;
  height: calc(100% - 24px);
  display: table;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.619608);
  font-size: 15px;
  width: 100%;
}

#div_busca_avancada{
  position: absolute;
  height: calc(100% - 24px);
  display: table;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.619608);
  font-size: 15px;
  width: 100%;
}

#div_busca_avancada > div{
  width: 200px;
  background: #fff;
  text-align: center;
  position: relative;
  margin: 0 auto;
  vertical-align: middle;
  max-width: 200px;
  top: 75px;
  cursor: pointer;
  padding-top: 10px;
  word-break: break-all;
  max-height: 200px;
  overflow: auto;
}

#div_busca_avancada > div > div:hover:not(:last-child) {
  background: #78bff3;
  color: #fff;
  position: relative;
  
}

#div_busca_avancada > div > div:not(:last-child) {
  border-bottom: 1px solid #ccc;
}

.HTMLNavigationGrid {
  width: 100%;
  height: 25px !important;
  margin-top: -2px;
}

.HTMLNavigationGrid .HTMLButton {
  margin-right: 3px;
  border-radius: 0;
  height: 25px !important;
  float: left;
}
.HTMLNavigationGrid .HTMLButton button {
  height: 25px !important;
  width: 100% !important;
  cursor: pointer;
}

.HTMLTable button {
  height: 25px !important;
  cursor: pointer;
}

.HTMLNavigationGrid [title="Ok"]{
  background: red !important;
}

.grid button[title="Cancelar"]{
  background-color: #DADADA !important;
  color: #80808F;
  border: solid 1px silver;
}

.grid button[title="Ok"]{
    border: solid 1px #2d6398 !important;
    background: #376ca0 !important;
}

.grid button[title="Ok"]:hover{
    background: #376ca0 !important;
}

.HTMLNavigationGrid .HTMLNavigationGridButton-Include > button, .HTMLTable [id*="div_botoes"] button:nth-child(1) {
  position: absolute;
  float: left;
  padding-right: 20px;
  border-radius: 2px;
  border: solid 1px #2d6398 !important;
  background: url(mkgrid-incl.png) no-repeat center #376ca0 !important;
  background-size: 12px !important;
}

.HTMLNavigationGrid .HTMLNavigationGridButton-Include > button:hover,
.HTMLTable [id*="div_botoes"] button:nth-child(1):hover {
  background-color: #2d6398 !important;
}

.HTMLNavigationGrid .HTMLButton button img,
.HTMLTable button img {
  display: none;
}

.HTMLNavigationGrid .HTMLNavigationGridButton-Edit > button,
.HTMLTable button:nth-child(2) {
  background: url("mkgrid-alt.png") no-repeat center 5px #2595E4 !important;
  background-size: 13px !important;
  border: solid 1px #2187D0;
  border-radius: 3px;
}

.HTMLNavigationGrid .HTMLNavigationGridButton-Edit > button:hover,
.HTMLTable button:nth-child(2):hover {
  background-color: #3D97D8 !important;
}

.HTMLNavigationGrid .HTMLNavigationGridButton-Delete > button,
.HTMLTable button:nth-child(3) {
  background: url("mkgrid-del.png") no-repeat center 5px #F44336 !important;
  background-size: 13px !important;
  border: solid 1px #F44336;
  border-radius: 3px;
}

.HTMLNavigationGrid .HTMLNavigationGridButton-Delete > button:hover,
.HTMLTable button:nth-child(3):hover {
  background-color: #f95240 !important;
}

.HTMLNavigationGrid .HTMLNavigationGridButton-Refresh > button {
  background: url("mkgrid-reft.png") no-repeat center 3px #D8D9DA !important;
  background-size: 17px !important;
  border: solid 1px #B2B9BF;
}

.grid button[title="Cancelar"],
.grid button[title="Cancel"],
.grid button[title="Annuler"], {
  background-color: #DADADA !important;
  color: #80808F;
  border: solid 1px silver;
}

.HTMLButton button:disabled,
.HTMLButton button:disabled:hover {
	cursor: default;
	background-color: #dcdcdc !important;
    border-color: #c5c5c5 !important;
    border-radius: 4px;
	color: #8f8f8f !important;
	outline: none;
}

.HTMLButton button[readonly=readonly] {
  cursor: default;
}

/*******************************************/
/*            PESQUISA DO MENU             */
/*******************************************/
.DocumentSearchItens{
  top: 0;
  left: 0;
  width: 250px;
  position: relative;
  min-height: 40px;
}

.DocumentSearchItens > input{
  position: relative;
  top: 0;
  width: 100%;
  min-height: 40px;
  background: transparent;
  border: none;
  color: rgb(20, 20, 20);
  line-height: 17px;
  text-align: left;
  text-indent: 15px;
  font-size: 13px;
  font-family: 'segoeWp', Arial, Sans-Serif;
  background-color: #376a9c/*rgb(39,113,110)*/;
  outline: none;
}

.DocumentSearchItens > input:focus {
 background-color: #fff;
}

.resultSearchList{ 
  width: 100%;
}

.resultSearchList #result-item-selected{
  background: url("arrow-selected-search.png") no-repeat center right 15px rgba(103, 106, 109, 0.8);
  background-size: 6px;
  padding-right: 13px;
}

.DocumentSearchItens > ul{
  position: relative;
  width: 100% !important;
  left: 0;
  font-size: 10pt;
  line-height: 30px;
  text-indent: 5px;
  padding: 0;
  margin: 0;
  color: #a4babb;
}

.DocumentSearchItens > .HTMLImage {
  left: 235px !important;
  border: none;
  top: 7px !important;
  box-shadow: none;
}

.DocumentSearchItens > ul > li { padding: 0;}
.DocumentSearchItens > ul > li:hover { background-color: rgba(250, 250, 250, 0.1); }

.DocumentSearchItens > ul > li > a {
  text-decoration: none;
  color: rgb(255, 255, 255);
  display: block;
  text-decoration: none;
  line-height: 17px;
  padding-left: 8px;
  padding-right: 7px;
  padding-top: 6px;
  padding-bottom: 5px;
  font-size: 11.5px;
  border-bottom: solid 1px rgba(255, 255, 255, 0.4);
}

.DocumentSearchItens .close-result {
  font-size: 20px;
  position: absolute;
  top: 0;
  right: 0px;
  background-color: #EAEAEA;
  background: url("search-menu-close.png") no-repeat center center #EFEFEF;
  background-size: 15px;
  cursor: pointer;
  padding: 4px 12px 9px 13px;
  border: none;
  height: 40px;
  width: 35px;
  outline: none;
  opacity: 0.8;
}

.DocumentSearchItens .close-result:hover { opacity: 1;}
.DocumentSearchItens .close-result:active { background-color: #D4D4D4; }

.result-way {
  display: none;
  position: fixed;
  left: 234px;
  top: 100px;
  white-space: pre;
  line-height: 2;
  padding: 2px 5px;
  color: black;
  cursor: default;
  background-color: #ecf0f1;
  font-size: 10px;
  font-family: arial;
  opacity: 0.9;
  border: solid 1px #d8ddde;
}

.resultSearchList li:hover .result-way,
.resultSearchList li#result-item-selected .result-way {
  display: block;
}

.resultSearchList li span {color: #e2e2e2;}
.resultSearchList li b {font-weight: 100;}

@media screen and (max-width: 479px) {
  .DocumentSearchItens {
      width: 100% !important;
      height: 50px !important;
    }

  .DocumentSearchItens > input {
    width: 100%;
    margin-left: 0;
    min-height: 50px;
    font-size: 18px;
    line-height: 1.5;
  }

  .DocumentSearchItens > ul > li > a {
    font-size: 16px;
    line-height: 25px;
    text-indent: 5px;
  }

  .DocumentSearchItens .close-result{
    height: 50px;
    width: 55px;
  }

  .DocumentSearchItens > ul {
    font-size: 15pt;
    line-height: 50px;
    text-indent: 15px;
  }
}

/* Específicas do sistema*/
#param {
  left: auto !important;
  float: right !important;
  right: 0;
}

#MenuConf > div {
  position: relative !important;
  left: auto !important;
  float: right !important;
  right: 0 !important;
}

#boxIcons {
  position: absolute;
  left: auto !important;
  float: right;
  right: 0;
  border-radius: 0 0 0 2px;
  min-height: 5px !important;
  background: #084886 !important;
  padding: 5px 5px;

  animation-name: dropdown;
  animation-duration: 0.3s;
  animation-iteration-count: 1;
  -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
  box-shadow: 0 2px 10px rgba(0,0,0,.2);
}

#boxIcons > div {
    left: 0 !important;
    float: left;
    position: relative !important;
    top: auto !important;
    width: 24.58% !important;
    margin-left: -1px;
    margin-bottom: -1px;
    border: solid 1px #1f619c;
}

#boxIcons > div:hover  {
  background-color: #91a7b4;
}
#boxIcons > div[style*="visibility: hidden"],
#MenuConf > div[style*="visibility: hidden"],
#boxIcons[style*="visibility: hidden"]{
    display: none !important;
}


/* --  Aba Dashboard Fixa  -- */
#DashboardAbaPrincipal {
  width: 47px !important;
  height: 25px;
  top: 53px;
  display: block;
  right: 0px;
  position: fixed;
  z-index: 99999;
  background: #084886;
  padding-left: 20px;
  border-left: solid 4px #5274b3;
}

.HTMLTabComponentRow > tbody > tr > td:last-child {
  padding-right: 40px;
  padding-left: 2px;
}

#DashboardAbaPrincipal:hover {
  background: #012e58;
}

#DashboardAbaPrincipal a {
  width: 53px !important;
  float: right;
}

#DashboardAbaPrincipal a:before {
  content: '\e808';
  font-family: "webicon-freire-pack";
  margin-top: 7px;
  margin-left: 15px;
  left: 8px;
  font-style: normal;
  font-weight: 100;
  font-size: 15px;
  speak: none;
  display: inline-block;
  color: #fff;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#DashboardAbaPrincipal a span {
  display: none !important;
} 

#DashboardAbaPrincipal + [class*="HTMLTabComponentUndock"],
#DashboardAbaPrincipal + [class*="HTMLTabComponentUndock"] + [class*="HTMLTabComponentClose"] {
  display: none !important;
}


/********************************************/
/*              Animations                 */
/********************************************/

@-webkit-keyframes dropdown {
    from { margin-top: -30px; opacity: 0;}
    to   { margin-top: 0; opacity: 1;}
}
@-moz-keyframes dropdown {
    from { margin-top: -30px; opacity: 0;}
    to   { margin-top: 0; opacity: 1;}
}
@-o-keyframes dropdown {
    from { margin-top: -30px; opacity: 0;}
    to   { margin-top: 0; opacity: 1;}
}
@keyframes dropdown {
    from { margin-top: -30px; opacity: 0;}
    to   { margin-top: 0; opacity: 1;}
}


/********************************************/
/*             REPORT DESIGN                */
/********************************************/
.layReportDesign .HTMLTabArea{
  background-image: url('ReportDesignImages/BackgroundReport.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.ReportDesign-Topo{
  left:0px!important;
  background-color: #1f619c;
}

.ReportDesign-Base{
  left:0px!important;
  opacity: 0.450;
  background: #141619; /* Old browsers */
}

#ReportDesign-Formato>div:first-child{
  left:-56px!important;
  color:#fff;
}

#ReportDesign-Texto>div>div{
  color:#fff;
}

#ReportDesign-PDF>div>div{
  background:#38A19D!important;
  color:#fff;
  border-radius:4px;
}

.ReportDesignHTMLGroupBox-Top{
  border-top: 1px solid rgb(190, 190, 190);
} 

.ReportDesignButton button{
  background: #38BDB9;
  border-bottom: 3px solid #2DA9A6;
  color: #FFFFFF;
  border-top:none;
  border-left:none;
  border-right:none;
  cursor: pointer;
}

.ReportDesignButton button:hover {
  background: #2DA9A6;
}

/*    ----  REPORT DESIGN - Visualizar - Categoria  ----    */

.layReportCategory .HTMLTabArea{
  background-image: url('ReportDesignImages/BackgroundReport.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.layReportCategory .RDExportMainClass{
  position: absolute;
  left: 8px;
  top: 155px;
  height: 455px;
  width: 561px;
  overflow-x: hidden;
}

.layReportCategory .RDExportEvenRow{
position: relative;
height: 30px;
width: 540px;
font-size: 12px;
background: #F5F5F5;
transition: all 0.5s;
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;      /* TWEENER - IE 10 */
display: -webkit-flex;     /* NEW - Chrome */
display: flex;     

}

.layReportCategory .RDExportOddRow{
position: relative;
height: 30px;
width: 540px;
font-size: 12px;
background: #fff;
transition: all 0.5s;
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;      /* TWEENER - IE 10 */
display: -webkit-flex;     /* NEW - Chrome */
display: flex; 
}

.layReportCategory .RDExportCellName{
  position: relative; 
  height: 100%;
  /*width: 80%;*/
  border-right: 1px solid #EAEAE1;
  padding-left: 4px;
}

.layReportCategory .RDExportCellView{
  position: relative; 
  height: 100%;
  /*width: 20%;*/
  text-align: center;
}

.layReportCategory .HTMLLabel>div>div {
  color: #ffffff !important;
}

.layReportCategory .RDExportCellView > img {
  padding-right:10px;
}

.layReportCategory .HTMLGroupBox {
  border: none;
}

.layReportCategory .HTMLEdit input {
  border: none;
}

.layReportCategory .HTMLEdit input:focus {
  box-shadow: none !important;
}

.layReportCategory .HTMLLookup input {
  border: none;
}

.layReportCategory .RDExportMainClass {
  width: 560px !important;
  left: 16px !important;
  top: 170px!important;
}

/*    ----  REPORT DESIGN - Jasper - Lista de Buscas  ----    */
/*    ----  REPORT DESIGN - Jasper - Lista de Buscas  ----    */

.RDExportMainClass{
  position: absolute;
  left: 8px;
  top: 135px;
  height: 310px;
  width: 561px;
  overflow-y: auto;
  overflow-x: hidden;
  border-bottom: 1px solid rgb(190, 190, 190);
 
}

.RDExportEvenRow{
  position: relative;
  height: 30px;
  line-height: 30px;
  text-indent: 10px;
  width: 100%;
  background: #FAFAFA;
  cursor: pointer;
  letter-spacing: 0.6px;
  border-left:solid 3px rgb(244, 244, 244);
}

.RDExportEvenRow:hover {
  background-color: rgb(239, 239, 239); 
  border-left-color: rgb(105, 224, 193);
}

.RDExportOddRow{
  position: relative;
  height: 30px;
  line-height: 30px;
  text-indent: 10px;
  width: 100%;
  background: #F4F4F4;
  cursor: pointer;
  letter-spacing: 0.6px;
  border-top: solid 1px rgb(228, 228, 228);
  border-bottom: solid 1px rgb(231, 231, 231);
  border-left:solid 3px rgb(244, 244, 244);
}

.RDExportOddRow:hover {
 background-color: rgb(239, 239, 239); 
 border-left-color: rgb(105, 224, 193); 
}

.RDExportCellName{
  position: absolute; 
  left: 5px/*-6px*/;
  height: 100%;
  width: 100%;
  padding-left: 4px;
}

.RDExportCellRemove{
  position: absolute;
  right: 0;
  height: 100%;
  width: 40px;
  background-image: -moz-linear-gradient( 0deg, rgb(238,238,238) 0%, rgb(251,251,251) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(238,238,238) 0%, rgb(251,251,251) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(238,238,238) 0%, rgb(251,251,251) 100%);
  background-image: linear-gradient( 0deg, rgb(238,238,238) 0%, rgb(251,251,251) 100%);
  border-left: 1px solid rgb(221, 221, 221);
} 

.RDExportCellRemove:hover {
  box-shadow: inset 0px 0px 9px 1px rgb(240, 231, 231);
}

.RDExportCellRemove:hover > image {
  -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
  -ms-transform: rotate(360deg); /* IE 9 */
  transform: rotate(360deg);
  background-image: url('ReportDesignImages/removeListTrash.png');

}

.RDExportCellRemove > image{  
  background-image: url('ReportDesignImages/removeList.png');
  /*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAANkE3LLaAgAAAYFpQ0NQSUNDIFByb2ZpbGUAAHiclZHPKwRhGMc/70hK7MX4kVJzEHtY2rhQUnYPiMPalN29zc6MtTVm32Zeiz/AXbnJwY9ykpzkuH/AOimlpPwHSrlI4/DSXki+9dTn+fbU8wuMhi2lbwCbgQrz8xmrUCxZHQ8YGABgO5Gcy+WW+VVv9wiAuzFbSv/3uh/VFRaKJRAmYFY0JwGzrHkGMLeVVCBygOls2C4IF0iFq/ksiH0gUdF8DCTKmq+ARN2pKBANIB241QDECzDlepEDRhJQjgwVGEfAcKFYsvRoaglmh6Ct2fJKEVycQ/9Iy0sOQO8a3Ey2vNcVBCD6mtH65AQAoisD7U9x/DoCHQfwsR/H76dx/HEGbY/QCJytsP51FyFu4a9c76Zz/QPQfX9mvT8AaThZgLVOWNqDw2cYvYSea8h1w+o0otn8Dn0rAAaztl8th7byXCs/n7GyNb8WRtJ2vH+9/W8pb0cBZGtyN6xWNpQ1J6XvpazFwBlPWRPp9DSfkRtxAxNUmUoAAAAJcEhZcwAACxMAAAsTAQCanBgAAAQ6SURBVDiNjZJbbBRVGMd/M7M7u7OXznbptrTdtLSQ9IK0QkttjCUCacOThEgEQ8AEjSGS+KQJ8RZNfPOCRDRBbAgkhhhtawBj1kj7Aq0FtHZhG7Gm4IKUluzOXrq7s7cZH5YSqHj5v5yTc778vvP9zx/uU9rvfzVbW/sm/0Nx8OYaG4+lFeWxhxZkurpeMI8cSZj9/Qup7u59/waLgprbs+eEOTBgFg8cuKL5fGsX70SAQmvrXtuOHQdpaHDj9zuVbds+1Net2/8w2K/gdu3cecja17cbpxNxw4bV6q5dx7OyvGYRKI3Ozj4tzMy40DSYn0doaFDk7dvfS3V2PgCNQFnj1q2fWDdvfg5JgkgENI3E9PSaoUKhF8ACCEOaht7fz8ZMBkt3NySTCFVVitLb+76ez4v2ycmPJ8Hp2rLlsLWnZzeGAbEYGAbxU6cYDAQYu9tUAoyV0BQpFDZkp6aEBqsVqaoKUikEt9tiqajY+Fo0Kvja2nbLPT17kGXQddB1IgMDDI6McBnu/AGfTsOMBHANppZDeaZYXFucnhZW2O2IFRWQSoGiWCSfb5NUV/foPVg2SyIQ4PT584QgMQVvfQeDgCEB5CB1BUZXwLK8YawtzswINYClvLwEkGUwzdI+kyF29izfX7hACLQgvB6Ao0B+ceR7yZmE0UZQ88ViuxQOS3UVFeBwQDYL+TyYJrlgkB/Gx5mC+GV44wx8BhS4z8MH4vgzjPRC4xNNTW1l9fUgCKXXGQYUi2CzUUinCz/GYu8eg4OAcT9AWJqzrMvVIrS2HreuWrUeq7UEBBDF0mqaEImQC4UG5VRqn3D79p1/BKa93sdtsvy56PO1UF4OLhc4HCTn5pBkGYfLBfE4JJOg6xSy2WFN1/dV3rw5/TdgxuPZKCvKMdHprMdmA7sdysqI53JMTkwg22y0dXTgkGXIZEqe6jpGJvNTPJ3e6712LQggmiCmVfUZ2W4/KTqd9bhc4PFATQ2a3c5voRCz6XT0lqYtXA2FSLrdUFsLXi94PIiq2qG63V9lVq7cZIIgPSXLzTVO50nJ5VqO01kas7qamMXCjXPnuKFp4S/glTkYq1lY6DZjMcXR2opNVUsfBQiCsMwoFLoupdNfS/XFYnu1KO4t93qtgtsNfj9RQWB2eJjpaPTKCXh5CIYuwUUF/qxJJjvE2VnV2tSE3euFfB5D1wldvy4MxGJfSuuhujKXe1YyTZuzuZmEonAnEOCqpv1yFF46DSN3bTYnICjCTN3CQpccDnstLS0IkkR4bIzr8/NaEI5KcxBfAZWebHad1e8XE+PjTEQiwx/A/hG4sDRWQbgahcn6dHq1+9atWt00CYdC+kU4fAa+Xaxb9pHFcuj3zs7EN2VlgQ5oXgpaqieh84yqjk61t8fehncA19Kayj67/cVVsrz6v2CLesRq7eyz258H1MWzvwA+565RDjbZOAAAAABJRU5ErkJggg==');*/
  position: absolute;
  width: 40px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2;
  transition: 0.2s;
}

.RDExportInformationRow{
  position: relative; 
  height: 20px;
  width: 465px;
  background: #FFF;
  text-align: center;
}

.RDExportInformationRow{
  position: relative; 
  height: 20px;
  width: 465px;
  background: #FFF;
  text-align: center;
}

.ReportSelectFilter .HTMLTabArea {
  background-image: url('ReportDesignImages/BackgroundList.png') !important;
  background-size:100% 100%;
}

.ReportSelectButton button{
  background: #38BDB9;
  border-bottom: 3px solid #2DA9A6;
  color: #FFFFFF;
  border-top:none;
  border-left:none;
  border-right:none;
  cursor: pointer;
}

.ReportSelectButton button:hover {
  background: #2DA9A6;
}

/*    ----  REPORT DESIGN - Exportação  ----    */

.RDExportLay .RDExportMainClass{
  left: 8px;
  top: 115px;
  height: 335px;
  width: 561px;
  overflow-y: auto;
  overflow-x: hidden;
}

.RDExportLay .RDExportEvenRow{
  width: 561px;
}

.RDExportLay .RDExportOddRow{ 
  width: 561px;
}

.RDExportCellCheck{
  position: absolute; 
  left: -12px;
  height: 100%;
  width: 50px;
  text-align: left/*center*/;
  border-right: 1px solid #EAEAE1;
}

.RDExportCellCheck > input{
  cursor: pointer;
}

.RDExportLay .RDExportCellName{
  left: 51px;
}

/*    ----  REPORT DESIGN - Importação  ----    */

.HTMLLabel>div>div {
    cursor: default;
	background: rgba(255, 255, 255, 0);
}

.HTMLMenuHorizontal .HTMLMenu li:not(:last-child) {
    border-right: 1px solid #076969;
}

.HTMLMenuHorizontal .HTMLMenu {
    border-bottom: solid 2px #34b171;
}

.HTMLMenuHorizontal .HTMLMenu {
    background: #084886;
}

/*******************************************************/
/* CTP: Formulário Principal - Inicio                  */
/*******************************************************/

.top{
width:100%!important;
border-radius:0px!important;
min-width: 560px;
-webkit-box-shadow: 1px 0px 2px 0px rgba(32, 32, 32, 0.66);
-moz-box-shadow: 1px 0px 2px 0px rgba(32, 32, 32, 0.66);
-o-box-shadow: 1px 0px 2px 0px rgba(32, 32, 32, 0.66);
box-shadow: 1px 0px 2px 0px rgba(32, 32, 32, 0.66);
background-color:
}

.topmenu{
border-radius:0px!important;
background:rgb(4,68,68)!important;
top: 53px!important;
}

#Menu{
height: calc(100% - 107px)!important;
background: #084886;
}


.menudiv{
    top: 106px!important;
    width: 223px!important;
    height: calc(100% - 106px)!important;
    border-radius: 0px!important;
    z-index: 100000000!important;
    background: rgb(5, 89, 93)!important;

}

.MenuConf{
width: calc(100% - 22px)!important;
min-width: 838px;
border-radius:0px!important;
z-index:1!important;
}

.MenuConf1{
position: relative!important;
width:100%!important;
min-width: 838px;
height: 24px;
border-radius:0px!important;
background:#E3E3E3!important;
}

.Logo{
top: 7px;
margin: auto;
text-align: center;
}


#fotousr>#HTMLImageSelf{
border-radius:40px;

}

#fotousr{
position:relative!important;
float:right;
left: -22px!important;
top: 7px!important;
}

#fotousr>#HTMLImageWebCam, #HTMLImageZoom{
display:none!important;
}

.infousr{
position:relative!important;
left:0px!important;
float:right;
}

.infousr1{
position:relative!important;
left: 0px!important;
float:right;
background:rgba(8, 74, 71,0.88)!important;/*#3173AD!important;*/
}

.infousr1:hover{
background:#498ECF!important;
}
.infousr2{
position:relative!important;
left: 250px!important;
float:right;
}

.infousr2:hover{
background:rgba(8, 74, 71,0.88);
}

.Imgusuarios{
position: relative!important;
left: -208px/*48px*/!important;
top: 0px!important;
float: right;
opacity: 0.9;
}

.Imgusuarios:hover{
opacity: 1;
}

.Imgsair{
position: relative!important;
left: -308px!important;/*10*/
top: 0px!important;
float: right;
opacity: 0.9;
}

.Imgsair:hover{
opacity: 1;
}

.Imgrcistema{
position: relative!important;
left: -285px!important;/*10*/
top: 0px!important;
float: right;
opacity: 0.9;
}

.Imgrcistema:hover{
opacity:1;
}

.Imggrupos{
position: relative!important;
left: -302px!important;/*-64*/
top: 0px!important;
float: right;
opacity: 0.9;
}

.Imggrupos:hover{
opacity:1;
}

.Imgmasterskin{
position: relative!important;
left: -563px!important;/*347*/
top: 0px!important;
float: right;
opacity: 0.9;
}

Imgmasterskin:hover{
opacity:1;
}

.recarregarmenu{
position: relative!important;
left: -700px!important;/*-505*/
top: 0px!important;
float: right;
opacity: 0.9;
}

.recarregarmenu:hover{
opacity:1;
}

.Imglog{
position: relative!important;
left: -230px!important;/*235*/
top: 0px!important;
float: right;
opacity: 0.9;
}

.Imglog:hover{
opacity:1;
}

.Imgmdnormal{
position: relative!important;
left: -714px!important;/*-510px*/
top: 0px!important;
float: right;
opacity: 0.9;
}

.Imgmdnormal:hover{
opacity:1;
}

.Imgmdgerente{
position: relative!important;
left: -548px!important;/*-341*/
top: 0px!important;
float: right;
opacity: 0.9;
}

.Imgmdgerente:hover{
opacity:1;
}

.Imgmdprojeto{
position: relative!important;
left: -253px!important;
top: 0px!important;
float: right;
opacity: 0.9;
}

.Imgmdprojeto:hover{
opacity:1;
}

.SetaDown,
.SetaUp {
    left: auto !important;
    float: right;
    right: 0;
	background: #1f619c;
}

.SetaUp {
	background: #062f56;
}

.LblBemvindo{
position:relative!important;
float:right;
left:-29px!important;
overflow: hidden;
}

#Aba {
    width: calc(100% - 223px)!important;
    margin-left: 223px;
    position: relative!important;
    left: 0px!important;
    height: calc(100% - 52px) !important;
    z-index: -1!important;
    /* border-top: solid 1px rgb(255,255,255)!important; */
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
 
#Aba>div{
  width:100%!important;
  height: calc(100% - 26px)!important;
  z-index: 1!important;
  min-height: inherit!important;
  left:0px!important;
  border-top:solid 1px rgb(255,255,255)!important;
 }
 
#Aba>div>div{
  width:100%!important;
  height:100%!important;
  min-height: 100px!important;
  overflow:hidden!important;
  left:2px;
 }
 
#Aba>div>div>div{
  width:100%!important;
  height:calc(100% - 2px)!important
 }
 
#Aba>div>div>div>iframe{
  width:100%!important;
  height: calc(100% - 2px)!important;
/*  height:calc(100% - 107px)!important;*/
}

#ano>div>font{
	color:white!important;
  }

#ano>div>div{
	background: transparent!important;
  }  

#mes>div>font{
	color:white!important;
  }

#mes>div>div{
	background: transparent!important;
  }   

.HTMLTabArea{
    height: 100%!important;
}

.HTMLTabArea[style*="top: 19px;"] {
    height: calc(100% - 19px)!important;;
}

.HTMLTabContainer {
    height: 100%;
}

.HTMLTabContainer[style*="top: 0px;"] {
    height: calc(100% - 12px) !important;
    top : 8px !important;
}

#MenuListagem {
     width: 100%!important;
}

[id*="MenuListagem"] a::before {
    content: ""!important;
}

[id*="MenuListagem"] a {
    line-height: 20px!important;
}

#Listagens {
    width: 100%!important;
    height: calc(100% - 39px)!important;
    border: 0px solid #BFB8BF!important;
}

#Listagens > div{
     width: 100%!important;
    height: 100%!important;
}

#Listagens > div > iframe{
    height: 100%!important;
}

#lay {
    height: 100%!important;
}

#Aba {
    height: calc(100% - 52px) !important;
}

#Listagens {
    width: 100%!important;
    height: calc(100% - 41px)!important;
    border: 0px solid #BFB8BF!important;
}

#Empenhado.HTMLListagem {
	height: calc(100% - 28px)!important;
}

#liquida.HTMLListagem {
	height: calc(100% - 28px)!important;
}

#Pagamentos.HTMLListagem {
	height: calc(100% - 28px)!important;
}

#EmpLiqePago.HTMLListagem {
	height: calc(100% - 28px)!important;
}

#Receita.HTMLListagem {
	height: calc(100% - 28px)!important;
}

#Extra.HTMLListagem {
	height: calc(100% - 28px)!important;
}

.HTMLMenuHorizontal .HTMLMenu {
    background: rgb(4, 68, 68);
}

/*******************************************************/
/* CTP: Formulário Principal - Fim                     */
/*******************************************************/

/*******************************************************/
/* HTMLListagem: Componente Listagem                   */
/*******************************************************/
.HTMLListagem .HTMLImage{
  cursor: pointer;
  max-width: 30px;
}

.HTMLListagemFields {
   overflow: auto;
   height: calc(100% - 90px);
   width: 100%!important;
}

.HTMLListagemFields > div {
  width: 100%;
  height: 20px;
  display: inline-flex;
  position: relative;
  background: #e9ecec;
  overflow: hidden;
}

.HTMLListagemFields > div .HTMLCheckBox{
  display: inline-flex!important;
  position: relative!important;
  overflow: hidden!important;
  font-family: 'Open Sans', sans-serif, arial;
  font-size: 12px;
  font-weight: 500;
  color: #555B61;
  text-indent: 5px;
}

.HTMLListagemFields > div .HTMLCheckBox > input{
  margin-left: calc(50% - 7.5px);
}

.HTMLListagemFields > div .HTMLLabel{
  display: inline-flex!important;
  position: relative!important;
  overflow: hidden!important;
  font-family: 'Open Sans', sans-serif, arial;
  font-size: 10px;
  font-weight: 500;
  color: #555B61;
  text-indent: 5px;
  margin-top: 4px;
}

.HTMLListagemFields > div .HTMLComboBox{
  display: inline-flex!important;
  position: relative!important;
  overflow: hidden!important;
  font-family: 'Open Sans', sans-serif, arial;
  font-size: 12px;
  font-weight: 500;
  color: #555B61;
  text-indent: 5px;
}

.HTMLListagemFields > div .HTMLEdit {
    display: inline-flex!important;
    position: relative!important;
    overflow: hidden!important;
    font-family: 'Open Sans', sans-serif, arial;
    font-size: 12px;
    font-weight: 500;
    color: #555B61;
    text-indent: 5px;
}

.HTMLListagemFields > div .HTMLLabel > div > div {
    background: rgba(255, 255, 255, 0)!important;
}

.HTMLListagemNome {
    width: 50% !important;
  height: 20px !important;
}

.HTMLListagemVersao {
        width: calc(50% - 5px) !important;
    left: 50% !important;
    margin-left: 5px;
    height: 20px !important;
}

.HTMLListagemSeparador > div:nth-child(1){
        margin-top: 2px;
}

.HTMLListagemFieldsEven {
    background: white!important;
}

.HTMLListagemHeader > div > div {
    margin-top: 3px;
}

.HTMLListagemHeader > div {
    margin-top: 0px!important;
}

.HTMLListagemMostrar {
    width: 38px !important;
}

.HTMLListagemAgrupar {
    width: 48px !important;
}

.HTMLListagemSomar {
    width: 38px !important;
}

.HTMLListagemTamanho {
    width: 50px!important;
}

.HTMLListagemMascara {
  max-width: 85px!important;
}

.HTMLListagemTipoOrdem {
  max-width: 106px!important;
}

.HTMLListagemOrdem {
  max-width: 50px!important;
}

.HTMLListagemOperador {
  max-width: 104px!important;
}

.HTMLListagemFiltro_Inicial > div {
    left: calc(100% - 23px)!important;
}

.HTMLListagemFiltro_Inicial input {
    text-align: left !important;
}

.HTMLListagemFiltro_Final > div {
    left: calc(100% - 23px)!important;
}

.HTMLListagemFiltro_Final input {
    text-align: left !important;
}

@font-face {
  font-family: 'makerlistagem';
  src: url('fonts//makerlistagem.eot?80657051');
  src: url('fonts//makerlistagem.eot?80657051#iefix') format('embedded-opentype'),
       url('fonts//makerlistagem.woff2?80657051') format('woff2'),
       url('fonts//makerlistagem.woff?80657051') format('woff'),
       url('fonts//makerlistagem.ttf?80657051') format('truetype'),
       url('fonts//makerlistagem.svg?80657051#makerlistagem') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "makerlistagem";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;

  font-variant: normal;
  text-transform: none;
 
  line-height: 1em;
 
  margin-left: .2em;
 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
}

.icon-picture:before { content: '\e800'; } 
.icon-mail:before { content: '\e801'; } 
.icon-trash-empty:before { content: '\e802'; } 
.icon-trash:before { content: '\e803'; } 
.icon-cancel-circled-outline:before { content: '\e804'; } 
.icon-cancel-circled:before { content: '\e805'; } 
.icon-floppy:before { content: '\e806'; } 
.icon-floppy-1:before { content: '\e807'; } 
.icon-cancel:before { content: '\e808'; } 
.icon-cancel-circled2:before { content: '\e809'; } 
.icon-plus:before { content: '\e80a'; } 
.icon-left-open-big:before { content: '\e80b'; } 
.icon-right-open-big:before { content: '\e80c'; } 
.icon-up-open-big:before { content: '\e80d'; } 
.icon-down-open-big:before { content: '\e80e'; } 
.icon-ccw:before { content: '\e80f'; } 
.icon-arrows-ccw:before { content: '\e810'; } 
.icon-arrow-combo:before { content: '\e811'; } 
.icon-search:before { content: '\e812'; } 
.icon-home:before { content: '\e813'; } 
.icon-cancel-1:before { content: '\e814'; } 
.icon-cancel-circled2-1:before { content: '\e815'; } 
.icon-ok:before { content: '\e816'; } 
.icon-ok-1:before { content: '\e817'; } 
.icon-ok-circled2:before { content: '\e818'; } 
.icon-ok-2:before { content: '\e819'; } 
.icon-ok-3:before { content: '\e81a'; } 
.icon-attach:before { content: '\e81b'; } 
.icon-export:before { content: '\e81c'; } 
.icon-code:before { content: '\e81d'; } 
.icon-attention:before { content: '\e81e'; } 
.icon-bell:before { content: '\e81f'; } 
.icon-resize-small:before { content: '\e820'; } 
.icon-resize-full:before { content: '\e821'; } 
.icon-down:before { content: '\e822'; } 
.icon-left:before { content: '\e823'; } 
.icon-right:before { content: '\e824'; } 
.icon-up:before { content: '\e825'; } 
.icon-user:before { content: '\e826'; } 
.icon-play:before { content: '\e827'; } 
.icon-camera:before { content: '\e828'; } 
.icon-zoom-in:before { content: '\e829'; } 
.icon-zoom-out:before { content: '\e82a'; } 
.icon-location:before { content: '\e82b'; } 
.icon-lock:before { content: '\e82c'; } 
.icon-lock-open:before { content: '\e82d'; } 
.icon-block:before { content: '\e82e'; } 
.icon-clock:before { content: '\e82f'; } 
.icon-export-1:before { content: '\e830'; } 
.icon-cog:before { content: '\e831'; } 
.icon-layers:before { content: '\e832'; } 
.icon-trash-1:before { content: '\e833'; } 
.icon-menu:before { content: '\f0c9'; } 
.icon-sitemap:before { content: '\f0e8'; } 
.icon-doc-text:before { content: '\f0f6'; } 
.icon-database:before { content: '\f1c0'; } 
.icon-file-pdf:before { content: '\f1c1'; } 
.icon-file-word:before { content: '\f1c2'; } 
.icon-file-excel:before { content: '\f1c3'; } 
.icon-file-code:before { content: '\f1c9'; } 
.icon-sliders:before { content: '\f1de'; } 

.icon-formatos {
    position: relative;
    display: inline-block;
    font-size: 20px;
    padding-left: 1px;
    padding-right: 1px;
    opacity: 0.9;
}

.icon-formatos:hover {
    opacity: 1;
    cursor: pointer;
}

.HtmlMsgListagem {
    height: 40px;
    width: 334px;
    background: rgb(231, 231, 229);
    top: calc(50% - 20px);
    position: absolute;
    margin-left: calc(50% - 167px);
    z-index: 99;
    border-radius: 20px;
    display: none;
}

.HtmlMsgListagem > span{
    width: 97%;
    height: 24px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    left: 11.5%;
    font-size: 14px;
    font-weight: bold;
    color: #7d7d7c;
}

.HTMLListagemUsuario {
    width: 20%!important;
    left: 80%!important;
    text-align: -webkit-right;
    text-align: right;
}

.ui-load:after {
    position: absolute;
    content: '';
    top: calc(50% - 6px);
    left: 11px;
    margin: -.64285714em 0 0 -.64285714em;
    width: 1.8em;
    height: 1.8em;
    -webkit-animation: spin .6s linear;
    animation: spin .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #6e7075 transparent transparent;
    border-style: solid;
    border-width: .2em;
    box-shadow: 0 0 0 1px transparent;
}

.ui-load:before {
    position: absolute;
    content: '';
    top: calc(50% - 6px);
    left: 11px;
    margin: -.64285714em 0 0 -.64285714em;
    width: 1.8em;
    height: 1.8em;
    border-radius: 500rem;
    border: 0.2em solid rgba(0, 0, 0, 0.1);
}

/* Animations */
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/*******************************************************/
/* HTMLListagem: Componente Mala Direta                */
/*******************************************************/

.MalaDireta {    
    height: 100%;
    width: 30px;
    background: white;
    z-index: 10;
    display: block;
    position: absolute;
    -webkit-transition: width 1s;
    transition: width 1s;
    float: right;
    right: 0px;
}

.ExibicaoMalaDireta {
   height: 100%;
   width: 30px;
   position: absolute;
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateX(0);
    transform: translateX(0);
    }
    40% {
    -moz-transform: translateX(-5px);
    transform: translateX(-5px);
    }
    60% {
    -moz-transform: translateX(-2px);
    transform: translateX(-2px);
    }
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    }
    40% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
    }
    60% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    }
    40% {
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
    }
    60% {
    -moz-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
    }
}

.arrow {
    position: absolute;
    left: 0px;
    top: calc(50% - 55px);
    margin-left: -5px;
    margin-top: 0px;
    width: 40px;
    height: 55px;
    cursor: pointer;
    z-index: 999998;
    transition: all 0.5s ease-in-out, opacity 0.3s;
}

.arrow div {
    position: absolute;
    width: 40px;
    height: 52px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAwCAYAAACfbhNRAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAA9ElEQVR42uzYMQ7DIAwFUNvq1qZLpNz/eq2UpVFmujBVVYvhf8MAEwIJPQVsHDSlJL2byQBtIoZCXL4NPvcdsfZLRJbcP0XkJiKyrWsZAtA+Q+6axzRqO5J3zgIBIQcz9Y6O1DtEPYCDgfB+gTsa4QUoejtggFoEFFCDgAO8CArAg6ABShFUQAmCDviHCAH8QoQBUHeHti7QijhGKHSXXEtSEBoJMdBeN0EMeOiqIQY+/VUQI4ShG2KkfOCCeEOUAqnJE3BIbbKCQloyJgzSmra9kMcIt+jG/BftXk/QKqtQCOOlRr1zrNc79eB0PitPxIiI9wDoOSxpNjDwdQAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: 40px;
}

.ContextMenu {
    position: relative;
    z-index: 99999;
    box-shadow: #a2a2a2 3px 4px 10px;
    display: block;
    overflow: overlay;
    background: white;
    top: 10px;
    width: 250px !important;
    display : none;
}

#HTML {
    display: inline-flex !important;
}

.ContextMenu {
    position: absolute;
    z-index: 99999;
    box-shadow: #a2a2a2 3px 4px 10px;
    display: block;
    background: white;
    top: 22px;
    width: 200px !important;
    display: none;
}

.ContextMenu > menu > menuitem {
    width: 88%;
    height: 18px;
    font-size: 11px;
    display: block;
    padding: 6px 11px 0px 12px;
    border-bottom: solid 1px rgba(103, 103, 103, 0.1);
    cursor: pointer;
}

.ContextMenu > menu > menuitem:hover {
    background: #eaeaea;
}

#contextmenu {
    max-height: 500px;
}

div#btnlogin {
    border: 1px solid #4a76ba;
    border-radius: 4px;
    background: #0f4b7e;
}

div#btnlogin :hover{
    background: #0f6cc5;
}