body {
   font-size: 12px;
}

td {
   font-size: 12px;
   white-space: nowrap;
}

input, select, textarea {
   font-size: 12px;
}

input::-ms-clear {
  display: none;
  width : 0;
  height: 0;
}

textarea {
   height: 61px;
}

option {
   padding-left: 5px;
}

.tableContainer{
   padding: 0px;
}

.annotation {
   font-size: 11px;
   color: #a1a1a1;
}

iframe {
   font-size: 12px;
   border:0px;
}

* {
   margin:0;
   padding:0;
   /*font-size:12px;*/
}

.subTitle {
   color: #eb8f00;
   font-weight:bold;
   font-size:18px;
}

.error-page-tip {
   color: #999999;
}

.fill {
   width:100%;
   height:100%;
}

.widthFill {
   width: 100%;
}

.elemMenuBtn {
   position: absolute;
   z-index: 1;
   display: none;
}

.elemMenuBtn:hover {
   border: #939393 thin solid;
   background: #f3f3f3;
}

.elemBG {
   left: 5px;
   right: 0;
   position: absolute;
   height: 30px;
   background: #BFBFBF;
}

.hoverBG {
   left: 5px;
   right: 0;
   position: absolute;
   height: 30px;
   background: #E0E0E0;
   display: none;
}

.thumb {
   margin-left: 0;
   margin-top: 0;
   width: 100%;
   height: 100%;
   border-radius: 5px;
   background-color: #A5A5A5;
}

.thumb:hover {
   background-color: #737373;
}

.vtrack {
   position: absolute;
   background: #D1D1D1;
   border-radius: 5px;
   top: 0;
   right: 1px;
   bottom: 8px;
   width: 8px;
}

.htrack {
   position: absolute;
   background: #D1D1D1;
   border-radius: 5px;
   left: 0;
   bottom: 1px;
   right: 8px;
   height: 8px;
}

.GTree {
   margin:0;
   padding:0;
   position: relative;
}

.GTree li {
   list-style: none;
   margin:0;
   padding:0 0 0 34px;
   line-height: 30px;
   cursor: default;
}

.GTree li.norootNode-last>div span {
   margin-left: 0;
   padding-left: 0;
}

.GTree li span {
   display:inline;
   clear: left;
   white-space: nowrap;
}

.GTree ul {
   margin-left: -8px;
   padding: 0px;
}

.GTree.checkable .root {
   margin-left: 0px;
   padding-left: 0px;
}

.GTree .norootNode, .GTree .norootNode-last {
   margin-left:-32px;
}

.checkable .norootNode-last {
   margin-left: 0px;
   padding-left: 0px;
}

.note {
   color: #999;
}

.GTree .line {
   margin:0 0 0 -16px;
   padding:0;
   line-height: 1px;
   height:0;
}

.GTree .line-last {
   margin:0 0 0 -16px;
   padding:0;
   line-height: 1px;
   height:1px;
   font-size:3px;
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fspacer%2Egif") 0 0 no-repeat transparent;
}

.GTree .element {
   margin-left: 0px;
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max-moz-device-pixel-ratio: 2) {
   .GTree .folder-open, .type-icon.folder-open {
      background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FfolderOpenIcon@2x%2Epng");
      background-size: 18px 18px;
   }

   .GTree .folder-close, .type-icon.folder-close {
      background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FfolderClosedIcon@2x%2Epng");
      background-size: 18px 18px;
   }

   .GTree .db, .GTree .db-last, .drag-db, .type-icon.db {
      background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Ffiledb@2x%2Epng");
   }
}

.GTree .folder-open {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FfolderOpenIcon%2Epng");
}

.GTree .folder-close {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FfolderClosedIcon%2Epng");
}

.drag-folder-open {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Ffolder_open%2Epng");
}

.drag-folder-close {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Ffolder_close%2Epng");
}

.GTree .bd_format_folder {
   background-position: 3px 6px;
   background-repeat: no-repeat;
}

.GTree.checkable li.bd_format_folder {
   background-position: 1px 9px;
}

.GTree.checkable li.bd_format_folder > div {
   padding-left: 0px;
}

.GTree.checkable li.element > div > span {
   padding-left: 14px;
}

.GTree.checkable.folderIcon li.bd_format_folder > div > input[type=checkbox]{
   margin-left: 0px;
}

.GTree.checkable.folderIcon li.bd_format_folder.no_checkbox > div > span{
   padding-left: 0px;
   margin-left: -2px;
}

