/*****************************************/


/*             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");
body {
    font-family: arial, sans-serif;
    font-size: 10px;
    color: #6e6e6e;
    background: #f1f1f1;
}


/*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-style: dotted;
    outline-width: 1px;
}

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-size: 10px;
    /* 14px; / Modificado pela ACTROM */
    color: #000000;
}

.b {
    font-size: 11px;
    font-weight: bold;
}

.u {
    font-weight: bold;
    text-decoration: underline;
}

.des {
    color: #FE5400;
}

.label {
    font-size: 11px;
}

.edit {
    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-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-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-size: 11px;
    border-right: 1px solid #D3D1D1;
    border-left: 1px solid #D3D1D1;
    border-top: 1px solid #D3D1D1;
    border-bottom: 1px solid #D3D1D1;
}

.duallistMark {
    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-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-size: 11px;
    border-right: 1px solid #ff0000;
    border-left: 1px solid #ff0000;
    border-top: 1px solid #ff0000;
    border-bottom: 1px solid #ff0000;
    background: #E6F2FF;
}

.editLogon {
    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-size: 11px;
    border-right: 1px solid #D3D1D1;
    border-left: 1px solid #D3D1D1;
    border-top: 0px solid #FFFFFF;
    border-bottom: 1px solid #D3D1D1;
}

.lookupSearchInput {
    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 #3173AF;
    background: #E6F2FF;
    margin: 0px;
}

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

.gridDiv:hover {
    border: 1px solid #3173AF;
}

.MenuConf {
    height: 42px !important;
}

.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: 1px solid #A6A7B0;
    border-radius: 6px;
    cursor: pointer;
    color: #FFF;
    background: #B5B5B5;
    cursor: pointer;
    padding: 0;
    vertical-align: middle;
    outline: none;
}

.HTMLButton button:enabled:hover {
    background: #f2f2f2;
    color: #747474;
}

.HTMLButton button:focus {
    background: #f2f2f2;
    color: #747474;
    outline: none;
}

.HTMLButton button:disabled {
    cursor: default;
    background: #fefefc;
    color: #dfdfdf;
    border: 1px solid #dfdfdf;
    outline: none;
}

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

.HTMLButton button,
.HTMLButton span {
    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: �rea 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: #e8e8e8;
    float: left;
    height: 22px;
    display: inline;
    cursor: pointer;
    padding-top: 6px;
    padding-left: 6px;
    padding-right: 6px;
    margin-right: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.HTMLTab div {
    float: left;
}

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

.HTMLTab-Selected {
    background: #f1f1f1;
    float: left;
    height: 22px;
    display: inline;
    cursor: pointer;
    padding-top: 6px;
    padding-left: 6px;
    padding-right: 6px;
    margin-right: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.HTMLTab-Selected div {
    float: left;
}

.HTMLTab img {
    display: none;
}

.HTMLTab-Selected img {
    display: none;
}


/*****************************************/


/* HTMLTabController: �rea das Abas      */


/*****************************************/

.HTMLTabController {
    top: -8px;
    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: 42px;"] {
    top: 10px!important;
}

.HTMLTabContainer[style*="top: 62px;"] {
    top: 29px!important;
    /* 62px!important; / Alterado pela ACTROM */
}

.HTMLTabContainer[style*="top: 0px;"] {
    top: 8px!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;
    width: 100%;
}

.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 Op��o     */


/*****************************************/

.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-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:not([type='checkbox']) {
    font-size: 10px;
    background: #FFFFFF;
    border-right: 1px solid #D3D1D1;
    border-left: 1px solid #D3D1D1;
    border-top: 1px solid #D3D1D1;
    border-bottom: 1px solid #D3D1D1;
    border-radius: 7px;
    padding-left: 2px;
    padding-right: 2px;
    outline: none;
    height: 100%!important;
    width: 100%!important;
}

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

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

.HTMLEdit input:disabled {
    background: #ebebe4;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.HTMLEdit input[readonly=readonly] {
    background: #E5F3FF;
}

.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 {
    display: inline-block;
}

.HTMLNavigationForm {
    width: 100%;
    height: 28px;
    padding-top: 0px;
    position: absolute;
    top: 0px;
    text-align: right;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.HTMLNavigationForm img {
    width: 28px;
    height: 28px;
}

.HTMLNavigationForm .HTMLNavigationFormButton,
.HTMLNavigationButton {
    display: inline-block;
    position: relative;
    padding-left: 0px;
}


/*Barra de Fundo da Navega��o*/

.HTMLNavigationFormBar {
    width: 100%;
    height: 29px;
    background: #CFCFCF;
}

.HTMLNavigationFormButton-pt_BR img {
    background: url('HTMLNavigationForm/navIcons.gif');
}

.HTMLNavigationFormButton-en_US img {
    background: url('HTMLNavigationForm/en_US/navIcons.gif');
}

.HTMLNavigationFormButton-es_ES img {
    background: url('HTMLNavigationForm/es_ES/navIcons.gif');
}

.HTMLNavigationFormButton-fr_FR img {
    background: url('HTMLNavigationForm/fr_FR/navIcons.gif');
}


/*Bot�es da Barra de Navega��o*/

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

.HTMLNavigationFormButton-Include-Des img {
    background-position: -28px;
}

.HTMLNavigationFormButton-Include-Over img {
    background-position: -56px;
}

.HTMLNavigationFormButton-Edit img {
    background-position: -84px;
}

.HTMLNavigationFormButton-Edit-Des img {
    background-position: -112px;
}

.HTMLNavigationFormButton-Edit-Over img {
    background-position: -140px;
}

.HTMLNavigationFormButton-First img {
    background-position: -168px;
}

.HTMLNavigationFormButton-First-Des img {
    background-position: -196px;
}

.HTMLNavigationFormButton-First-Over img {
    background-position: -224px;
}

.HTMLNavigationFormButton-Previous img {
    background-position: -252px;
}

.HTMLNavigationFormButton-Previous-Des img {
    background-position: -280px;
}

.HTMLNavigationFormButton-Previous-Over img {
    background-position: -308px;
}

.HTMLNavigationFormButton-Next img {
    background-position: -336px;
}

.HTMLNavigationFormButton-Next-Des img {
    background-position: -364px;
}

.HTMLNavigationFormButton-Next-Over img {
    background-position: -392px;
}

.HTMLNavigationFormButton-Last img {
    background-position: -420px;
}

.HTMLNavigationFormButton-Last-Des img {
    background-position: -448px;
}

.HTMLNavigationFormButton-Last-Over img {
    background-position: -476px;
}

.HTMLNavigationFormButton-Delete img {
    background-position: -504px;
}

.HTMLNavigationFormButton-Delete-Des img {
    background-position: -532px;
}

.HTMLNavigationFormButton-Delete-Over img {
    background-position: -560px;
}

.HTMLNavigationFormButton-Refresh img {
    background-position: -588px;
}

.HTMLNavigationFormButton-Refresh-Des img {
    background-position: -616px;
}

.HTMLNavigationFormButton-Refresh-Over img {
    background-position: -644px;
}

.HTMLNavigationFormButton-Print img {
    background-position: -672px;
}

.HTMLNavigationFormButton-Print-Des img {
    background-position: -700px;
}

.HTMLNavigationFormButton-Print-Over img {
    background-position: -728px;
}

.HTMLNavigationFormButton-Log img {
    background-position: -756px;
}

.HTMLNavigationFormButton-Log-Des img {
    background-position: -784px;
}

.HTMLNavigationFormButton-Log-Over img {
    background-position: -812px;
}

.HTMLNavigationFormButton-DefaultValues img {
    background-position: -840px;
}

.HTMLNavigationFormButton-DefaultValues-Des img {
    background-position: -868px;
}

.HTMLNavigationFormButton-DefaultValues-Over img {
    background-position: -896px;
}

.HTMLNavigationFormButton-Help img {
    background-position: -924px;
}

.HTMLNavigationFormButton-Help-Des img {
    background-position: -952px;
}

.HTMLNavigationFormButton-Help-Over img {
    background-position: -980px;
}

.HTMLNavigationFormButton-Exit img {
    background-position: -1008px;
    display: none;
}

.HTMLNavigationFormButton-Exit-Des img {
    background-position: -1036px;
    display: none;
}

.HTMLNavigationFormButton-Exit-Over img {
    background-position: -1064px;
    display: none;
}

.HTMLNavigationFormButton-EditSave img {
    background-position: -1092px;
    width: 80px;
}

.HTMLNavigationFormButton-EditSave-Des img {
    background-position: -1172px;
    width: 80px;
}

.HTMLNavigationFormButton-EditSave-Over img {
    background-position: -1252px;
    width: 80px;
}

.HTMLNavigationFormButton-EditCancel img {
    background-position: -1572px;
    width: 80px;
}

.HTMLNavigationFormButton-EditCancel-Des img {
    background-position: -1652px;
    width: 80px;
}

.HTMLNavigationFormButton-EditCancel-Over img {
    background-position: -1732px;
    width: 80px;
}

.HTMLNavigationFormButton-IncludeSaveMore img {
    background-position: -1332px;
    width: 80px;
}

.HTMLNavigationFormButton-IncludeSaveMore-Des img {
    background-position: -1412px;
    width: 80px;
}

.HTMLNavigationFormButton-IncludeSaveMore-Over img {
    background-position: -1492px;
    width: 80px;
}

.HTMLNavigationFormButton-IncludeSave img {
    background-position: -1092px;
    width: 80px;
}

.HTMLNavigationFormButton-IncludeSave-Des img {
    background-position: -1172px;
    width: 80px;
}

.HTMLNavigationFormButton-IncludeSave-Over img {
    background-position: -1252px;
    width: 80px;
}

.HTMLNavigationFormButton-IncludeCancel img {
    background-position: -1572px;
    width: 80px;
}

.HTMLNavigationFormButton-IncludeCancel-Des img {
    background-position: -1652px;
    width: 80px;
}

.HTMLNavigationFormButton-IncludeCancel-Over img {
    background-position: -1732px;
    width: 80px;
}


/*****************************************/


/* HTMLNavigationGridButton: Bot�es Grade*/


/*****************************************/

.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: 10px;
    background: #ffffff;
    border-right: 1px solid #D3D1D1;
    border-left: 1px solid #D3D1D1;
    border-top: 1px solid #D3D1D1;
    border-bottom: 1px solid #D3D1D1;
    border-radius: 8px;
    outline: none;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%!important;
    height: 100%!important;
}

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

.HTMLMemo textarea:focus {
    border: 1px solid #D3D1D1;
}

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

.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: #E5E5E5;
}


/*****************************************/


/* HTMLDualList: Componente Lista Dupla  */


/*****************************************/

.HTMLDualList {
    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:not([type='checkbox']) {
    font-size: 11px;
    background: #ffffff;
    border-right: 1px solid #D3D1D1;
    border-left: 1px solid #D3D1D1;
    border-top: 1px solid #D3D1D1;
    border-bottom: 1px solid #D3D1D1;
    border-radius: 7px;
    padding-left: 3px;
    padding-right: 3px;
    outline: none;
    width: 100%;
    height: 100%;
}

.HTMLLookup input:focus {
    font-size: 11px;
    border: 1px solid #3173AD;
    outline: none;
}

.HTMLLookup input:hover {
    font-size: 11px;
    border: 1px solid #3173AD;
    outline: none;
}

.HTMLLookup-ReadOnly input {
    background: #E5F3FF !important;
    /* #FFFFE1!important;/ Alterado pela ACTROM */
}

.HTMLLookup-ReadOnly input:focus {
    background: #E5F3FF;
    /* #FFFFE1;/ Alterado pela ACTROM */
}

.HTMLLookup-ReadOnly input:hover {
    background: #E5F3FF;
    /* #FFFFE1;/ Alterado pela ACTROM */
}

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

.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;
}

.HTMLLookupTypeSearch {
    right: 9px;
    position: absolute;
    top: 0px;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    width: 12%!important;
    visibility: hidden;
    transition: visibility 0s, opacity 0.5s cubic-bezier(0, 0, 0.06, 1.22);
    animation: ripple-animation 1.5s;
    overflow: hidden;
    border-radius: 45%;
    z-index: 5;
}

@keyframes ripple-animation {
    from {
        transform: scale(0.5);
        opacity: 0.7;
    }
    to {
        transform: scale(1.2);
        opacity: 0;
        background-color: gray;
    }
}

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

.HTMLLookupMobile {
    border: 1px solid #A6A7B0;
    border-radius: 6px;
    color: #B5B5B5;
    background: #B5B5B5;
    padding: 0;
    vertical-align: middle;
    position: absolute;
    z-index: 100;
    height: 100%;
    width: 20px;
    top: 0;
    outline: none;
}

.grid .HTMLLookupMobile {
    position: absolute;
    float: right;
    z-index: 1000000000;
    height: 100%;
    width: 20px;
}

.HTMLButton button {
    height: 100%;
}


/*****************************************/


/* HtmlComboBox: Componente Lista        */


/*****************************************/

.HTMLComboBox select {
    font-family: arial, sans-serif;
    font-size: 11px;
    background: #ffffff;
    border-right: 1px solid #D3D1D1;
    border-left: 1px solid #D3D1D1;
    border-top: 1px solid #D3D1D1;
    border-bottom: 1px solid #D3D1D1;
    border-radius: 7px;
    padding-left: 3px;
    padding-right: 3px;
    outline: none;
    width: 100%!important;
    height: 100%!important;
}

.HTMLComboBox select:hover {
    border: 1px solid #3173AD;
}

.HTMLComboBox select:focus {
    font-family: arial, sans-serif;
    font-size: 11px;
    border: 1px solid #3173AD;
    outline: none;
}

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

.HTMLComboBox select:disabled {
    background: #ebebe4;
}

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

.HTMLComboBox-ReadOnly select {
    background: #E5F3FF;
}

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

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

.HTMLComboBox .HTMLComboBoxPlaceholder {
    position: absolute;
    pointer-events: none;
    color: #757575;
    padding-left: 7px;
    padding-top: 2px;
    width: calc(100% - 17px);
    overflow: hidden;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*****************************************/


/* HTMLCheckBox: Componente Check        */


/*****************************************/

.HTMLCheckBox #chkLabel {
    margin-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:disabled {
    cursor: default;
}


/*****************************************/


/* 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 {
    width: 100%;
    /* height: 100%; / Desativado pela ACTROM */
}

.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"] {
    display: block;
    background: #fff;
    width: 500px;
    /* 382px; / Modificado pela ACTROM */
    position: absolute;
    top: 0px;
    left: 0px;
    outline: none;
    border-radius: 10px;
    box-shadow: 1px 1px 10px #000;
}

