/* v1.0.21 */
html, body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif,"Helvetica","Microsoft JhengHei","微軟正黑體";
    font-size:16px;
}

/* */
.dg-icon-small{
 width: 2em;
  vertical-align: middle;
}

/** ASPXFormLayout **/

/** ReadOnly **/
/**  Programe Control Style **/
.dxeTextBoxSys.dxeTextBox_DgTheme.dxeReadOnly_DgTheme,
.dxeButtonEditSys.dxeButtonEdit_DgTheme.dxeReadOnly_DgTheme,
.dxeMemoSys.dxeMemo_DgTheme.dxeReadOnly_DgTheme{
    /*
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px solid  rgba(0,0,0,0.22);   */
    font-size:1em;
    background-color: transparent;
} 


.dxeTextBoxSys.dxeTextBox_DgTheme.dxeReadOnly_DgTheme .dxeEditArea_DgTheme.dxeEditAreaSys,
.dxeButtonEditSys.dxeButtonEdit_DgTheme.dxeReadOnly_DgTheme .dxeEditArea_DgTheme.dxeEditAreaSys,
.dxeMemoSys.dxeMemo_DgTheme.dxeReadOnly_DgTheme .dxeMemoEditArea_DgTheme.dxeMemoEditAreaSys{
    background-color: transparent;
    cursor: context-menu;
}

/**  Programe Control Style **/
/**
.dxeButtonEditSys.dxeButtonEdit_DgTheme.dxeReadOnly_DgTheme .dxeButton.dxeButtonEditButton_DgTheme{
    display: none;
}
**/

/** Button **/
.dxbButton_DgTheme.dxbButtonSys.dxbTSys{
    /*margin-top: 1rem;*/
    border-radius: 4px;
    /*margin-left: 1rem;*/
    min-width: 96px !important;
    font-size: 1.1em;
}

.dxbButton_DgTheme.dxbButton_DgTheme_Cancel.dxbButtonSys.dxbTSys {
  background-color: #17a2b8;
  color: #fff;
}

.dxbButton_DgTheme.dxbButton_DgTheme_Teal.dxbButtonSys.dxbTSys {
  background-color: #20c997;
  color: #FFFFFF;
  min-width: 96px !important;
}

.dxbButton_DgTheme.dxbButton_DgTheme_Red.dxbButtonSys.dxbTSys {
  background-color: #e6b30e;
  color: #FFFFFF;
  min-width: 96px !important;
}

.dxbButton_DgTheme.dxbButton_DgTheme_Orange.dxbButtonSys.dxbTSys {
  background-color: #f09e11;
  color: #FFFFFF;
  min-width: 96px !important;
}

.dgButton {
  color: white;
  background-color: #2196F3;
  border: solid 1px #2196F3;
  border-radius: 4px;
  /* font-size: 14px; */
  letter-spacing: 0.01em;
  font-weight: 500;
  padding: 0.4em 1.2em;
  cursor: pointer;
}

  .dgButton:hover {
    background-color: #0C88EC;
  }

  .dgButton.dgButton_Cancel {
    background-color: #17a2b8;
    border: solid 1px #17a2b8;
    min-width: 96px !important;
    color: #fff;
  }

    .dgButton.dgButton_Cancel:hover {
      background-color: #117a8b;
    }

  .dgButton.dgButton_Teal {
    background-color: #20c997;
    border: solid 1px #20c997;
    color: #FFFFFF;
    min-width: 96px !important;
  }

    .dgButton.dgButton_Teal:hover {
      background-color: #199d76;
    }

/** Page SubMenu **/
#PageToolbar, #PageContent_PageToolbar, #TopPanel_PageToolbar {
    /* margin: 0px 0px 1rem 0px; */
    border-left: 6px solid #2196F3 !important;
    background-color: #E7F3FE !important;
}

.dgSelectPageToolBar {
  position: fixed;
  z-index: 10;
}

.dxm-item .item{
    color: #1A1A1A;
}
.dxm-item.item.dxm-selected.selected.dxm-noSubMenu{
    border-bottom:5px #2196F3 solid;
}
.dxm-item.item.dxm-noSubMenu.dxm-hovered.hovered{
    background-color: #2196F3;
    color: white;
}
.subPage .dxm-item.item.dxm-noSubMenu:not(:first-child):not(.dg-edtKeyword) {
    background-color: #FFFFFF;
    color: #1A1A1A;
    border-radius: 4px;
   /* font-size: 14px;*/
    border-top: 1px solid #2196F3;
    border-left: 1px solid #2196F3;
    border-right: 2px solid #2196F3;
    border-bottom: 2px solid #2196F3;
}
.subPage .dxm-item.item.dxm-noSubMenu:not(:first-child).dxm-hovered{
    background-color: #2196F3;
    color: #FFFFFF;
}
.subPage .dxm-item.item.dxm-noSubMenu:not(:first-child).dxm-hovered .dxm-image.dx-vam{
    background-color: #FFFFFF;
}