.GTree.checkable li .img{
   width: 22px;
   height: 16px;
   display: inline-block;
   vertical-align: middle;
   background-repeat: no-repeat;
   background-position: 100% 50%;
   margin-left: -4px;
   margin-right: 4px;
}

.GTree li.bd_format_element {
   background-repeat: no-repeat;
   background-position: 0px 2px;
}

.GTree.checkable li.element {
   padding-left: 25px;
}

div.drag-cell {
   padding-left:25px;
   background-position: 0px 0px;
   background-repeat: no-repeat;
   display: table-cell;
   height: 25px;
   vertical-align: middle;
   text-align: left;
}

img + div.drag-cell {
   padding-left:2px;
}

div.drag-row {
   display: table-row;
}

.type-icon {
   background-repeat: no-repeat;
}

/* @temp peter : the folder's icon need redefine */
.type-icon.folder-open {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FfolderOpenIcon%2Epng");
}

.type-icon.folder-close {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FfolderClosedIcon%2Epng");
}

.type-icon.folder {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FfolderClosedIcon%2Epng");
   margin-left: -4px;
   margin-right: 4px;
}

.GTree .defaultLeafIcon, .GTree .defaultLeafIcon-last, .drag-defaultLeafIcon {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Ffile%2Epng");
}

.type-icon.defaultLeafIcon {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Ffile%2Epng");
}

.GTree .db, .GTree .db-last, .drag-db {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Ffiledb%2Epng");
}

.type-icon.db {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Ffiledb%2Epng");
}

.type-icon.report {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Freport%2Epng");
}

.type-icon.bp {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fbp%2Epng");
}

.GTree .bp, .GTree .bp-last, .drag-bp {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fbp%2Epng");
}

.type-icon.bpManage {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FbpManage%2Epng");
}

.GTree .bpManage, .GTree .bpManage-last, .drag-bpManage {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FbpManage%2Epng");
}

.type-icon.bpApply {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FbpApply%2Epng");
}

.GTree .bpApply, .GTree .bpApply-last, .drag-bpApply {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FbpApply%2Epng");
}

.GTree .report, .GTree .report-last, .drag-report {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Freport%2Epng");
}

.GTree .parts, .GTree .parts-last, .drag-parts {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fpart%2Epng");
}

.type-icon.parts {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fpart%2Epng");
}

.type-icon.portal_flag {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Ffileportal%2Epng");
}

.GTree .portal_flag, .drag-portal_flag {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Ffileportal%2Epng");
}

.GTree .db_link, .GTree .db_link-last, .drag-db_link {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fdb_link%2Epng");
}

.type-icon.db_link {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fdb_link%2Epng");
}

.GTree .user, .GTree .user-last, .drag-user {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Ffileuser%2Epng");
}

.type-icon.user {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Ffileuser%2Epng");
}

.GTree .logo, .GTree .logo-last, .drag-logo {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Flogo%2Epng");
}

.type-icon.logo {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Flogo%2Epng");
}

.GTree .title, .GTree .title-last, .drag-title {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Ftitle%2Epng");
}

.type-icon.title {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Ftitle%2Epng");
}

.GTree .web, .GTree .title-web, .drag-web {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fweb%2Epng");
}

.type-icon.web {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fweb%2Epng");
}

.GTree .role, .GTree .role-last, .drag-role {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Ffilerole%2Epng");
}

.type-icon.role {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Ffilerole%2Epng");
}

.GTree .qrySql, .GTree .qrySql-last, .drag-qrySql {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FfileSql%2Epng");
}

.type-icon.qrySql {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FfileSql%2Epng");
}

.GTree .qryMdx, .GTree .qryMdx-last, .drag-qryMdx {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FfileMdx%2Epng");
}

.type-icon.qryMdx {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FfileMdx%2Epng");
}

.GTree .aRules, .GTree .aRules-last, .drag-aRules {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FaRules%2Epng");
}

.type-icon.aRules {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FaRules%2Epng");
}

.GTree .dTree, .GTree .dTree-last, .drag-dTree {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FdTree%2Epng");
}

.type-icon.dTree {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FdTree%2Epng");
}

.GTree .kmeans, .GTree .kmeans-last, .drag-kmeans {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fkmeans%2Epng");
}

.type-icon.kmeans {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fkmeans%2Epng");
}

.GTree .timeSeries, .GTree .timeSeries-last, .drag-timeSeries {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FtimeSeries%2Epng");
}

.type-icon.timeSeries {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FtimeSeries%2Epng");
}

.GTree .logist, .GTree .logist-last, .drag-logist {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Flogist%2Epng");
}

.type-icon.logist {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Flogist%2Epng");
}

