/*Hide tool buttons beside menu*/
/*#appdiv > div.toolbar-div > div > div.main > a.refresh-dash,*/
/*#appdiv > div.toolbar-div > div > div.main > a.create-pdf,*/
#appdiv > div.toolbar-div > div > div.main > a.default-dash {
 display: none !important;
}


/*********************************************************************************************************/
/*Login Screen*/
/* selects and applies css to logo field on login*/
div#appdiv .quick-base.login-dialog .logo {
	background: transparent url("bivaDarkLogo.svg") no-repeat 1px 5px;
	width:260px;
}
div#appdiv .kx-light .quick-base.login-dialog .logo {
        background: transparent url("bivaLightLogo.svg") no-repeat 1px 5px;
}
/*Hide change password capability*/
div#appdiv .quick-base.login-dialog .forgot-info {
	display:none;
}
.quick-base .profile-menu .buttonset .ui-menu-item#ui-id-4 {
        display:none;
}

/*selects and applies css to login background*/
div#appdiv .ui-widget-overlay.ui-front {
	opacity: 1;
	background:black;
	/*We could include an image, as below*/
	/*background: transparent url("loginBackground.svg")*/
}

.quick-view .main-toolbar > .logo {
	right:-80px!important;
	width: 220px!important;
	height: 30px!important;
	border:none!important;
	filter:none!important;
	opacity: 1!important;
	top:2px!important;
}

div#appdiv .kx-light .main-toolbar .logo {
	background-image: url("bivaLightLogo.svg");
}
div#appdiv .main-toolbar .logo {
        background-image: url("bivaDarkLogo.svg");
}

/*********************************************************************************************************/
/*Hide drop down top left*/
/*
.quick-view > .toolbar-div.kx-darkroom > .main-toolbar > .document-selector > * {
  display: none;
}
/*replace top left drop down with logo*/
/*
.quick-view > .toolbar-div.kx-darkroom > .main-toolbar > .document-selector {
  width: 220px;
  height: 35px;
  background-repeat: no-repeat;
  top: 2px;
  left: 12px;
  background-size: contain;
  background-image: url("biva-logo.png")
}

/*
 * BIVA BLUE 00AFEF
 * White ffffffOB
 * Blue Pallete Colors dark to light
 * 004C69
 * 006288
 * 01ADEF
 * 20B7F1
 * 76D9FF
 * A7E7FF
/*

/*Head of tab component*/
/*
.basic-components-tabs > div.tabs-div.ui-tabs.ui-corner-all > ul.ui-tabs-nav {
 background: #006288!important;
}

.basic-components-tabs > div.tabs-div.ui-tabs.ui-corner-all > ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-corner-all > li.ui-corner-top .ui-tabs-anchor,
.app-div.accordion .section > div.heading,
.Datagrid .slick-header-column {
 background: #004C69!important;
 color: #A7E7FF!important;
}
*/

/*.Datagrid .slick-header-column-sorted, commented out until can also apply to pivots*/
.link-button > div > div.align-div > div.button-root.ui-button.ui-corner-all.ui-button-text-only > span.ui-button-text:active,
.basic-components-tabs > div.tabs-div.ui-tabs.ui-corner-all > ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-corner-all > li.ui-corner-top.ui-tabs-active > .ui-tabs-anchor,
.app-div.accordion .section.expanded > div.heading {
  background: #00AFEF!important;
  color: #ffffff!important;
}
/*Make order book grids green/red for buy/sell*/

.OrderBook .buyBook > div.Datagrid.Dark > div.datagridFrame > div.pnlGrid.header-capitalize > div.slick-viewport > div.grid-canvas > div,
.OrderBook .buy > div.Datagrid.Dark > div.datagridFrame > div.pnlGrid.header-capitalize > div.slick-viewport > div.grid-canvas > div {
    color: #00ff22;
  }
.OrderBook .sellBook > div.Datagrid.Dark > div.datagridFrame > div.pnlGrid.header-capitalize > div.slick-viewport > div.grid-canvas > div.slick-row > div.slick-cell > span.slick-group-title > span.lblGropRowCount,
.OrderBook .sellBook > div.Datagrid.Dark > div.datagridFrame > div.pnlGrid.header-capitalize > div.slick-viewport > div.grid-canvas > div,
.OrderBook .sell > div.Datagrid.Dark > div.datagridFrame > div.pnlGrid.header-capitalize > div.slick-viewport > div.grid-canvas > div {
    color: #fc2a2a!important;
  }
/*hide sort arrows on pivots to be constistant with data grids */
div.data-table > div.table-header. > div.table-row > div.th > div.thi > a > span.sort > i.fa-sort{
    display:none!important;

  }
/*
/*Align all data grid headers to the centreheader
.data-table.animate > div.table-header.has-scrollbar > div.table-row > div.th,  
div.Datagrid > div.datagridFrame > div.pnlGrid > div.slick-header > div.slick-header-columns > div.slick-header-column {
  text-align: center!important;
}
*/
div.Datagrid > div.datagridFrame > div.pnlButtons {
  font-size: 11.5px;
 }

div.Datagrid.Dark > div.datagridFrame{
 top:-4px; 
}


/*
.Datagrid .slick-header-sortable {
    transition: width 5s;
 }
  
.Datagrid .slick-header-sortable:hover {
    width: 120px !important;
 }
  
.Datagrid .slick-header-columns {
    overflow: hidden;
 }
*/