/** TreeNode **/
.dxtv-subnd .dxtv-nd.tree-view-node{
    border-bottom: 1px solid #2196F3;
}
.left-panel .dxtv-nd.tree-view-node.dxtv-ndHov.hovered{
    border-radius: 0px;
}
.left-panel .dxtvControl_DgTheme .dxtv-subnd .dxtv-nd.tree-view-node{
    border-top:1px solid #2196F3 !important;
    border-left:5px solid #2196F3 !important;
    border-right:1px solid #2196F3 !important;
    border-bottom:1px solid #2196F3 !important;
    border-radius: 0px;
}
.left-panel .dxtvControl_DgTheme .dxtv-subnd .dxtv-nd.tree-view-node.hovered{
    text-decoration: none;
}

/** TreeView **/

.dg-treelist-AlternatingNode {
  border-left: 1px solid #1A1A1A !important;
  border-right: 1px solid #1A1A1A !important;
  border-top: 1px solid #1A1A1A !important;
  background-color: #2196F3;
  color: white;
}

.dg-treelist-Node {
  background-color: #E7F3FE;
  color: #1A1A1A;
}

  .dg-treelist-Node .dxtlFocusedNode_DgTheme,
  .dxtlFocusedNode_DgTheme {
    background-color: #2196F3;
    color: white;
  }

    .dxtlFocusedNode_DgTheme td span.dxeBase_DgTheme {
      color: white;
    }

    .dg-treelist-Node td:nth-child(3),
    .dg-treelist-AlternatingNode td:nth-child(3),
    .dxtlFocusedNode_DgTheme td:nth-child(3) {
      border-left: 1px solid #1A1A1A !important;
    }

    .dg-treelist-Node td:last-child,
    .dg-treelist-AlternatingNode td:nth-child(3),
    .dxtlFocusedNode_DgTheme td:last-child {
      border-right: 1px solid #1A1A1A !important;
    }

.dg-treelist-Preview:first-child {
  border: 0px !important;
}

.dg-treelist-Preview {
  padding: 6px;
  border-left: 1px solid #1A1A1A !important;
  border-right: 1px solid #1A1A1A !important;
  border-top: 1px solid #C7C7C7 !important;
  border-bottom: 1px solid #1A1A1A !important;
}
/** GridView **/
/*.grid-view tr:not(:first-child):nth-child(odd){
    background-color: #E7F3FE;
}
.grid-view tr:not(:first-child):nth-child(odd).dxgvFocusedRow_DgTheme,
.grid-view tr:not(:first-child):nth-child(odd).dxgvFocusedGroupRow_DgTheme
{
    background-color: #2196F3;
}*/

.dg-grid-view-SelectPage {
  position: absolute;
  top: 50px;
}

/* dg-steps-table */
.dg-steps-table {
  display: table;
  margin: 0.6em auto;
  /* font-size: 18px;*/
}

  .dg-steps-table .dg-steps-col {
    float: left;
    margin: 0em 0em 0em 1em;
  }

    .dg-steps-table .dg-steps-col:not(:last-child)::after {
      content: " > ";
    }

  .dg-steps-table .dg-step-prev {
    color: #888888;
  }

  .dg-steps-table .dg-step-now {
    color: #2196F3;
    border-bottom: solid 5px #2196F3;
  }

  .dg-steps-table .dg-step-next {
    color: #1A1A1A;
  }

/* dg-signal-table */
.dg-signal-table {
  display: table;
  margin: 0.6em auto;
  /*font-size: 18px;*/
}

  .dg-signal-table .dg-signal-row {
    display: table-row;
  }

  .dg-signal-table .dg-signal-col {
    display: table-cell;
    margin: 0em 0em 0em 1em;
    vertical-align: middle;
  }

  .dg-signal-table .dg-inner-table td {
    padding: 0 0.4em;
  }


/* */
ul.dg-inner-list {
  list-style: none;
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-inline-start: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

  ul.dg-inner-list li {
    float: left;
    line-height: 2em;
    margin: 0em 0.2em;
  }

    ul.dg-inner-list li span {
      color: #1A1A1A;
    }

ul.dg-inner-list-clear {
  clear: both;
}

i.fa.fa-arrow-right::before {
  content: "＞";
}

ul.dg-inner-list li ul.dg-inner-list-item {
  list-style: none;
  padding-inline-start: 0px;
}

@media only screen and (max-width: 960px) {
}

@media only screen and (max-width: 640px) {
  #PageToolbar {
    /*margin: 0px 0px 0.2em 0px;*/
  }

  .subPage .dxm-item.item.dxm-noSubMenu:not(:first-child) {
    font-size: 0.8em;
  }

  .dg-signal-table {
    font-size: 0.8em;
  }

  dg-inner-list-item {
    font-size: 0.8em;
  }
}

@media (max-Height: 600px) {
  .dg-icon-small {
    width: 1em;
  }
}