/* @override 
	http://localhost:8888/mc/faros-uat/themes/mc-wg/mc-wg.css
	http://localhost:8888/mc/dev-qson/themes/mc-wg/mc-wg.css
*/
/*
 * mw-wg.css
 */

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  }

/* Make body full window */
body {
  background-color: #42423d;
  color: #fefef2;
  font: normal 10px "Lucida Grande", Helvetica, Calibri, Verdana, sansserif;
  }

a {
  color: #00c9ff;
  font-weight: normal;
  font-style: normal;
  }
  
.Nz {
  color: #706f67;
  }
.Nn {
  color: #ff5e60;
  }
.Ne {
  color: #ff9999;
 }
.Nw {
  color: #c2f5ff;
 }

#page_head {
  height: 55px;
  background: #252520 url(imgs/wg.banner.bg.ct.660x54.png) no-repeat center 0;
  }
  
#brand-logo {
  float: left;
  height: 55px;
  width: 250px;
  padding: 0;
  margin: 0;
  }
#brand-logo a {
  display: block;
  float: left;
  height: 55px;
  width: 250px;
  background: url(imgs/etg.brand.tl.100x55.png) no-repeat 0 0;
  }
#brand-logo a span {
  display: none;
  }
  
#page_head {
  overflow: hidden;
  }
  
#page_head ul {
  display: block;
  float: right;
  list-style: none;
  margin: 0;
  margin-right: 135px;
  padding: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.03);
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  }
#page_head ul li {
  display: block;
  position: relative;
  float: left;
  height: 55px;
  border-left: 1px solid rgba(255, 255, 255, 0.03);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  }
#page_head ul li a {
  display: block;
  height: 53px;
  width: 70px;
  padding: 0 15px;
  line-height: 55px;
  text-align: center;
  text-decoration: none;
  color: #707067;
  }
#page_head ul li:hover a {
  color: #adad9f;
  }
#page_head ul li.current a {
  color: #adad9f;
  border-bottom: 2px solid #e1f4ff;
  }
#page_head ul li.current .shadow {
  display: block;
  position: absolute;
  bottom: -8px;
  z-index: 2;
  width: 103px;
  height: 20px;
  background: url(imgs/wg.glow.103x20.png) no-repeat;
  }
#page_head #fxmc {
  position: absolute;
  top: 0;
  right: 5px;
  height: 55px;
  width: 130px;
  background: url(imgs/mc.logo.frame.stack.100x40.png) no-repeat center;
  }


#page_body {
  top: 55px;
  bottom: 35px;
  border-bottom: 1px solid #3b3b35;
  border-top: 1px solid #3b3b35;
  }
.content-only #page_body {
  top: 0;
  }

/* The foot should take up all the way to the bottom of the page. */
#page_foot {
  height: 35px;
  background: url(imgs/wg.toolbar.rx.ia+x36.png) repeat-x 0 0;
  }
#etg {
  float: left;
  width: 175px;
  height: 35px;
  }
.auth #etg {
  display: none;
  }
#etg a {
  display: block;
  float: left;
  width: 150px;
  margin: 6px 0 6px 15px;
  height: 20px;
  background: urL(imgs/etg.150x20.png) no-repeat;
  }
.page-tools {
  float: right;
  }
.disclaimer {
  float: right;
  vertical-align: middle;
  /* margin: 12px 0 12px 5px; */
}
.panel-content {
  padding: 20px 15px;
  min-width: 500px;
}

/* @group Scroll */
/* @group Vertical */
.scroll .bar.vt .track,
.scroll .bar.vt .thumb .h,
.scroll .bar.vt .thumb .b,
.scroll .bar.vt .thumb .f {
  background: url(imgs/wg.scrollbar.v.t+6x12,3i3a+6x12.png) repeat-y;
  }
.scroll .bar.vt .thumb .h { background-position: -12px; }
.scroll .bar.vt .thumb .b { background-position: -24px; }
.scroll .bar.vt .thumb .f { background-position: -36px; }
.scroll .bar.vt .thumb:hover .h,
.scroll .bar.vt.active .thumb .h { background-position: -48px; }
.scroll .bar.vt .thumb:hover .b,
.scroll .bar.vt.active .thumb .b { background-position: -60px; }
.scroll .bar.vt .thumb:hover .f,
.scroll .bar.vt.active .thumb .f { background-position: -72px; }
/* @end */

/* @group Horizontal */
.scroll .bar.hz .track,
.scroll .bar.hz .thumb .h,
.scroll .bar.hz .thumb .b,
.scroll .bar.hz .thumb .f {
  background: url(imgs/wg.scrollbar.h.t+6x12,3i3a+6x12.png) repeat-x;
  }
.scroll .bar.hz .thumb .h { background-position: 0 -12px; }
.scroll .bar.hz .thumb .b { background-position: 0 -24px; }
.scroll .bar.hz .thumb .f { background-position: 0 -36px; }
.scroll .bar.hz .thumb:hover .h,
.scroll .bar.hz.active .thumb .h { background-position: 0 -48px; }
.scroll .bar.hz .thumb:hover .b,
.scroll .bar.hz.active .thumb .b { background-position: 0 -60px; }
.scroll .bar.hz .thumb:hover .f,
.scroll .bar.hz.active .thumb .f { background-position: 0 -72px; }
/* @end */
/* @end */

/* @group Panel */

.panel .strip {
  height: 35px;
  background: url(imgs/wg.toolbar.rx.ia+x36.png) repeat-x 0 0;
  border-bottom: 1px solid #2d2d28;
  }
.panel .strip .sep {
  width: 32px;
  height: 36px;
  background: url(imgs/wg.bartab.sp.rl+32x36.png) no-repeat;
  }
.panel .strip .sep.ai {
  background-position: -32px 0px;
  }
.panel .strip .sep.ia {
  background-position: 0px 0px;
  }
.panel .tab {
  top: 35px;
  margin-left: 1px;
  /* border: 1px solid rgba(128, 128, 255, 0.25);*/
  background-color: #42423d;
  }
/* @end */

/* @group Tab */

/* @end */

/* @group Bar */

.bar {
  /* border: 1px solid rgba(128, 128, 255, 0.25); */
  padding: 0 10px 0 5px;
  }
.bar.first {
  padding-left: 15px;
  }
.bar.last {
  position: relative;
  right: 0;
  }

.bar h2 {
  cursor: default;
  color: #95958e;
  font-size: 13px;
  margin: 0;
  padding: 0;
  line-height: 33px;
  }

.bar.active h2 {
  color: #fefef2;
  /* -webkit-animation: blue-flash 2.5s 3; */
  }
/* chriso: we want to create a new class for bar, 'notice' and set this class when a deal is in workarea, and the tab is not
 *         selected. The editor js needs to check if the editor tab is active, if it is, then leave it as active, but if it's
 *         not active, we want to set it to notice when there is a deal in the workarea.
 */

.bar.notice h2 {
  color: #95958e;
  -webkit-animation: blue-flash 1s 3;
}

.bar.notice-active h2 {
  color: #fefef2;
  -webkit-animation: blue-flash 1s 3;
}

@-webkit-keyframes blue-flash {
  0% { 
    color: #d1f5ff;
  }
  20% { 
    color: #d1f5ff;
  }
  80% { 
    color: #95958e;
  }
  100% { 
    color: #95958e;
  }
}

/* @end */

/* @group Tables */

table.data {
  border-spacing: 0;
  /* See #1358 
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  */
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }
table.data th:first-child,
table.data td:first-child {
  padding-left: 15px;
  }
table.data td.sp {
  width: 0px;
  padding: 0;
  height: 16px;
  }
table.data td, table.data th {
  padding: 2px 5px;
  /* See #1358 
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  */
  border-top: 1px solid #4b4b45;
  border-bottom: 1px solid #383834;
  }
