@charset "UTF-8";
ul.backbonetree {
  list-style-type: none;
}
ul.backbonetree ul {
  list-style-type: none;
}
ul.backbonetree li.node label {
  display: inline;
  padding-left: 10px;
}
ul.backbonetree li.node label input {
  margin-left: 0;
}
ul.backbonetree li.node > a.expand {
  float: left;
  margin: 0 8px 0 -10px;
}
ul.backbonetree li.node > a.expand:hover {
  text-decoration: none;
}
ul.backbonetree li.node > a.expand .icon-expand-alt {
  display: none;
}
ul.backbonetree li.node.collapsed > ul.children {
  display: none;
}
ul.backbonetree li.node.collapsed > a.expand .icon-collapse-alt {
  display: none;
}
ul.backbonetree li.node.collapsed > a.expand .icon-expand-alt {
  display: inline;
}

.compact-tree ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/*! nouislider - 14.0.2 - 6/28/2019 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

.noUi-connect {
  height: 100%;
  width: 100%;
}

.noUi-origin {
  height: 10%;
  width: 10%;
}

/* Offset direction
 */
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 12px;
}

.noUi-horizontal .noUi-handle {
  width: 17px;
  height: 14px;
  left: -17px;
  top: -2px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #999;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: pointer;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 7px;
  width: 1px;
  background: #E8E7E6;
  left: 5px;
  top: 2px;
}

.noUi-handle:after {
  left: 9px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 7px;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

/* ############################# mixins ###################### */
/*
##############   #############    #############    #############
##############   #############    #############    #############
    #####        ####     ####    ####             ####
    #####        ####     ####    ####     ####    #############
    #####        #############    ####      ###    #############
    #####        #############    ####      ###             ####
    #####        ####     ####    #############    #############
    #####        ####     ####    #############    #############
*/
body {
  background: #232D38;
  font-size: 12px;
}

div.modal, .well {
  color: white;
}
div.modal button.close, .well button.close {
  color: #999;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
}
div.modal button.close:hover, .well button.close:hover {
  color: white;
}
div.modal div.modal-footer, .well div.modal-footer {
  border: none;
  box-shadow: none;
  padding-top: 6px;
}
div.modal div.modal-body, .well div.modal-body {
  padding-bottom: 0;
}

footer {
  color: #555;
}

h5 {
  margin: 0 0 4px 0;
}

hr {
  margin: 1px 0px;
  border: 1px solid #aaa;
}

label {
  margin-right: 10px;
}

legend {
  padding: 40px 0px 0px 0px;
  color: #EEE;
}

optgroup {
  color: #726C6C;
}

option {
  color: #000;
}

select {
  height: 30px;
  font-size: 12px;
}

td, th {
  padding-left: 5px;
  padding-right: 5px;
}

textarea {
  resize: none;
}

thead th {
  vertical-align: bottom;
}

/*
    ##   ##       ##############   ###########      #############
    ##   ##       ##############   ############     #############
 #############         ####        ####     ####    ####
 #############         ####        ####     ####    #############
    ##   ##            ####        ####     ####    #############
 #############         ####        ####     ####             ####
 #############    ##############   ############     #############
    ##   ##       ##############   ###########      #############
*/
.modal-body {
  max-height: 600px;
}

#app-layout {
  overflow: hidden;
  width: 100%;
}

#main-sidebar {
  width: 310px;
  float: left;
}

#main-content {
  float: left;
  padding: 24px 0 0 24px;
  width: calc(100% - 337px);
}
#main-content #content, #main-content #error-ctn {
  float: left;
  width: 100%;
}

#addPositionsFromFile {
  margin-top: 5px;
}

#addEquities {
  width: 700px;
}
#addEquities .equity-dialog-selections .equity-dialog-table-wrapper {
  height: 300px;
  width: 400px;
  float: left;
  overflow-y: auto;
}
#addEquities .equity-dialog-selections .equity-dialog-table-wrapper table {
  width: 90%;
}
#addEquities h5 {
  margin-left: 15px;
}
#addEquities .equity-dialog-search {
  width: 180px;
}
#addEquities .selected-dialog-equities {
  display: inline-block;
  width: 250px;
}
#addEquities .selected-dialog-equities ul {
  list-style-type: none;
}
#addEquities .selected-dialog-equities ul li {
  float: left;
  display: inline;
}
#addEquities .selected-dialog-equities ul li:after {
  content: ", ";
}
#addEquities .selected-dialog-equities ul li:last-child:after {
  content: "";
}
#addEquities input {
  margin: 0px 5px 0px 0px;
}
#addEquities td label {
  cursor: pointer;
  font-size: 12px;
}
#addEquities td label:hover {
  text-decoration: underline;
}

.tab-content .btn {
  float: right;
}

.btn-group.open .btn.dropdown-toggle {
  background-color: #3F4757;
  margin-left: 0px;
}

#app {
  position: relative;
}

#console label {
  border-bottom: 2px solid #999;
  font-weight: bold;
  margin: 0 0 5px 0;
}
#console dl dt {
  display: inline;
  float: left;
  clear: left;
}
#console dl dd {
  float: right;
}

#create-new-with-optimization {
  width: 200px;
}

#createNewWith {
  width: 200px;
}

#expected {
  margin-top: 6px;
}

#feedback textarea {
  width: 515px;
}
#feedback input[type="checkbox"] {
  margin-top: 4px;
}
#feedback label {
  margin-right: 20px;
}
#feedback .checkbox {
  width: 100px;
  color: #eee;
}
#feedback .bold {
  margin-top: 10px;
}

#feedback-button {
  color: #eee;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
#feedback-button:hover {
  text-decoration: underline;
}

#tutorialModal {
  width: 800px;
  top: 35%;
  left: calc(50% - 80px);
  padding: 0px 32px;
}
#tutorialModal .tutorialNameDiv {
  margin: 8px 0 0 0;
  border-bottom: 2px #EEEEEE white;
}
#tutorialModal .tutorialButtons {
  margin: 0 33%;
}
#tutorialModal .tutorialButtons button {
  margin: 16px;
  width: 90px;
}

#landing .hero-unit {
  background: #232D38;
  padding-bottom: 10px;
}

#list-components_wrapper {
  margin-bottom: 10px;
}

#login {
  height: 500px;
  margin-top: 30px;
}
#login .well {
  min-height: 460px;
}
#login #maintenance input, #login #maintenance textarea {
  width: calc(100% - 16px);
  background-color: transparent;
  border: 2px solid white;
  border-radius: 6px;
  color: white;
}
#login ul {
  margin-top: 12px;
  margin-left: 0px;
  height: 100px;
}
#login ul li {
  float: left;
  list-style-type: none;
  display: inline;
  margin-bottom: 10px;
  cursor: pointer;
  text-decoration: none;
}
#login ul li:hover {
  text-decoration: underline;
}
#login ul li label {
  text-align: center;
  font-size: 12px;
  margin-right: 0px;
}
#login ul li a {
  color: white;
}
#login ul li a:hover {
  color: white;
}
#login fieldset {
  clear: both;
}
#login fieldset label {
  font-size: 12px;
}
#login .btn {
  padding: 4px 14px;
  font-size: 14px;
}
#login #qd-logo {
  float: left;
  margin-top: 20px;
  margin-right: 10px;
}
#login #bottom-links {
  margin-top: 10px;
}
#login #bottom-links a {
  margin-right: 28px;
}
#login a {
  color: #08C;
}
#login a:hover {
  color: #08C;
  text-decoration: underline;
}
#login a:hover img {
  box-shadow: 0px 0px 30px #222;
  -webkit-box-shadow: 0px 0px 30px #222;
  -moz-box-shadow: 0px 0px 30px #222;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

#nav .btn {
  padding: 4px 14px;
  font-size: 14px;
}

.navbar-inner {
  background: #232D38;
  border: 1px solid #06070A;
  text-shadow: none;
  min-height: 28px;
  padding-left: 0px;
  padding-right: 0px;
  /*@include dark-gradient;*/
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}
.navbar-inner .container-fluid {
  padding: 0;
}

.navbar {
  display: inline-block;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover {
  text-shadow: none;
  color: #ffffff !important;
  color: #EEE;
  background-color: #E48627 !important;
  background-image: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#E48627), to(#AD5A07)) !important;
  background: -webkit-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -moz-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -o-linear-gradient(top, #E48627, #AD5A07) !important;
  background: linear-gradient(to bottom, #E48627, #AD5A07) !important;
  text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
}
.navbar .nav > li {
  color: #EEE;
  background-color: #2A3142;
  background-image: none;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2A3142), color-stop(48%, #252C3B), color-stop(52%, #13171F), color-stop(100%, #171B25));
  background: -webkit-linear-gradient(top, #2A3142, #171B25);
  background: -moz-linear-gradient(top, #2A3142, #171B25);
  background: -o-linear-gradient(top, #2A3142, #171B25);
  background: linear-gradient(to bottom, #2A3142, #171B25);
}
.navbar .nav > li > a, .navbar .nav > li.open > a {
  text-shadow: none;
  color: #ffffff !important;
  border-right: 1px solid rgba(6, 7, 10, 0.5);
  font-size: 14px;
}
.navbar .nav > li > a:hover, .navbar .nav > li.open > a:hover {
  color: #ffffff;
  color: #EEE;
  background-color: #E48627 !important;
  background-image: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#E48627), to(#AD5A07)) !important;
  background: -webkit-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -moz-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -o-linear-gradient(top, #E48627, #AD5A07) !important;
  background: linear-gradient(to bottom, #E48627, #AD5A07) !important;
  text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
  color: #ffffff;
  color: #EEE;
  background-color: #E48627 !important;
  background-image: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#E48627), to(#AD5A07)) !important;
  background: -webkit-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -moz-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -o-linear-gradient(top, #E48627, #AD5A07) !important;
  background: linear-gradient(to bottom, #E48627, #AD5A07) !important;
  text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
}
.navbar .nav a:hover {
  color: #EEE;
  background-color: #E48627 !important;
  background-image: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#E48627), to(#AD5A07)) !important;
  background: -webkit-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -moz-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -o-linear-gradient(top, #E48627, #AD5A07) !important;
  background: linear-gradient(to bottom, #E48627, #AD5A07) !important;
  text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
  color: #ffffff;
}
.navbar .nav > li > .dropdown-menu ul {
  margin: 2px 0;
}
.navbar .nav > li > .dropdown-menu ul li {
  float: none;
  display: block;
}
.navbar .nav > li > .dropdown-menu ul li a {
  padding: 3px 20px;
  text-align: left;
  border-radius: 0;
}
.navbar .nav > li > .dropdown-menu:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #06070A;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 9px;
}
.navbar .nav > li > .dropdown-menu:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #2E3646;
  position: absolute;
  top: -6px;
  left: 10px;
}

/* Customize the navbar links to be fill the entire space of the .navbar */
.navbar .navbar-inner {
  padding: 0;
  display: inline-block;
}

.navbar .nav {
  margin: 0;
  display: table;
  /*width: 100%;*/
}

.navbar .nav li {
  display: table-cell;
  float: none;
}

.navbar .nav li a {
  font-weight: bold;
  text-align: center;
  padding: 4px 12px 5px;
  /*border-left: 1px solid rgba(255,255,255,.75);*/
  /*border-right: 1px solid rgba(0,0,0,.1);*/
}

.navbar .nav li:first-child a {
  border-left: 0;
  border-radius: 4px 0 0 4px;
}

.navbar .nav li:last-child a {
  border-right: 0;
  border-radius: 0 4px 4px 0;
}

#account-links {
  margin: 5px 10px -5px;
}
#account-links .dropdown-toggle {
  font-size: 14px;
  font-weight: bold;
  color: #EEE;
}
#account-links .dropdown-group, #account-links .dropdown-backdrop {
  display: inline;
}

#general-setting ul {
  margin-top: 40px;
}
#general-setting ul li {
  list-style-type: none;
  display: inline;
  cursor: pointer;
  text-decoration: none;
}
#general-setting ul li:hover {
  text-decoration: underline;
}
#general-setting ul li label {
  text-align: center;
  font-size: 12px;
  margin-right: 0px;
}
#general-setting ul li a {
  color: white;
}
#general-setting ul li a:hover {
  color: white;
}

#reset-password .controls, #default-optimize-setting .controls, #default-hedge-setting .controls, #default-eventstudy-setting .controls {
  margin-left: 0;
}
#reset-password .control-label, #default-optimize-setting .control-label, #default-hedge-setting .control-label, #default-eventstudy-setting .control-label {
  width: 200px;
}

#default-backtest-setting h5 {
  margin-top: 15px;
  margin-bottom: 10px;
}
#default-backtest-setting .control-group {
  margin-bottom: 5px;
}
#default-backtest-setting .control-label {
  width: 130px;
}
#default-backtest-setting input {
  width: 162px;
}
#default-backtest-setting select {
  width: 176px;
}
#default-backtest-setting #default-rebalanceNum {
  width: 50px;
}
#default-backtest-setting #default-rebalancePeriod {
  width: 120px;
}
#default-backtest-setting #default-stopLossGain {
  margin-left: 20px;
}
#default-backtest-setting #default-stopLossGain input[type="radio"] {
  width: 20px;
}
#default-backtest-setting .input-append input, #default-backtest-setting .input-prepend input {
  width: 135px;
}

#brokerage-accounts-edit input, #brokerage-accounts-edit select {
  width: 100px;
  display: none;
}
#brokerage-accounts-edit .brokerage-account-table {
  width: 100%;
  max-height: 320px;
}
#brokerage-accounts-edit .brokerage-account-table thead {
  border-bottom: 1px solid #eee;
}
#brokerage-accounts-edit #brokerage-search {
  width: 100%;
}

#optimize, #hedge, .btn-dark {
  border: 1px solid #06070A;
  text-shadow: none;
  color: #EEE;
  background-color: #2A3142;
  background-image: none;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2A3142), color-stop(48%, #252C3B), color-stop(52%, #13171F), color-stop(100%, #171B25));
  background: -webkit-linear-gradient(top, #2A3142, #171B25);
  background: -moz-linear-gradient(top, #2A3142, #171B25);
  background: -o-linear-gradient(top, #2A3142, #171B25);
  background: linear-gradient(to bottom, #2A3142, #171B25);
}
#optimize:hover, #optimize:active, #optimize.active, #hedge:hover, #hedge:active, #hedge.active, .btn-dark:hover, .btn-dark:active, .btn-dark.active {
  color: #EEE;
  background-color: #E48627 !important;
  background-image: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#E48627), to(#AD5A07)) !important;
  background: -webkit-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -moz-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -o-linear-gradient(top, #E48627, #AD5A07) !important;
  background: linear-gradient(to bottom, #E48627, #AD5A07) !important;
  text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
}

.btn-ok {
  border: 1px solid #06070A;
  text-shadow: none;
  color: #EEE;
  background: #2ce90b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #2ce90b 0%, #1f8a0a 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2ce90b), color-stop(100%, #1f8a0a));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2ce90b 0%, #1f8a0a 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #2ce90b 0%, #1f8a0a 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #2ce90b 0%, #1f8a0a 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #2ce90b 0%, #1f8a0a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ce90b', endColorstr='#1f8a0a',GradientType=0 );
  /* IE6-9 */
}
.btn-ok:hover, .btn-ok:active, .btn-ok.active {
  color: #EEE;
  background-color: #E48627 !important;
  background-image: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#E48627), to(#AD5A07)) !important;
  background: -webkit-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -moz-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -o-linear-gradient(top, #E48627, #AD5A07) !important;
  background: linear-gradient(to bottom, #E48627, #AD5A07) !important;
  text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
}

.btn-warning {
  border: 1px solid #06070A;
  text-shadow: none;
  color: #EEE;
  background: #e9d30b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e9d30b 0%, #8a7b0a 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9d30b), color-stop(100%, #8a7b0a));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e9d30b 0%, #8a7b0a 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e9d30b 0%, #8a7b0a 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e9d30b 0%, #8a7b0a 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e9d30b 0%, #8a7b0a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9d30b', endColorstr='#8a7b0a',GradientType=0 );
  /* IE6-9 */
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active {
  color: #EEE;
  background-color: #E48627 !important;
  background-image: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#E48627), to(#AD5A07)) !important;
  background: -webkit-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -moz-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -o-linear-gradient(top, #E48627, #AD5A07) !important;
  background: linear-gradient(to bottom, #E48627, #AD5A07) !important;
  text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
}

.btn-alert {
  border: 1px solid #060070A;
  text-shadow: none;
  color: #EEE;
  background: #ea0b0b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ea0b0b 0%, #8a0a0a 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ea0b0b), color-stop(100%, #8a0a0a));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ea0b0b 0%, #8a0a0a 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ea0b0b 0%, #8a0a0a 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ea0b0b 0%, #8a0a0a 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ea0b0b 0%, #8a0a0a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea0b0b', endColorstr='#8a0a0a',GradientType=0 );
  /* IE6-9 */
}
.btn-alert:hover, .btn-alert:active, .btn-alert.active {
  color: #EEE;
  background: #c30909;
  /* Old browsers */
  background: -moz-linear-gradient(top, #c30909 0%, #5f0707 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c30909), color-stop(100%, #5f0707));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #c30909 0%, #5f0707 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #c30909 0%, #5f0707 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #c30909 0%, #5f0707 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #c30909 0%, #5f0707 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c30909', endColorstr='#5f0707',GradientType=0 );
  /* IE6-9 */
}

.customAssetChartPreview .btn-transparent {
  display: none;
  background: transparent;
  opacity: .7;
}
.customAssetChartPreview .btn-transparent:hover {
  opacity: 1;
}
.customAssetChartPreview .btn-transparent .icon-transparent {
  opacity: .7;
}
.customAssetChartPreview .btn-transparent .icon-transparent:hover {
  opacity: 1;
}
.customAssetChartPreview:hover .btn-transparent {
  display: block;
}

.optimizeInfo {
  cursor: pointer;
}

#save-optimization-to-existing {
  width: 200px;
}

#saveToExisting {
  width: 200px;
}

#hedgeInfo {
  cursor: pointer;
}

.forecast-tabs {
  min-width: 309px;
}

.statistics {
  cursor: default;
  padding: 20px;
}
.statistics table {
  margin-left: 0px;
  border: 0px;
  width: 100%;
}
.statistics table th {
  border-bottom: 1px solid #ccc;
}
.statistics table td {
  vertical-align: top;
}
.statistics .after, .statistics .before {
  border-left: 1px solid #ccc;
}
.statistics.low .riskLow, .statistics.low .goalVolatility, .statistics.volatility .riskLow, .statistics.volatility .goalVolatility {
  /*background-color: #676C7B;*/
}
.statistics.low .riskLow .before, .statistics.low .goalVolatility .before, .statistics.volatility .riskLow .before, .statistics.volatility .goalVolatility .before {
  background-color: #1f77b4;
}
.statistics.medium .riskMedium, .statistics.medium .goalBlend, .statistics.blend .riskMedium, .statistics.blend .goalBlend {
  /*background-color: #676C7B;*/
}
.statistics.medium .riskMedium .before, .statistics.medium .goalBlend .before, .statistics.blend .riskMedium .before, .statistics.blend .goalBlend .before {
  background-color: #1f77b4;
}
.statistics.high .riskHigh, .statistics.high .goalReturn, .statistics.return .riskHigh, .statistics.return .goalReturn {
  /*background-color: #676C7B;*/
}
.statistics.high .riskHigh .before, .statistics.high .goalReturn .before, .statistics.return .riskHigh .before, .statistics.return .goalReturn .before {
  background-color: #1f77b4;
}
.statistics.good_volatility .riskLow .after, .statistics.good_volatility .goalVolatility .after {
  background-color: #ff7f0e;
}
.statistics.good_sharpe .riskMedium .after, .statistics.good_sharpe .goalBlend .after {
  background-color: #ff7f0e;
}
.statistics.good_return .riskHigh .after, .statistics.good_return .goalReturn .after {
  background-color: #ff7f0e;
}

.forecast-summary-table {
  table-layout: fixed;
}
.forecast-summary-table td {
  width: 50%;
}

#subnav {
  margin: 0px 0px 14px 0px;
}

#thin-summary {
  padding: 0 19px;
}
#thin-summary table {
  width: 100%;
}
#thin-summary dl {
  margin: 9px 0;
}
#thin-summary dt {
  width: 80px;
}
#thin-summary dd {
  margin-left: 90px;
}

/* Hedge whitelist & blacklist modal */
#wlbl .btn {
  margin-top: 0;
  margin-bottom: 0;
}

/* ########################## .classes ######################## */
.add-on {
  color: black;
}

.alert {
  margin: 20px 0;
}

.alert-warning {
  background-color: #e9d30b;
  border: 1px solid #8a7b0a;
  color: #8a7b0a;
}
.alert-warning .close {
  color: #8a7b0a;
}

.alert-error {
  background-color: #FFDEC0;
  border: 1px solid #E48627;
  color: #E48627;
}
.alert-error .close {
  color: #E48627;
}

.close {
  color: #999;
  opacity: .8;
  text-shadow: 0 1px 0 #ffffff;
  font-weight: normal;
}
.close:hover {
  color: white;
  opacity: 1;
}

.bold {
  font-weight: bold;
}

.btn {
  vertical-align: top;
  font-weight: bold;
  padding: 2px 12px;
  font-size: 12px;
}

.btn-large {
  padding: 9px 14px;
  font-size: 16px;
}

.btn-spacer-left {
  margin-left: 6px;
}

.btn-spacer-left-large {
  margin-left: 10px;
}

.center {
  text-align: center;
}

.table th.center, .table td.center {
  text-align: center;
}

#app {
  margin-top: 10px;
  background: inherit;
  border: none;
  color: white;
  padding-bottom: 0;
  margin-bottom: 0;
}

