/*****************************************/
/*               RESPONSIVO              */
/*****************************************/

#lay {
  width: 100%!important;
}
.gridMark,
.gridDiv {
  width: 100%!important;
}

.HTMLNavigationGrid {
  width: 100%!important;
}

.labelright {
  left: 100%!important;
  z-index: 0!important;
}

.labeltop {
  width: 100%!important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.labelright, .labelleft {
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.HTMLPaging {
  left: -162px!important;
  position: relative!important;
  float: right;
}

#labelbottom {
  width: 100%!important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.col-sm-2 #HTMLImageSelf {
  width: 100%!important;
  height: 100%!important;
 }

.HTMLNavigationForm .HTMLNavigationFormButton, .HTMLNavigationButton {
  left: 0!important;
}

.HTMLNavigationFormButton-EditSave div {
  min-width: 80px;
  max-width: 80px;
}

.HTMLNavigationFormButton-EditCancel div {
  min-width: 80px;
  max-width: 80px;
}

.HTMLNavigationFormButton-IncludeCancel div {
  min-width: 80px;
  max-width: 80px;
}

.HTMLNavigationFormButton-IncludeSave div {
  min-width: 80px;
  max-width: 80px;
}

.active-selection-true .active-row-cell>.HTMLLookup>.HTMLButton {
  width: 17px!important;
  left: calc(100% - 17px)!important;
}

.active-selection-true .active-row-cell>.HTMLComboBox>.HTMLButton {
  width: 17px!important;
  left: calc(100% - 17px)!important;
}

/*****************************************/
/*     HTMLButton: Componente botão      */
/*****************************************/

.HTMLButton button {
  /*width: 100%!important;*/
}

/*****************************************/
/*  HTMLTabController: Área das Abas     */
/*****************************************/

.HTMLTabController {
  left: 0px;
  width: 100%;
  z-index: 0;
  position: relative;
}

/*****************************************/
/*   HTMLTabContainer: Container da Aba  */
/*****************************************/

.HTMLTabContainer {
  width: 100%;
  position: absolute; 
  z-index: 1;
}

/*****************************************/
/*   HTMLRadioGroup: Componente Opções   */
/*****************************************/

.HTMLRadioGroup #HTMLRadioGroupOptions {
  height: 100%;
  display: table;
  display: table;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.HTMLRadioGroup >.HTMLGroupBox {
  width: 100%!important;
}

/*****************************************/
/*       HTMLLabel: Componente Text      */
/*****************************************/

.HTMLLabel {
  display: table !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*****************************************/
/*    HTMLEdit: Componente Edit          */
/*****************************************/

.HTMLEdit input {
  width: 100%!important;
}

/* .HTMLEdit div:last-child {
  width: 100%!important;
} */

.HTMLEdit div:last-child>div {
  width: 17px!important;
}

#calendarDiv, #calendarDivModern {
  width: 0!important;
}

/*****************************************/
/*    HTMLMemo: Componente Texto Longo   */
/*****************************************/

.HTMLMemo > div {
  width: 100%!important;
}

.HTMLMemo textarea {
  width: 100%!important;
}

/******************************************/
/*  HTMLLookup: Componente Lista Dinâmica */
/******************************************/

.HTMLLookup > div .HTMLLookupMobile {
  height: 100%;
  z-index: 1000000;
  position: absolute!important;
}

#lookupHeader div:first-child, #lookupHeader div:last-child {
  width: 19px!important;
}

#lookupHeader div {
  width: calc(100% - 38px)!important;
}

/*****************************************/
/*     HTMLComboBox: Componente Lista    */
/*****************************************/

.HTMLComboBox input {
  width: 100%!important;
}

.HTMLComboBox div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.HTMLComboBox-ReadOnly > div {
  cursor: no-drop;
}

.HTMLComboBox div >.HTMLButton {
  left: calc(100% - 17px)!important;
  width: 17px!important;
}

.HTMLComboBox >.HTMLButton {
  left: calc(100% - 17px)!important;
  width: 19px!important;
  border: 1px;
  height: calc(100% - -17px)!important;
  top: 1px!important;
}