div[id*="HTMLInteraction"] #intTitle {
    background: #103C6E;
    /* #3F3E3E; / Modificado pela ACTROM */
    height: 26px;
    width: 100%;
    outline: none;
    border-bottom: 1px solid #e5e5e5;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

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; / Desativado pela ACTROM */
    float: left;
    height: 26px;
    /* 100%; / Modificado pela ACTROM */
    /* width: 332px; / Desativado pela ACTROM */
    -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-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 10px;
    line-height: 26px;
    /* Adicionado pela ACTROM */
}

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

div[id*="HTMLInteraction"] #intTitleClose button {
    cursor: pointer;
    float: right;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    color: #FFF;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    border: none;
    background: transparent;
}

.intOnlyMessage {
    /* height: 40px !important; / Desativado pela ACTROM */
    min-height: 60px !important;
    /* Adicionado pela ACTROM */
    max-height: 150px !important;
    /* Adicionado pela ACTROM */
}

div[id*="HTMLInteraction"] #intMessage {
    cursor: default;
    /* height: 80px; / Desativado pela ACTROM, pois vamos trabalhar com o min-height e max-height */
    min-height: 60px !important;
    /* Adicionado pela ACTROM */
    max-height: 150px !important;
    /* Adicionado pela ACTROM */
    padding: 4px;
    /* Adicionado pela ACTROM */
    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: 60px/* 80px; / Modificado pela ACTROM */
}

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

.intOnlyText {
    width: 99% !important;
    /* 100% !important; / Modificado pela ACTROM */
    height: 40px !important;
}

div[id*="HTMLInteraction"] #intText {
    display: table;
    height: 60px;
    /* height: 80px; / Modificado pela ACTROM */
    width: 430px;
    /* widows: 332px; / Modificado pela ACTROM */
    word-break: break-word;
    min-height: 60px;
    /* Adicionado pela ACTROM */
    max-height: 200px;
    /* Adicionado pela ACTROM - Se um dia mudar, mudar tamb�m mais abaixo (3 blocos) */
}


/* INICIO - Bloco adicionado pela ACTROM para definir tamanho fixo da imagem do aviso */

div[id*="HTMLInteraction"] #intText img {
    height: 64px;
    width: 64px;
}


/* FIM */

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; Desativado pela ACTROM - Tiramos o tamanho para ele ficar mais centralizado */
    max-height: 200px;
    /* Adicionado pela ACTROM - Se um dia mudar, mudar tamb�m mais acima (3 blocos) */
    overflow-y: auto;
    /* word-break: break-all; Desativado pela ACTROM - Para a palavra n�o ser quebrada */
}

div[id*="HTMLInteraction"] #intText #intTextAux {
    max-height: 150px;
    /* 80px; / Modificado pela ACTROM */
    /* word-break: break-word; Desativado pela ACTROM - Para a palavra n�o ser quebrada */
}

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

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-size: 10px;
    color: #333333;
    padding-left: 5px;
    text-decoration: none;
}

div[id*="HTMLInteraction"] #intBtnCancel {
    left: 0%;
    bottom: 0%;
    height: 32px;
    width: 50%;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position: 100% bottom;
    float: right;
    /* left; / Modificado pela ACTROM - Invertendo posi��es dos bot�es */
    border-top: 1px solid #3F3E3E;
}

