/* compact rows v3 */

/* 事件区：再压一档 */
.events-list .event-row{
  min-height: 24px !important;
  padding: 2px 0 !important;
  line-height: 1.05 !important;
}

.events-list .event-row span{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.05 !important;
}

/* 信息池：持仓 / 成交 / 平仓 */
#infoRowsPos .info-grid,
#infoRowsTrades .info-grid,
#infoRowsClosed .info-grid{
  min-height: 24px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  line-height: 1.05 !important;
}

#infoRowsPos .info-grid > div,
#infoRowsTrades .info-grid > div,
#infoRowsClosed .info-grid > div{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.05 !important;
}

/* 表头也轻微收口，保持比例统一 */
.info-head,
.events-head{
  margin-bottom: 4px !important;
}

/* scrollbar soften */
.events-list,
.info-body{
  scrollbar-color: rgba(120,140,180,.55) rgba(255,255,255,.06);
  scrollbar-width: thin;
}

.events-list::-webkit-scrollbar,
.info-body::-webkit-scrollbar{
  width: 10px;
  height: 10px;
}

.events-list::-webkit-scrollbar-track,
.info-body::-webkit-scrollbar-track{
  background: rgba(255,255,255,.05);
  border-radius: 10px;
}

.events-list::-webkit-scrollbar-thumb,
.info-body::-webkit-scrollbar-thumb{
  background: rgba(120,140,180,.50);
  border-radius: 10px;
  border: 2px solid rgba(8,18,45,.45);
}

.events-list::-webkit-scrollbar-thumb:hover,
.info-body::-webkit-scrollbar-thumb:hover{
  background: rgba(145,165,205,.68);
}

/* info pool scrollbar soften */
#infoRows,
#infoRowsPos,
#infoRowsTrades,
#infoRowsClosed,
.info-rows,
.info-tab-pane,
.info-table-wrap{
  scrollbar-color: rgba(120,140,180,.55) rgba(255,255,255,.06);
  scrollbar-width: thin;
}

#infoRows::-webkit-scrollbar,
#infoRowsPos::-webkit-scrollbar,
#infoRowsTrades::-webkit-scrollbar,
#infoRowsClosed::-webkit-scrollbar,
.info-rows::-webkit-scrollbar,
.info-tab-pane::-webkit-scrollbar,
.info-table-wrap::-webkit-scrollbar{
  width: 10px;
  height: 10px;
}

#infoRows::-webkit-scrollbar-track,
#infoRowsPos::-webkit-scrollbar-track,
#infoRowsTrades::-webkit-scrollbar-track,
#infoRowsClosed::-webkit-scrollbar-track,
.info-rows::-webkit-scrollbar-track,
.info-tab-pane::-webkit-scrollbar-track,
.info-table-wrap::-webkit-scrollbar-track{
  background: rgba(255,255,255,.05);
  border-radius: 10px;
}

#infoRows::-webkit-scrollbar-thumb,
#infoRowsPos::-webkit-scrollbar-thumb,
#infoRowsTrades::-webkit-scrollbar-thumb,
#infoRowsClosed::-webkit-scrollbar-thumb,
.info-rows::-webkit-scrollbar-thumb,
.info-tab-pane::-webkit-scrollbar-thumb,
.info-table-wrap::-webkit-scrollbar-thumb{
  background: rgba(120,140,180,.50);
  border-radius: 10px;
  border: 2px solid rgba(8,18,45,.45);
}

#infoRows::-webkit-scrollbar-thumb:hover,
#infoRowsPos::-webkit-scrollbar-thumb:hover,
#infoRowsTrades::-webkit-scrollbar-thumb:hover,
#infoRowsClosed::-webkit-scrollbar-thumb:hover,
.info-rows::-webkit-scrollbar-thumb:hover,
.info-tab-pane::-webkit-scrollbar-thumb:hover,
.info-table-wrap::-webkit-scrollbar-thumb:hover{
  background: rgba(145,165,205,.68);
}

/* info pool scrollbar visible fix */
#infoRows,
#infoRowsPos,
#infoRowsTrades,
#infoRowsClosed,
.info-rows,
.info-tab-pane,
.info-table-wrap{
  scrollbar-color: rgba(150,170,210,.88) rgba(255,255,255,.10);
  scrollbar-width: auto;
}

#infoRows::-webkit-scrollbar,
#infoRowsPos::-webkit-scrollbar,
#infoRowsTrades::-webkit-scrollbar,
#infoRowsClosed::-webkit-scrollbar,
.info-rows::-webkit-scrollbar,
.info-tab-pane::-webkit-scrollbar,
.info-table-wrap::-webkit-scrollbar{
  width: 14px;
  height: 14px;
}