.HTMLComboBox .HTMLLookupMobile {
  left: calc(100% - 18px)!important;
  width: 18px!important;
  border: 0px;
  height: calc(100% - 2px);
  position: absolute;
  z-index: 10000000;
}

.HTMLComboBox > div .HTMLLookupMobile {
  left: calc(100% - 17px)!important;
  width: 17px!important;
  height: 100%;
  z-index: 1000000;
  position: absolute!important;
}

.HTMLComboBox button {
  width: 17px!important;
}

.HTMLLookup > .HTMLLookupMobile {
  border: 0px;
  height: calc(100% - 2px);
  position: absolute;
  z-index: 10000000;
}

.active-row-cell > .HTMLEdit #calendarDiv, .active-row-cell > .HTMLEdit #calendarDivModern {
  width: 0%!important;
  left: calc(100% - 20px)!important;
}

#WFRLookupSubForm {
  width: 20px!important;
}

.HTMLImage #HTMLImageZoom {
  float: right;
  position: relative!important;
  left: 23px!important;
}

.HTMLImage #HTMLImageWebCam {
  float: right;
  position: relative!important;
  left: -30px!important;
}

/*****************************************/
/*     HTMLCheckBox: Componente Check    */
/*****************************************/

.HTMLCheckBox {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.HTMLNavigationMenu {
  display: none;
}

/*****************************************/
/*         Responsividade Mobile         */
/*****************************************/

@media (max-width: 420px) {

  .HTMLDetailPanel {
    display: none !important;
  }

  body,html {
    height: 100%!important;
  }

  .formViewDiv {
    position: fixed !important;
    height: 100%!important;
    width: 100%!important;
  }

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

  #lay {
    width: 100%!important;
    margin: 0 auto!important;
    position: relative;
  }

  .HTMLTabArea {
    position: relative;
    width: 100% !important;
    height: 100%;
    float: left!important;
    top: 0px!important;
    border-top: 1px solid #cccccc;
  }

  .WFRIframeForm {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    border: none !important;
  }
  .WFRIframeForm iframe {
    width: 100% !important;
    height: 100% !important;
  }
  .HTMLImageGalleryMain {
    width: calc(100% - 10px) !important;
    left: 5px !important;
  }

/**************************************/
/*   HTMLComboBox: Componente Lista   */
/**************************************/

  .HTMLComboBox>div {
    width: 100% !important;
    font-size: 14px;
    height: 37px !important;
    position: unset !important;
  }

  .HTMLComboBox>div:first-child {
    margin-bottom: 5px;
    height: auto !important;
    top: 0!important;
  }

  .HTMLComboBox > input {
    width: 98% !important;
    position: relative !important;
    height: 30px !important;
    font-size: 20px !important;
    top: -55px !important;
  }

  .HTMLComboBox select {
    font-size: 16px !important;
    width: 100%;
    height: 37px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

  .HTMLComboBox .HTMLLookupMobile {
    left: calc(100% - 26px) !important;
    width: 18px !important;
    border: 0px;
    height: calc(100% - 22px);
    position: absolute;
    z-index: 10000000;
    top: -2px;
  }

  .HTMLComboBox .HTMLComboBoxPlaceholder {
    position: absolute !important;
    pointer-events: none !important;
    color: #757575 !important;
    padding-left: 7px !important;
    padding-top: 5px !important;
    width: calc(100% - 17px) !important;
    overflow: hidden !important;
    font-size: 14px !important;
    padding: 7px 8px
 }

  .HTMLComboBox > div .HTMLLookupMobile {
    left: calc(100% - 25px)!important;
    width: 19px!important;
    height: 28px;
    z-index: 1000000;
    top: 2px!important;
    position: absolute!important;
  }

  .HTMLComboBox > select {
    height: 30px !important;
  }

  .HTMLComboBox>div>input {
    width: 98%!important;
    position: absolute!important;
    height: 30px!important;
    font-size: 20px!important;
    display: block;
    top: 1px;
    padding-right: 28px;
  }

  .HTMLComboBox> div> .HTMLButton {
    left: calc(100% - 25px)!important;
    width: 18px!important;
    border: 0px;
    height: calc(100% - 2px);
    top: 1px!important;
  }


  .HTMLComboBox >.HTMLButton {
    left: calc(100% - 26px)!important;
    width: 19px!important;
    border: 1px;
    height: calc(100% - -17px)!important;
    top: -21px!important;
  }

  .HTMLComboBox {
    width: calc(100% - 10px)!important;
    position: relative !important;
    height: auto!important;
    left: 5px !important;
    top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 15px;
  }

  .HTMLComboBox>div>div>:nth-child(1) {
    top: -15px!important;
    height: 30px !important;
  }

  .HTMLComboBoxDetails {
    width: calc(100% - 25px) !important;
    left: 3px !important;
    position: absolute;
    margin-top: 9px !important;
  }

/**********************************************/
/*   HTMLLookup: Componente Lista Dinâmica    */
/**********************************************/

  .HTMLLookup > div .HTMLLookupMobile {
    height: 28px;
    z-index: 1000000;
    position: absolute!important;
    border: 1px solid #ccc;
    top: 2px;
  }

  .HTMLLookup >.HTMLButton {
    left: calc(100% - 20px) !important;
    width: 19px !important;
    border: 1px;
    height: calc(100% - 16px) !important;
    top: 0px !important;
    position: absolute !important;
  }

  .HTMLLookup > input {
    width: 100%! important;
    position: unset !important;
    height: 30px !important;
    font-size: 14px !important;
    min-height: 30px;
  }

  .HTMLLookupDetails {
    width: calc(100% - 27px) !important;
    left: 5px !important;
    position: absolute;
    margin-top: 9px !important;
  }

  .HTMLLookup>div>div>:nth-child(1) {
    top: 0!important;
    height: 30px!important;
  }

  .HTMLLookup {
    width: calc(100% - 10px)!important;
    height: auto !important;
    position: relative !important;
    left: 5px !important;
    top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 15px;
  }

  .HTMLLookup>div {
    width: 100%!important;
    font-size: 14px;
    position: relative !important;
    margin-bottom: 5px;
    top: 0!important;
  }

  .HTMLLookup>div> .HTMLButton {
    width: 19px !important;
    position: absolute !important;
    top: unset !important;
    left: calc(100% - 20px) !important;
    bottom: 1px;
    margin: 0;
  }

  .HTMLLookup>div>input {
    width: 100% !important;
    height: 30px!important;
    position: relative!important;
    font-size: 16px !important;
  }


  .HTMLLookup .HTMLLookupMobile {
    height: calc(100% - 9px) !important;
    border: 0px !important;
    position: absolute;
    z-index: 10000000;
  }

  .HTMLLookup > .HTMLButton button:enabled:hover .HTMLLookup input {
    border-right: 1px solid #00c8d2;
    border-left: 1px solid #00c8d2;
    border-top: 1px solid #00c8d2;
    border-bottom: 1px solid #00c8d2;
  }

/***********************************/
/*             HTMLEdit            */
/***********************************/

  .HTMLEdit {
    width: calc(100% - 10px)!important;
    height: auto !important;
    position: relative !important;
    left: 5px !important;
    top: 0px !important;
    padding-top: 0px !important;
    margin-bottom: 15px;
  }

  .HTMLEdit>div {
    width: 100% !important;
    position: relative !important;
    margin-bottom: 5px;
    top: 0!important;
  }
  .HTMLTabContainer[style="left: 0px; top: 0px;"] .labelleft {
    top: 5px!important;
  }

  .HTMLEdit>div>div {
    left: 90% !important;
    top: 6.5px !important;
  }

  .HTMLEdit input {
    width: 100% !important;
    height: 30px !important;
    position: relative !important;
    font-size: 16px !important;
    min-height: 30px;
    text-indent: 5px;
  }
  .HTMLEdit>div>input {
    width: 100% !important;
    height: 37px !important;
    position: relative !important;
    font-size: 16px !important;
    min-height: 37px;
    border-radius: 5px;
    -webkit-border-radius: 5px  ;
    -moz-border-radius: 5px  ;
    -ms-border-radius: 5px  ;
    -o-border-radius: 5px  ;
}

/* AJUSTE DO EDIT DENTRO DA GRADE */
  .listGrid .HTMLEdit {
    margin-bottom: 0!important;
  }
  .listGrid .HTMLCheckBox {
    left: 0px !important;
  }


/***********************************/
/*         HTMLCheckBox            */
/***********************************/

  .HTMLCheckBox {
    width: 98% !important;
    position: relative !important;
    left: 2px !important;
    top: 0px !important;
    height: 30px !important;
  }

  .HTMLCheckBox #chkLabel {
    font-size: 14px!important;
  }

  .HTMLCheckBox input:enabled {
    width: 20px!important;
    height: 20px!important;
  }

  .HTMLImage {
    position: relative !important;
    left: 2px !important;
    top: 0px !important;
    margin: 2px;
    min-width: 25%;
    display: inline-block;
    float: left;
  }

  .HTMLNavigationFormDiv {
    width: 100%;
    height: 70px;
    position: absolute;
    top: 0;
    display: none;
  }


  .labelright{
    left: unset!important;
    right: 0!important;
    z-index: 0!important;
    top: 5px;
  }
  .labelbottom{
    top: -14px!important;
  }
  .label-alert {
    position: relative!important;
    display: block!important;
    left: 2%!important;
    width: 98%!important;
    margin-bottom: 20px;
    top: 0!important;
    height: auto!important;
  }

 #boxes img#HTMLImageSelf {
    width: 100%!important;
    height: 100%!important;
  }
  .labelleft{
    left: 2px!important;
    top: 5px!important;
    text-align: left!important;
  }

  #calendarDiv, #calendarDivModern {
    left: calc(100% - 18px)!important;
  }

  .HTMLEdit font {
    font-size: 14px!important;
  }

  .HTMLNavigationForm div {
    margin-right: 6px;
  }

  .HTMLNavigationForm .HTMLNavigationFormButton, .HTMLNavigationButton {
    padding: 3px!important;
  }


  #WFRLookupSubForm {
    display: none!important;
  }

  .HTMLLabel {
    position: relative!important;
    left: 5px !important;
    top: 0px !important;
    margin-bottom: 13px!important;
  }

  .HTMLNavigationForm {
    width: 55px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
    z-index: 1000;
    box-shadow: 0px 2px 1px #949494;
    top: 60px;
    left: -60px;
    transition: 0.5s all;
  }

  .HTMLNavigationFormButton-EditSave img {
    width: 35px !important;
  }

  .HTMLNavigationFormButton-EditSave-Over img {
    width: 35px !important;
  }

  .HTMLNavigationFormButton-EditCancel img {
    width: 35px !important;
  }

  .HTMLNavigationFormButton-EditCancel-Over img {
    width: 35px !important;
  }

  .HTMLNavigationFormButton-IncludeSave img {
    width: 35px !important;
  }

  .HTMLNavigationFormButton-IncludeSave-Over img {
    width: 35px !important;
  }

  .HTMLNavigationFormButton-IncludeCancel img {
    width: 35px !important;
  }

  .HTMLNavigationFormButton-IncludeCancel-Des img {
    width: 35px !important;
  }

  .HTMLNavigationFormButton-IncludeCancel-Over img {
    width: 35px !important;
  }

  .HTMLNavigationFormButton-IncludeSaveMore img {
    width: 35px !important;
  }

  .HTMLNavigationFormButton-IncludeSaveMore-Over img {
    width: 35px !important;
  }


