/*
YUI 3.4.1 (build 4118)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html {
  color: #000;
  background: #FFF;
}

body,div,ul,li,h1,h2,h3,h4,h5,h6,code,form,input,button,textarea,p,th,td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

address,caption,code,em,th,var {
  font-style: normal;
  font-weight: normal;
}

ul {
  list-style: none;
}

caption,th {
  text-align: left;
}

h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before,q:after {
  content: '';
}

sub {
  vertical-align: text-bottom;
}

input,textarea,select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input,textarea,select {
  *font-size: 100%;
}

html {
  background: #2E3232;
}

body {
  /*font-family: 'system-ui';*/
  font-family: 'Segoe UI', 'Open Sans';
  font-size: 10pt;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  overflow: hidden;
}

button {
  padding: 0 0.2em 0 0.2em;
}

.login {
  order: 0;
  color: white;
}

.login .version {
  text-align: center;
}

.login a:visited {
  color: white;
}

.login a {
  color: white;
}

.login label {
  padding: 0.25em 0.25em 0.25em 0;
  width: 5em;
  display: inline-block;
  text-align: right;
}

.login-status {
  display: block;
  overflow: visible;
  width: 10em;
  white-space: nowrap;
}

.main {
  display: flex;
  height: 100vh;
  flex-direction: column;
  justify-content: flex-start;
}

.extWnd {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  background-color: #2E3232;
  height: 100%;
}

.topCntr {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 0;
}