.control-group {
  margin-top: 0px;
  margin-bottom: 0px;
}
.control-group.summaryContainer {
  margin-top: 40px;
}

.table-controls .control-group {
  display: inline-block;
}
.table-controls .control-group .control-label {
  display: inline;
}
.table-controls .control-group .control-label input[type=radio] {
  margin: 0;
}
.table-controls .control-group .controls {
  display: inline;
}
.table-controls .control-group .controls select {
  vertical-align: baseline;
}

.searchContainer, .search-container {
  display: inline-block;
}
.searchContainer .btn, .search-container .btn {
  margin: 0;
  height: 30px;
  margin-left: 5px;
  margin-right: 5px;
}
.searchContainer .search, .search-container .search {
  width: 80px;
  font-size: 12px;
  /* vertical-align: baseline; */
}
.searchContainer .dateRangeContainer, .search-container .dateRangeContainer {
  vertical-align: baseline;
  display: inline;
}
.searchContainer .dateRangeContainer div, .search-container .dateRangeContainer div {
  display: inline;
}
.searchContainer .dateRangeContainer label, .search-container .dateRangeContainer label {
  display: inline;
  line-height: 30px;
}
.searchContainer .dateRangeContainer .controls .date-range-select, .search-container .dateRangeContainer .controls .date-range-select {
  width: 80px;
}
.searchContainer .dateRangeContainer button, .search-container .dateRangeContainer button {
  float: right;
}
.searchContainer #filterDirection, .search-container #filterDirection {
  width: 80px;
}
.searchContainer #filterNumber, .search-container #filterNumber {
  width: 50px;
}
.searchContainer #filterColumn, .search-container #filterColumn {
  color: gray;
}
.searchContainer #filterReset, .search-container #filterReset {
  margin-right: 100px;
  margin-left: -7px;
}

.equity-classes {
  list-style-type: none;
  margin: 2px 0;
}

.help-block, .help-inline {
  color: #EEE;
}

.info-icon, .icon-info-sign, .icon-refresh, .icon-pause, .icon-play {
  width: 40px;
  cursor: pointer;
}

.icon-star-base, .icon-star-empty, .icon-star {
  cursor: pointer;
  font-size: 14px;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 16px;
}

.icon-star-empty {
  color: white;
  z-index: 2;
}

.icon-star {
  color: green;
  z-index: 1;
}

.indicator-icon {
  width: 14px;
  display: inline-block;
  text-align: center;
}

.icon-cog {
  cursor: pointer;
}

i.icon-white {
  color: white;
}

i.icon-crimson {
  color: crimson;
}

i.icon-dodgerBlue {
  color: dodgerBlue;
}

i.icon-orange {
  color: #E48627;
}

.left {
  text-align: left;
}

.left-justify {
  /*padding-left: 20px; */
}

.listInfo {
  width: 10px;
  cursor: pointer;
}

.modal-container {
  z-index: 1050;
  pointer-events: none;
  background: transparent;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.modal-container .modal {
  pointer-events: auto;
  position: relative;
  margin: 0px;
  left: 0;
  top: 0;
  margin-left: auto;
  margin-right: auto;
}

.modal {
  background: #232D38;
}

.modal-footer {
  background: #232D38;
}

/* drop down selecting */
.nav-tabs a.active, .nav-tabs .open .dropdown-toggle, .nav-tabs li.dropdown.open.active > a:hover {
  border: 0px;
  color: #fff;
  background-color: #3F4757;
  margin-bottom: 0px;
}

/* normal */
.nav-tabs > li > a {
  border: 0px;
  color: #fff;
  background-color: #2E3646;
  margin-bottom: 0px;
  font-size: 14px;
}

/* selected */
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
  border: 0px;
  color: #fff;
  background-color: #3F4757;
  margin-bottom: 0px;
}

/* hovering */
.nav-tabs > li > a:hover {
  border: 0px;
  color: #fff;
  background-color: #3F4757;
  margin-bottom: 0px;
}

.nav-tabs {
  border: 0px;
  margin-bottom: 1px;
}

.input-append input {
  width: 36px;
}
.input-append .calculatedValue {
  width: 131px;
  text-align: right;
}

.login-products {
  margin: 0;
}
.login-products li {
  width: 20%;
}

.popover.right {
  text-align: left;
}

.popover {
  /*Sometimes we have popovers in a modal, so increase the zindex. */
  z-index: 1051;
  color: black;
  width: 300px;
}
.popover table {
  width: 250px;
}
.popover .close {
  font-size: 14px;
  float: right;
  color: black;
}
.popover .close:hover {
  color: black;
}

.forecast-model-clickover {
  width: 500px;
}
.forecast-model-clickover .model-update-date {
  font-size: 10px;
  padding-left: 12px;
}

.backtest-model-clickover {
  width: 350px;
}

.customSecurityImagePopup-clickover {
  width: 240px;
}

.event-study-selector {
  width: 600px;
}
.event-study-selector.right.popover .arrow {
  top: 27%;
}

.matchedEventsSidebar-clickover {
  width: 400px;
  margin-left: 22px !important;
}
.matchedEventsSidebar-clickover.right.popover .arrow {
  top: 27%;
}

.matchedEventEquitiesListItem-clickover {
  width: 300px;
  margin-left: -3px !important;
}

.matchedPortfoliosSidebar-clickover {
  width: 300px;
  margin-left: 22px !important;
  /*
  &.right.popover .arrow {
      top: 22%;
  }*/
}

.matchedPortfoliosListItem-clickover {
  width: 300px;
  margin-left: -3px !important;
}

.newTransactionDescription-clickover {
  width: 240px;
  margin-left: 16px !important;
}

.list-container {
  height: 80px;
  overflow: auto;
}

.backtest-model-clickover.left.popover .arrow {
  top: 27%;
}

.popover-title {
  color: #999;
  font-size: 12px;
}

.portfolioInfo {
  width: 10px;
  cursor: pointer;
}