table.data .em td {
  border: none;
  }
table.data th {
  border-top: none;
  background: #7f7f17 url(imgs/wg.tableheader.i.rx.x21.png);
  height: 15px;
  line-height: 15px;
  color: #6e6e6e;
  font-weight: normal;
  white-space: nowrap;
  }
table.data tr:hover td {
  background-color: #4c4c46;
  }
table.data thead tr.sel th,
table.data thead tr th.sel,
table.data tbody tr.sel td,
table.data tbody tr td.sel {
  /* background-color: #787a18; */
  background: #757615 url(imgs/wg.select.green.a2.rc.x36.png) repeat-x 0 center;
  border-bottom-color: #6e6e17;
  border-top-color: #959827;
  }
table.data tr.sel th.Nn, table.data tr th.sel.Nn,
table.data tr.sel td.Nn, table.data tr td.sel.Nn {
  color: #ffa055;
  }
table.data tr.sel th.Np, table.data tr th.sel.Np,
table.data tr.sel td.Np, table.data tr td.sel.Np {
  color: #ffffff;
  }
/*
  background-color: #176598;
  border-bottom-color: #176598;
  border-top-color: #2075ac;
 */

table.data tr th.sortable {
  white-space: nowrap;
  padding-right: 5px;
  }
table.data tr th.sortable .sort {
  display: block;
  float: left;
  width: 11px;
  height: 12px;
  margin: 2px 0px 0 3px;
  background: url(imgs/wg.sort.ud+ioa+11x12.png) no-repeat 0 12px;
  }
table.data tr th.sortable.N .sort,
table.data tr th.sortable.D .sort {
  margin: 2px 3px 0 0px;
  }
table.data tr th.sortable .label {
  float: left;
  }
table.data	tr th.sortable.sd 	.sort { background-position: 0 0; }
table.data:hover tr th.sortable.sd 	.sort { background-position: 0 -24px; }
table.data 		tr th.sortable.sd2 	.sort { background-position: 0 -12px; }
table.data:hover tr th.sortable.sd2 	.sort { background-position: 0 0; }
table.data 		tr th.sortable.su 	.sort { background-position: -11px 0; }
table.data:hover tr th.sortable.su 	.sort { background-position: -11px -24px; }
table.data 		tr th.sortable.su2 	.sort { background-position: -11px -12px; }
table.data:hover tr th.sortable.su2 	.sort { background-position: -11px 0; }
  
table.data tr.gr td {
  padding-top: 6px;
  padding-bottom: 6px;
  font-weight: bold;
  }
table.data tr.gr td.nm {
  font-weight: bold;
  color: #c2f5ff;
  }
table.data tr.it td.nm {
  padding-left: 25px;
  }
table.data tr:hover.gr td {
  /*background: none; */
  }
table.data td.nm span {
  margin-left: 5px;
  }
table.data tr.gi td:first-child {
  padding-left: 25px;
  }

table.data tr.gr.buckets td {
  }
table.data tr.gr.total td {
  font-size: 12px;
  font-weight: normal;
  }
table.data tr.gr td {
  background: #3e3e3a;
  border-bottom: 1px solid #2c2c28;
  }
table.data tr.it td {
  }
table.data tr.it .Np {
  color: #b5b5b5;
  }
table.data tr.it .Nn {
  color: #cc3c3e;
  }
  
table.data th.bu {
  color: inherit;
  font-weight: bold;
  }
table.data tr.group td {
  font-size: 1.5em;
  color: #919185;
  padding-top: 10px;
  }
table.data tr.group:hover td {
  background-color: #42423d;
  }

table.data tr.hgroup td {
  font-size: 1.5em;
  color: rgba(194,245,255, 1.0);
  padding-top: 10px;
  }
table.data tr.hgroup:hover td {
  background-color: #42423d;
  }
/* chriso: testing related to showing a help box to describe an hgroup
table.data tr.hgroup:after {
  content: "?";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.2);
  margin-left: .5em;
  margin-top: 1.5em;
  text-align: center;
  text-align: middle;
  }
*/



.slick-row.dl .slick-cell,
div.client .slick-row.tr .slick-cell {
  border-top-color: #696960; 
/*  border-bottom-color: #20201e; */
/*  color: #4d4d4d;
  background: #fff; 
  border-top-color: #ededed;
  border-bottom-color: #fff; */
  }
.slick-row.tr .slick-cell {
  color: #919185;
  background-color: #42423d;
  border-top-color: #42423d;
  border-bottom-color: #42423d;
  }
.slick-row.tr .slick-cell .Nn {
  color: #d93f41;
  }
.slick-row.dl.opened .slick-cell {
  border-bottom-color: #42423d;
  }
.slick-row.tr.trls .slick-cell {
/*  border-bottom-color: #2871b4;*/
  border-bottom-color: #21211e;
  }
.slick-row.tr.edited .slick-cell {
  color: yellow;
  background-color: rgba(227,255,0,0.16);
  border-top-color: #8f8f00;
  border-bottom-color: #8f8f00;
  }
.slick-row.tr.edited .slick-cell.selected {
  background-color: #2386ff;
  border-top-color: #008f3e;
  border-bottom-color: #8f8f00;
  }
.slick-row button {
  background: #fefb00;
  outline: none;
  border: 1px solid #fefb00;
  border-radius: 4px;
  height: 15px;
  line-height: 9px;
  }
.slick-row button.revert {
  background: #7b7a00;
  border: 1px solid #bab800;
  color: #fefb00;
  }
  
div.slick-headerrow {
  border: none;
  }
.slick-headerrow .slick-headerrow-columns {
  border: none;
  }
.slick-headerrow .slick-headerrow-columns .slick-headerrow-column {
  height: 20px;
  box-sizing: border-box;
  border: none;
  border-right: 1px solid #474741;
  background: #636258;
  border-bottom: 1px solid #302f2b;
  }
.slick-headerrow-column input {
  background: none;
  color: #99daff;
  font: inherit;
  font-weight: normal;
  border: none;
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  box-sizing: border-box;
  }

.slick-cell-checkboxsel {
  text-overflow: clip;
}
.slick-cell.id-dc {
  text-overflow: clip;
}

input.field.editor {
  position: absolute;
  margin: 0 0 0 -4px;
  padding: 0 2px;
  font:  inherit;
  border: 1px solid #008dff;
  line-height: 100%;
  outline: none;
  /*box-shadow: 0 0 10px 0px #8bd1fd;*/
  }

/* @end */

/* @group Datepicker */

div.datepicker {
  font-family: inherit;
  }
.datepicker .datepickerContainer {
  top: 0; left: 0;
  /*border: 5px solid rgba(0,0,0,0.0); */
  padding: 5px 7px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.5);
  background: #2d2c29;
  border-radius: 5px;
  }
.datepicker .datepickerBorderT,
.datepicker .datepickerBorderB,
.datepicker .datepickerBorderL,
.datepicker .datepickerBorderR,
.datepicker .datepickerBorderTL,
.datepicker .datepickerBorderTR,
.datepicker .datepickerBorderBL,
.datepicker .datepickerBorderBR {
  display: none;
  }
.datepicker table td,
.datepicker table th {
  font-size: 10px;
/*  padding: 1px 2px;
  border: none;
  text-align: right; */
  }
.datepicker table tr.datepickerDoW th {
  text-align: center;
  }
.datepicker table th.datepickerWeek,
.datepicker table tr.datepickerDoW th:first-child {
  border-right: 1px solid rgba(255,255,255,0.1);
  color: #525252;
  text-align: center;
  }
.datepicker table th.datepickerWeek a {
  color: #525252;
  }
/* @end */

/* @group Select2 */

body .select2-container {
  }