.GTree .rModel, .GTree .rModel-last, .drag-rModel {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FrModel%2Epng");
}

.type-icon.rModel {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FrModel%2Epng");
}

.GTree .mlExperiment, .GTree .mlExperiment-last, .drag-mlExperiment {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FfileMLExperiment%2Epng");
}

.type-icon.mlExperiment {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FfileMLExperiment%2Epng");
}

.GTree .qryEmbed, .GTree .qryEmbed-last, .drag-qryEmbed {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FfileEmbed%2Epng");
}

.type-icon.qryEmbed {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FfileEmbed%2Epng");
}

.GTree .qryCloud, .GTree .qryCloud-last, .drag-qryCloud {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FfileCloud%2Epng");
}

.type-icon.qryCloud {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FfileCloud%2Epng");
}

.GTree .qryConn, .GTree .qryConn-last, .drag-qryConn {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FfileConn%2Epng");
}

.type-icon.qryConn {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FfileConn%2Epng");
}

.GTree .qryComp, .GTree .qryComp-last, .drag-qryComp {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FfileComp%2Epng");
}

.type-icon.qryComp {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FfileComp%2Epng");
}

.GTree .qryCompare, .GTree .qryCompare-last, .drag-qryCompare {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FfileCompare%2Epng");
}

.type-icon.qryCompare {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FfileCompare%2Epng");
}

.GTree .qryJs, .GTree .qryJs-last, .drag-qryJs {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FfileJs%2Epng");
}

.type-icon.qryJs {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FfileJs%2Epng");
}

.GTree .qryCustom, .GTree .qryCustom-last, .drag-qryCustom {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FfileCustom%2Epng");
}

.type-icon.qryCustom {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FfileCustom%2Epng");
}

.GTree .job, .GTree .job-last, .drag-job {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Ffilejob%2Epng");
}

.type-icon.job {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Ffilejob%2Epng");
}

.GTree .task, .GTree .task-last, .drag-task {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Ffiletask%2Epng");
}

.type-icon.task {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Ffiletask%2Epng");
}

.GTree .tri, .GTree .tri-last, .drag-tri {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Ffiletrigger%2Epng");
}

.type-icon.tri {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Ffiletrigger%2Epng");
}

.GTree .excel, .drag-excel {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FqryExcel%2Epng");
}

.type-icon.excel {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FqryExcel%2Epng");
}

.GTree .qryFlow, .GTree .qryFlow-last, .drag-qryFlow {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FqryFlow%2Epng");
}

.type-icon.qryFlow {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FqryFlow%2Epng");
}

.GTree .mongo, .GTree .mongo-last, .drag-mongo {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FqryMongo%2Epng");
}

.type-icon.mongo {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FqryMongo%2Epng");
}

/* there's position is 11px.*/
.GTree .actEditor, .GTree .actEditor-last, .drag-actEditor {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Feditor%2Epng");
}

.type-icon.actEditor {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Feditor%2Epng");
}

.GTree .actQuery, .GTree .actQuery-last, .drag-actQuery {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fquery%2Epng");
}

.GTree .actConn, .GTree .actConn-last, .drag-actConn {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fconn%2Epng");
}

.type-icon.actQuery {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fquery%2Epng");
}

.type-icon.actConn {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fconn%2Epng");
}

.type-icon.actML {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FactML%2Epng");
}

.GTree .actML, .GTree .actML-last, .drag-actML {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FactML%2Epng");
}

.GTree .actView, .GTree .actView-last, .drag-actView {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fview%2Epng");
}

.type-icon.actView {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fview%2Epng");
}

.GTree .actSched, .GTree .actSched-last, .drag-actSched {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fsched%2Epng");
}

.type-icon.actSched {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fsched%2Epng");
}

.GTree .actSecure, .GTree .actSecure-last, .drag-actSecure {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fsecure%2Epng");
}

.type-icon.actSecure {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fsecure%2Epng");
}

.GTree .actImEx, .GTree .actImEx-last, .drag-actImEx {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fimport%2Epng");
}

.type-icon.actImEx {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fimport%2Epng");
}

.GTree .actMgr, .GTree .actMgr-last, .drag-actMgr {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fmanager%2Epng");
}

.type-icon.actMgr {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fmanager%2Epng");
}

.GTree .def_image, .GTree .def_image-last, .drag-def_image {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fdef_image%2Epng");
}

.type-icon.def_image {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fdef_image%2Epng");
}

.GTree .portal_cell, .GTree .portal_cell-last, .drag-portal_cell {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FpCell%2Epng");
}