.sidebar-table-element {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#sideBarTabls li a {
  padding-right: 8px;
  padding-left: 8px;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.scrollable {
  height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
.scrollable.eventScanList {
  height: 450px;
}

.quantdesk-table-selection, .quantdesk-table-statistics, .forecast-statistics {
  table-layout: fixed;
  margin: 0;
  cursor: default;
}
.quantdesk-table-selection thead, .quantdesk-table-statistics thead, .forecast-statistics thead {
  border-bottom: 2px solid #999;
}
.quantdesk-table-selection thead tr:hover td, .quantdesk-table-statistics thead tr:hover td, .forecast-statistics thead tr:hover td, .quantdesk-table-selection thead tr:hover th, .quantdesk-table-statistics thead tr:hover th, .forecast-statistics thead tr:hover th, .quantdesk-table-selection tbody tr:hover td, .quantdesk-table-statistics tbody tr:hover td, .forecast-statistics tbody tr:hover td, .quantdesk-table-selection tbody tr:hover th, .quantdesk-table-statistics tbody tr:hover th, .forecast-statistics tbody tr:hover th {
  background-color: inherit;
}
.quantdesk-table-selection tbody tr, .quantdesk-table-statistics tbody tr, .forecast-statistics tbody tr {
  border: none;
  /*&:nth-child(even) { background: #1A232B; }*/
}
.quantdesk-table-selection tbody tr:hover, .quantdesk-table-statistics tbody tr:hover, .forecast-statistics tbody tr:hover {
  /*cursor: pointer;*/
  /*border: 2px solid #B56A20;*/
  /*background: #B56A20;*/
}
.quantdesk-table-selection tbody tr.tableSelection, .quantdesk-table-statistics tbody tr.tableSelection, .forecast-statistics tbody tr.tableSelection {
  color: #EEE;
  background-color: #E48627 !important;
  background-image: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#E48627), to(#AD5A07)) !important;
  background: -webkit-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -moz-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -o-linear-gradient(top, #E48627, #AD5A07) !important;
  background: linear-gradient(to bottom, #E48627, #AD5A07) !important;
  text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
  /*&:hover { border: 2px solid #999 !important; }*/
}
.quantdesk-table-selection tbody tr .left, .quantdesk-table-statistics tbody tr .left, .forecast-statistics tbody tr .left {
  width: 20%;
}
.quantdesk-table-selection tbody tr .left-df, .quantdesk-table-statistics tbody tr .left-df, .forecast-statistics tbody tr .left-df {
  width: 70%;
}
.quantdesk-table-selection td, .quantdesk-table-statistics td, .forecast-statistics td, .quantdesk-table-selection th, .quantdesk-table-statistics th, .forecast-statistics th {
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  border: none;
}

.sidebar-table-header {
  border-bottom: 2px solid #999;
}

.tableSelection {
  color: #EEE;
  background-color: #E48627 !important;
  background-image: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#E48627), to(#AD5A07)) !important;
  background: -webkit-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -moz-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -o-linear-gradient(top, #E48627, #AD5A07) !important;
  background: linear-gradient(to bottom, #E48627, #AD5A07) !important;
  text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
}

.tableHighlight {
  background: rgba(106, 195, 131, 0.3);
}

.quantdesk-table-selection.tablescroll_body tbody tr.tableSelection.negative-change-row, .tablescroll_body.quantdesk-table-statistics tbody tr.tableSelection.negative-change-row, .tablescroll_body.forecast-statistics tbody tr.tableSelection.negative-change-row, .quantdesk-table-statistics tbody tr.tableSelection.negative-change-row, .forecast-statistics tbody tr.tableSelection.negative-change-row, .tablescroll_foot tfoot tr.totalValueRow.tableSelection.negative-change-row,
.positionsTable tbody tr.tableSelection.negative-change-row {
  color: #fff !important;
  background-color: #df3e3e !important;
  background-image: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#df3e3e), to(#511717)) !important;
  background: -webkit-linear-gradient(top, #df3e3e, #511717) !important;
  background: -moz-linear-gradient(top, #df3e3e, #511717) !important;
  background: -o-linear-gradient(top, #df3e3e, #511717) !important;
  background: linear-gradient(to bottom, #df3e3e, #511717) !important;
  text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
}

.quantdesk-table-selection tbody tr.tableSelection.negative-change-row td.negative-change, .quantdesk-table-statistics tbody tr.tableSelection.negative-change-row td.negative-change, .forecast-statistics tbody tr.tableSelection.negative-change-row td.negative-change, .quantdesk-table-statistics tbody tr.tableSelection.negative-change-row td.negative-change, .forecast-statistics tbody tr.tableSelection.negative-change-row td.negative-change, .tablescroll_foot tfoot tr.totalValueRow.tableSelection.negative-change-row td.negative-change,
.tablescroll_foot tfoot tr.totalValueRow.tableSelection.negative-change-row td.right.negative-change,
.tablescroll_foot tfoot tr.totalValueRow.tableSelection.negative-change-row td.right.positive-change,
.tablescroll_foot tfoot tr.totalValueRow.tableSelection.negative-change-row td.negative-change div.superscriptChange span.negative-change {
  color: white;
}

.quantdesk-table-selection.tablescroll_body tbody tr.negative-change-row.tableSelection, .tablescroll_body.quantdesk-table-statistics tbody tr.negative-change-row.tableSelection, .tablescroll_body.forecast-statistics tbody tr.negative-change-row.tableSelection, .quantdesk-table-statistics tbody tr.negative-change-row.tableSelection, .forecast-statistics tbody tr.negative-change-row.tableSelection, .tablescroll_foot tfoot tr.totalValueRow.tableSelection.negative-change-row {
  color: #fff !important;
  background-color: #df3e3e !important;
  background-image: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#df3e3e), to(#511717)) !important;
  background: -webkit-linear-gradient(top, #df3e3e, #511717) !important;
  background: -moz-linear-gradient(top, #df3e3e, #511717) !important;
  background: -o-linear-gradient(top, #df3e3e, #511717) !important;
  background: linear-gradient(to bottom, #df3e3e, #511717) !important;
  text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
}

.positionsTable tr.tableSelection.negative-change-row, .positionsTable tr.negative-change-row.tableSelection, .quantdesk-table-selection tbody tr.negative-change-row.tableSelection td.negative-change, .quantdesk-table-statistics tbody tr.negative-change-row.tableSelection td.negative-change, .forecast-statistics tbody tr.negative-change-row.tableSelection td.negative-change, .quantdesk-table-statistics tbody tr.negative-change-row.tableSelection td.negative-change, .forecast-statistics tbody tr.negative-change-row.tableSelection td.negative-change, .tablescroll_foot tfoot tr.totalValueRow.tableSelection.negative-change-row td.negative-change,
.tablescroll_foot tfoot tr.totalValueRow.tableSelection.negative-change-row td.right.negative-change,
.tablescroll_foot tfoot tr.totalValueRow.tableSelection.negative-change-row td.right.positive-change,
.tablescroll_foot tfoot tr.totalValueRow.tableSelection.negative-change-row td.negative-change div.superscriptChange span.negative-change,
.tablescroll_foot tfoot tr.totalValueRow.tableSelection.negative-change-row td.negative-change div.superscriptChange span.positive-change,
.positionsTable tbody tr.tableSelection.negative-change-row td.right.negative-change,
.positionsTable tbody tr.tableSelection.negative-change-row td.right.positive-change,
.positionsTable tbody tr.tableSelection.negative-change-row td.lastPrice.right span.positive-change,
.positionsTable tbody tr.tableSelection.negative-change-row td.lastPrice.right span.negative-change,
.positionsTable tbody tr.tableSelection.negative-change-row td.negative-change div.superscriptChange span.negative-change,
.positionsTable tbody tr.tableSelection.negative-change-row td.negative-change div.superscriptChange span.positive-change,
.positionsTable tbody tr.tableSelection.positive-change-row td.right.negative-change,
.positionsTable tbody tr.tableSelection.positive-change-row td.right.positive-change,
.positionsTable tbody tr.tableSelection.positive-change-row td.lastPrice.right span.positive-change,
.positionsTable tbody tr.tableSelection.positive-change-row td.lastPrice.right span.negative-change,
.positionsTable tbody tr.tableSelection.positive-change-row td.lastPrice.right,
.positionsTable tbody tr.tableSelection.positive-change-row td.negative-change div.superscriptChange span.negative-change,
.positionsTable tbody tr.tableSelection.positive-change-row td.negative-change div.superscriptChange span.positive-change {
  color: white;
}

.positionsTable tr.tableSelection.positive-change-row, .positionsTable tr.positive-change-row.tableSelection, .quantdesk-table-selection.tablescroll_body tbody tr.tableSelection.positive-change-row, .tablescroll_body.quantdesk-table-statistics tbody tr.tableSelection.positive-change-row, .tablescroll_body.forecast-statistics tbody tr.tableSelection.positive-change-row, .quantdesk-table-statistics tbody tr.tableSelection.positive-change-row, .forecast-statistics tbody tr.tableSelection.positive-change-row, .tablescroll_foot tfoot tr.totalValueRow.tableSelection.positive-change-row,
.positionsTable tbody tr.tableSelection.positive-change-row {
  color: #fff !important;
  background-color: #5B8E00 !important;
  background-image: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#5B8E00), to(#426700)) !important;
  background: -webkit-linear-gradient(top, #5B8E00, #426700) !important;
  background: -moz-linear-gradient(top, #5B8E00, #426700) !important;
  background: -o-linear-gradient(top, #5B8E00, #426700) !important;
  background: linear-gradient(to bottom, #5B8E00, #426700) !important;
  text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
}

.positionsTable tr.tableSelection.positive-change-row, .positionsTable tr.positive-change-row.tableSelection, .quantdesk-table-selection tbody tr.tableSelection.positive-change-row td.positive-change, .quantdesk-table-statistics tbody tr.tableSelection.positive-change-row td.positive-change, .forecast-statistics tbody tr.tableSelection.positive-change-row td.positive-change, .quantdesk-table-statistics tbody tr.tableSelection.positive-change-row td.positive-change, .forecast-statistics tbody tr.tableSelection.positive-change-row td.positive-change, .tablescroll_foot tfoot tr.totalValueRow.tableSelection.positive-change-row td.positive-change,
.tablescroll_foot tfoot tr.totalValueRow.tableSelection.positive-change-row td.right.positive-change,
.tablescroll_foot tfoot tr.totalValueRow.tableSelection.positive-change-row td.right.negative-change,
.tablescroll_foot tfoot tr.totalValueRow.tableSelection.positive-change-row td.positive-change div.superscriptChange span.positive-change {
  color: white;
}

.positionsTable tr.tableSelection.positive-change-row, .positionsTable tr.positive-change-row.tableSelection, .quantdesk-table-selection.tablescroll_body tbody tr.positive-change-row.tableSelection, .tablescroll_body.quantdesk-table-statistics tbody tr.positive-change-row.tableSelection, .tablescroll_body.forecast-statistics tbody tr.positive-change-row.tableSelection, .quantdesk-table-statistics tbody tr.positive-change-row.tableSelection, .forecast-statistics tbody tr.positive-change-row.tableSelection, .tablescroll_foot tfoot tr.totalValueRow.tableSelection.positive-change-row {
  color: #fff !important;
  background-color: #5B8E00 !important;
  background-image: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#5B8E00), to(#426700)) !important;
  background: -webkit-linear-gradient(top, #5B8E00, #426700) !important;
  background: -moz-linear-gradient(top, #5B8E00, #426700) !important;
  background: -o-linear-gradient(top, #5B8E00, #426700) !important;
  background: linear-gradient(to bottom, #5B8E00, #426700) !important;
  text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
}

.positionsTable tr.tableSelection.positive-change-row, .positionsTable tr.positive-change-row.tableSelection, .quantdesk-table-selection tbody tr.positive-change-row.tableSelection td.positive-change, .quantdesk-table-statistics tbody tr.positive-change-row.tableSelection td.positive-change, .forecast-statistics tbody tr.positive-change-row.tableSelection td.positive-change, .quantdesk-table-statistics tbody tr.positive-change-row.tableSelection td.positive-change, .forecast-statistics tbody tr.positive-change-row.tableSelection td.positive-change, .tablescroll_foot tfoot tr.totalValueRow.tableSelection.positive-change-row td.positive-change,
.tablescroll_foot tfoot tr.totalValueRow.tableSelection.positive-change-row td.right.positive-change,
.tablescroll_foot tfoot tr.totalValueRow.tableSelection.positive-change-row td.right.negative-change,
.tablescroll_foot tfoot tr.totalValueRow.tableSelection.positive-change-row td.positive-change div.superscriptChange span.positive-change {
  color: white;
}

.quantdesk-table-statistics td {
  padding: 4px;
}

.forecast-statistics td {
  padding: 4px;
  width: 25%;
}

.forecastModalTypeForm {
  height: 160px;
}
.forecastModalTypeForm .span6 {
  text-align: center;
}
.forecastModalTypeForm .span6 p {
  text-align: left;
}
.forecastModalTypeForm .span6 button {
  width: 80%;
}

.generateForecastModalForm {
  height: 200px;
}

.forecast-model-details ul, .scan-model-details ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.forecast-model-details ul li, .scan-model-details ul li {
  padding: 0;
  width: 100%;
  display: table;
  border-bottom: 1px solid #aaa;
}
.forecast-model-details ul li .indicator-name, .scan-model-details ul li .indicator-name {
  font-weight: bold;
}
.forecast-model-details ul li dl, .scan-model-details ul li dl {
  margin: 0;
}
.forecast-model-details ul li dl dt, .forecast-model-details ul li dl dd, .scan-model-details ul li dl dt, .scan-model-details ul li dl dd {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-weight: normal;
  float: left;
  margin-right: 6px;
}
.forecast-model-details ul li:last-child, .scan-model-details ul li:last-child {
  border-bottom: 0;
}
.forecast-model-details .forecastModelButtons, .forecast-model-details .scanModelButtons, .scan-model-details .forecastModelButtons, .scan-model-details .scanModelButtons {
  text-align: right;
}
.forecast-model-details .forecastModelButtons button, .forecast-model-details .scanModelButtons button, .scan-model-details .forecastModelButtons button, .scan-model-details .scanModelButtons button {
  margin-left: 5px;
}

.button-row {
  text-align: right;
  margin-top: 20px;
  clear: both;
}
.button-row button {
  margin-left: 5px;
}
.button-row button, .button-row div {
  display: inline-block;
}

.forecast-settings .forecast-model-settings {
  border-bottom: 2px solid #aaa;
  padding-bottom: 5px;
}
.forecast-settings .forecast-model-settings .forecastModelsSelection {
  width: 100%;
}
.forecast-settings .forecast-model-settings .forecastModelsSelection #forecastModelSelect {
  width: 150px;
}
.forecast-settings .forecast-model-settings .forecastModelsSelection .forecast-add-button-container {
  width: 20%;
  float: right;
  text-align: right;
}
.forecast-settings .forecast-model-settings .forecastModelsSelection .forecast-add-button-container button.btn.btn-dark {
  margin: 0;
}
.forecast-settings .forecast-model-settings .forecastModelsSelection button {
  float: right;
  margin: 0 0 0 5px;
}
.forecast-settings .forecast-options {
  padding: 5px 0;
  clear: both;
}
.forecast-settings .buttons {
  text-align: right;
}

.submit-buttons {
  text-align: right;
  margin-top: 5px;
}

.control-group .scanModelsSelection {
  width: 100%;
}
.control-group .scanModelsSelection #scanSelection {
  width: 150px;
}
.control-group .scanModelsSelection .scan-add-button-container {
  width: 20%;
  float: right;
  text-align: right;
}
.control-group .scanModelsSelection .scan-add-button-container button.btn.btn-dark {
  margin: 0;
}
.control-group .scanModelsSelection button {
  float: right;
  margin: 0 0 0 5px;
}

.scan-settings .scan-model-settings {
  border-bottom: 2px solid #aaa;
  padding-bottom: 5px;
}
.scan-settings .scan-options {
  padding: 5px 0;
  clear: both;
}
.scan-settings .buttons {
  text-align: right;
}

.sidebar-table-element {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table td.right, .table th.right, .right {
  text-align: right;
}

.right-justify {
  padding-right: 20px;
}

.stars {
  text-indent: -999em;
  letter-spacing: -999em;
  overflow: hidden;
  display: inline-block;
  background-image: url("../images/stars-wide.png");
  width: 90px;
  background-repeat: no-repeat;
}

.backtestScoreWell {
  border: 1px solid white;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #21252D;
  margin: 10px 0 0 0;
  padding: 4px;
  display: inline-block;
}
.backtestScoreWell .backtestConfidenceScore {
  font-size: 24px;
  display: inline-block;
  padding: 5px 0 0 0;
}
.backtestScoreWell .backtestStars {
  line-height: 26px;
  vertical-align: bottom;
}

#backtestWeightsSetting .controls {
  padding-top: 2px;
}
#backtestWeightsSetting .control-label {
  width: 160px;
}

.backtestStars {
  text-indent: -999em;
  letter-spacing: -999em;
  overflow: hidden;
  display: inline-block;
  background-image: url("https://quantdesk.lucenaresearch.com/images/stars-wide-blue.png");
  width: 90px;
  background-repeat: no-repeat;
}

th.backtestColumn, td.backtestColumn {
  padding: 0;
}
th.backtestColumn .computeBacktestScore, td.backtestColumn .computeBacktestScore {
  color: #EEE;
  background-color: #E48627 !important;
  background-image: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#E48627), to(#AD5A07)) !important;
  background: -webkit-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -moz-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -o-linear-gradient(top, #E48627, #AD5A07) !important;
  background: linear-gradient(to bottom, #E48627, #AD5A07) !important;
  text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
  display: inline-block;
}

#backtestPerformanceChart {
  height: 500px;
}

.back-test-score-total {
  border-top: 1px solid #fff;
}
.back-test-score-total #backtestScoreTotalLabel {
  width: 160px;
}
.back-test-score-total #backtestScoreTotal {
  padding-top: 5px;
  line-height: 20px;
}

.stars0 {
  background-position: -90px 0px;
}

.stars1 {
  background-position: -72px 0px;
}

.stars2 {
  background-position: -54px 0px;
}

.stars3 {
  background-position: -36px 0px;
}

.stars4 {
  background-position: -18px 0px;
}

.stars5 {
  background-position: 0px 0px;
}

.summaryStat {
  font-weight: bold;
}

.tab-content {
  border-radius: 4px;
  border-top-left-radius: 0px;
  margin-top: 0px;
}

.tab-pane {
  padding-top: 0px;
  padding-bottom: 0px;
}

.tableActions .btn-dark {
  margin-left: 10px;
}

#dataTbl .close, #dataTbl2 .close, #uploadConfirm-tbl .close, .quantdesk-data-table .close, #dataTbl2 .close, .quantdesk-data-table .close {
  color: white;
  margin-top: -5px;
  font-weight: normal;
  opacity: 0.8;
}
#dataTbl .close:hover, #dataTbl2 .close:hover, #uploadConfirm-tbl .close:hover, .quantdesk-data-table .close:hover, #dataTbl2 .close:hover, .quantdesk-data-table .close:hover {
  color: white;
  opacity: 1;
}
#dataTbl #dataTbl-data.table-loading, #dataTbl2 #dataTbl-data.table-loading, #uploadConfirm-tbl #dataTbl-data.table-loading, .quantdesk-data-table #dataTbl-data.table-loading, #dataTbl .quantdesk-data-table-data.table-loading, #dataTbl2 .quantdesk-data-table-data.table-loading, #uploadConfirm-tbl .quantdesk-data-table-data.table-loading, .quantdesk-data-table .quantdesk-data-table-data.table-loading, #dataTbl2 #dataTbl-data.table-loading, #dataTbl2 .quantdesk-data-table-data.table-loading, .quantdesk-data-table #dataTbl-data.table-loading, .quantdesk-data-table .quantdesk-data-table-data.table-loading {
  background-position: center center;
  background-image: url("https://quantdesk.lucenaresearch.com/images/loading-bar.gif");
  background-repeat: no-repeat;
  height: 25px;
}
#dataTbl #dataTbl-data.table-loading tr, #dataTbl2 #dataTbl-data.table-loading tr, #uploadConfirm-tbl #dataTbl-data.table-loading tr, .quantdesk-data-table #dataTbl-data.table-loading tr, #dataTbl .quantdesk-data-table-data.table-loading tr, #dataTbl2 .quantdesk-data-table-data.table-loading tr, #uploadConfirm-tbl .quantdesk-data-table-data.table-loading tr, .quantdesk-data-table .quantdesk-data-table-data.table-loading tr, #dataTbl2 #dataTbl-data.table-loading tr, #dataTbl2 .quantdesk-data-table-data.table-loading tr, .quantdesk-data-table #dataTbl-data.table-loading tr, .quantdesk-data-table .quantdesk-data-table-data.table-loading tr {
  display: none;
}
#dataTbl #dataTbl-data input[type=text], #dataTbl2 #dataTbl-data input[type=text], #uploadConfirm-tbl #dataTbl-data input[type=text], .quantdesk-data-table #dataTbl-data input[type=text], #dataTbl .quantdesk-data-table-data input[type=text], #dataTbl2 .quantdesk-data-table-data input[type=text], #uploadConfirm-tbl .quantdesk-data-table-data input[type=text], .quantdesk-data-table .quantdesk-data-table-data input[type=text], #dataTbl2 #dataTbl-data input[type=text], #dataTbl2 .quantdesk-data-table-data input[type=text], .quantdesk-data-table #dataTbl-data input[type=text], .quantdesk-data-table .quantdesk-data-table-data input[type=text] {
  height: 10px;
  font-size: 13px;
  margin: 0px;
}

#transactionsTbl .descriptionText {
  float: left;
  font-style: italic;
  color: #7D9BC0;
  text-decoration: underline;
  cursor: pointer;
}
#transactionsTbl .descriptionToggle {
  margin-left: 10px;
}
#transactionsTbl .descriptionToggle i {
  font-size: 15px;
}

#transactionsTbl-foot input[type=text], .quantdesk-data-table-foot input[type=text] {
  font-size: 13px;
  margin: 0px;
}

.text-link {
  color: #ffffff;
  cursor: pointer;
}

.well {
  color: #eee;
  background-color: #3F4757;
  padding: 12px;
  border: none;
  box-shadow: none;
  /*.input { width: 190px; }*/
}
.well.drawer {
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.scrollable-well {
  padding: 8px 2px 8px 2px;
}
.scrollable-well .controls {
  padding-right: 12px;
}

.without-margin {
  margin: 0 !important;
}

.forecastModelFormModal, .scanModelFormModal, .edit-scan-modal {
  width: 800px;
  left: 42%;
  top: 35%;
}

.userSettingModal {
  width: 900px;
  left: 42%;
  top: 35%;
}

.userSettingModal {
  top: 42%;
}
.userSettingModal .modal-body {
  max-height: 100%;
}

.forecastModalForm, .scanModelForm, .edit-scan-modal {
  /*height: 600px;*/
}
.forecastModalForm .modal-body, .scanModelForm .modal-body, .edit-scan-modal .modal-body {
  height: 535px;
  max-height: 535px;
}

.label-button {
  color: #EEE;
  background-color: #2A3142;
  background-image: none;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2A3142), color-stop(48%, #252C3B), color-stop(52%, #13171F), color-stop(100%, #171B25));
  background: -webkit-linear-gradient(top, #2A3142, #171B25);
  background: -moz-linear-gradient(top, #2A3142, #171B25);
  background: -o-linear-gradient(top, #2A3142, #171B25);
  background: linear-gradient(to bottom, #2A3142, #171B25);
  cursor: pointer;
}

.featuresWrapper {
  height: 80px;
  overflow-y: auto;
  overflow-x: hidden;
  border-bottom: 2px solid #ccc;
}
.featuresWrapper .featureSelection {
  margin: 0 0 10px 0;
}
.featuresWrapper .featureSelection a:hover {
  color: #fff;
}

.indicator-info {
  width: 20px;
}

.indicators {
  width: 100%;
  margin-top: 10px;
  overflow-x: hidden;
  height: 180px;
  overflow-y: auto;
}
.indicators .indicator-headers {
  clear: both;
}
.indicators .indicator-headers ul {
  margin: 0;
}
.indicators .indicator-headers ul li {
  border-bottom: 2px solid #aaa;
}
.indicators .indicator-headers ul li .sliderColumn {
  text-align: center;
}
.indicators .indicator-headers ul li span {
  font-weight: bold;
}
.indicators .indicators-list ul {
  margin: 0 0 40px 0;
}
.indicators .indicators-list ul li {
  border-bottom: 1px solid #aaa;
}
.indicators .indicators-list ul li .remove {
  float: right;
}
.indicators ul {
  width: 100%;
  list-style-type: none;
}
.indicators ul li {
  width: 100%;
}
.indicators ul li .name {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px;
  display: inline-block;
  width: 15%;
}
.indicators ul li .modifiers {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px;
  display: inline-block;
  width: 60%;
}
.indicators ul li .modifiers .modifierSelection {
  margin: 2px 4px;
  width: 250px;
}
.indicators ul li .sliderColumn {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px;
  display: inline-block;
  width: 15%;
  height: 22px;
  text-align: center;
}
.indicators ul li .sliderColumn .slider {
  display: inline-block;
  width: 100%;
}
.indicators ul li .remove {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 20px 4px 4px;
  display: inline-block;
  text-align: right;
  width: 5%;
  float: right;
}
.indicators ul tr {
  border-bottom: 1px solid #3F4757;
}

.ui-slider-wrapper .ui-widget-content {
  cursor: pointer;
}
.ui-slider-wrapper .ui-widget-content.ui-slider-horizontal {
  background-image: url("../images/jslider.png");
  background-size: 100% 600%;
}
.ui-slider-wrapper .ui-widget-content.ui-slider-horizontal .ui-slider-range {
  background-image: url("../images/jslider.png");
  background-position: 0px -30px;
  background-size: 100% 600%;
}
.ui-slider-wrapper .ui-widget-content .ui-slider-handle {
  outline: none;
  cursor: pointer;
  background-image: url("../images/jslider.png");
  background-position: 0px -60px;
}
.ui-slider-wrapper .ui-widget-content .ui-slider-handle:hover {
  background-position: -20px -60px;
}
.ui-slider-wrapper .ui-widget-content .ui-slider-handle:active {
  background-position: -20px -60px;
}
.ui-slider-wrapper .ui-slider-label-ticks {
  height: .5em;
}
.ui-slider-wrapper .ui-slider-label-ticks span {
  font-size: 10px;
  color: #999;
  top: .5em;
}

/* ################################################################################################################################### */
/* ################################################################################################################################### */
/* ################################################################################################################################### */
/* ############################################################ chart.scss ########################################################### */
/* ################################################################################################################################### */
/* ################################################################################################################################### */
#chartingFeaturesPicker {
  text-align: right;
}
#chartingFeaturesPicker .control-label {
  display: inline-block;
}
#chartingFeaturesPicker .controls {
  display: inline-block;
}
#chartingFeaturesPicker #featureGroupPicker {
  width: 320px;
}
#chartingFeaturesPicker #featuresPicker {
  width: 167px;
}
#chartingFeaturesPicker #featureColumnsPicker {
  width: 150px;
}

#chart-ctn {
  height: 100%;
  width: 100%;
  cursor: default;
}

#chart-range-button {
  padding: 0;
  float: left;
}

#optimize-chart-ctn {
  height: 400px;
  width: 100%;
  cursor: default;
}

#chart-ctrl {
  height: 30px;
  width: 100%;
}

.labels {
  fill: #EEE;
}

.xLine {
  stroke: #666666;
}

.yLine {
  stroke: #666666;
}

#chart-lbl {
  /*margin-top: 30px;*/
  text-align: center;
}

.chart-table-title {
  position: relative;
  width: 100%;
  z-index: 1;
}

#chart-label-buttons {
  text-align: center;
  top: 25px;
  z-index: 2;
}

/* ################################## cntrl_panel.scss #################### */
.ctrl-panel {
  padding-bottom: 20px;
  /*select.input { width: 198px; }*/
}

.progress-wrapper {
  padding: 2px 0;
}
.progress-wrapper .progress {
  height: 16px;
}

.progress {
  background: #1A232B;
  margin: 0;
  border: 1px solid #06070A;
  /*.bar { @include orange-gradient; }*/
}

.progress-warning.progress-striped .bar, .progress-striped .bar-warning {
  background-color: #E48627;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.actions-right {
  float: right;
}

/* ################################## table.scss #################### */
.tablescroll {
  clear: both;
}

.tablescroll_foot {
  margin-top: 10px;
}
.tablescroll_foot tr:nth-child(even) {
  background: #1A232B;
}
.tablescroll_foot tr:nth-child(even):hover {
  background: #171B25;
}

.paging {
  text-align: center;
  color: white;
  margin-top: 20px;
}
.paging a {
  text-decoration: none;
  color: white;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0px;
}
.paging a:hover {
  text-decoration: underline;
}
.paging .current-page-highlight {
  /*text-decoration: underline;*/
  color: #EEE;
  background-color: #E48627 !important;
  background-image: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#E48627), to(#AD5A07)) !important;
  background: -webkit-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -moz-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -o-linear-gradient(top, #E48627, #AD5A07) !important;
  background: linear-gradient(to bottom, #E48627, #AD5A07) !important;
  text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
}

.resizable {
  width: 100%;
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  height: 275px;
}
.resizable.minimized {
  display: none;
}
.resizable.expanded {
  height: auto;
}

.table-header {
  padding: 3px;
  background-color: #373C4B;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #575F77), color-stop(50%, #42485A), color-stop(51%, #373C4B), color-stop(100%, #2C303C));
  background-image: -moz-linear-gradient(top, #575F77, #42485A 50%, #373C4B 51%, #2C303C);
  background-image: linear-gradient(top, #575F77, #42485A 50%, #373C4B 51%, #2C303C);
  background-repeat: no-repeat;
  background-position: right center;
  border: 1px solid #373C4B;
  min-height: 20px;
}
.table-header .span9 {
  min-height: auto;
}
.table-header h5 {
  height: 15px;
  display: inline-block;
}

.collapsablePane a.restore {
  display: none;
}
.collapsablePane.collapsed .table-buttons a.minimize {
  display: none;
}
.collapsablePane.collapsed .table-buttons a.restore {
  display: inline-block;
}
.collapsablePane.collapsed .drawer {
  display: none;
}

.table-buttons a {
  background-image: url("https://quantdesk.lucenaresearch.com/images/sprites.png");
  display: inline-block;
  width: 15px;
  height: 15px;
  text-indent: -999em;
  letter-spacing: -999em;
  overflow: hidden;
  margin-left: 3px;
}
.table-buttons a.minimize, .table-buttons a.indicatorsMinimize {
  background-position: -30px 0;
}
.table-buttons a.minimize:active, .table-buttons a.indicatorsMinimize:active {
  background-position: -30px 1px;
  background-repeat: no-repeat;
}
.table-buttons a.restore, .table-buttons a.indicatorsRestore {
  background-position: -45px 0;
}
.table-buttons a.restore:active, .table-buttons a.indicatorsRestore:active {
  background-position: -45px 1px;
  background-repeat: no-repeat;
}
.table-buttons a.maximize, .table-buttons a.indicatorsMaximize {
  background-position: -60px 0;
}
.table-buttons a.maximize:active, .table-buttons a.indicatorsMaximize:active {
  background-position: -60px 1px;
  background-repeat: no-repeat;
}
.table-buttons.minimized a.minimize, .table-buttons.minimized a.indicatorsMinimize {
  display: none;
}
.table-buttons.restored a.restore, .table-buttons.restored a.indicatorsRestore {
  display: none;
}
.table-buttons.maximized a.maximize, .table-buttons.maximized a.indicatorsMaximize {
  display: none;
}

#dataTbl, #dataTbl2, #uploadConfirm-tbl, .quantdesk-data-table, .quantdesk-data-table, #dataTbl-foot {
  width: 100%;
}
#dataTbl tr:nth-child(odd), #dataTbl2 tr:nth-child(odd), #uploadConfirm-tbl tr:nth-child(odd), .quantdesk-data-table tr:nth-child(odd), .quantdesk-data-table tr:nth-child(odd), #dataTbl-foot tr:nth-child(odd) {
  background: #1A232B;
}
#dataTbl tr:nth-child(odd):hover, #dataTbl2 tr:nth-child(odd):hover, #uploadConfirm-tbl tr:nth-child(odd):hover, .quantdesk-data-table tr:nth-child(odd):hover, .quantdesk-data-table tr:nth-child(odd):hover, #dataTbl-foot tr:nth-child(odd):hover {
  background: #171B25;
}
#dataTbl tr:nth-child(even):hover, #dataTbl2 tr:nth-child(even):hover, #uploadConfirm-tbl tr:nth-child(even):hover, .quantdesk-data-table tr:nth-child(even):hover, .quantdesk-data-table tr:nth-child(even):hover, #dataTbl-foot tr:nth-child(even):hover {
  background: #171B25;
}
#dataTbl tr.tableSelection, #dataTbl2 tr.tableSelection, #uploadConfirm-tbl tr.tableSelection, .quantdesk-data-table tr.tableSelection, .quantdesk-data-table tr.tableSelection, #dataTbl-foot tr.tableSelection {
  color: #EEE;
  background-color: #E48627 !important;
  background-image: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#E48627), to(#AD5A07)) !important;
  background: -webkit-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -moz-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -o-linear-gradient(top, #E48627, #AD5A07) !important;
  background: linear-gradient(to bottom, #E48627, #AD5A07) !important;
  text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
}
#dataTbl tr.tableSelection:hover, #dataTbl2 tr.tableSelection:hover, #uploadConfirm-tbl tr.tableSelection:hover, .quantdesk-data-table tr.tableSelection:hover, .quantdesk-data-table tr.tableSelection:hover, #dataTbl-foot tr.tableSelection:hover {
  color: #EEE;
  background-color: #E48627 !important;
  background-image: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#E48627), to(#AD5A07)) !important;
  background: -webkit-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -moz-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -o-linear-gradient(top, #E48627, #AD5A07) !important;
  background: linear-gradient(to bottom, #E48627, #AD5A07) !important;
  text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
}
#dataTbl select, #dataTbl2 select, #uploadConfirm-tbl select, .quantdesk-data-table select, .quantdesk-data-table select, #dataTbl-foot select {
  height: 25px;
  margin-bottom: 0;
}
#dataTbl .check, #dataTbl2 .check, #uploadConfirm-tbl .check, .quantdesk-data-table .check, .quantdesk-data-table .check, #dataTbl-foot .check {
  width: 8px;
}

#hedgeSettingsTable {
  margin: 0 0 20px;
}

.positionsTable, .equitySettingsTable, .hedgeResultsTable, .equityListTable, .transactionsTable {
  overflow-x: hidden;
  border-collapse: collapse;
}
.positionsTable tr .editable, .equitySettingsTable tr .editable, .hedgeResultsTable tr .editable, .equityListTable tr .editable, .transactionsTable tr .editable {
  display: none;
}
.positionsTable tr.tableSelection, .equitySettingsTable tr.tableSelection, .hedgeResultsTable tr.tableSelection, .equityListTable tr.tableSelection, .transactionsTable tr.tableSelection {
  color: #EEE;
  background-color: #E48627 !important;
  background-image: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#E48627), to(#AD5A07)) !important;
  background: -webkit-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -moz-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -o-linear-gradient(top, #E48627, #AD5A07) !important;
  background: linear-gradient(to bottom, #E48627, #AD5A07) !important;
  text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
}
.positionsTable tr.tableSelection:hover, .equitySettingsTable tr.tableSelection:hover, .hedgeResultsTable tr.tableSelection:hover, .equityListTable tr.tableSelection:hover, .transactionsTable tr.tableSelection:hover {
  color: #EEE;
  background-color: #E48627 !important;
  background-image: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#E48627), to(#AD5A07)) !important;
  background: -webkit-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -moz-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -o-linear-gradient(top, #E48627, #AD5A07) !important;
  background: linear-gradient(to bottom, #E48627, #AD5A07) !important;
  text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
}
.positionsTable tr.edit .view, .positionsTable.edit .view, .equitySettingsTable tr.edit .view, .equitySettingsTable.edit .view, .hedgeResultsTable tr.edit .view, .hedgeResultsTable.edit .view, .equityListTable tr.edit .view, .equityListTable.edit .view, .transactionsTable tr.edit .view, .transactionsTable.edit .view {
  display: none;
}
.positionsTable tr.edit .editable, .positionsTable.edit .editable, .equitySettingsTable tr.edit .editable, .equitySettingsTable.edit .editable, .hedgeResultsTable tr.edit .editable, .hedgeResultsTable.edit .editable, .equityListTable tr.edit .editable, .equityListTable.edit .editable, .transactionsTable tr.edit .editable, .transactionsTable.edit .editable {
  display: inline;
}
.positionsTable th, .equitySettingsTable th, .hedgeResultsTable th, .equityListTable th, .transactionsTable th {
  white-space: nowrap;
}
.positionsTable .removeColumn, .equitySettingsTable .removeColumn, .hedgeResultsTable .removeColumn, .equityListTable .removeColumn, .transactionsTable .removeColumn {
  padding-right: 20px;
}
.positionsTable a, .equitySettingsTable a, .hedgeResultsTable a, .equityListTable a, .transactionsTable a {
  cursor: pointer;
}

.optimizeSettingsActions {
  display: none;
  float: right;
}
.optimizeSettingsActions.edit {
  display: block;
}
.optimizeSettingsActions .btn {
  font-size: 12px;
}
.optimizeSettingsActions .btn-group {
  display: inline-block;
}

.equitySettingsTable .input-mini {
  height: 14px;
  margin: 0;
  width: 40px;
}

#positionsTbl-banner {
  display: inline-block;
}
#positionsTbl-banner #positionsTbl-strategy-info {
  display: inline-block;
  margin: 0 0 0 8px;
  color: #E48627;
}
#positionsTbl-banner #positionsTbl-strategy-info a {
  color: #E48627;
}
#positionsTbl-banner #positionsTbl-strategy-info a.hover {
  text-decoration: none;
}
#positionsTbl-banner #positionsTbl-brokerage-info {
  display: inline-block;
  margin: 0 0 0 8px;
  border: 1px solid #444444;
}
#positionsTbl-banner #positionsTbl-brokerage-info div span {
  margin: 0 4px 0 4px;
}
#positionsTbl-banner #positionsTbl-brokerage-info div.unknown {
  background: lightgray;
}
#positionsTbl-banner #positionsTbl-brokerage-info div.disconnected {
  background: darkgray;
}
#positionsTbl-banner #positionsTbl-brokerage-info div.connected.synced {
  background: #5B8E00;
  color: white;
}
#positionsTbl-banner #positionsTbl-brokerage-info div.connected.syncing {
  background-size: auto 32px;
  background-position: center center;
  background-image: url("https://quantdesk.lucenaresearch.com/images/loading-bar.gif");
  background-repeat: no-repeat;
  height: 25px;
}
#positionsTbl-banner #positionsTbl-brokerage-info div.connected.paused {
  background: #E48627;
  color: white;
}
#positionsTbl-banner #positionsTbl-brokerage-info div.connected.error {
  background: red;
  color: white;
}
#positionsTbl-banner #positionsTbl-brokerage-info div.connected.over9000 {
  color: #fff;
  text-shadow: 0px -1px 4px white, 0px -2px 10px yellow, 0px -10px 20px #ff8000, 0px -18px 40px red;
}

