* {
    font-size: 12px;
    font-family: 微软雅黑;
  }

  .toolbarsize {
    width: 27px;
    height: 26px
  }

  .nav>li>a.gongqi_tabpage {
    padding: 2px 15px;
  }

  .nav-tabs>li>i {
    font-size: 10px;
    color: #0073b7;
    display: none;
    cursor: pointer;
  }

  .nav-tabs>li:hover>i {
    font-size: 10px;
    color: #0073b7;
    display: block;
    cursor: pointer;
  }

  .nav-tabs>li.active>i {
    font-size: 10px;
    color: #ccc;
    top: -1px !important;
    right: 0 !important;
    display: block;
    cursor: pointer;
    transform: scale(0.8);
    height: 16px;
    width: 14px;
  }

  .nav-tabs>li>i:hover {
    font-size: 15px;
    color: red;
    display: block;
    cursor: pointer;
  }

  .modal-header>i.fa-close:hover {
    font-size: 15px;
    color: red !important;
    display: block;
    cursor: pointer;
  }

  .main-header .sidebar-toggle:before {
    content: "";
  }

  /* .navbar-static-top li.notifications-menu{
margin-left:50px;
} */

  div.modal-close {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 15px;
    right: 23px;
    cursor: pointer;
    background-image: url('../../images/modal_close.png')
  }

  div.modal-close:hover {
    background-image: url('../../images/modal_close_hover.png')
  }

  .toolbar .navbar-nav .toolbarA {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .listMainMenuShowUL{
    margin-left: 0px !important;
  }
  .NoMune_content{
      padding-top: 50px !important;
    }

  
  .inputStyleForOverallSituation {
              width:100px;
              height:20px;
              border:1px solid #dbdbdb;
              outline:none;
              font-size:20px;
              text-indent:10px;
          }


      /* 滚动条优化 */
::-webkit-scrollbar-track-piece {
    -webkit-border-radius: 0
  }
  ::-webkit-scrollbar {
    width: 12px;
    background: #e9ebf0;
  }
  ::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #d6d8dd;
    -webkit-border-radius: 10px;
    outline-offset: -2px;
    filter: alpha(opacity = 50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    border: 2px solid #e9ebf0;
  }
  ::-webkit-scrollbar-thumb:hover {
    background-color: #d6d8dd;
  }


      /* index.html CSS 抽取 */
  #passwordModal .modal-dialog{
    position: absolute;top: 25%;left: 35%;
  }

  #passwordModal .modal-content{
    width:80%;border: 1px solid #9B9B9B;
    box-shadow: 0 0 41px 5px rgba(0,0,0,0.25);
    border-radius: 2px;
  }
  #passwordModal .modal-header{
    padding-top:5px;
    padding-bottom:5px
  }
  #passwordModal #but_PasswordModalClose span{
    font-size:41px;
  }
  #passwordModal  .modal-title{
    padding-top:7px;font-family: STSongti-SC-Bold;font-weight: normal !important;
  }
  #passwordModal  #orgPwd,
  #passwordModal  #newPwd,
  #passwordModal  #finPwd
  {
    background: #FFFFFF;border: 1px solid #C4C6CF;border-radius: 1px;
  }
  #passwordModal  .checkPass {
    padding-left: 0px;padding-right: 0px
  }

  #passwordModal  #but_PasswordModalCancel{
    background:#FFFFFF;border: 1px solid #D1D1D1;border-radius: 2px;width: 80px;height: 28px;line-height: 11px
  }
  #passwordModal #but_PasswordModalConfirm{
    width:80px;height:28px;font-family: STSongti-SC-Regular;font-size: 14px;color: #FFFFFF !important;letter-spacing: 0;text-align: center;line-height: 11px;background-color:#f5a623;border:1px solid #f5a623;
  }
  #overallSituationDialog .modal-dialog{
    position: absolute;top: 25%;left: 35%;
  }
  #overallSituationDialog .modal-content{
    width:80%;border: 1px solid #9B9B9B;box-shadow: 0 0 41px 5px rgba(0,0,0,0.25);border-radius: 2px;
  }
  #overallSituationDialog .modal-header{
    padding-top:5px;padding-bottom:5px
  }
  #overallSituationDialog  .modal-header .close span{
    font-size:41px;
  }
  #overallSituationDialog .modal-header .modal-title{
    padding-top:7px;font-family: STSongti-SC-Bold;font-weight: normal !important;
  }
  #overallSituationDialog .modal-content .modalContent h5{
    margin-left: 10px;
  }
  #overallSituationDialog .modal-content .modalContent #overallSituationDialogTime{
    width: 60%;margin-left: 20%;text-align: center;
  }
  #overallSituationDialog .modal-footer .sibtnclose {
    background:#FFFFFF;border: 1px solid #D1D1D1;border-radius: 2px;width: 80px;height: 28px;line-height: 11px
  }
  #overallSituationDialog .modal-footer .sibtnorder {
    width:80px;height:28px;font-family: STSongti-SC-Regular;font-size: 14px;color: #FFFFFF !important;letter-spacing: 0;text-align: center;line-height: 11px;background-color:#f5a623;border:1px solid #f5a623;
  }
  #overallSituationDialog .modal-footer .sibtndo {
    width:80px;height:28px;font-family: STSongti-SC-Regular;font-size: 14px;color: #FFFFFF !important;letter-spacing: 0;text-align: center;line-height: 11px;background-color:#3ba3cc;border:1px solid #3eaaca;
  }

  #licenseModal .modal-dialog{
    position: absolute;top: 15%;left: 30%;
  }
  #licenseModal .modal-content{
    width:100%;background: #FFFFFF;border: 0 solid #9B9B9B;box-shadow: 0 0 41px 5px rgba(0,0,0,0.25);border-radius: 2px;
  }
  #licenseModal .modal-header{
    padding-top:5px;padding-bottom:5px;
  }
  #licenseModal .modal-header .close span{
    font-size:41px
  }
  #licenseModal .modal-header .modal-title{
    padding-top:7px;font-family:STSongti-SC-Bold;font-weight:normal !important;
  }
  #licenseModal .modal-footer .btn-default{
    font-family: STSongti-SC-Regular;font-size: 14px;color: #FFFFFF;letter-spacing: 0;text-align: center;width:80px;height:28px;border: 1px solid rgb(35, 151, 245);line-height:11px;background-color: rgb(35, 151, 245);
  }
  #licenseModal .modal-footer .btn-primary{
    font-family: STSongti-SC-Regular;font-size: 14px;color: #FFFFFF;letter-spacing: 0;text-align: center;width:80px;height:28px;border: 1px solid rgb(245, 35, 53);line-height:11px;background-color: rgb(245, 35, 53);
  }
  #licenseModal .modal-footer .btnConfrim{
    font-family: STSongti-SC-Regular;font-size: 14px;color: #FFFFFF;letter-spacing: 0;text-align: center;width:80px;height:28px;border: 1px solid rgb(245, 166, 35);line-height:11px;background-color: rgb(245, 166, 35);
  }

  #JobsFormDiv,#globalUserSetFormDiv,#testDataGridFormDiv,#jqCalculatorDiv{
    display:none;flex-direction: column;align-items: center;justify-content: center;
  }
  #queryFormDiv{
    display:none;flex-direction: column;align-items: center;justify-content: center;z-index:100;
  }
  #jqCalculatorDiv #jqCalculatorDiv_titleBar{
    position: relative;
  }
  #jqCalculatorDiv #jqCalculatorDiv_titleBar .fa-close{
    position: absolute;right: 3px;top: 2px;
  } 

  #jqCalculatorDiv #jqcalculator_backspace{
    font-size:17px
  } 
  #jqCalculatorDiv .button-row{
    display:flex;justify-content: flex-end;
  } 
  #jqCalculatorDiv .button-row{
    display:flex;justify-content: flex-end;
  } 
  #jqCalculatorDiv #jqcalculator_backspace2{
    display:none;width:140px;margin-right: 10px;font-size: 30px
  } 
  #jqCalculatorDiv #jqcalculator_require{
    width:140px
  } 

  #netWorkErrorInfoModal{
    display:none;flex-direction: column;align-items: center;justify-content: center;z-index:1000;
  }
  #onLineUserModal{
    display:none;flex-direction: column;align-items: center;justify-content: center;
  }
  #dataSetViewReportDiv{
    display: none;height: 100%;width: 100%;background-color: white;position: fixed;z-index: 1049
  }
  #indexcommonFileInput{
    display:none
  }
  #listMainMenu{
    position: fixed;z-index: 1031;display: none;width: 100%
  }

  /* 工具栏*/
  #g_main_header{
    display:none;    background-color: rgb(245, 247, 250);
  }

  #main-header-div{
    height: 42px;    background-color: rgb(255, 255, 255);
  }
  #g_main_header #g_title_area{
    width: 160px;height: 42px;display: flex;background-color:#1C69DB;padding: 5px 0px;justify-content: center;align-items: center;
  }
  #g_main_header #main-header-div .navbar-static-top{
    margin-left: 144px;
    background-color: #fff;
  }
  #g_main_header #main-header-div .toolbar{
    float:left;max-height: 58px;
  }


  .navbar-static-top-bigIcon-height
  {
    height: 58px;
  }

  #extendLi,
  #extendSL{
    display: none;
  }

  #toolbar_abbreviation {
    user-select: none;padding-bottom: 0px;padding-top: 12px;
  }
  #toolbar_abbreviation button{
    width: 50px;height: 20px;border: 0px solid #C9C8C9;background: none;display: flex;align-items: center;padding: 0px;
  }
  #toolbar_abbreviation .icon-a-zu3 {
    width: 19.22px;margin-right: 13px;
  }

  #toolbar_print, 
  #toolbar_export,  
  #toolbar_Da,
  #toolbar_Attchment,
  #toolbar_Queryopen,
  #toolbar_queryRemove,
  #toolbar_recordPrev,
  #toolbar_recordNext,
  #toolbar_recordNew,
  #toolbar_save,
  #toolbar_recordRestore,
  #toolbar_recordDelete,
  #toolbar_find,
  #toolbar_setting，
  #toolbar_extendLi,
  #toolbar_Action {
    user-select: none;padding-bottom: 0px;padding-top: 10px;
  }

  #toolbar_print div,
  #toolbar_export div,
  #toolbar_Da div,
  #toolbar_Attchment #toolbar_Attchment_button,
  #toolbar_Queryopen div,
  #toolbar_queryRemove div,
  #toolbar_recordPrev div,
  #toolbar_recordNext div,
  #toolbar_recordNew div,
  #toolbar_save div,
  #toolbar_recordRestore div,
  #toolbar_recordDelete div,
  #toolbar_find div,
  #toolbar_setting div,
  #toolbar_extendLi div,
  #toolbar_Help div,
  #toolbar_Action div,
  #toolbar_More div,
  #toolbar_Open div,
  #toolbar_find div,
  #toolbar_Sort div{
    height: 21px;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    padding: 0px;
    text-align: center;
  }
  #toolbar_recordPrev div{
    width: 42px;
  }  
  #toolbar_recordNext div,
  #toolbar_save div,
  #toolbar_recordDelete div,
  #toolbar_setting div{
    width: 28px;
  }
  #toolbar_recordNew div,
  #toolbar_recordRestore div{
    width: 46px;
  }
  #toolbar_extendLi div{
    width: 100px;
  }


  #toolbar_print .icon-dayin,
  #toolbar_export .icon-daochu,
  #toolbar_Da .icon-shuju,
  #toolbar_Attchment .icon-fujianziliao,
  #toolbar_Queryopen .icon-a-shaixuanfenlei,
  #toolbar_queryRemove .icon-a-shaixuanfenlei1,
  #toolbar_extendLi .icon-a-mokuai1,
  #toolbar_Help .icon-bangzhu{
    margin-right: 14px;
  }
  #toolbar_print .menubtnLable,
  #toolbar_export .menubtnLable ,
  #toolbar_Da .menubtnLable,
  #toolbar_Attchment .menubtnLable,
  #toolbar_Queryopen .menubtnLable,
  #toolbar_queryRemove .menubtnLable,
  #toolbar_extendLi .menubtnLable
  #toolbar_Help .menubtnLable,
  #toolbar_Action .menubtnLable,
  #toolbar_More .menubtnLable,
  #toolbar_find .menubtnLable,
  #toolbar_Sort .menubtnLable{
    font-size:14px;opacity: 1;color: #000000;user-select: none;
  }
  #toolbar_Help span{
    font-size:14px;
  }

  #toolbar_Attchment .attchmentDiv{
    height: 20px;display: flex;align-items: center;
    border: 1px solid transparent;
  }

  #toolbar_Attchment #attachmentNum{
    display: none;
  }
  #toolbar_Attchment #attachmentNum2{
    display: none;
  }

  #extendLi_reInitForm a,
  #extendLi_reInitApp a,
  #extendLi_reInitGlobal a,
  #extendLi_importManager a,
  #extendLi_jobsOpen a,
  #extendLi_universalView a,
  #extendLi_systemStart a,
  #extendLi_systemClose a{
    user-select: none;cursor: pointer;
  }
  #extendLi_jobsOpen a{
    display: none;
  }
  #extendLi_showOnLineUser,
  #extendLi_universalView,
  #extendLi_systemStart,
  #extendLi_systemClose{
    display: none;
  }
  #extendLi_reInitForm .fa-window-maximize,
  #extendLi_reInitApp .fa-window-restore{
    color:#7e95f3
  }

  #extendSL .toolbar_slul{
    width: 140px !important;    min-width: 140px;right:auto;left: auto;
  }
  #extendSL #toolbar_findSL,
  #extendSL .slToolbar,
  #extendSL .helpi a{
    color:#c2c2c2;user-select: none;padding-bottom: 0px;padding-top: 12px;
  }
  #extendSL #toolbar_findSL button,
  #extendSL .slToolbar button,
  #extendLi2 button,
  #extendSL .helpi button{
    width: 130px;height:20px;border:0px solid #C9C8C9;background-color:#ffffff;
  }
  #extendSL #toolbar_toolbar_findSLfind .icon-sousuo,
  #extendSL .slToolbar .icon-a-shezhi{
    color: #1D85ED;padding-right: 12px
  }
  #extendSL #toolbar_findSL span{
    font-size: 14px;line-height: 31px;color: #000000;opacity: 1;margin-right: 45px;
  }
  #extendSL .slToolbar span,
  #extendLi2 .expends{
    height: 18px;font-size: 14px;line-height: 31px;color: #000000;opacity: 1;margin-right: 45px;
  }
  #extendLi2 a{
    user-select: none;padding-bottom: 0px;padding-top: 12px;
  }

  #extendLi2 .icon-a-mokuai1{
    color: #1D85ED;padding-right: 12px
  }
  #showExtend{
    position: absolute;left: 135px;top: 15px;min-width: 135px;padding-left: 10px;
  }
  #extendLi_reInitForm a,
  #extendLi_reInitApp a,
  #extendLi_reInitGlobal a,
  #extendLi_importManager a,
  #extendLi_jobsOpen a,
  #extendLi_showOnLineUser a,
  #extendLi_universalView a{
    user-select: none;cursor: pointer;
  }
  #extendLi_jobsOpen a,
  #extendLi_showOnLineUser,
  #extendLi_universalView{
    display: none;
  }

  #extendSL .helpi{
    margin-bottom: 15px;
  }
  #extendSL .helpi .icon-bangzhu{
    color: #1D85ED;font-size: 1.3rem;padding-right: 12px;
  }
  #extendSL .helpi .icon-bangzhu{
    color: #1D85ED;font-size: 1.3rem;padding-right: 12px;
  }
  #extendSL .helpi .helps{
    height: 18px;font-size: 14px;font-family: Source Han Sans CN;font-weight: 400;line-height: 31px;opacity: 1;margin-right: 45px;
  }
  #messagesError{
    display: none;float: left;
  }
  #messagesError .header{
    text-align: center;
  }

  #messagesSuccess .messagesSuccessA{
    user-select:none;
    padding-bottom: 2px !important;
    padding-top: 9px;
    background: none !important;
    
  }

  #messagesSuccess .messagesSuccessA>div{
    padding-left: 3px;
    border: 1px solid transparent;
    padding-top: 0.5px;
  }

  /*#messagesSuccess .messagesSuccessA>div:hover{
    border: 1px solid #e9ebf0 !important;
  }*/

  #messagesSuccess .icon-youjian{
    font-size: 15px;
  }
  #messagesSuccess #Message-Number-Icon{
    display: none;right:10px;top:10px;
  }
  #messagesSuccess #MessageDropDownMenuContainer{
    width: 280px;
  }

  #toolbarMoreLi .toolbar_print_sml .icon-container
  {
    margin-bottom: 2px;
  }


  #indexLoginDiv {
    position: absolute;right: 45px;
  }
  #indexLoginDiv .indexLoginDivA{
    user-select: none;padding-top:10px;padding-bottom:0px;padding-left:17px;padding-right:25px;display:flex;color: #4F4F4F;
  }
  #indexLoginDiv .indexLoginDivA .icon-wode{
    font-size: 17px;margin-right: 10px;
  }
  #indexLoginDiv .indexLoginDivA  #userId{
    font-family: STSongti-SC-Regular;font-size: 15px;letter-spacing: 0;padding-top:1px;max-width: 60px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;
  }
  #indexLoginDiv .indexLoginDivA  .userIdul{
    border: 0px solid #9B9B9B;box-shadow: 0 0 41px 5px rgba(0,0,0,0.25);border-radius: 2px;
  }
  #indexLoginDiv .indexLoginDivA  .userIdul .user-header{
    height:210px
  }
  #indexLoginDiv .indexLoginDivA  .userIdul .user-header div{
    display: flex;height:112px;background-color: #0078D4;align-items: center;padding-left: 28px;
  }
  #indexLoginDiv .indexLoginDivA  .userIdul .user-header .img-circle{
    width:60px;height:60px
  }
  #indexLoginDiv .indexLoginDivA  #subSysIdPart{
    z-index: 5;color: #fff;color: rgba(255, 255, 255, 0.8);font-size: 17px;margin-top: 10px;text-align: left;margin-left: 16px;margin-right:3px;
  }
  #indexLoginDiv .indexLoginDivA  .userIdul .user-body{
    padding: 0;
  }
  #indexLoginDiv .indexLoginDivA  .userIdul .row{
    margin: 0;
  }
  #indexLoginDiv .indexLoginDivA  .userIdul .passwordModel{
    width: 50%;padding-top: 27px;height: 100px;background-image: url('/images/Artboard100.png');background-position-x: 1px;
  }
  #indexLoginDiv .indexLoginDivA  .userIdul .logoutModel{
    width: 50%;padding-top: 27px;height: 100px;background-image: url('/images/Artboard100.png');background-position-x: -166px;
  }
  #indexLoginDiv .indexLoginDivA .user-footer{
    display: none;
  }
  #indexRightSideBar{
    position: absolute;right: 10px; display: none;
  }
  #indexRightSideBar a{
    user-select: none;padding-left:17px;padding-right:17px;padding-top:12px;margin-left: 6px;
  }
  #indexRightSideBar .icon-liebiao{
    font-size: 1.3rem;
  }
  .main-sidebar{
    display:none;padding-top:0px
  }
  #main-sidebar-div{
    margin-left: 150px; margin-top: -20px;display: none;
  }
  #toolBarMainMenuToggleA{
    user-select: none;cursor: pointer;
  }
  #toolBarMainMenuToggleA button{
    width: 30px;height:24px;background-image: linear-gradient(180deg,#FCFCFC 0%,#F3F3F3 100%);border:1px solid #C9C8C9;box-shadow:0 1px 5px 0 rgba(0,0,0,0.08);/*border-radius: 2px*/
  }
  #toolBarMainMenuToggleA .fa-outdent{
    color:#C9C8C9
  }
  #main-sidebar-seadiv{
    margin-top: 40px;
  }
  .listtree-sidebar{
    display:none;
  }
  #contentWrapper{
    height:100%;overflow:hidden;padding-top:0px
  }
  #contentWrapper .content{
    height:100%;overflow:hidden;
  }
  #contentWrapper .nav-tabs-custom{
    width:100%;height:100%;overflow:hidden; margin-bottom: 0;display: flex;flex-direction: column;position: relative
  }
  #contentWrapper  #g_nav_tabs_backforward{
    cursor:pointer;display:none;width: 20px;position: absolute;left: 0px;z-index: 9;margin-left: 30px;padding-top: 4px;height: 29px;background-color: #F5F7FA;border-bottom: 0.5px solid #CAD7E3;border-top: 1px solid #C8C9C8;
  }
  #contentWrapper #g_nav_tabs_backforward a{
    padding-left: 4px;padding-right: 2px;background: transparent;
  }
  #contentWrapper  #g_nav_tabs_forward{
    cursor:pointer;display:none;width: 20px;position: absolute;right: 0px;z-index: 9;padding-top: 4px;height: 24px;background-color: #F5F7FA;border-bottom: 0.5px solid #CAD7E3;border-top: 1px solid #C8C9C8;
  }
  #contentWrapper  #g_nav_tabs_forward a{
    padding-left: 4px;padding-right: 2px;background: transparent;
  }
  #contentWrapper #g_nav_tabs{
    display:flex;overflow:hidden;position:relative;height: 30px;margin-left: 30px !important;border-radius: 0%;
  }
  #contentWrapper #g_nav_tabs #g_nav_tab_close{
    position: fixed;width: 30px;height: 29px;left: 161px ;
  }
  #contentWrapper #g_nav_tabs #g_nav_tab_close #toolBarMainMenuToggleA{
    user-select: none;cursor: pointer;display: block !important;
  }
  #contentWrapper #g_nav_tabs #g_nav_tab_close button{
    display: none;width: 30px;height:29px;background-color: #F5F7FA;border: 0.5px solid #CAD7E3;border-left:none
  }
  #contentWrapper #g_nav_tabs #g_nav_tab_close .fa-angle-double-left{
    color:#555555
  }
  #contentWrapper #g_tab_content{
    width:100%;height:100%;overflow:hidden;flex-grow:100
  }

  #SupcanFrameIf{
    position: fixed;
  }

  #mainFooterId{
    display:flex;margin-left:0px;height:24px;background-color: #F5F5F5;
  }
  #mainFooterId .mainFooterStrong{
    flex-grow:100;text-align:center
  }
  #mainFooterId #versionTxtDiv{
    cursor: pointer;
  }
  #control-sidebar-stats-tab{
    display: none;
  }

  /* .logo.logo-minihide .winui-icon-img img{
    box-shadow: 0 0 6px rgb(255 255 255);
    border-radius: 2px;
    outline: 1px solid #ffffff4f;
  } */

  .skin-blue-light .main-header .navbar {
    background-color: #ffffff !important;
  }

  .icon-container{
    width:20px ;
    height: 20px;
    margin-right: 2px;
  }
  .icon-drop{
    width: 15px;
    height: 21px;
  }
  .icon-container2{
    width: 10px;
    height: 10px;
    position: absolute;
    left: 23px;
    top: 22px;
  }
  .toolbar_print_sml .icon-container2{
    left: 13px !important;
  }
  #toolbar_print .icon-container {
    /*background: url(../../images/icons/iconPark-analysis.svg) no-repeat;*/
    background: url(../../images/icons/ze-balance-list-o.svg) no-repeat;
  }
  #toolbar_print .icon-drop,
  #toolbar_export .icon-drop,
  #toolbar_Da .icon-drop,
  #toolbar_Queryopen .icon-drop,
  #toolbar_Action .icon-drop,
  #toolbar_More .icon-drop,
  #toolbar_find .icon-drop,
  #toolbar_Sort .icon-drop,
  #toolbar_Attchment .icon-drop{
    background: url(../../images/icons/fas\ fa-sort-down.svg) 2px 4px no-repeat;
  }

  #toolbar_export .icon-container{
    background: url(../../images/icons/mb-export.svg) no-repeat;
  }
  #toolbar_Da .icon-container{
    background: url(../../images/icons/ze-bar-chart-o.svg) no-repeat;
  }
  #toolbar_Queryopen .icon-container{
    background: url(../../images/icons/ze-filter-o.svg) no-repeat;
  }
  #toolbar_queryRemove .icon-container{
    background: url(../../images/icons/ze-filter-o.svg) no-repeat;
  }
  #toolbar_queryRemove .icon-container2{
    background: url(../../images/icons/md-close.svg) no-repeat;
  }
  #toolbar_Attchment .icon-container{
    background: url(../../images/icons/md-attach_file.svg) no-repeat;
  }
  #toolbar_Action .icon-container{
    background: url(../../images/icons/ze-records.svg) no-repeat;
  }
  #toolbar_More .icon-container{
    background: url(../../images/icons/mb-ellipsis-v-filled.svg) no-repeat;
    margin-bottom: 2px;
  }
  #toolbar_Open .icon-container{
    background: url(../../images/icons/iconPark-expand-down-one.svg) no-repeat;
    /*transform: rotate(180deg)*/
  }
  #toolbar_find .icon-container{
    background: url(../../images/icons/ze-search.svg) no-repeat;
  }
  #messagesSuccess .icon-container{
    background: url(../../images/icons/iconPark-remind.svg) no-repeat;
    background-size: 95%;
  }



  #toolbar_print .icon-container.disable{
    background: url(../../images/icons/ze-print-not.svg) no-repeat;
  }
  #toolbar_queryRemove   .icon-container.disable{
    background: url(../../images/icons/ze-filter-not.svg) no-repeat;
  }
  #toolbar_export .icon-container.disable{
    background: url(../../images/icons/mb-export-not.svg) no-repeat;
  }

  #toolbar_Da .icon-container.disable{
    background: url(../../images/icons/ze-pivot-not.svg) no-repeat;
  }
  #toolbar_Attchment .icon-container.disable{
    background: url(../../images/icons/za-att-not.svg) no-repeat;
  }
  #toolbar_Queryopen .icon-container.disable{
    background: url(../../images/icons/ze-query-not.svg) no-repeat;
  }

  #toolbar_find .icon-container.disable{
    background: url(../../images/icons/ze-search-not.svg) no-repeat;
  }




  #toolbar_queryRemove   .menubtnLable.disable,
  #toolbar_export   .menubtnLable.disable,
  #toolbar_print   .menubtnLable.disable,
  #toolbar_Da   .menubtnLable.disable,
  #toolbar_Attchment   .menubtnLable.disable,
  #toolbar_Queryopen   .menubtnLable.disable,
  #toolbar_find   .menubtnLable.disable{
    color:#9A9A9A;
  }









  #toolbar_Sort .iconfont{
    color: #4F4F4F;
    font-size: 18px !important;
    margin-right: 2px;
  }
  #toolbar_Sort .toolbar_print_big .icon-Sort{
    color: #4F4F4F;
    font-size: 26px !important;
    margin-right: 2px;
    margin-bottom: 1px;
  }

  #extendLi_importManager .iconfont{
    color: black;
    font-size: 18px;
    margin-right: 19px;
  }

  


  #selectT .dropdown-menu{
    width: auto;
    min-width: 200px;
    left: 0px;
    border-color: #cdcdcd;
   /* box-shadow: 0 0 2px rgb(0, 0, 0);*/
  }

  #toolbarActionLi .dropdown-menu{
    width: auto;
    min-width: 220px;
    min-height: 300px;
    left: 0px;
    border-color: #cdcdcd;
    /*box-shadow: 0 0 2px rgb(0, 0, 0);*/
  }

  #toolbarSortLi .dropdown-menu{
    user-select: none;
    width: auto;
    min-width: 142px;
    left: 0px;
    border-color: #cdcdcd;
    /*box-shadow: 0 0 2px rgb(0, 0, 0);*/
  }
  #toolbarPrintLi .dropdown-menu,
  #toolbarExportLi .dropdown-menu,
  #toolbarPivotLi .dropdown-menu,
  #toolbarQueryLi .dropdown-menu,
  #toolbarAttchmentLi .dropdown-menu{
    width: auto;
    min-width: 178px;
    left: 0px;
    border-color: #cdcdcd;
    /*box-shadow: 0 0 2px rgb(0, 0, 0);*/
    min-height: 200px;
  }

  #toolbarMoreLi .menu,
  #toolbarPrintLi .menu,
  #toolbarExportLi .menu,
  #toolbarPivotLi .menu,
  #toolbarQueryLi .menu,
  #toolbarAttchmentLi .menu{
    padding-left: 0px;
  }

  #toolbarMoreLi.big .menu1,
  #toolbarMoreLi.big .menu2{
    top:75%;
  }

  #toolbarMoreLi .menu1{
    width: auto;
    min-width: 133px;
    left: -98px;
    border-color: #cdcdcd;
    border-right: none;
    user-select: none;
  }
  #toolbarMoreLi .menu2{
    display: none;
    width: auto;
    min-width: 99px;
    left: 36px;
    border-color: #cdcdcd;
    height: 202px;
    border-left: none;
    user-select: none;
  }
  #toolbarMoreLi  .Bul{
    padding-left: 0px;
  }
  #toolbarMoreLi  .Bul .Bli{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #toolbarMoreLi .menu2 a{
    display: flex;
    align-items: center;
    padding: 0px;
    text-align: center;
    line-height: 30px;
    padding-left: 5px;
    border: none;
    cursor: pointer;
  }
  #toolbarMoreLi .menu a{
    display: flex;
    align-items: center;
    padding: 0px;
    text-align: center;
    line-height: 30px;
    padding-left: 12px;
    border: none;
    cursor: pointer;
  }
  #toolbarMoreLi ul .menubtnLable,
  #toolbarPrintLi ul .menubtnLable,
  #toolbarExportLi ul .menubtnLable,
  #toolbarPivotLi ul .menubtnLable,
  #toolbarQueryLi ul .menubtnLable,
  #toolbarAttchmentLi ul .menubtnLable{
    font-size: 14px;
    color: black;
  }

  #toolbarActionLi ul .menubtnLable,
  #selectT ul .menubtnLable
  {
    font-size: 14px;
    color: black;
    margin-right: 30px;
  }
  #toolbarSortLi ul .menubtnLable{
    font-size: 14px;
    color: black;
  }
  #toolbarActionLi ul .menubtnLable{
    margin-left: 20px;
  }
 .menubtnCut{
    font-size: 14px;
    color: #777777;
    position: absolute;
    right: 20px;
  }


  #selectT .menu a,
  #toolbarSortLi .menu a{
    display: flex;
    align-items: center;
    padding: 0px;
    text-align: center;
    line-height: 30px;
    padding-left: 12px;
    border: none;
    cursor: pointer;
  }

  #toolbarActionLi  .menu a{
    display: flex;
    align-items: center;
    padding: 0px;
    text-align: center;
    line-height: 35px;
    padding-left: 12px;
    border: none;
    cursor: pointer;
  }
  #toolbarPrintLi .menu a,
  #toolbarExportLi .menu a,
  #toolbarPivotLi .menu a,
  #toolbarQueryLi .menu a,
  #toolbarAttchmentLi .menu a{
    display: flex;
    align-items: center;
    padding: 0px;
    text-align: center;
    line-height: 30px;
    border: none;
    cursor: pointer;
    padding-left: 12px;
    padding-right: 12px;
  }

  #selectT .menu .icon-container,
  #toolbarMoreLi .menu .icon-container,
  #toolbarSortLi .menu .icon-container{
    margin-right: 19px;
  }
  #Moreli_Add  a,
  #Searchli_search a,
  #toolbar_extendLi,
  #extendLi_reInitApp{
    margin-top: 10px;
  }

  .toolbar_ActionSoild{
    margin-top: 3px;
    border-bottom: 1px solid #BBBBBB;
  }


  #Moreli_Add .icon-container{
    background: url(../../images/icons/ze-add.svg) 0px 2px no-repeat;
    background-size: 88%;
  }
  #Moreli_Save .icon-container{
    background: url(../../images/icons/iconPark-save-one.svg) 0px 2px no-repeat;
    background-size: 88%;
  }
  #Moreli_Del .icon-container{
    background: url(../../images/icons/ze-del.svg) 0px 2px  no-repeat;
    background-size: 88%;
  }
  #Moreli_Back .icon-container{
    background: url(../../images/icons/ze-re.svg) 0px 2px  no-repeat;
    background-size: 88%;
  }
  #Moreli_Info .icon-container{
    background: url(../../images/icons/ze-recordInfo.svg) 0px 2px  no-repeat;
    background-size: 88%;
  }
  #Moreli_Ref .icon-container{
    background: url(../../images/icons/ze-ref.svg) 0px 2px  no-repeat;
    background-size: 88% !important;
  }
  #Moreli_getAll .icon-container{
    background: url(../../images/icons/ze-recordGet.svg) 0px 2px  no-repeat;
    background-size: 88%;
  }
  #Moreli_Up .icon-container{
    background: url(../../images/icons/ze-up.svg) 0px 2px  no-repeat;
    background-size: 88%;
    transform: rotate(90deg);
  }
  #Moreli_Down .icon-container{
    background: url(../../images/icons/ze-down.svg) 0px 2px no-repeat;
    background-size: 88%;
    transform: rotate(90deg);
  }

  #Searchli_search .icon-container{
    background: url(../../images/icons/ze-search.svg) 0px 2px no-repeat;
    background-size: 88%;
  }
  #Searchli_searchOne .icon-container{
    background: url(../../images/icons/ze-zsearch.svg) 0px 2px no-repeat;
    background-size: 88%;
  }

  #toolbar_extendLi .icon-container{
    background: url(../../images/icons/ze-ext.svg) 0px 2px no-repeat;
    background-size: 90%;
    width: 27px;
  }
  #toolbar_extendLi .icon-container3{
    background: url(../../images/icons/ze-jt.svg) 0px 2px no-repeat;
    background-size: 88%;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 13px;
    top: 8px;
  }
  #toolbar_Help .icon-container{
    background: url(../../images/icons/ze-help.svg) 0px 2px no-repeat;
    background-size: 88%;
  }

  #toolbar_setting .icon-container{
    background: url(../../images/icons/ze-sz.svg) 0px 2px no-repeat;
    background-size: 88%;
  }
  #toolbar_FormSet .icon-container{
    background: url(../../images/icons/ze-formSet.svg) 0px 2px no-repeat;
    background-size: 88%;
  }

  #extendLi_reInitForm .icon-container{
    background: url(../../images/icons/ze-restoreForm.svg) 0px 0px no-repeat;
    background-size: 100%;
  }



  #Moreli_Add .icon-container.disable{
    background: url(../../images/icons/ze-add-not.svg) 0px 2px no-repeat;
    background-size: 88%;
  }
  #Moreli_Save .icon-container.disable{
    background: url(../../images/icons/ze-save-not.svg) 0px 2px no-repeat;
    background-size: 88%;
  }
  #Moreli_Del .icon-container.disable{
    background: url(../../images/icons/ze-del-not.svg) 0px 2px no-repeat;
    background-size: 88%;
  }
  #Moreli_Back .icon-container.disable{
    background: url(../../images/icons/ze-back-bot.svg) 0px 2px  no-repeat;
    background-size: 88%;
  }


  #Moreli_Add .menubtnLable.disable,
  #Moreli_Save .menubtnLable.disable,
  #Moreli_Del .menubtnLable.disable,
  #Moreli_Back .menubtnLable.disable{
    color: #9A9A9A;
  }
  #Moreli_Add .menubtnCut.disable,
  #Moreli_Save .menubtnCut.disable,
  #Moreli_Del .menubtnCut.disable,
  #Moreli_Back .menubtnCut.disable{
    color: #9A9A9A;
  }


  /* #main-header-div,
  #g_title_area,
  #g_main_header #main-header-div .toolbar {
    height: 80px !important;
  } */
  .toolbarBig{
    padding-top: 0px  !important;
    height: 58px;
    display: flex !important;
    align-items: center;
  }
  
  .toolbar_print_big{
    display: none ;
  }
  #toolbarMoreLi #toolbar_More .toolbar_print_big2{
    display: none ;
  }

  #g_main_header #main-header-div .toolbar_print_big{
    display: none ;
    padding-left: 0px !important;
    height: 50px;
    padding: 1px 1px !important;
    margin: 0px;
    border: 1px solid #ffffff !important;
    
    /* background: gray; */
  }

  #g_main_header #main-header-div #toolbar_Attchment .toolbar_print_big
  {
    height: 49px;
  }
  .toolbar_print_big_Icon{
    height: 25px !important;
    /*margin-top: 4px !important;*/
    /*margin-bottom: -3px !important;*/
    display: flex !important;
    padding-left: 0px !important;
    justify-content: center !important;
    width: 50px!important;
    align-items: center !important;
    background-color: #ffffff;
  }

  #toolbar_Action   .toolbar_print_big_Icon{
    width: 74px!important;
  }
  .toolbar_print_big_Icon #toolbar_Attchment_button{
    padding-left: 0px !important;
  }

  .toolbar_print_big_Icon .icon-container2{
    background-size: 100% !important; 
    left: 32px;
    top: 21px;
  }


  .toolbar_print_big_Icon .icon-container{
    background-size: 100% !important;
    width: 26px !important;
    height: 26px !important;
    margin-right: 2px !important;
  }
  #toolbar_Open .toolbar_print_big .icon-container{
    display: flex !important;
    transform: rotate(180deg); 
    background-size: 100% !important;
  }
  #toolbar_Open .toolbar_print_big {
    margin-top: 15px;
  }


  .toolbar_print_big_Text{
    padding-left: 0px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    align-content: center !important;
  }

  .toolbar-firnt{
    margin-left: 5px;
  }

  .toolbar_print_big:hover{
    background-color: #ebebeb;
    border: 1px solid #cbcbcb !important;

    border-radius: 2px;
  }
  .toolbar_print_big.drop{
    background-color: #ebebeb;
    border: 1px solid #cbcbcb !important;
    /* box-shadow: 1px 1px 1px #a7a7a7; */
    border-radius: 2px;
  }
  .toolbar_print_big .toolbar_print_big_Icon.drop{
    background-color: #fff;
    border-radius: 2px;
  }
  .toolbar_print_big:hover .toolbar_print_big_Icon:hover{
    background-color: #ebebeb  !important;
    border-radius: 2px;
  }

  .toolbar_print_big .toolbar_print_big_Icon:hover ~ .toolbar_print_big_Text {
    background-color: #fff  !important;
    border-radius: 2px;
  }



  #toolbar_Sort,
  #toolbar_More{
    padding-bottom: 0px;
  }
  #toolbar_More{

    padding-top: 10px;
  }

  #toolbarSortLi .dropdown-menu .iconfont{
    margin-right: 20px;
    color:#4F4F4F;
    font-size: 18px;
  }
  #toolbar_upSorti {
    margin-top: 10px;
  }
  #toolbar_extendLi .containerText{
    width: 100%;
    text-align: left;
  }
  #toolbar_extendLi:hover{
    background-color: #e9ebf0 ;
  }
  #toolbarMoreLi .menu2 .fa{
    display: none;
    color: #000000;
    font-size: 14px;
    margin-right: 2px;
  }
  #toolbar_More .toolbar_print_sml{
    padding-bottom: 2px;
  }

  #messagesSuccess:hover{
    background-color: white;
  }
  #messagesSuccess .messagesSuccessA:hover{
    background-color: white;
  }
  #messagesSuccess.big{
    top:10px
  }

  #indexLoginDiv.big .userIdul
  {
    top:75%;
  }

  /* #messagesSuccess.big .icon-container,
  #messagesSuccess .toolbar_print_big_Icon2{
    width: 35px !important;
    height: 35px !important;
  } */
  /*#indexLoginDiv.big{
    top:7px
  }*/
  #indexLoginDiv.big #userId,
  #indexLoginDiv.big .icon-wode{
    font-size: 17px !important;
  }

  #g_title_area .bigBar .winui-icon-img img{
    height: 35px !important;
  }
  #g_main_header #g_title_area.bigTool{
    justify-content: flex-start !important;
  }

  #main-header-div .dropdown.messages-menu{
    margin-left: 10px;
  }
    


  /* #toolbarExportLi .dropdown-menu .icon-container{
    background: url(../../images/icons/ze-def.svg) 0px 0px no-repeat;
    margin: 5px;
    background-size: 88%;
  }
  #toolbarPivotLi .dropdown-menu .icon-container{
    background: url(../../images/icons/ze-tdef.svg) 0px 0px no-repeat;
    margin: 5px;
    background-size: 88%;
  }
  #toolbarPrintLi .dropdown-menu .icon-container{
    background: url(../../images/icons/ze-bdef.svg) 0px 0px no-repeat;
    margin: 5px;
    background-size: 88%;
  }
  #toolbarQueryLi .dropdown-menu .icon-container{
    background: url(../../images/icons/ze-sdef.svg) 0px 2px no-repeat;
    margin: 5px;
    background-size: 88%;
  } */


  #toolbarShowBigLi.bigTool{
    margin-left: 100px !important;
  }
  #toolbarActionLi .slimScrollDiv,
  #toolbarActionLi .menu{
    height: 340px !important;
    max-height: 340px !important;
  }

  #toolbarMoreLi{
    position: absolute;
    right: 170px;
  }
  #messagesSuccess {
    position: absolute;
    right: 200px;
  }
  /* .toolbar_print_big2 .icon-container{
    width: 35px !important;
    height: 35px !important;
    background-size: 120% !important;

  } */
  #toolbarMoreLi #toolbar_More .toolbar_print_big2{
    height: 60px !important;
  }

  #toolbar_queryRemove .toolbar_print_big_Icon{
    width: 58px !important;
  }


  #toolbar_Open .toolbar_print_big{
    background: none !important;
  }

  .toolbar_print_sml:hover
  {
    border: 1px solid #e9ebf0 !important;
  }

  #toolbarMoreLi .toolbar_print_sml:hover,
  #toolbarShowBigLi .toolbar_print_sml:hover
  {
    border:1px solid transparent !important;
  }

  /*.toolbar_print_sml>i:hover,
  .toolbar_print_big>i:hover{
    border: 1px solid #e9ebf0 !important;
  }*/
  .toolbar_sml_text:hover {
    background-color: #e9ebf0;
    border:1px solid  #e9ebf0;
  }
  #toolbar_queryRemove   .toolbar_print_sml:hover {
    background-color: #e9ebf0;
  }
  
  .toolbar_print_sml .icon-drop:hover{
    background-color: #e9ebf0 !important;
    /*border:1px solid  #e9ebf0;*/
  }

  .toolbar_print_sml .icon-drop.drop{
    background-color: #e9ebf0 !important;
    border:1px solid  #e9ebf0;
  }
  .toolbar_print_sml.drop{
    border:1px solid  #e9ebf0 !important;
  }

  #toolbar_Action .toolbar_print_sml:hover,
  #toolbar_Sort .toolbar_print_sml:hover{
    background-color: #e9ebf0 !important;
  }
  #toolbarActionLi.open    #toolbar_Action .toolbar_print_sml,
  #toolbarSortLi.open #toolbar_Sort .toolbar_print_sml{
    background-color: #e9ebf0 !important;
  }

  #toolbarActionLi.open    #toolbar_Action .toolbar_print_big,
  #toolbarSortLi.open #toolbar_Sort .toolbar_print_big{
    background-color: #ebebeb;
    border: 1px solid #cbcbcb !important;
    /* box-shadow: 1px 1px 1px #a7a7a7; */
    border-radius: 2px;
  }

  #toolbarActionLi.open    #toolbar_Action .toolbar_print_big .toolbar_print_big_Icon,
  #toolbarSortLi.open #toolbar_Sort .toolbar_print_big .toolbar_print_big_Icon{
    background-color: #fff;
    border-radius: 2px;
  }

  #toolbar_Action .toolbar_print_sml .icon-drop:hover{
    background-color: none !important;
    border:none !important;
  }
  #toolbar_Sort .toolbar_print_sml .icon-drop:hover{
    border:none !important;
  }

  #toolbarActionLi.open #toolbar_Action .toolbar_print_sml .icon-drop{
    background-color: none !important;
    border:none !important;
  }
  #toolbarSortLi.open #toolbar_Sort .toolbar_print_sml .icon-drop{
    border:none !important;
  }


  #toolbar_Attchment{
    border:1px solid transparent;
  }

  #toolbarPrintLi .dropdown-menu li>a:hover{
    background: #f4f4f4;
    text-decoration: none;
  }
  
  #toolbar_Sort {
    padding-top: 10px;
  }
  #toolbar_Open{
    padding-top: 10px;
  }
  .toolbar_print_big_Text .icon-drop{
    width: 10px !important;
  }

  #g_nav_tab_Div{
   flex-grow: 1;
    flex-shrink: 1;
    border-bottom: 1px solid #C8C9C8;
    /* margin-bottom: 1PX; */
    border-top: 1px solid #C8C9C8;
    background-color: white;
  }
  #g_title_area .winui-icon-img img{
    box-shadow: 0px 0px 2px white;
  }


  i.icon-querenfangan,
  i.icon-fangan1
  {
    color:#4F4F4F;
    margin-right: 20px;
  }