.middleElements {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.main-panelTop {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  order: 0;
  flex: 0 0 auto;
  background-color: #2E3232;
}

.main-globaloptions {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.main-connectivity,.orderLockBtn,.settingsbtn {
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0 0.2em 0.2em 0.2em;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
  height: 1.2em;
}

.orderLockBtnUnlocked:hover,.settingsbtn:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.main-connectivity {
  margin: 0.1em;
  border-radius: 1px;
  font-size: 14pt;
  flex: 0 0 auto;
  border: 1px solid rgba(0, 0, 0, 0);
  background: none;
}

.orderLockBtnCntr {
  min-width: 8em;
  width: 8em;
  height: 2em;
  position: relative;
}

.orderLockBtn {
  font-size: 14pt;
  flex: 0 0 auto;
  text-align: center;
  cursor: pointer;
  margin-right: 1em;
  user-select: none;
  right: 0;
  position: absolute;
}

.orderLockBtn .caption {
  font-size: 11pt;
  padding-left: 0.5em;
  display: inline-block;
}

.orderLockBtnUnlocked {
  width: 1em;
}

.orderLockBtnLocked {
  background-color: #218A34;
}

.orderLockBtnLocked:hover {
  background-color: #4BA55C;
}

.settingsbtn {
  margin: 0.1em;
  font-size: 14pt;
  flex: 0 0 auto;
  cursor: pointer;
}

.main-panelMiddle {
  display: flex;
  flex: 2 2 auto;
  flex-direction: row;
  overflow: hidden;
  min-height: 0;
  min-width: 0;
}

.scroller-y {
  overflow-y: scroll;
}

.main-working-orders-cntr {
  background-color: #2E3232;
  color: white;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.main-working-orders {
  flex: 1 1 auto;
}

.main-posHistory {
  background-color: #2E3232;
  color: white;
  display: flex;
  flex-direction: column;
}

.main-tabs-orders-cntr {
  display: flex;
  height: 100vh;
  width: 100vw;
  justify-content: flex-start;
  min-height: 0;
  min-width: 0;
}

.main-working-orders th,.main-vhistoric-orders th {
  background: linear-gradient(#2E3232, #000000);
}

.main-working-orders table,.main-vhistoric-orders table {
  border-collapse: collapse;
  border-spacing: 0;
}

.main-working-orders th,.main-working-orders td,.main-vhistoric-orders th,.main-vhistoric-orders td {
  text-align: left;
  margin: 0;
  border: 1px solid #707070;
  padding: 0 0 0 0.1em;
}

.main-working-orders .cancelAll {
  background-color: #B13939;
  color: white;
  font-weight: bold;
  padding: 0 3px 0 3px;
  border-width: 1px;
  border-radius: 3px;
}

.main-working-orders .cancelAll:disabled {
  color: #7f7f7f;
}

.main-historic-orders {
  flex: 1 1 auto;
}

.main-symbollist {
  flex: 0 0 auto;
  border: 1px dashed #e0ffff;
  overflow-y: scroll;
}

.main-connectivity .connectionicon {
  padding-right: 0.2em;
}

.main-username {
  color: white;
  padding-right: 1em;
}

.vresize {
  height: 5px;
  background-color: #707070;
  cursor: row-resize;
  flex: 0 0 auto;
}

.hresize {
  width: 5px;
  background-color: #808080;
  cursor: col-resize;
  flex: 0 0 auto;
}

.main-vsection {
  flex-direction: column;
  display: flex;
  flex: 1 1 auto;
}

.main-vsection h2 {
  margin: 0;
  padding: 0;
}

.main-vsection table {
  flex: 1 1 auto;
  width: 100%;
}

.main-tabs {
  flex: 5 5 auto;
  display: flex;
  flex-direction: column;
  background-color: #2E3232;
  min-height: 0;
  width: 100%;
}

.main-tabset {
  list-style-type: none;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  background-color: #A7AAAB;
  min-height: 1em;
  flex: 0 0 auto;
}

.main-tabset-tabhead {
  border: 1px solid #A7AAAB;
  border-radius: 3px 3px 0 0;
  display: inline-block;
  cursor: pointer;
  background-color: #4D5151;
  color: white;
  padding: 0 0 0 0.2em;
  font-weight: bold;
  user-select: none;
}

.main-tabset-tabhead .tileTabCaption {
  padding-right: 3em;
}

.tabset-rename {
  height: 0.8em;
  width: 5em;
  border: none;
}

.main-tabset-tabhead .closer {
  margin-right: 0.4em;
  visibility: hidden;
}

.main-tabset-tabhead:hover .closer {
  visibility: visible;
}

.main-tabset-addTab {
  border: 1px solid #A7AAAB;
  border-radius: 3px 3px 0 0;
  display: none;
  cursor: pointer;
  background-color: #4D5151;
  color: white;
  padding: 0 1em 0 0.2em;
  font-weight: bold;
}

.ordersTools {
  border: 1px solid #A7AAAB;
  border-bottom: none;
  border-radius: 3px 3px 0 0;
  background-color: #2D3131;
  color: white;
  padding: 0 1em 0 0.2em;
}

.orderToolsHolder {
  flex-direction: row;
  display: flex;
  background-color: #a7aaab;
  flex: 0 0 auto;
}

.orderToolsHolder .filler {
  border-bottom: 1px solid #A7AAAB;
}

.ordersTools {
  flex: 0 0 auto;
  display: inline-block;
  user-select: none;
}

.ordersTools > * {
  margin-left: 0.2em;
}

.ordersTools .caption {
  font-weight: bold;
}

.ordersTools > div {
  display: inline-block;
}

.ordersTools .figure {
  padding: 0 0.2em 0 0.2em;
  color: white;
  font-weight: bold;
  border-radius: 1em;
  border: 1px solid #202020;
}

.ordersTools .workingCount {
  background-color: red;
}

.ordersTools .completeCount {
  background-color: blue;
}

.ordersTools > span {
  cursor: pointer;
}

.main-tabset:hover .main-tabset-addTab {
  display: inline-block !important;
}

.main-tabset-selected {
  border-bottom: 1px solid #2D3131 !important;
  background-color: #2D3131 !important;
  color: #ffffff;
}

.main-tabpanels {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
}

.main-tabpanel {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 0 0 0 0;
  min-height: 0;
  height: 100%;
}

.tabTileHolder {
  position: relative;
  flex: 1 1 auto;
  overflow-y: scroll;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  padding: 0 0 0 0;
  min-width: 20em;
  min-height: 0;
}

.taboptions {
  display: flex;
  flex-direction: row;
  flex: 0 0 1.7em;
}

.taboptions .switch-field {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
}

.taboptions .switch-field label {
  padding-left: 1em;
  padding-right: 1em;
}

.captionBtn {
  float: right;
  display: inline-block;
  margin-bottom: 1em;
  text-align: right;
}

.priceTileMenuContents {
  text-align: left;
}

.captionBtn span {
  padding: 0.2em 0.2em 0 0;
  cursor: pointer;
}

.filler {
  flex: 1 1 auto;
}

table.symbollist tr:nth-child(even) {
  background-color: #c0c0c0;
}

table.symbollist {
  border-spacing: 0;
  border-collapse: separate;
}

.slistpx {
  text-align: right;
}

.slistMajor {
  font-weight: bold;
}

.ordertypePage {
  padding: 0.2em 0.2em 0.2em 0.2em;
}

.form-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0.2em 0 0.2em 0;
}

.form-row label.ext {
  max-width: 12em;
}

.form-row label {
  max-width: 8em;
  flex: 1 1 auto;
  display: inline-block;
  text-align: right;
  padding: 0.3em 0.1em 0.1em 2em;
}

.form-heading {
  display: flex;
  flex-wrap: wrap;
  font-weight: bold;
  padding: 0.2em 0.1em 0.2em 0;
}

.form-heading label {
  max-width: 8em;
  flex: 1 1 auto;
  padding: 0.3em 0.1em 0.1em 0em;
}

.form-row button {
  flex: 1 1 auto;
  display: inline-block;
}

.form-row input {
  flex: 1 1 auto;
  max-width: 11em;
}

label.checkopt {
  display: block;
}

.order-state-unacked {
  background-color: #1A69B8;
  color: white;
}

.order-state-new {
  background-color: #75a5d5;
  color: white;
}

.order-state-partial {
  background-color: #f9f606;
  color: #000000;
}

.order-state-filled {
  background-color: #05541b;
  color: white;
}

.order-state-cancelled {
  background-color: #c60300;
  color: white;
}

.order-state-replace {
  background-color: #38380d;
  color: white;
}

.order-state-pendingcancel {
  background-color: #FFAA3E;
  color: white;
}

.order-state-rejected {
  background-color: #D4508C;
  color: white;
}

.order-state-expired {
  background-color: #D45350;
  color: white;
}

.centerer {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ordtile {
  border: 1px solid #ffffff;
  border-radius: 3px;
  margin: 3px 3px 0 3px;
  background-color: #2E3232;
}

.expireDateEdit {
  width: 9.5em;
}

.expireTimeEdit {
  width: 5em;
}

.ordtop,.ordbottom {
  border: 1px solid #A9A9A9;
}

.ordtop {
  border-radius: 3px 3px 0 0;
  align-items: flex-end;
}

.ordbottom {
  border-radius: 0 0 3px 3px;
}

.orderButton {
  cursor: pointer;
}

.ordtilerow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 2px 2px 2px 2px;
}

div.bottomtabs {
  margin: 0;
  padding: 0;
  list-style-type: none;
  background-color: #A7AAAB;
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
}

div.bottomtabs > .main-tabset-tabhead {
  padding: 0.1em 0.5em 0.1em 0.5em;
}

.modalSettingsForm {
  padding: 0.5em 0 1em 0.5em;
  margin-bottom: 2px;
  color: ButtonText;
  background-color: #f8f9fa;
  border: 2px solid ThreeDDarkShadow;
  border-top: 2px solid ThreeDLightShadow;
  border-left: 2px solid ThreeDLightShadow;
}

.modalSettingsForm .row span {
  display: inline-block;
  min-width: 10em;
  text-align: right;
  margin-bottom: 0.5em;
}

.modalSettingsForm .state {
  display: inline-block;
  padding: 0.3em;
  margin-bottom: 0.2em;
  border: 1px solid #222222;
}

.modalSettingsForm .caption {
  font-weight: bold;
}

.modalSettingsForm button {
  margin-right: 0.3em;
}

.implementation_in_progress {
  opacity: 0.5;
}

table.positions {
  border-collapse: collapse;
  border-spacing: 0;
  width: 98vw;
}

table.positions td.name {
  text-align: left !important;
}

table.positions th,table.positions tr.rehead td {
  font-weight: bold !important;
}

table.positions th {
  text-align: right;
  border: 1px solid #777777;
}

table.positions th.name {
  text-align: left !important;
}

table.positions td.name2 {
  padding-left: 1em;
}

table.positions td.name1 {
  padding-left: 0.5em;
}

table.positions tr.account {
  background-color: #E6F4D2;
}

table.positions tr.assets {
  background-color: #F4E3D2;
}

table.positions tr.asset:nth-child(even) {
  background-color: #FFEEBE;
}

table.positions tr.asset:nth-child(odd) {
  background-color: #ECB987;
}

table.positions tr.symbol:nth-child(even) {
  background-color: #87BBEC;
}

table.positions tr.symbol:nth-child(odd) {
  background-color: #D2E4F4;
}

table.positions tr.symbols {
  background-color: #DAD2F4;
}

table.positions td {
  border: 1px solid #777777;
  padding: 0 0 0 0;
  border-collapse: collapse;
  border-spacing: 0;
  text-align: right;
}

table.positions td.number {
  font-family: 'Segoe UI Mono', monospace;
}

div.settings {
  font-size: 10pt;
  position: absolute;
  right: 0;
  opacity: 1 !important;
  z-index: 100;
  min-width: 23em;
}

.main-working-orders .treeroot {
  margin-top: 2px;
}

.main-working-orders input.replaceQuantity,.ordtile input.replaceQuantity {
  width: 4em;
  text-align: right;
}

.main-vertical-cntr {
  height: 100%;
  overflow: hidden;
}

.main-vertical-cntr .treeroot {
  flex: 1 1 auto;
  height: 100%;
}

.contextMenuContents {
  display: flex;
  flex-direction: column;
  position: absolute;
  opacity: 0.9;
  background-color: Menu;
  color: black;
  border: 1px solid ThreeDLightShadow;
  z-index: 2;
}

.contextMenuItem {
  display: flex;
  flex-direction: row;
  justify-items: stretch;
  flex-wrap: wrap-reverse;
  padding: 0.2em 1em 0.2em 2em;
  cursor: default;
  min-height: 1.5em;
}

.contextMenuItemDisabled {
  color: GrayText;
}

.contextMenuItemFocus {
  background-color: ButtonHighlight !important;
}

.contextMenuItemFocus .contextMenuAccelerator {
  color: MenuText !important;
}

.contextMenuItemCaption {
  flex: 1 1 auto;
  display: inline-block;
}

.contextMenuAccelerator {
  flex: 0 0 2em;
  color: #adadad;
}

.contextMenuAccelerator {
  flex: 0 0 2em;
  color: #adadad;
}

.priceTileMenuContents {
  width: 15em;
  right: 0;
  margin-top: -0.2em;
}

.tileorderLimitSelector {
  position: absolute;
  top: 1em;
  background-color: #3F4444;
  color: #ffffff;
  border: 1px solid ThreeDLightShadow;
  padding: 0.1em 0.2em 0.1em 0.1em;
  display: flex;
  flex-direction: row;
  z-index: 2;
}

.offersList.tileorderLimitSelector {
  right: 0;
}

.tileorderLimitSelectorItems {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.tileorderLimitSelectorItem {
  /*font-family: 'Segoe UI Mono', monospace;*/
  display: flex;
  flex-direction: row;
  line-height: 1.3em;
}

.tileorderLimitSelectorItemMain:hover {
  background-color: ButtonHighlight;
  color: ButtonText;
}

.tileorderLimitSelectorItem span {
  white-space: pre;
}

.tileorderLimitSelectorScroller {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  margin-left: 0.1em;
  border-left: 1px solid ThreeDLightShadow;
}

.tileorderLimitSelectorScroller div.spacer {
  flex: 1 1 auto;
  width: 1em;
  padding: 1px;
}

.tileorderLimitSelectorScroller div.btn {
  flex: 0 0 auto;
  width: 1em;
  border: 1px outset #a0a0a0;
}

.tileorderLimitSelectorScroller div:hover {
  background-color: ButtonHighlight;
}

.tileorderLimitSelectorItemBig {
  font-size: 11pt;
}

.tileorderLimitSelectorItemSmall {
  font-size: 8pt;
}

.desaturated {
  filter: grayscale(75%);
}

span.ipm {
  text-decoration: underline;
}

span.inlinePriceEdit {
  background-color: Window;
  color: WindowText;
  border: 2px inset;
  user-select: none;
  min-height: 24px;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  -webkit-appearance: textfield;
}

input.inlinePriceEditInput {
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  background-color: Window;
  color: WindowText;
  max-width: 5em;
  min-height: 24px;
}

span.inlinePriceEdit:focus .ipefocus {
  background-color: Highlight !important;
  color: HighlightText !important;
}

.emptytabmsg {
  padding: 0.2em 0 0 1em;
  background-color: #8A2222;
  color: white;
  font-weight: bold;
  width: 100%;
  height: 2em;
}

.emptytabmsg button {
  margin: 0 0 0 0.2em;
}

.maxFlexQuarter {
  flex: 1 1 25%;
}

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

.goToMarket {
  padding: 2px 2px 0 2px;
  font-size: 9pt;
}

.uatwarning {
  flex: 1 1 auto;
  height: 1.2em;
  text-align: center;
  user-select: none;
  cursor: default;
  font-size: 12pt;
  color: white;
  border-radius: 0.1em;
  box-shadow: 0 0 10px #000000;
  background: #52b152;
}

button.ordbutton {
  height: 20px;
  vertical-align: top;
  margin-left: 0.7em;
}

.troubleshooting h2 {
  padding-top: 3em;
  font-weight: bold;
}

.troubleshooting {
  position: relative;
  width: 40em;
  color: white;
}

.troubleshooting a {
  color: white;
}

.troubleshooting > div {
  margin-top: 1em;
}

.emphasis {
  font-weight: bold;
}

.tabicon {
  padding: 1px 1px 1px 3px;
}

.frow {
  flex-direction: row;
  display: flex;
}

.fvcent {
  align-items: center;
  vertical-align: middle;
}

.fcol {
  flex-direction: column;
  display: flex;
}

.textright {
  text-align: right;
}

.textleft {
  text-align: left;
}

.actionFeedbacks {
  position: absolute;
  left: 50%;
  top: 30%;
  text-align: center;
  z-index: 2;
}

.actionFeedback {
  margin-top: 1em;
  padding: 1em 1em 1em 1em;
  background-color: #545454;
  border-radius: 1em;
  color: white;
  opacity: 1;
  display: block;
  transition: opacity 0.6s;
  user-select: none;
  cursor: default;
  transform: translate(-50%, -50%);
}

.settings .switch-field label {
  min-width: 5em;
}

.accountFlipper label:after,.accountFlipper label:before {
  background-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.2);
  height: 1.7em;
  padding: 0.1em 0.5em 0.1em 0.5em;
  margin: 0.1em 0 0 0.1em;
  min-width: 5em;
}

.accountFlipper label:hover:after,.accountFlipper label:hover:before {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.singleDoubleClickOrder {
  width: 10em;
  flex: 0 0 10em;
  margin-top: -2em;
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.1);
}

.singleDoubleClickOrder label:before,.singleDoubleClickOrder label:after {
  background-color: rgba(255, 255, 255, 0.1);
}

.singleDoubleClickOrder label:after,.singleDoubleClickOrder label:before {
  color: rgba(255, 255, 255, 0.8) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  height: 1.8em;
  width: 10em;
  padding: 0.5em 0.5em 0.3em 0.5em;
}

.singleDoubleClickOrder label:hover:before {
  background-color: #30a710 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
}

.singleDoubleClickOrder label:after,.singleDoubleClickOrder label:hover:after {
  background-color: #a91606 !important;
  color: white !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
}

.addTileButtonRow {
  color: white;
}

.addTileButton,.genericBtn {
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0.2em 0.2em 0.2em 0.2em;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.1);
  cursor: pointer;
  display: inline-block;
  margin-right: 0.2em;
}

.BtnDepressed {
  background-color: rgba(255, 255, 255, 0.3);
}

.addTileButtonText {
  display: inline-block;
  padding-right: 0.2em;
  font-weight: bold;
  user-select: none;
}

.addTileButton span {
  font-size: 12pt !important;
}

.addTileButton span:last {
  padding-left: 0.1em;
}

.addTileButton:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

.flash_highlight {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    background-color: #F0DF50;
  }
}

.tabDiscretion {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
}

.extOrdDesc {
  font-weight: bold;
  font-style: italic;
}

.sectionButton {
  margin-right: 0.2em;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0.1em;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
  cursor: pointer;
}

.tabQtyEditor {
  width: 5em;
  height: 1em;
  border: 1px;
  padding: 0;
  text-align: right;
}

.plPos {
  color: #31d600;
}

.plNeg {
  color: #ff5757;
}

.tabAccountList {
  width: 9em;
  position: absolute;
  background-color: #4D5151;
  z-index: 5;
  border: 1px solid white;
  border-radius: 4px;
  display: inline-block;
  margin: 0.1em 0 0 0.1em;
}

.tabList.accountName,.tabList.accountNameSub {
  font-weight: bold;
  padding: 0.1em 0.5em 0.1em 0.5em;
  margin: 0.1em 0 0 0.1em;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.8);
}