#eventDefinition-banner {
  color: #E48627;
}
#eventDefinition-banner a {
  color: #E48627;
}
#eventDefinition-banner a.hover {
  text-decoration: none;
}

.portfolio-update-controls {
  display: none;
}
.portfolio-update-controls.edit {
  display: block;
}

.transaction-update-controls {
  display: none;
}
.transaction-update-controls.edit {
  display: block;
}

.forecast {
  overflow-x: hidden;
}

thead.forecast th {
  vertical-align: bottom;
}

.forecast-success-statistics-container table {
  width: 100%;
}
.forecast-success-statistics-container table thead th {
  border-bottom: 1px solid #fff;
}
.forecast-success-statistics-container table thead th, .forecast-success-statistics-container table thead td, .forecast-success-statistics-container table tbody th, .forecast-success-statistics-container table tbody td {
  border-right: 1px solid #fff;
  padding: 0 4px 0 0;
}
.forecast-success-statistics-container table thead th:last-child, .forecast-success-statistics-container table thead td:last-child, .forecast-success-statistics-container table tbody th:last-child, .forecast-success-statistics-container table tbody td:last-child {
  border-right: 0;
}
.forecast-success-statistics-container p.forecast-average-change {
  margin: 15px 0 0 0;
}
.forecast-success-statistics-container p.forecast-backtests {
  margin: 10px 0 0 0;
  font-weight: bold;
}

table.bordered {
  width: 100%;
}
table.bordered thead th {
  border-bottom: 1px solid #fff;
}
table.bordered thead th, table.bordered thead td, table.bordered tbody th, table.bordered tbody td {
  border-right: 1px solid #fff;
}
table.bordered thead th:last-child, table.bordered thead td:last-child, table.bordered tbody th:last-child, table.bordered tbody td:last-child {
  border-right: 0;
}

table.dark-bordered {
  width: 100%;
}
table.dark-bordered thead th {
  border-bottom: 1px solid #333333;
}
table.dark-bordered thead th, table.dark-bordered thead td, table.dark-bordered tbody th, table.dark-bordered tbody td {
  border-right: 1px solid #333333;
  padding: 2px 4px;
}
table.dark-bordered thead th:last-child, table.dark-bordered thead td:last-child, table.dark-bordered tbody th:last-child, table.dark-bordered tbody td:last-child {
  border-right: 0;
}

.equityListTable {
  overflow-x: hidden;
}

.sortable {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  color: #fff;
}
.sortable span {
  display: inline-block;
  height: 15px;
  margin: 0 0 0 2px;
  width: 16px;
  margin-right: -16px;
}
.sortable.sorted span {
  width: 15px;
  background-image: url("https://quantdesk.lucenaresearch.com/images/sprites.png");
}
.sortable.sorted.asc span {
  background-position: -15px 0;
}
.sortable.sorted.desc span {
  background-position: 0 0;
}
.sortable:hover {
  color: #fff;
  text-decoration: none;
}
.sortable.sorting span {
  background-image: none;
}

#chart-ctn {
  width: 100%;
  /*#tick { width: 4% !important; }*/
  /*#symbol { width: 12% !important; }*/
}
#chart-ctn th {
  background-color: #373C4B;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #575F77), color-stop(50%, #42485A), color-stop(51%, #373C4B), color-stop(100%, #2C303C));
  background-image: -moz-linear-gradient(top, #575F77, #42485A 50%, #373C4B 51%, #2C303C);
  background-image: linear-gradient(top, #575F77, #42485A 50%, #373C4B 51%, #2C303C);
  background-repeat: no-repeat;
  background-position: right center;
  cursor: pointer;
  border: 1px solid #373C4B;
}
#chart-ctn th.sorting_asc {
  background-image: url("https://quantdesk.lucenaresearch.com/img/sort_asc.png"), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #575F77), color-stop(50%, #42485A), color-stop(51%, #373C4B), color-stop(100%, #2C303C));
  background-image: url("https://quantdesk.lucenaresearch.com/img/sort_asc.png"), -moz-linear-gradient(top, #575F77, #42485A 50%, #373C4B 51%, #2C303C);
  background-image: url("https://quantdesk.lucenaresearch.com/img/sort_asc.png"), linear-gradient(top, #575F77, #42485A 50%, #373C4B 51%, #2C303C);
}
#chart-ctn th.sorting_desc {
  background-image: url("https://quantdesk.lucenaresearch.com/img/sort_desc.png"), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #575F77), color-stop(50%, #42485A), color-stop(51%, #373C4B), color-stop(100%, #2C303C));
  background-image: url("https://quantdesk.lucenaresearch.com/img/sort_desc.png"), -moz-linear-gradient(top, #575F77, #42485A 50%, #373C4B 51%, #2C303C);
  background-image: url("https://quantdesk.lucenaresearch.com/img/sort_desc.png"), linear-gradient(top, #575F77, #42485A 50%, #373C4B 51%, #2C303C);
}
#chart-ctn #chartTbl-data tr {
  border: 2px solid #232D38;
  border-bottom: none;
}
#chart-ctn #chartTbl-data tr:nth-child(even) {
  background: #1A232B;
}
#chart-ctn #chartTbl-data tr:hover {
  border: 2px solid #B56A20;
}
#chart-ctn #chartTbl-data tr.tableSelection {
  color: #EEE;
  background-color: #E48627 !important;
  background-image: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#E48627), to(#AD5A07)) !important;
  background: -webkit-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -moz-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -o-linear-gradient(top, #E48627, #AD5A07) !important;
  background: linear-gradient(to bottom, #E48627, #AD5A07) !important;
  text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
}
#chart-ctn #chartTbl-data tr.tableSelection:hover {
  border: 2px solid #999;
}

.loading, .file-upload-loading {
  background-position: center center;
  background-image: url("https://quantdesk.lucenaresearch.com/images/loading-bar.gif");
  background-repeat: no-repeat;
  height: 25px;
}

.fading {
  opacity: 0.2;
}

.equity-dialog-search {
  width: 150px;
}

.note {
  font-size: 10px;
  width: 220px;
  margin: 5px 0 10px 0;
  line-height: 10px;
  font-style: italic;
}

.caret {
  border-top: 4px solid white !important;
}

.dropdown-menu {
  background-color: #2E3646;
  min-width: 100px;
}
.dropdown-menu li a {
  color: #FFF;
  cursor: pointer;
}
.dropdown-menu li a:hover {
  color: #EEE;
  background-color: #E48627 !important;
  background-image: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#E48627), to(#AD5A07)) !important;
  background: -webkit-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -moz-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -o-linear-gradient(top, #E48627, #AD5A07) !important;
  background: linear-gradient(to bottom, #E48627, #AD5A07) !important;
  text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
}
.dropdown-menu li.active a, .dropdown-menu li.active a:hover {
  color: #FFF;
  cursor: pointer;
  color: #EEE;
  background-color: #E48627 !important;
  background-image: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#E48627), to(#AD5A07)) !important;
  background: -webkit-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -moz-linear-gradient(top, #E48627, #AD5A07) !important;
  background: -o-linear-gradient(top, #E48627, #AD5A07) !important;
  background: linear-gradient(to bottom, #E48627, #AD5A07) !important;
  text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 1px;
}

.datepicker, .timepicker {
  background-color: #fff;
  z-index: 2052;
}

.inline-edit-text {
  text-decoration: underline;
  cursor: pointer;
}

.inline-edit-text-empty {
  font-style: italic;
  color: grey !important;
}

.fileupload .uneditable-input {
  min-height: 24px;
  padding: 1px 0 0 5px;
  width: 123px;
  margin-top: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fileupload .btn {
  float: none;
}

#newfromfile {
  margin-left: 18px;
}

#newPortfolio {
  top: 40%;
}

#uploadTarget {
  width: 0;
  height: 0;
  border: 0px solid #fff;
}

.save-as {
  width: 100px;
}

#autoRunEventCheckbox {
  margin-top: 3px;
}

input[type=checkbox] {
  margin: 0px 5px 0px 0px;
}

a.tooltip_link {
  color: #fff;
  border-bottom: 1px dashed #fff;
}
a.tooltip_link:hover {
  text-decoration: none;
}

.tooltip {
  font-size: 13px;
}
.tooltip .tooltip-arrow {
  border-right-color: white !important;
}
.tooltip .tooltip-inner {
  background-color: white;
  color: black;
}

.chartAndDetail {
  margin-top: 25px;
}

.statisticsDefinitions {
  margin-top: 0;
}

#whiteLists, #blackLists {
  margin: 4px 0;
  padding: 0;
  list-style-type: none;
  /*background-color: #171B25;*/
  -moz-border-radius: 3px;
  border-radius: 3px;
  /*border: 1px solid #171B25;*/
  height: 160px;
  color: #000;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  overflow: auto;
}
#whiteLists li, #blackLists li {
  overflow-x: hidden;
  text-indent: -6px;
  padding: 0 2px 0 8px;
}

#scanIndicatorSliders {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #e2e2e2;
  list-style-type: none;
}
#scanIndicatorSliders li {
  border-top: 1px solid #e2e2e2;
  line-height: 40px;
  vertical-align: middle;
  padding: 0;
}
#scanIndicatorSliders li.instructions {
  border-top: 0;
}
#scanIndicatorSliders li .featureModifiers ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#scanIndicatorSliders li .featureModifiers ul li {
  float: left;
  width: 25%;
  border: 0;
  padding: 0;
}

.eventStudySelection {
  width: 100%;
}
.eventStudySelection thead th {
  border-bottom: 1px solid #ddd;
}

.control-group .eventStudySelection tr td .btn {
  margin: 0;
}

.cog {
  width: 20px;
}

#eventAnalysis, #matchingEvents, #studyStatistics {
  margin-top: 20px;
}
#eventAnalysis .summary .selectedExpandDiv div, #matchingEvents .summary .selectedExpandDiv div, #studyStatistics .summary .selectedExpandDiv div {
  height: 28px;
  vertical-align: middle;
  display: inline-block;
}
#eventAnalysis .summary .selectedCollapse, #eventAnalysis .summary .selectedExpand, #matchingEvents .summary .selectedCollapse, #matchingEvents .summary .selectedExpand, #studyStatistics .summary .selectedCollapse, #studyStatistics .summary .selectedExpand {
  cursor: pointer;
}

g.cell, rect {
  cursor: pointer;
}

.tree-map-scale label {
  font-size: 12px;
}

.equity-selection .symbol-input {
  display: none;
}
.equity-selection .benchmark-input select {
  width: 120px;
}
.equity-selection.enter-symbol .benchmark-input {
  display: none;
}
.equity-selection.enter-symbol .symbol-input {
  display: block;
}
.equity-selection.enter-symbol .symbol-input input {
  width: 120px;
}
.equity-selection.enter-symbol .symbol-input .btn-group {
  display: inline-block;
}
.equity-selection.enter-symbol .symbol-input .btn-group button {
  line-height: 24px;
  margin-top: -9px;
}
.equity-selection.enter-symbol .symbol-input .btn-group > .btn:first-child {
  -webkit-border-bottom-left-radius: 0;
  moz-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  moz-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  moz-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  moz-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}

.scan-model-form-container .scan-indicators-container table.scan-indicators {
  width: 100%;
}

.event-definition-form {
  width: 960px;
  /*height: 650px;*/
  left: 38%;
  top: 40%;
}
.event-definition-form .specific-day {
  display: inline-block;
  line-height: 38px;
}
.event-definition-form .specific-day button {
  vertical-align: top;
  margin-top: 2px;
}
.event-definition-form .modal-body {
  max-height: none;
}
.event-definition-form .modal-body .benchmarkSymbol {
  width: 160px;
  /*12%;*/
}
.event-definition-form .modal-body .benchmarkSymbol .token-input-list-facebook {
  height: 28px !important;
  margin: 0 0 10px 0;
  display: inline-block;
  width: 90%;
}
.event-definition-form .modal-body .benchmarkSymbol .token-input-list-facebook .token-input-token-facebook {
  width: initial;
}
.event-definition-form .modal-body .date-range-picker {
  float: right;
}
.event-definition-form .modal-body .date-range-picker .control-label {
  float: left;
}
.event-definition-form .modal-body .date-range-picker .controls {
  float: left;
  display: inline-block;
}
.event-definition-form .modal-body .date-range-picker .controls .date-range-select {
  width: 90px;
  float: left;
  margin-right: 5px;
}
.event-definition-form .modal-body .date-range-picker .controls.date-boxes {
  width: auto;
  display: inline-block;
}
.event-definition-form .modal-body .date-range-picker .controls.date-boxes .dateRange {
  width: 45%;
}
.event-definition-form .modal-body .scan-indicators-container {
  margin: 10px 0 0 0;
  height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
}
.event-definition-form .modal-body .scan-indicators-container table.scan-indicators {
  border-spacing: 0;
  width: 100%;
  margin-top: 10px;
  border-collapse: collapse;
}
.event-definition-form .modal-body .scan-indicators-container table.scan-indicators .calendar-interval-modifier label {
  display: inline;
  font-size: 12px;
}
.event-definition-form .modal-body .scan-indicators-container table.scan-indicators .calendar-interval-modifier .calendarModifier {
  width: 45%;
}
.event-definition-form .modal-body .scan-indicators-container table.scan-indicators .equity-selection.enter-symbol .symbol-input .btn-group button {
  margin-top: 0px;
}
.event-definition-form .modal-body .scan-indicators-container table.scan-indicators > tbody > tr > td {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  vertical-align: baseline;
}
.event-definition-form .modal-body .scan-indicators-container table.scan-indicators > tbody > tr > td .close {
  color: #eee;
  opacity: 1;
  text-shadow: none;
}
.event-definition-form .modal-body .scan-indicators-container .featureColumnSelect {
  width: 100px;
}