body .select2-container .select2-choice {
  border: none;
  height: 25px;
  line-height: 23px;
  background: #2d2c29;
  color: #fff;
  box-shadow: none
  }
body .select2-container .select2-choice .select2-chosen {
  margin-right: 10px;
  }
body .select2-container .select2-choice .select2-arrow {
  width: 12px;
  background: none;
  border-left: none;
  }
body .select2-container .select2-choice .select2-arrow b {
  background-position: -22px -1px;
  }
body .select2-drop {
  border: none;
  background: #2d2c29;
  color: #fff;
  padding-top: 3px;
  }
body .select2-search input {
  font: inherit;
  background: #fff;
  padding: 0 0 0 3px;
  min-height: 20px;
  border: none;
  }

body.auth {
  color: #000000;
  font-size: 13px;
  }
body.auth #login {
  color: #fefef2;
  }body.auth .sheet {
  color: #fefef2;
  }

/* @end */



.multiple {
  font-style: italic;
  color: rgba(255, 255, 255, 0.5);
  }

.Nud {
  background: url(imgs/wg.nud.ud+4x14.png) no-repeat right 21px;
  }
.Nud.Nu {
  background-position: right 0px;
  }
.Nud.Nd {
  background-position: right -14px;
  }
tr.gr td.Nud.Nu {
  background-position: right 4px;
  }
tr.gr td.Nud.Nd {
  background-position: right -10px;
  }

.slick-cell {
  padding: 1px 5px;
  }
.slick-cell .tick-up {
/*  background: rgba(0,255,0,0.2);*/
  }
.slick-cell .tick-down {
/*  background: rgba(255,0,0,0.2);*/
  }
.slick-cell .tick-up::after,
.slick-cell .tick-down::after {
  content: " ";
  pointer-events: none;
  position: absolute;
  right: 0px;
  width: 0;
  height: 0;
  border: 2px solid transparent;
  -webkit-animation: fade-tick 2s;
  -moz-animation: fade-tick 2s;
  -o-animation: fade-tick 2s;
  animation: fade-tick 2s;
  }
.slick-cell .tick-up::after {
  top: 4px;
  border-top: 2px solid #56FF07;
  border-right: 2px solid #56FF07;
  }
.slick-cell .tick-down::after {
  bottom: 4px;
  border-bottom: 2px solid #FC5323;
  border-right: 2px solid #FC5323;
  }
@-webkit-keyframes fade-tick { 50% { opacity: 1 } 100% { opacity: 0 } }
@-moz-keyframes fade-tick { 50% { opacity: 1 } 100% { opacity: 0 } }
@-o-keyframes fade-tick { 50% { opacity: 1 } 100% { opacity: 0 } }
@keyframes fade-tick { 50% { opacity: 1 } 100% { opacity: 0 } }

td span.colorwell {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0;
  background-color: hsb(255, 255, 255);
  }

.lm,
.ut .vl {
  color: #9f9e92;
  }
.ut .ut {
  color: #a9f1ff;
  }
.ut .ut {
  color: #c2f5ff;
  }

div[view='page_body'] {
  }
  
/* @group Blotter */

#blotter tr.dl {
  }
#blotter tr.tr {
  color: #86867b;
  background-color: #3d3d38;
  }
#blotter tr.tr .Nn {
  color: #ad3335;
  }
  
#blotter tr td.se .checkfield {
  display: none;
  }
#blotter tr.dl td.se .checkfield,
#blotter tr.tr.od td.se .checkfield {
  display: inline-block;
  }
#blotter tr.tr.od td {
  color: #98a0a5;
  }
#blotter tr.S td {
  background: #595952;
  }
#blotter tr:hover td {
  background: none;
  }
#blotter tr.S:hover td {
  background: #595952;
  }
#blotter tr.gd td {
  background: #53524b;
  }
#blotter span.notification-tile {
  display: inline-block;
  width: .7em;
  height: .7em;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.2);
  margin: 5px 2px 0 0;
  }
#blotter span.notification-tile.sent {
  background-color: rgba(0, 255, 0, 0.2);
  }
#blotter span.notification-tile.active {
  background-color: rgba(255, 255, 0, 1.0);
  }
#blotter span.notification-tile.cancelled,
#blotter span.notification-tile.edit {
  background-color: rgba(255, 127, 0, 1);
  }

  #blotter span.match-status.pending {
    color: #CCFFFF ;
   }
  #blotter span.match-status.submitted {
    color: #66FFFF;
   }
  
  #blotter span.match-status.unmatched {
      color: #FFFF66;
    }
  
  #blotter span.match-status.alleged {
      /*color: #FFCC33;*/
      color: #FF9900;
    }
  #blotter span.match-status.mismatch {
      color: #CC99FF;
  }
  #blotter span.match-status.matched {
      color: #72ff00;
    }
  #blotter span.match-status.error{
      /*color: #ff0004;*/
      color: #ff8486;
    }
  #blotter span.match-status.cancel,
  #blotter span.match-status.busted{
      color: #CCCCCC:
  }
  
  #blotter span.match-status.error {
    *color: #ff0004;
  }

/* @end */

/* @group matchsummary */
#matchsummary span.match-status.pending {
  color: #CCFFFF ;
 }
#matchsummary span.match-status.submitted {
  color: #66FFFF;
 }

#matchsummary span.match-status.unmatched {
    color: #FFFF66;
  }

#matchsummary span.match-status.alleged {
    /*color: #FFCC33;*/
    color: #FF9900;
  }
#matchsummary span.match-status.mismatch {
    color: #CC99FF;
}
#matchsummary span.match-status.matched {
    color: #72ff00;
  }
#matchsummary span.match-status.error{
    /*color: #ff0004;*/
    color: #ff8486;
  }
#matchsummary span.match-status.cancel,
#matchsummary span.match-status.busted{
    color: #CCCCCC:
}

#matchsummary span.match-status.error {
  *color: #ff0004;
}

/* @end */

#matchhubmets span.match-status.alleged,
#matchhubmets span.match-status.pending {
  color: #CCFFFF ;
 }
#matchhubmets span.match-status.confirmed {
    color: #72ff00;
}
#matchhubmets span.match-status.rejected{
    /*color: #ff0004;*/
    color: #ff8486;
  }


/* @group ledger */

#ledger tr.dl {
  }
#ledger tr.tr {
  color: #86867b;
  background-color: #3d3d38;
  }
#ledger tr.tr .Nn {
  color: #ad3335;
  }

#ledger tr td.se .checkfield {
  display: none;
  }
#ledger tr.dl td.se .checkfield,
#ledger tr.tr.od td.se .checkfield {
  display: inline-block;
  }
#ledger tr.tr.od td {
  color: #98a0a5;
  }
#ledger tr.S td {
  background: #595952;
  }
#ledger tr:hover td {
  background: none;
  }
#ledger tr.S:hover td {
  background: #595952;
  }
#ledger tr.gd td {
  background: #53524b;
  }
#ledger span.notification-tile {
  display: inline-block;
  width: .7em;
  height: .7em;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.2);
  margin: 5px 2px 0 0;
  }
#ledger span.notification-tile.sent {
  background-color: rgba(0, 255, 0, 0.2);
  }
#ledger span.notification-tile.active {
  background-color: rgba(255, 255, 0, 1.0);
  }
#ledger span.notification-tile.cancelled,
#ledger span.notification-tile.edit {
  background-color: rgba(255, 127, 0, 1);
  }

/* @end */

#ledgerrequests span.request-status.new {
  color: #66FFFF;
}

#ledgerrequests span.request-status.approved {
    color: #72ff00;
  }

#ledgerrequests span.request-status.acknowledged {
    color: #ffff33;
  }

#ledgerrequests span.request-status.cancelled,
#ledgerrequests span.request-status.rejected {
    /*color: #ff0004;*/
    color: #ff8486;
 } 
 