div[id*="HTMLInteraction"] #intBtnDetails {
    left: 0%;
    bottom: 0%;
    height: 32px;
    width: 50%;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position: 100% bottom;
    float: right;
    /* left; / Modificado pela ACTROM - Invertendo posi��es dos bot�es */
    border-top: 1px solid #3F3E3E;
}

div[id*="HTMLInteraction"] #intBtnOk {
    right: 0%;
    bottom: 0%;
    height: 32px;
    width: 50%;
    background-repeat: no-repeat;
    background-position-y: bottom;
    float: right;
    border-top: 1px solid #3F3E3E;
}

div[id*="HTMLInteraction"] #intBase {
    left: 0%;
    bottom: 0%;
    height: 32px;
    width: 100%;
    position: absolute;
    border-top: 1px solid #3F3E3E;
}

div[id*="HTMLInteraction"] #intBtnCancel button {
    border: 1px solid #a6a7b0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    cursor: pointer;
    color: #747474;
    background: #B5B5B5;
    /* rgb(254,254,252); / Modificado pela ACTROM */
    bottom: 2%;
    right: 30%;
    /* left: 1%; / Modificado pela ACTROM - Por causa da invers�o da posi��es dos bot�es */
    cursor: pointer;
    position: absolute;
    height: 26px;
    min-width: 60px;
}

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

div[id*="HTMLInteraction"] #intBtnDetails button {
    border: 1px solid #a6a7b0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    cursor: pointer;
    color: #747474;
    background: #B5B5B5;
    /* rgb(254,254,252); / Modificado pela ACTROM */
    bottom: 2%;
    cursor: pointer;
    position: absolute;
    height: 26px;
    min-width: 60px;
    right: 30%;
    /* left: 1%; / Modificado pela ACTROM - Por causa da invers�o da posi��es dos bot�es */
}

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


/* Bloco adicionado pela ACTROM devido estar mudando o foco para o bot�o e n�o para a �ncora. */

div[id*="HTMLInteraction"] #intBtnDetails button:focus {
    border: 1px solid #000;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    cursor: pointer;
    color: #747474;
    background: #B5B5B5;
}


/* Bloco adicionado pela ACTROM devido estar mudando o foco para o bot�o e n�o para a �ncora. */

div[id*="HTMLInteraction"] #intBtnCancel button:focus {
    border: 1px solid #000;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    cursor: pointer;
    color: #747474;
    background: #B5B5B5;
}

div[id*="HTMLInteraction"] #intBtnOk button {
    border: 1px solid #a6a7b0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    cursor: pointer;
    color: #747474;
    background: #B5B5B5;
    /* rgb(254,254,252); / Modificado pela ACTROM */
    cursor: pointer;
    position: absolute;
    bottom: 2%;
    left: 30%;
    /* right: 1%; / Modificado pela ACTROM - Por causa da invers�o da posi��es dos bot�es*/
    height: 26px;
    min-width: 60px;
}

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


/* Bloco adicionado pela ACTROM devido estar mudando o foco para o bot�o e n�o para a �ncora. */

div[id*="HTMLInteraction"] #intBtnOk button:focus {
    border: 1px solid #000;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    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-size: 10px;
    text-decoration: none;
}

div[id*="HTMLInteractionBack"] {
    background: #3F3E3E;
    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;
    overflow: hidden;
    overflow-y: auto;
}

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: 100%;
    padding: 4px;
    font-size: 11px;
    line-height: 1;
    height: 21px;
    outline: none;
}

.WFRQueryForm #BodySearchFilterCombo {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    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��o 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: 8px;
    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;
}


/* 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: 11px;
    background: #3F3E3E;
    width: 100%;
    border-bottom: 2px solid #3F3E3E;
}


/* 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: */
    list-style: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    background: #3F3E3E;
}


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


/* Borda inferior interna do menu Vertical */

.HTMLMenuVertical .HTMLMenu li:not(:last-child) {
    border-bottom: 0px solid #E4E4E4;
}


/* Borda lateral interna do menu Horizontal */

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


/* 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: 7px;
    padding-bottom: 7px;
    top: -1px;
    line-height: 29px;
    color: #FFF;
}


/* Definindo o efeito do mouse over dos links (OPCIONAL) */

.HTMLMenu>li:not(.HTMLMenuFirstLevelDisabled)>a:hover {
    background: #7E7E7E;
}


/*****************************************/


/*        HTMLMenu: Item Horizontal      */


/*****************************************/


/* Exibi��o do primeiro item no menu vertical */

.HTMLMenuVertical .HTMLMenu>li:not(.HTMLMenuFirstLevelDisabled):hover>.HTMLItem {
    display: block;
}


/* 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 {
    position: absolute;
    left: 100%;
    display: none;
    /* Itens opcionais/customiz�veis: */
    top: 0px;
    min-width: 200px;
    border-left: 4px solid #3173AD;
}


/* Exibi��o do item horizontal */

.HTMLItem li:not(.HTMLMenuRemainingLevelsDisabled):hover>.HTMLItem {
    display: block;
}


/* 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;
    top: 3px;
    border-left: 0px solid!important;
    border-top: 4px solid #3173AD;
    /* Itens opcionais/customiz�veis: */
}

.HTMLMenuVertical .HTMLMenu>li>.HTMLItem li {
    border: 0px solid #8B0000;
}


/* 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;
    margin-left: -10px;
}

.HTMLMenuVertical>ul>li:not(.HTMLMenuFirstLevelDisabled):hover:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -5px;
}

.HTMLMenuHorizontal .HTMLFirstLevel>a {
    text-align: center;
    line-height: 30px;
    font-size: 11pt;
    font-family: calibri;
}


/* Carrega para TODOS os Navegadores | Mais abaixo tem espec�fico para outros navegadores */

.HTMLMenuVertical .HTMLFirstLevel>a {
    text-align: left;
    color: #FFFFFF;
    line-height: 29px;
    outline: none;
    text-align: center;
    outline: none;
    font-size: 11pt;
    font-family: calibri;
    /* Adicionado pela ACTROM */
}


/* Ser� executado no Navegador FIREFOX - Adicionado pela ACTROM */

@-moz-document url-prefix() {
    .HTMLMenuVertical .HTMLFirstLevel>a {
        text-align: left;
        color: #FFFFFF;
        line-height: 29px;
        outline: none;
        text-align: center;
        outline: none;
        font-size: 10.5pt;
        font-family: calibri;
        /* Adicionado pela ACTROM */
    }
}


/* Ser� executado no Navegador INTERNET EXPLORER - Adicionado pela ACTROM */

@supports (-ms-ime-align:auto) {
    .HTMLMenuVertical .HTMLFirstLevel>a {
        text-align: left;
        color: #FFFFFF;
        line-height: 29px;
        outline: none;
        text-align: center;
        outline: none;
        font-size: 10.5pt;
        font-family: calibri;
        /* Adicionado pela ACTROM */
    }
}

.HTMLRemainingLevels {
    background: #7E7E7E;
}

.HTMLRemainingLevels>a {
    min-height: 15px;
    color: #ffffff;
    text-align: left;
    font-weight: bold;
}

.HTMLRemainingLevels :not(.HTMLMenuRemainingLevelsDisabled):hover {
    background: #7E7E7E;
}


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

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


/* 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: '';
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -5px;
    background-image: url("menu_arrow_r.png");
}

.HTMLHorizontalArrowDown>a:after {}

.HTMLVerticalFirstLevelArrow>a:after {}

.HTMLVerticalRemainingLevelsArrow>a:after {
    content: '';
    /* display: block; - Desativado pela ACTROM */
    width: 8px;
    /* Original: 7px - Modificado pela ACTROM */
    height: 7px;
    position: absolute;
    right: 5px;
    margin-right: -5px;
    /* Adicionado pela ACTROM */
    /* top: 50%; - Desativado pela ACTROM */
    margin-top: 3.5px;
    /* Original: -5px - Modificado pela ACTROM */
    background-image: url("menu_arrow_r.png");
    background-repeat: no-repeat;
    /* Adicionado pela ACTROM */
    background-position: right;
    /* Adicionado pela ACTROM */
}


/*******************************************/


/*            PESQUISA DO MENU             */


/*******************************************/

.DocumentSearchItens {
    top: 0;
    left: 0;
    position: relative;
    min-height: 40px;
    background-color: rgba(10, 13, 16, 0.85);
    z-index: 100000;
}

.DocumentSearchItens>input {
    position: relative;
    top: 0;
    width: 100%;
    min-height: 40px;
    background: transparent;
    border: none;
    color: rgb(20, 20, 20);
    line-height: 16px;
    text-align: left;
    text-indent: 15px;
    font-size: 13px;
    background-color: #fff;
    outline: none;
}

.resultSearchList {
    width: 100%;
    overflow: auto;
}