.edit-specific-days .select-month, .edit-specific-days .select-day {
  width: 80px;
}
.edit-specific-days ul.selected-days {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline;
}
.edit-specific-days ul.selected-days li {
  display: inline-block;
  margin: 5px 4px 0;
  vertical-align: top;
}
.edit-specific-days ul.selected-days li .remove-date {
  color: #fff;
}
.edit-specific-days button {
  vertical-align: top;
  margin-top: 2px;
}
.edit-specific-days .action-buttons {
  float: right;
}

.indicators-header {
  border-bottom: 1px solid #eee;
}

.gics-code-select-form {
  height: 400px;
}
.gics-code-select-form .backbonetree input[type=checkbox] {
  position: relative;
  top: 4px;
}
.gics-code-select-form .backbonetree .expand {
  font-size: 14px;
}

.event-definition-criteria .indicators-table {
  width: 100%;
}
.event-definition-criteria .indicators-table tr td {
  vertical-align: top;
}
.event-definition-criteria .sector-name {
  display: inline-block;
  line-height: 25px;
}
.event-definition-criteria .sector-name .btn {
  margin-left: 6px;
}
.event-definition-criteria .scan-indicators-container .equity-universe-labels, .event-definition-criteria .scan-indicators-container .event-settings-labels, .event-definition-criteria .equity-universe-container .equity-universe-labels, .event-definition-criteria .equity-universe-container .event-settings-labels, .event-definition-criteria .event-settings-container .equity-universe-labels, .event-definition-criteria .event-settings-container .event-settings-labels {
  min-height: 0;
  border-bottom: 1px solid #eee;
}
.event-definition-criteria .scan-indicators-container .equity-universe-labels .btn, .event-definition-criteria .scan-indicators-container .event-settings-labels .btn, .event-definition-criteria .equity-universe-container .equity-universe-labels .btn, .event-definition-criteria .equity-universe-container .event-settings-labels .btn, .event-definition-criteria .event-settings-container .equity-universe-labels .btn, .event-definition-criteria .event-settings-container .event-settings-labels .btn {
  margin-right: 3px;
}
.event-definition-criteria .scan-indicators-container .equity-universe-labels h6, .event-definition-criteria .scan-indicators-container .event-settings-labels h6, .event-definition-criteria .equity-universe-container .equity-universe-labels h6, .event-definition-criteria .equity-universe-container .event-settings-labels h6, .event-definition-criteria .event-settings-container .equity-universe-labels h6, .event-definition-criteria .event-settings-container .event-settings-labels h6 {
  line-height: 25px;
  margin-bottom: 0;
}
.event-definition-criteria .scan-indicators-container .equity-universe-labels h6:first-child, .event-definition-criteria .scan-indicators-container .event-settings-labels h6:first-child, .event-definition-criteria .equity-universe-container .equity-universe-labels h6:first-child, .event-definition-criteria .equity-universe-container .event-settings-labels h6:first-child, .event-definition-criteria .event-settings-container .equity-universe-labels h6:first-child, .event-definition-criteria .event-settings-container .event-settings-labels h6:first-child {
  border-right: 1px solid #eee;
}
.event-definition-criteria .scan-indicators-container .equity-universe .span6:first-child, .event-definition-criteria .scan-indicators-container .event-settings .span6:first-child, .event-definition-criteria .equity-universe-container .equity-universe .span6:first-child, .event-definition-criteria .equity-universe-container .event-settings .span6:first-child, .event-definition-criteria .event-settings-container .equity-universe .span6:first-child, .event-definition-criteria .event-settings-container .event-settings .span6:first-child {
  border-right: 1px solid #eee;
  min-height: 60px;
}
.event-definition-criteria .scan-indicators-container .equity-universe ul, .event-definition-criteria .scan-indicators-container .event-settings ul, .event-definition-criteria .equity-universe-container .equity-universe ul, .event-definition-criteria .equity-universe-container .event-settings ul, .event-definition-criteria .event-settings-container .equity-universe ul, .event-definition-criteria .event-settings-container .event-settings ul {
  margin: 4px 0;
  padding: 0;
  list-style-type: none;
}
.event-definition-criteria .scan-indicators-container .equity-universe ul li, .event-definition-criteria .scan-indicators-container .event-settings ul li, .event-definition-criteria .equity-universe-container .equity-universe ul li, .event-definition-criteria .equity-universe-container .event-settings ul li, .event-definition-criteria .event-settings-container .equity-universe ul li, .event-definition-criteria .event-settings-container .event-settings ul li {
  overflow-x: hidden;
  text-indent: -6px;
  padding: 0 2px 0 8px;
}
.event-definition-criteria table.scan-indicators {
  width: 100%;
}
.event-definition-criteria .settings-label {
  padding: 3px 5px 3px 5px;
  margin-left: 4px;
}
.event-definition-criteria .settings-label.long {
  background-color: #5B8E00;
}
.event-definition-criteria .settings-label.short {
  background-color: #df3e3e;
}
.event-definition-criteria .settings-label.optimizing {
  background-color: #E48627;
}
.event-definition-criteria .absolute {
  background: none;
}

.popover-content .event-definition-criteria {
  max-height: 300px;
  overflow-y: auto;
}
.popover-content .event-definition-criteria .indicators-header {
  border-bottom: 1px solid #333333;
}
.popover-content .event-definition-criteria .scan-indicators-container .equity-universe-labels, .popover-content .event-definition-criteria .equity-universe-container .equity-universe-labels {
  border-bottom: 1px solid #333333;
}
.popover-content .event-definition-criteria .scan-indicators-container .equity-universe-labels h6:first-child, .popover-content .event-definition-criteria .equity-universe-container .equity-universe-labels h6:first-child {
  border-right: 1px solid #333333;
}
.popover-content .event-definition-criteria .scan-indicators-container .equity-universe .span6:first-child, .popover-content .event-definition-criteria .equity-universe-container .equity-universe .span6:first-child {
  border-right: 1px solid #333333;
}
.popover-content .analysis-data {
  margin-bottom: 20px;
}
.popover-content .analysis-data table.bordered {
  width: 100%;
}
.popover-content .analysis-data table.bordered thead th {
  border-bottom: 1px solid #333333;
}
.popover-content .analysis-data table.bordered thead th, .popover-content .analysis-data table.bordered thead td, .popover-content .analysis-data table.bordered tbody th, .popover-content .analysis-data table.bordered tbody td {
  border-right: 1px solid #333333;
  padding: 2px 4px;
}
.popover-content .analysis-data table.bordered thead th:last-child, .popover-content .analysis-data table.bordered thead td:last-child, .popover-content .analysis-data table.bordered tbody th:last-child, .popover-content .analysis-data table.bordered tbody td:last-child {
  border-right: 0;
}
.popover-content .matchedEventEquities-popup .equity-basket-header {
  border-bottom: 1px solid #333333;
  margin-bottom: 20px;
}
.popover-content .matchedEventEquities-popup .control-group {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 300px;
}
.popover-content .matchedEventEquities-popup table {
  margin-bottom: 10px;
  line-height: 18px;
  width: 100%;
}
.popover-content .matchedEventEquities-popup table thead th {
  border-bottom: 1px solid #333333;
}
.popover-content .matchedEventEquities-popup table thead th, .popover-content .matchedEventEquities-popup table thead td, .popover-content .matchedEventEquities-popup table tbody th, .popover-content .matchedEventEquities-popup table tbody td {
  border-right: 1px solid #333333;
  padding: 2px 4px;
}
.popover-content .matchedEventEquities-popup table thead th:last-child, .popover-content .matchedEventEquities-popup table thead td:last-child, .popover-content .matchedEventEquities-popup table tbody th:last-child, .popover-content .matchedEventEquities-popup table tbody td:last-child {
  border-right: 0;
}

#afterEventChart {
  width: 100%;
  height: 400px;
  margin: 0 auto;
}

#correlatedIndicators select.featureGroupSelect {
  width: 125px;
}
#correlatedIndicators .correlatedIndicatorsContainer {
  height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
#correlatedIndicators .correlatedIndicatorsContainer .selectionRadio {
  margin: 0;
}

#map .chart {
  display: block;
  margin: auto;
  margin-top: 40px;
}
#map text {
  font-size: 11px;
  text-shadow: 0.1em 0.1em 0.5em #333;
}
#map rect {
  fill: none;
}

.map-breadcrumbs {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.map-breadcrumbs li {
  float: left;
}
.map-breadcrumbs li:after {
  content: '/';
  padding: 0px 5px;
}
.map-breadcrumbs li:last-child:after {
  content: '';
}

.map-breakdown {
  height: 485px;
  overflow-y: auto;
  overflow-x: hidden;
}

#map-breakdown-body .histogram {
  text-align: center;
  padding: 0 2px;
}
#map-breakdown-body td {
  height: 32px;
}
#map-breakdown-body td a.symbol {
  color: #fff;
  cursor: pointer;
}
#map-breakdown-body .histogram-table tr {
  height: 32px;
  padding: 0;
  border: 0;
  margin: 0;
}
#map-breakdown-body .histogram-table tr td {
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
}
#map-breakdown-body .histogram-table tr td .histogram-empty, #map-breakdown-body .histogram-table tr td .histogram-spacer {
  border: 0;
  padding: 0;
  margin: 0;
  height: 100%;
  width: 0;
  display: inline-block;
}
#map-breakdown-body .histogram-table tr td .histogram-bar {
  border: 0;
  padding: 0;
  margin: 0;
  background-color: #70B870;
  width: 2px;
  display: inline-block;
  overflow: hidden;
}
#map-breakdown-body .histogram-table tr td .histogram-negative {
  background-color: #FF3300;
}
#map-breakdown-body .histogram-table tr td .histogram-empty {
  width: 2px;
  background: transparent;
}

.event-analysis-chart-controls {
  margin: 80px 0 0 0;
}

table.featureSelection a {
  color: #fff;
}

.created-by-lucena button, .has-strategy button {
  display: none;
}
.created-by-lucena .executeEventStudy, .has-strategy .executeEventStudy {
  display: inline;
}

.backtest-event-definition-view button, .backtest-event-definition-view .created-by-lucena button {
  display: none;
}

.equity-rank-container {
  margin-bottom: 8px;
}
.equity-rank-container label.control-label {
  display: inline;
  margin-left: 8px;
}

#industryCorrelationChart, #betaChart, #backtestExposureChart {
  height: 250px;
}

.form-horizontal .controls.plain {
  padding-top: 5px;
}
.form-horizontal .control-group {
  margin-bottom: 5px;
}
.form-horizontal .date-range-picker .date-range-select {
  width: 90px;
  float: left;
  margin-right: 5px;
}

#scanFormModal .scan-indicators-container {
  height: 220px;
}
#scanFormModal .featuresWrapper {
  height: 120px;
}
#scanFormModal .button-row {
  margin-bottom: 20px;
}

#indicatorsBody {
  padding: 0;
}

/*historange styles*/
td.rangeSelector {
  width: 40%;
}

.rangeSelector .value-min, .rangeSelector .value-max {
  width: 70px;
}
.rangeSelector .rangeSliderContainer.ui-widget-content {
  border: 1px solid #06070a;
  border-width: 0 0 1px 0;
  background: transparent;
  width: 150px;
  height: 32px;
  display: inline-block;
  vertical-align: middle;
  list-style-type: none;
  padding: 0;
  margin: 4px 8px;
}
.rangeSelector .rangeSliderContainer.ui-widget-content .ui-historange-table {
  margin: 0;
  padding: 0;
  border: 0;
  width: 150px;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}
.rangeSelector .rangeSliderContainer.ui-widget-content .ui-historange-table tr {
  height: 32px;
  padding: 0;
  margin: 0;
  border: 0;
}
.rangeSelector .rangeSliderContainer.ui-widget-content .ui-historange-table td {
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
}
.rangeSelector .rangeSliderContainer.ui-widget-content .ui-historange-bar {
  border: 0;
  padding: 0;
  margin: 0;
  background-color: #B68A00;
  width: 2px;
  display: inline-block;
  overflow: hidden;
}
.rangeSelector .rangeSliderContainer.ui-widget-content .ui-historange-empty, .rangeSelector .rangeSliderContainer.ui-widget-content .ui-historange-spacer {
  border: 0;
  padding: 0;
  margin: 0;
  height: 100%;
  width: 0;
  display: inline-block;
}
.rangeSelector .rangeSliderContainer.ui-widget-content .ui-historange-empty {
  width: 2px;
  background: transparent;
}
.rangeSelector .rangeSliderContainer.ui-widget-content .ui-historange-range {
  background: transparent;
  border: 1px solid #ff7f0e;
  border-width: 0 1px;
}
.rangeSelector .rangeSliderContainer.ui-widget-content .ui-slider-handle {
  top: .5em;
  width: .6em;
  margin-left: -.3em;
  border-radius: 2px;
  border: 1px solid #06070a;
  background: #373c4b 50% 50% repeat-x;
}

.price-up, .price-down {
  font-weight: bold;
  white-space: nowrap;
}

.price-up, .positive-change {
  color: #5B8E00;
  white-space: nowrap;
}

.price-down, .negative-change {
  color: #df3e3e;
  white-space: nowrap;
}

.no-change .icon-caret-up {
  visibility: hidden;
}
.no-change .icon-arrow-up {
  visibility: hidden;
}

svg:not(:root), symbol, image, marker, pattern, foreignObject {
  overflow: hidden;
}

rect {
  shape-rendering: crisp-edges;
}

.jslider-value {
  display: none;
}

.dateRange {
  width: 72px;
}

.indicator-views-header .control-group .control-label {
  display: inline-block;
  vertical-align: top;
}
.indicator-views-header .control-group .double-level {
  line-height: 16px;
}
.indicator-views-header .control-group .double-level2 {
  line-height: 32px;
}
.indicator-views-header .control-group .controls {
  display: inline;
}
.indicator-views-header .control-group .date-range-picker {
  display: inline-block;
}
.indicator-views-header .control-group .date-range-select {
  width: 90px;
}
.indicator-views-header .control-group .date-boxes {
  width: 100%;
}
.indicator-views-header .control-group .date-boxes .dateRange {
  width: 80px !important;
}
.indicator-views-header .control-group .date-boxes .startDate {
  margin-right: 8px;
}

.indicator-views .settings-group, .indicator-views #sidebar .forecast-settings-group, #sidebar .indicator-views .forecast-settings-group, .indicator-views #consoleWrapper .forecast-settings-group, #consoleWrapper .indicator-views .forecast-settings-group, .indicator-views #sidebar .backtest-settings-group, #sidebar .indicator-views .backtest-settings-group, .indicator-views #consoleWrapper .backtest-settings-group, #consoleWrapper .indicator-views .backtest-settings-group, .indicator-views .event-brief-setting {
  border-bottom: 2px solid #ccc;
}
.indicator-views .settings-group .control-group, .indicator-views #sidebar .forecast-settings-group .control-group, #sidebar .indicator-views .forecast-settings-group .control-group, .indicator-views #consoleWrapper .forecast-settings-group .control-group, #consoleWrapper .indicator-views .forecast-settings-group .control-group, .indicator-views #sidebar .backtest-settings-group .control-group, #sidebar .indicator-views .backtest-settings-group .control-group, .indicator-views #consoleWrapper .backtest-settings-group .control-group, #consoleWrapper .indicator-views .backtest-settings-group .control-group, .indicator-views .event-brief-setting .control-group {
  vertical-align: top;
  margin-right: 8px;
  display: inline-block;
}
.indicator-views .settings-group .control-group .control-label, .indicator-views #sidebar .forecast-settings-group .control-group .control-label, #sidebar .indicator-views .forecast-settings-group .control-group .control-label, .indicator-views #consoleWrapper .forecast-settings-group .control-group .control-label, #consoleWrapper .indicator-views .forecast-settings-group .control-group .control-label, .indicator-views #sidebar .backtest-settings-group .control-group .control-label, #sidebar .indicator-views .backtest-settings-group .control-group .control-label, .indicator-views #consoleWrapper .backtest-settings-group .control-group .control-label, #consoleWrapper .indicator-views .backtest-settings-group .control-group .control-label, .indicator-views .event-brief-setting .control-group .control-label {
  vertical-align: top;
}
.indicator-views .settings-group .control-group .double-level, .indicator-views #sidebar .forecast-settings-group .control-group .double-level, #sidebar .indicator-views .forecast-settings-group .control-group .double-level, .indicator-views #consoleWrapper .forecast-settings-group .control-group .double-level, #consoleWrapper .indicator-views .forecast-settings-group .control-group .double-level, .indicator-views #sidebar .backtest-settings-group .control-group .double-level, #sidebar .indicator-views .backtest-settings-group .control-group .double-level, .indicator-views #consoleWrapper .backtest-settings-group .control-group .double-level, #consoleWrapper .indicator-views .backtest-settings-group .control-group .double-level, .indicator-views .event-brief-setting .control-group .double-level {
  line-height: 16px;
}
.indicator-views .settings-group .control-group .double-level2, .indicator-views #sidebar .forecast-settings-group .control-group .double-level2, #sidebar .indicator-views .forecast-settings-group .control-group .double-level2, .indicator-views #consoleWrapper .forecast-settings-group .control-group .double-level2, #consoleWrapper .indicator-views .forecast-settings-group .control-group .double-level2, .indicator-views #sidebar .backtest-settings-group .control-group .double-level2, #sidebar .indicator-views .backtest-settings-group .control-group .double-level2, .indicator-views #consoleWrapper .backtest-settings-group .control-group .double-level2, #consoleWrapper .indicator-views .backtest-settings-group .control-group .double-level2, .indicator-views .event-brief-setting .control-group .double-level2 {
  line-height: 32px;
}
.indicator-views .settings-group .controls, .indicator-views #sidebar .forecast-settings-group .controls, #sidebar .indicator-views .forecast-settings-group .controls, .indicator-views #consoleWrapper .forecast-settings-group .controls, #consoleWrapper .indicator-views .forecast-settings-group .controls, .indicator-views #sidebar .backtest-settings-group .controls, #sidebar .indicator-views .backtest-settings-group .controls, .indicator-views #consoleWrapper .backtest-settings-group .controls, #consoleWrapper .indicator-views .backtest-settings-group .controls, .indicator-views .event-brief-setting .controls {
  float: right;
}
.indicator-views .settings-group label, .indicator-views #sidebar .forecast-settings-group label, #sidebar .indicator-views .forecast-settings-group label, .indicator-views #consoleWrapper .forecast-settings-group label, #consoleWrapper .indicator-views .forecast-settings-group label, .indicator-views #sidebar .backtest-settings-group label, #sidebar .indicator-views .backtest-settings-group label, .indicator-views #consoleWrapper .backtest-settings-group label, #consoleWrapper .indicator-views .backtest-settings-group label, .indicator-views .event-brief-setting label {
  line-height: 30px;
  display: inline;
}
.indicator-views .settings-group .date-range-picker, .indicator-views #sidebar .forecast-settings-group .date-range-picker, #sidebar .indicator-views .forecast-settings-group .date-range-picker, .indicator-views #consoleWrapper .forecast-settings-group .date-range-picker, #consoleWrapper .indicator-views .forecast-settings-group .date-range-picker, .indicator-views #sidebar .backtest-settings-group .date-range-picker, #sidebar .indicator-views .backtest-settings-group .date-range-picker, .indicator-views #consoleWrapper .backtest-settings-group .date-range-picker, #consoleWrapper .indicator-views .backtest-settings-group .date-range-picker, .indicator-views .event-brief-setting .date-range-picker {
  display: inline-block;
}
.indicator-views .settings-group .date-range-select, .indicator-views #sidebar .forecast-settings-group .date-range-select, #sidebar .indicator-views .forecast-settings-group .date-range-select, .indicator-views #consoleWrapper .forecast-settings-group .date-range-select, #consoleWrapper .indicator-views .forecast-settings-group .date-range-select, .indicator-views #sidebar .backtest-settings-group .date-range-select, #sidebar .indicator-views .backtest-settings-group .date-range-select, .indicator-views #consoleWrapper .backtest-settings-group .date-range-select, #consoleWrapper .indicator-views .backtest-settings-group .date-range-select, .indicator-views .event-brief-setting .date-range-select {
  width: 90px;
}
.indicator-views .settings-group .date-boxes, .indicator-views #sidebar .forecast-settings-group .date-boxes, #sidebar .indicator-views .forecast-settings-group .date-boxes, .indicator-views #consoleWrapper .forecast-settings-group .date-boxes, #consoleWrapper .indicator-views .forecast-settings-group .date-boxes, .indicator-views #sidebar .backtest-settings-group .date-boxes, #sidebar .indicator-views .backtest-settings-group .date-boxes, .indicator-views #consoleWrapper .backtest-settings-group .date-boxes, #consoleWrapper .indicator-views .backtest-settings-group .date-boxes, .indicator-views .event-brief-setting .date-boxes {
  float: none;
  display: table;
  width: 100%;
}
.indicator-views .settings-group .date-boxes .dateRange, .indicator-views #sidebar .forecast-settings-group .date-boxes .dateRange, #sidebar .indicator-views .forecast-settings-group .date-boxes .dateRange, .indicator-views #consoleWrapper .forecast-settings-group .date-boxes .dateRange, #consoleWrapper .indicator-views .forecast-settings-group .date-boxes .dateRange, .indicator-views #sidebar .backtest-settings-group .date-boxes .dateRange, #sidebar .indicator-views .backtest-settings-group .date-boxes .dateRange, .indicator-views #consoleWrapper .backtest-settings-group .date-boxes .dateRange, #consoleWrapper .indicator-views .backtest-settings-group .date-boxes .dateRange, .indicator-views .event-brief-setting .date-boxes .dateRange {
  width: 80px !important;
}
.indicator-views .settings-group .date-boxes .startDate, .indicator-views #sidebar .forecast-settings-group .date-boxes .startDate, #sidebar .indicator-views .forecast-settings-group .date-boxes .startDate, .indicator-views #consoleWrapper .forecast-settings-group .date-boxes .startDate, #consoleWrapper .indicator-views .forecast-settings-group .date-boxes .startDate, .indicator-views #sidebar .backtest-settings-group .date-boxes .startDate, #sidebar .indicator-views .backtest-settings-group .date-boxes .startDate, .indicator-views #consoleWrapper .backtest-settings-group .date-boxes .startDate, #consoleWrapper .indicator-views .backtest-settings-group .date-boxes .startDate, .indicator-views .event-brief-setting .date-boxes .startDate {
  float: left;
  margin-right: 8px;
}
.indicator-views .settings-group .date-boxes .endDate, .indicator-views #sidebar .forecast-settings-group .date-boxes .endDate, #sidebar .indicator-views .forecast-settings-group .date-boxes .endDate, .indicator-views #consoleWrapper .forecast-settings-group .date-boxes .endDate, #consoleWrapper .indicator-views .forecast-settings-group .date-boxes .endDate, .indicator-views #sidebar .backtest-settings-group .date-boxes .endDate, #sidebar .indicator-views .backtest-settings-group .date-boxes .endDate, .indicator-views #consoleWrapper .backtest-settings-group .date-boxes .endDate, #consoleWrapper .indicator-views .backtest-settings-group .date-boxes .endDate, .indicator-views .event-brief-setting .date-boxes .endDate {
  float: right;
}