#otcmatches span.clearing-status.accepted,
#otcmatches span.clearing-status.booked {
    color: #72ff00;
  }

#otcmatches span.clearing-status.submitted {
    color: #ffff00;
  }

#otcmatches span.clearing-status.rejected {
   /*color: #ff0004;*/
   color: #ff8486;
    -webkit-animation: red-text-flash 2s infinite;
} 
 
  @-webkit-keyframes slow-red-flash {
    0%  { color: rgba(255, 0, 0, 0.9) }
    80% { color: rgba(255, 0, 0, 0.95) }
    100% { color: rgba(255, 0, 0, 1.00) }
  }

  @-webkit-keyframes red-text-flash {
    0% { 
      color: rgb(245, 240, 240);
      }
    20% { 
      color: rgb(245, 240, 240);
      }
    40% { 
      color: #ff8486;
      }
    60% { 
      color: #f9686a;
      }
    80% { 
      color: #fa5e61;
      }
    100% { 
      color: #fa5e61;
      }
    }


  @-webkit-keyframes slow-blue-flash {
    0% { 
      color: #d1f5ff;
    }
    20% { 
      color: #d1f5ff;
    }
    80% { 
      color: #95958e;
    }
    100% { 
      color: #95958e;
    }
  }
  


  
/* @group Disclosure */
table .dc {
  padding-right: 0;
  }
table tr.dl .dc a {
  display: block;
  width: 11px;
  height: 13px;
  margin: -1px 0 -2px 0;
  background: url(imgs/wg.disclosure.co-ia+11x13.png) no-repeat 0 -13px;
  text-decoration: none;
  }
table tr.dl:hover .dc a {
  background-position: 0 0;
  }
table tr.dl.op .dc a {
  background-position: -11px -13px;
  }
table tr.dl.op:hover .dc a {
  background-position: -11px 0;
  }
table tr.dl th.dc a {
  margin-bottom: 1px;
  display: none;
  }
table tr td {
  }

span.dc {
  display: inline-block;
  margin: 0 0 -1px 5px;
  width: 13px;
  height: 11px;
  background: url(imgs/wg.disclosure.co-ia+11x13.png) no-repeat 11px 13px;
  }
span.dc.opened { background-position: -11px -13px; }
span.dc.opened:hover { background-position: -11px 0; }
span.dc.closed { background-position: 0 -13px; }
span.dc.closed:hover { background-position: 0 0; }

.slick-row .slick-cell.selected {
  color: #fff;
  background: #2163b2;
  }
.slick-row .slick-cell.selected {
  border-top-color: #4f7ec9;
  border-bottom-color: #074c85;
  }
.slick-row .slick-cell.selected .Nn { 
  color: #ffa0a1;
  }
.slick-row.active .slick-cell.selected {
  background: #307ad2;
  }

/* @end */


/* @group Selection Check */

table tr .se input {
  width: 10px;
  height: 10px;
  margin: 0;
  padding: 0;
  }
table tr th.se input {
  margin-bottom: 2px;
  }

/* @end */



/* @group Tools */

.tool {
  position: relative;
  line-height: 35px;
  height: 35px;
  }
 
/* @group Search */
.tool .search {
  position: relative;
  float: right;
  margin: 4px 5px 4px 5px;
  height: 25px;
  right: 5px;
  width: 150px;
  }
.tool .search .field {
  float: right;
  height: 25px;
  width: 100%;
  right: 0;
  }
.tool .search .field .h,
.tool .search .field .b,
.tool .search .field .f,
.tool .search .field .x {
  background: url(imgs/wg.searchfield.3i3a+11x25,clear.ia+11x11.png);
  }
.tool .search .field .h {
  width: 11px;
  }
.tool .search .field .f {
  width: 11px;
  background-position: 0 -50px;
  }
.tool .search .field .b {
  left: 11px;
  right: 11px;
  background-repeat: repeat-x;
  background-position: 0 -25px;
  }
.tool .search .field .x {
  top: 7px;
  margin-right: 8px;
  height: 11px;
  width: 11px;
  background-position: 0 -161px;
  }
.tool .search .field.focus .x {
  background-position: 0 -150px;
  }
.tool .search .field input {
  position: absolute;
  left: 0;
  right: 0;
  margin: 3px 14px 0 12px;
  padding: 0;
  height: 20px;
  line-height: 18px;
  border: none;
  background: none;
  outline: none;
  color: #e9e9d6;
  }
.tool .search .field.focus .h { background-position: 0 -75px; }
.tool .search .field.focus .b { background-position: 0 -100px; }
.tool .search .field.focus .f { background-position: 0 -125px; }
.tool .search input::-webkit-input-placeholder,
.tool .search input::-moz-placeholder {
  color: #808076;
  }
.tool .search .progress {
  position: absolute;
  margin: 5px 0 5px -20px;
  margin: 0;
  left: 5px;
  margin: 5px 0;
  }
/* @end */

/* @group Pager */

.strip .pager {
  /* border: 1px solid rgba(0, 255, 0, 0.5); */
  width: auto;
  }
.strip .pager .textfield {
  width: 4em;
  float: left;
  margin: 5px 0;
  }
.strip .pager a.pv,
.strip .pager a.nx {
  display: block;
  /*border: 1px solid rgba(0, 255, 0, 0.5);*/
  float: left;
  height: 15px;
  width: 10px;
  margin: 10px 0;
  background: url(imgs/wg.nav.lr+iad+10x15.png) no-repeat;
  }
.strip .pager a.pv {
  background-position: 0 0;
  margin-left: 3px;
  }
.strip .pager a.nx {
  background-position: -10px 0;
  margin-right: 3px;
  }
.strip .pager a.pv:hover { background-position: 0 -15px; }
.strip .pager a.nx:hover { background-position: -10px -15px; }
.strip .pager a.pv.disabled { background-position: 0 -30px; cursor: default; }
.strip .pager a.nx.disabled { background-position: -10px -30px; cursor: default;}

.tool .pager {
  float: right;
  }

/* @end */

/* @group Menu */

.bar > ul {
  /*border: 1px solid rgba(255, 0, 255, 0.25); */
  padding: 0 5px;
  }
.bar > ul > li {
  height: 35px;
  padding: 0 5px;
  }
.bar ul li.menu {
  /*border: 1px solid rgba(255, 128, 0, 0.25); */
  }
.bar ul li.menu:hover {
  background: url(imgs/wg.toolbar.rx.ia+x36.png) repeat-x 0 -36px;
  }
.bar li a.options {
  display: block;
  width: 23px;
  height: 15px;
  margin: 10px 5px;
  background: url(imgs/wg.tool.opts.apio+23x15.png) no-repeat;
  }
.bar li:hovers a.options {
  background: url(imgs/wg.tool.opts.apio+23x15.png) no-repeat -46px 0;
  }
.bar .menu > ul {
  display: none;
  position: absolute;
  z-index: 2;
  background: #45453e;
  border: 1px solid #32322d;
  border-top: none;
  width: 200px;
  margin-left: -6px;
  padding: 5px 0 10px 0;
  }
.bar .menu:hoverx > ul {
  display: block;
  }
.bar .menu > ul > li {
  /*background: rgba(255, 255, 0, 0.25);*/
  width: 200px;
  margin: 0;
  padding: 0;
  line-height: 25px;
  }
.bar .menu > ul > li a {
  /*background: rgba(0, 0, 255, 0.25);*/
  display: block;
  padding: 0 10px;
  text-decoration: none;
  font-weight: bold;
  }
.bar .menu > ul > li a:hover {
  background-color: #616157;
  }
.bar .menu > ul > li div.detail {
  /*background: rgba(255, 255, 0, 0.25);*/
  margin: 0 -10px 0 10px;
  }