#infoRows::-webkit-scrollbar-track,
#infoRowsPos::-webkit-scrollbar-track,
#infoRowsTrades::-webkit-scrollbar-track,
#infoRowsClosed::-webkit-scrollbar-track,
.info-rows::-webkit-scrollbar-track,
.info-tab-pane::-webkit-scrollbar-track,
.info-table-wrap::-webkit-scrollbar-track{
  background: rgba(255,255,255,.10);
  border-radius: 10px;
}

#infoRows::-webkit-scrollbar-thumb,
#infoRowsPos::-webkit-scrollbar-thumb,
#infoRowsTrades::-webkit-scrollbar-thumb,
#infoRowsClosed::-webkit-scrollbar-thumb,
.info-rows::-webkit-scrollbar-thumb,
.info-tab-pane::-webkit-scrollbar-thumb,
.info-table-wrap::-webkit-scrollbar-thumb{
  background: rgba(150,170,210,.82);
  border-radius: 10px;
  border: 2px solid rgba(9,20,50,.55);
}

#infoRows::-webkit-scrollbar-thumb:hover,
#infoRowsPos::-webkit-scrollbar-thumb:hover,
#infoRowsTrades::-webkit-scrollbar-thumb:hover,
#infoRowsClosed::-webkit-scrollbar-thumb:hover,
.info-rows::-webkit-scrollbar-thumb:hover,
.info-tab-pane::-webkit-scrollbar-thumb:hover,
.info-table-wrap::-webkit-scrollbar-thumb:hover{
  background: rgba(175,190,225,.95);
}

/* real info pane scrollbar */
#infoPanePos,
#infoPaneTrades,
#infoPaneClosed{
  scrollbar-color: rgba(150,170,210,.88) rgba(255,255,255,.10);
  scrollbar-width: auto;
}

#infoPanePos::-webkit-scrollbar,
#infoPaneTrades::-webkit-scrollbar,
#infoPaneClosed::-webkit-scrollbar{
  width: 14px;
  height: 14px;
}

#infoPanePos::-webkit-scrollbar-track,
#infoPaneTrades::-webkit-scrollbar-track,
#infoPaneClosed::-webkit-scrollbar-track{
  background: rgba(255,255,255,.10);
  border-radius: 10px;
}

#infoPanePos::-webkit-scrollbar-thumb,
#infoPaneTrades::-webkit-scrollbar-thumb,
#infoPaneClosed::-webkit-scrollbar-thumb{
  background: rgba(150,170,210,.82);
  border-radius: 10px;
  border: 2px solid rgba(9,20,50,.55);
}

#infoPanePos::-webkit-scrollbar-thumb:hover,
#infoPaneTrades::-webkit-scrollbar-thumb:hover,
#infoPaneClosed::-webkit-scrollbar-thumb:hover{
  background: rgba(175,190,225,.95);
}

/* info grid 8 */
.info-grid-8{
  grid-template-columns: 1.35fr 1.2fr .8fr .8fr 1fr 1fr 1fr 1.45fr !important;
}

/* mark col wider */
.info-grid-8{
  grid-template-columns: 2.25fr 1.2fr .8fr .9fr 1fr 1fr .95fr 1.45fr !important;
}
#infoRowsPos .info-grid span:first-child,
#infoRowsClosed .info-grid span:first-child{
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
}

/* info pane horizontal scroll */
#infoPanePos, #infoPaneClosed{
  overflow-x: auto;
  overflow-y: hidden;
}
#infoPanePos .info-grid-8,
#infoPaneClosed .info-grid-8{
  min-width: 1450px;
}


#panelInfo .panel-body{
    overflow-x: auto !important;
}

#infoPanePos,
#infoPaneClosed{
    overflow-x: auto !important;
}


#infoPanePos .info-grid-8,
#infoPaneClosed .info-grid-8{
  padding-right: 28px !important;
  box-sizing: border-box !important;
}

#infoPanePos .info-grid-8 span:last-child,
#infoPaneClosed .info-grid-8 span:last-child{
  padding-right: 10px !important;
}


#infoPanePos .info-grid-8,
#infoPaneClosed .info-grid-8{
  grid-template-columns: 1.3fr 1fr .45fr .55fr .68fr .68fr .58fr 1.25fr !important;
}

#infoPanePos .info-grid-8 span:last-child,
#infoPaneClosed .info-grid-8 span:last-child{
  min-width: 150px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}