#retrainNum {
  width: 80px;
}

#retrainPeriod {
  width: 110px;
}

.feature-check {
  padding-right: 15px;
}

.freeze-feature {
  vertical-align: top;
  horiz-align: center;
}

.freeze-range {
  vertical-align: top;
  horiz-align: center;
}

.df-rank-container {
  margin-bottom: 8px;
}
.df-rank-container label.control-label {
  display: inline;
  margin-left: 8px;
}

.slider {
  width: 80%;
  margin-top: 12%;
  margin-bottom: 3%;
}

#wizard-selection-criteria-container .slider {
  display: inline-block;
  width: 50%;
}

.datafeedContent .section {
  margin-bottom: 2%;
}
.datafeedContent h5 {
  border-bottom-color: #eeeeee;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.datafeedContent .column-third {
  width: 30%;
  display: inline-block;
  vertical-align: top;
}
.datafeedContent .left {
  margin-right: 5%;
}
.datafeedContent label {
  margin-right: 0;
}
.datafeedContent .hist-data-control * {
  display: inline-block;
  vertical-align: middle;
  margin: 2px;
  width: auto;
}
.datafeedContent .dateRange {
  width: auto;
}
.datafeedContent .hist-data-item {
  border-style: solid;
  margin-right: 10px;
  margin-bottom: 5px;
}
.datafeedContent .hist-data-item * {
  margin: 5px;
  display: inline-block;
  width: auto;
}
.datafeedContent .datafeedsByDate {
  max-height: 200px;
  height: auto;
  overflow-y: scroll;
  margin-bottom: 1%;
}
.datafeedContent .equity-universe-container .equity-universe-labels {
  border-bottom: 1px solid #eee;
}
.datafeedContent .equity-universe-container .equity-universe-labels h6 {
  line-height: 25px;
  margin-bottom: 0;
  margin-left: 1px;
  display: inline-block;
  width: 48%;
}
.datafeedContent .equity-universe-container .equity-universe-labels h6:first-child {
  border-right: 1px solid #eee;
}
.datafeedContent .equity-universe-container .equity-universe div {
  display: inline-block;
  width: 48%;
  margin-left: 1px;
}
.datafeedContent .equity-universe-container .equity-universe div:first-child {
  border-right: 1px solid #eee;
  min-height: 60px;
}
.datafeedContent .equity-universe-container .equity-universe ul {
  margin: 4px 0;
  padding: 0;
  list-style-type: none;
}
.datafeedContent .equity-universe-container .equity-universe ul li {
  overflow-x: hidden;
  text-indent: -6px;
  padding: 0 2px 0 8px;
}

.regression-settings {
  display: none;
}

#sidebar .bottomBtn, #consoleWrapper .bottomBtn {
  margin-top: 8px;
}
#sidebar .settings-group, #sidebar .forecast-settings-group, #sidebar .backtest-settings-group, #sidebar .event-brief-setting, #consoleWrapper .settings-group, #consoleWrapper .forecast-settings-group, #consoleWrapper .backtest-settings-group, #consoleWrapper .event-brief-setting {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 2px solid #ccc;
}
#sidebar .forecast-settings-group label, #consoleWrapper .forecast-settings-group label {
  line-height: 30px;
  display: inline;
}
#sidebar .forecast-settings-group .control-group, #consoleWrapper .forecast-settings-group .control-group {
  clear: both;
}
#sidebar .forecast-settings-group .controls, #consoleWrapper .forecast-settings-group .controls {
  float: right;
}
#sidebar .forecast-settings-group .confidenceBoostDiv input, #consoleWrapper .forecast-settings-group .confidenceBoostDiv input {
  width: 63px;
}
#sidebar .forecast-settings-group .equity-selection-group, #consoleWrapper .forecast-settings-group .equity-selection-group {
  border-bottom: 0;
}
#sidebar .forecast-settings-group .equity-selection-group input, #consoleWrapper .forecast-settings-group .equity-selection-group input {
  width: 63px;
}
#sidebar .backtest-settings-group label, #consoleWrapper .backtest-settings-group label {
  line-height: 30px;
  display: inline;
}
#sidebar .backtest-settings-group .control-group, #consoleWrapper .backtest-settings-group .control-group {
  clear: both;
}
#sidebar .backtest-settings-group .controls, #consoleWrapper .backtest-settings-group .controls {
  float: right;
}
#sidebar .backtest-settings-group #depositThreshold, #consoleWrapper .backtest-settings-group #depositThreshold {
  display: none;
}
#sidebar .backtest-settings-group #withdrawalThreshold, #consoleWrapper .backtest-settings-group #withdrawalThreshold {
  display: none;
}
#sidebar .backtest-settings-group #slippagePerTrade, #consoleWrapper .backtest-settings-group #slippagePerTrade {
  width: 77px;
  margin-bottom: 5px;
}
#sidebar .backtest-settings-group #maxPercentLiquidity, #consoleWrapper .backtest-settings-group #maxPercentLiquidity {
  width: 88px;
  margin-bottom: 5px;
}
#sidebar .backtest-settings-group #liquidityADVLookback, #consoleWrapper .backtest-settings-group #liquidityADVLookback {
  width: 88px;
  margin-bottom: 5px;
}
#sidebar .backtest-settings-group .date-range-select, #consoleWrapper .backtest-settings-group .date-range-select {
  width: 95px;
}
#sidebar .backtest-settings-group .date-boxes, #consoleWrapper .backtest-settings-group .date-boxes {
  float: none;
  display: table;
  width: 100%;
}
#sidebar .backtest-settings-group .date-boxes .dateRange, #consoleWrapper .backtest-settings-group .date-boxes .dateRange {
  width: 40%;
}
#sidebar .backtest-settings-group .date-boxes .startDate, #consoleWrapper .backtest-settings-group .date-boxes .startDate {
  float: left;
}
#sidebar .backtest-settings-group .date-boxes .endDate, #consoleWrapper .backtest-settings-group .date-boxes .endDate {
  float: right;
}
#sidebar .backtest-settings-group #rebalanceNum, #consoleWrapper .backtest-settings-group #rebalanceNum {
  width: 50px;
}
#sidebar .backtest-settings-group #rebalancePeriod, #sidebar .backtest-settings-group #holdForNum, #sidebar .backtest-settings-group #holdForPeriod, #consoleWrapper .backtest-settings-group #rebalancePeriod, #consoleWrapper .backtest-settings-group #holdForNum, #consoleWrapper .backtest-settings-group #holdForPeriod {
  width: 95px;
}
#sidebar .backtest-settings-group #targetLeverage, #consoleWrapper .backtest-settings-group #targetLeverage {
  width: 85px;
}
#sidebar .backtest-settings-group.equity-selection-group, #consoleWrapper .backtest-settings-group.equity-selection-group {
  border-bottom: 0;
}
#sidebar .backtest-settings-group.equity-selection-group input, #consoleWrapper .backtest-settings-group.equity-selection-group input {
  width: 63px;
}
#sidebar .backtest-settings-group .input-append input, #sidebar .backtest-settings-group .input-prepend input, #consoleWrapper .backtest-settings-group .input-append input, #consoleWrapper .backtest-settings-group .input-prepend input {
  width: 36px;
}
#sidebar .backtest-settings-group .dayOfWeek, #sidebar .backtest-settings-group .tradingDay, #consoleWrapper .backtest-settings-group .dayOfWeek, #consoleWrapper .backtest-settings-group .tradingDay {
  width: 95px;
  float: right;
}
#sidebar h5, #consoleWrapper h5 {
  clear: both;
}
#sidebar #startingCashPosition, #consoleWrapper #startingCashPosition {
  width: 107px;
}
#sidebar .control-label, #consoleWrapper .control-label {
  font-size: 12px;
  font-weight: normal;
}
#sidebar #backtestExitCriteriaBlock, #consoleWrapper #backtestExitCriteriaBlock {
  margin: -12px 0px 0px 20px;
  float: none;
  display: block;
}
#sidebar #backtestExitCriteriaBlock .radio, #consoleWrapper #backtestExitCriteriaBlock .radio {
  float: none;
  display: block;
  margin: -5px 0px;
  font-size: 12px;
}
#sidebar #backtestExitCriteriaBlock .radio input, #consoleWrapper #backtestExitCriteriaBlock .radio input {
  margin-top: 7px;
}
#sidebar #eventBacktestExitCriteriaBlock, #sidebar #eventBacktestStopLossGainBasedBlock, #consoleWrapper #eventBacktestExitCriteriaBlock, #consoleWrapper #eventBacktestStopLossGainBasedBlock {
  margin: -12px 0px 0px 20px;
  float: none;
  display: block;
}
#sidebar #eventBacktestExitCriteriaBlock .radio, #sidebar #eventBacktestStopLossGainBasedBlock .radio, #consoleWrapper #eventBacktestExitCriteriaBlock .radio, #consoleWrapper #eventBacktestStopLossGainBasedBlock .radio {
  float: none;
  display: block;
  margin: -1px 0px;
  font-size: 12px;
}
#sidebar #backtest-exit-criteria-type, #consoleWrapper #backtest-exit-criteria-type {
  width: 120px;
  height: 25px;
  margin-top: 12px;
  marign-right: 8px;
}
#sidebar #backtest-equity-exit-criteria, #sidebar #backtest-portfolio-exit-criteria, #consoleWrapper #backtest-equity-exit-criteria, #consoleWrapper #backtest-portfolio-exit-criteria {
  margin-left: 8px;
}
#sidebar #backtest-exit-loss-criteria, #sidebar #backtest-exit-gain-criteria, #sidebar #backtest-portfolio-exit-loss-criteria, #sidebar #backtest-portfolio-exit-gain-criteria, #sidebar #backtest-exit-days-criteria, #sidebar #backtest-exit-stop-loss-criteria, #sidebar #backtest-exit-target-gain-criteria, #sidebar #stopLossGainExitType, #consoleWrapper #backtest-exit-loss-criteria, #consoleWrapper #backtest-exit-gain-criteria, #consoleWrapper #backtest-portfolio-exit-loss-criteria, #consoleWrapper #backtest-portfolio-exit-gain-criteria, #consoleWrapper #backtest-exit-days-criteria, #consoleWrapper #backtest-exit-stop-loss-criteria, #consoleWrapper #backtest-exit-target-gain-criteria, #consoleWrapper #stopLossGainExitType {
  width: 170px;
}

.bench-port-container {
  margin-bottom: 8px;
}
.bench-port-container label.control-label {
  display: inline;
  margin-left: 8px;
}

#iniTransTab .control-label {
  width: 74px;
}
#iniTransTab .controls {
  margin-left: 80px;
}
#iniTransTab #iniTransTable {
  margin-top: 20px;
}
#iniTransTab #iniTransTable thead, #iniTransTab #iniTransTable tfoot {
  display: block;
}
#iniTransTab #iniTransTable tbody {
  max-height: 100px;
  display: block;
  overflow: auto;
}
#iniTransTab #iniTransTable th, #iniTransTab #iniTransTable td {
  width: 75px;
}

.control-label {
  font-size: 12px;
}
.control-label input[type=radio] {
  margin: 0 0 0 -10px;
}

.bactestDescriptionBlock {
  margin-top: -8px;
  margin-bottom: 2px;
  background-color: floralwhite;
  border-color: gainsboro;
  color: black;
}

.choose-benchmark {
  margin-left: -3px !important;
  margin-bottom: 9px;
  height: 32px;
}

.bootstrap-timepicker-widget {
  z-index: 1051;
}