/***********************************/
/*         HTMLRadioGroup          */
/***********************************/

  .HTMLRadioGroup {
    width: calc(100% - 10px) !important;
    height: auto !important;
    left: 5px !important;
    top: 0px !important;
    bottom: 20px;
    position: relative !important;
    margin-bottom: 15px !important;
  }


  .HTMLRadioGroup>.HTMLGroupBox {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    top: 0px !important;
  }

  .HTMLRadioGroup #HTMLRadioGroupOptions {
    top: calc(50% + 5px)!important;
  }  

  .HTMLRadioGroup .HTMLLabel {
    margin-bottom: 0px!important;
  }

  .HTMLRadioGroup #HTMLRadioGroupOption input:enabled {
    width: 20px !important;
    height: 20px !important;
    outline: none;
    vertical-align: middle;
  }

  .HTMLRadioGroup .HTMLLabel {
    top: -12px !important;
    font-size: 16px;
    left: 5px !important;
    padding-bottom: 0px !important;
  }

/***********************************/
/*              HTMLTab            */
/***********************************/

  .HTMLTab-Selected {
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 10px;
    font-size: 16px !important;
    background: #D1D1D1;
  }

  .HTMLTab {
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 10px;
    font-size: 16px !important;
    float: left !important;
  }

/***********************************/
/*             HTMLMemo            */
/***********************************/

  .HTMLMemo {
    width: calc(100% - 10px) !important;
    height: auto !important;
    position: relative !important;
    left: 5px !important;
    margin-top: 20px !important;
    margin-bottom: 20px;
    padding-top: 0px !important;
    top: 0px !important;
  }

  .HTMLMemo>div {
    width: 100% !important;
    position: unset !important;
    margin-bottom: 5px;
  }

  .HTMLMemo>div textarea {
    width: 100%!important;
    position: relative!important;
    font-size: 14px !important;
    resize: none;
  }

  .HTMLMemo font {
    font-size: 14px !important;
  }