.tabList.accountName {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}

div.reconnect {
  background-repeat: no-repeat;
  background-image: url('../img/load_spinner.svg');
  padding-left: 15px;
}

.treefooter {
  font-weight: bold;
}

.popupWarningCntr {
  margin-top: -2em;
}

.popupWarning {
  position: absolute;
  cursor: pointer;
  font-weight: bold;
  text-align: center;
  user-select: none;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0.2em;
  border-radius: 3px;
  background-color: #006700;
  color: white;
  height: 1.3em;
}

.popupWarning:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.extOptions {
  column-count: 2;
  position: relative;
}

.optSection {
  margin-top: 0.5em;
  break-inside: avoid-column;
}

.extOptions label {
  width: 15em;
  display: inline-block;
  text-align: right;
  padding: 0.5em 0.5em 0.5em 0.5em;
}

.extOptionsSectionCaption {
  font-style: italic;
}

.extOptionsSectionNote {
  width: 35em;
  color: #505050;
}

.extOptions .close {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0.5em;
}

.extOptions input[type=checkbox] {
  width: 2em;
  height: 1.5em;
}

.disconnectNotice {
  font-size: 100pt;
  opacity: 0.5;
  border: 3px solid #9c0707;
  background-color: #A9A9A9;
  color: #c60300;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -600px;
  margin-top: -150px;
  padding: 0.1em;
}