.bar .menu > ul > li div.detail ul {
  /*background: rgba(255, 255, 0, 0.25); */
  }
.bar .menu > ul > li div.detail ul li {
  float: none;
  line-height: 25px;
  }
.bar .menu > ul > li div.detail ul li label {
  display: inline-block;
  width: 6em;
  }

/* @group Subtabs */

.bar > ul.subtabs {
  margin: 0 10px 0 15px;
  padding: 0;
  }
.bar > ul.subtabs li.subtab {
  position: relative;
  padding: 0;
  box-sizing: border-box;
  }
.bar > ul.subtabs li.subtab.active {
  background: rgba(255,255,255,0.05);
  }
.bar > ul.subtabs:hover li.subtab.active {
  background: none;
  }
.bar > ul.subtabs li.subtab:hover,
.bar > ul.subtabs:hover li.subtab:hover {
  background: rgba(255,255,255,0.05);
  }
.bar > ul.subtabs li.subtab.active:after { /* Underline marker */
  content: '';
  display: block;
  position: absolute;
  border-bottom: 2px solid #d1f5ff;
  z-index: 100;
  bottom: -1px; left: 0px; right: 0px;
  box-shadow: 0 1px 10px 0 #92e9ff; /*rgba(255,255,255,1); */
  }
.bar > ul.subtabs li.subtab a {
  display: block;
  padding: 0 10px;
  text-decoration: none;
  color: #706f63;
  }
.bar > ul.subtabs li.subtab a:hover,
.bar > ul.subtabs li.subtab.active a {
  color: #fefef2;
  }

/* @end */

/* @group Status Lights */

#connectivity {
  float: right;
  margin-right: 15px;
  }
#connectivity .status {
  float: right;
  height: 36px;
  padding-top: 12px;
  margin-left: 10px;
  }
#connectivity .connections {
  float: right;
  height: 36px;
  }
#connectivity .status.system {
  }
#connectivity .status .light {
  display: inline-block;
  vertical-align: middle;
  width: 48px; height: 4px;
  border-radius: 10px;
  /*background-image: -webkit-radial-gradient(50% 20%, ellipse, #fff 0%, #999 40%, #666 50%, #aaa 60%, #aaa 70%, #333 90%); */
  background-color: #d1d1d1;
  background-image: -webkit-radial-gradient(50% 20%, ellipse, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 40%, rgba(0,0,0,0.25) 80%);
  }
#connectivity .status .label {
  color: #7f7f7f;
  }
#connectivity .status.ok .light {
  -webkit-animation: green-light 2.5s infinite;
  }  
@-webkit-keyframes green-light {
  0% { box-shadow: 0 0 0 rgba(255, 255, 255, 0);
    background-color: #59c600;
    }
  10% { box-shadow: 0 0 5px #72ff00;
    background-color: #72ff00;
    }
  20% { box-shadow: 0 0 0 rgba(255, 255, 255, 0);
    background-color: #59c600;
    }
  100% { box-shadow: 0 0 0 rgba(255, 255, 255, 0);
    background-color: #59c600;
    }
  }
#connectivity .status.warn .light {
  -webkit-animation: yellow-light 1.5s infinite;
  }  
/*
#connectivity .status.warn .label {
  color: #ba9000;
  }  
*/
@-webkit-keyframes yellow-light {
  0% { box-shadow: 0 0 0 rgba(255, 255, 255, 0);
    background-color: #ccc700;
    }
  10% { box-shadow: 0 0 5px #fff800;
    background-color: #fff800;
    }
  20% { box-shadow: 0 0 0 rgba(255, 255, 255, 0);
    background-color: #ccc700;
    }
  100% { box-shadow: 0 0 0 rgba(255, 255, 255, 0);
    background-color: #ccc700;
    }
  }
#connectivity .status.error .light {
  -webkit-animation: red-light 0.5s infinite;
  }  
#connectivity .disclaimer {
  vertical-align: middle;
}
/*
#connectivity .status.error .label {
  color: #f00;
  }  
*/
@-webkit-keyframes red-light {
  0% { box-shadow: 0 0 0 rgba(255, 255, 255, 0);
    background-color: #f00;
    }
  50% { box-shadow: 0 0 5px #ff8486;
    background-color: #ff8486;
    }
  100% { box-shadow: 0 0 0 rgba(255, 255, 255, 0);
    background-color: #f00;
    }
  }

/* @end */


#page_foot .page-tools.bar .menu > ul {
  position: absolute;
  bottom: 36px;
  right: 15px;
  border-top: 1px solid #32322d;
  border-bottom: none;
  padding: 0;
  }
#page_foot #page-tool-status {
  position: absolute;
  height: 35px;
  line-height: 33px;
  right: 57px;
  color: #77776b;
  }
#page_foot #page-tool-status.error {
  color: #ff4b4b;
  }

/* @end */

/* @end */

.tool form {
  margin: 7px 25px 0 0;
  padding: 0;
  height: 25px;
  }
.tool select {
  outline: none;
  background: #6b6b63;
  color: #d4d4c4;
  border-color: #5d5d55;
  }
  
/* @end */

/* @group HUD P&L */

.hud_pl {
  height: 35px;
  line-height: 33px;
  font-size: 12px;
  padding: 0 15px;
  }
.hud_pl .pl {
  font-weight: normal;
  font-size: 14px;
  padding-right: 5px;
  }
.hud_pl .pl.Nud.Nu {
  background-position: right 1px;
  }
.hud_pl .pl.Nud.Nd {
  background-position: right -12px;
  }
.hud_pl .td,
.hud_pl .lb {
  font-weight: normal;
  color: #808076;
  }

/* @end */


/* @group Trade Stats */

.stats {
  width: 100%;
  margin-top: 14px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  }
.stats td {
  height: 30px;
  vertical-align: middle;
  }
.stats .nm {
  color: #b2b2a4;
  }
.stats .cn {
  padding-right: 15px;
  font-size: 18px;
  }

/* @end */


/* @group Overlay */

.overlay .Nz {
  color: #706f67;
  }
.overlay .Nn {
  color: #ffc3a7;
  }
.overlay .margin {
  /* border: 1px solid rgba(0, 255, 0, 0.5); */
  top: 1px; right: 6px; bottom: 18px; left: 6px;
  overflow: hidden;
  }
.overlay .tab {
  /*border: 1px solid rgba(255, 255, 0, 0.5); */
  margin: -1px;
  }
.overlay .strip {
  /* border: 1px solid rgba(255, 255, 0, 0.5);*/
  margin: -1px;
  }
.overlay .border div {
  }
.overlay .strip {
  background: none;
  }
.overlay .border .v { left: 13px; right: 13px; }
.overlay .border .h { top: 35px; bottom: 17px; }
.overlay .border .e.h { width: 13px; }
.overlay .border .t { height: 35px; }
.overlay .border .b { height: 17px; }
.overlay .border .l,
.overlay .border .r { width: 13px; }
.overlay .border .t,
.overlay .border .b { background: url(imgs/wg.overlay.hz.tl,tr,t+13x37.bl,br,b+13x17.png) repeat-x; }
.overlay .border .e.l,
.overlay .border .e.r { background: url(imgs/wg.overlay.vt.l,r+13x23.at,ab+31x23.png) repeat-y; }
.overlay .border .c { background-repeat: no-repeat; }