#orderBlotterForm {
  width: 100%;
  /*1000px;*/
  /*top: calc(45% - 300px);*/
}
#orderBlotterForm #blotterPortfolios .table-header {
  display: inline-grid;
}
#orderBlotterForm #blotterPortfolios .table-header .left {
  display: inline-block;
}
#orderBlotterForm #blotterPortfolios .table-header div.marketTime {
  float: right;
}
#orderBlotterForm #blotterPortfolios div.value {
  display: inline-block;
  margin: 0 30px;
  font-size: 13px;
  font-weight: bold;
}
#orderBlotterForm #blotterPortfolios div.value.right {
  float: right;
}
#orderBlotterForm .ordersSummary {
  margin-bottom: 12px;
  display: none;
}
#orderBlotterForm .ordersSummary .summaryTable {
  width: 100%;
}
#orderBlotterForm .ordersSummary tbody tr:first-child {
  border-top: none;
}
#orderBlotterForm .ordersSummary tbody tr {
  border-top: 1px solid #999;
}
#orderBlotterForm .ordersSummary tbody tr:last-child {
  border-top: 1px solid white;
}
#orderBlotterForm .ordersSummary .requiredPurchasingPowerCheck {
  cursor: pointer;
  display: inline;
  font-size: 16px;
  vertical-align: middle;
}
#orderBlotterForm .ordersSummary .orderType {
  text-align: left;
  font-weight: bold;
}
#orderBlotterForm .ordersSummary .orderType span {
  vertical-align: middle;
  margin-left: 4px;
}
#orderBlotterForm .ordersSummary .orderLegend {
  width: 12px;
  height: 12px;
  vertical-align: middle;
  display: inline-block;
  background: #232D38;
  border: 2px #999 solid;
  border-radius: 50%;
  font-size: 14px;
  font-weight: bold;
}
#orderBlotterForm .ordersSummary .orderLegend.unsubmitted {
  border-color: #FFE100;
  border-style: dashed;
}
#orderBlotterForm .ordersSummary .orderLegend.scheduled {
  background-color: #B3B366;
}
#orderBlotterForm .ordersSummary .orderLegend.expired {
  background-color: #aa0000;
}
#orderBlotterForm .ordersSummary .orderLegend.executed {
  background-color: #006600;
}
#orderBlotterForm .orderListHeader {
  height: 28px;
  padding-right: 8px;
}
#orderBlotterForm .orderListHeader div {
  display: inline-block;
}
#orderBlotterForm .orderListHeader div.orderLegend {
  float: right;
  margin-left: 8px;
  background: #232D38;
  border: 2px #999 solid;
  border-radius: 4px;
  padding: 0 4px;
  font-size: 14px;
  font-weight: bold;
}
#orderBlotterForm .orderListHeader div.unsubmitted {
  border-color: #FFE100;
  border-style: dashed;
}
#orderBlotterForm .orderListHeader div.scheduled {
  background-color: #B3B366;
}
#orderBlotterForm .orderListHeader div.expired {
  background-color: #aa0000;
}
#orderBlotterForm .orderListHeader div.executed {
  background-color: #006600;
}
#orderBlotterForm .orderListHeader .orderFilters {
  float: right;
}
#orderBlotterForm .orderListHeader .orderFilters .date-range-label {
  display: none;
}
#orderBlotterForm .orderListHeader .orderFilters select, #orderBlotterForm .orderListHeader .orderFilters input {
  height: 26px;
  padding: 0 8px;
  margin-bottom: 0;
}
#orderBlotterForm .orderListHeader .orderFilters .applyFilter {
  margin-left: 4px;
  padding-bottom: 4px;
}
#orderBlotterForm .orderListHeader .orderFilters .date-range-select {
  width: 90px;
  height: 28px;
  margin-right: 8px;
}
#orderBlotterForm .orderListHeader .orderFilters .search {
  width: 120px;
  margin-left: 4px;
}
#orderBlotterForm .orders {
  width: 100%;
  margin-top: 2px;
  overflow-x: hidden;
  overflow-y: auto;
}
#orderBlotterForm .orders .orders-list-container {
  max-height: 500px;
}
#orderBlotterForm .orders .orders-list-container .orders-list {
  width: 100%;
  margin: 0 0 8px 0;
  list-style-type: none;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item > div {
  display: inline-block;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item {
  position: relative;
  width: 100%;
  display: inline-flex;
  padding-top: 8px;
  padding-bottom: 4px;
  border-bottom: 1px solid #aaa;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .inlineErrorContainer {
  position: absolute;
  width: 100%;
  max-height: 100%;
  z-index: 10;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .inlineErrorContainer .alert {
  margin: 0;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .orderRef {
  color: #3366CC;
  cursor: pointer;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer {
  width: 512px;
  /*58%;*/
  /*height: 120px;*/
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .descText {
  font-size: 9px;
  text-align: center;
  font-family: sans-serif;
  margin-right: 8px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .optionRow {
  width: 100%;
  height: 52px;
  display: inline-flex;
  margin-bottom: 4px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .optionRow select {
  margin-right: 8px;
  padding: 0;
  font-size: 10px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .optionRow .transactionType {
  width: 91px;
  /*19%;*/
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .optionRow .symbol {
  width: 74px;
  /*12%;*/
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .optionRow .symbol .token-input-list-facebook {
  height: 28px !important;
  margin: 0 0 10px 0;
  display: inline-block;
  width: 90%;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .optionRow .symbol .token-input-list-facebook .token-input-token-facebook {
  width: initial;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .optionRow .symbol .positionSelect {
  width: 90%;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .optionRow .duration {
  width: 49px;
  /*10%;*/
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .optionRow .orderType {
  width: 80px;
  /*16%;*/
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .optionRow .quantity {
  width: 50px;
  /*8%;*/
  margin-right: 8px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 12px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .optionRow .priceDiv {
  width: 99px;
  /*16%;*/
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .optionRow .priceDiv .marketPrice, #orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .optionRow .priceDiv .limitPriceEdit, #orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .optionRow .priceDiv .triggerPriceEdit {
  width: 100%;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .optionRow .priceDiv .marketPrice .marketPriceField, #orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .optionRow .priceDiv .marketPrice .limitPrice, #orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .optionRow .priceDiv .marketPrice .triggerPrice, #orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .optionRow .priceDiv .limitPriceEdit .marketPriceField, #orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .optionRow .priceDiv .limitPriceEdit .limitPrice, #orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .optionRow .priceDiv .limitPriceEdit .triggerPrice, #orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .optionRow .priceDiv .triggerPriceEdit .marketPriceField, #orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .optionRow .priceDiv .triggerPriceEdit .limitPrice, #orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .optionRow .priceDiv .triggerPriceEdit .triggerPrice {
  width: 60%;
  font-size: 12px;
  padding-left: 4px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .optionRow .expandActions {
  float: left;
  color: #eee;
  background: transparent;
  border: 0;
  margin-top: 20px;
  margin-left: -4px;
  font-size: 16px;
  color: #00CC00;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .actionContainerDiv {
  text-align: right;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .actionContainerDiv .actionRow {
  padding-right: 3px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .actionContainerDiv .actionRow select {
  height: 24px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .actionContainerDiv .actionRow input {
  height: 22px;
  padding-top: 0;
  padding-bottom: 0;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .actionContainerDiv .actionRow .div_spacer {
  margin-left: 8px;
  display: inline-block;
  vertical-align: top;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .actionContainerDiv .actionRow .add-on {
  height: 22px;
  padding: 0 4px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .actionContainerDiv .actionRow .actionType {
  width: 133px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .actionContainerDiv .actionRow .numberOfShares {
  width: 60px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .actionContainerDiv .actionRow .actionDate {
  width: 72px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .actionContainerDiv .actionRow .actionTime {
  width: 60px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .actionContainerDiv .actionRow .removeAction, #orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .actionContainerDiv .actionRow .noRemoveAllowed {
  display: inline-block;
  color: #eee;
  background: transparent;
  border: 0;
  margin-top: 2px;
  margin-left: 3px;
  font-size: 16px;
  color: crimson;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .actionContainerDiv .actionRow.actionAdd .addRow {
  color: #eee;
  background: transparent;
  border: 0;
  margin-left: 4px;
  font-size: 16px;
  color: #00CC00;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .advancedOptions {
  width: 100%;
  height: 52px;
  display: inline-flex;
  margin-bottom: 4px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .advancedOptions .timeEdit {
  width: 160px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .advancedOptions .timeEdit .editTime, #orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .advancedOptions .timeEdit .editDate {
  display: inline-block;
  font-size: 12px;
  padding-left: 4px;
  padding-right: 4px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .advancedOptions .timeEdit .editTime:disabled, #orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .advancedOptions .timeEdit .editDate:disabled {
  opacity: .2;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .advancedOptions .exchange {
  width: 120px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .advancedOptions .placeholder {
  width: 106px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .advancedOptions .limitPriceEdit {
  width: 99px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .advancedOptions .limitPriceEdit .marketPriceField, #orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .advancedOptions .limitPriceEdit .limitPrice, #orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .advancedOptions .limitPriceEdit .triggerPrice {
  width: 60%;
  font-size: 12px;
  padding-left: 4px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .add-on {
  padding-left: 2px;
  padding-right: 2px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .fundamentals {
  display: inline-block;
  width: 98%;
  height: calc(100% - 52px - 7px);
  border: 2px solid #999;
  border-radius: 4px;
  background: #3F4757;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .fundamentals .fundamentalColumn {
  display: inline-block;
  width: 24.2%;
  height: 100%;
  border-right: 2px solid #999;
  margin-bottom: -6px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .fundamentals .fundamentalColumn table {
  line-height: 10px;
  font-size: 10px;
  height: 100%;
  width: 100%;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .fundamentals .fundamentalColumn table td:first-child {
  border-right: 1px solid #999;
  font-weight: bold;
  padding-right: 0px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .fundamentals .fundamentalColumn table td:last-child {
  background: #313A48;
  text-align: right;
  padding-left: 0px;
  padding-right: 2px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .leftColumnContainer .fundamentals .fundamentalColumn:last-child {
  border: 0px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer {
  width: calc(97% - 512px);
  /*38.5%;*/
  height: 118px;
  border: 2px solid #999;
  border-radius: 4px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer.unsubmitted {
  border-color: #FFE100;
  border-style: dashed;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .upperRightSpace {
  width: 100%;
  height: 80%;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .upperRightSpace .graphAndDetails {
  width: 100%;
  height: 100%;
  /*calc(100% - 59px);*/
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .upperRightSpace .graphAndDetails .graphRow {
  display: inline-block;
  background-color: #1A232B;
  height: 100%;
  width: calc(100% - 100px - 6px);
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .upperRightSpace .graphAndDetails .graphRow .priceTooltipMarker {
  z-index: 6;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-right: 8px solid white;
  border-bottom: 4px solid transparent;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .upperRightSpace .graphAndDetails .graphRow .priceTooltip {
  position: absolute;
  border: 1px solid white;
  border-radius: 4px;
  background: #232D38;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .upperRightSpace .graphAndDetails .graphRow .priceTooltip .priceTooltipValue {
  font-size: 10px;
  margin: -3px 1px -4px 1px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .upperRightSpace .graphAndDetails .graphRow .orderMiniGraph {
  height: 100%;
  width: calc(100% - 40px);
  display: inline-block;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .upperRightSpace .graphAndDetails .graphRow .companyNameOverlay {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;
  font-weight: bold;
  font-family: serif;
  color: #eee;
  opacity: .6;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .upperRightSpace .graphAndDetails .graphRow .highlight-hover {
  position: absolute;
  width: calc(100% - 6px);
  height: calc(100% - 5px);
  top: 0;
  left: 0;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .upperRightSpace .graphAndDetails .graphRow .highlight-hover .swapIcon {
  display: none;
  position: relative;
  top: 1px;
  left: 2px;
  font-size: 16px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .upperRightSpace .graphAndDetails .graphRow .highlight-hover:hover {
  cursor: cell;
  border: 3px solid crimson;
  border-radius: 2px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .upperRightSpace .graphAndDetails .graphRow .highlight-hover:hover .swapIcon {
  display: block;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .upperRightSpace .graphAndDetails .priceData {
  display: inline-block;
  height: 100%;
  width: 100px;
  float: right;
  border: 2px solid #999;
  border-width: 0 0 0 2px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .upperRightSpace .graphAndDetails .priceData table {
  line-height: 10px;
  font-size: 10px;
  width: 100%;
  height: 100%;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .upperRightSpace .graphAndDetails .priceData table td {
  padding-left: 0px;
  padding-right: 0px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .upperRightSpace .graphAndDetails .priceData table td div {
  max-width: 58px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .upperRightSpace .graphAndDetails .priceData table td:first-child {
  border-right: 1px solid #eee;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .upperRightSpace .graphAndDetails .priceData table td:last-child {
  float: right;
  text-align: right;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .summary > div {
  display: inline-block;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .summary {
  height: 20%;
  border-top: 2px solid #999;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .summary.unsubmitted {
  border-top: 2px dashed #FFE100;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .summary .subtotal {
  width: 36%;
  text-align: left;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .summary .estCommission {
  width: 24%;
  text-align: left;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .summary .estTotal {
  text-align: right;
  float: right;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .summary .expired, #orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .summary .executed, #orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .summary .scheduled, #orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .summary .canceled, #orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .summary .failed, #orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .summary .pending, #orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .summary .debug {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .summary.expired {
  background: #aa0000;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .summary.executed {
  background: #006600;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .summary.scheduled {
  background: #B3B366;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .rightColumnContainer .summary.failed {
  color: crimson;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .remove {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 3%;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .remove button {
  float: left;
  width: 100%;
  color: #eee;
  background: transparent;
  border: 0;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .remove button i {
  font-size: 16px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .remove .cancelTradeOrder i {
  color: crimson;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .remove .editTradeOrder i {
  color: #3366CC;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .remove .submitTradeOrder i {
  color: #00CC00;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .remove .pendingTradeOrder i {
  color: #00CC00;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .remove .undoChanges i {
  color: #FF9900;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .remove .popover-title button {
  width: initial;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item.highlighted {
  background: #243D70;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .remove button.condensed {
  margin-top: -2px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .condensed.fundamentals {
  height: 0;
  display: none;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .condensed.actionAdd {
  display: none;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .condensed.rightColumnContainer {
  border: 0;
  height: 60px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .condensed.upperRightSpace {
  height: 0;
  display: none;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .condensed.summary {
  border: 2px solid #999;
  border-radius: 4px;
  height: 33%;
  margin-top: 20px;
  padding: 4px;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .condensed.summary.pending {
  border: 2px dashed #00CC00;
}
#orderBlotterForm .orders .orders-list-container .orders-list .order-list-item .condensed.summary.unsubmitted {
  border: 2px dashed #FFE100;
}
#orderBlotterForm .orders .orders-footer ul {
  width: 100%;
  margin: 0 0 16px 0;
  /*border-top: 1px solid #aaa;*/
  list-style-type: none;
}
#orderBlotterForm .orders .orders-footer ul li {
  display: inline-flex;
  width: 100%;
}
#orderBlotterForm .orders .orders-footer ul li div {
  display: inline-block;
}
#orderBlotterForm .orders .orders-footer ul li .total {
  width: 512px;
}
#orderBlotterForm .orders .orders-footer ul li .totalSummary {
  width: calc(97% - 512px);
}
#orderBlotterForm .orders .orders-footer ul li .totalSummary .subtotalSum {
  width: 36%;
}
#orderBlotterForm .orders .orders-footer ul li .totalSummary .commissionSum {
  width: 24%;
}
#orderBlotterForm .orders .orders-footer ul li .totalSummary .totalSum {
  float: right;
}
#orderBlotterForm .orderListFooter div {
  display: inline-block;
}
#orderBlotterForm .orderListFooter div.right {
  float: right;
  margin-left: 8px;
}

.sector-tree ul.backbonetree li.node a.expand {
  font-size: 14px;
}
.sector-tree ul.backbonetree li.node label {
  font-size: 12px;
}
.sector-tree ul.backbonetree li.node label input {
  position: relative;
  top: 4px;
}
.sector-tree ul.backbonetree li.node ul {
  margin: 0 0 10px 16px;
}

#chartBreakdown {
  margin-top: 40px;
  height: 525px;
}
#chartBreakdown .expand-all {
  width: 92px;
}
#chartBreakdown .labels {
  border-bottom: 1px solid #fff;
}
#chartBreakdown .labels .count {
  display: inline-block;
  text-align: right;
  vertical-align: bottom;
  margin-left: 70px;
  width: 50px;
}
#chartBreakdown .labels .delta {
  display: inline-block;
  text-align: right;
  vertical-align: bottom;
  margin-left: 5px;
  width: 45px;
}
#chartBreakdown .labels .dist {
  display: inline-block;
  text-align: right;
  vertical-align: bottom;
  width: 60px;
  margin-left: 10px;
}
#chartBreakdown .breakdown-wrapper {
  height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
}
#chartBreakdown .breakdown-wrapper ul.backbonetree {
  margin: 0 0 10px 10px;
  list-style-type: none;
}
#chartBreakdown .breakdown-wrapper ul.backbonetree ul {
  list-style-type: none;
  margin: 0 0 5px 5px;
}
#chartBreakdown .breakdown-wrapper ul.backbonetree li.node {
  margin-left: 2px;
  padding-left: 2px;
}
#chartBreakdown .breakdown-wrapper ul.backbonetree li.node label {
  padding: 0;
  font-size: 12px;
  display: inline-block;
  border-right: 1px solid solid #fff;
  vertical-align: top;
  margin-right: 2px;
}
#chartBreakdown .breakdown-wrapper ul.backbonetree li.node label input {
  margin: 4px 2px 0 0;
}
#chartBreakdown .breakdown-wrapper ul.backbonetree li.node .count {
  height: 32px;
  display: inline-block;
  border-right: 1px solid solid #fff;
  vertical-align: top;
  width: 30px;
}
#chartBreakdown .breakdown-wrapper ul.backbonetree li.node .delta {
  height: 32px;
  display: inline-block;
  border-right: 1px solid solid #fff;
  vertical-align: top;
  width: 50px;
}
#chartBreakdown .breakdown-wrapper ul.backbonetree li.node .histogram {
  height: 32px;
  display: inline-block;
  vertical-align: top;
  width: 60px;
  margin-left: 10px;
}
#chartBreakdown .breakdown-wrapper ul.backbonetree li.node > a.expand {
  height: 32px;
  display: inline-block;
  margin: 0 8px 0 -10px;
}
#chartBreakdown .breakdown-wrapper ul.backbonetree li.node > a.expand:hover {
  text-decoration: none;
}
#chartBreakdown .breakdown-wrapper ul.backbonetree > li label {
  width: 160px;
}
#chartBreakdown .breakdown-wrapper ul.backbonetree > li > ul > li label {
  width: 151px;
}
#chartBreakdown .breakdown-wrapper ul.backbonetree > li > ul > li > ul > li label {
  width: 142px;
}
#chartBreakdown .breakdown-wrapper ul.backbonetree > li > ul > li > ul > li > ul > li label {
  width: 133px;
}
#chartBreakdown .breakdown-wrapper ul.backbonetree > li > ul > li > ul > li > ul > li > ul > li label {
  width: 130px;
}

.event-breakdown .jslider-value {
  display: block;
  color: #eee;
  background: none;
  border: 0;
  font-size: 11px;
}

.event-center-wrapper #ScanningProgress {
  margin-bottom: 4px;
}
.event-center-wrapper #ScanningProgress label {
  display: inline-block;
  vertical-align: middle;
}
.event-center-wrapper #ScanningProgress .loading, .event-center-wrapper #ScanningProgress .file-upload-loading {
  background-position: center center;
  background-image: url("https://quantdesk.lucenaresearch.com/images/event-scan.gif");
  background-repeat: no-repeat;
  height: 16px;
  width: 150px;
  display: inline-block;
}
.event-center-wrapper .event-status-table-wrapper {
  max-height: 150px;
  overflow-x: hidden;
  overflow-y: auto;
}
.event-center-wrapper tbody tr:hover {
  color: LightBlue;
  text-decoration: underline;
  cursor: pointer;
}
.event-center-wrapper table {
  margin: 4px 0 8px;
}

.event-status-label {
  border-radius: 4px;
  width: 25px;
  display: inline-block;
  margin: 2px;
}

#consoleWrapper h6 {
  margin: 0 0 4px 0;
}
#consoleWrapper .messageSection {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 100px;
  margin-bottom: 8px;
}
#consoleWrapper .messagesHolder {
  margin-bottom: 4px;
}

.popover-content .backbonetree a.expand {
  display: none;
}
.popover-content .backbonetree label {
  font-size: 12px;
}

.dashed-border-left {
  border-left-width: 1;
  border-left-style: dashed;
  border-left-color: cadetblue;
}

.event-column-category {
  width: 40%;
  text-align: center;
  border-bottom-style: solid;
  border-bottom-color: white;
}

#choice option .emptySelect {
  color: gray;
}

#mapTransations {
  width: 1200px;
  top: calc(45% - 300px);
}
#mapTransations #mappingTopPart div, #mapTransations #mappingTopPart button {
  display: inline-block;
  vertical-align: top;
}
#mapTransations #data-fields {
  cursor: pointer;
  max-height: 255px;
  max-width: 100%;
  overflow-x: auto;
}
#mapTransations #data-fields #data-table #data-head .fieldStatus {
  border-radius: 4px;
  width: 25px;
  display: inline-block;
  margin: 2px;
}
#mapTransations #data-fields #data-table #data-head .required {
  background: FireBrick;
}
#mapTransations #data-fields #data-table #data-head .notRequired {
  background: Gray;
}
#mapTransations #data-fields #data-table #data-head .filled {
  background: ForestGreen;
}
#mapTransations #data-fields #data-table #data-head .mapping_data_col {
  height: 18px;
  padding: 2px 8px;
  margin: 2px 5px;
  border-radius: 3px;
  white-space: nowrap;
  display: inline-block;
}
#mapTransations #data-fields #data-table #data-head .hovered {
  background: DarkSlateGray;
}
#mapTransations #data-fields #data-table #data-head .mapped {
  padding: 2px 8px;
  margin: 2px 5px;
  border-radius: 3px;
  white-space: nowrap;
  display: inline-flex;
}
#mapTransations #data-fields #data-table #data-head .mapped button {
  margin-left: 10px;
}
#mapTransations #data-fields #data-table #data-head th {
  white-space: nowrap;
}
#mapTransations #data-fields #data-table td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px;
}
#mapTransations #data-fields #data-table .hoveredCol {
  box-shadow: inset 0px 0px 0px 2px #e5ffad;
}
#mapTransations #data-fields #data-table .selectedCol {
  box-shadow: inset 0px 0px 0px 2px #f2e943;
  color: #f2e943;
}
#mapTransations #templateName {
  width: 195px;
}

.viewFile {
  color: white;
  cursor: pointer;
}

#portfolioTabNav li {
  position: relative;
  z-index: 99;
}

.portfolioRecalculatingOverlay {
  display: none;
  text-align: center;
  font-size: 16px;
  margin-top: 64px;
}
.portfolioRecalculatingOverlay .statusPortName, .portfolioRecalculatingOverlay .statusText {
  font-weight: bold;
}
.portfolioRecalculatingOverlay .loading, .portfolioRecalculatingOverlay .file-upload-loading {
  margin-top: 8px;
}

#eventStatistics #numberBlock {
  text-align: center;
  background-color: #232935;
  height: 25px;
  vertical-align: middle;
  padding-top: 5px;
  border-radius: 3px;
  margin: 15px 0px;
}
#eventStatistics .control-group {
  text-align: right;
  margin: 10px 5px;
}
#eventStatistics .control-label, #eventStatistics .controls {
  display: inline-block;
}

#eventAction .actionLabel {
  display: inline-block;
  width: 150px;
  text-align: right;
  font-size: 13px;
  font-weight: bold;
}
#eventAction .actionContent {
  display: inline-block;
}

#performance-tabContent label {
  display: inline-block;
  font-size: 17px;
  margin-right: 0px;
  margin-left: 5px;
}
#performance-tabContent #benchmarkHeader {
  text-align: right;
}
#performance-tabContent #benchmarkHeader div {
  display: inline-block;
}
#performance-tabContent #benchmarkHeader .label {
  margin: 0px 3px;
}
#performance-tabContent #benchmarkHeader #benchmarks {
  display: inline-block;
  margin: 0px 10px;
}
#performance-tabContent #benchmarkHeader #editBenchmarks {
  vertical-align: middle;
  display: inline-block;
}

.label-primary {
  background-color: #428bca;
}

#performanceTopPane {
  margin-top: 20px;
}
#performanceTopPane #performanceSummary {
  height: 380px;
}
#performanceTopPane #performanceSummary table .left {
  white-space: nowrap;
}
#performanceTopPane #performanceSummary .statistics {
  overflow-y: auto;
}

.custom-security-group {
  padding: 0px 16px 0px 16px;
}
.custom-security-group i {
  vertical-align: middle;
  margin-right: 8px;
}