.switch-field:focus {
  outline: none;
}

.switch-field {
  display: inline-block;
  /*overflow: hidden;*/
  padding: 0.1em 0.1em 0 0.1em;
}

.switch-fieldpadded label {
  padding: 0.1em 1em 0.1em 1em !important;
}

.switch-fieldflex {
  display: inline-flex !important;
  flex-direction: row;
}

.switch-fieldflex label {
  flex: 1 1 auto;
}

.switch-field input[type=radio] {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}

.switch-field label {
  user-select: none;
  display: inline-block;
  background-color: #e4e4e4;
  color: rgba(0, 0, 0, 0.6);
  font-weight: normal;
  text-align: center;
  text-shadow: none;
  padding: 0.1em 0.1em;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
  cursor: pointer;
  background-color: #f4f4f4;
}

.switch-field label.selected:hover {
  background-color: #B8F992;
}

.switch-field:focus label.selected {
  border: 1px dotted #e4e4e7;
  background-color: #B8F992 !important;
}

.switch-field label.selected {
  background-color: #A5DC86;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.switch-field label:first-of-type {
  border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
  border-radius: 0 4px 4px 0;
}

.flipper input[type=checkbox] {
  display: none;
}

.flipper input[type=checkbox],.flipper input[type=checkbox]:after,.flipper input[type=checkbox]:before,.flipper input[type=checkbox] *,.flipper input[type=checkbox] *:after,.flipper input[type=checkbox] *:before,.flipper input[type=checkbox] + label {
  box-sizing: border-box;
}

.flipper input[type=checkbox]::selection,.flipper input[type=checkbox]:after::selection,.flipper input[type=checkbox]:before::selection,.flipper input[type=checkbox] *::selection,.flipper input[type=checkbox] *:after::selection,.flipper input[type=checkbox] *:before::selection,.flipper input[type=checkbox] + label::selection {
  background: none;
}

