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

#lay {
  width: 100%!important;
}

.gridMark {
  width: 100%!important;
}

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

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

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

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

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

.HTMLRadioGroup #HTMLRadioGroupOptions {
  height: 100%;
  display: table;
  width: 100%;
  top: 1px;
  position: absolute;
}

.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 input {
  /*width: 100%!important;*/
}

.HTMLLookup div:not(.HTMLLookupTypeSearch){
 /* width: 100%!important;*/
}

.HTMLLookup .HTMLButton {
  /*left: calc(100% - 17px)!important;*/
  /*width: 17px!important;*/
}


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

.HTMLLookup button {
  /*width: 17px!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 {
  width: 100%!important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}



.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;
}
.HTMLLookup > .HTMLLookupMobile {
  left: calc(100% - 18px)!important;
  width: 18px!important;
  border: 0px;
  height: calc(100% - 2px);
  position: absolute;
  z-index: 10000000;
}
.HTMLComboBox button {
  width: 17px!important;
}

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


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


@media (max-width: 420px) {
 
  .HTMLDetailPanel {
    display: none !important;
  }
 
  body,html {
    height: 100%!important;
  }
  
  .formViewDiv {
    position: fixed!important;
    top: 74px!important;
    height: calc(100% - 60px)!important;
    width: calc(100% - 18px)!important;
  }
  
  .HTMLTabContainer[style*="top: 0px;"] {
    top: 0px!important;
  }
  
  .HTMLTabContainer[style*="top: 60px;"] {
    top: 20px!important;
  }
  
  .HTMLTabArea[style*="top: 0px;"] {
    top: 0px!important;
  }
  
  #lay {
    width: 100%!important;
    margin: 0 auto!important;
    position: relative;
    overflow-x: hidden;
  }
  
  .HTMLTabArea {
    position: relative;
    width: 100%!important;
    height: 100%;
    float: right!important;
    top: 39px!important;
    border-top: 1px solid #cccccc;
  }
  
  
  .HTMLComboBox>div {
    width: 100%!important;
    font-size: 14px;
    height: 31px!important;
  }
  
  .HTMLComboBox > input {
    width: 98%!important;
    position: relative!important;
    height: 30px!important;
    font-size: 20px!important;
    top: -55px!important;
  }
  
  .HTMLComboBox .HTMLLookupMobile {
    left: calc(100% - 26px)!important;
    width: 18px!important;
    border: 0px;
    height: calc(100% - 22px);
    position: absolute;
    z-index: 10000000;
    top: -2px;
  }
  
  .HTMLComboBox > div .HTMLLookupMobile {
    left: calc(100% - 25px)!important;
    width: 19px!important;
    height: 28px;
    z-index: 1000000;
    top: 2px!important;
    position: absolute!important;
  }
  
  .HTMLLookup > div .HTMLLookupMobile {
    left: calc(100% - 25px)!important;
    width: 19px!important;
    height: 28px;
    z-index: 1000000;
    position: absolute!important;
    border: 1px solid #ccc;
    top: 2px;
  }
  
  .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;
  }
  
  .HTMLLookup >.HTMLButton {
    left: calc(100% - 26px)!important;
    width: 19px!important;
    border: 1px;
    height: calc(100% - -30px)!important;
    top: -36px!important;
  }
  
  .HTMLEdit {
    width: 100%!important;
    position: relative!important;
    left: 2px!important;
    top: 25px!important;
    padding-top: 0px!important;
    padding-bottom: 15px;
    height: 35px!important;
  }
  
  .HTMLEdit>div {
    width: 100%!important;
    left: 20px;
  }
  
  .HTMLEdit>div>div {
    left: 90%!important;
    top: 6.5px!important;
  }
  
  .HTMLEdit input {
    width: 98%!important;
    position: relative!important;
    height: 30px!important;
    font-size: 20px!important;
  }
  
  .HTMLNavigationFormDiv {
    width: 100%;
    height: 70px;
    position: absolute;
    top: 0;
    display: none;
  }
  
  .HTMLEdit>div>input {
    width: 98%!important;
    position: relative!important;
    height: 30px!important;
    font-size: 20px!important;
  }
  
  .labelright{
    left: 0%!important;
    z-index: 0!important;
    top: -14px;
  }
  
  .labelbottom{
    top: -14px!important;
  }
  
  .labelleft{
    left: 2px!important;
    top: -15px!important;
    text-align: left!important;
  }
  
  #calendarDiv, #calendarDivModern {
    left: calc(100% - 32px)!important;
  }
  
  
  .HTMLCheckBox {
    width: 98%!important;
    position: relative!important;
    left: 2px!important;
    top: 18px!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: 20px!important;
    padding-bottom: 13px!important;
  }
  
  .HTMLComboBox {
    width: 100%!important;
    position: relative!important;
    left: 2px!important;
    top: 25px!important;
    padding-top: 0px!important;
    padding-bottom: 15px;
    height: 35px!important;
  }
  
  .HTMLLookup > input {
    width: 98%!important;
    position: relative!important;
    height: 30px!important;
    font-size: 20px!important;
    top: -69px!important;
  }
  
  .HTMLEdit>div>input {
    width: 98%!important;
    position: relative!important;
    height: 30px!important;
    font-size: 20px!important;
  }
  
  .HTMLComboBox>div>div>:nth-child(1) {
    top: 0!important;
    height: 30px!important;
    ;
  }
  
  .HTMLComboBoxDetails {
    width: calc(100% - 25px)!important;
    left: 3px!important;
    position: absolute;
    margin-top: 9px!important;
  }
  
  .HTMLLookupDetails {
    width: calc(100% - 25px)!important;
    left: 3px!important;
    position: absolute;
    margin-top: 9px!important;
  }
  
  .HTMLLookup {
    width: 80%!important;
    position: relative!important;
    left: 2px!important;
  }
  
  .HTMLLookup>div>div>:nth-child(1) {
    top: 0!important;
    height: 30px!important;
    ;
  }
  
  .HTMLLookup {
    width: 100%!important;
    position: relative!important;
    left: 2px!important;
    top: 32px!important;
    padding-bottom: 20px!important;
  }
  
  .HTMLLookup>div {
    width: 100%!important;
    font-size: 14px;
  }
  
  .HTMLLookup>div> .HTMLButton {
    position: absolute!important;
    top: 0!important;
    left: calc(100% - 25px)!important;
    width: 18px!important;
  }
  
  .HTMLLookup>div>input {
    width: 98%!important;
    position: relative!important;
    height: 30px!important;
    font-size: 20px!important;
  }
  
  
  .HTMLLookup .HTMLLookupMobile {
    left: calc(100% - 26px)!important;
    width: 18px!important;
    border: 0px;
    height: calc(100% - 9px);
    position: absolute;
    z-index: 10000000;
    top: -20px;
  }
  
  .HTMLButton {
    width: 98%!important;
    height: 57px!important;
    position: relative!important;
    left: 2px!important;
    top: 7px!important;
  }
  
  .HTMLButton button:enabled {
    width: 100%!important;
    height: 29px!important;
    left: 0;
    top: 19px!important;
    position: relative;
  }
  
  .HTMLEdit font {
    font-size: 14px!important;
    top: -27px!important;
  }
  
  .HTMLNavigationForm div {
    margin-right: 6px;
  }
  
  .HTMLNavigationForm .HTMLNavigationFormButton, .HTMLNavigationButton {
    padding: 3px!important;
  }
  
  
  #WFRLookupSubForm {
    display: none!important;
  }
  
  .HTMLLabel {
    position: relative!important;
    left: 2px!important;
    top: 20px!important;
    padding-bottom: 13px!important;
  }
  
  
  .HTMLNavigationForm {
    width: 50px!important;
    padding-top: 5px;
    height: 491px!important;
    z-index: 1000;
    background-color: #FFF;
    box-shadow: 0px 5px 5px #949494;
    top: 45px!important;
    left: -60px;
    transition: 0.5s all;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
  }
  
  .HTMLNavigationFormButton-EditSave img {
    width: 36px!important;
  }
  
  .HTMLNavigationFormButton-EditSave-Over img {
    width: 36px!important;
  }
  
  .HTMLNavigationFormButton-EditCancel img {
    width: 36px!important;
  }
  
  .HTMLNavigationFormButton-EditCancel-Over img {
    width: 36px!important;
  }
  
  .HTMLNavigationFormButton-IncludeSave img {
    width: 36px!important;
  }
  
  .HTMLNavigationFormButton-IncludeSave-Over img {
    width: 36px!important;
  }
  
  .HTMLNavigationFormButton-IncludeCancel img {
    width: 36px!important;
  }
  
  .HTMLNavigationFormButton-IncludeCancel-Over img {
    width: 36px!important;
  }
  
  .HTMLNavigationFormButton-IncludeSaveMore img {
    width: 36px!important;
  }
  
  .HTMLNavigationFormButton-IncludeSaveMore-Over img {
    width: 36px!important;
  }
  
  .HTMLTab-Selected {
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 10px;
    font-size: 20px!important;
    background: #D1D1D1;
  }
  .HTMLRadioGroup {
    width: 98%!important;
    left: 2px!important;
    top: 20px!important;
    bottom: 20px;
    position: relative!important;
    margin-bottom: 25px!important;
  }
  
  .HTMLGroupBox:empty {
    display: none!important;
    position: relative!important;
  }
  
  .HTMLGroupBox {
    position: relative!important;
  }
  
  .HTMLRadioGroup>.HTMLGroupBox {
    width: 100%!important;
    display: block!important;
    top: 15px!important;
    height: 20px!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 {
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 10px;
    font-size: 20px!important;
    float: left!important;
  }
  
  .HTMLMemo {
    width: 98%!important;
    position: relative!important;
    left: 2px!important;
    margin-top: 20px!important;
    margin-bottom: 0px;
    padding-top: 0px!important;
    top: 0px!important;
  }
  
  .HTMLMemo>div {
    width: 98%!important;
  }
  
  .HTMLMemo>div textarea {
    width: 100%!important;
    position: relative!important;
    font-size: 20px!important;
    resize: none;
  }
  
  .HTMLMemo font {
    font-size: 14px!important;
  }
  
  .HTMLTabContainer {
    top: 36px!important;
  }
  
  .HTMLTabController {
    left: 0;
    top: 10px!important;
    height: 27px!important;
    float: left;
    width: 568px;
    z-index: 2;
    position: fixed;
    background: inherit!important;
  }
  
  .HTMLLabel {
    font-size: 12px;
    width: 0px;
    height: 10px;
    left: 8px;
    top: -14px;
  }
  
  
  .HTMLGroupBox .HTMLGroupBox-Box {
    display: none!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;
  }
  
  /**********************/
  /*    GRID      */
  /**********************/
  
  .grid {
    width: calc(100% - 10px)!important;
    top: 0px!important;
    position: relative!important;
    left: 0!important;
    height: 220px!important;
    bottom: 20px;
  }
  
  .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 button:disabled {
    width: 100%!important;
    height: 37px!important;
    left: 0;
    top: 16px!important;
    position: relative;
  }
  
  .gridDiv {
    width: calc(100% - 10px)!important;
    top: 57px!important;
    position: relative!important;
    left: 0!important;
    height: 120px!important;
  }
  
  .gridMark {
    width: calc(100% - 10px)!important;
    top: 57px!important;
    position: relative!important;
    left: 0!important;
    height: 120px!important;
  }
  
  .HTMLNavigationGrid {
    width: 100%!important;
  }
  
  .HTMLNavigationFormBar {
    background-image: inherit!important;
  }
  
  .HTMLNavigationGrid> .HTMLNavigationGridButton-Include {
    position: absolute!important;
    width: 40px!important;
    top: 0px!important;
  }
  
  .HTMLNavigationGrid> .HTMLNavigationGridButton-Edit {
    position: absolute!important;
    width: 40px!important;
    left: 45px!important;
    top: 0px!important;
  }
  
  .HTMLNavigationGrid> .HTMLNavigationGridButton-Delete {
    position: absolute!important;
    width: 40px!important;
    left: 90px!important;
    top: 0px!important;
  }
  
  .HTMLNavigationGrid> .HTMLNavigationGridButton-Refresh {
    position: absolute!important;
    width: 40px!important;
    left: 135px!important;
    top: 0px!important;
  }
  
  .HTMLNavigationGrid > .HTMLNavigationGridButton-EditSave {
    width: 80px!important;
    position: absolute!important;
    top: 0px!important;
  }
  
  .HTMLNavigationGrid > .HTMLNavigationGridButton-EditCancel {
    width: 80px!important;
    position: absolute!important;
    left: 85px!important;
    top: 0px!important;
  }
  
  .HTMLNavigationGrid > .HTMLNavigationGridButton-IncludeSave {
    width: 80px!important;
    position: absolute!important;
    top: 0px!important;
  }
  
  .HTMLNavigationGrid > .HTMLNavigationGridButton-IncludeCancel {
    width: 80px!important;
    position: absolute!important;
    left: 85px!important;
    top: 0px!important;
  }
  
  .HTMLNavigationGridButton-EditSave .HTMLButton {
    width: 80px!important;
    position: absolute!important;
    left: 85px!important;
    top: 0px!important;
  }
  
  
  .grid .HTMLLookupGrid .HTMLButton {
    position: inherit!important;
    top: 0px!important;
    width: 17px!important;
    left: calc(100% - 17px)!important;
    height: 20px!important;
  }
  
  .grid .HTMLLookupGrid .HTMLButton button {
    position: inherit!important;
    top: 0px!important;
    width: 17px!important;
    left: calc(100% - 17px)!important;
    height: 18px!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;
  }
  
  .active-row-cell .HTMLCheckBox {
    width: 20px!important;
    position: relative!important;
    left: 0px!important;
    top: 0px!important;
    height: 19px!important;
  }
  
  .active-row-cell > .HTMLCheckBox input:enabled {
    width: 15px!important;
    height: 15px!important;
  }
  
  
  .HTMLNavigationGrid .HTMLNavigationGridButton-Include > .HTMLButton {
    position: absolute!important;
    width: 80px!important;
  }
  
  .HTMLNavigationMenu {
    border: 0;
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background-image: url('Default/menu.png');
    background-size: contain;
    background-color: #FFF;
    outline: none;
  }
  
  .HTMLNavigationMenu-active {
    border: 0;
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background-image: url('Default/close.png');
    background-size: contain;
    background-color: #FFF;
    outline: none;
  }
  
  .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;
  }
  
  .HTMLTabController {
    min-height: 45px!important;
    overflow-x: scroll;
    overflow-y: hidden;
    height: 47px!important;
    z-index: -2!important;
  }
  
  #WFRComponentButton {
    visibility: visible!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-cell;
    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;
  }
}