.type-icon.portal_cell {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2FpCell%2Epng");
}

.GTree .portalet, .GTree .portalet-last, .drag-portalet {
   background: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fportalet%2Epng");
}

.type-icon.portalet {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2ftree%2Fportalet%2Epng");
}

.GTree .trigger {
   display: inline;
   margin-left: -37px;
   width: 37px;
   height: 20px;
   cursor: default;
}

.GTree.checkable .trigger {
   margin-left: -20px;
   width: 20px;
}

.GTree .text {
   cursor: default;
}

.GTree .active {
   cursor: default;
   color: #FFFFFF;
}

#gTreeSearchContainer {
   position: relative;
   border-bottom: 1px solid #A9A9A9;
   height: 25px;
}

.bi-dialog-content > #gTreeSearchContainer {
   border: 1px solid #A9A9A9;
   border-bottom: none;
}

#gTreeSearchContainer.indexStyle {
   position: relative;
   box-sizing: content-box;
   padding: 10px 41px 9px 21px;
   background-color: #EEEEEE;
   border: none;
}

#gTreeSearchContainer input[type="text"].gTreeSearchTI {
   width: 100%;
   height: 100%;
   margin: 0;
   border: none;
}

#gTreeSearchContainer.indexStyle input[type="text"].gTreeSearchTI {
   padding-left: 30px;
   border: none;
   background-color: #E5E5E5;
   border-radius: 12px;
}

.gTreeRenameTI {
   display: none;
   position: absolute;
   z-index: 1000;
}

#gTreeSearchContainer .onFocusColor {
   color: #555555;
}

#gTreeSearchContainer .offFocusColor {
   color: #aaaaaa;
}

.gTreeSearchIcon {
   position:absolute;
   top: 15px;
   left: 29px;
   display:block;
}

.gTreeClearBtn {
   position:absolute;
   top: 5px;
   right: 6px;
   display:none;
}

.indexStyle .gTreeClearBtn {
   top: 16px;
   right: 49px;
}

.gTreeClearBtn:hover {
   border: #bfbfbf thin solid;
}

.gTreeMenuBtn {
   position:absolute;
   top: 15px;
   right: 13px;
}

.gTreeMenuBtn:hover {
   top: 14px;
   right: 12px;
   border: #bfbfbf thin solid;
}

#gTreeMenu {
   position: absolute;
   display: none;
   z-index: 100;
   width: 150px;
   padding: 8px 0;
   top: 45px;
   right: 5px;
   background-color: #FFFFFF;
   border-radius: 2px;
   box-shadow: 0 0 2px rgba(0,0,0,0.5);
}

.gTreeMenuItem {
   padding-left: 20px;
   color: #666666;
   height: 26px;
   line-height:26px;
   cursor: pointer;
}

.gTreeMenuItem:hover {
   background: #F1F1F1;
}

.lable.field {
   text-align: right;
   width: 100px;
   float: left;
}

.pageHeader {
   font-weight: bold;
   text-align: left;
   position: relative;
   height: 21px;
   bottom: 3px;
}

.pageFooter {
   font-size: 12px;
   color: var(--text-hint);
   text-align: left;
   margin: 30px;
   top: 5px;
   padding-left: 50px;
}

.smallTitle {
   font-size: 14px;
   color: #218a21;
}

.contentTable {
   padding: 0px;
   border-collapse: collapse;
   margin: 10px;
}

.medWidth {
   width: 140px;
}

.largeWidth {
   width: 300px;
}

.rowHeight {
   height: 22px;
}

.colWidth {
   width: 100px;
}

.labelTd {
   width: 84px;
   text-align: right;
}

.buttonsTD {
   vertical-align: top;
   padding: 0px;
}

.gridTd {
   padding: 2px;
   width: 80px;
   text-align: left;
}

.smallGridTd {
   padding:2px;
   width:40px;
   text-align:left;
}

.inputTd {
   text-align:left;
}

.btnSpace {
   width:10px;
   height:30px;
   display:-moz-inline-box;
   display:inline-block;
}

.fixSpace {
   display:-moz-inline-box;
   display:inline-block;
}

.controlBar_fillW {
   width:100%;
   height:30px;
   text-align:right;
   vertical-align:top;
   padding-top: 4px;
}

.controlBar_autoW {
   width:auto;
   height:30px;
   text-align:right;
   vertical-align:top;
   padding-top: 2px;
}

.leftLabel {
   width:100px;
   text-align: right;
}

.rightInput {
   width:180px;
   text-align:left;
}