.resultSearchList #result-item-selected {
    background: url("arrow_item_menu.png") no-repeat center right 0px rgba(103, 106, 109, 0.8);
    padding-right: 30px;
    z-index: 10000;
}

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

.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: 7px;
    padding-bottom: 7px;
    font-size: 11.5px;
}

.DocumentSearchItens .close-result {
    font-size: 20px;
    position: absolute;
    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: absolute;
    right: 0px;
    margin-top: 0px;
    padding: 7px 12px 5px 4px;
    line-height: 1;
    white-space: pre;
    color: black;
    cursor: default;
    background-color: #ecf0f1;
    font-size: 10px;
    opacity: 0.9;
}

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

.resultSearchList li span {
    color: silver;
}

.resultSearchList li b {
    font-weight: 100;
}


/********************************************/


/* 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-radius: 0px;
    background: #FFFFFF;
}

.HTMLImageGalleryThumbnail {
    border-left: 1px solid #D3D1D1;
    border-right: 1px solid #D3D1D1;
    border-top: 1px solid #D3D1D1;
    border-bottom: 1px solid #D3D1D1;
    border-radius: 0px;
    transition: 0.5s all;
    position: relative!important;
    float: left;
    left: 0px!important;
    top: 0px!important;
    margin: 3px;
}

.HTMLImageGalleryThumbnail:hover {
    border: 1px solid #FF0000;
    opacity: 1;
    box-shadow: 2px 2px 5px #ccc;
}

.HTMLImageGalleryThumbnail img {
    width: 100%;
    height: 100%;
}

.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;
    box-shadow: 0px 0px 11px #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;
    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;
    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-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-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-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%;
    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%;
    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;
}

.HTMLTableDragDrop {
    border-bottom: 1px solid #3173AF;
    box-sizing: border-box;
}

.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;
}

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

.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;
}

.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 {
    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;
}

.HTMLTableBodyRow {
    background-color: white;
    white-space: nowrap;
}

.HTMLTableBodyRowAuto {
    white-space: normal!important;
}

.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;
    color: #3A79B3;
}

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

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

.HTMLTableBodyRowSelected>div {
    /* background-color: #3A79B3!important; / Desativado pela ACTROM */
    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;
}

.HTMLTableBodyCell img {
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.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;
    pointer-events: none;
}

.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-y: hidden!important;
    height: 100%;
}

.HTMLTableBodyCell .HTMLLookup-ReadOnly input {
    background: transparent!important;
    border: 0px solid;
    box-shadow: 0px 0px 0px #000;
    font-size: 10px;
    padding: 0px;
    margin: 0px;
    padding-right: 2px;
    color: #726E6E;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.HTMLTableBodyCell .HTMLLookup input {
    background: transparent!important;
    border: 0px solid;
    box-shadow: 0px 0px 0px #000;
    font-size: 10px;
    padding: 0px;
    margin: 0px;
    padding-right: 2px;
    color: #726E6E;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*************************************************/


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

.HTMLScrollThumbX,
.HTMLScrollThumbY {
    position: relative;
    background-color: rgb(193, 193, 193);
}

.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: #869DAF;
    height: 21px;
    /* 30px /Modificado pela ACTROM */
    max-width: 15px;
    min-width: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #FFFFFF;
    border-bottom: 4px solid #009090;
    /* 4px solid #3173AD; / Depois: #009999; / Modificado pela ACTROM */
}

.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: #009090;
    /* #3173AD; / Depois: #009999; / Modificado pela ACTROM */
    max-width: 15px;
    min-width: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #FFFFFF;
    border-bottom: 4px solid #009090;
    /* 4px solid #3173AD; / Depois: #009999; / Modificado pela ACTROM */
}

.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: 4px solid #3173AD;
    width: 100%;
    cursor: pointer;
    height: 30px;
}

.HTMLTabComponentGroupBox {
    top: 50px!important;
}

#Aba>div:nth-child(2) {
    top: 30px!important;
}


/********************************************/


/* 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-size: 10px;
    color: #3173AF;
}


/* Style referente as fontes dos textos da janela de filtro do Relat�rio*/

.WFRUserSelectReport {
    font-size: 10px;
    color: #3173AF;
}

#WFRReportHeaderOptionsReport {
    float: right;
}

#WFRReportHeaderOptionsReport span {
    font-size: 10px;
    cursor: default;
}


/* Style referente a linha que envolve as Op��o de gerador e formato*/

#WFRReportHeaderOptionsReportGenerator {
    padding-left: 6px;
    padding-top: 3px;
    border-top-left-radius: 8px;
    padding-left: 6px;
    width: 130px;
    color: #3173AF;
}

#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-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-size: 12px;
    color: #3173AF;
    font-weight: bold;
}

#AccessManagerFontTitleOptionBar {
    font-size: 10px;
    color: #FFF;
    font-weight: bold;
}

#AccessManagerFontText {
    font-size: 10px;
    color: #3173AF;
}

#AccessManagerFontMenu {
    font-size: 10px;
    color: #3173AF;
    font-weight: bold;
}

#AccessManagerFontUpdateGroups {
    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 #calendarDiv img {
    float: left;
    margin: 0px;
}

.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;
}


/********************************************/


/*                  UPLOAD                   */


/********************************************/

.HTMLBodyUpload {
    background: #fff;
}

.HTMLButtonUpload {
    background: #B5B5B5!important;
    width: 100px;
    height: 35px;
    border-radius: 14px;
}

.HTMLButtonUpload:hover {
    background: #f2f2f2!important;
    border: 1px solid #A6A7B0;
}

.HTMLButtonUpload:hover a {
    color: #B5B5B5!important;
}

.HTMLButtonUpload .botao {
    color: #f2f2f2!important;
    font-size: 12px;
}


/*******************************************************/


/* HTMLGroupBoxCheck: Componente Moldura no CheckList  */


/*******************************************************/

.HTMLGroupBoxCheckDefault {
    border-radius: 0px;
    text-align: center;
    text-indent: -18%;
    line-height: 41px;
    font-size: 17px;
    cursor: default;
}

.HTMLGroupBoxCheckTrue {
    background-color: #C2E2C1;
    text-decoration: line-through;
    color: #047700;
}

.HTMLGroupBoxCheckFalse {
    background-color: #FF9B97;
    color: #864343;
    border: none;
}

.HTMLGroupBoxCheckWarning {
    background-color: #f0ad4e;
    text-decoration: line-through;
    color: #885000;
}

.HTMLSystemCheckLabelInfo>div>div {
    font-size: 12px!important;
    color: #fff!important;
}

.HTMLSystemCheckLabelInfo>div>div:hover {
    font-size: 13px!important;
}

.HTMLSystemCheckLabelInfo a {
    color: #fff!important;
}

.HTMLSystemCheckOk {
    color: #047700;
}

.HTMLSystemCheckFail {
    color: #f00;
}

.charts-tooltip {
    display: none !important;
}


/*********************************************/


/***               ACCORDION               ***/


/*********************************************/

.HTMLAccordion {
    overflow: hidden;
    margin: -1px;
    color: #474747;
    padding: 5px;
    background: #3F3E3E;
    width: 100%;
    height: 100%;
    border-left: 4px solid #3173AD;
}


/*Configura��es Gerais*/

.HTMLAccordion section h2 a {
    padding: 8px 10px;
    display: block;
    font-size: 100%;
    font-weight: normal;
    color: white;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*Apresenta��o do Slide fechado*/

.HTMLAccordion section {
    float: left;
    cursor: pointer;
    overflow: hidden;
    background: #7E7E7E;
    margin: 1.9px;
}

.HTMLAccordion section:hover {
    background: #3173AD;
}

.HTMLAccordion section p {
    visibility: hidden;
}

.HTMLAccordion section div {
    visibility: hidden;
}

.HTMLAccordion section:after {
    position: relative;
    font-size: 24px;
    color: #000;
    font-weight: bold;
}


/*Configura��o para o horizontal*/

.HTMLAccordionHorizontal section {
    -moz-transition: width 0.2s ease-out;
    -webkit-transition: width 0.2s ease-out;
    -o-transition: width 0.2s ease-out;
    -ms-transition: width 0.2s ease-out;
    transition: width 0.2s ease-out;
}


/**/

.HTMLAccordionHorizontal section:after {
    top: 140px;
    left: 15px;
}


/**/

.HTMLAccordionHorizontal section h2 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 240px;
    position: relative;
    left: -100px;
    top: 85px;
}


/*Configura��o para o vertical*/

.HTMLAccordionVertical section {
    width: 99%;
    height: 36px;
    -webkit-transition: height 0.2s ease-out;
    -moz-transition: height 0.2s ease-out;
    -o-transition: height 0.2s ease-out;
    -ms-transition: height 0.2s ease-out;
    transition: height 0.2s ease-out;
}


/**/

.HTMLAccordionVertical section h2 {
    position: relative;
    left: 0px;
    top: 0px;
    margin: 0px;
}