.overlay .border .c.t.l { background-position: 0 0; }
.overlay .border .c.t.r { background-position: 0 -37px; }
.overlay .border .e.t   { background-position: 0 -74px; }
.overlay .border .c.b.l { background-position: 0 -111px; }
.overlay .border .c.b.r { background-position: 0 -128px; }
.overlay .border .e.b   { background-position: 0 -145px; }
.overlay .border .e.l   { background-position: 0 0; }
.overlay .border .e.r   { background-position: -13px 0; }
.overlay .border .x     { background: #8a8a80; }
  
.overlay .border .at,
.overlay .border .ab {
  width: 31px; height: 23px; right: 40px;
  background: url(imgs/wg.overlay.vt.l,r+13x23.at,ab+31x23.png) no-repeat;
  }
.overlay .border .at {
  /* display: none; */
  }
.overlay .border .ab {
  display: none;
  }
.overlay .border .at { background-position: -26px; top: -14px; }
.overlay .border .ab { background-position: -57px; bottom: -13px; }

.overlay table {
  width: 100%;
  }
.overlay table th:last-child,
.overlay table td:last-child {
  padding-right: 15px;
  }

.overlay .close {
  top: 14px;
  right: 14px;
  width: 11px; height: 11px;
  background: url(imgs/wg.searchfield.3i3a+11x25,clear.ia+11x11.png) 0 -150px;
  }
.overlay .close:hover {
  background-position: 0 -161px;
  }
  
.overlay .slick-cell:first-child {
  padding-left: 10px;
  }
.overlay .slick-header-column:first-child .slick-column-name {
  padding-left: 7px;
  }
.overlay .slick-cell:last-child,
.overlay .slick-header-column:last-child .slick-column-name {
  padding-right: 10px;
  }
.overlay .buttons {
  padding: 5px 10px 0 10px;
  background: #8a8a81;
  }
.overlay .buttons button {
  }
.overlay .buttons .error {
  text-align: center;
  color: #ffaa27;
  }

.tab p.caption {
  margin: 25px 15px;
  text-align: center;
  color: #c0bfb0;
  }

/* @end */

/* @group Buttons */

.button[disabled] {
  color: #8c8c80;
  }

/* @group Bar Buttons */
.button {
  display: block;
  float: left;
  height: 23px;
  margin: 5px;
  line-height: 23px;
  font-weight: normal;
  color: #cbcbbb;
  text-decoration: none;
  }
.button:hover:not([disabled]),
.button.active {
  color: #fff;
  }
.button .h,
.button .b,
.button .f {
  float: left;
  height: 23px;
  background: url(imgs/wg.barbutton.3i3a+4x23.png) no-repeat;
  }
.button .h { background-position: 0 0; width: 4px; }
.button .b { background-position: 0 -23px; background-repeat: repeat-x; }
.button .f { background-position: 0 -46px; width: 4px; }
.button .b {
  padding: 0 5px;
  }
.button:hover:not([disabled]) .h,
.button.active .h { background-position: 0 -69px;  }
.button:hover:not([disabled]) .b,
.button.active .b { background-position: 0 -92px; }
.button:hover:not([disabled]) .f,
.button.active .f { background-position: 0 -115px; }
/* @end */

/* @group Large Buttons */
.button.large { height: 28px; line-height: 28px; }
.button.large .h,
.button.large .b,
.button.large .f {
  height: 28px;
  background: url(imgs/wg.largebutton.ia+lmr+4x28.png) no-repeat;
  }
.button.large .h { background-position: 0 0; width: 4px; }
.button.large .b { background-position: 0 -28px; background-repeat: repeat-x; }
.button.large .f { background-position: 0 -56px; width: 4px; }
.button.large .b { padding: 0 15px; }
.button.large:hover:not([disabled]) .h,
.button.large.active .h { background-position: 0 -84px;  }
.button.large:hover:not([disabled]) .b,
.button.large.active .b { background-position: 0 -112px; }
.button.large:hover:not([disabled]) .f,
.button.large.active .f { background-position: 0 -140px; }
/* @end */  
/* @end */

/* @group Login */

body.auth {
  background: #42423d url(imgs/wg.toplight.950x284.png) no-repeat center top;
  }

body.auth #page_body {
  top: 0;
  bottom: 0;
  border: none;
  }

div#auth label {
  padding-bottom: 0.5em;
  font-size: 14px;
}

div#login {
  position: relative;
  width: 445px;
  height: 246px;
  background: url(imgs/wg.login.445x246.png) no-repeat;
  margin: 100px auto 20px;
  font-size: 13px;
  }
div#login .brand {
  position: absolute;
  top: 0; left: 0; right: 0; height: 90px;
  background: url(imgs/wg.fxmclarge.156x65.png) no-repeat center center;
  }
div#login .field.name {
  position: absolute;
  top: 110px; left: 40px; width: 170px; height: 50px;
  }
div#login .field.pass {
  position: absolute;
  top: 110px; right: 40px; width: 170px; height: 50px;
  }
div#login .field label {
  display: block;
  font-weight: normal;
  margin: 0 0.3em 7px;
  }
div#login .field input {
  position: absolute;
  left: 0; right: 0;
  font-size: 13px;
  margin: 0;
  }
div#login p.error {
  position: absolute;
  margin: 0;
  top: 160px; left: 40px; right: 40px;
  text-align: center;
  font-size: 11px;
  color: #ffaa27;
  }
div#login .controls {
  position: absolute;
  left: 40px; right: 40px; bottom: 33px;
  }
div#login .controls .register {
  display: none;
  }
div#login .controls .login {
  float: right;
  }
div#login .controls .submit { 
  position: absolute;
  top: -1000px;
  }

div#auth {
  position: relative;
  display: flex;
  flex-direction: column;
  align-content: stretch;
  justify-content: center;
  width: 445px;
  /* height: 246px; */
  /* border: 1px solid rgba(0, 0, 0, 0.25); */
  border-radius: 10px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
  background-color: #8b8b83;

  margin: 100px auto 20px;
  padding-top: 80px;
  font-size: 13px;
  }


div#auth .brand {
  position: absolute;
  top: 0px;
  width: 100%;
  min-height: 80px;
  border-radius: 10px 10px 0 0;
  background-image: url(/files/login.png);
  background-size: cover;
}

div#auth .sheets {
  flex: 1;
  display: flex;
  /*position: absolute;
  width: 100%;
  height: 100%;*/
  }
  
div#auth .sheet {
  display: none;
  width: 445px;
  /*position: absolute;
  top: 0;
  width: 100%;
  height: 100%;*/
  }
div#auth .sheet.active {
  display: flex;
  flex-direction: column;
  }
div#auth .sheet form {
  display: flex;
  flex-direction: column;
  /*position: absolute;
  top: 0;
  width: 100%;
  height: 100%;*/
  padding: 0;
  }
div#auth .sheet form > div {
  /*border: 1px solid green;
  background: rgba(0, 1, 1, 0.5);*/
  }
 
div#auth .sheet .fields {
  display: flex;
  flex: 1;
  align-content: stretch;
  justify-content: center;
  padding: 0 10px;
  /*background: red;*/
  }
div#auth .sheet .fields .field {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 10px;
  /*border: 1px solid yellow;*/
  }
div#auth .sheet .error {
  min-height: 1.5em;
  padding: 5px;
  text-align: center;
  font-size: 11px;
  color: #ffaa27;
  }
div#auth .sheet .controls {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  }
div#auth .sheet .header h1 {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 5px 0.5em;
  }
div#auth .sheet .header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 20px 0px;
  font-size: 12px;
  }
div#auth .sheet .controls.top {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1)
  }
div#auth .sheet .controls.bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  /*box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.1);*/
  padding-bottom: 15px;
  }
div#auth .sheet .controls .spacer {
  flex: 1;
  }
div#auth .sheet .controls a {
  font-size: 12px;
  text-decoration: none;
  color: #1dcfff;
  }
.inset-form {
 /* padding: 40px; */
}

form textarea:focus, form input:focus {
  outline: none;
  }

.field input, .field select, .field textarea {
  border: 1px solid #ffffff;
  padding: 2px 5px;
  font-size:  14px;
  }