/***********************************/
/*       HTMLTabController         */
/***********************************/

  .HTMLLabel {
    font-size: 12px;
    width: 0px;
    height: 10px;
    left: 8px;
    top: -14px;
  }

/***********************************/
/*         HTMLGroupBox            */
/***********************************/

  .HTMLGroupBox:empty {
    display: none !important;
    position: relative !important;
  }

  .HTMLGroupBox {
    position: relative !important;
    width: 100%!important;
  }

  .HTMLGroupBox-Top {
    display: none!important;
  }

  .HTMLGroupBox-Left {
    display: none!important;
  }

  .HTMLGroupBox-Right {
    display: none!important;
  }

  .HTMLGroupBox-Bottom {
    display: none!important;
  }

  .HTMLGroupBox-Dashed {
    border-style: dashed;
  }

  .WFRQueryForm {
    top: 10px!important;
    font-family: 'segoeWp', arial, sans-serif;
    overflow: auto;
  }


  /**********************/
  /*        GRID        */
  /**********************/

  .grid {
    width: calc(100% - 10px)!important;
    top: 0px !important;
    position: relative !important;
    /* left: 5px !important; */
    margin-bottom: 20px!important;
  }

  .gridDiv {
	  width: calc(100% - 5px)!important;
	  position: unset !important;
	  left: 0 !important;
	  top: unset !important;
  }

  .gridMark {
    width: calc(100% - 5px)!important;
    top: 57px !important;
    position: unset !important;
    left: 0 !important;
  }

  .HTMLNavigationGrid {
    position: unset !important;
  }

  .HTMLNavigationGrid .HTMLButton {
    width: 100%!important;
  }

  .HTMLNavigationGrid .HTMLNavigationGridButton {
    float: left;
    margin-bottom: 2px;
    margin-left: 2px;
    height: auto !important;
  }
  .HTMLNavigationGrid> .HTMLNavigationGridButton-Include {
    position: unset !important;
    width: 65px!important;
  }

  .HTMLNavigationGrid> .HTMLNavigationGridButton-Edit {
    position: unset !important;
    width: 40px!important;
    left: 45px!important;
    top: 0px!important;
  }

  .HTMLNavigationGrid> .HTMLNavigationGridButton-Delete {
    position: unset !important;
    width: 40px!important;
    left: 90px!important;
    top: 0px!important;
  }

  .HTMLNavigationGrid> .HTMLNavigationGridButton-Refresh {
    position: unset !important;
    width: 40px!important;
    left: 135px!important;
    top: 0px!important;
  }

  .HTMLNavigationGrid > .HTMLNavigationGridButton-EditSave {
    width: 80px!important;
    position: unset !important;
    top: 0px!important;
  }

  .HTMLNavigationGrid > .HTMLNavigationGridButton-EditCancel {
    width: 80px!important;
    position: unset !important;
    left: 85px!important;
    top: 0px!important;
  }

  .HTMLNavigationGrid > .HTMLNavigationGridButton-IncludeSave {
    width: 80px!important;
    position: unset !important;
    top: 0px!important;
  }

  .HTMLNavigationGrid > .HTMLNavigationGridButton-IncludeCancel {
    width: 80px!important;
    position: unset !important;
    left: 85px!important;
    top: 0px!important;
  }

  .HTMLNavigationGridButton-EditSave .HTMLButton {
    width: 80px!important;
    position: unset !important;
    left: 85px!important;
    top: 0px!important;
  }

  .grid .HTMLLookupGrid .HTMLButton {
    position: absolute!important;
    top: 0px!important;
    width: 17px!important;
    left: calc(100% - 17px)!important;
    height: 100%!important;
    margin-bottom: 0;
  }

  .grid .HTMLLookupGrid .HTMLButton button {
    position: inherit!important;
    top: 0px!important;
    width: 17px!important;
    left: calc(100% - 17px)!important;
    height: 100%!important;
  }

  .grid .HTMLComboBoxGrid .HTMLButton {
    position: inherit!important;
    top: 0px!important;
    width: 17px!important;
    left: calc(100% - 17px)!important;
    height: 20px!important;
  }

  .grid .HTMLComboBoxGrid .HTMLButton button {
    position: inherit!important;
    top: 0px!important;
    width: 17px!important;
    left: calc(100% - 17px)!important;
    height: 18px!important;
  }

  .grid> .HTMLCheckBox {
    width: 15px!important;
    position: relative!important;
    left: 0px!important;
    top: 0px!important;
    height: 15px!important;
  }

  .grid .HTMLPaging {
    position: relative !important;
    top: unset !important;
    margin-top: 5px;
  }

  .grid .HTMLPaging .HTMLPagingButton {
    position: unset !important;
    margin-left: 4px;
  }

  .grid .HTMLPaging .HTMLPagingButton[style*="display: block;"]{
    display: inline-block !important;
  }