/**/

.HTMLAccordionVertical section:after {
    top: -60px;
    left: 810px;
}


/*Abrir Horizontalmente*/

.HTMLAccordionHorizontalOpen {
    -moz-transition: width 0.2s ease-out;
    -webkit-transition: width 0.2s ease-out;
    -o-transition: width 0.2s ease-out;
    -ms-transition: width 0.2s ease-out;
    transition: width 0.2s ease-out;
    background: #FFF!important;
    padding: 0px!important;
    background: #FFF!important;
    opacity: 1.0!important;
    border-top: 2px solid #3173AD;
}

.HTMLAccordionHorizontalOpen h2 {
    width: 100%!important;
    top: 0px!important;
    left: 0px!important;
    -webkit-transform: rotate(0deg)!important;
    -moz-transform: rotate(0deg)!important;
    -o-transform: rotate(0deg)!important;
    -ms-transform: rotate(0deg)!important;
    transform: rotate(0deg)!important;
    margin: 0px;
}

.HTMLAccordionHorizontalOpen h2 a {
    color: black!important;
    font-family: calibri;
}

.HTMLAccordionHorizontalOpen p {
    visibility: visible!important;
}

.HTMLAccordionHorizontalOpen div {
    visibility: visible!important;
    color: black!important;
}


/*Abrir Verticalmente*/

.HTMLAccordionVerticalOpen {
    width: 99%!important;
    background: #FFF!important;
    opacity: 1.0!important;
    border-top: 2px solid #3173AD;
}

.HTMLAccordionVerticalOpen:after {
    left: -9999px!important;
}

.HTMLAccordionVerticalOpen p {
    visibility: visible!important;
}

.HTMLAccordionVerticalOpen div {
    visibility: visible!important;
    color: black!important;
}

.HTMLAccordionVerticalOpen h2 a {
    color: black!important;
    font-family: calibri;
}


/***********************************/


/****** Classe HTMLMessage  ********/


/**********************************/

.HTMLMessage {
    left: calc(50% - 250px);
    /* calc(50% - 150px) / Alterado pela ACTROM */
    position: absolute;
    top: 30%;
    z-index: 999998;
    background: rgb(255, 255, 255);
    min-height: 20px;
    width: 500px;
    /* 300px / Alterado pela ACTROM */
    border-radius: 12px;
    box-shadow: 1px 1px 40px -5px;
    transition: top 0.2s;
    animation: showHTMLMessage 0.2s;
}


/*******************************************/


/*    AJUSTE DOS INPUTS DENTRO DA GRADE    */


/*******************************************/

.listGrid {
    box-sizing: content-box;
}

.listGrid input:not([type='checkbox']),
.listGrid select {
    border-radius: 0!important;
    height: 100% !important;
    font-size: 12px;
    width: 100% !important;
}

.listGrid .HTMLButton button {
    border-radius: 0!important;
    right: 0!important;
    background: #0877c2;
    border: none;
}

.listGrid .HTMLButton button:hover {
    background: #1088d8;
}

.listGrid .HTMLButton button img {
    filter: invert(200%);
    -webkit-filter: invert(200%);
}

.textItemLite,
.textItemLiteRTL,
.textItemLiteFocused,
.textItemLiteFocusedRTL,
.textItemLiteDisabled {
    height: 100% !important;
    font-size: 0.8rem !important;
}

.textItemLiteOver,
.textItemLiteFocused {
    -webkit-box-shadow: 0 0 5px 0 #28679f;
    box-shadow: 0 0 5px 0 #28679f;
    border-color: #28679f;
    height: 100% !important;
    font-size: 0.8rem !important;
}

.textItemLiteFocusedOver {
    -webkit-box-shadow: 0 0 5px 0 #28679f, inset 0 0 5px 0 #28679f;
    box-shadow: 0 0 5px 0 #28679f, inset 0 0 5px 0 #28679f;
    border-color: #28679f;
    height: 100% !important;
}


/* Deleta componente original da grade  na transi��o*/

.grid .textItemLite,
.grid .textItemLiteRTL,
.grid .textItemLiteFocused,
.grid .textItemLiteFocusedRTL,
.grid .textItemLiteDisabled,
.grid .textItemLiteOver,
.grid .textItemLiteFocusedOver {
    width: 100% !important;
    height: 100% !important;
    visibility: visible !important;
    font-size: 0.8rem !important;
    padding-bottom: 5px;
}

.grid .selectItemLiteText,
.grid .selectItemLiteTextRTL,
.grid .selectItemLiteTextFocused,
.grid .selectItemLiteTextFocusedRTL,
.grid .selectItemLiteTextDisabled,
.grid .selectItemLiteTextDisabledRTL,
.grid .selectItemLiteTextError,
.grid .selectItemLiteTextErrorRTL,
.grid .selectItemLiteTextPending,
.grid .selectItemLiteTextPendingRTL,
.grid .selectItemLiteTextPendingFocused,
.grid .selectItemLiteTextPendingFocusedRTL,
.grid .selectItemLiteTextPendingDisabled,
.grid .selectItemLiteTextPendingDisabledRTL,
.grid .selectItemLiteTextPendingError,
.grid .selectItemLiteTextPendingErrorRTL,
.grid .selectItemLiteTextHint,
.grid .selectItemLiteTextHintRTL,
.grid .selectItemLiteTextDisabledHint,
.grid .selectItemLiteTextDisabledHintRTL {
    box-sizing: content-box;
    font-size: 0.8rem !important;
}

.gridFilterModal {
    background: rgba(0, 0, 0, 0.4117647058823529);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    transition: 0.7s;
    position: absolute;
    top: 0;
    z-index: 9999;
}

.gridFilterModalContent {
    height: auto;
    background-color: white;
    overflow: auto;
    min-height: 70px;
}

.gridFilterContainer {
    width: 90%;
    height: auto;
    min-height: 150px;
}

.gridFilterStatusBar {
    height: 30px;
    color: white;
    background-color: #28679f;
}

.gridFilterSpan {
    font-family: roboto;
    font-size: 0.9rem;
    position: relative;
    top: 7px;
    padding: 3px;
}

.gridFilterClose {
    width: 30px;
    height: 30px;
    background-color: transparent;
    position: relative;
    float: right;
    text-align: center;
    cursor: pointer;
    border-left: 1px solid;
}

.gridFilterClose>span {
    width: inherit;
    height: inherit;
    position: relative;
    top: 8px;
}

.gridFilterClose:hover {
    opacity: 0.7;
}

.gridContentFilterActions {
    height: 35px;
    background-color: #ffffff;
    float: unset;
    border-top: 1px solid #d8d6d6;
}

.gridActionFilter {
    position: relative;
    float: right;
    margin-right: 2px;
}

.gridActionsFilter {
    width: 70%;
    position: relative;
    float: left;
}

.listGrid td {
    font-size: 12px;
}

.HTMLMessage {
    top: 0px;
    transform: scale(1);
    /* Alterado pela ACTROM em 26/06/2020. Valor anterior scale(.8). As mensagens ficavam emba�adas com a redu��o */
}


/* Remo��o dos outlines */

.HTMLMessage * {
    outline: none;
}


/**
* Classe HTMLMessageOverlay (overlay)
**/

.HTMLMessageOverlay {
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 100;
    transition: display 0.2s;
}


/**
* Classe HTMLMessageTitle (t�tulo principal)
**/

.HTMLMessageTitle {
    text-align: center;
    font-size: x-large;
    margin: 0px;
    position: relative;
    top: 7px;
    margin-bottom: 25px;
    /* Adicionado pela ACTROM */
}


/**
* Classe HTMLMessageMessage (mensagem)
**/

.HTMLMessageMessage {
    display: block;
    font-size: 12px;
    text-align: center;
    font-family: arial, sans-serif;
    margin-left: .5em;
    margin-right: .5em;
    margin-bottom: 15px;
    position: relative;
}

.HTMLMessageContainerButtons {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 5px;
    min-height: 3em;
    /* 4em / Alterado pela ACTROM */
    color: white;
    overflow: hidden;
    text-align: center;
    font-size: small;
    font-family: arial, sans-serif;
    border-top: 1px solid #000;
    /* Adicionado pela ACTROM */
    margin-top: 10px;
    /* Adicionado pela ACTROM */
}

.HTMLMessageConfirm {
    position: relative;
    display: block;
    height: 33px;
    width: 85px;
    /*top: 38px;*/
    background-color: rgb(154, 149, 149);
    /* #ffffff / Alterado pela ACTROM*/
    border-radius: 5px;
    /*border: 1px solid #a6a7b0; / Desabilitado pela ACTROM*/
    border: none;
    /* Adicionado pela ACTROM */
    color: #fff9f9/* #747474  / Alterado pela ACTROM*/
    ;
    font-weight: bold;
    font-size: large;
    /* small / Alterado pela ACTROM */
    font-family: inherit;
    display: none;
    /*float: left;*/
    margin: 0 auto;
    margin-bottom: 6px;
    /* Adiciona pela ACTROM */
    /*box-shadow: 1px 1px 1px 1px;*/
    transition: background-color 0.2s;
}