.flipper input[type=checkbox] + label {
  outline: 0;
  display: block;
  position: relative;
  cursor: pointer;
  user-select: none;
}

.flipper input[type=checkbox] + label:after,.flipper input[type=checkbox] + label:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}

.flipper input[type=checkbox] + label:after {
  left: 0;
}

.flipper input[type=checkbox] + label:before {
  display: none;
}

.flipper input[type=checkbox]:checked + label:after {
  left: 50%;
}

.flipper input[type=checkbox] + label {
  transition: all .2s ease;
  font-family: sans-serif;
}

.flipper input[type=checkbox] + label:after,.flipper input[type=checkbox] + label:before {
  display: inline-block;
  transition: all .4s ease;
  width: auto;
  height: auto;
  text-align: center;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: 4px;
  /*border: 1px solid rgba(0, 0, 0, 0.2);*/
  /*box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);*/
}

.flipper input[type=checkbox] + label:after {
  content: attr(data-flip-true);
  /*background: #02C66F;*/
  transform: rotateY(-180deg);
}

.flipper input[type=checkbox] + label:before {
  /*background: #FF3A19;*/
  content: attr(data-flip-false);
}

.flipper input[type=checkbox] + label:active:before {
  transform: rotateY(0deg), background-color, color;
}

.flipper input[type=checkbox]:checked + label:before {
  transform: rotateY(180deg);
}

.flipper input[type=checkbox]:checked + label:after {
  transform: rotateY(0);
  left: 0;
  /*background: #7FC6A6;*/
}

.flipper input[type=checkbox]:checked + label:active:after {
  transform: rotateY(0deg), background-color, color;
}

.iosToggle input[type=checkbox] {
  display: none;
}

.iosToggle input[type=checkbox],.iosToggle input[type=checkbox]:after,.iosToggle input[type=checkbox]:before,.iosToggle input[type=checkbox] *,.iosToggle input[type=checkbox] *:after,.iosToggle input[type=checkbox] *:before,.iosToggle input[type=checkbox] + label {
  box-sizing: border-box;
}

.iosToggle input[type=checkbox]::selection,.iosToggle input[type=checkbox]:after::selection,.iosToggle input[type=checkbox]:before::selection,.iosToggle input[type=checkbox] *::selection,.iosToggle input[type=checkbox] *:after::selection,.iosToggle input[type=checkbox] *:before::selection,.iosToggle input[type=checkbox] + label::selection {
  background: none;
}

.iosToggle input[type=checkbox] + label {
  outline: 0;
  display: block;
  position: relative;
  cursor: pointer;
  user-select: none;
}

.iosToggle input[type=checkbox] + label:after,.iosToggle input[type=checkbox] + label:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}

.iosToggle input[type=checkbox] + label:after {
  left: 0;
}

.iosToggle input[type=checkbox] + label:before {
  display: none;
}

.iosToggle input[type=checkbox]:checked + label:after {
  left: 50%;
}

.iosToggle input[type=checkbox] + label {
  background: #fbfbfb;
  border-radius: 2em;
  padding: 2px;
  transition: all .4s ease;
  border: 1px solid #e8eae9;
  height: 1.8em;
  width: 3em;
}

.iosToggle input[type=checkbox] + label:after {
  border-radius: 2em;
  background: #fbfbfb;
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
}

.iosToggle input[type=checkbox] + label:hover:after {
  will-change: padding;
}

.iosToggle input[type=checkbox] + label:active {
  box-shadow: inset 0 0 0 2em #e8eae9;
}

.iosToggle input[type=checkbox] + label:active:after {
  padding-right: .8em;
}

.iosToggle input[type=checkbox]:checked + label {
  background: #86d993;
}

.iosToggle input[type=checkbox]:checked + label:active {
  box-shadow: none;
}

.iosToggle input[type=checkbox]:checked + label:active:after {
  margin-left: -0.8em;
}

.spinEdit {
  display: inline-block;
  position: relative;
}

.spinEdit > input:focus {
  outline-width: 0;
}

.spinEdit > input {
  border-right: none !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  box-sizing: border-box;
  text-align: right;
  max-width: calc(100% - 1em);
  width: calc(100% - 1em);
  margin: 0 !important;
  height: 100%;
}

.spinEdit .spinEditBtns {
  width: 1em;
  height: 100%;
  display: inline-flex;
  flex-direction: column;
  border: 2px inset;
  border-left: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
}

.spinEdit .spinEditBtns > .btn {
  flex: 1 1 auto;
  width: 1em;
  line-height: 1px;
  margin: 0;
  padding: 0;
  color: ButtonText;
  background-color: Window;
  text-align: center;
  height: 3px;
  cursor: pointer;
}

.spinEdit .spinEditBtns span {
  display: inline-block;
}

.spinEdit .spinEditUp {
  height: 8px !important;
}

.spinEdit .spinEditUp span {
  margin-top: 0px;
}

.spinEdit .spinEditDown span {
  margin-top: -4px;
}

.spinEdit .spinEditBtns > .btn:hover {
  background-color: ButtonHighlight;
}