.rightInput:focus {
   border:1px solid #68a433;
   border-radius: 2px;
}

.rightInput_max {
   width: 100%;
   text-align: left;
   box-sizing: border-box;
}

.largeButton {
   width:120px;
   text-align: middle;
   padding-right:5px;
}

.largeContainer {
   width:600px;
   position: relative;
}

/* .emailInput {
   width:600px;
   text-align:left;
   box-sizing: border-box;
} */

.largeContainer:hover .addButton {
   display: block;
}

.largeContainer:hover .emailInput {
   padding-right: 16px;
}

.addButton {
   height: 13px;
   width: 13px;
   background: url("?{uri}?proc=2&resource=/g5/html/images/add.png") no-repeat;
   cursor: pointer;
   display: none;
   position: absolute;
   top: 5px;
   right: -3px;
}

.largeInput {
   width:300px;
   text-align:left;
   box-sizing: border-box;
   word-break: break-all;
   white-space: normal;
}

.secondTlt {
   text-indent:30px;
   text-align: left;
   color:#808080;
   font-weight: bold;
   padding:4px 0 4px 0;
   height:30px;
}

.listButton {
   margin-bottom: 4px;
}

.popupPanel {
   background-color: #ffffff;
   position: absolute;
   border: #6f6f6f thin solid;
   _width: 20em;
   min-width: 10em;
   _height: 10em;
   min-height: 10em;
   zIndex: 2000;
}

.popupPanel_ieframe{
   zIndex: 1999;
}

.popupPanel a {
   text-decoration: none;
}

.popupPanel a:link {
   color: #454545;
}

.popupPanel a:hover {
   color: Blue;
}

.popupController {
   border: #aaaaaa thin solid;
   margin: 10px 8px 5px 8px;
   text-align: center;
   padding: 2px 0px;
   background: #bfbfbf;
   font-weight: bold;
}

.gDragHelper {
   background-color: #f0f0f0;
   color: #999999;
   font-size: 12px;
   padding: 2px 5px;
   vertical-align: middle;
   text-align: center;
   position: absolute;
   z-Index: 3000;
}

/**
 * css for GGrid
 */
.gridHeader td {
   background: #fafafa url(?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2fgrid%2FheaderBg%2epng) repeat-x bottom;
   border: 0px solid #ccc;
   border-right:1px solid #ccc;
   text-align: center;
   margin:0px;
   white-space:normal;
   font-weight:normal;
   font-size: 12px;
   padding: 0px 5px 0px 5px;
   cursor: default;
}

.gridTable td {
   border: 0px solid #ccc;
   border-right:1px solid #ccc;
   font-size:12px;
   padding:0px 5px 0px 5px;
   white-space:normal;
   font-weight:normal;
}

.gridTable_noBorder td {
   border:0px;
   font-size:11px;
   padding:0px 5px 0px 5px;
   white-space:normal;
   font-weight:normal;
}

.gridTable .img{
   width: 22px;
   height: 16px;
   display: inline-block;
   vertical-align: middle;
   background-repeat: no-repeat;
   background-position: 100% 50%;
}

.trSelected td {
   background: #d9ebf5 url(?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2fgrid%2FselectedBg%2epng) repeat-x;
   border-bottom: 1px dotted #a8d8eb;
}

.trUnSelected:hover td {
   background: #e0e0e0 ;
}

/**
 * css for the scroll bar of GGrid
 */
.scrollTrack {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2fgrid%2Ftrack%2epng");
}

.scrollThumb {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2fgrid%2Fthumb%2epng");
}

.scrollThumb:hover {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2fgrid%2Fthumb_over%2epng");
}

.scrollThumbDown {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2fgrid%2Fthumb_down%2epng");
}

.noteTime {
   margin-top: 20px;
   font-style: italic;
}

.examplesTimeDiv {
   margin-top: 5px;
   margin-left: 10px;
}

.noteP {
   margin-top: 10px;
   width: 100%;
   color: #808080;
   font-style: italic;
}

.examplesDiv {
   margin-left: 5px;
   width: 100%;
   height: 100%;
}

.cronTriggerTable {
   width: 100%;
   border: 1px solid #000000;
   border-collapse: separate;
   color: #a1a1a1;
}

.dialogBtn {
   background: none repeat scroll 0 0 #FFFFFF;
   border: 1px solid #AAAAAA;
   color: #000000;
}

.cronTriggerDiv {
   margin-left: 10px;
   margin-top: 30px;
   margin-right: 10px;
   text-align: left;
   top: 5px;
}

.main {
   float:right;
   position: absolute;
   right: 0;
}