.HTMLMessageConfirm:hover {
    cursor: pointer;
    /*border: 1px solid #3173AD;/ Desativado pela ACTROM */
    background-color: #828282;
    /*Adicionado pela ACTROM*/
}

.HTMLMessageConfirmError {
    position: relative;
    display: block;
    height: 33px;
    width: 85px;
    /*top: 38px;*/
    background-color: rgb(154, 149, 149);
    /* #ffffff Alterado pela ACTROM*/
    border-radius: 5px;
    /*border: 1px solid #a6a7b0; / Desabilitado pela ACTROM*/
    border: none;
    /* Adicionado pela ACTROM */
    color: #fff9f9/*#747474 Alterado pela ACTROM*/
    ;
    font-weight: bold;
    font-size: large;
    /* small / Alterado pela ACTROM */
    font-family: inherit;
    display: none;
    /*float: left;*/
    margin: 0 auto;
    /*box-shadow: 1px 1px 1px 1px;*/
    transition: background-color 0.2s;
}

.HTMLMessageConfirmError:hover {
    cursor: pointer;
    /*border: 1px solid #3173AD;/ Desativado pela ACTROM */
    background-color: #828282;
    /*Adicionado pela ACTROM*/
}

.HTMLMessageCancel {
    position: relative;
    display: block;
    height: 33px;
    width: 85px;
    /*top: 38px;*/
    background-color: #ffffff;
    /*rgb(154, 149, 149) / Alterado pela ACTROM*/
    border-radius: 5px;
    border: 1px solid #a6a7b0;
    /* Adicionado pela ACTROM*/
    /*border: none; / Desabilitado pela ACTROM */
    color: #747474;
    /*#fff9f9 / ALterado pela ACTROM*/
    font-weight: bold;
    font-size: large;
    /* small / Alterado pela ACTROM */
    font-family: inherit;
    display: none;
    cursor: pointer;
    /*float: left;*/
    /*box-shadow: 1px 1px 1px 1px;*/
    margin: auto auto auto 10px;
    /* 0px 10px auto auto/ Modificado  pela ACTROM */
    margin-bottom: 6px;
    /* Adicionado pela ACTROM */
}

.HTMLMessageCancel:hover {
    position: relative;
    display: block;
    height: 33px;
    width: 85px;
    /*top: 38px;*/
    /*background-color: #828282; / Desabilidata pela ACTROM*/
    border-radius: 5px;
    /* border: none; / Desativado pela ACTROM */
    /*color: #fff9f9; / Desativado pela ACTROM  */
    font-weight: bold;
    font-size: large;
    /* small / Alterado pela ACTROM */
    font-family: inherit;
    display: none;
    cursor: pointer;
    border: 1px solid #3173AD;
    /* Adicionado pela ACTROM*/
    /*float: left;*/
    /*box-shadow: 1px 1px 1px 1px;*/
    /* margin: 0px 10px auto auto; / Desativado pela ACTROM */
}

.HTMLMessageInputText {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #D3D1D1;
    height: 25px;
    margin-top: 10px;
    font-size: 13px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.HTMLMessageInputText:focus {
    border: 1px solid #3173AD;
}

.HTMLMessageWarning {
    width: 40px;
    height: 40px;
    border: 4px solid gray;
    border-radius: 50%;
    border-color: #F8BB86;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    box-sizing: content-box;
}

.HTMLMessageWarningBody {
    position: absolute;
    height: 16px;
    left: 50%;
    top: 6px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-left: -2px;
    border-color: #F8BB86;
    border: 2px solid;
}

.HTMLMessageWarningDot {
    position: absolute;
    height: 1px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-left: -3px;
    left: 50%;
    bottom: 5px;
    border-color: #F8BB86;
    border: 3px solid;
}

.HTMLMessageAnimate {
    -webkit-animation: HTMLMessageAnimate 0.75s infinite alternate;
    animation: HTMLMessageAnimate 0.75s infinite alternate;
}

@-webkit-keyframes HTMLMessageAnimate {
    0% {
        border-color: #F8D486;
    }
    100% {
        border-color: #F8BB86;
    }
}

@keyframes HTMLMessageAnimate {
    0% {
        border-color: #F8D486;
    }
    100% {
        border-color: #F8BB86;
    }
}

.HTMLMessageError {
    width: 34px;
    height: 34px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-color: #D6492F;
    border-radius: 40px;
    border-radius: 50%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    box-sizing: content-box;
}

.HTMLMessageErrorMain {
    position: relative;
    display: block;
}

.HTMLMessageErrorRight {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 6px;
}

.HTMLMessageErrorLeft {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 6px;
}

.HTMLMessageErrorLine {
    position: absolute;
    height: 4px;
    width: 23px;
    background-color: #D6492F;
    display: block;
    top: 15px;
    border-radius: 14px;
}

.HTMLMessageBoxDetails {
    word-break: break-all;
    position: static;
    border: none;
    max-height: 0px;
    padding: 0;
    overflow: hidden;
    display: block;
    transition: max-height 0.4s;
    -webkit-transition-delay: 0.1s;
    /* Safari */
    transition-delay: 0.1s;
    top: 80%;
}

.HTMLMessageDetails {
    position: relative;
    top: 4px;
    align-items: center;
    left: 15px;
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.HTMLMessageDetails * {
    background-color: #9c9c9c;
}

.HTMLMessagePlusX {
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    left: calc(50% - 6px);
    position: absolute;
    height: 2px;
    width: 12px;
    display: block;
    top: calc(50% - 6px);
    transition: transform 0.2s ease-in;
    transition-delay: 0.1s;
}

.HTMLMessagePlusXClick {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: calc(50% - 6px);
    position: absolute;
    height: 2px;
    width: 12px;
    display: block;
    top: calc(50% - 6px);
    transition: transform 0.3s ease-in;
    transition-delay: 0.1s;
}

.HTMLMessagePlusY {
    cursor: pointer;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    height: 2px;
    width: 12px;
    top: calc(50% - 6px);
    left: calc(50% - 6px);
    display: block;
    position: absolute;
    transition: transform 0.3s;
    transition-delay: 0.1s;
}

.HTMLMessagePlusYClick {
    cursor: pointer;
    /*-webkit-transform: rotate(90deg);
  transform: rotate(90deg);*/
    height: 2px;
    width: 12px;
    top: calc(50% - 6px);
    left: calc(50% - 6px);
    display: block;
    position: absolute;
    transition: transform 0.4s ease-out;
    transition-delay: 0.1s;
}

@keyframes showHTMLMessage {
    0% {
        transform: scale(0.7);
        opacity: 0.5;
    }
    50% {
        transform: scale(1.2);
        opacity: 0.7;
    }
    70% {
        transform: scale(1.1);
        opacity: 0.9;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.HTMLMessageTextDetails {
    padding: 10px;
}

.HTMLMessageLeftEscape {
    position: relative;
    animation-name: HTMLMessageEscapeToLeft;
    animation-duration: 0.2s;
}

@-webkit-keyframes HTMLMessageEscapeToLeft {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 0.7;
        left: -70px;
        transform: scale(.9)
    }
    50% {
        opacity: 0.5;
        left: -140px;
        transform: scale(.7)
    }
    75% {
        opacity: 0.3;
        left: -210px;
        transform: scale(.6)
    }
    80% {
        opacity: 0.2;
        left: -280px;
        transform: scale(.4)
    }
    100% {
        opacity: 0.1;
        left: -360px;
        transform: scale(.2)
    }
}

@keyframes HTMLMessageEscapeToLeft {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 0.7;
        left: -70px;
        transform: scale(.9)
    }
    50% {
        opacity: 0.5;
        left: -140px;
        transform: scale(.7)
    }
    75% {
        opacity: 0.3;
        left: -210px;
        transform: scale(.6)
    }
    80% {
        opacity: 0.2;
        left: -280px;
        transform: scale(.4)
    }
    100% {
        opacity: 0.1;
        left: -360px;
        transform: scale(.2)
    }
}

.HTMLMessageRightEscape {
    position: relative;
    animation-name: HTMLMessageEscapeToRight;
    animation-duration: 0.2s;
}

@-webkit-keyframes HTMLMessageEscapeToRight {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 0.7;
        right: -70px;
        transform: scale(.9)
    }
    50% {
        opacity: 0.5;
        right: -140px;
        transform: scale(.7)
    }
    75% {
        opacity: 0.3;
        right: -210px;
        transform: scale(.6)
    }
    80% {
        opacity: 0.2;
        right: -280px;
        transform: scale(.4)
    }
    100% {
        opacity: 0.1;
        right: -360px;
        transform: scale(.3)
    }
}

@keyframes HTMLMessageEscapeToRight {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 0.7;
        right: -70px;
        transform: scale(.9)
    }
    50% {
        opacity: 0.5;
        right: -140px;
        transform: scale(.7)
    }
    75% {
        opacity: 0.3;
        right: -210px;
        transform: scale(.6)
    }
    80% {
        opacity: 0.2;
        right: -280px;
        transform: scale(.4)
    }
    100% {
        opacity: 0.1;
        right: -360px;
        transform: scale(.3)
    }
}