input.errored {
  box-shadow: 0 0 5px #ffb705;
  border: 1px solid #ffb705;
  }
input[type=submit] {
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 20px;
  padding: .3em 1em;
  margin:  0;
  font: normal 12px "Lucida Grande", Helvetica, Calibri, Verdana, sansserif;
  background-color: #42423c;
  color: #ffffff;
  }
input[type=submit].default {
  background-color: #13c7ff;
  }
input[type=submit]:active {
  background-color: #ffffff;
  color: #13c7ff;
  }
input[type=submit][disabled] {
  opacity: 0.5;
  }
 
body.auth #fxmc {
  margin: 10px auto;
  width: 205px; height: 50px;
  background: url(imgs/fxmc.product.100x35.png) no-repeat;
  background: url(imgs/mc.logo.frame.gray.205x50.png) no-repeat center;
  background: url(imgs/mc.logo.fulletg.205x50.png) no-repeat center;
  }
body.auth #etg {
  float: none;
  margin: 0 auto;
  padding-left: 20px;
  }
body.auth #etg a {
  margin: 0;
  padding: 0;
  }

/* @end */

/* @group Deltas */

#deltas .px {
  color: #98978c;
  }

/* @end */



.progress {
  display: none;
  float: left;
  width: 16px; height: 16px;
  margin-right: 5px;
  background: url(imgs/wg.progress.circle.16x16.gif) no-repeat;
  }
/* @group Forms */
form {
  padding: 10px 0;
  }
form table,
form table td {
  border: none;
  }
form table td {
  vertical-align: baseline;
  }
form table tr:hover td {
  background: none;
  }
form .button {
  margin: 0;
  }
form tr.error .error {
  line-height: 16px;
  }
form tr.error td:first-child {
  height: 16px;
  }
form .error.active {
  color: #f8d530;
  font-style: italic;
  }
  
.tab .controls {
  overflow: auto;
  background: #4f4f49;
  padding: 5px 15px 10px;
  margin: 0;
  border-bottom: 1px solid #363632;
  }
.tab .controls ul {
  list-style: none;
  padding: 0;
  }
.tab .controls ul li {
  display: block;
  float: left;
  margin-right: 10px;
  }
.tab .controls .buttons {
  float: left;
  margin-top: -4px;
  }
.tab .controls .progress {
  margin-top: 4px;
  }
  
/* @group CheckField */

.checkfield {
  display: inline-block;
  width: 15px; height: 17px;
  margin: -3px 0 -3px 0;
  padding: 0;
  background: url(imgs/wg.radchk.md.rc+iab+b,lg+ed+15x17.png) no-repeat;
  }

/* Unchecked: disabled (Ed) and pressed (P) */
.checkfield 		{ background-position: -45px -34px; }
.checkfield.Ed		{ background-position: -45px -68px; }
.checkfield.P 		{ background-position: -45px -17px; }
.checkfield.Ed.P	{ background-position: -45px -51px; }

/* Checked (Sa): disabled (Ed) and pressed (P) */
.checkfield.Sa 		{ background-position: -60px -34px; }
.checkfield.Sa.Ed	{ background-position: -60px -68px; }
.checkfield.Sa.P 	{ background-position: -60px -17px; }
.checkfield.Sa.Ed.P { background-position: -60px -51px; }

/* Indeterminate (Si): disabled (Ed) and pressed (P) */
.checkfield.Si 		{ background-position: -75px -34px; }
.checkfield.Si.Ed	{ background-position: -75px -68px; }
.checkfield.Si.P 	{ background-position: -75px -17px; }
.checkfield.Si.Ed.P { background-position: -75px -51px; }

/* Active */
.checkfield.A 		{ background-position: -45px 0; }
.checkfield.Sa.A 	{ background-position: -60px 0; }
.checkfield.Si.A 	{ background-position: -75px 0; }

th .checkfield {
  margin: -5px 0 -1px 0;
  }

.checkfield input {
  display: none;
/*  display: block;
  position: relative;
  left: 15px;
  top: 4px; */
  }

/* @end */

/* @group TextField */

.textfield {
  /*border: 1px solid rgba(255, 255, 255, 0.25);*/
  height: 25px;
  width: 100px;
  margin: 4px 0;
  }
.textfield .h,
.textfield .b,
.textfield .f {
  position: absolute;
  top: 0;
  bottom: 0;
  background: url(imgs/wg.field.ai+lcr+3x25.png) no-repeat;
  }
.textfield .h {
  position: absolute;
  /*border: 1px solid rgba(255, 0, 255, 0.5);*/
  left: 0;
  width: 3px;
  background-position: 0 -75px;
  }
.textfield .b {
  position: absolute;
  /*border: 1px solid rgba(255, 255, 0, 0.5);*/
  left: 3px;
  right: 3px;
  background-position: 0 -100px;
  background-repeat: repeat-x;
  }
.textfield .f {
  /*border: 1px solid rgba(0, 255, 255, 0.5);*/
  right: 0;
  width: 3px;
  background-position: 0 -125px;
  }
.textfield .b input {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  padding: 0;
  border: none;
  background: none;
  outline: none;
  color: #e9e9d6;
  }
.textfield.focus .h { background-position: 0 0; }
.textfield.focus .b { background-position: 0 -25px; }
.textfield.focus .f { background-position: 0 -50px; }

/* @end */

/* @end */

/* @group Positions Tab */

#positions tr.tl td {
  border-bottom: 1px solid #575750;
  background: #32322e;
  }
#positions tr td.shqt,
#positions tr td.lgqt {
  color: #8c8c81;
  }
#positions tr td.tlqt,
#positions tr th.tlqt {
  border-left: 1px solid #575750;
  }

/* @end */


/* @group Source */

table.source {
  width: 100%;
  }
.source a {
  display: block;
  color: #fefef2;
  text-decoration: none;
  }
.source .active td {
  background: url(imgs/wg.select.green.a2.rc.x21.png) repeat-x;
  }

/* @end */

a.etg {
  display: block;
  width: 58px;
  height: 26px;
  background: url(imgs/etg.58x26.png) no-repeat;
  }
a.etg span {
  display: none;
  }
  
/* @group Icons */

.tool .button i.glyphicons {
  display: inline-block;
  height: 15px;
  width: 15px;
  padding: 0;
  margin: -4px 2px 0 -2px;
  }
.tool .button i.glyphicons:before {
  font-size: 12px;
  line-height: 15px;
  color: #cbcbbb;
  }
.tool .button[disabled] i.glyphicons:before {
  color: #8c8c80;
  }

/* See mc.panel.js */
.section-container {
  display: flex;
  flex-direction: column;
  }
.section-strip {
  flex: 0;
  position: relative;
  height: 35px;
  min-height: 35px;
  }
.section-strip ul.section-tabs {
  margin: 0 10px;
  padding: 0;
  }
.section-strip ul.section-tabs li {
  list-style: none;
  float: left;
  margin: 5px 0;
  }
.section-strip ul.section-tabs li a {
  display: block;
  // background-color: rgba(255, 255, 255, 0.05);
  color: #95958e;
  height: 23px;
  line-height: 23px;
  font-size: 11px;
  padding: 0 10px;
  border-radius: 25px;
  border: 1px solid transparent;
  }
.section-strip ul.section-tabs li.active a {
  background-color: #53544C;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  }
.section-tools {
  display: block;
  float: left;
  margin: 0 10px;
  color: #686860;
  text-decoration: none;
  opacity: 0.0;
}
.section-strip:hover .section-tools {
  opacity: 1.0;
}
.section-tools i.glyphicons {
  padding-left: 0;
}
.section-tools i.glyphicons::before {
  font-size: 11px;
  line-height: 23px;
  color: #686860;
  text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
}
.section-tools:hover i.glyphicons::before {
  color: #95958e;
}
.section-doc {
  flex: 1;
  position: relative;
  overflow: hidden;
  }
.section-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  }