/***********************************/
/*            HTMLPaging           */
/***********************************/

  .HTMLPaging {
    left: 0px!important;
    position: absolute!important;
    width: 100%;
    top: 159px!important;
  }

  .HTMLPaging > .HTMLButton {
    width: 30px!important;
    position: absolute!important;
  }

  .HTMLPaging > .HTMLPagingButton-Previous {
    left: 40px!important;
  }

  .HTMLPaging > .HTMLPagingButton-Previous-Des {
    left: 40px!important;
  }

  .HTMLPaging > .HTMLPagingButton-Next {
    left: 78px!important;
  }

  .HTMLPaging > .HTMLPagingButton-Next-Des {
    left: 78px!important;
  }

  .HTMLPaging > .HTMLPagingButton-First-Des {
    left: 2px!important;
  }

  .HTMLPaging > .HTMLPagingButton-Last {
    left: 116px!important;
  }

  .HTMLPaging > .HTMLPagingButton-Last-Des {
    left: 116px!important;
    position: absolute!important;
  }

/************************************/
/*   HTMLButton: Componente botão   */
/************************************/

  .HTMLButton {
    width: calc(100% - 10px) !important;
    position: relative !important;
    left: 5px !important;
    top: 0px !important;
    height: auto!important;
    margin-bottom: 20px;
  }

  .HTMLButton button:enabled {
    width: 100% !important;
    left: 0;
    position: relative;
  }

  .HTMLButton button:disabled {
    width: 100% !important;
    height: 30px !important;
    left: 0;
    position: relative;
  }

  .HTMLNavigationFormBar {
    background-image: inherit!important;
  }

  .active-row-cell .HTMLCheckBox {
    height: 20px !important;
    position: relative !important;
    left: 0px !important;
    top: 0px !important;
    background-color: unset !important;
  }

  .active-row-cell > .HTMLCheckBox input:enabled {
    width: 15px!important;
    height: 15px!important;
  }

  .HTMLNavigationGrid .HTMLNavigationGridButton-Include > .HTMLButton {
    width: 80px!important;
    position: absolute!important;
  }

  .HTMLNavigationMenu {
    width: 35px;
    height: 35px;
    border: 0;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background-image: url('Default/menu.png');
    background-size: contain;
    background-color: unset;
    background-repeat: no-repeat;
    outline: none;
  }

  .HTMLNavigationMenu-active {
    width: 35px;
    height: 35px;
    border: 0;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background-image: url('Default/close.png');
    background-size: contain;
    background-color: unset;
    background-repeat: no-repeat;
    outline: none;
    visibility: visible!important;
  }

  .HTMLCloseContainer {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10;
    opacity: 0;
    top: 0;
  }

  .HTMLTab > div > img {
    display: none!important;
  }

  .HTMLTab-Selected > div > img {
    display: none!important;
  }

  .HTMLLabel>div>div {
    font-size: 14px!important;
  }

  .HTMLDualList {
    top: 30px!important;
    bottom: 30px!important;
    width: 100%!important;
    position: relative!important;
    left: 0!important;
  }

  .HTMLRadioGroup #HTMLRadioGroupOption {
    margin: 2px 2px;
    display: table-row;
    vertical-align: top!important;
  }

  .active-row-cell {
    font-size: 14px;
  }

  .active-templates-row {
    height: 27px!important;
  }

  .active-scroll-left > .active-box-normal {
    height: 27px;
    line-height: 27px;
  }

  .active-row-cell {
    display: block;
    padding: 5px 5px!important;
  }

  .active-controls-grid > .active-scroll-data {
    top: 26px!important;
    width: calc(100% - 28px);
    height: calc(100% - 26px) !important;
  }

  .active-box-item {
    font-size: 14px!important;
    line-height: 27px;
  }

  .active-scroll-top-noscroll {
    height: 27px!important;
  }

  .active-scroll-top {
    height: 27px!important;
  }

  .active-scroll-left {
    top: 7px!important;
  }

  .active-scroll-corner {
    height: 27px!important;
  }

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

  .HTMLTable .HTMLEdit {
    float: left;
    border-right: 2px solid #93DAFF;
  }

  .HTMLTableSearchEdge {
    overflow: hidden;
  }

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

  .HTMLTable .HTMLEdit input:focus {
    border: 1px solid #62cdf1;
  }

  .HTMLTable .HTMLEdit input:hover {
    border-color: #77c5df;
  }