.fayt_holder {
  display: inline-flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.fayt_search {
  flex: 1 1 auto;
  text-align: left;
}

.fayt_relholder {
  position: relative;
  flex: 0 0 0 !important;
}

.fayt_list {
  position: absolute;
  left: 0em;
  overflow-y: auto;
  flex: 1 1 auto;
  padding: 0;
  margin: 0;
  list-style-type: none;
  z-index: 2;
  background-color: #4D5151;
  color: #ffffff;
  border: 1px solid #a0a0a0;
  cursor: default;
}

.fayt_list il:hover {
  background-color: Highlight;
  color: HighlightText;
}

.fayt_entry {
  margin: 0 0 0 0.3em;
  padding: 0.1em 0.1em 0.4em 0.1em;
  height: 15px;
  overflow: hidden;
}

.fayt_focus,.fayt_entry:hover {
  background-color: Highlight;
  color: HighlightText;
}

.tree {
  display: flex;
  flex-direction: column;
  position: absolute;
  height: 100%;
}

.treeroot {
  position: relative;
  overflow: hidden;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.treefooter {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-top: 1px solid #8f8f8f;
  align-self: flex-end;
}

.treehdr {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
}

.treehdrcol {
  font-weight: bold;
  display: flex;
  position: relative;
  flex-direction: row;
}

.treehdrcol .caption {
  flex: 1 1 auto;
}

.treehdrcol,.treerowcol {
  border: 1px solid #8f8f8f;
  border-left: none;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
}

.treerowcol {
  border-top: none;
}

.treecell {
  padding: 0 0 0.1em 0.1em;
  white-space: nowrap;
  flex: 1 1 auto;
  overflow: hidden;
  user-select: none;
  box-sizing: border-box;
}

.treebody {
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.treebody_noscroll {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  position: relative;
  width: 100%;
}

.treerow {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  position: absolute;
}

.treebodyArea {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow-y: scroll;
}

.treebody_scroll {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  background-color: ButtonFace;
  color: ButtonText;
  font-size: 9pt;
  position: sticky;
  right: 0;
}

.treerow_colTug {
  width: 3px;
  cursor: col-resize;
  right: 0;
  z-index: 1;
}

.treerow_colTugLeft {
  width: 3px;
  cursor: col-resize;
  left: 0;
  z-index: 1;
}

.orderForm {
  flex: 0 0 auto;
}

.orderForm .inlinePriceEdit,.orderForm .inlinePriceEditInput {
  flex: 1 1 auto;
  max-width: 11em;
  width: 11em;
  min-width: 11em;
}

.orderForm span.ipm {
  font-size: 13pt;
  text-decoration: none;
}

.orderForm .priceDisplay {
  margin-top: 0.1em;
}

.uselimit {
  width: 2em;
  height: 2em;
  flex: 0 0 auto !important;
}

.otherOrderWarning {
  margin: 1em;
  font-size: 8pt;
  font-style: italic;
}

.orderForm .accountName,.orderForm .symbolName {
  font-weight: bold;
}

.orderForm .tileAccountList,.orderForm .tileSymbolList {
  position: absolute;
  width: 10em;
  background-color: #4D5151;
  border: 1px solid #a0a0a0;
  border-radius: 4px;
  z-index: 5;
}

.ptFaytHolder {
  position: relative;
}

.orderForm .form-row label {
  padding: 3px;
}

.orderForm .orderSummary {
  border: 1px solid #a0a0a0;
  border-radius: 3px;
  background-color: #595e5e;
  font-weight: bold;
  padding: 0.5em;
  width: 80%;
  margin-left: 10%;
}

.TWAPPeriodInput {
  max-width: 3em !important;
}

.priceTile .fayt_search {
  text-align: left !important;
}

.fayt_list,.fayt_search {
  width: 100%;
}

/*.priceTile *:focus {
	background-color: #FFFF00 !important;
}*/

.priceQtyLine select {
  flex: 0 0 auto;
}

.priceTile .ptButton {
  padding: 0;
  flex: 0 0 auto;
  text-align: center;
}

.priceTile input.currency {
  width: 4em;
  text-align: center;
}

.priceTile input.currency_inv {
  background-color: #FF7FDE;
}

.priceTile .captionOpt {
  cursor: pointer;
  border: none;
  padding: 3px 3px 3px 3px;
  display: inline-block;
}

.priceTile .captionOpt:hover {
  border: 1px solid white;
  border-radius: 4px;
  padding: 2px 2px 2px 2px;
}

.tabPriceTile .symbolName {
  font-weight: bold;
}

.tabPriceTile .accountName {
  font-style: italic;
  font-size: 8pt;
}

.priceTile {
  border: 1px solid #818484;
  border-radius: 4px;
  /*box-shadow: 6px 7px 15px 0px rgba(0,0,0,0.75);*/
  margin: 0.15em;
  padding: 0.1rem 0.1rem 0.2rem 0.1rem;
  display: flex;
  flex-direction: column;
  background-color: #3F4444;
  color: #ffffff;
  cursor: default;
  font-size: 9pt;
  user-select: none;
  position: relative;
  flex: 0 0 auto;
}

.priceTileS {
  white-space: pre;
  flex: 1 1 1em;
  align-items: center;
  justify-content: center;
  color: white;
  display: inline-flex;
  box-sizing: border-box;
}

.extWnd > .priceTile {
  border: none;
  margin: none;
  padding: none;
  width: 100%;
  box-sizing: border-box;
}

.priceTile.priceTileLimitSelect {
  width: 24.2em;
}

.priceTile.priceTileNoLS {
  width: 20em;
}

.priceTileLimitSelect .priceTileS {
  width: 12em;
}

.priceTileNoLS .priceTileS {
  width: 9em;
}

.priceTileSignif {
  font-size: 1rem;
  flex: 0 0 auto;
}

.priceTileSignifH {
  margin-left: 1em;
}

.priceTileSilica {
  flex: 1 1 auto;
}

.priceTileSpacer {
  flex: 0 0 2em;
}

.priceTileLimitOverwriteFocus {
  background-color: Highlight;
  color: HighlightText;
  line-height: 0.9em;
  display: inline-block;
}

.priceTileBig {
  flex: 0 0 auto;
}

.priceTileBigH {
  font-size: 2rem;
}

.priceTileBigV {
  font-size: 2.5rem;
  margin-top: -0.3em;
  max-height: 1.2em;
}

.priceTileSmall {
  font-size: 1rem;
  flex: 0 0 auto;
}

.priceTileS .fvcent {
  margin-right: 1em;
}

.priceTileSmallV {
  padding-left: 0.1em;
}

.priceParams label {
  display: inline-block;
  text-align: right;
  padding-left: 0.2em;
}

.priceTileofferPx,.priceTileofferPxNoHover {
  background: linear-gradient(#89A7B3, #467B92);
}

.priceTilebidPx,.priceTileofferPx {
  cursor: pointer;
}

.priceTileZero {
  background: linear-gradient(#C8BFBF, #E0E0E0) !important;
}

.priceTile input {
  text-align: right;
}

.priceTile .discretion {
  width: 3em;
  min-width: 3em;
}

.priceTile .quantity {
  width: 6em;
}

.priceTile .invalidQty {
  background-color: #FDB7B7 !important;
}

.priceTile .quantity:focus {
  background-color: #FFFFC1;
}

.priceTileMenuBtn {
  position: relative;
  display: inline-block;
  padding: 0 0.2em 0 0.3em;
}

.tileorderLimits {
  display: flex;
  height: 1.8em;
  z-index: 1;
}

.tileorderLimitBtn,.tileorderLimitBtnDisabled {
  flex: 1 1 auto;
  text-align: center;
  vertical-align: middle;
  border: 2px solid #000000;
  border-radius: 3px;
  cursor: pointer;
}

.tileorderLimitBtn {
  color: #000000;
  background: linear-gradient(#EAEAEA, #CCCCCC);
}

.tileorderLimitBtnDisabled {
  color: #a0a0a0;
  background: linear-gradient(#EAEAEA, #EAEAEA);
}

.tileorderLimitBtn:hover {
  background: linear-gradient(#ffffff, #EAEAEA);
}

.tileorderLimitBtn:focus {
  outline: none;
}

.tileorderLimitBtn span.caption,.tileorderLimitBtnDisabled span.caption {
  min-width: 5em;
  display: inline-block;
  vertical-align: middle;
}

.priceQtyLine {
  display: flex;
  flex-direction: row;
  height: 1.8em;
}

.priceQtyLine > * {
  flex: 1 1 auto;
}

.priceTileSpotSpread {
  position: absolute;
  left: 50%;
  margin-left: -1em;
  width: 2em;
  background-color: black;
  text-align: center;
  z-index: 1;
}

.priceDisplayH .priceTileSpotSpread {
  bottom: 0.2em;
}

/*.priceDisplayH .priceTileS {
	padding-right: 1.2em;
}*/

.priceDisplayV .priceTileSpotSpread {
  top: 2em;
}

.priceDisplayH {
  height: 38px;
}

.priceDisplayV {
  height: 58px;
}

.priceDisplay {
  display: flex;
  flex-direction: row;
  position: relative;
  flex: 1 1 auto;
  will-change: transform;
  transform: translateZ(0);
}

.priceTileIgnorePeriod {
  filter: brightness(0.5);
}

.priceTile .tileAccountList {
  display: inline-block;
}

.tabPriceTile .tileAccountList {
  width: 9em;
  position: absolute;
  background-color: #4D5151;
}

.tabPriceTile .tileSymbolList {
  position: absolute;
  width: 10em;
  background-color: #4D5151;
}

.tabPriceTile .tileSymbolList,.tabPriceTile .tileAccountList {
  z-index: 5;
  border: 1px solid white;
  border-radius: 4px;
}

.priceTile .symbolNamePos .symbolName:hover,.priceTile .accountNamePos .accountName:hover {
  border: none;
}

.priceTile .symbolNamePos .symbolName {
  position: relative;
  padding: 2px;
  width: 100%;
}

.priceTile .accountNamePos .accountName {
  padding: 2px;
}

div.priceTileDepth {
  will-change: transform;
  transform: translateZ(0);
}

div.priceTileDepthExp {
  text-align: center;
  cursor: pointer;
  overflow: visible;
  height: 0.6em;
}

div.depthLevel {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #000000;
  box-sizing: border-box;
  height: 21px;
  position: relative;
}

div.depthLevel > * {
  display: inline-block;
}

div.depthQty input {
  width: 2.6em;
  text-align: right;
  height: 17px;
  border-width: 1px;
}

div.depthPx {
  text-align: center;
  min-width: 5em;
  width: 5em;
  cursor: pointer;
  padding-top: 2px;
  flex: 1 1 auto;
}

span.depthSignif {
  min-width: 2em;
  display: inline-block;
}

span.depthBig {
  font-weight: bold;
  font-size: 13pt;
  line-height: 12pt;
  display: inline-block;
}

span.depthSmall {
  margin-left: 0.2em;
  display: inline-block;
}

div.depthRight {
  flex: 0 0 2.5em;
  overflow: hidden;
  text-align: right;
  padding: 0.1em 0.3em 0 0;
  cursor: pointer;
}

div.depthOrdQty {
  width: 3.5em;
  max-width: 3.5em;
  overflow: hidden;
  text-align: center;
  margin: 0.1em 0.3em 0 0;
}

div.depthOrdProv {
  color: #FF9400;
  font-size: 8pt;
}

div.depthSpread {
  position: absolute;
  left: 50%;
  margin-left: -1em;
  width: 2em;
  text-align: center;
}

/*.repeatCtrls > .repeatLine {
	
}*/

.allocPanel {
  display: flex;
  flex-direction: row;
  border-radius: 3px;
  background-color: #2C576E;
  border: 1px solid #c0c0c0;
  padding: 0.2em;
  margin: 0.2em;
}

.allocInputs,.allocOutputs {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 0.5em;
}

.allocPanel button {
  margin: 2px;
}

.allocPanel tr.total,.allocPanel tr.remaining {
  font-weight: bold;
  cursor: default;
}

.allocInputs table,.allocOutputs table {
  flex: 1 1 auto;
}

.allocPanel th,.allocPanel td {
  border: 1px solid #5E8397;
  padding: 1px;
  white-space: nowrap;
}

.allocInputs table th {
  cursor: default;
}

.allocInputs table th,.allocOutputs table th {
  font-weight: bold;
}

.allocDets span.caption {
  font-weight: bold;
  padding: 0 0.3em 0.1em 0.3em;
}

.allocDets span.value {
  padding-left: 0.2em;
}

.allocPanel .btn {
  cursor: pointer;
}

.allocPanel .executing {
  width: 25px;
  height: 15px;
  position: relative;
  top: 2px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url('../img/load_spinner.svg');
}

.allocPanel .rescaption {
  padding: 0.2em;
  flex: 0 0 auto;
  display: inline-block;
}

.allocPanel .allocSucc {
  background-color: green;
}

.allocPanel .allocFail {
  background-color: red;
}

.allocationsTab {
  border-top: 1px solid #707070;
  overflow-y: scroll;
  flex: 1 1 auto;
}

.allocationsTab .userRate,.allocationsTab .percent {
  width: 8em;
}

.treehdrcol {
  background: linear-gradient(#2E3232, #000000);
}

.treehdrcol,.treerowcol {
  border-color: #707070;
}

.login-title {
  margin-top: 20%;
  background-image: url('../img/xenfincapital_large.png');
  background-repeat: no-repeat;
  width: 300px;
  height: 125px;
}

.main-toplogo {
  width: 130px;
  height: 54px;
  background-image: url('../img/xenfincapital_small.png');
  background-repeat: no-repeat;
}

.priceTile {
  border: 1px solid #5d5d5d;
  background-color: #191a1a;
  color: #e4e4e4;
}

.priceTileS {
  position: relative;
}

.priceTileS:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: 50%;
  background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.08));
}

.priceTileSpotSpread,.depthSpread {
  background-color: rgba(0, 0, 0, 0.3);
  color: white;
}

div.depthSpread {
  top: 2px;
}

.priceDisplayV .priceTileSpotSpread {
  top: auto;
  bottom: 0.2em;
}

.taboptions {
  background-color: #191a1a;
}

.taboptions > select,.taboptions > button {
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.6);
  background-color: #e4e4e4;
  padding: 0 0.4em 0 0.4em;
  cursor: pointer;
}

div.depthBidPx,.priceTilebidPx,.priceTilebidPxNoHover,.depthBidPxNoTrading,.tileorderLimitBid,.priceTilebidPxNoTrading {
  border-right: 1px solid #191a1a;
}

.priceTilebidPx,.priceTilebidPxNoHover,.tileorderLimitBid {
  background: linear-gradient(#CF9090, #B81111);
}

.priceTileofferPx,.priceTileofferPxNoHover,.tileorderLimitOffer {
  background: linear-gradient(#6b9caf, #075172);
}

.priceTileofferPx:hover,div.depthOfferPx:hover,.tileorderLimitBtn.tileorderLimitOffer:hover,.priceTileofferPxForce {
  background: linear-gradient(#075172, #6b9caf);
}

.priceTilebidPx:hover,div.depthBidPx:hover,.tileorderLimitBtn.tileorderLimitBid:hover,.priceTilebidPxForce {
  background: linear-gradient(#B81111, #CF9090);
}

.priceTilebidPxNoTrading,.depthBidPxNoTrading,.priceTileofferPxNoTrading,.depthOfferPxNoTrading {
  cursor: not-allowed !important;
}

.depthBidPxNoTrading {
  background-color: #6D1D27;
}

.priceTilebidPxNoTrading {
  background: linear-gradient(#A27B7D, #6D1D27);
}

.priceTileofferPxNoTrading {
  background: linear-gradient(#6E848F, #334B5A);
}

.depthOfferPxNoTrading {
  background-color: #6E848F;
}

.tileorderLimitBtn,.tileorderLimitBtnDisabled {
  border-radius: 4px;
}

.tileorderLimitOffer {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}

.tileorderLimitBid {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
}

.tileorderLimitBtn {
  color: white;
  text-transform: uppercase;
  font-weight: bold;
}

.tileorderLimitBtnDisabled {
  text-transform: uppercase;
  font-weight: bold;
  filter: grayscale(50%);
  cursor: default;
}

div.depthBidPx {
  background-color: #c14141;
  border-color: black;
}

div.depthOfferPx {
  background-color: #467B92;
  border-color: black;
}

.switch-field label {
  color: #2d3131;
  border: 1px solid rgba(0, 0, 0, 0.64);
  background-color: white;
}

.switch-field label.selected {
  background-color: #191a1a;
  color: white !important;
  font-weight: bold;
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.switch-field label:hover {
  background-color: #e4e4e4 !important;
}

.switch-field label.selected:hover {
  background-color: #393a3a !important;
  color: rgba(255, 255, 255, 0.8);
  font-weight: bold;
}

.switch-field:focus label.selected {
  border: 1px dotted rgba(255, 255, 255, 0.8);
  background-color: #393a3a !important;
  color: rgba(255, 255, 255, 0.8);
  font-weight: bold;
}

.iosToggle input:checked + label {
  background-color: #191a1a;
}

.orderForm {
  background-color: #2A2E2E !important;
}

input.currency,button.lpfxCfgOrder,.priceQtyLine select {
  background-color: #191a1a;
  color: #ffffff;
}

input.currency:hover,button.lpfxCfgOrder:hover,.priceQtyLine select:hover {
  background-color: #393a3a;
}

button.lpfxCfgOrder {
  flex: 0 0 auto;
}

input.currency_inv,input.currency,button.lpfxCfgOrder,input.quantity,.discretion input,.priceTile .discretion .spinEditBtns,.priceQtyLine select {
  border-radius: 2.5px;
  border: 1px solid #777777;
  margin: 1px;
}

input.currency_inv {
  background: #a7a7a7 !important;
  color: black;
}

.main-tabset,.bottomtabs,.orderToolsHolder {
  background-color: #434646 !important;
}

.main-panelTop,.tabTileHolder,.main-working-orders,.main-posHistory {
  background-color: #191a1a !important;
}

.singleDoubleClickOrder {
  text-transform: uppercase;
  font-size: 9t;
}

.singleDoubleClickOrder label:hover:before {
  background-color: #a91606 !important;
}

.priceTile .discretion {
  width: 2em;
}

.priceTile .quantity {
  padding-right: 0.1em;
}

.tileorderLimitSelectorItem {
  padding: 0.1em;
}

.tileorderLimitSelectorItemBig {
  font-size: 13pt;
}

div.depthLevel {
  border-bottom: none;
  height: 28px;
}

div.depthPx {
  padding-top: 5px;
}

div.depthQty input {
  height: 25px;
}

.depthQty,.depthPx {
  border-bottom: 1px solid #000000;
}

.depthRight {
  color: #707070;
  background-color: white;
  border-bottom: 1px solid #707070;
  padding: 0.4em 0.3em 0 0;
}

.addTileButtonText {
  text-transform: uppercase;
}

.orderLockBtnLocked {
  text-transform: uppercase;
}

.popupWarning {
  text-transform: uppercase;
}