.message .message-content {
  color: rgba(255, 255, 255, 0.4);
  }
.message .message-content:before {
  content: ' • ';
  }

.slick-cell a.download {
  display: block;
  float: left;
  height: 15px;
  width: 15px;
  padding: 0;
  margin-right: 5px;
/*  margin: -4px 2px 0 -2px; */
  }
.slick-cell i.glyphicons::before {
  font-size: 10px;
  line-height: 15px;
  color: #686860;
  text-shadow: 
    0 -1px 1px rgba(0,0,0,0.5);
  }
.slick-row:hover .slick-cell i.glyphicons::before {
  color: #13c7ff;
  }


.slick-row.total .slick-cell,
.slick-row.header-row .slick-cell,
.slick-row.footer-row .slick-cell {
  background-color: rgba(0, 0, 0, 0.2);
}

/* @end */

.slick-cell span.square::after {
  content: "";
  display: inline-block;
  width: .7em;
  height: .7em;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.2);
  margin-left: .5em;
  }
.slick-cell span.square.l3::after {
  -webkit-animation-name: notifyl3;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-name: notifyl3;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  }
.slick-cell span.square.l2::after {
  -webkit-animation-name: notifyl2;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-name: notifyl2;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  }
.slick-cell span.square.l1::after {
  -webkit-animation-name: notifyl1;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-name: notifyl1;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  }

/* @group CreditProfiles */
#credit-profiles .np:after,
#credit-profiles .dp:after {
  content: "";
  display: inline-block;
  width: .7em;
  height: .7em;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.2);
  margin-left: .5em;
  }
#credit-profiles .np-l0 td.np:after,
#credit-profiles .dp-l0 td.dp:after {
  background-color: rgba(255, 255, 255, 0.1);
  }
#credit-profiles .np-l1 td.np:after,
#credit-profiles .dp-l1 td.dp:after {
  background-color: rgba(255, 255, 0, 0.8);
  }
#credit-profiles .np-l2 td.np:after,
#credit-profiles .dp-l2 td.dp:after {
  background-color: rgba(255, 127, 0, 1);
  }
#credit-profiles .np-l3 td.np:after,
#credit-profiles .dp-l3 td.dp:after {
  background-color: rgba(255, 0, 0, 0.8);
  }

@keyframes flashrow {
  /* Red Flash */
  /*0%  { background-color: rgba(255, 127, 127, 0.5) }*/
  /* Grey Flash */
  0%  { background-color: rgba(255, 255, 255, 0) }
  2%  { background-color: rgba(255, 255, 255, 0.4) }
  40% { background-color: rgba(255, 255, 255, 0) }
  }

@keyframes notifyl1 {
  0%  { background-color: rgba(255, 255, 0, 0.5) }
  25% { background-color: rgba(255, 255, 0, 0.25) }
  }

@keyframes notifyl2 {
  0%  { background-color: rgba(255, 127, 0, 1) }
  25% { background-color: rgba(255, 127, 0, 0.25) }
  }

@keyframes notifyl3 {
  0%  { background-color: rgba(255, 0, 0, 0.5) }
  25% { background-color: rgba(255, 0, 0, 0.05) }
  }

@keyframes notifyrow {
  0%  { background-color: rgba(255, 255, 255, 0.5) }
  25%  { background-color: rgba(255, 255, 255, 0) }
  }

/* Safari requires @-webkit-keyframes notation, where chrome only requires @keyframes notation */
@-webkit-keyframes flashrow {
  /* Red Flash */
  /*0%  { background-color: rgba(255, 127, 127, 0.5) }*/
  /* Grey Flash */
  0%  { background-color: rgba(255, 255, 255, 0) }
  2%  { background-color: rgba(255, 255, 255, 0.4) }
  40% { background-color: rgba(255, 255, 255, 0) }
  }

@-webkit-keyframes notifyl1 {
  0%  { background-color: rgba(255, 255, 0, 0.5) }
  25% { background-color: rgba(255, 255, 0, 0.25) }
  }

@-webkit-keyframes notifyl2 {
  0%  { background-color: rgba(255, 127, 0, 1) }
  25% { background-color: rgba(255, 127, 0, 0.25) }
  }

@-webkit-keyframes notifyl3 {
  0%  { background-color: rgba(255, 0, 0, 0.5) }
  25% { background-color: rgba(255, 0, 0, 0.05) }
  }

@-webkit-keyframes notifyrow {
  0%  { background-color: rgba(255, 255, 255, 0.5) }
  25%  { background-color: rgba(255, 255, 255, 0) }
  }


/* We dont want yellow notice to flash
#credit-profiles .np-l1 td.np:after, .dp-l1 td.dp:after {
  -webkit-animation-name: notifyl1;
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-name: notifyl1;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  }
*/

#credit-profiles .np-l2 td.np:after, .dp-l2 td.dp:after {
  -webkit-animation-name: notifyl2;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-name: notifyl2;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  }

#credit-profiles .np-l3 td.np:after, .dp-l3 td.dp:after {
  -webkit-animation-name: notifyl3;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-name: notifyl3;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  }

#credit-profiles .np-l3, .dp-l3 {
  -webkit-animation-name: flashrow;
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-name: flashrow;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  }

.slick-row.row-flash {
  -webkit-animation-name: flashrow;
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-name: flashrow;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  }

/* @end */

/* @group Account Activity */
#account-activity .Tt {
/*  background-color: rgba(194,245,255, 0.90);*/
  /*background-color: rgba(255, 255, 0, 0.35);*/
  }

/* This overides the general group config specifically for account-activity */
#account-activity tr.group {
  color: rgba(194,245,255, 0.90);
}
/* @end */


/* @group charting  */
#chart-display .barchart {
  fill: #CCCCCC;
  opacity: 1.0;
}

#chart-display path {
  -webkit-transition: fill-opacity 250ms linear;
}

#chart-display .barchart .axis path .axis line {
        fill: none;
        stroke: #CCCCCC;
        stroke: #000;
        shape-rendering: crispEdges;
}

#chart-display .axis path .axis line {
        fill: none;
        stroke: #CCCCCC;
        stroke: #000;
}

#chart-display .selecting path {
  fill-opacity: .2;
}

#chart-display .selecting path.selected {
  stroke: #f00;
  stroke-width: 2px;
}

#chart-display .brush .extent {
  stroke: #fff;
  fill-opacity: .125;
  shape-rendering: crispEdges;
}

#chart-display .brush .background {
  fill: #CCCCCC;
}

/**/



/* @end */


/* @group context menu -  Menu For Blotter */
 
.contextMenu {
  background: #42423d;
  border: 1px solid #383834;
  padding: 2px;
  display: inline-block;
  min-width: 100px;
  -moz-box-shadow: 2px 2px 2px #4b4b45;
  -webkit-box-shadow: 2px 2px 2px #4b4b45;
  z-index: 99999;
}
    
.contextMenu li {
  padding: 4px 4px 4px 0px;
  margin-left: 20px;
  list-style: circle;
  cursor: pointer;
}
    
.contextMenu li:hover {
  background-color: #4c4c46;
}

/* @end */


/* Benchmarks */

.bench-metric-average {
  color: cyan !important;
  background-color: #42423d !important;
}

.bench-metric-fastest {
  color: green !important;
  background-color: #42423d !important;
}

.bench-metric-slowest {
  color: red !important;
  background-color: #42423d !important;
}

.slick-row.bench-child {
  color: #919185;
}

.bench-child-last {
  border-bottom-color: #21211e;
}

#benchmarks {
  position: absolute;
  top: 35px;
  bottom: 0;
  right: 0;
  left: 0;
}
/* @end */