.sideBar {
   float: left;
   position: absolute;
}

.treeContainer {
   width: 230px;
   overflow: hidden;
}

.dragBar {
   background-color:#B7B7B7;
   height:100%;
   width: 1px;
   left: 0;
   position: relative;
}

.dragBar .dragArea {
   cursor: url("?{uri}?proc=2&resource=%2fg5%2ffl%2fstyle%2fdividers%2fHDividerCursor%2epng") 7 0, col-resize;
}

#ghostBar{
   width:3px;
   background-color:#5f736a;
   opacity:0.7;
   position:absolute;
   cursor: col-resize;
   z-index:999;
}

#topResizediv {
   background-color:#eeeeee;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.00001)";
   position:absolute;
   opacity:0.00001;
   z-index:9999;
}

.scrollDiv {
   border-top: 1px solid #a9a9a9;
   border-right: 1px solid #a9a9a9;
   border-bottom: 1px solid #a9a9a9;
   box-sizing: border-box;
}

.scrollTop {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2fgrid%2Fupbtn_up%2epng");
}

.scrollBottom {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2fgrid%2Fdownbtn_up%2epng");
}

.scrollTop:hover {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2fgrid%2Fupbtn_over%2epng");
}

.scrollBottom:hover {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2fgrid%2Fdownbtn_over%2epng");
}
.scrollTopDown {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2fgrid%2Fupbtn_down%2epng");
}
.scrollBottomDown {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2fgrid%2Fdownbtn_down%2epng");
}
.scrollTopDisable {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2fgrid%2Fupbtn_d%2epng");
}
.scrollBottomDisable {
   background-image: url("?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2fgrid%2Fdownbtn_d%2epng");
}

.rightBtn {
   margin-left: 4px;
}

.prompt {
   position: absolute;
   line-height: 20px;
   padding-left: 12px;
   color: #999;
   left: 0;
   top: 0;
}

.noBorderTable {
   border-spacing: 0px;
}

.promptDiv {
   position: relative;
}

textarea {
   resize: none;
}

.middleInput {
   vertical-align: middle;
}

/*  */
input[type="text"], input[type="password"], textarea, select{
   margin-left: 6px;
   outline: none;
}

input[type="text"], input[type="password"], textarea {
   padding: 0px 5px;
   cursor: auto;
}

input[type="text"], input[type="password"], select{
   border:1px solid #aaaaaa;
   border-radius: 2px;
   height: 23px;
   box-sizing: border-box;
   cursor: auto;
}

input[type="text"]:focus, input[type="password"]:focus {
   border:1px solid rgba(41, 183, 104, 0.4);
   border-radius: 2px;
   box-shadow: 0 0 3px rgba(41, 183, 104, 0.7);
}

.editSpan {
   color: #000000;
   border: none;
   background-color: rgba(255, 255, 255, 0);
}

.defButton {
   font-size: 1em;
   padding-left: 5px;
   padding-right: 5px;
   vertical-align: middle;
   padding-bottom: 1px;
}

select {
   padding: 0px 1px;
   overflow-x: visible;
}

button, input[type="button"], input[type="submit"] {
   min-width: 70px;
   line-height: 100%;
   box-sizing: border-box;
   outline: none;
   height: 22px;
   border: 1px solid #AAAAAA;
   border-radius: 2px;
   background-color: white;
   padding-left:3px;
   padding-right:3px
}

button:hover {
   border: 1px solid #68a433;
   border-radius: 2px;
   background-color: white;
}

button:active {
   border: 1px solid #68a433;
   border-radius: 2px;
   background-color: #eeeeee;
}

button[disabled="disabled"],button[disabled="disabled"]:hover {
   border: 1px solid #d1d1d1;
   border-radius: 2px;
   background-color: white;
}

button label {
   line-height: 100%;
   height: 16px;
   vertical-align: 0%;
}

.gridDiv .gridTable .trSelected {
   border-bottom: 1px solid #cccccc;
}

.vuBtnList{
   list-style-type: none;
}

.vuBtnList li {
   padding-top: 4px;
}

.vuBtnList li:first-child {
   padding-top: 0px;
}

.listArea {
   vertical-align: top;
}

.gridTable input[type="checkbox"] {
   vertical-align: middle;
}

input[type="checkbox"] {
   outline: none;
   /*vertical-align: -2px;*/
   /*margin-right: 4px;*/
   opacity: 0;
}

.multiSelect {
   height: 155px;
}

.multiSelect option {
   height: 17px;
}

.pointCursor tr td {
   cursor: pointer;
}