/*******************************************************/


/* HTMLListagem: Componente Listagem                   */


/*******************************************************/

.HTMLListagem .HTMLImage {
    cursor: pointer;
    max-width: 30px;
}

.HTMLListagemFields {
    overflow: auto;
    height: calc(100% - 100px);
    width: 100%!important;
    top: 70px;
    position: relative;
}

.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 .HTMLLabel>div>div {
    background: rgba(255, 255, 255, 0);
}

.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('../../Resource/font/makerlistagem.eot?93002626');
    src: url('../../Resource/font/makerlistagem.eot?93002626#iefix') format('embedded-opentype'), url('../../Resource/font/makerlistagem.woff2?93002626') format('woff2'), url('../../Resource/font/makerlistagem.woff?93002626') format('woff'), url('../../Resource/font/makerlistagem.ttf?93002626') format('truetype'), url('../../Resource/font/makerlistagem.svg?93002626#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-cancel-circled:before {
    content: '\e800';
}

.icon-floppy:before {
    content: '\e801';
}

.icon-trash:before {
    content: '\e802';
}

.icon-layers:before {
    content: '\e803';
}

.icon-doc-text:before {
    content: '\f0f6';
}

.icon-file-pdf:before {
    content: '\f1c1';
}

.icon-file-word:before {
    content: '\f1c2';
}

.icon-file-excel:before {
    content: '\f1c3';
}

.icon-file-image:before {
    content: '\f1c5';
}

.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;
}


/************************************/


/*     AJUSTES DO MENU DE LOGIN     */


/************************************/

.login div:nth-child(7) {
    left: 14.5%!important;
    display: inline-block!important;
    position: relative!important;
}

.login div:nth-child(8) {
    left: 47%!important;
    display: inline-block!important;
    position: relative!important;
}

#arrowLeft {
    margin: 0 0 0 10px;
}

#arrowRight {
    left: unset!important;
    top: 0!important;
    width: 25px!important;
    height: 25px!important;
    float: right;
}

#arrowRight img {
    /*background: #f1f1f1; */
    padding: 12px 8px;
    filter: invert(70%);
    -webkit-filter: invert(70%);
}

#arrowLeft img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}


/*************************************/


/*    CLASSES FORMULARIO LOGIN       */


/*************************************/

.topologin {
    background: #3173AD!important;
}

.EdtLogin input {
    padding-left: 13px;
}

.EdtSenha input {
    padding-left: 13px;
}

.containerLogin {
    background: rgba(0, 0, 0, 0)!important;
    margin: 0 auto;
    position: relative!important;
    left: -102px!important;
    float: right;
}

.login {
    margin: 0 auto;
    position: relative!important;
    left: -102px!important;
    float: right;
    width: 351px!important;
}

.bemvindo {
    margin: 0 auto;
    position: relative!important;
    left: -105px!important;
    float: right;
    width: 351px!important;
}

.logocomp {
    left: 10%!important;
}

@media (max-width: 420px) {
    /*************************************/
    /*     HABILITA A RESPONSIVIDADE     */
    /*************************************/
    .WFRIframeForm {
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        border: none !important;
    }
    .WFRIframeForm iframe {
        width: 100% !important;
        height: 100% !important;
    }
    /*********************************/
    /*        AJUSTAR SCROLL         */
    /*********************************/
    .StatusBar+.FormIframe>iframe {
        height: calc(100% - 28px) !important;
    }
    .HTMLTabContainer[style*="top: 42px"] {
        height: calc(100% - 42px)!important;
        top: 0!important;
        overflow: hidden;
        overflow-y: auto;
    }
    .HTMLTabContainer[style*="top: 42px"] .HTMLTabArea {
        height: calc(100% - 20px) !important;
    }
    .HTMLTabContainer {
        height: 100%!important;
    }
    .HTMLTabArea {
        height: 100%!important;
    }
    /*****************************************/
    /*        AJUSTES NAVAGATION FORM        */
    /*****************************************/
    .HTMLNavigationFormBar {
        height: 30px!important;
        display: none;
    }
    /*****************************************/
    /*              MENU MOBILE              */
    /*****************************************/
    #menudiv {
        box-sizing: border-box;
        max-width: 70% !important;
    }
    #menudiv.HTMLMenuVertical {
        width: 70% !important;
    }
    #menudiv.HTMLMenu {
        left: -70% !important;
    }
    #MenuPrincipal {
        width: 100% !important;
    }
    #menudiv .HTMLItem {
        left: 0px !important;
        top: 100%;
    }
    .DocumentSearchItens {
        width: 100% !important;
    }
    .HTMLMenuVertical .HTMLMenu ul {
        width: 100% !important;
    }
    .HTMLMenuVertical .HTMLMenu li {
        min-width: 100% !important;
    }
    .HTMLMenuVertical .HTMLMenu li a:focus {
        outline-style: none;
        outline-width: 0;
    }
    .HTMLMenuVertical ul li ul {
        position: relative !important;
    }
    .HTMLMenuHorizontal>ul>li:is(.LevelArrowDown):active :target ul {
        display: none !important;
    }
    .HTMLMenuVertical>ul>li:not(.HTMLMenuFirstLevelDisabled):hover:after {
        display: none;
    }
    .HTMLVerticalRemainingLevelsArrow>a:after,
    .HTMLFirstLevel.HTMLVerticalFirstLevelArrow>a:after {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        position: absolute;
        right: 5px;
        top: 15px;
        background-image: url(menu_arrow_d.png);
        filter: invert(100%);
        -webkit-filter: invert(100%);
        -moz-filter: invert(100%);
        -o-filter: invert(100%);
        -ms-filter: invert(100%);
    }
    .HTMLVerticalRemainingLevelsArrow:hover>a:after,
    .HTMLFirstLevel.HTMLVerticalFirstLevelArrow:hover>a:after {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        position: absolute;
        right: 5px;
        top: 15px;
        background-image: url(menu_arrow_d.png);
        filter: invert(100%);
        -webkit-filter: invert(100%);
        -moz-filter: invert(100%);
        -o-filter: invert(100%);
        -ms-filter: invert(100%);
    }
    .HTMLMenuVertical .HTMLFirstLevel>a {
        text-align: left!important;
    }
    /*** Menu horizontal para mobile ***/
    .HTMLMenuHorizontal {
        left: 0 !important;
        top: 0 !important;
        background: #333333;
        color: #CCCCCC;
    }
    #Menu.HTMLMenuHorizontal {
        width: 70% !important;
        background-color: rgba(10, 13, 16, 0.85);
    }
    #MenuPrincipal {
        width: 100% !important;
    }
    div#Menu .HTMLItem {
        left: 0px !important;
        top: 100%;
        min-width: 100% !important;
    }
    .HTMLMenuHorizontal .HTMLMenu ul {
        width: 100% !important;
    }
    .HTMLMenuHorizontal .HTMLMenu li {
        width: 100%;
    }
    .HTMLMenuHorizontal .HTMLMenu li>a {
        text-align: left
    }
    .HTMLMenuHorizontal .HTMLMenu>li>.HTMLItem {
        position: relative!important;
    }
    /*** Menu itens ***/
    #MenuPrincipal {
        width: 700%;
    }
    #menudiv {
        width: 70% !important;
        height: 100% !important;
        left: -70% !important;
        margin: 0 auto;
        top: 40px !important;
    }
    #Menu {
        left: -100%!important;
    }
    #Menu.is-open {
        left: 0px !important;
        transition: left .3s linear;
        top: 52px !important;
        height: calc(100% - 40px)!Important;
        overflow: hidden;
        width: 70% !important;
        overflow-y: auto;
        -webkit-transition: left .3s linear;
        -moz-transition: left .3s linear;
        -ms-transition: left .3s linear;
        -o-transition: left .3s linear;
    }
    #Menu.is-open #MenuPrincipal,
    #Menu.is-close #MenuPrincipal {
        width: 100% !important;
    }
    #Menu.is-close {
        left: -70% !important;
        transition: left .3s linear;
        top: 52px !important;
        width: 70% !important;
    }
    #botaoFechar {
        display: none;
    }
    /*****************************************/
    /*        ICONE NO MENU DE PEQUISA       */
    /*****************************************/
    .DocumentSearchItens>input {
        position: relative;
        top: 0;
        width: 100%;
        min-height: 40px;
        color: rgb(138, 140, 142);
        line-height: 16px;
        text-align: left;
        text-indent: 40px;
        font-size: 16px;
        border: solid 1px #dddddd;
        outline: none;
        margin-bottom: 10px;
        border-radius: 2px;
        background: url('search-menu-magnify.png') no-repeat left 10px center #fff;
        background-repeat: no-repeat;
        background-size: 18px;
        transition: 0.2s;
    }
    .DocumentSearchItens>input:focus {
        text-indent: 15px;
        background-position: -28px;
        border-color: #A9ACAF;
        box-shadow: 2px 2px 3px 1px #D2D2D2;
    }
    /*****************************************/
    /*      PESQUISA E PESQUISA AVAN�ADA     */
    /*****************************************/
    .WFRQueryForm #BodySearchFilter {
        width: 100% !important;
        height: 110px !important;
        margin-top: 15px;
    }
    .WFRQueryForm #BodySearchFilter input {
        width: 100% !important;
        height: 37px !important;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }
    #BodySearchFilterUserInput {
        margin-top: 10px;
    }
    .WFRQueryForm #BodySearchFilterCombo select {
        height: 37px !important;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        font-size: 16px;
    }
    .WFRQueryForm #BodySearchFilterCombo {
        height: 37px;
    }
    .WFRQueryForm #BodySearchFilterTitle {
        margin-bottom: 7px;
        font-size: 14px;
        width: 100%;
        text-transform: capitalize;
    }
    .WFRQueryForm #BodySearchOptions {
        float: left;
        display: flex;
        padding: 20px 5px;
    }
    .WFRQueryForm #BodySearchOptions>div {
        margin: 0 5px 0 5px;
    }
    /* Consulta Avan�ada */
    .WFRQueryForm #HeaderOptions {
        margin-left: 4px;
        float: left;
        width: 100%;
        display: flex;
        border: none;
    }
    .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;
    }
    #divQuery {
        height: auto !important;
        overflow: unset !important;
    }
    .WFRQueryForm #BodySearch {
        width: 100%;
        padding: 0 2%;
        box-sizing: border-box;
    }
    #divQuerySelect,
    #divQueryInput {
        width: 100%;
        margin-bottom: 5px;
        left: 2%;
    }
    .HTMLMenuVertical .HTMLMenu #divQuerySelect .lookup,
    #divQueryInput input,
    #divQuerySelect select {
        width: 100% !important;
        height: 37px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        font-size: 16px !important;
    }
    #divQueryInput div {
        float: none;
    }
    .WFRQueryForm #HeaderBasicQueryButton {
        text-align: center;
    }
    .login {
        width: 90%!important;
        float: none!important;
        left: 0px!important;
        top: 50%!important;
        transform: translateY(-50%);
    }
    .login .HTMLLabel {
        width: 100%!important;
        left: unset!important;
        right: unset!important;
        margin: 0 auto!important;
    }
    .login .HTMLLabel>div>div {
        text-align: center!important;
    }
    .login input {
        width: 100%!important;
        border: solid 1px #919B9C!important;
        font-size: 16px!important;
    }
    .logocomp {
        left: 0!important;
        position: absolute!important;
        width: 100%!important;
        top: 10%!important;
    }
    .logocomp img {
        max-width: 60%;
        height: auto!important;
        margin: 0 auto;
        display: block;
    }
    .bemvindo {
        width: 90%!important;
        position: relative!important;
        left: unset!important;
        display: none!important;
        float: none!important;
    }
    .login,
    .bemvindo {
        transition: all ease-in-out .5s;
        -webkit-transition: all ease-in-out .5s;
        -moz-transition: all ease-in-out .5s;
        -ms-transition: all ease-in-out .5s;
        -o-transition: all ease-in-out .5s;
    }
    /******************************************/
    /*            SCROLL LOGIN                */
    /******************************************/
    .box-close {
        display: none!important;
        -webkit-animation: slide-left .3s ease-out;
        -moz-animation: slide-left .3s ease-out;
    }
    .box-open {
        display: block!important;
        -webkit-animation: slide-left .3s ease-out;
        -moz-animation: slide-left .3s ease-out;
    }
    @-webkit-keyframes slide-left {
        0% {
            opacity: 0;
            -webkit-transform: translateX(0);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(-100%);
        }
    }
    @-moz-keyframes slide-left {
        0% {
            opacity: 0;
            -moz-transform: translateX(0);
        }
        100% {
            opacity: 1;
            -moz-transform: translateX(-100%);
        }
    }
    /***************************************/
    /*      ESCONDE NOME DO USUARIO        */
    /***************************************/
    .LblBemvindo,
    .usrlogin {
        display: none!important;
    }
    .hiddenElement {
        display: none!important;
    }
    .showElement {
        display: block!important;
    }
    /*****************************************/
    /*        NAVIGATION MENU BUTTON         */
    /*****************************************/
    .HTMLNavigationMenu {
        position: absolute!important;
        left: unset!important;
        top: unset!important;
        background-image: url('./menu.png')!important;
        bottom: 10px!important;
        right: 21px!important;
        display: block;
    }
    .HTMLNavigationMenu-active {
        left: unset!important;
        top: unset!important;
        background-image: url('./close.png')!important;
        background-color: #3173AF!important;
        bottom: 10px!important;
        right: 21px!important;
        display: block;
    }
    .HTMLNavigationForm {
        width: 46px!important;
        padding-top: 5px!important;
        height: 100%!important;
        z-index: 1000!important;
        background-color: #FFF!important;
        box-shadow: 0 5px 5px #949494!important;
        top: 0px!important;
        transition: .5s all!important;
        border-bottom-left-radius: 15px!important;
        border-bottom-right-radius: 15px!important;
        position: fixed!important;
        left: -60px;
    }
}

