html,
      body {
          height: 100%;
          margin: 0;
          --table-border-color: #e0e0e0;
      }

      body {
          padding: 0;

      }

      .mainoverlay {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(52, 152, 219, 0.8);
          z-index: 1504;
      }

      div#global {
          width: 100%;
          height: 100%;
      }

      .header {
          width: 100%;
          height: 50px;
          /*position: relative;*/
      }

      .mainmenu i {
          vertical-align: middle;
          margin-top: 3px;
          margin-right: 5px;
          font-size: 18px;
          opacity: 0.8;
          width: 18px;
      }

      .mainmenu img {
          vertical-align: middle;
          margin-right: 5px;
      }

      .mainmenu span {
          vertical-align: middle;
      }

      .main-container {
          display: flex;
          width: 100%;
          height: calc(100vh - 50px);
      }

      .left-content {

          height: 100%;
          width: 200px;
          background-color: rgba(191, 191, 191, 0.15);
          box-shadow: -5px 0px 14px -8px rgba(0, 0, 0, 0.25) inset;
          padding: 1px 1px 1px 10px;
          overflow-y: hidden;
          margin-top: 0px;
      }

      .right-content {
          flex: 1;
          height: 100%;
          width: calc(100vh - 200px);
          margin: 0 0 0 0;
          padding: 0 0 0 0;
      }

      .tabs__content {
          height: calc(100vh - 89px);
          overflow-y: auto;
          margin: 0;
          padding: 3px 0px 2px 3px;
      }

      #bottom {
          clear: both;
          height: 10px;
          display: none;
      }

      ::-webkit-scrollbar {
          width: 5px;
          height: 6px;
      }


      ::-webkit-scrollbar-track {
          background-color: #f1f1f1;
      }

      ::-webkit-scrollbar-thumb {
          background-color: rgb(162, 162, 162);
          border-radius: 4px;
      }

      ::-webkit-scrollbar-thumb:hover {
          background-color: #555;
          width: 10px;
      }

      .menuVisible1 {
          float: left;
          background-color: white;
          width: 100%;
          height: 40px;
      }


      .childleft {
          height: calc(100% - 41px);
          background-color: rgba(191, 191, 191, 0.15);
          box-shadow: -5px 0px 14px -8px rgba(0, 0, 0, 0.25) inset;
          padding: 0px 0px 0px 0px;
          overflow-y: hidden;
      }

      .childright {
          position: relative;
          min-height: 1px;
          height: calc(100% - 41px);
          margin: 0px;
          padding-left: 5px;
      }

      .childtoolbar {
          padding-bottom: 3px;
          height: 40px;
          width: 100%;
      }

      .login {
          float: right;
          margin-top: 12px;
          margin-right: 40px;
      }

      .userInfo {
          /*float: left;*/
          margin-bottom: 5px;
          margin-top: 5px;
      }


      .signup-btn {
          color: #eee;
          text-transform: uppercase;
          letter-spacing: 0.1em;
          text-decoration: none !important;
          font-size: 0.75rem;
          font-weight: 700;
          margin-right: 10px;
      }

      .d-md-inline-block {
          display: inline-block !important;
      }

      /*.container1 {
        background-color:#E7E7E7;
        margin-left: auto;
        }*/
      .dialog-icon-blue {
          position: fixed;
          margin-top: -10px;
          font-size: 52px;
          color: dodgerblue;
      }

      .dialog-icon-red {
          position: fixed;
          margin-top: -10px;
          font-size: 52px;
          color: indianred;
      }



      #MainTopbar-toolbar {
          padding: 0px 20px;
          /* background-color: #337ab7*/
          ;
      }

      .toolbar-label {
          width: 200px;
          color: #fff;
          padding-left: 30px !important;
      }

      .pictureStyle img.dx-icon {
          width: 30px;
          height: 30px;
          border-radius: 50%;
      }

      #MainTopbar-toolbar .dx-toolbar-items-container {
          height: 50px !important;
      }

      #MainTopbar-toolbar .dx-button-mode-text,
      #MainTopbar-toolbar .dx-button-mode-text .dx-icon {
          color: #fff;
      }

      #MainTopbar-drawer .dx-field-value {
          float: left !important;
      }

      #MainTopbar-drawer .dx-field-label {
          width: 20% !important;
      }

      #MainTopbar-drawer .colorBtnIcon .dx-icon {
          color: #fff;
      }

      .lableName {
          /* padding-top: 10px; */
          /* background-color: red; */
          font-size: larger;
      }

      #MainTopbar-drawer {
          height: calc(100vh - 50px) !important;
      }

      .popover_button .dx-item-selected {
          border-bottom: 2px solid #00abfc;
          color: #00abfc !important;
          background: none !important;
      }

      .popover_button .dx-item-selected .dx-icon {
          color: #00abfc !important;
      }

      .popover_Arrow .dx-popover-arrow {
          display: none;
      }

      .selectBoxScroll .dx-tag-container {
          overflow-y: scroll !important;
      }

      .selectBoxScroll .dx-tag-container::-webkit-scrollbar {
          width: 6px;
          height: 0;
          border-radius: 6px;
          overflow-y: scroll;
      }

      .selectBoxScroll .dx-tag-container::-webkit-scrollbar-thumb {
          background-color: rgb(139, 139, 139)
      }

      .selectBoxScroll .dx-tag-container::-webkit-scrollbar-track {
          background-color: rgb(241, 241, 241, 0);
      }


      .fa-stack-2x {
          left: 50% !important;
          top: 50% !important;
          transform: translate(-50%, -50%) !important;
      }

      .dx-texteditor.dx-state-readonly {
          border-style: none;
      }

      /*.dx-texteditor.dx-state-readonly.dx-editor-underlined {
        border-style: none none solid;
    }
    */

      .dx-checkbox.dx-state-readonly .dx-checkbox-icon {
          border-color: black;
      }

      .sign-title {
          font-size: 16pt;
      }

      .sign-nametext {
          text-align: right;
          FONT-FAMILY: 楷体;
          FONT-SIZE: 18pt;
      }

      .sign-date {
          text-align: right;
      }

      .sign-signdiv {
          text-align: right;
      }

      .sign-signdiv img {
          height: 60px;
      }

      .sign-title-inline,
      .sign-result-inline,
      .sign-reasion-inline,
      .sign-signdiv-inline,
      .sign-date-inline {
          display: inline;
          margin-right: 10px;
      }

      .sign-nametext-inline {
          display: inline;
      }

      .sign-date-inline {
          text-align: right;
      }

      .sign-signdiv-inline {
          text-align: right;
      }

      .sign-signdiv-inline img {
          height: 60px;
      }

      .smart-page {
          padding: 2px;
          height: 100%;
      }

      .sp-toolbar-container {
          min-height: 48px;
      }

      .smart-form {
          border-width: 0px;
          margin-right: auto;
          margin-left: auto;
          border-collapse: collapse;
          border-color: #e0e0e0;
          background-color: #fff;
      }

      .smart-form tr {
          min-height: 50px;
      }

      .smart-form td {
          margin: 2px;
          height: 36px;
      }

      .smart-form-button {
          padding: 2px;
      }


      .dt-field {
          display: flex;
          height: 100%;
          width: 100%;
      }

      .field-label {
          width: 120px;
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center;
          height: 100%;
      }


      .field-label-hidden {
          display: none;
      }

      .field-content {
          flex: 1;
          height: 100%;
          width: 100%;
          padding: 9px;

      }

      .recordview-form td .field-label {
          padding: 8px;
      }

      .recordview-form {
          border-width: 0px;
          margin-right: auto;
          margin-left: auto;
          border-collapse: collapse;
          border-color: #e0e0e0;
          background-color: #fff;
      }

      .recordview-form tr {
          min-height: 50px;
      }

      .recordview-form td {
          margin: 0;
          padding: 0;
          height: 36px;
      }


      .form-group-container {
          width: 100%;
          border: 1px solid #d1cdcd;
          margin-bottom: 5px;
          border-radius: 5px;
      }

      .form-group-titlebar {
          width: 100%;
          background-color: #dbb9db;
          height: 36px;
          display: flex;
          align-items: center;
          font-weight: bold;
          padding-left: 15px;
          margin: 0;
          border-bottom: 1px solid #d1cdcd;
          justify-content: space-between;
          padding-right: 5px;
      }

      .form-group-titlebar>i {
          float: right;
      }

      .form-group-content {
          width: 100%;
          height: auto;
      }

      .form-groupstyle {
          width: 100%;
          margin: 0px auto;
          margin-bottom: 5px;
      }

      .form-group-head {
          height: 40px;
          line-height: 40px;
          font-size: 20px;
          border-bottom: 1px solid #d1cdcd;
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding-right: 5px;
          margin-bottom: 5px;
      }

      .form-group-content-border {
          border: 1px solid rgb(209, 205, 205);
          border-radius: 3px;
          padding: 1px;
      }

      .layout-row {
          width: 100%;
          min-height: 36px;
      }

      @media print {
          .form-group-container {
              border: none;
          }

          .form-group-titlebar {
              border-bottom: none;
          }

          .form-group-titlebar i {
              display: none;
          }

          .recordview-form {
              border-color: #000;
          }

          .recordview-form td .field-label {
              border-right: 1px solid #000;
          }
      }
@font-face {
    font-family: MyCustomFont;
    src: url('http://ywry.xnyy.cn:9091/dt/css/dt/fonts/%E5%BE%AE%E8%BD%AF%E9%9B%85%E9%BB%91.ttf') format('truetype');
}