.defCursor tr td {
   cursor: default;
}

.topDiv {
   min-height: 30px;
}

.leftDiv {
   float: left;
   min-width: 100px;
   height: 1px;
}

.containDiv {
   float: left;
   width: 62%;
   min-width: 845px;
   height: 100%;
}

.bodyLayout {
   padding-top: 30px;
   padding-left: 30px;
   box-sizing: border-box;
}

.bodyLayoutAll {
   padding-top: 30px;
   padding-bottom: 30px;
   padding-left: 100px;
   box-sizing: border-box;
}

.treeDiv {
   background: #FFFFFF;
   border-color: #A9A9A9;
}

.bodyLayout {
   padding-left: 30px;
   padding-top: 30px;
}

.leftTreeLayout {
   padding-left: 10px;
   padding-top: 10px;
   box-sizing: border-box;
   overflow: auto;
}

.actionA {
   color: #555555;
   text-decoration: underline;
}

.actionA:hover {
   color: #050505;
}

.menuTag {
   padding-left: 10px;
   padding-right: 10px;
   display: inline-block;
   text-align: center;
   display: inline;
   font-size: 18px;
}

.secondMenuLabel {
   font-size: 18px;
   color: #2f2e2c;
   padding-left: 20px;
   padding-right: 20px;
   vertical-align: middle;
   cursor: pointer;
}

.secondMenuLabel:hover {
   color: #2f2e2c;
}

.verticalBar {
   vertical-align: middle;
   margin-bottom: 2px;
   margin-right: 4px;
   margin-left: 4px;
   position: relative;
   top: -2px;
}

.gridTable, .gridTable td {
   box-sizing: border-box;
}

.vital {
   padding-left: 6px;
   color: red;
   font-size: 12px;
}

tr.verticalTop>td {
   padding-top: 0px;
   padding-bottom: 10px;
}

tr.verticalMiddle>td {
   padding: 3px 0px;
}

/** The classes are for action menus**/
.actionMenus {
   width: 100%;
   height: 30px;
   background-color: #ffffff;
   display: table;
}

.actionMenuCell {
   display: table-cell;
   vertical-align: middle;
}

.actionMenu {
   padding-left: 20px;
   padding-right: 20px;
}

.actionTag {
   padding-left: 10px;
   padding-right: 10px;
   display: inline;
}

.actionMenu:hover .actionTag {
   color: #2f2e2c;
}

.actionMenu[status="true"] .actionTag {
   color: #2f2e2c;
}

.actionMenuImg {
   vertical-align: sub;
   visibility: hidden;
}

.actionMenu[status="true"] .actionMenuImg {
   visibility: visible;
}

.actionRightMenu {
   display: table-cell;
   vertical-align: middle;
}

.actionRightMenu .actionSeparateImg {
   vertical-align: sub;
}

.actionRightMenu .actionTag {
   padding-left: 11px;
   padding-right: 11px;
   display: inline;
   cursor: pointer;
}

.error {
   color: red;
}

.selectInput.empty {
   color: #A6A9A6;
}

/* TreeGrid */
.GTreeGrid table {
   width: 100%;
   border-collapse: collapse;
   box-sizing: border-box;
   border-width: 0px;
   padding: 0px;
}

.GTreeGrid table td, .GTreeGrid table th {
   box-sizing: border-box;
   border-color: white;
   border-style: solid;
   padding: 0px 10px;
   height: 24px;
}

.GTreeGrid table th {
   border-left-width: 1px;
   border-right-width: 1px;
   border-top-width: 0px;
   border-bottom-width: 0px;
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
}

.GTreeGrid table td {
   border-width: 0px;
}

.GTreeGrid .nameTd .group {
   vertical-align: middle;
   padding-left: 5px;
}

.GTreeGrid .nameTd .userAndRole {
   vertical-align: middle;
   cursor: default;
   padding-left: 2px;
}

.GTreeGrid .nameTd span {
   padding-left: 5px;
}

.GTreeGrid .contentDiv span, .GTreeGrid .readContentDiv span, .GTreeGrid .writeContentDiv span, .GTreeGrid .contentRoleDiv span {
   line-height: 27px;
}

.GTreeGrid tr.odd {
   background-color: #f7f7f7;
}

.GTreeGrid tr:hover {
   background-color: #d5effc;
}

.GTreeGrid tr[selected="selected"] {
   background: #d9ebf5 url(?{uri}?proc=2&resource=%2fg5%2fhtml%2fimages%2fgrid%2FselectedBg%2epng) repeat-x;
}