/*
** @Renato Moreira - Responsivdade do HTMLMessage
*/

  .HTMLMessage {
    width: calc(100% - 20px);
  }


  /******************************************/
  /*  Agrupar containers inline no Mobile */
  /******************************************/
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4 {
    position: relative!important;
    margin-bottom: 20px;
  }
  .col-sm-1 {
    width: 100%!important;
    justify-content: center;
    display: flex;
  }
  .col-sm-2 {
    width: 49%!important;
    left: 1%!important;
    display: inline-block !important;
  }
  .col-sm-3 {
    width: 32%!important;
    left: 1%!important;
    display: inline-block !important;
  }
  .col-sm-4 {
    width: 24%!important;
    left: 1%!important;
    display: inline-block !important;
  }

  .label-alert {
    position: relative!important;
    display: block!important;
    left: 2%!important;
    margin-top: 10px;
    width: 98%!important;
  }
   .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;
  }
  .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;
  }

  .HTMLTabController {
  	overflow: hidden;
  	overflow-x: auto;
  }

/***********************************/
/*           HTMLGrid              */
/***********************************/
  .HTMLGrid {
    position: relative !important;
    top: 0px !important;
    left: 5px !important;
    width: calc(100% - 5px)!important;
    margin-bottom: 15px;
  }

  .HTMLGrid .listGrid {
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  .cell > div:first-child, .cellOver > div:first-child, .cellDark > div:first-child, .cellDarkOver > div:first-child{
    max-height: 22px!important
  }

}

@media (min-width: 421px) and (max-width: 560px){
  /* AJUSTE DO EDIT DENTRO DA GRADE */
  .listGrid .HTMLEdit {
    margin-bottom: 0!important;
    min-height: unset!important;
  }
  .listGrid .HTMLCheckBox {
    width: 100% !important;
    left: 0px !important;
  }
}