.x-treelist-nav{background-color: #32404e !important;}
.astra-headerbar{padding: 0 30px 0 0 !important}
.bbold .x-form-cb-label {font-weight: bold;}
.combobold .x-form-item-label-inner {font-weight: bold;}
.combobold label{font-weight: bold;}
.combobold label{font-weight: bold;}
.combobig>div{height: 64px;}
.combobig input {white-space: normal;
  white-space: normal;
    display: block !important;
    line-height: 10px;
    width: 100%;
    word-spacing: normal;
    text-overflow: initial;
    word-wrap: normal !important;
    word-break: break-all;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }
.combobig .x-form-trigger-default{
  vertical-align: middle;
  }
.qrcodeparent{
    text-align: center;
    font: 25px/80px -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif;
    white-space: normal;
    line-height: 32px;
    font-size: 16px;
    position: relative;
    height: 410px;
}
.qrcode{
    display: block;
    height: 280px;
    width: 100%;
    background-image: url(/resources/qrcode.png);
    background-size: contain;
    /* display: inline-block; */
    /* margin-left: 200px; */
    background-repeat: no-repeat;
    background-position-y: 70px;
    background-position-x: center;
    background-size: 200px;
    }
.black{color:black !important; border:none !important;}
.black ::before{color:#848484 !important;}
.black .fa-remove:before,.black .fa-close:before,.black .fa-times:before {
    color:#848484 !important;
}
.button-text .x-btn-inner-default-small {
    color: black !important;
}
.default_panel>.x-panel-body-default{background: transparent !important; border:none !important; }
.default_panel .x-form-type-checkbox{display: inline-block !important; }
.floatright{float:right;}
.clearboth{width: 100%;clear:both;}
.clearbothg{clear:both;}
.clearboth .x-autocontainer-outerCt{width: 100%}
.default_panel .x-autocontainer-innerCt{width: 100%}
.default_panel .x-autocontainer-innerCt>div{display: inline-block; }
.default_panel .x-autocontainer-innerCt>div:first-child{
    min-width: 200px;
    box-sizing: border-box;
    margin-left: 10px !important;
}
.default_panel .x-autocontainer-innerCt>div:first-child+div{
   max-width: 260px;
}
.default_panel .x-autocontainer-innerCt>div:first-child>label{
    min-width: 200px !important;
    width: auto !important;
}
.default_panel .x-autocontainer-innerCt>div:first-child>label>span{
    font-size: 16px;
    min-width: 200px !important;
}
.default_panel .x-autocontainer-innerCt>div:first-child+div{}
.default_panel .x-autocontainer-innerCt>div:first-child+div>label{
    width: auto !important;
}
.default_panel .x-autocontainer-innerCt>div:first-child+div>label>span{
    width: auto !important;
    font-weight: 600;
}
.db_inline{display: inline-block  !important; vertical-align: middle !important; width:49% !important;    box-sizing: border-box !IMPORTANT;    margin: 0px !important;}
.db_inline50{display: inline-block  !important; vertical-align: middle !important; width:50% !important;}
.db_inline .ccInput{
  width: 100% !important;
}
.smallbutton{ 
   top: 0px !important;
    margin: 0px !important;
    display: inline-block !important;
    width: 32px !important;
    height: 32px !important;
    background-color: #e2e2e2 !important;
}
.inline-block{display: inline-block  !important;}
.inline-button{
  display: inline-block  !important;
  margin-top:32px;
  width:100px;
}
.middle{vertical-align: middle;}
.margint10{margin-left:10px}
.block{display:block  !important;}
.online{display: inline-block  !important; vertical-align: top !important; width:49% !important;}
.onlines{display: inline-block  !important; vertical-align: top !important; }
.online_10{
    display: inline-block !important;
    vertical-align: top !important;
    width: 49% !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    box-sizing: border-box !important;
  }
.div100{width: 100% !important;height: 100% !important}
.div600{width: 600px !important;}
.div100 div{}
.fix_100px{width: 148px !important;box-sizing: border-box !important;}
.fix_100100{width: CALC( 100% - 160px )!important;}
.fix_100100 .x-form-text-field-body-default{
     width: 100%;
    max-width: inherit !important;
  }
.inputline{

    }
.inputline>label{
    display: inline-block;
    vertical-align: top;
    padding-top: 0px;
    }
.inputline>div{ 
    width: CALC(100% - 110px);
    display: inline-block;
    vertical-align: top;
    max-width: inherit;
    }
.linefiles{
  width: 600px;
}
.hidden{display: none !important;}

.customhd .x-btn-default-small {
    margin: 3px 3px 3px 3px !important;
    padding: 3px 10px 3px 10px !important;
    background-color: #f6f6f6 !important;
    border-color: #e4e4e4 !important;
}

.customhd .x-btn-inner-default-small, .customhd .x-btn-icon-el{
    color: black !important;
    }
.bold,.bold  .x-btn-inner-default-small{font-weight:700}
.filesul{
    list-style: none;
    max-height: 100px;
    overflow-y: auto;
    padding-left: 0px;
    height: 100px;
    width: 203px;
    box-sizing: border-box !important;
    }
.filesul li{display: block;padding: 1px;line-height: 11px;font-size: 11px;}
.filesul li span{display: inline-block;width: CALC(100% - 30px);}
.filesul li span.deletefile{display: inline-block;width: 18px;font-size: 18px;cursor: pointer;transform: rotate(-45deg);}
.filesul li span.deletefile:after{content: "+"}
.licontainer{
    display: block;
    width: 100%;
    min-height: 20px;
    max-height: 200px;
    overflow: auto;
    }
.pr516_ma_line{
    padding: 10px !important;
    }
.maxheight{max-height: 50%;width:100%; height: 50% !important;     background-color: white;}
.maxheight .x-grid-body{border-top-color: #d0d0d000 !important;}
.filesul::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.filesul::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
.filesul::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 0px none #ffffff;
  border-radius: 50px;
}
.filesul::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
.filesul::-webkit-scrollbar-thumb:active {
  background: #000000;
}
.filesul::-webkit-scrollbar-track {
  background: #666666;
  border: 0px none #ffffff;
  border-radius: 50px;
}
.filesul::-webkit-scrollbar-track:hover {
  background: #666666;
}
.filesul::-webkit-scrollbar-track:active {
  background: #333333;
}
.filesul::-webkit-scrollbar-corner {
  background: transparent;
}
.second{
  top:50% !important;
  width:100%;
}
.second .x-panel-header-default{
  width:100%;
  height: 20px;
}
.serveradmin{
  display: block;
  width: 100%;
  height: 100%;

}

.customhd .x-form-text-field-body-default{
  min-width: 100px !important;
    }
  .vloading{
    background-image: url(/resources/images/loading.gif) !important;
    background-repeat: no-repeat;
    background-position-y: center;
    }
  .vloadingssssss{
   background-image: url(/resources/images/circle-loading-gif.gif) !important;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 5px;
    background-size: 10px;
    }

.serveradmin{
    overflow: auto;
    height: 70vh;
    border-bottom: 2px solid #32404e14;
}
.serverconsole{
  display: block;
  width: 100%;
  height: 30vh;
  overflow: auto;
  line-height: 20px;
  background-color: white;
  color: #000000d9;
  padding: 9px;
  font-size: 12px;
}
.serverconsole .consoletext{
    color: black;
    font-size: 12px;
    border-bottom: 1px dashed #00000026;
    padding-bottom: 18px;
    margin-top: 2px;
    line-height: 18px;
    padding-left: 10px;
    margin-bottom: 20px;
}
.serveradmin table{
    width: 100%;
} 
.serveradmin table tr{
    line-height: 34px;
}
/*.serveradmin table tr td{
    background-color: white;
    text-align: center;
}*/
.serveradmin table tr th{
    background-color: #32404e;
    color: white;
}
.serveradmin table tr td div{}
.serveradmin table tr td div.serviceadminbutton{
    /* box-shadow: 0 2px 8px 0 rgb(41 69 25 / 0%); */
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 10px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.serveradmin table tr td div.serviceadminbutton.start{
  transform: rotate(90deg);
  background-image: url('/resources/up-arrow.svg');
}
.serveradmin table tr td div.serviceadminbutton.stop{
  background-image: url('/resources/play-stop2.svg');
  background-size: 31px;
}
.serveradmin table tr td div.serviceadminbutton.restart{
    background-image: url('/resources/replay.svg');
}
.serveradmin table tr td div.serviceadminbutton.show{
    background-image: url('/resources/eye-open2.svg');
}

.serveradmin table tr td div.serviceadminbutton:hover{
   box-shadow: 0 2px 8px 0 rgb(41 69 25 / 35%);
}
.serveradmin table tr td div.serviceadminbutton:active{
  box-shadow: inset 0 2px 8px 0 rgb(41 69 25 / 35%);
}
.serveradmin table tr[data-wait=true]{

/* background-color: green; */

}
.serveradmin table tr[data-wait=true] td{

background-color: #eeefdf;

}
.serveradmin table tr[data-wait=true] td div{

cursor: not-allowed;

}
.serveradmin table tr td div.status{
   box-shadow: 0 2px 8px 0 rgb(41 69 25 / 0%);
   display: block;
   width: 20px;
   height: 20px;
   border-radius: 50%;
}
.serveradmin table tr td div.status.disabled{background-color: #8080804a;}
.serveradmin table tr td div.status.on{background-color: #02d520;}
.serveradmin table tr td div.status.off{background-color: #ff0000;}
.serveradmin table tr td div.status.activating{background-color: #fdff00;}
.serveradmin table tr td div.status:hover{
   box-shadow: 0 2px 8px 0 rgb(41 69 25 / 35%);
}
.serveradmin table tr td div.status:active{
  box-shadow: inset 0 2px 8px 0 rgb(41 69 25 / 35%);
}

  .cloading{
    background-image: url(/resources/images/circle-loading-gif.gif) !important;
    background-repeat: no-repeat;
    background-position-y: center;
    }
    .cloadingcenter{
          background-color: #f7f7f7;
      background-image: url(/resources/images/circle-loading-gif.gif) !important;
      background-repeat: no-repeat;
      background-position-y: center;
      background-position-x: center;

    }
  .cloadingMin{
    background-image: url(/resources/images/circle-loading-gif.gif) !important;
    background-repeat: no-repeat  !important;
    background-position-y: center;
    background-position-x: center;
    background-size:50px;
    }
  .vok .x-btn-icon-el-default-small:before {
    content: "\f058" !important;
  }
  .map{
    position: relative;;
    width: 100%;
    height: 100%;
  }
  .map_conteiner{
    position: relative;;
    width: 100%;
    height: 100%;
  }
  .x-tree-arrows.openend .x-tree-expander:before {
    content:"\f0d7"
  }
 
  .mappopup{
    background: white;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #0000002b;
        margin-bottom: 40px;
    }
   .mappopup::after{
    content: "";
    }
.margintable{
  margin: 10px !important; 
  border: 1px solid  #cee7ff !important;
  box-sizing: border-box !important;
  }
.headtitle{
    display: block;
    background-color: #35baf6;
    font-size: 16px;
    padding: 12px 16px 12px 16px;
    color:white;
  }
.microtitle{
        display: block;
    padding: 0px 0px 2px 10px;
    background-color: #cee7ff;
    border: 1px solid #cee7ff;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #404069;
    margin-top: 1px;
  }
  .textinfo{
    margin: 10px !important; 
    box-sizing: border-box !important;
    }
  .textinfo div{
    min-height: 100px !important;
    width: 100%;
  }
.textinfo div span{
    font-size: 15px;
    text-align: left;
    display: block;
    /*font-weight: 700;*/
    line-height: 25px;
  }
.oncepanel{
  display: block;
  background-color: #ececec !important;

}
.oncepanel .x-panel-body-default{
  background-color: #ececec !important;
}
.inlineconfig div[role="presentation"].x-autocontainer-innerCt{
display: flex !important;
}
.inlineconfig>div{box-sizing: border-box;}
.inlineconfig>div::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.inlineconfig>div::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
.inlineconfig>div::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 0px none #ffffff;
  border-radius: 50px;
}
.inlineconfig>div::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
.inlineconfig>div::-webkit-scrollbar-thumb:active {
  background: #000000;
}
.inlineconfig>div::-webkit-scrollbar-track {
  background: #666666;
  border: 0px none #ffffff;
  border-radius: 50px;
}
.inlineconfig>div::-webkit-scrollbar-track:hover {
  background: #666666;
}
.inlineconfig>div::-webkit-scrollbar-track:active {
  background: #333333;
}
.inlineconfig>div::-webkit-scrollbar-corner {
  background: transparent;
}
.redtoast,.redtoast .toast-1220_header-title-textEl,.redtoast .x-window-header-default{
  background-color:red !important;
  border-color:red !important;
  }
.inlineconfig div[role="presentation"].x-column-form-item{
    float: inherit !important;
    display: block !important;
    }
.tpsend{
  width: 100%;
  }
.tpsend .x-form-item{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
  }
.tpsend .x-form-item-label{
    width: 165px  !important;
  }
  .tpsend .x-form-item-label span{
    width: 165px !important;
    }
 .tpsendpadding{ 
  adding: 10px;
  box-sizing: border-box;
  }
  .redmessage .x-window-header{
    background-color: red !important;
    border-color: red !important;
    }
   .redmessage .x-window-body{
    color:red !important;
    }
    .redmessage .x-tool-img{
      background-color: red !important;
      }
   .myMessageBoxClass .x-window-header-text{
      color: red;
    }
  .std_title{
        display: block;
  
    background-color: #cee7ff;
    border: 1px solid #cee7ff;
   
    color: #404069;
    margin-top: 1px;
    display: block;
    font-size: 16px;
    padding: 12px 16px 12px 16px;
    }

 .margintable .x-grid-cell-inner {
    position: relative;
    text-overflow: ellipsis;
    padding: 7px 10px 6px !important;
    line-height:19px  !important; 
}
.bottom{
  top:inherit !important;
  bottom: 0px !important;
}
.aliginclent{
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 100%;
  left: 0px;
  display: block;
  margin: 0px;
  box-sizing: border-box;
  }
.bottompanel{
  position: absolute !important;
  bottom: 0px;
  width: 100% !important;
  display: block;
  }
.buttonpanel div[role="presentation"]{
      text-align: center;
  }
.buttonpanel div[role="presentation"]>a{
      margin: 10px;
    margin-top: 0px;
  }
  
.child>label,.child>div{
    max-width: inherit !important;
    min-width: inherit !important;
    width: 90% !important;
    display: inline-block;
}
.buttonpanel div[role="presentation"]>a:first-child{

}
.buttonpanel div[role="presentation"]>a:first-child +a{

}
.buttonpanel{
  width: 100%;
  }
.inline20block .x-form-item{width: 20% !important }
.inline20block .x-btn{
        margin-top: 44px !important;
    }
.ainline a{
      width: 25px;
    min-width: 25px !important;
    display: inline-block !important;
    vertical-align: middle;
    margin-right: 15px;
}
.ainline{
    width: 100%;
    display: block;
    text-align: center;
  }
  .pr516inline{
    display: inline-block !important;

    vertical-align: middle;
    }
    .pr516inline.span{
      width: 100px;
          margin-top: -10px;
    }
    .pr516inline.file{
      width: 420px;
    }
.pr516inline.file .x-form-text-field-body-default{
  min-width: 420px !important;
  max-width: 420px !important;
  }

  .tpsend .x-btn.x-btn-disabled.x-btn-default-small{
      background-color: #ffffff !important;
    }
    .tpsend .x-btn-icon-el-default-small{
      color: #000000 !important;
    }
  .tpsend .x-btn-pressed.x-btn-default-small{
    background-color: #bfbfbf !important;
    border-color: #a6adb3 !important;
    }
   .customcco .x-panel-body{
    /*height: CALC( 100vh - 111px) !important;*/
    }
  .customcco .include .x-box-item{
    padding-top:0px !important;
    top:0px !important;
    }
  .input90{ 
    margin-left: 10px !important;
    width: 96.5% !important;
    }
.x-reload{

    }
.x-reload .x-form-text-field-body .x-form-trigger-wrap{
  position: relative;
  }
.x-reload .x-form-text-field-body .x-form-trigger-wrap:after{
  content: "";
  position: absolute;
  display: block;
  background-color: #a7a7a74a;
  width: 100%;
  height: 100%;
  left: 0px;
}
.scolled_grid .x-grid-view-default{
    /*width: 100% !important;
    height: 100%;
    display: block;
    overflow-x: scroll !important;
    position: relative;
    overflow: scroll !important;*/
  }
.scolled_grid{
 /*  width: 100% !important;
    height: 100% !important;*/
  }
  .inlinewidth{
    display:inline-block !important;
    }
.miniHeader{
  width: CALC(49% - 1px) !important;
}
.red{
  border: 1px solid red !important;
  border-color: red !important;
}
.miniHeader .x-panel-header-default{
  background-color: #ffffff00;
    color: black;
    margin-bottom: 0px;
    /* position: relative !important; */
    display: block;
    margin-top: -10px;
    padding-right: 0px !important;
    padding-left: 120px !important;
    box-sizing: border-box;
  }
.miniHeader .x-panel-header-default div[data-ref="textEl"]{
  color: #5a5a5a;
    position: relative;
    font-size: 14px;
    font-weight: 600;
  }
.myParam{
  height: 119px !important;
  }
.myParam>div[data-ref="body"] {
  height: 68px !important;
  }

.ccFileMWrap{
      min-height: 50px;
}
.nothing{}
.nothing>.x-panel-body{ border:none !important}
.ccFileMWrap .mcUploadFileButton{
    display: inline-block !important;
    vertical-align: top;
    position: relative !important;
}
.ccFileMWrap .ccFileContainer{
    display: inline-block !important;
    vertical-align: top;
    position: RELATIVE;
    min-height: 100px;
    /* max-height: 100px; */
    width: CALC(100% - 74px);
    overflow: auto;
}
.ccFileMWrap .ccFileContainer .mcList{}
.ccFileMWrap .ccFileContainer .mcList{
    display: block;
    position: relative;
    padding-left: 33px;
}
.ccFileMWrap .ccFileContainer .mcList li{
    display: block;
    position: relative;
    margin-bottom: 3px;
    border: 1px solid #d0d0d0;
    background-color: #f6f6f6;
    padding: 4px;
}

.ccFileMWrap .ccFileContainer .mcList li span{
    display: inline-block;
    padding: 1px;
    /* border-bottom: 1px solid #d0d0d0; */
    margin-right: 6px;
    cursor: pointer;
}
.ccFileMWrap .ccFileContainer .mcList li span.ccOnceMatDelete{
  float: right;
}
.ccFileMWrap .ccFileContainer .mcList li span a{
    text-decoration: none;
    color: black;
}


.ccFileMWrap .ccFileContainer::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.ccFileMWrap .ccFileContainer::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
.ccFileMWrap .ccFileContainer::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 0px none #ffffff;
  border-radius: 50px;
}
.ccFileMWrap .ccFileContainer::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
.ccFileMWrap .ccFileContainer::-webkit-scrollbar-thumb:active {
  background: #000000;
}
.ccFileMWrap .ccFileContainer::-webkit-scrollbar-track {
  background: #666666;
  border: 0px none #ffffff;
  border-radius: 50px;
}
.ccFileMWrap .ccFileContainer::-webkit-scrollbar-track:hover {
  background: #666666;
}
.ccFileMWrap .ccFileContainer::-webkit-scrollbar-track:active {
  background: #333333;
}
.ccFileMWrap .ccFileContainer::-webkit-scrollbar-corner {
  background: transparent;
}

.ccFileContainer{}

.ccFileContainer .fileshow{

padding: 10px;

/* background-color: white; */

font: normal normal normal 14px/1 FontAwesome;

background-color: #32404e;

color: #adb3b8;

display: block;

width: 100%;

border-radius: 0px;

text-align: left;
}
.ccFileContainer .fileshow .name{

display: inline-block;

margin-left: 10px;

font: inherit;

}
.ccFileContainer .fileshow .size{

display: inline-block;

margin-left: 10px;

font-size: 13px;

}
.ccFileContainer .fileshow div{

  }

.ccFileContainer>div{
     position: relative;
     display: block;
     cursor: pointer;
     padding: 6px;
     -webkit-box-shadow: -1px -1px 4px 0px rgb(144 207 255 / 53%);
     -moz-box-shadow: -1px -1px 4px 0px rgba(144, 207, 255, 0.53);
     box-shadow: -1px -1px 4px 0px rgb(144 207 255 / 15%);
     border-radius: 9px;
     z-index: 100;
     cursor: pointer;
     border: 1px solid #32404e5e;
     display: block;
     width: 110px;
     margin-top: 10px;
     text-align: center;
}
.ccFileContainer>div:hover{
   -webkit-box-shadow: -2px -2px 4px 0px rgba(46, 162, 251, 0.53);
  -moz-box-shadow: -2px -2px 4px 0px rgba(46, 162, 251, 0.53);
  box-shadow: -2px -2px 4px 0px rgba(46, 162, 251, 0.53);
  }
.ccFileContainer>div:active{
 -webkit-box-shadow: 1px 0px 12px 0px rgba(136, 192, 236, 0.53) inset;
-moz-box-shadow: 1px 0px 12px 0px rgba(136, 192, 236, 0.53) inset;
box-shadow: 1px 0px 12px 0px rgba(136, 192, 236, 0.53) inset;
  }
input[type=checkbox].custom {
    -webkit-appearance: none;
    cursor: pointer;
    font: 20px/1 ExtJS;
    color: #919191;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0px;
    line-height: 20px;
    margin-right: 1px;
  }
 input[type=checkbox].custom:before {
    content: "\e614";
  }
input[type=checkbox].custom:checked:before, input[type=checkbox].custom.checked:before {
    content: "\e613";
}

input[type=checkbox].customdown {
    -webkit-appearance: none;
    cursor: pointer;
    font: 20px/1 ExtJS;
    color: #919191;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0px;
    line-height: 20px;
    margin-right: 1px;
  }

input[type=checkbox].customdown:checked:before, input[type=checkbox].customdown.checked:before {
  content: "\e61b";
      background-image: url(/cc/pr_nauadmin/css/call_in_active.bmp.png) !important;
  }
 input[type=checkbox].customdown:before {
       /* content: "\e614"; */
    content: "";
    color: #04981a;
    border: 1.5px solid #919191;
    border-radius: 5px;
    font-size: 14px;
    display: block;
    width: 16px;
    height: 16px;
    line-height: 13px;
    text-align: center;
    
    background-position: center;
    background-repeat: no-repeat;
    background-position-x: 0px;
    color: transparent !important;
  }
input[type=checkbox].customup{
    -webkit-appearance: none;
    cursor: pointer;
    font: 20px/1 ExtJS;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0px;
    line-height: 20px;
    margin-right: 1px;
    color: #04981a;
  }
 input[type=checkbox].customup:before {
        /* content: "\e614"; */
    content: "";
    color: #04981a;
    border: 1.5px solid #919191;
    border-radius: 5px;
    font-size: 14px;
    display: block;
    width: 16px;
    height: 16px;
    line-height: 13px;
    text-align: center;
   
    background-position: center;
    background-repeat: no-repeat;
    background-position-x: 0px;
    color: transparent !important;
  }
input[type=checkbox].customup:checked:before, input[type=checkbox].customup.checked:before {
  content: "\e61c";
      background-image: url(/cc/pr_nauadmin/css/call_out_active.bmp.png) !important;
  }

input[type=checkbox].noborder, input[type=checkbox].noborder:before,input[type=checkbox].noborder.checked:before,input[type=checkbox].noborder:checked:before{
  border:none !important;
  }

input[type=checkbox].grey, input[type=checkbox].grey:before,input[type=checkbox].grey.checked:before,input[type=checkbox].grey:checked:before{
  color: #848484;
  }

input[type=checkbox].green, input[type=checkbox].green:before,input[type=checkbox].green.checked:before,input[type=checkbox].green:checked:before{
 color: #04981a;

  }
.call_in_active:before{
  background-image: url(/cc/pr_nauadmin/css/call_in_active.bmp.png) !important;
  background-position: center;
  background-repeat: no-repeat;
  background-position-x: 0px;
  color: transparent !important;
  }
.call_in_inactive:before{
  background-image: url(/cc/pr_nauadmin/css/call_in_inactive.bmp.png) !important;
  background-position: center;
  background-repeat: no-repeat;
  background-position-x: 0px;
  color: transparent !important;
}
.call_out_active:before{
  background-image: url(/cc/pr_nauadmin/css/call_out_active.bmp.png) !important;
  background-position: center;
  background-repeat: no-repeat;
  background-position-x: 0px;
  color: transparent !important;
}
.call_out_inactive:before{
  background-image: url(/cc/pr_nauadmin/css/call_out_inactive.bmp.png) !important;
  background-position: center;
  background-repeat: no-repeat;
  background-position-x: 0px;
  color: transparent !important;
}
.dbnauadminc{
 background-image: url(/cc/pr_nauadmin/css/link.bmp.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-position-x: 0px;

  }
.buttoncheckbox{
  border-color: #e4e4e4;
  border-width: 2px;
  border-radius: 0;
  border-width: 1px;
  border-style: solid;
  background-color: #f6f6f6;
  display: inline-block;
  outline: 0;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  width: 99%;
  height: 95%;
  -webkit-appearance: inherit;
  background-position-x: 10px;
  cursor: pointer;
  }
.buttoncheckbox:checked{
    border-color: #d2d2d2;
    background-image: none;
    background-color: #e2e2e2;
  }
.custom-button{
   height: 35px !important;
   top: 15px !important;
   margin-left: -4px !important;
   width: 101px !important;
   box-sizing: border-box !important;
  }
  .custom-button>div{
    width: 99% !important;
    height: 99% !important;
    border-color: #e4e4e4;
  }
  
  .custom-button>div>div{
    width: 97% !important;
    height:100% !important;
  }
  .custom-button>div>div span{
    position: ABSOLUTE;
    display: block;
    top: 0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    text-align: center;
    padding-top: 11px;
    font: 500 12px/16px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    color: #606060;
    padding-left: 33px;
    cursor: pointer;
}
.tHeaderIcon{   
  background-repeat: no-repeat;
  background-position: center;
  }
.tDB{ background-image: url(/cc/pr_nauadmin/css/db.bmp.png) !important; background-position-x: 20px;}
.tNa{ background-image: url(/cc/pr_nauadmin/css/db_nau.bmp.png) !important; background-position-x: 20px;}

.x-grid-item.insert{background-color: #00f50082;}
.x-grid-item.delete{background-color: #ff000075;}
.x-grid-item.update{background-color: #dfff0075;}
.x-grid-item.select{border: 1px solid #35baf6 !important;}

@media only screen and (max-width: 1600px) {
  .inlinewidth {
    display:block !important;
    width: 100% !important;
    }
  .inlinewidth div[data-ref="containerEl"] {
    width: 100% !important;
    }
    .inlinewidth div[data-ref="containerEl"]  .x-form-item {
    width: 100% !important;
    }
}

.ccRWrap{
    position: absolute;
    top:0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    }
.ccRWrap *{
    box-sizing: border-box !important;
    }
.ccRWrap .ccRStub{
    border-top: 1px solid #DADADA;
    background-color: #f5f5f5;
    line-height: 1.6;
    padding: 24px;
    width: 100%;
    /* margin-top: 10%; */
    }
.ccRWrap .ccInfo{
    font-weight: 300;
    font-family: Effra, Roboto, Helvetica, Arial, sans-serif;
    text-align: center;
    display: inline-block;
}
.ccRWrap .ccRStub .ccInfo{
    color: #86BC40;
    font-size: 3em;
    width: 100%;
    }
.ccRWrap .ccRStub .ccInfo .ccHead{
    display: inline-block;
    width: 100%;
}
.ccRWrap .ccRStub .ccInfo .ccText{
    font-size: 39px;
    color: #32404e;
}
.ccRWrap .ccRTabPanel{
    height: 32px;
    position: relative;
    padding: 5px;
    display: block;
}
.ccRWrap .ccRTabPanel .ccRTabButton{
    margin-right: 10px;
    display: inline-block;
    position: relative;
    border-color: #d2d2d2;
    background-color: #e2e2e2;
    padding: 7px 7px 7px 7px;
    border-width: 1px;
    border-style: solid;
    outline: 0;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    overflow: hidden;
    color: #404040;
    font-size: 13px;
    line-height: 17px;
    font-weight: 400;
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    height: 32px;
    min-width: 100px;
    background-color: #f6f6f6;
    font: 500 12px/16px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    color: #606060;
}
.ccRWrap .ccRTabPanel .ccRTabButton:hover{background-color: #d2d2d2;}
.ccRWrap .ccRTabPanel .ccRTabButton:focus{}
.ccRWrap .ccRTabPanel .ccRTabButton.active{border-color: #d2d2d2;background-color: #e2e2e2;}
.ccRWrap .ccRTabPanel .ccRTabButton:before {
    content: "\f03a" !important;
    color: #919191;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    display: block;
    position: absolute;
    left: 9px;
    font-size: 16px;
    top: 7px;
}
.ccRWrap .ccRWrapPanel{}
.ccRWrap .ccRWrapPanel .ccRFrameParent{
    padding: 0px;
    margin: 0px;
    /* border: 0px; */
}
.ccRWrap .ccRWrapPanel .ccRFrameParent iframe{
    width: 100%;
    height: CALC(100% - 4px);
    padding: 0px;
    border: 0px;
    margin: 0px;
}
.ccRWrap .ccRWrapPanel .ccRInfoParent{}
.ccRWrap .ccTabParent{
    border-top: 1px solid #DADADA;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: auto;
    top: 42px;
}

.ccClassicInputParent .ccInput {
    border: 1px solid #32404e5e;
    border-color: #d0d0d0;
    margin: 5px;
    background-color: white;
    border-radius: 0px;
    padding: 5px;
    font-size: 10px;
    width: 70px;
    display: inline-block;
    height: 30px;
    vertical-align: middle;
    color: #404040;
    font: 400 13px/21px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
}

.ccClassicInputParent .ccMEditor {
    border: 1px solid black;
    border: 1px solid #32404e5e;
    border-color: #d0d0d0;
    margin: 5px;
    background-color: white;
    border-radius: 0px;
    padding: 5px;
    min-height: 100px;
    max-height: 500px;
    overflow: auto;
    font: 400 13px/21px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
}

.ccClassicInputParent .mcUploadFileButton {
    display: inline-block;
    border: 1px solid #32404e;
    border-radius: 0px;
    padding: 7px;
    cursor: pointer;
    background-size: contain;
    background-position: center;
    padding: 6px 10px 6px 10px !important;
    background-color: #f6f6f6 !important;
    border-color: #e4e4e4 !important;
    color: #272626 !important;
    cursor: pointer;
    white-space: nowrap;
  }
.ccClassicInputParent .ccButton {
    margin: 10px;
    display: inline-block;
    border: 1px solid #32404e;
    border-radius: 0px;
    padding: 7px;
    cursor: pointer;
    background-size: contain;
    background-position: center;
    margin: 10px 10px 10px 10px !important;
    padding: 6px 10px 6px 10px !important;
    background-color: #f6f6f6 !important;
    border-color: #e4e4e4 !important;
    font: 500 12px/16px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    color: #272626 !important;
    cursor: pointer;
}
.ccClassicInputParent .ccButton:hover{
    background-color: #e5e5e5 !important;
}
.ccClassicInputParent input[type=checkbox] {
    -webkit-appearance: none;
    cursor: pointer;
    font: 20px/1 ExtJS;
    color: #919191;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0px;
    line-height: 20px;
    margin-right: 1px;
}

.ccClassicInputParent input[type=checkbox]:checked:before {
    content: "\e613";
}
.ccClassicInputParent input[type=checkbox]:before {
    content: "\e614";
}

.ccMWrap .mcUploadFileButton {
    cursor: pointer;
    border: 1px solid #32404e5e;
    margin: 5px;
    background-color: white;
    border-radius: 5px;
    padding: 5px;
    font-size: 10px;
    display: inline-block;
    vertical-align: middle;
}

.ccElementLabel{
    display: inline-block;
    min-width: 100px;
    position: relative;
    width: 100%;
    /* vertical-align: middle; */
}
.ccElementLabel .ccLabel{
    display: inline-block;
    width: 100px;
    text-transform: initial;
    text-align: center;
    color: #404040;
    font: 400 13px/17px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    vertical-align: middle;
}
.ccElementLabel .ccLabel span{
    color: #6a6a6a;
    font-size: 9px;
}
.ccElementLabel .ccElement{
    display: inline-block;
    width: CALC(100% - 120px);
    vertical-align: middle;
}

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

.SenchaClassicTable{
  border: 1px solid #d0d0d0;
  border-bottom-color: #fff;
  background-color: #fff;
  border-collapse: collapse;
  width: CALC(100% - 10px);
  margin: 5px;
  }
.HeightFull{ height: 100% !important;}
.HeightHalf{ max-height: 50%}
.HeightHalf tbody{ max-height: 50%}
.SenchaClassicTable thead{
    background-color: #d0d0d0;
}
.SenchaClassicTable thead tr{
    background-color: #d0d0d0;
}
.SenchaClassicTable thead tr td{}
.SenchaClassicTable thead tr th{
    background-color: #eeebee;
    border-right: 1px solid #d0d0d0;
    color: #404040;
}
.SenchaClassicTable tbody{}
.SenchaClassicTable .ccDeleteColumn{ 
    width: 30px;
    text-align: center;}
.SenchaClassicTable tbody tr{ cursor: pointer;}
.SenchaClassicTable tbody tr:hover{
  background-color: #e6f1f6 !important;
  border-color: #dbe5ea;
}
.SenchaClassicTable tbody tr.active{
  border-color: #f2e3b2;
  background-color: #ffefbb;
}
.SenchaClassicTable tbody tr.ccFirst{}
.SenchaClassicTable tbody tr.ccFirst td{}
.SenchaClassicTable tbody tr.ccSecond{
    background-color: #f6f6f6;
}
.SenchaClassicTable tbody tr.ccSecond td{

}
.SenchaClassicTable tbody tr td{
    position: relative;
    max-width: 200px;
    border: 1px solid #e9e9e9;
}
.SenchaClassicTable tbody tr td.textIMG{}
.SenchaClassicTable tbody tr td.textIMG img{
    max-width: 200px;
    max-height: 200px;
}
.SenchaClassicTable tbody tr td.textHIDDEN{
  }
.SenchaClassicTable tbody tr td.textHIDDEN div{
    white-space: pre-line;
    display:block;
    width: 100%;
    max-height: 100px;
    
     /* ???????? ??????? ?????? */
    overflow: hidden; /* ???????? ?????????? */
    padding: 5px; /* ???? */
    text-overflow: ellipsis; /* ?????????? */
    height: 40px;
    line-height: 40px;
}
.SenchaClassicTable tbody tr td th{}
.ccBlueHeader{
    border: 1px solid #35baf6;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #404069;
    display: block;
    background-color: #35baf6;
    background-color: #cee7ff;
    border: 1px solid #cee7ff;
    padding-left: 5px;
    /* margin-top: 5px; */
}
.ccMwh{
        max-width: 100%;
    max-height: 100%;
  }

  .ccRWrap .ccRWrapPanel {
    margin-top: 10px;
    overflow: auto;
}
.ccPlaygroundCanvasContainer{
    display: block;
    position: relative;
    height: 100%;
}
.ccSetScale{
    position: absolute;
    width: 40px;
    height: 84px;
    top: CALC(50% - 44px);
    border: 2px solid #999999;
    border-radius: 25px;
}
.ccSetScale .ccPlus{
    border-bottom: 2px solid black;
    width: 37px;
    height: 40px;
    cursor: pointer;
    font-size: 40px;
    text-align: center;
    line-height: 40px;
}
.ccSetScale .ccMinus{
    border-top: 2px solid black;
    width: 37px;
    height: 40px;
    cursor: pointer;
    line-height: 21px;
    text-align: CENTER;
    font-size: 40px;
}
.ccPlaygroundCanvasContainer{height: 100%;overflow: auto;}
.ccPlaygroundCanvasInfo{
  /* border-color: #32404e !important; */
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  border-left: 2px solid #dcdcdc;
}
.ccPlaygroundMain{
  height: 100%;
  }
/*.ccSetScale .ccPlus:after{content: "+";line-height: 40px;text-align: left;width: 40px;display: block;font-size: 50px;padding-left: 4px;}*/
/*.ccSetScale .ccMinus:after{content: "-";line-height: 12px;text-align: left;width: 40px;display: block;font-size: 82px;padding-left: 5px;}*/
.ccBlueHeader.BIG{}
.ccClassicAlertDiv{
    display: block;
    width: 100%;
}
.ccClassicAlertDiv>div{
    display: inline-block;
    width: 50%;
    vertical-align: top;
}
.ccClassicAlertDiv .ccClassicAlertLeftDiv{}
.ccClassicAlertDiv .ccClassicAlertRightDiv{}
.SenchaClassicTable .ccColorSpan{
    display: inline-block;
    vertical-align: top;
}
.SenchaClassicTable .ccColorBox{
    float: right;
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    text-align: right;
    margin: 0px;
    margin-left: 5px;
    border: 1px solid black;
}
.relative{
  position: relative !important;
  }
.h300px{
  height: 300px !important;
  }
.h350px{
  height: 350px !important;
  }
  .h400px{
  height: 400px !important;
  }
    .h450px{ height: 450px !important;  }
    .h500px{ height: 500px !important;  }
    .h550px{ height: 550px !important;  }
    .h600px{ height: 600px !important;  }
    .h650px{ height: 650px !important;  }
    .h700px{ height: 700px !important;  }
.scrollbox>div{
  overflow: auto;
  }
  .x-body{
   /* font-family:"Verdana,'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;"*/
    }
  .sometextwarning{
        margin-right: 8px;
        background-color: #2cbe4e;
        border-radius: 3px;
        color: #fff;
        display: inline-block;
        font-weight: 600;
        line-height: 20px;
        padding: 4px 8px;
        text-align: center;
        font-size: 14px;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
       
    }
  .displayinline{
   
   display: inline-block !important;
  width: 427px !important;
  min-height: 40px !important; 
  max-height:150px !important;
  overflow: auto !important;

  }
  .displayinline .fulelist{}
  .displayinline .fulelist li{
    display: block;
  }
  .displayinline .fulelist li a{
    display: inline-block;
  }
  .displayinline .fulelist li .delete{
    display: inline-block;width: 18px;font-size: 18px;cursor: pointer;transform: rotate(-45deg);
  }
  .chatpanel{}
  .chatpanel .commentlist{
    display: block;
    width: 100%;
    height: 300px;
}
.chatpanel .commentlist ul:empty{}


.chatpanel .commentlist ul .load, .chatpanel .commentlist ul:empty:after{
  content:"??? ????????????";
  font-size: 38px;
  text-align: center;
  padding: 10px;
  width: 100%;
  display: block;
  box-sizing: border-box;
  padding-top: 110px;
  color: #00a2f740;
}

.chatpanel .commentlist.anyinfo ul .load, .chatpanel .commentlist ul:empty:after{
  content:"??? ??????";
  font-size: 28px;
  }
  .chatpanel .commentlist.anyinfo .left{
    width:95% !important;
    }
    .chatpanel .commentlist ul li .datausername{font-size: 13px;display: block;position: absolute;right: 39px;margin-top: -16px;}
    .chatpanel .commentlist.anyinfo .left .datausername{
   
    }
  .chatpanel .commentlist.anyinfo .right {
    width:95% !important;
    float: left;
    }
  .chatpanel .commentlist.anyinfo .right .datausername {
   
right: auto;
   
left: 15px;
   
}
  .chatpanel .commentlist ul{
    display: block;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 0px;
}
  .chatpanel .commentlist ul li{
    display: block;
    width: 100%;
    height: 30px;
    position: relative;
}
   .new_custom_class_to_mamnager_wish.chatpanel .commentlist ul li>div {
    line-height: 25px;
    font-size: 16px;
    }
    .chatpanel .commentlist ul li>div{
    background-color: #e7edf1;
    width: 610px;
    font-size: 18px;
    padding: 5px;
    margin: 5px;
}
  .chatpanel .commentlist ul li .left{
    float: left;
}
  .chatpanel .commentlist ul li .right .data{
      text-align: right;
      }
  .chatpanel .commentlist ul li .right .text{

text-align: right;

padding-right: 5px;

}
  .chatpanel .commentlist ul li .text{
    word-break: break-word;
    outline: 0;
    cursor: pointer;
    direction: ltr;
    display: block;
    font-size: 13px;
    line-height: 18px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-top: 0px;
    outline-color: rgb(0, 0, 0);
    outline-style: none;
    outline-width: 0px;
    text-align: left;
    word-wrap: break-word;
    line-height: 23px;
    padding-left: 5px;
}
  .chatpanel .commentlist ul li .data{
    font-size: 13px;
    display: block;
    color: #42648b;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
  

  .chatpanel .commentlist ul li .right{
    float: right;
  }
  .chatpanel .addcomment{
    display: block;
    width: 100%;
    height: 73px;
}
  .new_custom_class_to_mamnager_wish .addcomment textarea{
    height: 100% !important;
    max-height: initial !important;
    }
  .chatpanel .flist{
        width: 100%;
    height: 35px;
    overflow: auto;
    overflow-y: hidden;
    }
   .chatpanel .flist ul{
     padding: 0px;
    margin: 0px;
    display: -webkit-inline-box;
    }
   .chatpanel .flist ul li{
       display: block;
      list-style: none;
      margin: 0px;
      border: 1px solid #40404033;
      margin-right: 8px;
      height: 22px;
      font-size: 10px;
      line-height: 15px;
    }
   .chatpanel .flist ul li .delete{
    display: inline-block;
    transform: rotate(45deg);
    cursor: pointer;
    font-size: 20px;
    line-height: 18px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    text-align: center;
    padding: 0px;
    vertical-align: middle;
}
.chatpanel .flist ul li span{
    display: inline-block;
}
  .chatpanel .addcomment textarea{
    width: 100%;
    height: 100%;
    font-size: 15px;
    -webkit-appearance: none;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-nbsp-mode: space;
    -webkit-user-modify: read-write;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(255, 255, 255);
    background-image: none;
    background-origin: padding-box;
    background-size: auto;
    border-bottom-color: rgb(0, 0, 0);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(0, 0, 0);
    border-left-style: dashed;
    border-left-width: 1px;
    border-right-color: rgb(0, 0, 0);
    border-right-style: dashed;
    border-right-width: 1px;
    border-top-color: rgb(0, 0, 0);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-top-style: dashed;
    border-top-width: 1px;
    box-shadow: none;
    box-sizing: border-box;
    color: rgb(0, 0, 0);
    cursor: text;
    direction: ltr;
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Geneva, "Noto Sans Armenian", "Noto Sans Bengali", "Noto Sans Cherokee", "Noto Sans Devanagari", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Kannada", "Noto Sans Khmer", "Noto Sans Lao", "Noto Sans Osmanya", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Thai", sans-serif;
    font-size: 13px;
    font-weight: normal;
    height: 100%;
    line-height: 17px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    max-height: 200px;
    min-height: 36px;
    outline-color: rgb(0, 0, 0);
    outline-style: none;
    outline-width: 0px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 10px;
    padding-left: 13px;
    padding-right: 74px;
    padding-top: 9px;
    resize: none;
    text-align: left;
    transform: matrix(1, 0, 0, 1, 0, 0);
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: border-bottom-color;
    transition-timing-function: linear;
    width: 100%;
    word-wrap: break-word;
}
.ccResizeHLine{
    height: 4px;
    cursor: row-resize;
    padding: 0px;
    margin: 0px;
    background-color: #bdbdbd57;
    }
  .ccResizeWLine{
    width: 4px;
    cursor: col-resize;
    padding: 0px;
    margin: 0px;
    background-color: #bdbdbd57;
    }
  .weekreaction{
    font-size: 20px;
    line-height: 31px;
    text-align: CENTER;
}
  .weekreaction .selectUserReaction{
    margin-top: 10px;
    padding: 0px;
    /* background-color: #2c3845; */
    /* padding-top: 3px; */
    border-radius: 5px;
}
  .weekreaction .selectUserReaction ul{}
  .weekreaction .selectUserReaction li{
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    width: 33%;
    text-align: center;
}
  .weekreaction .selectUserReaction li img{
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #ffffff;
}
  .weekreaction .selectUserReaction li.active{}
  .weekreaction .selectUserReaction li.active img{
    border-radius: 50%;
    border: 2px solid #35baf6;
}

  .weekreaction.ShowRequestID105591Check{
    font-size: 20px;
    line-height: 31px;
    text-align: CENTER;
}
  .weekreaction.ShowRequestID105591Check .selectUserReaction{
    margin-top: 10px;
    padding: 0px;
    /* background-color: #2c3845; */
    /* padding-top: 3px; */
    border-radius: 5px;
}
  .weekreaction.ShowRequestID105591Check .selectUserReaction ul{}
  .weekreaction.ShowRequestID105591Check .selectUserReaction li{
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    width: 33%;
    text-align: center;
}
  .weekreaction.ShowRequestID105591Check .selectUserReaction li img{
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #ffffff;
}
  .weekreaction.ShowRequestID105591Check .selectUserReaction li.active{}
  .weekreaction.ShowRequestID105591Check .selectUserReaction li.active img{
    border-radius: 50%;
    border: 2px solid #35baf6;
}
.weekreaction.ShowRequestID105591Check .line{
    display: block;
    text-align: left;
    width: 100%;
    font-size: 12px;
    line-height: 21px;
    margin-top: 10px;
}
.weekreaction.ShowRequestID105591Check .line.input{
    width: 100%;
}
.weekreaction.ShowRequestID105591Check .line input{}
.weekreaction.ShowRequestID105591Check .line input[type=text]{
    width: 100%;
    font-size: 19px;
    color: #5e5d5d;
}
.weekreaction.ShowRequestID105591Check .line input[type=radio]{}
.weekreaction.ShowRequestID105591Check .line textarea{
    width: 100%;
    height: 200px;
    resize: false;
}

.buttonarrowdown{
    cursor: pointer;
    background-image: url(down-arrow.svg);
    display: inline-block;
    width: 12px;
    height: 12px;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 5px;
  }

.buttonarrowdown:active {
  background-color: gray;
  border-radius: 20px;
  }
.swichlist{
  display:none;
  position: fixed;
  right: 30px;
  top: 43px;
  background-color: white;
  z-index: 100;
  width: 290px;
  border: 1px solid #ececec;
  max-height: 90vh;
  overflow-y: auto;
  text-align: center;
}
.swichlist UL{
    padding: 0px;
    margin: 0px;
    display: block;
    position: relative;
    /* max-height: 100vh; */
    /* overflow: auto;*/
    text-align: left;
}
.swichlist select{
    display: inline-block;
    padding: 2px;
    width: 240px;
    border: 1px solid black;
   
    margin: 2px;
    box-sizing: border-box;
    color: #404040;
    padding: 1px 5px 1px;
    background-color: #fff;
    font: 400 13px/21px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    min-height: 24px;
    background: white;
    border: 1px solid #48baf6;
    vertical-align: middle;
    border-radius: 3px;
    margin-bottom: 2px;
}
.swichlist select option{}
.swichlist input[type=text]{
    display: inline-block;
    padding: 2px;
    width: 240px;
    border: 1px solid black;
   
    margin: 2px;
    box-sizing: border-box;
    color: #404040;
    padding: 1px 5px 1px;
    background-color: #fff;
    font: 400 13px/21px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    min-height: 24px;
    background: white;
    border: 1px solid #48baf6;
    vertical-align: middle;
    border-radius: 3px;
    margin-bottom: 2px;
}
.swichlist UL LI{
    list-style: none;
    padding: 4px;
    cursor: pointer;
    border: 1px solid #e9e9e9;
    padding: 3px 0px 3px 20px;
  }
.swichlist UL LI:hover{
 border: 1px dashed #2e2e2e;
}
.swichlist UL LI:active{
 border: 1px dashed #2e2e2e;
    background-color: #80808033;
}

.swichlistleft UL {
}
.swichlistleft UL LI{
    list-style: none;
    padding: 4px;
    cursor: pointer;
    border: 1px solid #e9e9e9;
    padding: 3px 0px 3px 20px;
  }
.swichlistleft UL LI:hover{
 border: 1px solid #48bbf6;
 /* border-bottom: 1px solid white; */
 background-color: #32404e38;
}
.swichlistleft UL LI:active{
 border: 1px solid #48bbf6;
 background-color: #80808033;
}

.miniName{
  font-size: 10px;
    text-align: center;
    color: #0000009c;
  }
  .ccRangeUL{
    display: block;
    box-sizing: border-box;
}
  .ccRangeUL ul{
    list-style: none;
    display: block;
    position: relative;
}
  .ccRangeUL ul li{
    display: inline-block;
    text-align: center;
    cursor: pointer;
    height: 32px;
    border: 1px solid #d0d0d0;
    line-height: 32px;
}
  .ccRangeUL ul li:hover{}
  .ccRangeUL ul li:active{}
  .ccRangeUL ul li[data-active="true"]{
    background-color: #35baf6;
    color: white;
}
.shoppingClaimForm{
  }
.shoppingClaimForm>ul{
      display: block;
    position: absolute;
    bottom: 120px;
    top: 110px;
    overflow: AUTO;
    right: 0px;
    left: 0px;
}
.shoppingClaimForm{
  }
.shoppingClaimForm>ul{
      display: block;
    position: absolute;
    bottom: 120px;
    top: 110px;
    overflow: AUTO;
    right: 0px;
    left: 0px;
}
.shoppingClaimForm ul{
    padding: 0px;
}
.shoppingClaimForm>ul>li{}
.shoppingClaimForm>ul>li>ul{}
.shoppingClaimForm>ul>li>ul>li{}
.shoppingClaimForm>ul>li>ul>li>ul{border: 1px solid #e7e7e7b3;padding: 3px;padding-left: 6px;/* border-radius: 10px; */}
.shoppingClaimForm>ul>li>ul>li>ul>li:last-of-type{}
.shoppingClaimForm>ul>li>ul>li>ul>li:last-child{
    border-bottom: none;
}
.shoppingClaimForm>ul>li>ul>li>ul>li:nth-last-child(2){}
.shoppingClaimForm>ul>li>ul>li>ul:last-child{}
.shoppingClaimForm>ul>li>ul>li>ul:nth-last-child(2){}
.shoppingClaimForm>ul>li>ul>li>ul>li{
    margin-bottom: 6px;
    border-bottom: 1px solid #80808024;
}
.shoppingClaimForm>ul>li.notactive{
    background-color: #bfbfbf61;
    margin-bottom: 2px;
    padding: 3px;
}
.shoppingClaimForm>ul>li.active{}
.shoppingClaimForm>ul>li>.lheader::before{
  content: '\25B3';
  display: inline-block;
  margin-right: 5px;
  width: 17px;
  text-align: center;
  font-size: 10px;
  color: grey;
  font-family: 'ExtJS';
  font-weight: 700;
  box-sizing: border-box;
  /* height: 16px; */
  /* margin-top: -6px; */
  position: absolute;
  left: 1px;
}
.shoppingClaimForm>ul>li.notactive>.lheader::before{
 transform: rotate(180deg);
}
.shoppingClaimForm>ul>li.active>.lheader::before{
  
}
.shoppingClaimForm>ul>li.notactive>ul{
  display: none;
}
.shoppingClaimForm>ul>li.active>ul{
  display: block;
}
.shoppingClaimForm ul li{
    list-style: none;
    display: block;
    position: relative;
}
.shoppingClaimForm .lsubsubul{}
.shoppingClaimForm .lheader{
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    display: block;
    line-height: 32px;
    padding-left: 20px;
    position: relative;
    border-radius: 10px 10px 0px 0px;
}
.shoppingClaimForm .lsubheader{
    background-color: #bfbfbf61;
    margin-bottom: 2px;
    padding: 3px;
    display: block;
    border-radius: 5px 0px 0px 5px;
    padding: 5px;
    margin-top: 5px;
}

.quamap .lsubheader{
    background-color: transparent;
    padding: 3px;
    display: block;
    border-radius: 21px;
    padding: 5px;
    position: absolute;
    right: 0px;
    top: -35px;
    border-color: #bfbfbf61;
    border: 2px solid #bfbfbf61;
    font-size: 10px;
    margin-right: 4px;
    line-height: 13px;
}
.shoppingClaimForm .ltarheader{}
.shoppingClaimForm .lButtonsPanel{
    position: relative;
    display: block;
    padding: 3px;
}
.shoppingClaimForm .lButtonsPanel .lsButtonUL{}
.shoppingClaimForm .lButtonsPanel .lsButtonUL{
    padding: 0px;
    margin-top: 7px;
}
.shoppingClaimForm .lButtonsPanel .lsButtonUL .lsButton{
    display: inline-block;
    border-radius: 3px;
    background-color: #1ab5fa;
    color: #1ab5fa;
    width: 50px;
    text-align: center;
    padding: 2px 0px;
    margin-right: 10px;
    text-transform: uppercase;
    cursor: pointer;
    background-color: white;
    border-color: #1ab5fa;
    border: 1px solid #1ab5fa;
}
.shoppingClaimForm .lButtonsPanel .lsButtonUL .lsButton:hover{
    background-color: #85cae9;
}
.shoppingClaimForm .lButtonsPanel .lsButtonUL .lsButton:active{
    background-color: #058cc8;
}
.shoppingClaimForm .lButtonsPanel .lsButtonUL .lsButton.selected{
  background-color: #058cc8;
  color: white;
  border-color: #058cc8;
}
.shoppingClaimForm .lButtonsPanel .lsButtonUL .lsButton.red{
  background-color: #fa1a20;
   border-color: #fa1a20;
   color:white;
}
.shoppingClaimForm  .lButtonsShowComment{
  /* border-radius: 50%; */
  position: absolute;
  /* border: 2px solid black; */
  width: 34px;
  height: 35px;
  top: 4px;
  cursor: pointer;
  right: 55px;
  /* border-radius: 50% 50% 30% 50%; */
  /* font-size: 28px; */
  /* font-weight: 700; */
  /* line-height: 20px; */
  /* text-align: center; */
  background-image: url(/resources/comment.svg) !important;
  background-repeat: no-repeat;
  background-position-y: center;
  background-size: contain;
  opacity: 1;
  } 
.shoppingClaimForm  .lButtonsShowComment.selected{
  background-image: url(/resources/message.svg) !important;
  }
.shoppingClaimForm  .lButtonsShowInfo{
  position: absolute;
  border-radius: 50%;
  position: absolute;
  /* border: 2px solid black; */
  width: 28px;
  height: 32px;
  top: 4px;
  cursor: pointer;
  right: 15px;
  background-image: url(/resources/info1.svg) !important;
  background-repeat: no-repeat;
  /* background-position-y: center; */
  background-size: contain;
  }
.shoppingClaimForm .button{}
.shoppingClaimForm .lstextarea{
         margin-top: 8px;
         width: 90%;
         height: 24px;
         padding-left: 10px;
         font: 400 13.1333px Arial;
}
.shoppingClaimForm .lstextarea::placeholders{

    padding-left: 10px;
    color: #afafaf;
}
.displaynone{display:none !important}

.shoppingClaimForm  .lButtonsShowComment:hover,.shoppingClaimForm .lButtonsShowInfo:hover{
    border-color: #35baf6;
    color: #35baf6;
}
.shoppingClaimForm  .lButtonsShowComment:active,.shoppingClaimForm .lButtonsShowInfo:active{
    background-color: #ffffff;
    color: #e7e7e7;
    border-color: #e7e7e7;
}
.shoppingClaimForm  .lButtonsShowComment.active{
  background-color: #ffffff;
    color: #e7e7e7;
    border-color: #e7e7e7;
    opacity: 0.5;
}
.lsParentDiv{
    display: block;
    position: relative;
}
.lsParentDiv .lstopDiv{
    position: relative;
    margin-bottom: 10px;
}
.lsParentDiv .lsBottom{}
.lsParentDiv .lsComboSpan{}
.lsParentDiv .lsFinalValue{
    display: inline-block;
    margin-left: 10px;
        font-weight: 700;
    color: #31ca31;
}
.lsParentDiv .lsFinalLabel{
    display: inline-block;
}
.lsParentDiv .lsBottom .lButtonsShowInfo{
    top: 85px;
    right: 278px;
}
.lsParentDiv SELECT{
    width: 270px;
    padding: 3px;
    border-color: #e7e7e7;
    background-color: white;
}
.lsParentDiv SELECT OPTION{}
.lsAcessPanel{
    position: ABSOLUTE;
    bottom: 0px;
    right: 0px;
    background-color: #e7e7e7;
    left: 0px;
    height: 50px;
    }

.lsAcessPanel .winButton{
   display: inline-block;
   border-radius: 3px;
   background-color: #1ab5fa;
   color: white;
   width: 120px;
   text-align: center;
   padding: 7px 0px;
   margin-right: 10px;
   text-transform: uppercase;
   cursor: pointer;
   bottom: 10px;
   position: ABSOLUTE;
}

.lsAcessPanel .winButton:hover{
  background-color: #85cae9;
}
.lsAcessPanel .winButton:active{
  background-color: #058cc8;
}
.lsAcessPanel .winButton[disabled=true]{
  background-color: gray;
    }
    .lsAcessPanel .winButton[disabled=true]:hover{
  background-color: gray;
    } .lsAcessPanel .winButton[disabled=true]:active{
  background-color: gray;
    }
  .colorCircles{
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border:1px solid;
  }


  .colorCircles.red{              background-color: #f07743;    border-color: #eb5956;}

  .colorCircles.yellow{background-color: #ecf043;    border-color: #ecec55;}
  .colorCircles.green{background-color: #06ff06;    border-color: green;}
  .colorCircles.white{background-color: transparent;    border-color: transparent;}
  .colorCircles.crossed{  
    border-color: transparent;
    background-image: url(/resources/stopping.svg) !important;
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: contain;
    background-color: transparent;
  }

.lsAcessPanel .winButton.lsCancel{
    right: 150px;
    /* background-color: green; */
}
.lsAcessPanel .winButton.lsOK{
    right: 10px;
}
.lsShabCombo{
  width: 100%;
    margin-top: 9px;
}
.padding{
  padding: 25px;
  background-repeat: no-repeat !important;
}
.lsDescriptionUl{
    padding: 0px;
    overflow: auto;
    display: block;
    position: relative;
    height: 100%;
}
.lsDescriptionUl li{
    list-style: none;
    margin-bottom: 15px;
}
.lsDescriptionUl li span{
    color: grey;
}
.lsDescriptionUl li div{
    background-color: #8080803b;
    border: 1px solid #35baf6;
    padding: 4px;
}
.lsULCalm{

  }
.lsULCalm select{
  display: block;
    width: 90%;
    padding: 3px;
    border-color: #e7e7e7;
    background-color: white;
  }
  .COMBOINFORow{
    display: block;
    position: relative;
    padding: 5px;
    background-color: #f6f6f6;
    line-height: 20px;
    width: 420px;
    max-height: 50px;
    overflow: auto;
  }
  .COMBOINFOHR{
        display: table-row;
    
    width: 100%;
  }
.buttonleft{}
.buttonleft .x-toolbar-footer{
  background-color: white !important;
  }
.buttonleft .x-btn{
  left: 9px !important;
}
.flist{}
.filelist .tooltip{ display: block;}
.filelist{
    display: block;
    position: relative;
    margin-top: 0px;
    margin-left: 6px;
}
.filelist ul{
    display: block;
    width: 100%;
    height: 100px;
    padding: 0px;
    overflow: auto;
}
.filelist ul li{
    margin: 5px;
}
.filelist ul li span{}
.filelist ul li a{
    display: inline-block;
}
.filelist ul li div{}
.filelist ul li .delete{
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    transform: rotate(45deg);
    font-size: 30px;
    cursor: pointer;
}
.filelist ul li .delete{}
.adfil{
  color: gray;
}

.weekreaction .dop{
  
font-size: 11px;
  
color: black;
}
.fsAudioDesc{
  color: #808080c4;
    padding-left: 10px;
    font-size: 10px;
}
.lsCommentDiv{
    position: ABSOLUTE;
    bottom: 16px;
    height: 110px;
    border-top: 1px solid #ededed;
    padding-top: 5px;
    width: 100%;
}
.lsCommentDiv .lsCommentDivContainer{
    display: block;
    width: 100%;
    height: 100%;
}
.lsCommentDiv .lsCommentDivContainer .lsCommentDivTitle{
    display: block;
}
.lsCommentDiv .lsCommentDivContainer TEXTAREA{
    display: block;
    width: 100%;
    height: 81px;
    resize: none;
}
.prAudioCOntroll .lsULCalm{
  top: 45px;
  bottom: 117px;
  }
.quamap .lsULCalm{
  top: 0px;
  bottom: 0px;
  margin-top: 0px;
  }

.prAudioCOntroll.shoppingClaimForm>ul>li.active .lheader{
  background-color: #cee7ff;
}

.prAudioCOntroll .plAudioShowAddAppel{
    position: absolute;
  border-radius: 50%;
  position: absolute;
  width: 28px;
  height: 32px;
  top: 4px;
  cursor: pointer;
  right: 15px;
  background-image: url(/resources/infored.svg) !important;
  right: 100px;
  background-repeat: no-repeat;
  background-size: contain;
}
.prAudioCOntroll .plAudioShowComment{
  position: absolute;
  width: 34px;
  height: 35px;
  top: 4px;
  cursor: pointer;
  right: 55px;
  background-image: url(/resources/comment.svg) !important;
  background-repeat: no-repeat;
  background-position-y: center;
  background-size: contain;
 opacity: 1;
}
.prAudioCOntroll .plAudioShowInfo{
   position: absolute;
  border-radius: 50%;
  position: absolute;
  width: 28px;
  height: 32px;
  top: 4px;
  cursor: pointer;
  right: 15px;
  background-image: url(/resources/information.svg) !important;
  background-repeat: no-repeat;
  background-size: contain;
}

.plAudioShowComment:hover,.plAudioShowInfo:hover,.plAudioShowAddAppel:hover{
    border-color: #35baf6;
    color: #35baf6;
}
.plAudioShowComment:active,.plAudioShowInfo:active,.plAudioShowAddAppel:active{
    background-color: #ffffff;
    color: #e7e7e7;
    border-color: #e7e7e7;
}
.plAudioShowComment.active{
  background-color: #ffffff;
    color: #e7e7e7;
    border-color: #e7e7e7;
     opacity: 0.5;
}
.plAudioShowComment .lsCommentDiv{
bottom: 0px;
  }

.plAudioShowComment .lstextarea{
  width: 100%;
}

.ccInnerP .innertoptype{
    color: #808080c2;
    margin-bottom: 5px;
}
.ccInnerP .innershowinfo{
    list-style: none;
    padding: 0px;
}
.ccInnerP .innershowinfo li{
    display: block;
    margin-bottom: 5px;
}
.ccInnerP .innershowinfo li div{}
.ccInnerP .innershowinfo li div:first-child{
    color: white;
    display: inline-block;
    border-radius: 3px;
    background-color: #35baf6;
    color: #1ab5fa;
    width: 50px;
    text-align: center;
    padding: 2px 0px;
    margin-right: 10px;
    text-transform: uppercase;
    cursor: pointer;
    border-color: #1ab5fa;
    border: 1px solid #1ab5fa;
    color: white;
}
.ccInnerP .innershowinfo li div:first-child +div:before{content:' ';}
.ccInnerP .innershowinfo li div:first-child +div{
    border: 1px solid #808080c2;
    display: inline-block;
    left: 0px;
    width: CALC(100% - 70px);
    vertical-align: middle;
    padding: 10px;
    position: relative;
    padding-left: 15px;
}
.ccInnerP .innershowinfo li div:first-child +div:before{
    background-color: #4bd04b;
    display: block;
    width: 10px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
.ccInnerP .innershowinfo li:first-child+li div:first-child +div:before{
    background-color: #d04b4b;
}
.ccInnerP .innertoptype span{}
.ccInnerP .innertoptype span:first-child{}
.ccInnerP .innertoptype span:first-child +span{
    display: inline-block;
    margin-left: 15px;
    color: red;
    font-size: 16px;
    vertical-align: middle;;
    font-weight: 700;
    border-bottom: 1px solid #808080c2;
    max-width: 310px;
    overflow: hidden;
}
.subspansphere{
  position: absolute;
    display: block;
    right: 3px;
    padding: 1px;
    top: 2px;
    border: 1px solid gray;
    color: gray;
    border-radius: 5px;
    font-size: 10px;
    width: 180px;
    text-align: CENTER;
}
.blackmin{
    color: black !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    border-bottom: none !important;
}
.reeeeeeeed{}
.grreeeen{
    color: green !important;
    font-size: 13px !important;
}
.innersoot{
    border: 1px solid #35baf6;
    background-color: #e9eef0;
    padding: 10px;
    vertical-align: middle;
    max-height: 100px;
    overflow: auto;
}
.innersootwhite{
    border: 1px solid #35baf6;
    background-color: #e9eef0;
    padding: 10px;
    max-height: 100px;
    overflow: auto;
}
.mhr{
    border-bottom: 1px solid #e0e0e0;
    margin-top: 5px;
    margin-bottom: 10px;
}
.paddpa{
    margin: 10px;
}
.notificationmain{
    cursor: pointer;
    position: ABSOLUTE;
    right: 300px;
    top: 7px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    /* border: 1px solid; */
    box-shadow: aliceblue;
    box-shadow: inset 0 2px 7px rgb(0 0 0 / 20%);
}
.notificationmain .notificationring{
   background-image: url(/resources/images/bell.svg) !important;
   background-repeat: no-repeat;
   background-position-y: center;
   position: absolute;
   top: 11px;
   width: 30px;
   height: 30px;
   left: 11px;
   background-size: 20px;
   background-position: center;
  }
.notificationmain .notificationring.Active{background-color: #ff000091;border-radius: 50%;}
.notificationmain.Active{width:200px;border-radius: 60px;box-shadow: 0 2px 7px rgb(0 0 0 / 20%);}
.notificationmain.Active:hover{
    box-shadow: 0 2px 7px rgb(0 0 0 / 50%);
}
.notificationmain.Active:active{
    box-shadow: inset 0 2px 7px rgb(0 0 0 / 20%);
}
.notificationmain .notificationtext{
   position: ABSOLUTE;
    top: 7px;
    left: 40px;
    width: 140px;
    font-size: 19px;
    color: #b71a1a;
    text-transform: UPPERCASE;
    text-align: center;
    font: 500 13px/17px Google Sans,Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-weight: 700;
}
.NotificationListMain{
    position: fixed;
    right: 261px;
    top: 64px;
    background-color: #ffffff00;
    z-index: 100;
    width: 320px;
    border: 1px solid #ececec;
    max-height: 90vh;
    overflow-y: auto;
    border: none;
}
.NotificationListMain .NotificationListList{
    padding: 0px;
    margin: 0px;
    display: block;
    position: relative;
    border: none;
}
.NotificationListMain .NotificationListList li{
    list-style: none;
    padding: 4px;
    cursor: pointer;
    border: 1px solid #e9e9e9;
    padding: 5px 5px 10px 5px;
    background-color: #8080801a;
    border-radius: 20px;
    margin-bottom: 5px;
    position: relative;
}
.NotificationListMain .NotificationListList li:hover{

}
.NotificationListMain .NotificationListList li:active{

}
.NotificationListMain .NotificationListList li span{
    display: block;
}
.NotificationListList li .NotificationListListLiNodeTime{
  position: absolute;
  font-size: 10px;
  right: 21px;
  top: 7px;
  }
.NotificationListMain .NotificationListList li span.NotificationListListLiSpanHR{
    font-weight: 700;
    margin-bottom: 6px;
    /* text-align: center; */
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #798c9f;
    padding-left: 6px;
}
.NotificationListMain .NotificationListList li span.NotificationListListLiSpanText{
    line-height: 19px;
    margin: 5px;
    color: #5f6368;
    font: 400 14px/19px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    letter-spacing: normal;
    /* text-align: center; */
    text-overflow: ellipsis;
    overflow: hidden;
    color: gray;
}
.NotificationListMain .NotificationListList li.new{
    background-color: white;
}
.NotificationListMain .NotificationListList li.new span{
    color: #2a5885;
}
.NotificationListMain .NotificationListList li.new span.NotificationListListLiSpanHR{}
.NotificationListMain .NotificationListList li.new span.NotificationListListLiSpanText{
    line-height: 1.417;
    color: #06121e;
}
.NotificationListMain .NotificationListList li.new span.NotificationListListLi{}
.NotificationListMain .NotificationListList li.new span.NotificationListListLi.new{}
.NotificationListMain .NotificationListList li.new span.NotificationListListLi.read{}

 
 .weekreaction .ccRangeUL1{
    padding: 0px;
}
 .weekreaction .ccRangeUL1 ul{
    padding: 0px;
    text-align: left;
}
 .weekreaction .ccRangeUL1 ul li{
    list-style: none;
    padding: 0px;
    margin: 0px;
    padding-left: 5px;
    font-size: 13px;
    line-height: 39px;
} 
.weekreaction.ShowRequestID105591Check .ccRangeUL1{
    padding: 0px;
    display: block;
}
 .weekreaction.ShowRequestID105591Check .ccRangeUL1 ul{
    padding: 0px;
    text-align: center;
    /* display: -webkit-box; */
    align-content: space-between;
}
 .weekreaction.ShowRequestID105591Check .ccRangeUL1 ul li{
    list-style: none;
    padding: 0px;
    margin: 0px;
    padding-left: 1px;
    font-size: 13px;
    display: inline-block;
    line-height: 39px;
}
 .weekreaction.ShowRequestID105591Check .ccRangeUL1 ul li input[type=radio][value="1"]:after{content: "1"}
 .weekreaction.ShowRequestID105591Check .ccRangeUL1 ul li input[type=radio][value="2"]:after{content: "2"}
 .weekreaction.ShowRequestID105591Check .ccRangeUL1 ul li input[type=radio][value="3"]:after{content: "3"}
 .weekreaction.ShowRequestID105591Check .ccRangeUL1 ul li input[type=radio][value="4"]:after{content: "4"}
 .weekreaction.ShowRequestID105591Check .ccRangeUL1 ul li input[type=radio][value="5"]:after{content: "5"}
 .weekreaction.ShowRequestID105591Check .ccRangeUL1 ul li input[type=radio][value="6"]:after{content: "6"}
 .weekreaction.ShowRequestID105591Check .ccRangeUL1 ul li input[type=radio][value="7"]:after{content: "7"}
 .weekreaction.ShowRequestID105591Check .ccRangeUL1 ul li input[type=radio][value="8"]:after{content: "8"}
 .weekreaction.ShowRequestID105591Check .ccRangeUL1 ul li input[type=radio][value="9"]:after{content: "9"}
 .weekreaction.ShowRequestID105591Check .ccRangeUL1 ul li input[type=radio][value="10"]:after{content: "10"}
 .weekreaction.ShowRequestID105591Check .ccRangeUL1 ul li input[type=radio]:after{
  content: " ";
 }
  .weekreaction.ShowRequestID105591Check .ccRangeUL1 ul li input[type=radio]:checked{
  
background-color: #36baf6;
  
color: white;
 }
 .weekreaction.ShowRequestID105591Check .ccRangeUL1 ul li input[type=radio]:checked:after{
  
 }

  .weekreaction.ShowRequestID105591Check .ccRangeUL1 ul li input[type=radio]{
    appearance: none;
    display: block;
    width: 30px;
    border: 1px solid #36baf6;
    height: 30px;
    text-align: center;
    cursor: pointer;
    line-height: 30px;
    border-radius: 2px;
}
.kpigroup{
    display: inline-block;
}
.kpigroup span{
    display: inline-block;
}
.kpigroup span.name{
    margin-left: 5px;
}
.kpispase span{
    display: inline-block;
}
.kpispase span.space{
    margin-right: 30px;
}
.kpispase span.name{
    visibility: unset;
    text-overflow: initial !important;
    overflow: visible;
}
.kpigroup span .x-tree-arrows{}
.kpigroup span .x-tree-arrows .x-tree-expander{}
.lkpimonitor{}
.lkpimonitor.legend{
    width: 100%;
    display: block;
    position: relative;
}
.lkpimonitor.legend textarea{}
.lkpimonitor.legend ul{
    padding: 0px;
    width: 100%;
    text-align: center;
    padding-left: 20px;
}
.lkpimonitor.legend ul li{
    display: inline-block;
    margin-right: 25px;
}
.lkpimonitor.legend ul li span{
    display: inherit;
    display: inline-block;
    vertical-align: top;
    line-height: 16px;
    margin-right: 4px;
}
.lkpimonitor.legend ul li span img{}
.lkpimonitor .info{
    display: block;
    position: relative;
    width: 100%;
    font-weight: 700;
    /* display: inline-block; */
    /* margin-right: 20px; */
    padding-left: 20px;
}
.lkpimonitor .info span{
   display: inline-block;
    margin-right: 20px;
}
.lkpimonitor .info span.green{
    color: green;
   
}
.lkpimonitor .info span.black{}

.lkaudio{}
.speedControl{
    position: absolute;
    display: inline-block;
    top: 0px;
    height: 30px;
    width: 50px;
    background-color: #f1f3f4;
    /* left: CALC(50% - 30px); */
    vertical-align: middle;
    right: 45px;
    border-radius: 0px 30px 30px 0px;
    padding-top: 6px;
    vertical-align: middle;
    filter: opacity(0.5);
}
.speedControl>span{
    line-height: 19px;
    font-size: 15px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently*/
    color: #636363;
}
.speedControl>span:first-child{}
.speedControl>span:first-child + span{}
.speedControl>span:first-child + span + span{}
.speedControl>span.lkspeedslow{
    cursor: pointer;
    background-image: url(down-arrow.svg);
    display: inline-block;
    width: 12px;
    height: 12px;
    background-size: 100%;
    background-repeat: no-repeat;
    transform: rotate(90deg);
    /* vertical-align: middle; */
}
.speedControl>span.lkspeedfaster{
    cursor: pointer;
    background-image: url(down-arrow.svg);
    display: inline-block;
    width: 12px;
    height: 12px;
    background-size: 100%;
    background-repeat: no-repeat;
    transform: rotate(
270deg
);
}

.lknotificationframe{
  display: block;
  position: absolute;
  top:0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  padding: 0px;
  margin: 0px;
  border: none;
  min-width: 630px;
    min-height: 650px;
}
.lkframe.preload{
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  opacity: 0;
  transition: 1s;
 background-color: #d2d2d2f0;
}
.lkframe.preload.show{
  opacity:1;
  transition: 1s;
}

.lkframe.preload div{
    bottom: 0px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-image: url(/resources/images/circle-loading-gif.gif) !important;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    background-position: center;
    background-size: 10%;
}

.unload{
  background-repeat: no-repeat;
    background-position-y: center;
    background-image: url(/resources/images/circle-loading-gif.gif) !important;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    background-position: center;
    background-size: 10%;
}

.xWeb_audioplayer_parent{
    position: relative;
    width: 340px;
    height: 30px;
    background-color: #00000000;
    box-sizing: content-box;
    border-radius: 0px 0px 0px 0px;
    /* border: 1px solid #e5e5e5; */
    /* border-bottom: 0px; */
    /* border-left: 0px; */
    /* border-right: 0px;*/
    cursor: ew-resize;
    }
.xWeb_audioplayer_parent .xWeb_audioplayer_background{background-color: #f1f3f4;position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;border-radius: 15px;}
.xWeb_audioplayer_parent .xWeb_audioplayer_background .xWeb_audioplayer_replaybutton:active{
    background-color: #d2d2d2;
    border: 1px solid #ffffff;
}
.xWeb_audioplayer_parent .xWeb_audioplayer_background .xWeb_audioplayer_replaybutton:focus{
    outline: none;
    /* background-color: #35baf6; */
}
.xWeb_audioplayer_parent .xWeb_audioplayer_background .xWeb_audioplayer_replaybutton{
    background-image: url("/resources/replay.svg");
    position: absolute;
    top: 7px;
    width: 16px;
    height: 16px;
    left: 300px;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    cursor: pointer;
    border: 1px solid #f1f3f4;
    filter: opacity(0.5);
    }
.xWeb_audioplayer_parent .xWeb_audioplayer_status{
    z-index: 1000;
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url(/resources/loading2.gif);
    background-size: contain;
    background-position: 0px;
    padding-top: 12px;
    background-position-x: 18px;
    padding-left: 50px;
    background-repeat: no-repeat;
    background-position-y: 5px;
    }
.xWeb_audioplayer_parent .xWeb_audioplayer_close{
        cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: black;
    color: white;
    line-height: 15px;
    font-size: 23px;
    text-align: center;
    transform: rotate(45deg);
}
.xWeb_audioplayer_parent .xWeb_audioplayer_player{
    width: 269px;
    height: 30px;
    outline: none;
    top: 0px;
    left: 0px;
}
app-audio{
  
display: block;
  
min-width: 340px;
  
position: relative;
}

.quamap{}
.quamap>ul>li.active .lheader{
    height: 35px;
    line-height: 35px;
    /* font-size: 12px; */
}
.quamap .lheader{
    font-size: 13px;
}
.quamap>ul>li.active{}
.quamap>ul>li.notactive{}
.quamap ul li{
    position: relative;
}
.quamap.lsCancel{    background-color: green;}
.quamap.lsCancel.notactive{}
.quamap .quamaperror{
  /*color: red;*/
  position: absolute;
  right: 1px;
  width: 10px;
  height: 10px;
  /*background-color: #ff00006b;*/
  cursor: wait;
  border-radius: 50%;
  top: CALC(50% - 5px);
  background-image: url(/resources/infored.svg) !important;
  background-repeat: no-repeat;
  background-size: contain;
  display: none;
}

.quamap>ul>li>ul>li>ul>li{
overflow: hidden;
}
.qrcodeclickinfo{
  
cursor: pointer;
  
text-align: center;
  
width: 100%;
  
display: inline-block;
  
font-size: 17px;
  
text-decoration: underline;
  
font-weight: 700;
  
color: #551a8b;
}
.quamap>ul>li>ul>li>ul>li.criticerror{
  background-color: #FFE8E8;
}
.extracaption{
 position: absolute;
    color: red;
    left: 470px;
    height: 65px;
    background-color: white;
    line-height: 65px;
    font-size: 13px;
    font-weight: 700;
}
.main-logo{
      font-family: verdana;
    font-weight: 700;
}

.tags-block {
  width: 100%;
  padding-left: 85px;
}
.tags-logo {
  display: block;
  max-width: 700px;
  width: 100%;
  margin-top: 65px;
  margin-bottom: 40px;
}
.tags-application-templates {
  font-size: 25px;
  font-weight: 500;
  text-decoration: none;
  color: #000;
  cursor: pointer;
}

.tags-application-templates-small {
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  color: #000;
  cursor: pointer;
}
.p-10 {
  padding-right: 10px;
}
.tags-ref {
  padding-bottom: 24px;
  padding-top: 24px;
  border-bottom: 1px solid #1082CE;
}

.tab-title {
  padding: 15px 0 40px;
  font-size: 35px;
  font-weight: 700;
  color: #1082CE;
}

.tabs-img {
  padding-bottom: 20px;
}
.tabs-img-icon {
  padding-right: 10px;
}
.main-logonew{
  display: block;
  width: 100%;
  height: 100%;
  /*background-color: white;*/
  border: 1px solid #35baf6;
  /* text-align: center; */
}
.lk_wrap {
  
}
.custom_items .x-panel-header.x-header.x-header-noborder.x-panel-header-default.x-panel-header-horizontal {
  /* background: #adb5bd; */
  background: #e5e9f0;
  cursor: pointer;
}
.custom_items.invisible {
  display: none;
}
.custom_items .x-title-text.x-title-text-default.x-title-item {
  /* color: #fff; */
  color: #000;
  font-weight: 600;
}
.lk_image {
  display: block;
  width: 90%;
  margin: 0 auto 30px;
  object-fit: contain;
}
.lk_item_title { 
  background: #35baf6;
  color: #fff;
}
.lk_title {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 15px;
}
.lk_item_content {
  font-size: 15px;
  line-height: 1.4;
}
.mg_15 {
  margin-bottom: 15px;
}
.mg_30 {
  margin-bottom: 30px;
}
.bold_text {
  font-weight: 700;
}
.underline {
  text-decoration: underline;
}
.lk_item {
  font-size: 16px;
  line-height: 1.4;
}
.lk_item:last-child {
  margin-bottom: 15px;
}
.lk_footer {
  font-size: 18px;
  line-height: 1.4;
}
.lk_footer>a {
  font-weight: 600;
  /* color: #000; */
}
.invite_form .x-toolbar-footer {
  background-color: transparent;
  display: flex;
  justify-content: center;
}
.invite_form .button_custom {
  padding: 10px 20px;
  border: none;
  border-radius: 20px;
  background-color: #0359DB;
  color: #fff;
  
}
.invite_form .x-box-target {
  display: flex;
  justify-content: center;
}
.invite_form .button_custom .x-btn-inner.x-btn-inner-default-small {
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
}
.leftBlock__title {
  color: #0359DB;
  font-size: 24px;
  line-height: 180%;
  text-align: center;
  margin-bottom: 30px;
}
.leftBlock__title span {
  font-weight: 600;
  text-decoration: underline;
}
.leftBlock__content {
  max-width: 500px;
  text-align: center;
  font-weight: 600;
  width: 100%;
  font-size: 24px;
  color: #000;
  line-height: 180%;
}
.textField_custom .x-form-trigger-wrap-default {
  border: none;
}
.textField_custom .x-form-empty-field-default {
  color: #000;
}
.textField_custom .x-form-field.x-form-text {
  border: 2px solid #0359DB;
  border-radius: 20px;
}

.mPanelForm_custom {
background-color: red;
}

.main-logonew img{ 
  
width: 90%;
  
/* height: 100%; */
  
display: inline-block;
  
padding-top: 6px;
}

.user_border-user{

}
.user_border-user .x-treelist-item-text{
  
}

li[user_border-user="true"]{border-bottom: 1px solid white;} 
li[user_border-user="true"] ul .x-treelist-item-text{

font-size: 15px;

/* font-family: verdana; */

font-family: "Times New Roman";

padding-left: -10px;

/*margin-left: -1px;*/

cursor: pointer;
}

.sencha-logo .main-logo.switchusers{
    max-height: 64px;
}
.sencha-logo .main-logo.switchusers img{
    width: 53px;
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    margin-right: 5px;
}
.sencha-logo .main-logo.switchusers .logolisthead{
    display: inline-block;
    
    width: 150px;
;;white-space: nowrap;max-width: 150px;text-overflow: unset;overflow: hidden;vertical-align: middle;}
.sencha-logo .main-logo.switchusers .buttonarrowdown{
    display: inline-block;
    color: white;
    filter: invert(1);
vertical-align: middle;}

.swichlistleft{
    left: 0px;
    top: 60px;
    width: 253px;
    background-color: #49bbf6;
    border: none;
}
.swichlistleft ul{
    background-color: #48bbf6;
    color: white;
    border: none;
}
.swichlistleft ul li{
    border: none;
    background-color: #36bbf1;
    margin: 2px;
    border: 1px solid #36bbf1;
    padding-bottom: 9px;
    padding-top: 8px;
    margin-right: 0px;
    margin-bottom: 0px;
}
.swichlistleft ul li.selected{
  background-color: #32404eab;
}
.pointer{
  cursor: pointer;
}
.ccbrejofuton{
 text-align: center;
    min-width: 77px;
    padding: 0px;
    margin: 0px;
}
.ccbrejofuton.vsloading{
       background-image: url(/resources/images/loading.gif) !important;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
    color: transparent;
}
.bold_red{
  color:red;
  font-weight: 700;
}
.bold_red *{
  color:red;
  font-weight: 700;
}

.debugbutton{
     position: fixed;
    cursor: pointer;
    bottom: 10px;
    right: 100px;
    width: 26px;
    height: 26px;
    -webkit-box-shadow: -1px -1px 4px 0px rgb(144 207 255 / 53%);
    -moz-box-shadow: -1px -1px 4px 0px rgba(144, 207, 255, 0.53);
    box-shadow: -1px -1px 4px 0px rgb(144 207 255 / 15%);
    border-radius: 9px;
    z-index: 100;
}
.debugbutton:hover{
   -webkit-box-shadow: -2px -2px 4px 0px rgba(46, 162, 251, 0.53);
  -moz-box-shadow: -2px -2px 4px 0px rgba(46, 162, 251, 0.53);
  box-shadow: -2px -2px 4px 0px rgba(46, 162, 251, 0.53);
  }
.debugbutton:active{
 -webkit-box-shadow: 1px 0px 12px 0px rgba(136, 192, 236, 0.53) inset;
-moz-box-shadow: 1px 0px 12px 0px rgba(136, 192, 236, 0.53) inset;
box-shadow: 1px 0px 12px 0px rgba(136, 192, 236, 0.53) inset;
  }
.debugbutton DIV{
   background-image: url(/resources/debugger-icon-15.jpg) !important;
   background-repeat: no-repeat;
   background-position-y: center;
   background-position-x: center;
   color: transparent;
   width: 100%;
   height: 100%;
   background-size: contain;
}

.debugbutton{
     position: fixed;
    cursor: pointer;
    bottom: 10px;
    right: 100px;
    width: 26px;
    height: 26px;
    -webkit-box-shadow: -1px -1px 4px 0px rgb(144 207 255 / 53%);
    -moz-box-shadow: -1px -1px 4px 0px rgba(144, 207, 255, 0.53);
    box-shadow: -1px -1px 4px 0px rgb(144 207 255 / 15%);
    border-radius: 9px;
    z-index: 100;
}
.debugbutton:hover{
   -webkit-box-shadow: -2px -2px 4px 0px rgba(46, 162, 251, 0.53);
  -moz-box-shadow: -2px -2px 4px 0px rgba(46, 162, 251, 0.53);
  box-shadow: -2px -2px 4px 0px rgba(46, 162, 251, 0.53);
  }
.debugbutton:active{
 -webkit-box-shadow: 1px 0px 12px 0px rgba(136, 192, 236, 0.53) inset;
-moz-box-shadow: 1px 0px 12px 0px rgba(136, 192, 236, 0.53) inset;
box-shadow: 1px 0px 12px 0px rgba(136, 192, 236, 0.53) inset;
  }
.debugbutton DIV{
   background-image: url(/resources/debugger-icon-15.jpg) !important;
   background-repeat: no-repeat;
   background-position-y: center;
   background-position-x: center;
   color: transparent;
   width: 100%;
   height: 100%;
   background-size: contain;
}
.debuglist{
    height: 200px;
    position: fixed;
    width: 700px;
    bottom: 0px;
    right: 0px;
    background-color: white;
    z-index: 100;
    padding: 5px;
    padding-top: 0px;
    -webkit-box-shadow: 1px 0px 12px 0px rgba(136, 192, 236, 0.53);
    -moz-box-shadow: 1px 0px 12px 0px rgba(136, 192, 236, 0.53);
    box-shadow: 1px 0px 12px 0px rgba(136, 192, 236, 0.53);
}
.debuglist .debuglistheader{
    /* padding: 5px; */
    border-bottom: 1px solid #00000017;
    position: relative;
    height: 56px;
    background-color: white;
    z-index: 100;
}
.debuglist .debuglistmain{
    position: absolute;
    top: 44px;
    right: 0px;
    left: 0px;
    bottom: 0px;
}
.debuglist .debuglistclose{
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
    cursor: pointer;
    position: absolute;
    right: 4px;
    top: 1px;
    font-size: 15px;
    color: white;
}
.debuglist .debuglistmain .debuglisthover{
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    overflow: auto;
    list-style: none;
}
.debugresizehor{
  position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    cursor: ew-resize;
    width: 4px;
}
.debugresizever{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  cursor: ns-resize;
  height: 4px;
  z-index: 100;
}
.debuglist .debuglistmain .debuglistclear{}
.debuglist .debuglistmain .debuglisthover ul{
    padding: 0px;
    padding-top: 10px;
}
.debuglist .debuglistmain .debuglisthover ul li{
    list-style: none;
    line-height: 20px;
    padding-left: 5px;
    border-bottom: 1px dashed #d6d6d6;
    padding-bottom: 5px;
    position: relative;
    padding-top: 30px;
}


.debugheadactionpanel{

display: block;

/* position: absolute; */

height: 30px;

right: 0px;

/* left: 320px; */
}
.debugheadtextpanel{

display: block;

/* position: absolute; */

top: 10px;

width: 300px;

left: 12px;

background-color: #36baf6;

width: 100%;

padding: 6px;

color: white;
}

.debugheadactionpanel{
    display: block;
    /* position: absolute; */
    height: 30px;
    right: 9px;
    width: 363px;
    top: 8px;
    white-space: nowrap;
}
.debugheadactionpanel .filterSpan{}
.debugheadactionpanel .filterSpan{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
}
.debugheadactionpanel .filterSpan {}
.debugheadactionpanel .filterSpan input{
    background-color: white;
}
.debugheadactionpanel .filterSpan input[type=button]{
    background-size: contain;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    background-color: transparent;
    color: black;
    vertical-align: middle;
    font-size: 14px;
    /* padding: 3px 10px; */
    min-width: 20px;
    text-align: center;
    margin: 0px;
    cursor: pointer;
    line-height: 23px;
    border-bottom: none;
    margin-top: 2px;
    font-size: 13px;
    line-height: 17px;
    border: none;
    background-color: white;
    cursor: pointer;
    border-radius: 5px;
}
.debugwindow.biglogstack .debugwindowinner .logParent .resizediv{
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    cursor: nwse-resize;
    background-image: url('/CSS/source/resize.svg');
    background-size: 30px;
    background-position: center;
}
.debugheadactionpanel .filterSpan input[type=text]{}
.debugheadactionpanel .filterSpan input[type=text]{
    width: 250px;
}
.clear.button{
     background-image: url('/resources/clean.svg');
     background-size: 30px;
     background-size: 20px !important;
     background-position: center;
}
.search.button{
    background-image: url('/resources/search.svg');
    background-size: 20px !important;
    background-position: center;
}

.refresh.button{
     background-image: url("/resources/refresh.svg");
    background-size: 20px !important;
    background-position: center;
}
.clear.button:hover,.search.button:hover,.refresh.button:hover{
    /* box-shadow: inset 0px 0px 0px 2px #cccccc, 0px 0px 0px 0px #cccccc, 0px 0px 0px 0px rgba(125,125,125,0) !important; */
    -webkit-box-shadow: -2px -2px 4px 0px rgb(46 162 251 / 53%);
    -moz-box-shadow: -2px -2px 4px 0px rgba(46, 162, 251, 0.53);
    box-shadow: -2px -2px 4px 0px rgb(46 162 251 / 53%);
    }
.clear.button:active,.search.button:active,.refresh.button:active,.showrecodlist .selectgroupli:active{
    /* box-shadow: inset 0px 0px 0px 2px #cccccc, 0px 0px 0px 0px #cccccc, 0px 0px 0px 0px rgba(125,125,125,0) !important; */
    -webkit-box-shadow: 1px 0px 12px 0px rgb(136 192 236 / 53%) inset;
    -moz-box-shadow: 1px 0px 12px 0px rgba(136, 192, 236, 0.53) inset;
    box-shadow: 1px 0px 12px 0px rgb(136 192 236 / 53%) inset;
    }
.selectgroupli{
    position: absolute;
    right: 0px;
    top: 0px;
    /* width: 110px; */
    width: auto;
}
.selectgroupli>span{
    cursor: pointer;
}
.showrecodlist .selectgroupli>span:first-child{
    margin-top: 2px;
}
.selectgroupli>span:first-child{
    font-size: 10px;
    text-align: right;
    display: inline-block;
    width: auto;
    margin-right: 23px;
    vertical-align: middle;
    overflow: hidden;
    height: 20px;
    margin-top: -15px;
    display: block;
    text-align: center;
    font-size: 10px;
}
.selectgroupli.showrecodlist>span:first-child{
    background-image: url('/resources/eyeopen.svg');
    background-size: 20px !important;
    background-position: center;
    position: relative !important;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px !important;
    height: 22px;
    cursor: pointer;
    font-size: 0px;
    }
.selectgroupli.showrecodlist>span:first-child + span{
    display: none;
}
.selectgroupli.showrecodlist>UL{
    position: fixed;
    z-index: 100;
    display: inline-block;
    -webkit-box-shadow: 4px 4px 8px 0px rgb(34 60 80 / 20%);
    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 4px 4px 8px 0px rgb(34 60 80 / 20%);
    background-color: #efefef;
    padding: 0px;
    font-size: 10px;
    margin-top: 1px;
    margin-left: -75px;
    width: 135px;
    /*display: inline-block !important;*/
    margin-top: -1px;
}
.selectgroupli.showrecodlist>UL LI{
    padding-left: 10px;
    /* margin-bottom: 1px; */
    cursor: pointer;
    border: 1px solid #ffffff3b;
}
.selectgroupli.showrecodlist>UL LI.selected{
  /* list-style: circle; */
  background-image: url('/resources/next.svg');
  background-position: left;
  background-repeat: no-repeat;
  background-size: 4px;
  background-position-x: 4px;
  background-position-y: 7px;
  list-style: none;
}
.selectgroupli>span:first-child + span{
    display: block;
    background-image: url("/resources/up-arrow.svg");
    transform: rotate(180deg);
    width: 30px;
    height: 30px;
    background-size: 10px;
    position: absolute;
    top: -4px;
    right: 0px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.selectgroupli>UL{
    position: fixed;
    z-index: 100;
    display: inline-block;
    -webkit-box-shadow: 4px 4px 8px 0px rgb(34 60 80 / 20%);
    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 4px 4px 8px 0px rgb(34 60 80 / 20%);
    background-color: #efefef;
    padding: 0px;
    font-size: 10px;
    margin-top: 1px;
    /* margin-left: -95px; */
    width: auto;
    /*display: inline-block !important;*/
    margin-top: -6px;
}
.selectgroupli>UL LI{
    padding-left: 5px;
    /* margin-bottom: 1px; */
    cursor: pointer;
    border: 1px solid #ffffff3b;
    list-style: none;
    font-size: 12px;
    padding: 5px;
}
.selectgroupli>UL LI:hover{
    background-color: #f5f2f2;
}
.selectgroupli>UL LI:active{ 
    background-color: white;
}
.showrecodlist {
    position: relative !important;
    width: 283px !important;
    height: 22px;
    cursor: pointer;
}

.selectgroupli{}
.filterSpan .selectgroupli{}
.filterSpan .selectgroupli:first-child{
    font-size: 0px;
}
.filterSpan .selectgroupli:first-child + .selectgroupli{
    display: none;
}
.filterSpan .selectgroupli:first-child + .selectgroupli + .selectgroupli{
    display: none;
}
.showrecodlist .selectgroupli{
    display: inline-block;
    font-size: 9px !IMPORTANT;
    width: auto;
    max-width: 103px;
    margin-top: 0px;
    /* border-right: 1px solid black; */
    padding-top: 1px;
    line-height: 10px;
    height: 26px;
}
.showrecodlist .selectgroupli:first-child{
    /* font-size: 10px; */
    /* width: auto; */
    left: 0px;
    border-right: 1px solid #e8e8e8;
    text-align: left;
}
.showrecodlist .selectgroupli:first-child + .selectgroupli{
    display: block;
    left: 107px;
    max-width: 82px;
    border-right: 1px solid #e8e8e8;
    padding-left: 8px;
}
.showrecodlist .selectgroupli:first-child + .selectgroupli + .selectgroupli{
    display: block;
    width: 78px;
    left: 200px;
}

.debuglist .debuglistmain .debuglisthover ul li span{display: block;}
.debuglist .debuglistmain .debuglisthover ul li span .head{
    /* display: none; */
}
.debuglist .debuglistmain .debuglisthover ul li span.ConstructName .head{
    display: none !important;
    font-size: 10px;
}
.debuglist .debuglistmain .debuglisthover ul li span.SQL .head{
    display: none !important;
}
.debuglist .debuglistmain .debuglisthover ul li span.BlockName .head{
     display: none !important;
}
.debuglist .debuglistmain .debuglisthover ul li span span{
  display: inline-block !important;
}
.debuglist .debuglistmain .debuglisthover ul li .date .head{
    display: none !important;
}
.debuglist .debuglistmain .debuglisthover ul li .date .block{}
.debuglist .debuglistmain .debuglisthover ul li span .block{
}
.debuglist .debuglistmain .debuglisthover ul li span.page_id .block{margin-left: 6px;}
.debuglist .debuglistmain .debuglisthover ul li .IDENTIFY{
   font-size: 7px;
   position: absolute;
   top: -11px;
   right: 10px;
   background-color: white;
}
.debuglist .debuglistmain .debuglisthover ul li .date{
   top: -11px;
   left: calc(50% - 70px);
   min-width: 140px;
   padding: 0 10px;
   content: attr(data-date);
   -webkit-transition: all .3s;
   transition: all .3s;
   text-align: center;
   border-radius: 2px;
   font-size: 11px;
   font-weight: 600;
   position: absolute;
   background-color: white;
}
.debuglist .debuglistmain .debuglisthover ul li .time{
   
display: none;
}
.debuglist .debuglistmain .debuglisthover ul li .SQL{
   padding: 14px;
   color: #333;
   border-color: #ccc;
   background-color: #f8f8f8;
   white-space: pre-wrap;
   word-wrap: break-word;
   border-width: 1px;
   border-radius: 2px;
   border-radius: var(--border-radius);
   font-family: Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
   font-size: 13px;
   font-weight: 600;
   direction: ltr;
   unicode-bidi: embed;
   margin-top: -24px;
}
.debuglist .debuglistmain .debuglisthover ul li .FILE{
   display: none;
}
.debuglist .debuglistmain .debuglisthover ul li .LINE{
   display: none;
}
.debuglist .debuglistmain .debuglisthover ul li .ConstructName{
   display: inline-block;
   margin: 0 3px;
   padding: 1px 4px;
   border-width: 1px;
   border-radius: 2px;
   border-radius: var(--border-radius);
   background: #fff;
   line-height: normal;
}
.debuglist .debuglistmain .debuglisthover ul li .BlockName{
   display: inline-block;
   margin-left: 5px;
}
.debuglist .debuglistmain .debuglisthover ul li .page_id{
   position: absolute;
   top: 0px;
   font-size: 11px;
}
.debuglist .debuglistmain .debuglisthover ul li .Dump{
   
/* display: none; */
   
font-size: 9px;
}