#createCollapse {
  border-top: 2px solid #999;
}
#createCollapse .control-group label {
  display: inline;
}
#createCollapse .control-group input {
  margin: 8px 0 10px 0;
}

#searchCollapse .button-row > button {
  margin-top: -4px;
}
#searchCollapse .controls {
  display: inline-block;
  padding: 16px 8px 0 8px;
}
#searchCollapse .editCustomSecurity {
  padding-left: 16px;
}
#searchCollapse .editCustomSecurity .control-group {
  margin-bottom: 12px;
}
#searchCollapse #customSecuritiesTable {
  border-right: 2px solid #999;
}
#searchCollapse #customSecuritiesTable .custom-security-table tfoot > tr {
  outline: 1px solid #eeeeee;
}
#searchCollapse #customSecuritiesTable .custom-security-table tr {
  cursor: pointer;
}
#searchCollapse #customSecuritiesTable .custom-security-table tr:hover {
  outline: 1px solid #E48627;
}
#searchCollapse .border-group label {
  display: inline;
}

.file-upload-loading {
  background-position: left top;
  background-size: 100% 100%;
}

.newSymbolPreview {
  margin-left: 21px;
  color: #2ca02c;
}

#profitLossChartType, #profitLossTableType {
  display: inline-block;
  padding: 4px;
}
#profitLossChartType label, #profitLossTableType label {
  margin-right: 8px;
}
#profitLossChartType button, #profitLossTableType button {
  margin-top: -4px;
  float: left;
}

#profitLossTableContainer {
  margin: 20px 20px 0 20px;
}
#profitLossTableContainer .profitLossTableTitle {
  font-size: 16px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Verdana", "Arial", "Helvetica", "sans-serif";
}
#profitLossTableContainer .profitLossTable {
  width: 100%;
}
#profitLossTableContainer .profitLossTable thead tr, #profitLossTableContainer .profitLossTable tbody tr {
  border-top: 1px solid #eeeeee;
}
#profitLossTableContainer .profitLossTable thead th, #profitLossTableContainer .profitLossTable thead td, #profitLossTableContainer .profitLossTable tbody th, #profitLossTableContainer .profitLossTable tbody td {
  border-left: 1px solid #eeeeee;
}
#profitLossTableContainer .profitLossTable thead th:first-child, #profitLossTableContainer .profitLossTable thead td:first-child, #profitLossTableContainer .profitLossTable tbody th:first-child, #profitLossTableContainer .profitLossTable tbody td:first-child {
  border-left: 0px;
}
#profitLossTableContainer .profitLossTable thead tr:first-child {
  border-top: 0px;
}
#profitLossTableContainer .profitLossTable tbody td {
  text-align: right;
}

#backtestRiskReturnChart {
  height: 100%;
}

.optimizeMiniChartContainer {
  display: inline-block;
  width: 100%;
  height: 250px;
}
.optimizeMiniChartContainer .swapIcon {
  display: none;
  position: relative;
  top: 42%;
  left: -44px;
}
.optimizeMiniChartContainer .highlight-hover {
  position: absolute;
  width: 99%;
  height: 244px;
  top: 0;
  left: 0;
}
.optimizeMiniChartContainer .highlight-hover:hover {
  cursor: zoom-in;
  border: 3px solid crimson;
  border-radius: 8px;
}
.optimizeMiniChartContainer .highlight-hover:hover .swapIcon {
  display: block;
}

.valid {
  color: #006600;
}

.invalid {
  color: crimson;
}

#globalOptimizeMinMax {
  margin-left: 14px;
  margin-bottom: 14px;
}
#globalOptimizeMinMax input {
  width: 63px;
}
#globalOptimizeMinMax .control-group {
  margin-top: 8px;
}
#globalOptimizeMinMax .control-group label, #globalOptimizeMinMax .control-group .controls {
  display: inline-block;
}
#globalOptimizeMinMax .control-group .controls {
  float: right;
  margin-right: 100px;
  margin-top: -6px;
}

.liveUpdatePriceChangeUp {
  background-color: #006600 !important;
  outline: none;
}
.liveUpdatePriceChangeUp.tableSelection {
  outline: 2px #006600 solid;
}

.liveUpdatePriceChangeDown {
  background-color: #aa0000 !important;
  outline: none;
}
.liveUpdatePriceChangeDown.tableSelection {
  outline: 2px #aa0000 solid;
}

.superscriptHeaderSpacer {
  display: inline-block;
  width: 20px;
}

.superscriptChange {
  font-size: 11px;
  display: inline-block;
  width: 40px;
  text-align: right;
  margin-left: 4px;
  margin-top: -5px;
  vertical-align: top;
}
.superscriptChange.lastPrice {
  width: 20px;
}

.transactionNoteContent #transactionNote {
  margin-left: 16px;
}
.transactionNoteContent #transactionNoteEdit .transactionNoteButtons {
  margin: 4px 0;
  float: right;
}

#exportForecastResults {
  display: inline;
}
#exportForecastResults .dropdown-backdrop {
  display: inline;
}

.transactionPopup {
  width: 200px;
}

.transactionPnL-clickover {
  width: 520px;
}
.transactionPnL-clickover table {
  width: 500px;
}

.jobQueueName {
  float: left;
  margin-left: 8px;
  width: 160px;
}

.jobQueueMessage {
  float: right;
  margin-right: 24px;
  margin-left: 8px;
  /*width: 100%*/
  /* 100px;*/
}

#recommendedIndicatorsTopLeft .disabled-slider, #currentIndicatorsTopLeft .disabled-slider {
  pointer-events: none;
  opacity: 0.4;
}
#recommendedIndicatorsTopLeft .recommendedStars:hover, #currentIndicatorsTopLeft .recommendedStars:hover {
  outline: 2px solid #1f77b4;
}
#recommendedIndicatorsTopLeft .optimizeColumn, #currentIndicatorsTopLeft .optimizeColumn {
  width: 90px;
}
#recommendedIndicatorsTopLeft button.updateSuggestions i, #currentIndicatorsTopLeft button.updateSuggestions i {
  margin-left: 4px;
}
#recommendedIndicatorsTopLeft .minMaxRangeButtonContainer, #recommendedIndicatorsTopLeft .resetAndOptButtonContainer, #currentIndicatorsTopLeft .minMaxRangeButtonContainer, #currentIndicatorsTopLeft .resetAndOptButtonContainer {
  display: inline-block;
  width: 45%;
}
#recommendedIndicatorsTopLeft .resetAndOptButtonContainer, #currentIndicatorsTopLeft .resetAndOptButtonContainer {
  width: 43px;
}
#recommendedIndicatorsTopLeft i.icon-minus, #currentIndicatorsTopLeft i.icon-minus {
  margin-left: -7px;
  margin-right: -7px;
}

.optimizeInfoPopup {
  width: 500px;
}

#optimizationFromToTable {
  margin-top: 8px;
  padding-top: 8px;
  /*border-top: 3px solid #eee;*/
}
#optimizationFromToTable thead tr, #optimizationFromToTable tbody tr {
  border-top: 1px solid #eee;
}
#optimizationFromToTable thead th, #optimizationFromToTable thead td, #optimizationFromToTable tbody th, #optimizationFromToTable tbody td {
  border-left: 1px solid #eee;
  border-right: 0;
}
#optimizationFromToTable thead th:first-child, #optimizationFromToTable thead td:first-child, #optimizationFromToTable tbody th:first-child, #optimizationFromToTable tbody td:first-child {
  border-left: 0px;
}
#optimizationFromToTable thead tr:first-child {
  border-top: 0px;
  border-bottom: 1px solid #eee;
}
#optimizationFromToTable tbody td {
  text-align: right;
}

#refreshPortfolios {
  width: 40px;
  height: 20px;
  padding-top: 0;
}
#refreshPortfolios:hover, #refreshPortfolios.working {
  color: #E48627;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

#portfolioSelector .tablescroll_wrapper, .portfolioSelectionContainer .tablescroll_wrapper {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border-bottom: 2px solid #999;
  min-height: 175px;
}
#portfolioSelector #portfolioSelectorTbl-data tr:hover:not(.tableSelection), .portfolioSelectionContainer #portfolioSelectorTbl-data tr:hover:not(.tableSelection) {
  background: #298989;
}
#portfolioSelector #portfolioSelectorTbl-data tr:hover:not(.tableSelection) td.positive-change, #portfolioSelector #portfolioSelectorTbl-data tr:hover:not(.tableSelection) td.negative-change, .portfolioSelectionContainer #portfolioSelectorTbl-data tr:hover:not(.tableSelection) td.positive-change, .portfolioSelectionContainer #portfolioSelectorTbl-data tr:hover:not(.tableSelection) td.negative-change {
  color: white;
}

.noListItemDiv {
  width: 100%;
  font-size: 18px;
  margin-bottom: 12px;
  text-align: center;
}

#optimizationResultsTable .control-group {
  margin-top: 4px;
}
#optimizationResultsTable .control-group .controls #tradeOrderTimeOption {
  width: 100px;
}
#optimizationResultsTable .control-group .controls .btn-group {
  display: inline-block;
  margin-bottom: 9px;
}
#optimizationResultsTable .control-group .controls button {
  display: inline-block;
}

#hedgeResultsTable .control-group .controls #tradeOrderTimeOption {
  width: 100px;
}
#hedgeResultsTable .control-group .controls .btn-group {
  display: inline-block;
}
#hedgeResultsTable .control-group .controls button {
  display: inline-block;
  margin-top: -8px;
}

.chosen-choices {
  border-radius: 3px;
}

.eventSearchResult i {
  margin-left: 5px;
  margin-right: 10px;
}
.eventSearchResult .succesVSFail {
  width: 100px;
  text-align: center;
  margin: 5px 10px -4px 0px;
}
.eventSearchResult .succesVSFail .success {
  background-color: #5B8E00;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.eventSearchResult .succesVSFail .fail {
  background-color: #df3e3e;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.eventSearchResult .eventSearchResultItem {
  margin-top: 10px;
}
.eventSearchResult .inline {
  display: inline-block;
}
.eventSearchResult .eventSearchResultItem {
  width: 800px;
}
.eventSearchResult .eventSearchResultItem .eventName {
  width: 300px;
}
.eventSearchResult .eventSearchResultItem .eventSuccess, .eventSearchResult .eventSearchResultItem .eventFail {
  width: 160px;
}
.eventSearchResult .eventSearchSymbols {
  margin-left: 50px;
}
.eventSearchResult .eventSearchSymbols .eventSearchSymbol {
  width: 750px;
}
.eventSearchResult .eventSearchSymbols .eventSearchSymbol .symbol {
  width: 100px;
  text-decoration: underline;
  cursor: pointer;
}
.eventSearchResult .eventSearchSymbols .eventSearchSymbol .symbolSuccess, .eventSearchResult .eventSearchSymbols .eventSearchSymbol .symbolFail {
  width: 160px;
}
.eventSearchResult .eventSearchSymbolEvents {
  max-width: 757px;
}

.event-brief {
  width: 350px;
}

.event-brief-setting {
  width: 300px;
  vertical-align: top;
}
.event-brief-setting label {
  line-height: 30px;
  display: inline;
}
.event-brief-setting .control-group {
  clear: both;
}
.event-brief-setting .controls {
  float: right;
}
.event-brief-setting select {
  width: 128px;
}
.event-brief-setting .date-range-select {
  width: 85px;
}
.event-brief-setting .date-boxes {
  float: none;
  display: table;
  width: 100%;
}
.event-brief-setting .date-boxes .dateRange {
  width: 40%;
}
.event-brief-setting .date-boxes .startDate {
  float: left;
}
.event-brief-setting .date-boxes .endDate {
  float: right;
}

#eventBriefContent {
  border-left: 2px solid #aaa;
  padding-left: 20px;
  margin-bottom: 20px;
}

.event-text-group textarea {
  width: 100%;
  height: 130px;
}

.downloadBtnText, .downloadBtnText:hover {
  color: white;
  text-decoration: none;
}

#backtestSymbolPNL {
  float: left;
  width: 100%;
}
#backtestSymbolPNL h4 {
  text-align: center;
}
#backtestSymbolPNL .sorted span, #backtestSymbolPNL .sorting span {
  margin-right: 0px;
  /* override this for this table */
}
#backtestSymbolPNL .symbolPnlMonthViewDiv {
  display: inline-block;
  min-width: 6.25%;
  border-right: 1px solid #eeeeee;
  float: left;
  margin-left: auto;
  margin-right: auto;
}
#backtestSymbolPNL .symbolPnlMonthViewDiv .symbolTable {
  border-right: 1px solid #eeeeee;
}
#backtestSymbolPNL .symbolPnlMonthViewDiv .symbolTable thead tr:last-child {
  border-top: 1px solid #eeeeee;
}
#backtestSymbolPNL .symbolPnlMonthViewDiv .symbolTable tbody tr {
  border-top: 1px solid #aaaaaa;
}
#backtestSymbolPNL .symbolPnlMonthViewDiv .symbolPnlTable {
  display: table;
  width: 100%;
  cursor: crosshair;
}
#backtestSymbolPNL .symbolPnlMonthViewDiv .symbolPnlTable .colHover {
  background-color: #3F4757;
}
#backtestSymbolPNL .symbolPnlMonthViewDiv .symbolPnlTable .symbolPnlMonthDiv {
  font-size: 16px;
  font-weight: bold;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Verdana", "Arial", "Helvetica", "sans-serif";
  text-align: center;
  width: 100%;
  /* border-bottom: 1px solid #eeeeee; */
}
#backtestSymbolPNL .symbolPnlMonthViewDiv .symbolPnlTable thead tr, #backtestSymbolPNL .symbolPnlMonthViewDiv .symbolPnlTable tbody tr {
  border-top: 1px solid #aaaaaa;
}
#backtestSymbolPNL .symbolPnlMonthViewDiv .symbolPnlTable thead th, #backtestSymbolPNL .symbolPnlMonthViewDiv .symbolPnlTable thead td, #backtestSymbolPNL .symbolPnlMonthViewDiv .symbolPnlTable tbody th, #backtestSymbolPNL .symbolPnlMonthViewDiv .symbolPnlTable tbody td {
  border-left: 1px dashed #aaaaaa;
  /*border-right: 1px solid #aaaaaa;*/
}
#backtestSymbolPNL .symbolPnlMonthViewDiv .symbolPnlTable thead th:first-child, #backtestSymbolPNL .symbolPnlMonthViewDiv .symbolPnlTable thead td:first-child, #backtestSymbolPNL .symbolPnlMonthViewDiv .symbolPnlTable tbody th:first-child, #backtestSymbolPNL .symbolPnlMonthViewDiv .symbolPnlTable tbody td:first-child {
  border: 0px;
}
#backtestSymbolPNL .symbolPnlMonthViewDiv .symbolPnlTable thead tr {
  border-top: 1px solid #eeeeee;
}
#backtestSymbolPNL .symbolPnlMonthViewDiv .symbolPnlTable thead tr:first-child {
  border-top: 0px;
}
#backtestSymbolPNL .symbolPnlMonthViewDiv .symbolPnlTable thead tr:last-child {
  cursor: pointer;
}
#backtestSymbolPNL .symbolPnlMonthViewDiv .symbolPnlTable tbody td {
  text-align: right;
}
#backtestSymbolPNL .symbolPnlMonthViewDiv .symbolPnlTable.collapsedMonth thead th, #backtestSymbolPNL .symbolPnlMonthViewDiv .symbolPnlTable.collapsedMonth thead td, #backtestSymbolPNL .symbolPnlMonthViewDiv .symbolPnlTable.collapsedMonth tbody th, #backtestSymbolPNL .symbolPnlMonthViewDiv .symbolPnlTable.collapsedMonth tbody td {
  display: none;
  /* hide when collapsed */
}
#backtestSymbolPNL .symbolPnlMonthViewDiv .symbolPnlTable.collapsedMonth thead th:first-child, #backtestSymbolPNL .symbolPnlMonthViewDiv .symbolPnlTable.collapsedMonth thead td:first-child, #backtestSymbolPNL .symbolPnlMonthViewDiv .symbolPnlTable.collapsedMonth tbody th:first-child, #backtestSymbolPNL .symbolPnlMonthViewDiv .symbolPnlTable.collapsedMonth tbody td:first-child {
  border: 0px;
  display: table-cell;
}
#backtestSymbolPNL .symbolPnlMonthViewDiv .symbolPnlTable.collapsedMonth thead .nonCollapsable, #backtestSymbolPNL .symbolPnlMonthViewDiv .symbolPnlTable.collapsedMonth tbody .nonCollapsable {
  width: 0px;
  display: table-cell;
}
#backtestSymbolPNL .symbolPnlMonthViewDiv:last-child {
  border-right: none;
}

#exposureRatioSliderDiv {
  margin-top: 8px;
}
#exposureRatioSliderDiv .exposureRatioSliderContainer {
  width: 204px;
  margin-left: 8px;
}
#exposureRatioSliderDiv .exposureRatioSliderContainer .ui-slider-label-ticks span {
  color: #eeeeee;
  font-size: 12px;
}
#exposureRatioSliderDiv .exposureRatioSliderContainer #exposureRatioSlider {
  height: 1.5em;
}

#matchResult {
  display: inline-block;
  width: 18%;
  vertical-align: top;
  height: 800px;
  overflow: auto;
  margin-top: 90px;
}

.intradayEventStrategyDialog .form-horizontal .control-label {
  width: 140px;
}
.intradayEventStrategyDialog .form-horizontal .controls {
  margin-left: 0px;
}

.highcharts-range-selector {
  left: -10000px;
  top: -10000px;
}

.indicatorAnalysis .indicator-views-header {
  margin-bottom: 16px;
}
.indicatorAnalysis .indicator-views-header .benchmark-selection {
  display: inline-block;
}
.indicatorAnalysis .indicator-views-header .benchmark-selection .benchmark-input select {
  width: 200px;
}
.indicatorAnalysis .indicatorAnalysisFeaturesWrapper {
  height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.indicatorAnalysis .indicatorAnalysisFeaturesWrapper .featureSelection {
  margin: 0 0 10px 0;
}
.indicatorAnalysis .indicatorAnalysisFeaturesWrapper .featureSelection tr td:first-child {
  max-width: 24px;
  width: 24px;
}
.indicatorAnalysis .indicatorAnalysisFeaturesWrapper .featureSelection tr td {
  height: 46px;
}
.indicatorAnalysis .indicatorAnalysisFeaturesWrapper .featureSelection tr td .indicatorName, .indicatorAnalysis .indicatorAnalysisFeaturesWrapper .featureSelection tr td .featureColumnSelect {
  margin-top: 12px;
  width: 120px;
}
.indicatorAnalysis .indicatorAnalysisFeaturesWrapper .featureSelection tr td .rangeSliderContainer {
  margin-top: 2px;
}
.indicatorAnalysis .indicatorAnalysisFeaturesWrapper .featureSelection tr td label {
  display: inline-block;
}
.indicatorAnalysis .indicatorAnalysisFeaturesWrapper .featureSelection tr td input[type="checkbox"] {
  margin-top: 16px;
  width: 16px;
  height: 16px;
}
.indicatorAnalysis .indicatorAnalysisFeaturesWrapper .featureSelection tr td button.duplicateIndicator {
  margin-top: 14px;
  font-size: 12px;
}
.indicatorAnalysis .indicatorAnalysisFeaturesWrapper .featureSelection tr td.rangeSelector {
  text-align: center;
}
.indicatorAnalysis .indicatorAnalysisFeaturesWrapper .featureSelection tr td.rangeSelector .loading, .indicatorAnalysis .indicatorAnalysisFeaturesWrapper .featureSelection tr td.rangeSelector .file-upload-loading {
  margin-top: 12px;
}
.indicatorAnalysis .indicatorAnalysisFeaturesWrapper .featureSelection a:hover {
  color: #fff;
}
.indicatorAnalysis .indicatorAnalysisButtons {
  margin-top: 16px;
}
.indicatorAnalysis .indicatorAnalysisButtons button {
  margin-left: 12px;
}

#dataReviewView #eventConeChart {
  margin: 24px;
}