@media (max-width: 420px) {
    /*****************************************/
    /* HTMLEdit: Componente Edit             */
    /*****************************************/
    .HTMLEdit input:not([type='checkbox']) {
        font-size: 16px!important;
    }
    .HTMLImage {
        position: relative !important;
        left: 2px !important;
        margin: 2px;
        min-width: unset!important;
        display: inline-block;
        float: none!important;
    }
    #btnlogin,
    #biometric {
        position: absolute!important;
        top: unset!important;
        bottom: 15%!important;
        display: inline-block!important;
    }
    #usuario {
        top: 72px!important;
        left: 30px!important;
    }
    #senha {
        top: 85px!important;
        left: 31px!important;
    }
    .EdtLogin,
    .EdtSenha {
        width: 70%!important;
        left: 21%!important;
    }
    .login div:nth-child(7) {
        left: 20.5%!important;
    }
    .login div:nth-child(8) {
        left: 80%!important;
    }
    #arrowLeft {
        margin: 15px 0 0 10px;
        display: block!important;
        position: absolute!important;
    }
    #arrowRight {
        left: unset!important;
        top: 0!important;
        width: 25px!important;
        height: 25px!important;
        float: right;
    }
    /*********************************/
    /*          CORRE��O ABA         */
    /*********************************/
    #Aba {
        height: 100%!important;
        width: calc(100% - 10px)!important;
        left: 0px!important;
        top: 65px!important;
        overflow: hidden;
        margin: 0 auto;
        right: 0;
    }
    #Aba>#lay {
        height: calc(100% - 25px)!important;
    }
    #Aba.HTMLNavigationMenu {
        bottom: 25px!important;
    }
    #Aba>div {
        width: 100%!important;
        position: relative!important;
    }
    #Aba>div>div {
        width: 100%!important;
        overflow: hidden!important;
        height: 30px!important;
        position: relative!important;
    }
    #Aba>div>div>table {
        width: 100%!important;
    }
    #Aba>div>div>div {
        width: 100%!important;
        /* height:100%!important;*/
    }
    #Aba>div>div>div>iframe {
        width: 100%!important;
    }
    #disableAba {
        width: 100%!important;
        /* height:100%!important;*/
        left: 0px!important;
    }
    #Aba>div:nth-child(2) {
        top: 0px!important;
        position: relative!important;
    }
    .HTMLTabComponentCloseSelected {
        border-right: 0px!important;
    }
    .HTMLTabComponentSelected {
        border-left: 0!important;
    }
    .HTMLTabComponentSelected,
    .HTMLTabComponentCloseSelected,
    .HTMLTabComponentUndockSelected {
        border-bottom: 0!important;
    }
    .HTMLTabComponentRow {
        border-bottom: 0px!important;
    }
    #Aba .HTMLGroupBox .HTMLGroupBox-Bottom {
        left: 0px!important;
    }
}

@media (max-width: 1390px) {
    .logocomp {
        top: 5%!important;
        position: absolute!important;
        left: 0!important;
        width: 100%!important;
        transition: all ease-in-out .2s;
        -webkit-transition: all ease-in-out .2s;
        -moz-transition: all ease-in-out .2s;
        -ms-transition: all ease-in-out .2s;
        -o-transition: all ease-in-out .2s;
    }
    .logocomp img {
        margin: 0 auto!important;
        display: block;
    }
}

@media (min-width: 777px) {
    /********************************************/
    /*            ESCONDE ARROWS LOGIN          */
    /********************************************/
    #arrowLeft,
    #arrowRight {
        display: none!important;
    }
}