#g_main_header .dropdown-menu .menubtnLable{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#g_main_header .dropdown-menu .menubtnLable{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#toolbarAttchmentLi .dropdown-menu .menubtnLable{
  width: 100px;
  text-align: left;
}

#Searchli_searchOne .iconfont{
  font-size: 19px;
  color: #4f4f4f;
  margin-right: 10px;
}
#Searchli_searchMore .iconfont{
  font-size: 18px;
  color: #4f4f4f;
  margin-right: 11px;
}

#toolbarAttchmentLi .labelNum{
  top:1px !important;
  right:41px !important;
  font-size: 6px !important;
  background-color: #2866c3 !important;
}
#toolbarAttchmentLi .labelNumBig{
  top:2px !important;
  right:14px !important;
  font-size: 6px !important;
  background-color: #2866c3 !important;
}


.icon-Micon-querenfangan,
.icon-fangan3
{
  color:#4f4f4f;
  margin-right:20px;
}

#toolbarAttachmentLiDrop svg{
  margin-right: 20px;
}
    
/* #toolbar_printText{
  background: url(../../images/icons/toolbarBB.svg);
  width: 28px;
  height: 20px;
} */

#extendLi_reInitForm :hover,
#extendLi_importManager :hover,
#toolbar_FormSet :hover,
#toolbar_Help :hover,
#toolbar_settingLi :hover,
#extendLi_reInitApp :hover,
#extendLi_reInitGlobal :hover{
  background-color: #e9ebf0 ; 
}