.GTreeGrid tr.header {
   background-color: #d3d3d3;
}

.GTreeGrid div.img {
   width: 40px;
   height: 25px;
   display: inline-block;
   vertical-align: middle;
   background-repeat: no-repeat;
   background-position: 100% 50%;
   margin-left: 10px;
}

.GTreeGrid .type-icon.user, .GTreeGrid .type-icon.role {
   margin-left: 13px;
}

/** Filter Tree */
.filterTree .clear {
   float: right;
   position: absolute;
   z-index: 500;
}

.filterTree .selectInput {
   box-sizing: border-box;
   margin: 0px;
   width: 100%;
   border: 1px solid #696969;
   border-bottom: 1px solid #e6e6e6;
}

.filterTree .filterContent {
   width: 100%;
   height: 100%;
   padding: 0px;
   margin: auto 0px;
   border: 1px solid #AAAAAA;
   overflow: auto;
   background-color: white;
   position: relative;
   box-sizing: border-box;
   border-top: none;
}

.filterTree .element {
   width: 100%;
   height: 25px;
   padding-left: 25px;
   cursor: default;
   box-sizing: border-box;
   white-space: nowrap;
   display: table-cell;
}

.filterTree .element.class {
   background-color: #f2f2f2;
   padding-left: 7px;
}

.filterTree .element>span {
   line-height: 25px;
}

.filterTree .type-icon.folder-close {
   background: url("?{uri}?proc=2&resource=/g5/html/images/tree/folderClosedIcon.png");
   background-repeat: no-repeat;
   background-position: 3px;
}

a, a:link, a:visited, a:hover, a:active {
   color: #077c24;
}

input, button, select, textarea, span{
   outline: none;
}

.radio-select {
   width:15px;
   vertical-align:middle; margin-top:-2px; margin-bottom:1px;
   background-image: url(?{uri}?proc=2&resource=/g5/html/images/rb_us_up.png);
   background-repeat: no-repeat;
}

.radio-select-off {
   width:15px;
   vertical-align:middle; margin-top:-2px; margin-bottom:1px;
   background-image: url(?{uri}?proc=2&resource=/g5/html/images/rb_us_up.png);
   background-repeat: no-repeat;
}

.radio-select-off:hover {
   background-image: url(?{uri}?proc=2&resource=/g5/html/images/rb_us_over.png);
}

.radio-select-on, .radio-select-on:hover{
   width:15px;
   vertical-align:middle; margin-top:-2px; margin-bottom:1px;
   background-image: url(?{uri}?proc=2&resource=/g5/html/images/rb_s_up.png);
   background-repeat: no-repeat;
}

check {
   vertical-align: middle;
   width: 15px;
   background-image: url(?{uri}?proc=2&resource=/g5/html/images/ckbox_s_up.png);
   background-repeat: no-repeat;
   margin-top: 1px;
   padding-right: 1px;
}

.checkdisabled {
   background-image: url(?{uri}?proc=2&resource=/g5/html/images/ckbox_disabled.png);
   background-repeat: no-repeat;
}

.check-select:hover {
   background-image: url(?{uri}?proc=2&resource=/g5/html/images/ckbox_us_over.png);
   background-repeat: no-repeat;
}

.check-select {
   background-image: url(?{uri}?proc=2&resource=/g5/html/images/ckbox_us_up.png);
   background-repeat: no-repeat;
}

span.check-select-disabled, .check-select-disabled:hover {
   display:inline-block;
   width: 15px;
   height: 15px;
   margin-left:5px;
   vertical-align: middle;
   background-image: url(?{uri}?proc=2&resource=/g5/html/images/ckbox_disabled.png);
   background-repeat: no-repeat;
}

span.check-select-on, .check-select-on:hover {
   display:inline-block;
   width: 15px;
   height: 15px;
   margin-left:5px;
   vertical-align: middle;
   background-image: url(?{uri}?proc=2&resource=/g5/html/images/ckbox_s_up.png);
   background-repeat: no-repeat;
}

span.check-select-off {
   display:inline-block;
   width: 15px;
   height: 15px;
   margin-left:5px;
   vertical-align: middle;
   background-image: url(?{uri}?proc=2&resource=/g5/html/images/ckbox_us_up.png);
   background-repeat: no-repeat;
}

span.check-select-off:hover {
   background-image: url(?{uri}?proc=2&resource=/g5/html/images/ckbox_us_over.png);
   background-repeat: no-repeat;
}

.transparent_class {
   filter: alpha(opacity=0);
   -moz-opacity: 0;
   -khtml-opacity: 0;
   opacity: 0;
}