@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(https://fonts.googleapis.com/css?family=Raleway);
@import url(https://fonts.googleapis.com/css?family=Dosis);
@import url(https://fonts.googleapis.com/css?family=Poppins);
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url(674f50d287a8c48dc19ba404d20fe713.eot);
  src: url(674f50d287a8c48dc19ba404d20fe713.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(af7ae505a9eed503f8b8e6982036873e.woff2) format('woff2'), url(fee66e712a8a08eef5805a46892932ad.woff) format('woff'), url(b06871f281fee6b241d60582ae9369b9.ttf) format('truetype'), url(912ec66d7572ff821749319396470bde.svg#fontawesomeregular) format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\F000";
}
.fa-music:before {
  content: "\F001";
}
.fa-search:before {
  content: "\F002";
}
.fa-envelope-o:before {
  content: "\F003";
}
.fa-heart:before {
  content: "\F004";
}
.fa-star:before {
  content: "\F005";
}
.fa-star-o:before {
  content: "\F006";
}
.fa-user:before {
  content: "\F007";
}
.fa-film:before {
  content: "\F008";
}
.fa-th-large:before {
  content: "\F009";
}
.fa-th:before {
  content: "\F00A";
}
.fa-th-list:before {
  content: "\F00B";
}
.fa-check:before {
  content: "\F00C";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\F00D";
}
.fa-search-plus:before {
  content: "\F00E";
}
.fa-search-minus:before {
  content: "\F010";
}
.fa-power-off:before {
  content: "\F011";
}
.fa-signal:before {
  content: "\F012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\F013";
}
.fa-trash-o:before {
  content: "\F014";
}
.fa-home:before {
  content: "\F015";
}
.fa-file-o:before {
  content: "\F016";
}
.fa-clock-o:before {
  content: "\F017";
}
.fa-road:before {
  content: "\F018";
}
.fa-download:before {
  content: "\F019";
}
.fa-arrow-circle-o-down:before {
  content: "\F01A";
}
.fa-arrow-circle-o-up:before {
  content: "\F01B";
}
.fa-inbox:before {
  content: "\F01C";
}
.fa-play-circle-o:before {
  content: "\F01D";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\F01E";
}
.fa-refresh:before {
  content: "\F021";
}
.fa-list-alt:before {
  content: "\F022";
}
.fa-lock:before {
  content: "\F023";
}
.fa-flag:before {
  content: "\F024";
}
.fa-headphones:before {
  content: "\F025";
}
.fa-volume-off:before {
  content: "\F026";
}
.fa-volume-down:before {
  content: "\F027";
}
.fa-volume-up:before {
  content: "\F028";
}
.fa-qrcode:before {
  content: "\F029";
}
.fa-barcode:before {
  content: "\F02A";
}
.fa-tag:before {
  content: "\F02B";
}
.fa-tags:before {
  content: "\F02C";
}
.fa-book:before {
  content: "\F02D";
}
.fa-bookmark:before {
  content: "\F02E";
}
.fa-print:before {
  content: "\F02F";
}
.fa-camera:before {
  content: "\F030";
}
.fa-font:before {
  content: "\F031";
}
.fa-bold:before {
  content: "\F032";
}
.fa-italic:before {
  content: "\F033";
}
.fa-text-height:before {
  content: "\F034";
}
.fa-text-width:before {
  content: "\F035";
}
.fa-align-left:before {
  content: "\F036";
}
.fa-align-center:before {
  content: "\F037";
}
.fa-align-right:before {
  content: "\F038";
}
.fa-align-justify:before {
  content: "\F039";
}
.fa-list:before {
  content: "\F03A";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\F03B";
}
.fa-indent:before {
  content: "\F03C";
}
.fa-video-camera:before {
  content: "\F03D";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\F03E";
}
.fa-pencil:before {
  content: "\F040";
}
.fa-map-marker:before {
  content: "\F041";
}
.fa-adjust:before {
  content: "\F042";
}
.fa-tint:before {
  content: "\F043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\F044";
}
.fa-share-square-o:before {
  content: "\F045";
}
.fa-check-square-o:before {
  content: "\F046";
}
.fa-arrows:before {
  content: "\F047";
}
.fa-step-backward:before {
  content: "\F048";
}
.fa-fast-backward:before {
  content: "\F049";
}
.fa-backward:before {
  content: "\F04A";
}
.fa-play:before {
  content: "\F04B";
}
.fa-pause:before {
  content: "\F04C";
}
.fa-stop:before {
  content: "\F04D";
}
.fa-forward:before {
  content: "\F04E";
}
.fa-fast-forward:before {
  content: "\F050";
}
.fa-step-forward:before {
  content: "\F051";
}
.fa-eject:before {
  content: "\F052";
}
.fa-chevron-left:before {
  content: "\F053";
}
.fa-chevron-right:before {
  content: "\F054";
}
.fa-plus-circle:before {
  content: "\F055";
}
.fa-minus-circle:before {
  content: "\F056";
}
.fa-times-circle:before {
  content: "\F057";
}
.fa-check-circle:before {
  content: "\F058";
}
.fa-question-circle:before {
  content: "\F059";
}
.fa-info-circle:before {
  content: "\F05A";
}
.fa-crosshairs:before {
  content: "\F05B";
}
.fa-times-circle-o:before {
  content: "\F05C";
}
.fa-check-circle-o:before {
  content: "\F05D";
}
.fa-ban:before {
  content: "\F05E";
}
.fa-arrow-left:before {
  content: "\F060";
}
.fa-arrow-right:before {
  content: "\F061";
}
.fa-arrow-up:before {
  content: "\F062";
}
.fa-arrow-down:before {
  content: "\F063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\F064";
}
.fa-expand:before {
  content: "\F065";
}
.fa-compress:before {
  content: "\F066";
}
.fa-plus:before {
  content: "\F067";
}
.fa-minus:before {
  content: "\F068";
}
.fa-asterisk:before {
  content: "\F069";
}
.fa-exclamation-circle:before {
  content: "\F06A";
}
.fa-gift:before {
  content: "\F06B";
}
.fa-leaf:before {
  content: "\F06C";
}
.fa-fire:before {
  content: "\F06D";
}
.fa-eye:before {
  content: "\F06E";
}
.fa-eye-slash:before {
  content: "\F070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\F071";
}
.fa-plane:before {
  content: "\F072";
}
.fa-calendar:before {
  content: "\F073";
}
.fa-random:before {
  content: "\F074";
}
.fa-comment:before {
  content: "\F075";
}
.fa-magnet:before {
  content: "\F076";
}
.fa-chevron-up:before {
  content: "\F077";
}
.fa-chevron-down:before {
  content: "\F078";
}
.fa-retweet:before {
  content: "\F079";
}
.fa-shopping-cart:before {
  content: "\F07A";
}
.fa-folder:before {
  content: "\F07B";
}
.fa-folder-open:before {
  content: "\F07C";
}
.fa-arrows-v:before {
  content: "\F07D";
}
.fa-arrows-h:before {
  content: "\F07E";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\F080";
}
.fa-twitter-square:before {
  content: "\F081";
}
.fa-facebook-square:before {
  content: "\F082";
}
.fa-camera-retro:before {
  content: "\F083";
}
.fa-key:before {
  content: "\F084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\F085";
}
.fa-comments:before {
  content: "\F086";
}
.fa-thumbs-o-up:before {
  content: "\F087";
}
.fa-thumbs-o-down:before {
  content: "\F088";
}
.fa-star-half:before {
  content: "\F089";
}
.fa-heart-o:before {
  content: "\F08A";
}
.fa-sign-out:before {
  content: "\F08B";
}
.fa-linkedin-square:before {
  content: "\F08C";
}
.fa-thumb-tack:before {
  content: "\F08D";
}
.fa-external-link:before {
  content: "\F08E";
}
.fa-sign-in:before {
  content: "\F090";
}
.fa-trophy:before {
  content: "\F091";
}
.fa-github-square:before {
  content: "\F092";
}
.fa-upload:before {
  content: "\F093";
}
.fa-lemon-o:before {
  content: "\F094";
}
.fa-phone:before {
  content: "\F095";
}
.fa-square-o:before {
  content: "\F096";
}
.fa-bookmark-o:before {
  content: "\F097";
}
.fa-phone-square:before {
  content: "\F098";
}
.fa-twitter:before {
  content: "\F099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\F09A";
}
.fa-github:before {
  content: "\F09B";
}
.fa-unlock:before {
  content: "\F09C";
}
.fa-credit-card:before {
  content: "\F09D";
}
.fa-feed:before,
.fa-rss:before {
  content: "\F09E";
}
.fa-hdd-o:before {
  content: "\F0A0";
}
.fa-bullhorn:before {
  content: "\F0A1";
}
.fa-bell:before {
  content: "\F0F3";
}
.fa-certificate:before {
  content: "\F0A3";
}
.fa-hand-o-right:before {
  content: "\F0A4";
}
.fa-hand-o-left:before {
  content: "\F0A5";
}
.fa-hand-o-up:before {
  content: "\F0A6";
}
.fa-hand-o-down:before {
  content: "\F0A7";
}
.fa-arrow-circle-left:before {
  content: "\F0A8";
}
.fa-arrow-circle-right:before {
  content: "\F0A9";
}
.fa-arrow-circle-up:before {
  content: "\F0AA";
}
.fa-arrow-circle-down:before {
  content: "\F0AB";
}
.fa-globe:before {
  content: "\F0AC";
}
.fa-wrench:before {
  content: "\F0AD";
}
.fa-tasks:before {
  content: "\F0AE";
}
.fa-filter:before {
  content: "\F0B0";
}
.fa-briefcase:before {
  content: "\F0B1";
}
.fa-arrows-alt:before {
  content: "\F0B2";
}
.fa-group:before,
.fa-users:before {
  content: "\F0C0";
}
.fa-chain:before,
.fa-link:before {
  content: "\F0C1";
}
.fa-cloud:before {
  content: "\F0C2";
}
.fa-flask:before {
  content: "\F0C3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\F0C4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\F0C5";
}
.fa-paperclip:before {
  content: "\F0C6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\F0C7";
}
.fa-square:before {
  content: "\F0C8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\F0C9";
}
.fa-list-ul:before {
  content: "\F0CA";
}
.fa-list-ol:before {
  content: "\F0CB";
}
.fa-strikethrough:before {
  content: "\F0CC";
}
.fa-underline:before {
  content: "\F0CD";
}
.fa-table:before {
  content: "\F0CE";
}
.fa-magic:before {
  content: "\F0D0";
}
.fa-truck:before {
  content: "\F0D1";
}
.fa-pinterest:before {
  content: "\F0D2";
}
.fa-pinterest-square:before {
  content: "\F0D3";
}
.fa-google-plus-square:before {
  content: "\F0D4";
}
.fa-google-plus:before {
  content: "\F0D5";
}
.fa-money:before {
  content: "\F0D6";
}
.fa-caret-down:before {
  content: "\F0D7";
}
.fa-caret-up:before {
  content: "\F0D8";
}
.fa-caret-left:before {
  content: "\F0D9";
}
.fa-caret-right:before {
  content: "\F0DA";
}
.fa-columns:before {
  content: "\F0DB";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\F0DC";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\F0DD";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\F0DE";
}
.fa-envelope:before {
  content: "\F0E0";
}
.fa-linkedin:before {
  content: "\F0E1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\F0E2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\F0E3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\F0E4";
}
.fa-comment-o:before {
  content: "\F0E5";
}
.fa-comments-o:before {
  content: "\F0E6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\F0E7";
}
.fa-sitemap:before {
  content: "\F0E8";
}
.fa-umbrella:before {
  content: "\F0E9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\F0EA";
}
.fa-lightbulb-o:before {
  content: "\F0EB";
}
.fa-exchange:before {
  content: "\F0EC";
}
.fa-cloud-download:before {
  content: "\F0ED";
}
.fa-cloud-upload:before {
  content: "\F0EE";
}
.fa-user-md:before {
  content: "\F0F0";
}
.fa-stethoscope:before {
  content: "\F0F1";
}
.fa-suitcase:before {
  content: "\F0F2";
}
.fa-bell-o:before {
  content: "\F0A2";
}
.fa-coffee:before {
  content: "\F0F4";
}
.fa-cutlery:before {
  content: "\F0F5";
}
.fa-file-text-o:before {
  content: "\F0F6";
}
.fa-building-o:before {
  content: "\F0F7";
}
.fa-hospital-o:before {
  content: "\F0F8";
}
.fa-ambulance:before {
  content: "\F0F9";
}
.fa-medkit:before {
  content: "\F0FA";
}
.fa-fighter-jet:before {
  content: "\F0FB";
}
.fa-beer:before {
  content: "\F0FC";
}
.fa-h-square:before {
  content: "\F0FD";
}
.fa-plus-square:before {
  content: "\F0FE";
}
.fa-angle-double-left:before {
  content: "\F100";
}
.fa-angle-double-right:before {
  content: "\F101";
}
.fa-angle-double-up:before {
  content: "\F102";
}
.fa-angle-double-down:before {
  content: "\F103";
}
.fa-angle-left:before {
  content: "\F104";
}
.fa-angle-right:before {
  content: "\F105";
}
.fa-angle-up:before {
  content: "\F106";
}
.fa-angle-down:before {
  content: "\F107";
}
.fa-desktop:before {
  content: "\F108";
}
.fa-laptop:before {
  content: "\F109";
}
.fa-tablet:before {
  content: "\F10A";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\F10B";
}
.fa-circle-o:before {
  content: "\F10C";
}
.fa-quote-left:before {
  content: "\F10D";
}
.fa-quote-right:before {
  content: "\F10E";
}
.fa-spinner:before {
  content: "\F110";
}
.fa-circle:before {
  content: "\F111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\F112";
}
.fa-github-alt:before {
  content: "\F113";
}
.fa-folder-o:before {
  content: "\F114";
}
.fa-folder-open-o:before {
  content: "\F115";
}
.fa-smile-o:before {
  content: "\F118";
}
.fa-frown-o:before {
  content: "\F119";
}
.fa-meh-o:before {
  content: "\F11A";
}
.fa-gamepad:before {
  content: "\F11B";
}
.fa-keyboard-o:before {
  content: "\F11C";
}
.fa-flag-o:before {
  content: "\F11D";
}
.fa-flag-checkered:before {
  content: "\F11E";
}
.fa-terminal:before {
  content: "\F120";
}
.fa-code:before {
  content: "\F121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\F122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\F123";
}
.fa-location-arrow:before {
  content: "\F124";
}
.fa-crop:before {
  content: "\F125";
}
.fa-code-fork:before {
  content: "\F126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\F127";
}
.fa-question:before {
  content: "\F128";
}
.fa-info:before {
  content: "\F129";
}
.fa-exclamation:before {
  content: "\F12A";
}
.fa-superscript:before {
  content: "\F12B";
}
.fa-subscript:before {
  content: "\F12C";
}
.fa-eraser:before {
  content: "\F12D";
}
.fa-puzzle-piece:before {
  content: "\F12E";
}
.fa-microphone:before {
  content: "\F130";
}
.fa-microphone-slash:before {
  content: "\F131";
}
.fa-shield:before {
  content: "\F132";
}
.fa-calendar-o:before {
  content: "\F133";
}
.fa-fire-extinguisher:before {
  content: "\F134";
}
.fa-rocket:before {
  content: "\F135";
}
.fa-maxcdn:before {
  content: "\F136";
}
.fa-chevron-circle-left:before {
  content: "\F137";
}
.fa-chevron-circle-right:before {
  content: "\F138";
}
.fa-chevron-circle-up:before {
  content: "\F139";
}
.fa-chevron-circle-down:before {
  content: "\F13A";
}
.fa-html5:before {
  content: "\F13B";
}
.fa-css3:before {
  content: "\F13C";
}
.fa-anchor:before {
  content: "\F13D";
}
.fa-unlock-alt:before {
  content: "\F13E";
}
.fa-bullseye:before {
  content: "\F140";
}
.fa-ellipsis-h:before {
  content: "\F141";
}
.fa-ellipsis-v:before {
  content: "\F142";
}
.fa-rss-square:before {
  content: "\F143";
}
.fa-play-circle:before {
  content: "\F144";
}
.fa-ticket:before {
  content: "\F145";
}
.fa-minus-square:before {
  content: "\F146";
}
.fa-minus-square-o:before {
  content: "\F147";
}
.fa-level-up:before {
  content: "\F148";
}
.fa-level-down:before {
  content: "\F149";
}
.fa-check-square:before {
  content: "\F14A";
}
.fa-pencil-square:before {
  content: "\F14B";
}
.fa-external-link-square:before {
  content: "\F14C";
}
.fa-share-square:before {
  content: "\F14D";
}
.fa-compass:before {
  content: "\F14E";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\F150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\F151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\F152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\F153";
}
.fa-gbp:before {
  content: "\F154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\F155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\F156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\F157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\F158";
}
.fa-won:before,
.fa-krw:before {
  content: "\F159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\F15A";
}
.fa-file:before {
  content: "\F15B";
}
.fa-file-text:before {
  content: "\F15C";
}
.fa-sort-alpha-asc:before {
  content: "\F15D";
}
.fa-sort-alpha-desc:before {
  content: "\F15E";
}
.fa-sort-amount-asc:before {
  content: "\F160";
}
.fa-sort-amount-desc:before {
  content: "\F161";
}
.fa-sort-numeric-asc:before {
  content: "\F162";
}
.fa-sort-numeric-desc:before {
  content: "\F163";
}
.fa-thumbs-up:before {
  content: "\F164";
}
.fa-thumbs-down:before {
  content: "\F165";
}
.fa-youtube-square:before {
  content: "\F166";
}
.fa-youtube:before {
  content: "\F167";
}
.fa-xing:before {
  content: "\F168";
}
.fa-xing-square:before {
  content: "\F169";
}
.fa-youtube-play:before {
  content: "\F16A";
}
.fa-dropbox:before {
  content: "\F16B";
}
.fa-stack-overflow:before {
  content: "\F16C";
}
.fa-instagram:before {
  content: "\F16D";
}
.fa-flickr:before {
  content: "\F16E";
}
.fa-adn:before {
  content: "\F170";
}
.fa-bitbucket:before {
  content: "\F171";
}
.fa-bitbucket-square:before {
  content: "\F172";
}
.fa-tumblr:before {
  content: "\F173";
}
.fa-tumblr-square:before {
  content: "\F174";
}
.fa-long-arrow-down:before {
  content: "\F175";
}
.fa-long-arrow-up:before {
  content: "\F176";
}
.fa-long-arrow-left:before {
  content: "\F177";
}
.fa-long-arrow-right:before {
  content: "\F178";
}
.fa-apple:before {
  content: "\F179";
}
.fa-windows:before {
  content: "\F17A";
}
.fa-android:before {
  content: "\F17B";
}
.fa-linux:before {
  content: "\F17C";
}
.fa-dribbble:before {
  content: "\F17D";
}
.fa-skype:before {
  content: "\F17E";
}
.fa-foursquare:before {
  content: "\F180";
}
.fa-trello:before {
  content: "\F181";
}
.fa-female:before {
  content: "\F182";
}
.fa-male:before {
  content: "\F183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\F184";
}
.fa-sun-o:before {
  content: "\F185";
}
.fa-moon-o:before {
  content: "\F186";
}
.fa-archive:before {
  content: "\F187";
}
.fa-bug:before {
  content: "\F188";
}
.fa-vk:before {
  content: "\F189";
}
.fa-weibo:before {
  content: "\F18A";
}
.fa-renren:before {
  content: "\F18B";
}
.fa-pagelines:before {
  content: "\F18C";
}
.fa-stack-exchange:before {
  content: "\F18D";
}
.fa-arrow-circle-o-right:before {
  content: "\F18E";
}
.fa-arrow-circle-o-left:before {
  content: "\F190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\F191";
}
.fa-dot-circle-o:before {
  content: "\F192";
}
.fa-wheelchair:before {
  content: "\F193";
}
.fa-vimeo-square:before {
  content: "\F194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\F195";
}
.fa-plus-square-o:before {
  content: "\F196";
}
.fa-space-shuttle:before {
  content: "\F197";
}
.fa-slack:before {
  content: "\F198";
}
.fa-envelope-square:before {
  content: "\F199";
}
.fa-wordpress:before {
  content: "\F19A";
}
.fa-openid:before {
  content: "\F19B";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\F19C";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\F19D";
}
.fa-yahoo:before {
  content: "\F19E";
}
.fa-google:before {
  content: "\F1A0";
}
.fa-reddit:before {
  content: "\F1A1";
}
.fa-reddit-square:before {
  content: "\F1A2";
}
.fa-stumbleupon-circle:before {
  content: "\F1A3";
}
.fa-stumbleupon:before {
  content: "\F1A4";
}
.fa-delicious:before {
  content: "\F1A5";
}
.fa-digg:before {
  content: "\F1A6";
}
.fa-pied-piper-pp:before {
  content: "\F1A7";
}
.fa-pied-piper-alt:before {
  content: "\F1A8";
}
.fa-drupal:before {
  content: "\F1A9";
}
.fa-joomla:before {
  content: "\F1AA";
}
.fa-language:before {
  content: "\F1AB";
}
.fa-fax:before {
  content: "\F1AC";
}
.fa-building:before {
  content: "\F1AD";
}
.fa-child:before {
  content: "\F1AE";
}
.fa-paw:before {
  content: "\F1B0";
}
.fa-spoon:before {
  content: "\F1B1";
}
.fa-cube:before {
  content: "\F1B2";
}
.fa-cubes:before {
  content: "\F1B3";
}
.fa-behance:before {
  content: "\F1B4";
}
.fa-behance-square:before {
  content: "\F1B5";
}
.fa-steam:before {
  content: "\F1B6";
}
.fa-steam-square:before {
  content: "\F1B7";
}
.fa-recycle:before {
  content: "\F1B8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\F1B9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\F1BA";
}
.fa-tree:before {
  content: "\F1BB";
}
.fa-spotify:before {
  content: "\F1BC";
}
.fa-deviantart:before {
  content: "\F1BD";
}
.fa-soundcloud:before {
  content: "\F1BE";
}
.fa-database:before {
  content: "\F1C0";
}
.fa-file-pdf-o:before {
  content: "\F1C1";
}
.fa-file-word-o:before {
  content: "\F1C2";
}
.fa-file-excel-o:before {
  content: "\F1C3";
}
.fa-file-powerpoint-o:before {
  content: "\F1C4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\F1C5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\F1C6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\F1C7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\F1C8";
}
.fa-file-code-o:before {
  content: "\F1C9";
}
.fa-vine:before {
  content: "\F1CA";
}
.fa-codepen:before {
  content: "\F1CB";
}
.fa-jsfiddle:before {
  content: "\F1CC";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\F1CD";
}
.fa-circle-o-notch:before {
  content: "\F1CE";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\F1D0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\F1D1";
}
.fa-git-square:before {
  content: "\F1D2";
}
.fa-git:before {
  content: "\F1D3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\F1D4";
}
.fa-tencent-weibo:before {
  content: "\F1D5";
}
.fa-qq:before {
  content: "\F1D6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\F1D7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\F1D8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\F1D9";
}
.fa-history:before {
  content: "\F1DA";
}
.fa-circle-thin:before {
  content: "\F1DB";
}
.fa-header:before {
  content: "\F1DC";
}
.fa-paragraph:before {
  content: "\F1DD";
}
.fa-sliders:before {
  content: "\F1DE";
}
.fa-share-alt:before {
  content: "\F1E0";
}
.fa-share-alt-square:before {
  content: "\F1E1";
}
.fa-bomb:before {
  content: "\F1E2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\F1E3";
}
.fa-tty:before {
  content: "\F1E4";
}
.fa-binoculars:before {
  content: "\F1E5";
}
.fa-plug:before {
  content: "\F1E6";
}
.fa-slideshare:before {
  content: "\F1E7";
}
.fa-twitch:before {
  content: "\F1E8";
}
.fa-yelp:before {
  content: "\F1E9";
}
.fa-newspaper-o:before {
  content: "\F1EA";
}
.fa-wifi:before {
  content: "\F1EB";
}
.fa-calculator:before {
  content: "\F1EC";
}
.fa-paypal:before {
  content: "\F1ED";
}
.fa-google-wallet:before {
  content: "\F1EE";
}
.fa-cc-visa:before {
  content: "\F1F0";
}
.fa-cc-mastercard:before {
  content: "\F1F1";
}
.fa-cc-discover:before {
  content: "\F1F2";
}
.fa-cc-amex:before {
  content: "\F1F3";
}
.fa-cc-paypal:before {
  content: "\F1F4";
}
.fa-cc-stripe:before {
  content: "\F1F5";
}
.fa-bell-slash:before {
  content: "\F1F6";
}
.fa-bell-slash-o:before {
  content: "\F1F7";
}
.fa-trash:before {
  content: "\F1F8";
}
.fa-copyright:before {
  content: "\F1F9";
}
.fa-at:before {
  content: "\F1FA";
}
.fa-eyedropper:before {
  content: "\F1FB";
}
.fa-paint-brush:before {
  content: "\F1FC";
}
.fa-birthday-cake:before {
  content: "\F1FD";
}
.fa-area-chart:before {
  content: "\F1FE";
}
.fa-pie-chart:before {
  content: "\F200";
}
.fa-line-chart:before {
  content: "\F201";
}
.fa-lastfm:before {
  content: "\F202";
}
.fa-lastfm-square:before {
  content: "\F203";
}
.fa-toggle-off:before {
  content: "\F204";
}
.fa-toggle-on:before {
  content: "\F205";
}
.fa-bicycle:before {
  content: "\F206";
}
.fa-bus:before {
  content: "\F207";
}
.fa-ioxhost:before {
  content: "\F208";
}
.fa-angellist:before {
  content: "\F209";
}
.fa-cc:before {
  content: "\F20A";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\F20B";
}
.fa-meanpath:before {
  content: "\F20C";
}
.fa-buysellads:before {
  content: "\F20D";
}
.fa-connectdevelop:before {
  content: "\F20E";
}
.fa-dashcube:before {
  content: "\F210";
}
.fa-forumbee:before {
  content: "\F211";
}
.fa-leanpub:before {
  content: "\F212";
}
.fa-sellsy:before {
  content: "\F213";
}
.fa-shirtsinbulk:before {
  content: "\F214";
}
.fa-simplybuilt:before {
  content: "\F215";
}
.fa-skyatlas:before {
  content: "\F216";
}
.fa-cart-plus:before {
  content: "\F217";
}
.fa-cart-arrow-down:before {
  content: "\F218";
}
.fa-diamond:before {
  content: "\F219";
}
.fa-ship:before {
  content: "\F21A";
}
.fa-user-secret:before {
  content: "\F21B";
}
.fa-motorcycle:before {
  content: "\F21C";
}
.fa-street-view:before {
  content: "\F21D";
}
.fa-heartbeat:before {
  content: "\F21E";
}
.fa-venus:before {
  content: "\F221";
}
.fa-mars:before {
  content: "\F222";
}
.fa-mercury:before {
  content: "\F223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\F224";
}
.fa-transgender-alt:before {
  content: "\F225";
}
.fa-venus-double:before {
  content: "\F226";
}
.fa-mars-double:before {
  content: "\F227";
}
.fa-venus-mars:before {
  content: "\F228";
}
.fa-mars-stroke:before {
  content: "\F229";
}
.fa-mars-stroke-v:before {
  content: "\F22A";
}
.fa-mars-stroke-h:before {
  content: "\F22B";
}
.fa-neuter:before {
  content: "\F22C";
}
.fa-genderless:before {
  content: "\F22D";
}
.fa-facebook-official:before {
  content: "\F230";
}
.fa-pinterest-p:before {
  content: "\F231";
}
.fa-whatsapp:before {
  content: "\F232";
}
.fa-server:before {
  content: "\F233";
}
.fa-user-plus:before {
  content: "\F234";
}
.fa-user-times:before {
  content: "\F235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\F236";
}
.fa-viacoin:before {
  content: "\F237";
}
.fa-train:before {
  content: "\F238";
}
.fa-subway:before {
  content: "\F239";
}
.fa-medium:before {
  content: "\F23A";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\F23B";
}
.fa-optin-monster:before {
  content: "\F23C";
}
.fa-opencart:before {
  content: "\F23D";
}
.fa-expeditedssl:before {
  content: "\F23E";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\F240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\F241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\F242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\F243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\F244";
}
.fa-mouse-pointer:before {
  content: "\F245";
}
.fa-i-cursor:before {
  content: "\F246";
}
.fa-object-group:before {
  content: "\F247";
}
.fa-object-ungroup:before {
  content: "\F248";
}
.fa-sticky-note:before {
  content: "\F249";
}
.fa-sticky-note-o:before {
  content: "\F24A";
}
.fa-cc-jcb:before {
  content: "\F24B";
}
.fa-cc-diners-club:before {
  content: "\F24C";
}
.fa-clone:before {
  content: "\F24D";
}
.fa-balance-scale:before {
  content: "\F24E";
}
.fa-hourglass-o:before {
  content: "\F250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\F251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\F252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\F253";
}
.fa-hourglass:before {
  content: "\F254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\F255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\F256";
}
.fa-hand-scissors-o:before {
  content: "\F257";
}
.fa-hand-lizard-o:before {
  content: "\F258";
}
.fa-hand-spock-o:before {
  content: "\F259";
}
.fa-hand-pointer-o:before {
  content: "\F25A";
}
.fa-hand-peace-o:before {
  content: "\F25B";
}
.fa-trademark:before {
  content: "\F25C";
}
.fa-registered:before {
  content: "\F25D";
}
.fa-creative-commons:before {
  content: "\F25E";
}
.fa-gg:before {
  content: "\F260";
}
.fa-gg-circle:before {
  content: "\F261";
}
.fa-tripadvisor:before {
  content: "\F262";
}
.fa-odnoklassniki:before {
  content: "\F263";
}
.fa-odnoklassniki-square:before {
  content: "\F264";
}
.fa-get-pocket:before {
  content: "\F265";
}
.fa-wikipedia-w:before {
  content: "\F266";
}
.fa-safari:before {
  content: "\F267";
}
.fa-chrome:before {
  content: "\F268";
}
.fa-firefox:before {
  content: "\F269";
}
.fa-opera:before {
  content: "\F26A";
}
.fa-internet-explorer:before {
  content: "\F26B";
}
.fa-tv:before,
.fa-television:before {
  content: "\F26C";
}
.fa-contao:before {
  content: "\F26D";
}
.fa-500px:before {
  content: "\F26E";
}
.fa-amazon:before {
  content: "\F270";
}
.fa-calendar-plus-o:before {
  content: "\F271";
}
.fa-calendar-minus-o:before {
  content: "\F272";
}
.fa-calendar-times-o:before {
  content: "\F273";
}
.fa-calendar-check-o:before {
  content: "\F274";
}
.fa-industry:before {
  content: "\F275";
}
.fa-map-pin:before {
  content: "\F276";
}
.fa-map-signs:before {
  content: "\F277";
}
.fa-map-o:before {
  content: "\F278";
}
.fa-map:before {
  content: "\F279";
}
.fa-commenting:before {
  content: "\F27A";
}
.fa-commenting-o:before {
  content: "\F27B";
}
.fa-houzz:before {
  content: "\F27C";
}
.fa-vimeo:before {
  content: "\F27D";
}
.fa-black-tie:before {
  content: "\F27E";
}
.fa-fonticons:before {
  content: "\F280";
}
.fa-reddit-alien:before {
  content: "\F281";
}
.fa-edge:before {
  content: "\F282";
}
.fa-credit-card-alt:before {
  content: "\F283";
}
.fa-codiepie:before {
  content: "\F284";
}
.fa-modx:before {
  content: "\F285";
}
.fa-fort-awesome:before {
  content: "\F286";
}
.fa-usb:before {
  content: "\F287";
}
.fa-product-hunt:before {
  content: "\F288";
}
.fa-mixcloud:before {
  content: "\F289";
}
.fa-scribd:before {
  content: "\F28A";
}
.fa-pause-circle:before {
  content: "\F28B";
}
.fa-pause-circle-o:before {
  content: "\F28C";
}
.fa-stop-circle:before {
  content: "\F28D";
}
.fa-stop-circle-o:before {
  content: "\F28E";
}
.fa-shopping-bag:before {
  content: "\F290";
}
.fa-shopping-basket:before {
  content: "\F291";
}
.fa-hashtag:before {
  content: "\F292";
}
.fa-bluetooth:before {
  content: "\F293";
}
.fa-bluetooth-b:before {
  content: "\F294";
}
.fa-percent:before {
  content: "\F295";
}
.fa-gitlab:before {
  content: "\F296";
}
.fa-wpbeginner:before {
  content: "\F297";
}
.fa-wpforms:before {
  content: "\F298";
}
.fa-envira:before {
  content: "\F299";
}
.fa-universal-access:before {
  content: "\F29A";
}
.fa-wheelchair-alt:before {
  content: "\F29B";
}
.fa-question-circle-o:before {
  content: "\F29C";
}
.fa-blind:before {
  content: "\F29D";
}
.fa-audio-description:before {
  content: "\F29E";
}
.fa-volume-control-phone:before {
  content: "\F2A0";
}
.fa-braille:before {
  content: "\F2A1";
}
.fa-assistive-listening-systems:before {
  content: "\F2A2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\F2A3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\F2A4";
}
.fa-glide:before {
  content: "\F2A5";
}
.fa-glide-g:before {
  content: "\F2A6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\F2A7";
}
.fa-low-vision:before {
  content: "\F2A8";
}
.fa-viadeo:before {
  content: "\F2A9";
}
.fa-viadeo-square:before {
  content: "\F2AA";
}
.fa-snapchat:before {
  content: "\F2AB";
}
.fa-snapchat-ghost:before {
  content: "\F2AC";
}
.fa-snapchat-square:before {
  content: "\F2AD";
}
.fa-pied-piper:before {
  content: "\F2AE";
}
.fa-first-order:before {
  content: "\F2B0";
}
.fa-yoast:before {
  content: "\F2B1";
}
.fa-themeisle:before {
  content: "\F2B2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\F2B3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\F2B4";
}
.fa-handshake-o:before {
  content: "\F2B5";
}
.fa-envelope-open:before {
  content: "\F2B6";
}
.fa-envelope-open-o:before {
  content: "\F2B7";
}
.fa-linode:before {
  content: "\F2B8";
}
.fa-address-book:before {
  content: "\F2B9";
}
.fa-address-book-o:before {
  content: "\F2BA";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\F2BB";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\F2BC";
}
.fa-user-circle:before {
  content: "\F2BD";
}
.fa-user-circle-o:before {
  content: "\F2BE";
}
.fa-user-o:before {
  content: "\F2C0";
}
.fa-id-badge:before {
  content: "\F2C1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\F2C2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\F2C3";
}
.fa-quora:before {
  content: "\F2C4";
}
.fa-free-code-camp:before {
  content: "\F2C5";
}
.fa-telegram:before {
  content: "\F2C6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\F2C7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\F2C8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\F2C9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\F2CA";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\F2CB";
}
.fa-shower:before {
  content: "\F2CC";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\F2CD";
}
.fa-podcast:before {
  content: "\F2CE";
}
.fa-window-maximize:before {
  content: "\F2D0";
}
.fa-window-minimize:before {
  content: "\F2D1";
}
.fa-window-restore:before {
  content: "\F2D2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\F2D3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\F2D4";
}
.fa-bandcamp:before {
  content: "\F2D5";
}
.fa-grav:before {
  content: "\F2D6";
}
.fa-etsy:before {
  content: "\F2D7";
}
.fa-imdb:before {
  content: "\F2D8";
}
.fa-ravelry:before {
  content: "\F2D9";
}
.fa-eercast:before {
  content: "\F2DA";
}
.fa-microchip:before {
  content: "\F2DB";
}
.fa-snowflake-o:before {
  content: "\F2DC";
}
.fa-superpowers:before {
  content: "\F2DD";
}
.fa-wpexplorer:before {
  content: "\F2DE";
}
.fa-meetup:before {
  content: "\F2E0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

equity-portfolio-view .portfolio-header {
  display: flex;
  align-items: center;
  list-style-type: none;
  padding: 10px;
  column-gap: 20px; }
  @media (max-width: 480px) {
    equity-portfolio-view .portfolio-header {
      flex-flow: wrap; }
      equity-portfolio-view .portfolio-header .account-label {
        display: inline-block;
        min-width: 100px; } }

equity-portfolio-view .widget {
  margin: 0; }

equity-portfolio-view .widget-container {
  margin-top: 5px; }

equity-portfolio-view .pending-update {
  font-style: italic; }
  equity-portfolio-view .pending-update .ui-grid-cell-contents::before {
    content: '* '; }

equity-portfolio-view .account-details-section {
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  equity-portfolio-view .account-details-section .tab-content {
    display: flex;
    flex-direction: column;
    overflow: hidden; }

tf-account-select {
  display: block; }

tf-account-search input {
  border: 0 none;
  box-shadow: none;
  display: block; }

tf-account-search {
  display: flex;
  flex-direction: row;
  width: 450px; }
  @media (max-width: 992px) {
    tf-account-search {
      width: 350px; } }
  @media (max-width: 480px) {
    tf-account-search {
      width: 200px; } }
  tf-account-search .input-group {
    flex-grow: 1; }
  tf-account-search .dropdown-menu {
    right: 0;
    overflow: hidden; }
  tf-account-search .current-account-link[disabled] {
    cursor: default;
    opacity: 0; }
  tf-account-search .form-control {
    text-overflow: ellipsis; }
  tf-account-search .uib-typeahead-match a {
    overflow-x: hidden;
    text-overflow: ellipsis; }

tf-account-drop-down input {
  border: 0 none;
  box-shadow: none;
  display: block; }

tf-account-drop-down {
  display: flex;
  flex-direction: row;
  height: 100%; }
  tf-account-drop-down .input-group {
    flex-grow: 1;
    min-width: 0;
    display: flex; }
    tf-account-drop-down .input-group > .input-group-addon {
      width: 38px;
      display: flex;
      align-items: center;
      justify-content: center; }
    tf-account-drop-down .input-group > div:not(.input-group-addon) {
      min-width: 150px;
      max-width: 400px;
      flex: 1 1 auto; }
    tf-account-drop-down .input-group .form-control {
      display: block;
      float: none; }
      tf-account-drop-down .input-group .form-control.no-search-icon {
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px; }
      tf-account-drop-down .input-group .form-control.no-arrow-button {
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px; }
  tf-account-drop-down .account-select .dropdown-wrapper {
    display: flex;
    align-items: center; }
    tf-account-drop-down .account-select .dropdown-wrapper .icon-angle-down {
      width: 11px;
      height: 17px;
      font-size: 17px;
      font-weight: 300; }
    tf-account-drop-down .account-select .dropdown-wrapper > span:not(.icon-angle-down) {
      display: block;
      min-width: 0;
      margin-right: 8px;
      flex: 1 1 auto; }
    tf-account-drop-down .account-select .dropdown-wrapper tf-account-brief {
      display: block; }
  tf-account-drop-down .account-select demo-account-indicator {
    margin-right: 5px; }
  tf-account-drop-down .account-list {
    right: 0;
    overflow-x: hidden; }
    tf-account-drop-down .account-list a {
      text-overflow: ellipsis; }
  tf-account-drop-down a:focus {
    text-decoration: none; }

tf-account-brief {
  display: inline;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis; }

tf-account-contract-notes {
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  tf-account-contract-notes .range-selector {
    display: flex;
    padding: 5px 10px; }
  tf-account-contract-notes .date-selector-container:not(:last-child) {
    margin-right: 5px; }
  tf-account-contract-notes .export-container {
    margin-left: auto; }
  tf-account-contract-notes .cnote-container {
    overflow: hidden; }

tf-account-bank-transactions {
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  tf-account-bank-transactions .range-selector {
    display: flex;
    padding: 5px 10px; }
  tf-account-bank-transactions .date-selector-container:not(:last-child) {
    margin-right: 5px; }
  tf-account-bank-transactions .export-container {
    margin-left: auto; }
  tf-account-bank-transactions .transactions-container {
    overflow: hidden; }

tf-account-transactions {
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  tf-account-transactions .range-selector {
    display: flex;
    padding: 5px 10px; }
  tf-account-transactions .date-selector-container:not(:last-child) {
    margin-right: 5px; }
  tf-account-transactions .export-container {
    margin-left: auto; }
  tf-account-transactions .transactions-container {
    overflow: hidden; }

tf-workflow {
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  tf-workflow .range-selector {
    display: flex;
    padding: 5px 10px; }
  tf-workflow .date-selector-container:not(:last-child) {
    margin-right: 5px; }
  tf-workflow .add-task-container {
    margin-left: auto; }
  tf-workflow .transactions-container {
    overflow: hidden; }
  tf-workflow .greenClass {
    color: green; }
  tf-workflow .redClass {
    color: red; }
  tf-workflow .blueClass {
    color: blue; }

workflow-task-dialog {
  display: block; }
  workflow-task-dialog .modal-body {
    max-height: 75vh;
    overflow-y: auto; }
  workflow-task-dialog .modal-header {
    display: flex;
    flex-direction: row;
    text-align: center; }
    workflow-task-dialog .modal-header h4 {
      display: block;
      margin: 0; }
    workflow-task-dialog .modal-header i {
      line-height: inherit; }

.wizard-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
  margin-right: auto; }

.date-input {
  width: 300px;
  display: table; }

.note-area {
  height: 200px !important; }

.task-section {
  padding: 10px; }

.workflow-submit-btn {
  float: right;
  background: green; }

.repetition-radio {
  margin: 0 10px 0 10px; }

.repetition-txt {
  width: 30px; }

tf-client-details .client-details-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  tf-client-details .client-details-container .client-details {
    height: 100%;
    padding: 20px 5%;
    width: 600px;
    font-size: 1.2rem;
    flex-direction: column;
    font-family: Roboto, Helvetica, sans-serif; }
    tf-client-details .client-details-container .client-details .client-detail {
      display: flex;
      flex-direction: row;
      margin: 2px; }
      tf-client-details .client-details-container .client-details .client-detail .client-detail-name {
        width: 100%; }
        tf-client-details .client-details-container .client-details .client-detail .client-detail-name span {
          font-size: 1.2rem;
          font-weight: bold;
          font-family: Roboto, Helvetica, sans-serif; }
      tf-client-details .client-details-container .client-details .client-detail .client-detail-value {
        width: 100%; }

tf-chess-registration-detail {
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  tf-chess-registration-detail td, tf-chess-registration-detail th {
    padding: 10px;
    vertical-align: top; }
  tf-chess-registration-detail .address {
    font-family: monospace; }

tf-account-information .account-information-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  tf-account-information .account-information-container .account-information-wrapper {
    height: 100%;
    padding: 20px 5%;
    width: 600px;
    font-size: 1.2rem;
    flex-direction: column;
    font-family: Roboto, Helvetica, sans-serif; }
    tf-account-information .account-information-container .account-information-wrapper .account-information {
      display: flex;
      flex-direction: row;
      margin: 2px; }
      tf-account-information .account-information-container .account-information-wrapper .account-information span {
        font-weight: 700; }
      tf-account-information .account-information-container .account-information-wrapper .account-information .account-information-key {
        width: 100%; }
      tf-account-information .account-information-container .account-information-wrapper .account-information .account-information-value {
        width: 100%; }

tf-client-notes {
  display: flex;
  width: 100%; }
  tf-client-notes .widget {
    width: 100%; }
  tf-client-notes .form-container {
    display: flex;
    height: 70px;
    padding: 0 10px;
    align-items: center; }
    tf-client-notes .form-container form {
      width: 100%;
      display: flex; }
    tf-client-notes .form-container select {
      border: 1px solid lightgray; }
  tf-client-notes .notes-container {
    height: calc(100% - (70px));
    overflow: hidden; }
  tf-client-notes #note-content {
    width: 100%;
    margin-left: 0; }
  tf-client-notes .note-content-container {
    width: 100%; }
  tf-client-notes .tv-body p {
    margin-bottom: 0; }
  tf-client-notes .t-view {
    margin-bottom: 10px; }

tf-client-notes-content {
  display: flex;
  flex-direction: column; }
  tf-client-notes-content .edit-controls {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-end;
    padding-top: 2px; }
    tf-client-notes-content .edit-controls .btn:not(:last-child) {
      margin-right: 2px; }
  tf-client-notes-content .edit-notes-container {
    display: flex; }
  tf-client-notes-content select {
    border: 1px solid lightgray; }

tf-account-detail .account-detail-section {
  height: 100%;
  padding: 10px 5%; }
  tf-account-detail .account-detail-section .account-detail {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 5px 0;
    font-size: 1.2rem;
    font-family: Roboto, Helvetica, sans-serif; }
    tf-account-detail .account-detail-section .account-detail .account-detail-name {
      text-transform: uppercase;
      justify-content: flex-start; }
    tf-account-detail .account-detail-section .account-detail .account-detail-value {
      justify-content: flex-end; }
  tf-account-detail .account-detail-section .header {
    font-weight: bold; }

.bank-details {
  display: flex; }
  .bank-details .bsb-field {
    margin-right: 20px; }
  .bank-details .summary-value {
    display: inline-block; }
  .bank-details .copy-bank-details-icon {
    margin-left: 5px; }

.snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 16px;
  position: fixed;
  z-index: 1006;
  left: 50%;
  bottom: 70px;
  font-size: 1rem; }

.snackbar.show {
  visibility: visible;
  /* Show the snackbar */
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
   However, delay the fade out process for 2.5 seconds */
  -webkit-animation: fadein 0.5s;
  animation: fadein 0.5s; }

.snackbar.hide {
  visibility: visible;
  -webkit-animation: fadeout 0.5s 2.5s;
  animation: fadeout 0.5s 2.5s; }

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0; }
  to {
    bottom: 70px;
    opacity: 1; } }

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0; }
  to {
    bottom: 70px;
    opacity: 1; } }

@-webkit-keyframes fadeout {
  from {
    bottom: 70px;
    opacity: 1; }
  to {
    bottom: 0;
    opacity: 0; } }

@keyframes fadeout {
  from {
    bottom: 70px;
    opacity: 1; }
  to {
    bottom: 0;
    opacity: 0; } }

tf-open-trader-account-opening-dialog .modal-footer {
  text-align: left; }

tf-dashboard-view {
  display: flex;
  width: 100%;
  height: 100%; }
  tf-dashboard-view .app-view-height {
    display: flex;
    flex-direction: column;
    width: 100%; }

/*
 * Will set the height of a component to be the same as the available view height in the browser,
 * calculated as (100% - header - footer - system-message), where footer may or may not be present and is based on the presence
 * of another class as an ancestor of the target
 */
tf-company-information-view {
  height: calc(100vh - 60px);
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  .has-footer tf-company-information-view {
    height: calc(100vh - 55px - 60px); }
  .has-system-message tf-company-information-view {
    height: calc(100vh - 55px - 60px); }
  .has-footer.has-system-message tf-company-information-view {
    height: calc(calc(100vh - 55px - 60px) - 55px); }
  tf-company-information-view .company-tabs-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden; }
    tf-company-information-view .company-tabs-body .tab-content {
      width: 100%;
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      overflow: hidden; }

tf-company-info-page-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 5px; }
  tf-company-info-page-header .company-name {
    margin-left: 15px; }
  tf-company-info-page-header .company-quote-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-left: auto; }
    tf-company-info-page-header .company-quote-container tf-company-news-indicator {
      margin-right: 5px; }
    tf-company-info-page-header .company-quote-container tf-quote-state {
      margin-right: 10px; }
    tf-company-info-page-header .company-quote-container tf-quote-change {
      font-size: 2em;
      margin-right: 10px; }
    @media (max-width: 480px) {
      tf-company-info-page-header .company-quote-container tf-current-quote {
        width: 360px; } }

tf-company-statistics {
  display: flex;
  flex-direction: column;
  padding: 0 10px 5px 10px; }
  tf-company-statistics .title {
    font-size: 13px;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  tf-company-statistics .content {
    font-weight: 600; }
  tf-company-statistics .divider {
    margin: 10px 0; }

tf-company-overview-tab {
  display: flex;
  flex-direction: row;
  height: 100%;
  justify-content: center;
  padding: 10px 0; }
  tf-company-overview-tab .chart-container {
    display: flex;
    flex-direction: row;
    flex-grow: 1; }
  tf-company-overview-tab tf-company-statistics {
    min-width: 250px; }

tf-company-price-history-tab {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden; }
  tf-company-price-history-tab .controls-header {
    display: flex;
    justify-content: flex-end;
    padding: 5px; }

tf-company-news-tab {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden; }
  tf-company-news-tab .feed-container {
    height: 100%;
    overflow: hidden; }


tf-dividend-payout-chart {
  display: flex;
  flex-direction: column;
  justify-content: center; }

tf-company-dividends-tab {
  display: block;
  height: 100%;
  overflow: hidden; }
  tf-company-dividends-tab .dividend-info-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    tf-company-dividends-tab .dividend-info-container tf-dividends-table, tf-company-dividends-tab .dividend-info-container tf-dividend-payout-chart {
      flex-basis: 0;
      flex-grow: 1;
      min-width: 360px; }
  tf-company-dividends-tab .no-dividend-container {
    height: 100%;
    padding-top: 10%;
    font-size: 1.2em;
    text-align: center; }


tf-payoff-chart {
  display: block; }

tf-payoff-diagram {
  display: block;
  height: 100%; }
  tf-payoff-diagram .widget {
    height: 100%; }
  tf-payoff-diagram .header {
    width: 100%; }
    tf-payoff-diagram .header .title {
      width: 49%;
      display: inline-block; }
    tf-payoff-diagram .header .payoff-controls {
      width: 49%;
      display: inline-block; }
  tf-payoff-diagram .diagram-contents {
    display: flex;
    width: 100%; }
    tf-payoff-diagram .diagram-contents .payoff-chart-container {
      display: flex;
      flex-grow: 1; }
      tf-payoff-diagram .diagram-contents .payoff-chart-container tf-payoff-chart {
        width: 100%; }
    tf-payoff-diagram .diagram-contents .control-container-right {
      display: flex; }

tf-payoff-matrix {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden; }
  tf-payoff-matrix .controls {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end; }
  tf-payoff-matrix .grid-container {
    flex-grow: 1;
    margin-top: 0;
    overflow: hidden; }

tf-payoff-matrix-grid {
  display: block;
  max-height: 100%;
  font-size: 13px;
  overflow: hidden; }
  tf-payoff-matrix-grid .payoff-matrix-grid {
    table-layout: fixed;
    width: 100%; }
  tf-payoff-matrix-grid .grid-header-row th.grid-column-header {
    font-weight: 400; }
  tf-payoff-matrix-grid .grid-body .midpoint + .grid-row {
    border-top: none; }
  tf-payoff-matrix-grid th {
    padding: 5px;
    text-align: right; }
  tf-payoff-matrix-grid td {
    padding: 4px;
    text-align: right; }

tf-payoff-diagram-top-controls {
  display: inline-block;
  width: 100%; }
  tf-payoff-diagram-top-controls .price-points, tf-payoff-diagram-top-controls .time-increments {
    width: 48%;
    display: inline-block; }

tf-payoff-diagram-controls-right {
  display: block;
  height: 100%; }

tf-payoff-diagram-zoom {
  display: block;
  height: 100%;
  padding: 0 10px;
  text-align: center; }
  tf-payoff-diagram-zoom .zoom-title {
    height: 20px;
    font-size: 16px; }
  tf-payoff-diagram-zoom .zoom-icon-container {
    height: 50px;
    line-height: 50px; }
    tf-payoff-diagram-zoom .zoom-icon-container i.fa {
      font-size: 20px; }
  tf-payoff-diagram-zoom .zoom-slider {
    height: calc(100% - 20px - 100px);
    text-align: left; }

tf-payoff-vol-select {
  display: flex;
  flex-direction: row;
  align-items: center; }

.payoff-vol-select-menu {
  right: 0;
  left: auto;
  padding: 5px; }
  .payoff-vol-select-menu .adjust-up, .payoff-vol-select-menu .adjust-down {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px; }
  .payoff-vol-select-menu .adjust-btn {
    height: 30px;
    width: 45px;
    line-height: 30px;
    text-align: center;
    background-color: transparent;
    border-radius: 15px;
    border: 1px solid;
    padding: 0; }
    .payoff-vol-select-menu .adjust-btn:not(:first-child) {
      margin-left: 2px; }

tf-payoff-matrix-price-increment {
  display: flex;
  flex-direction: row;
  align-items: center; }

.payoff-price-increment-select-menu {
  padding: 5px; }
  .payoff-price-increment-select-menu .presets {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px; }
  .payoff-price-increment-select-menu .adjust-btn {
    height: 30px;
    width: 45px;
    line-height: 30px;
    text-align: center;
    background-color: transparent;
    border-radius: 15px;
    border: 1px solid;
    padding: 0; }
    .payoff-price-increment-select-menu .adjust-btn:not(:first-child) {
      margin-left: 2px; }

trading-view-chart {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; }
  trading-view-chart tf-company-input {
    width: 80px; }
    trading-view-chart tf-company-input input {
      position: relative; }

.tf-colour-picker-dialog .modal-body {
  display: flex; }
  .tf-colour-picker-dialog .modal-body .colours {
    width: calc(30px * 14);
    display: flex;
    flex-flow: row wrap;
    margin: auto; }
    .tf-colour-picker-dialog .modal-body .colours .colour {
      height: 30px;
      width: 30px;
      cursor: pointer; }
      .tf-colour-picker-dialog .modal-body .colours .colour:hover {
        border: 1px solid #FFFFFF; }
      .tf-colour-picker-dialog .modal-body .colours .colour.selected {
        border: 2px solid #FFFFFF; }

.tf-colour-picker-dialog .modal-footer {
  display: flex; }
  .tf-colour-picker-dialog .modal-footer button {
    margin: auto; }

tf-colour-picker {
  display: block; }
  tf-colour-picker input.form-control.colour-picker {
    cursor: pointer;
    color: transparent; }

tf-company-input {
  display: inline-block; }
  tf-company-input .form-control {
    height: unset; }

tf-price-ticker[readonly] {
  pointer-events: none; }
  tf-price-ticker[readonly] button {
    visibility: hidden; }

tf-quiz-question {
  font-family: "Poppins", Verdana, sans-serif;
  display: block; }
  tf-quiz-question tf-question-title {
    display: block;
    font-size: 17px;
    font-weight: 500;
    padding: 10px 0;
    border-bottom: 1px solid lightgray; }
  tf-quiz-question tf-question {
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    padding: 20px 0; }
  tf-quiz-question .additional-content img {
    max-width: 100%;
    height: auto; }

tf-answer {
  display: block;
  cursor: pointer; }
  tf-answer .tf-quiz-answer {
    padding: 15px 0;
    align-content: center;
    height: 100%;
    position: relative; }
  tf-answer .fa-check-square-o, tf-answer .fa-square-o {
    display: none; }
  tf-answer .selected-indicator {
    font-size: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    tf-answer .selected-indicator.selected-answer {
      color: #3FA840; }
      tf-answer .selected-indicator.selected-answer .fa-circle-thin {
        display: none; }
    tf-answer .selected-indicator:not(.selected-answer) .fa-check-circle-o {
      display: none; }
  tf-answer .answer-text {
    height: 100%;
    font-size: 17px;
    padding-left: 40px; }
  tf-answer .fa {
    line-height: inherit;
    vertical-align: baseline; }
  tf-answer:not(:last-child) {
    border-bottom: 1px solid lightgray; }

.multi-select .fa-check-square-o, .multi-select .fa-circle-thin {
  display: none; }

.multi-select .selected-indicator.selected-answer .fa-square-o {
  display: none; }

.multi-select .selected-indicator:not(.selected-answer) .fa-check-circle-o {
  display: none; }

tf-trade-spread-summary {
  display: block; }
  tf-trade-spread-summary .ticket-container {
    text-align: center; }

iv-sidebar {
  display: inline-block;
  position: relative;
  height: 100%; }
  iv-sidebar .iv-sidebar-content {
    height: 100%; }
  iv-sidebar .sidebar-menu {
    box-shadow: rgba(0, 0, 0, 0.14902) 0 0 2px;
    border-width: 0;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    border-radius: 2px;
    width: 300px;
    position: relative; }
  iv-sidebar .tabbable-line .tab-content {
    height: calc(100% - 42px);
    padding: 0; }
    iv-sidebar .tabbable-line .tab-content .tab-pane {
      height: 100%; }
  iv-sidebar .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%; }
    iv-sidebar .nav-tabs.nav-justified > li > a {
      border-radius: 4px 4px 0 0;
      margin-bottom: 0; }
  iv-sidebar .ngtweet-wrapper {
    height: 100%;
    overflow-y: auto; }
  iv-sidebar tf-watch-list {
    padding: 5px; }

demo-account-indicator .demo-account-indicator {
  background: #0066FF;
  color: white; }

tf-direction-change-indicator {
  display: inline-block; }

tf-sidebar-alerts {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-grow: 1;
  padding: 0 5px; }
  tf-sidebar-alerts .alerts-heading {
    height: 45px;
    margin: 0; }
  tf-sidebar-alerts .alert-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-basis: 0;
    overflow: hidden; }
  tf-sidebar-alerts tf-notification-type-toggle {
    width: 100%; }
  tf-sidebar-alerts .alerts-footer {
    margin-top: auto;
    height: 45px;
    line-height: 45px; }
  tf-sidebar-alerts .scrollbar-padding {
    padding-right: 10px; }

/* Taken from https://codepen.io/kianlavi/pen/BzbRZw */
tf-ghost-button {
  background: #F6F7F8 linear-gradient(to right, #F6F7F8 0%, #EDEEF1 20%, #F6F7F8 40%, #F6F7F8 100%) no-repeat;
  background-size: 800px 104px;
  position: relative;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: ghost-shimmer;
  animation-timing-function: linear; }

@-webkit-keyframes ghost-shimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }

tf-ghost-button {
  display: inline-block; }

/* Taken from https://codepen.io/kianlavi/pen/BzbRZw */
tf-ghost-container {
  background: #F6F7F8 linear-gradient(to right, #F6F7F8 0%, #EDEEF1 20%, #F6F7F8 40%, #F6F7F8 100%) no-repeat;
  background-size: 800px 104px;
  position: relative;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: ghost-shimmer;
  animation-timing-function: linear; }

@-webkit-keyframes ghost-shimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }

tf-ghost-container {
  display: flex;
  flex-direction: column; }

/* Taken from https://codepen.io/kianlavi/pen/BzbRZw */
tf-ghost-image {
  background: #F6F7F8 linear-gradient(to right, #F6F7F8 0%, #EDEEF1 20%, #F6F7F8 40%, #F6F7F8 100%) no-repeat;
  background-size: 800px 104px;
  position: relative;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: ghost-shimmer;
  animation-timing-function: linear; }

@-webkit-keyframes ghost-shimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }

tf-ghost-image {
  display: inline-block; }

/* Taken from https://codepen.io/kianlavi/pen/BzbRZw */
tf-ghost-text {
  background: #F6F7F8 linear-gradient(to right, #F6F7F8 0%, #EDEEF1 20%, #F6F7F8 40%, #F6F7F8 100%) no-repeat;
  background-size: 800px 104px;
  position: relative;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: ghost-shimmer;
  animation-timing-function: linear; }

@-webkit-keyframes ghost-shimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }

tf-ghost-text {
  display: block; }

tf-sort-indicator {
  display: inline; }

tf-direction-change-indicator-v2 {
  display: inline-block;
  font-size: 2rem;
  margin: 0 10px; }
  tf-direction-change-indicator-v2 [class*="icon1"] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #777;
    box-sizing: border-box; }
    tf-direction-change-indicator-v2 [class*="icon1"]:after, tf-direction-change-indicator-v2 [class*="icon1"]:before {
      content: "";
      box-sizing: border-box; }
  tf-direction-change-indicator-v2 [class*="icon1-arrow1"] {
    width: 15px;
    height: 15px;
    border-width: 3px 3px 0 0;
    border-style: solid; }
    tf-direction-change-indicator-v2 [class*="icon1-arrow1"]:before {
      right: 0;
      top: -2px;
      position: absolute;
      height: 3px;
      box-shadow: inset 0 0 0 32px;
      transform: rotate(-45deg);
      width: 20px;
      transform-origin: right top; }
    tf-direction-change-indicator-v2 [class*="icon1-arrow1"][class*="-left"] {
      transform: rotate(45deg); }
      tf-direction-change-indicator-v2 [class*="icon1-arrow1"][class*="-left"][class*="-up"] {
        transform: none; }
      tf-direction-change-indicator-v2 [class*="icon1-arrow1"][class*="-left"][class*="-down"] {
        transform: rotate(90deg); }
    tf-direction-change-indicator-v2 [class*="icon1-arrow1"][class*="-right"] {
      transform: rotate(-135deg); }
      tf-direction-change-indicator-v2 [class*="icon1-arrow1"][class*="-right"][class*="-up"] {
        transform: rotate(-90deg); }
      tf-direction-change-indicator-v2 [class*="icon1-arrow1"][class*="-right"][class*="-down"] {
        transform: rotate(180deg); }
    tf-direction-change-indicator-v2 [class*="icon1-arrow1"][class*="-up"] {
      transform: rotate(-45deg); }
    tf-direction-change-indicator-v2 [class*="icon1-arrow1"][class*="-down"] {
      transform: rotate(135deg); }

tf-market-summary {
  display: block;
  position: fixed;
  bottom: 63px;
  width: 660px;
  z-index: 1000; }
  tf-market-summary .floating-popout {
    height: 0;
    padding-left: 10px; }
    tf-market-summary .floating-popout.open {
      height: 467px;
      -webkit-transition: height 500ms ease;
      transition: height 500ms ease; }
  tf-market-summary .floating-close-button {
    position: absolute;
    top: -27px;
    right: 0;
    padding: 3px; }
  @media screen and (max-width: 480px) {
    tf-market-summary {
      width: 100%; } }

tf-business-date-picker {
  display: inline-block; }

/* Custom popup styling */
.tf-business-date-picker .expiry-date .btn {
  background-color: navajowhite; }

tf-date-picker {
  display: inline-block;
  vertical-align: middle; }

tf-course-of-sales {
  display: flex;
  flex-direction: column;
  height: 100%; }
  tf-course-of-sales .sales-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 40px; }
    tf-course-of-sales .sales-header .stock-input {
      width: 150px; }
  tf-course-of-sales .sales-table {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    height: calc(100% - 40px); }
    tf-course-of-sales .sales-table .table-header {
      padding-right: 10px; }
      tf-course-of-sales .sales-table .table-header .column-headers {
        display: flex;
        flex-direction: row;
        font-weight: 600; }
    tf-course-of-sales .sales-table .table-body {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      width: 100%;
      padding-right: 10px; }
    tf-course-of-sales .sales-table .sales-row {
      display: flex;
      flex-direction: row;
      height: 32px;
      min-height: 32px;
      width: 100%; }
    tf-course-of-sales .sales-table .time-column, tf-course-of-sales .sales-table .price-column, tf-course-of-sales .sales-table .volume-column, tf-course-of-sales .sales-table .value-column {
      display: flex;
      flex-basis: 0;
      flex-direction: column;
      justify-content: center;
      align-items: flex-end;
      flex-grow: 1;
      padding: 0 5px; }


tf-client-dashboard-desktop {
  display: flex;
  flex-direction: column;
  /* Margin to allow for the Market Info to sit here */
  margin-bottom: 40px; }
  tf-client-dashboard-desktop .features-and-ideas {
    display: flex;
    flex-grow: 1; }
    tf-client-dashboard-desktop .features-and-ideas tf-client-dashboard-features {
      flex-grow: 1; }
    tf-client-dashboard-desktop .features-and-ideas tf-trading-ideas-desktop {
      width: 70%;
      font-size: 0.5vw; }

tf-client-dashboard-tablet {
  display: block; }
  tf-client-dashboard-tablet tf-trading-ideas-desktop {
    font-size: 0.75vw; }

tf-client-dashboard-mobile tf-watch-list, tf-client-dashboard-mobile .notification-toggle-container .notification-toggle {
  font-family: 'Poppins', sans-serif;
  padding: 20px; }

tf-client-dashboard-mobile {
  display: block;
  height: calc(100vh - 55px - 60px);
  overflow: hidden;
  /* Override for the default bootstrap setup where they get stacked vertically on small screens */ }
  tf-client-dashboard-mobile .dashboard-content {
    height: 100%; }
  tf-client-dashboard-mobile .nav-tabs {
    padding: 0 5px; }
  tf-client-dashboard-mobile .tab-content {
    height: calc(100% - 47px); }
  tf-client-dashboard-mobile .tab-pane {
    height: 100%; }
  tf-client-dashboard-mobile .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%; }
    tf-client-dashboard-mobile .nav-tabs.nav-justified > li a {
      margin-bottom: 0; }
  tf-client-dashboard-mobile tf-dashboard-trading-alerts {
    margin-top: 5px; }
  tf-client-dashboard-mobile tf-trading-ideas-mobile {
    font-size: 2vw; }
  tf-client-dashboard-mobile tf-watch-list {
    padding: 5px 5px 10px 5px; }
  tf-client-dashboard-mobile .notification-toggle-container {
    padding: 5px 5px 10px 5px; }
    tf-client-dashboard-mobile .notification-toggle-container .notification-toggle h3 {
      font-size: 17px;
      font-weight: 500;
      margin-bottom: 0; }
    tf-client-dashboard-mobile .notification-toggle-container .notification-toggle p {
      font-size: 12px;
      font-weight: 300;
      line-height: 1.5; }

tf-dashboard-help-centre {
  display: block; }
  tf-dashboard-help-centre .widget .widget-content .value {
    padding: 0 0 15px 0;
    font-size: 60px;
    height: 72px;
    line-height: 72px; }
  tf-dashboard-help-centre .icon-help_outline {
    color: #00C5DC; }

tf-client-dashboard-features .dashboard-feature-container .dashboard-feature {
  font-family: 'Poppins', sans-serif;
  padding: 20px; }

tf-client-dashboard-features .dashboard-feature-container .dashboard-feature {
  margin-bottom: 20px; }
  tf-client-dashboard-features .dashboard-feature-container .dashboard-feature h1, tf-client-dashboard-features .dashboard-feature-container .dashboard-feature h2, tf-client-dashboard-features .dashboard-feature-container .dashboard-feature h3, tf-client-dashboard-features .dashboard-feature-container .dashboard-feature h4, tf-client-dashboard-features .dashboard-feature-container .dashboard-feature h5, tf-client-dashboard-features .dashboard-feature-container .dashboard-feature h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2; }
  tf-client-dashboard-features .dashboard-feature-container .dashboard-feature h3 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0; }
  tf-client-dashboard-features .dashboard-feature-container .dashboard-feature h3.title {
    text-transform: uppercase; }
  tf-client-dashboard-features .dashboard-feature-container .dashboard-feature h3.subheader {
    display: inline-block;
    font-size: 22px;
    vertical-align: middle;
    margin: 0 15px 0 0;
    font-family: 'Roboto';
    padding: 30px 0 40px 0; }
  tf-client-dashboard-features .dashboard-feature-container .dashboard-feature h3 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0; }
  tf-client-dashboard-features .dashboard-feature-container .dashboard-feature p {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5; }

tf-client-dashboard-features {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-grow: 1;
  align-content: start; }
  tf-client-dashboard-features .dashboard-feature-container {
    padding: 5px; }
    tf-client-dashboard-features .dashboard-feature-container .dashboard-feature {
      position: relative;
      overflow: hidden;
      padding: 20px;
      margin: 0;
      text-align: center;
      display: flex;
      flex-grow: 1;
      flex-basis: 0;
      flex-direction: column;
      height: 160px; }
    tf-client-dashboard-features .dashboard-feature-container .trialing-indicator {
      display: block;
      position: absolute;
      font-size: 12px;
      transform: rotate(315deg);
      padding: 5px 25px;
      left: -28px;
      top: 15px;
      letter-spacing: 1.5px;
      text-transform: uppercase; }
    tf-client-dashboard-features .dashboard-feature-container .buy-now-link {
      position: absolute;
      top: 5px;
      right: 5px;
      text-align: center; }
    tf-client-dashboard-features .dashboard-feature-container .feature-icon {
      font-size: 34px;
      line-height: 34px;
      margin-top: 0; }
    tf-client-dashboard-features .dashboard-feature-container .feature-name {
      text-transform: uppercase;
      font-size: 17px;
      font-weight: 500;
      margin: auto; }
    tf-client-dashboard-features .dashboard-feature-container .feature-action {
      margin-bottom: 0; }
    tf-client-dashboard-features .dashboard-feature-container .trial-ends {
      display: block;
      font-size: 12px; }

tf-dashboard-portfolio-summary {
  font-family: 'Poppins', sans-serif;
  padding: 20px; }

tf-dashboard-portfolio-summary {
  margin-bottom: 20px; }
  tf-dashboard-portfolio-summary h1, tf-dashboard-portfolio-summary h2, tf-dashboard-portfolio-summary h3, tf-dashboard-portfolio-summary h4, tf-dashboard-portfolio-summary h5, tf-dashboard-portfolio-summary h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2; }
  tf-dashboard-portfolio-summary h3 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0; }
  tf-dashboard-portfolio-summary h3.title {
    text-transform: uppercase; }
  tf-dashboard-portfolio-summary h3.subheader {
    display: inline-block;
    font-size: 22px;
    vertical-align: middle;
    margin: 0 15px 0 0;
    font-family: 'Roboto';
    padding: 30px 0 40px 0; }
  tf-dashboard-portfolio-summary h3 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0; }
  tf-dashboard-portfolio-summary p {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5; }

tf-dashboard-portfolio-summary {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  padding: 0;
  margin: 0; }
  tf-dashboard-portfolio-summary .summary-box {
    display: flex;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 33%;
    margin: auto;
    text-align: center;
    padding: 5px;
    height: 245px; }
    tf-dashboard-portfolio-summary .summary-box .widget {
      padding: 0;
      margin: 0;
      height: 100%;
      width: 100%; }
    tf-dashboard-portfolio-summary .summary-box .title {
      display: block;
      font-size: 21px;
      min-height: 60px;
      text-transform: uppercase; }
    tf-dashboard-portfolio-summary .summary-box .value {
      display: block;
      font-size: 30px;
      padding: 15px 0; }
    tf-dashboard-portfolio-summary .summary-box .sub-title {
      display: block;
      font-size: 20px; }
    tf-dashboard-portfolio-summary .summary-box .sub-value {
      display: block;
      font-size: 19px; }
    tf-dashboard-portfolio-summary .summary-box .icon-question {
      font-size: 24px; }
    tf-dashboard-portfolio-summary .summary-box .widget-content {
      margin-top: 0; }
      tf-dashboard-portfolio-summary .summary-box .widget-content .widget-container {
        padding: 15px; }
    tf-dashboard-portfolio-summary .summary-box:empty {
      display: none; }
  tf-dashboard-portfolio-summary .margin-limit-box .sub-value {
    font-size: 15px; }

tf-dashboard-portfolio-summary-small .summary-item {
  font-family: 'Poppins', sans-serif;
  padding: 20px; }

tf-dashboard-portfolio-summary-small .summary-item {
  margin-bottom: 20px; }
  tf-dashboard-portfolio-summary-small .summary-item h1, tf-dashboard-portfolio-summary-small .summary-item h2, tf-dashboard-portfolio-summary-small .summary-item h3, tf-dashboard-portfolio-summary-small .summary-item h4, tf-dashboard-portfolio-summary-small .summary-item h5, tf-dashboard-portfolio-summary-small .summary-item h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2; }
  tf-dashboard-portfolio-summary-small .summary-item h3 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0; }
  tf-dashboard-portfolio-summary-small .summary-item h3.title {
    text-transform: uppercase; }
  tf-dashboard-portfolio-summary-small .summary-item h3.subheader {
    display: inline-block;
    font-size: 22px;
    vertical-align: middle;
    margin: 0 15px 0 0;
    font-family: 'Roboto';
    padding: 30px 0 40px 0; }
  tf-dashboard-portfolio-summary-small .summary-item h3 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0; }
  tf-dashboard-portfolio-summary-small .summary-item p {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5; }

tf-dashboard-portfolio-summary-small {
  width: 100%; }
  tf-dashboard-portfolio-summary-small .summary-item-container {
    height: 60px;
    width: 100%;
    padding: 5px; }
  tf-dashboard-portfolio-summary-small .summary-item {
    display: flex;
    height: 100%;
    padding: 10px;
    margin: 0; }
    tf-dashboard-portfolio-summary-small .summary-item .item-name {
      display: flex;
      flex-direction: row;
      width: 45%;
      align-items: center;
      font-size: 15px; }
    tf-dashboard-portfolio-summary-small .summary-item .item-values {
      display: flex;
      width: 55%;
      flex-direction: column;
      text-align: right;
      justify-content: space-around; }
    tf-dashboard-portfolio-summary-small .summary-item .current-value {
      display: flex;
      align-items: center;
      margin-left: auto; }
    tf-dashboard-portfolio-summary-small .summary-item .change-on-day {
      display: flex;
      align-items: center;
      margin-left: auto; }
      tf-dashboard-portfolio-summary-small .summary-item .change-on-day .value {
        font-size: 13px;
        color: darkgray; }
      tf-dashboard-portfolio-summary-small .summary-item .change-on-day tf-direction-change-indicator {
        margin-right: 5px; }
  tf-dashboard-portfolio-summary-small .cash-balance .icon-question {
    margin-left: 5px; }
  tf-dashboard-portfolio-summary-small .margin-limit .item-values > div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    width: 100%; }

tf-dashboard-notifications .dashboard-notifications {
  font-family: 'Poppins', sans-serif;
  padding: 20px; }

tf-dashboard-notifications {
  display: block;
  padding: 5px; }
  tf-dashboard-notifications .dashboard-notifications h3 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0; }
  tf-dashboard-notifications .dashboard-notifications p {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5; }
  tf-dashboard-notifications .notification-settings-button {
    width: 100%; }
  tf-dashboard-notifications.hidden {
    display: none; }

tf-dashboard-trading-alerts {
  font-family: 'Poppins', sans-serif;
  padding: 20px; }

tf-dashboard-trading-alerts {
  margin-bottom: 20px; }
  tf-dashboard-trading-alerts h1, tf-dashboard-trading-alerts h2, tf-dashboard-trading-alerts h3, tf-dashboard-trading-alerts h4, tf-dashboard-trading-alerts h5, tf-dashboard-trading-alerts h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2; }
  tf-dashboard-trading-alerts h3 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0; }
  tf-dashboard-trading-alerts h3.title {
    text-transform: uppercase; }
  tf-dashboard-trading-alerts h3.subheader {
    display: inline-block;
    font-size: 22px;
    vertical-align: middle;
    margin: 0 15px 0 0;
    font-family: 'Roboto';
    padding: 30px 0 40px 0; }
  tf-dashboard-trading-alerts h3 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0; }
  tf-dashboard-trading-alerts p {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5; }

tf-dashboard-trading-alerts {
  display: flex;
  flex-direction: column;
  padding: 0 5px;
  height: 100%;
  overflow: hidden; }
  tf-dashboard-trading-alerts .alert-list-container {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    overflow: hidden; }

tf-two-by-two-layout {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  height: 100%; }
  tf-two-by-two-layout tf-dashboard-widget-container {
    display: flex;
    flex-direction: column;
    width: 50%;
    height: 50%; }

tf-single-layout {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%; }
  tf-single-layout tf-dashboard-widget-container {
    width: 100%;
    height: 100%; }

tf-two-column-layout {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  height: 100%; }
  tf-two-column-layout tf-dashboard-widget-container {
    width: 50%;
    height: 100%; }

tf-one-left-two-right-layout {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  height: 100%; }
  tf-one-left-two-right-layout .secondary-widget-containers {
    display: flex;
    flex-direction: column;
    width: 50%;
    height: 100%; }
    tf-one-left-two-right-layout .secondary-widget-containers tf-dashboard-widget-container {
      width: 100%;
      height: 50%; }
  tf-one-left-two-right-layout > tf-dashboard-widget-container {
    width: 50%;
    height: 100%; }

tf-two-left-one-right-layout {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  height: 100%; }
  tf-two-left-one-right-layout .secondary-widget-containers {
    display: flex;
    flex-direction: column;
    width: 50%;
    height: 100%; }
    tf-two-left-one-right-layout .secondary-widget-containers tf-dashboard-widget-container {
      width: 100%;
      height: 50%; }
  tf-two-left-one-right-layout > tf-dashboard-widget-container {
    width: 50%;
    height: 100%; }

tf-three-by-two-layout {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  height: 100%; }
  tf-three-by-two-layout tf-dashboard-widget-container {
    display: flex;
    flex-direction: column;
    width: calc(100% / 3);
    height: 50%; }

tf-one-top-two-bottom-layout {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  height: 100%; }
  tf-one-top-two-bottom-layout .secondary-widget-containers {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 50%; }
    tf-one-top-two-bottom-layout .secondary-widget-containers tf-dashboard-widget-container {
      width: 50%;
      height: 100%; }
  tf-one-top-two-bottom-layout > tf-dashboard-widget-container {
    width: 100%;
    height: 50%; }

tf-two-top-one-bottom-layout {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  height: 100%; }
  tf-two-top-one-bottom-layout .secondary-widget-containers {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 50%; }
    tf-two-top-one-bottom-layout .secondary-widget-containers tf-dashboard-widget-container {
      width: 50%;
      height: 100%; }
  tf-two-top-one-bottom-layout > tf-dashboard-widget-container {
    width: 100%;
    height: 50%; }

tf-create-widget {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden; }

tf-create-widget .add-container {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  cursor: pointer;
  transition: background-color linear 200ms, font-size linear 200ms; }
  tf-create-widget .add-container:hover {
    font-size: 60px; }

tf-chart-widget {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden; }

tf-chart-widget {
  display: block; }
  tf-chart-widget .top-toolbar {
    height: 40px; }
  tf-chart-widget .toolbar-button-group {
    display: flex;
    flex-direction: row;
    align-items: center; }
    tf-chart-widget .toolbar-button-group .toolbar-item {
      margin-right: 10px; }
      tf-chart-widget .toolbar-button-group .toolbar-item.toolbar-button-right {
        margin-left: auto;
        margin-right: 0; }

tf-watchlist-widget {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden; }

tf-watchlist-widget tf-watch-list {
  width: 100%; }
  tf-watchlist-widget tf-watch-list .watchlist-list.dropdown-menu {
    max-height: 30vh; }

tf-news-widget {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden; }

tf-news-widget {
  flex-direction: column; }
  tf-news-widget .security-select {
    display: flex;
    align-items: center;
    font-size: larger; }
  tf-news-widget tf-company-input {
    display: table-cell; }
  tf-news-widget tf-news-feed {
    width: 100%;
    flex-grow: 1; }

tf-order-depth-widget {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden; }

tf-order-depth-widget tf-order-depth-mobile,
tf-order-depth-widget tf-order-depth-desktop {
  width: 100%; }

tf-trade-ideas-widget {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden; }

tf-trade-ideas-widget tf-trading-ideas-desktop, tf-trade-ideas-widget tf-trading-ideas-mobile {
  font-size: 8px;
  width: 100%;
  height: 100%; }

course-of-sales-widget {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden; }

course-of-sales-widget tf-course-of-sales {
  width: 100%; }

tf-market-map {
  width: 100%;
  height: 100%;
  position: relative; }
  tf-market-map .title-section {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 30px;
    width: 100%;
    line-height: 30px;
    padding-left: 10px;
    font-weight: bold;
    cursor: pointer; }
  tf-market-map .chart-section {
    height: calc(100% - 30px);
    position: absolute;
    top: 30px;
    width: 100%;
    left: 0;
    z-index: 0; }
  tf-market-map .node {
    position: absolute;
    overflow: hidden;
    cursor: pointer; }
    tf-market-map .node .node-title {
      display: inline;
      position: absolute;
      padding: 0;
      top: 5px;
      left: 5px;
      transition: color .4s, opacity .8s, filter .8s;
      font-variant: small-caps; }
    tf-market-map .node.hide {
      opacity: 0;
      pointer-events: none; }
      tf-market-map .node.hide .node-title {
        filter: blur(10px); }
    tf-market-map .node.group-container .node-title {
      padding: 3px 8px;
      border-radius: 2px;
      opacity: 0.8;
      max-height: calc(100% - (2 * 5px));
      max-width: calc(100% - (2 * 5px));
      overflow: hidden;
      text-overflow: ellipsis; }
    tf-market-map .node:hover:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; }
  tf-market-map .market-map-tooltip {
    position: absolute;
    padding: 3px 10px;
    border-radius: 5px; }
    tf-market-map .market-map-tooltip .security-code {
      font-size: 1.5em; }

tf-market-map-widget {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden; }

tf-time-series-widget {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden; }

tf-time-series-widget {
  flex-direction: column; }
  tf-time-series-widget .header {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 40px; }
  tf-time-series-widget .stock-input {
    width: 150px; }
  tf-time-series-widget .time-series {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-grow: 1;
    overflow: hidden;
    height: calc(100% - 40px); }

tf-quote-widget {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden; }

tf-quote-widget {
  display: flex;
  flex-direction: column; }
  tf-quote-widget .quote-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 40px; }
    tf-quote-widget .quote-header .stock-input {
      width: 150px; }
  tf-quote-widget .security {
    overflow: hidden;
    flex-grow: 1;
    margin-left: 10px; }
    tf-quote-widget .security .sector {
      font-size: 12px;
      font-style: italic; }
    tf-quote-widget .security .security-name {
      overflow-x: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 20px; }
  tf-quote-widget .quote {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 15px; }
  tf-quote-widget .quote-status {
    display: flex;
    flex-direction: row; }
  tf-quote-widget .news-indicator {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 5px; }
  tf-quote-widget .trading-status {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 5px; }
  tf-quote-widget .current-quote {
    font-size: 24px; }

tf-market-movers-widget {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden; }

tf-open-trader-help-widget {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden; }

tf-open-trader-help-widget {
  flex-direction: column; }
  tf-open-trader-help-widget .scroll-container {
    display: flex;
    flex-direction: row;
    flex-grow: 1; }

tf-dashboard-widget-container {
  overflow: hidden;
  padding: 5px;
  display: block;
  height: 100%; }
  tf-dashboard-widget-container .widget-wrapper {
    height: 100%;
    border-radius: 5px;
    padding: 5px; }
  tf-dashboard-widget-container .widget-container-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 25px; }
    tf-dashboard-widget-container .widget-container-header .widget-title {
      font-size: 18px; }
    tf-dashboard-widget-container .widget-container-header .widget-control {
      background: none;
      border: none;
      border-radius: 3px;
      text-align: center;
      padding: 0;
      width: 25px;
      height: 25px;
      line-height: 25px;
      font-size: 18px; }
  tf-dashboard-widget-container .widget-select {
    width: 100%;
    height: calc(100% - 25px);
    overflow: hidden; }

tf-add-dashboard-dialog .modal-close {
  position: absolute;
  top: 10px;
  right: 10px; }

tf-add-dashboard-dialog .layouts-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

tf-add-dashboard-dialog .layout {
  display: flex;
  justify-content: center;
  width: 50%;
  min-width: 100px; }

tf-add-dashboard-dialog .modal-footer {
  display: flex;
  justify-content: flex-end; }

tf-add-dashboard-widget-dialog .widget-item {
  display: flex;
  flex-direction: row;
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  cursor: pointer; }
  tf-add-dashboard-widget-dialog .widget-item .widget-name {
    font-size: 24px; }
  tf-add-dashboard-widget-dialog .widget-item.disabled {
    pointer-events: none; }

tf-oms-dashboard-desktop-view {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%; }
  tf-oms-dashboard-desktop-view .dashboard-header {
    margin: 0 10px;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /* IE and Edge */
    scrollbar-width: thin;
    /* Firefox */ }
    tf-oms-dashboard-desktop-view .dashboard-header::-webkit-scrollbar {
      width: 5px;
      height: 8px;
      background-color: #E4E4E4; }
    tf-oms-dashboard-desktop-view .dashboard-header::-webkit-scrollbar-thumb {
      border: 6px solid #a7a7a7;
      background: #a7a7a7;
      border-radius: 12px 12px 12px 12px;
      margin: 0px auto; }
    tf-oms-dashboard-desktop-view .dashboard-header .remove-dashboard-btn {
      margin-left: 5px; }
    tf-oms-dashboard-desktop-view .dashboard-header .add-dashboard-btn {
      min-width: 140px; }
    tf-oms-dashboard-desktop-view .dashboard-header .edit-button {
      margin-left: auto; }
  tf-oms-dashboard-desktop-view .dashboard-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: calc(100% - 50px);
    padding: 5px;
    overflow: hidden; }

tf-oms-dashboard-mobile-view {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%; }
  tf-oms-dashboard-mobile-view .dashboard-header {
    margin: 0;
    border: 0;
    min-height: 40px;
    height: 40px;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /* IE and Edge */
    scrollbar-width: thin;
    /* Firefox */ }
    tf-oms-dashboard-mobile-view .dashboard-header::-webkit-scrollbar {
      width: 5px;
      height: 8px;
      background-color: #E4E4E4; }
    tf-oms-dashboard-mobile-view .dashboard-header::-webkit-scrollbar-thumb {
      border: 6px solid #a7a7a7;
      background: #a7a7a7;
      border-radius: 12px 12px 12px 12px;
      margin: 0px auto; }
    tf-oms-dashboard-mobile-view .dashboard-header .remove-dashboard-btn {
      margin-left: 5px; }
    tf-oms-dashboard-mobile-view .dashboard-header .edit-button {
      margin-left: auto; }
  tf-oms-dashboard-mobile-view .dashboard-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: calc(100% - 40px);
    overflow: hidden; }
  tf-oms-dashboard-mobile-view .slick-container {
    height: 100%;
    width: 100%; }
    tf-oms-dashboard-mobile-view .slick-container slick {
      height: 100%;
      margin-bottom: 0 !important; }
      tf-oms-dashboard-mobile-view .slick-container slick .slick-list {
        height: calc(100% - 35px); }
      tf-oms-dashboard-mobile-view .slick-container slick .slick-track, tf-oms-dashboard-mobile-view .slick-container slick .slick-slide {
        height: 100%; }
      tf-oms-dashboard-mobile-view .slick-container slick .slick-dots {
        display: flex;
        height: 35px;
        position: relative;
        bottom: unset;
        margin-bottom: 0;
        justify-content: center; }
      tf-oms-dashboard-mobile-view .slick-container slick .slick-dots li {
        margin: auto 10px; }
      tf-oms-dashboard-mobile-view .slick-container slick .slick-dots li button:before {
        font-size: 40px; }
      tf-oms-dashboard-mobile-view .slick-container slick .slick-dots li.slick-active button:before {
        font-size: 60px; }
    tf-oms-dashboard-mobile-view .slick-container .widget-page {
      height: 100%;
      width: 100%; }
    tf-oms-dashboard-mobile-view .slick-container .tf-dashboard-widget-container {
      display: block;
      height: 100%;
      width: 100%; }
    tf-oms-dashboard-mobile-view .slick-container .slick-widget-container {
      height: 100%;
      width: 100%; }

tf-order-depth-desktop,
tf-order-depth-mobile {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden; }
  tf-order-depth-desktop .depth-header,
  tf-order-depth-mobile .depth-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 40px; }
    tf-order-depth-desktop .depth-header .stock-input,
    tf-order-depth-mobile .depth-header .stock-input {
      width: 150px; }
    tf-order-depth-desktop .depth-header .quote,
    tf-order-depth-mobile .depth-header .quote {
      display: flex;
      flex-direction: row;
      margin-left: auto; }
      tf-order-depth-desktop .depth-header .quote tf-quote-state,
      tf-order-depth-mobile .depth-header .quote tf-quote-state {
        margin-right: 10px; }
      tf-order-depth-desktop .depth-header .quote tf-quote-change,
      tf-order-depth-mobile .depth-header .quote tf-quote-change {
        font-size: 24px; }
  tf-order-depth-desktop .depth-table,
  tf-order-depth-mobile .depth-table {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    height: calc(100% - 40px);
    overflow: hidden; }
    tf-order-depth-desktop .depth-table .table-header,
    tf-order-depth-mobile .depth-table .table-header {
      height: 32px;
      padding-right: 10px; }
      tf-order-depth-desktop .depth-table .table-header .column-headers .buyers-container, tf-order-depth-desktop .depth-table .table-header .column-headers .sellers-container,
      tf-order-depth-mobile .depth-table .table-header .column-headers .buyers-container,
      tf-order-depth-mobile .depth-table .table-header .column-headers .sellers-container {
        font-weight: 600; }
    tf-order-depth-desktop .depth-table .table-body,
    tf-order-depth-mobile .depth-table .table-body {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      height: calc(100% - 32px);
      overflow: hidden; }
      tf-order-depth-desktop .depth-table .table-body .buyers-container, tf-order-depth-desktop .depth-table .table-body .sellers-container,
      tf-order-depth-mobile .depth-table .table-body .buyers-container,
      tf-order-depth-mobile .depth-table .table-body .sellers-container {
        flex-direction: column; }
    tf-order-depth-desktop .depth-table .table-container,
    tf-order-depth-mobile .depth-table .table-container {
      display: flex;
      flex-direction: row;
      width: 100%;
      padding-right: 10px; }
    tf-order-depth-desktop .depth-table .buyers-container, tf-order-depth-desktop .depth-table .sellers-container,
    tf-order-depth-mobile .depth-table .buyers-container,
    tf-order-depth-mobile .depth-table .sellers-container {
      display: flex;
      flex-direction: row;
      flex-grow: 1;
      flex-basis: 0; }
    tf-order-depth-desktop .depth-table .buyers-container .price-column,
    tf-order-depth-mobile .depth-table .buyers-container .price-column {
      align-items: flex-end; }
    tf-order-depth-desktop .depth-table .sellers-container .price-column,
    tf-order-depth-mobile .depth-table .sellers-container .price-column {
      align-items: flex-start; }
    tf-order-depth-desktop .depth-table .depth-side-container, tf-order-depth-desktop .depth-table .column-headers,
    tf-order-depth-mobile .depth-table .depth-side-container,
    tf-order-depth-mobile .depth-table .column-headers {
      display: flex;
      flex-direction: row; }
      tf-order-depth-desktop .depth-table .depth-side-container .buyers-container, tf-order-depth-desktop .depth-table .depth-side-container .sellers-container, tf-order-depth-desktop .depth-table .column-headers .buyers-container, tf-order-depth-desktop .depth-table .column-headers .sellers-container,
      tf-order-depth-mobile .depth-table .depth-side-container .buyers-container,
      tf-order-depth-mobile .depth-table .depth-side-container .sellers-container,
      tf-order-depth-mobile .depth-table .column-headers .buyers-container,
      tf-order-depth-mobile .depth-table .column-headers .sellers-container {
        justify-content: center; }
    tf-order-depth-desktop .depth-table .level,
    tf-order-depth-mobile .depth-table .level {
      display: flex;
      flex-direction: row;
      height: 32px;
      min-height: 32px;
      width: 100%; }
    tf-order-depth-desktop .depth-table .orders,
    tf-order-depth-mobile .depth-table .orders {
      display: flex;
      flex-direction: column;
      width: 100%; }
    tf-order-depth-desktop .depth-table .order,
    tf-order-depth-mobile .depth-table .order {
      display: flex;
      flex-direction: row;
      height: 18px;
      min-height: 18px;
      width: 100%; }
      tf-order-depth-desktop .depth-table .order .volume-column,
      tf-order-depth-mobile .depth-table .order .volume-column {
        font-size: smaller;
        font-style: italic; }
    tf-order-depth-desktop .depth-table .depth-header,
    tf-order-depth-mobile .depth-table .depth-header {
      display: flex;
      flex-direction: row;
      height: 32px;
      min-height: 32px;
      width: 100%; }
    tf-order-depth-desktop .depth-table .depth-row,
    tf-order-depth-mobile .depth-table .depth-row {
      display: flex;
      flex-direction: column;
      width: 100%; }
    tf-order-depth-desktop .depth-table .side-spacer,
    tf-order-depth-mobile .depth-table .side-spacer {
      width: 10px; }
    tf-order-depth-desktop .depth-table .detail-toggle-column,
    tf-order-depth-mobile .depth-table .detail-toggle-column {
      display: flex;
      flex-basis: 0;
      flex-direction: column;
      justify-content: center;
      align-items: flex-end;
      width: 35px;
      min-width: 35px;
      padding: 0 5px; }
    tf-order-depth-desktop .depth-table .depth-column, tf-order-depth-desktop .depth-table .volume-column, tf-order-depth-desktop .depth-table .price-column,
    tf-order-depth-mobile .depth-table .depth-column,
    tf-order-depth-mobile .depth-table .volume-column,
    tf-order-depth-mobile .depth-table .price-column {
      display: flex;
      flex-basis: 0;
      flex-direction: column;
      justify-content: center;
      align-items: flex-end;
      flex-grow: 1;
      padding: 0 5px; }
  tf-order-depth-desktop .load-more-container .btn,
  tf-order-depth-mobile .load-more-container .btn {
    width: 100%; }

tf-order-depth-v2 {
  display: flex;
  flex-direction: column; }
  @media (max-width: 768px) {
    tf-order-depth-v2 tf-company-input {
      margin-bottom: 10px; } }
  tf-order-depth-v2 .inline {
    display: inline-block; }
  tf-order-depth-v2 .price-indicator {
    margin-top: 6px;
    margin-bottom: 10px; }
    tf-order-depth-v2 .price-indicator span {
      margin-right: 10px; }
  tf-order-depth-v2 .table-depth-toggle {
    font-size: 2rem; }
  tf-order-depth-v2 .depth-table {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    height: calc(100% - 40px);
    border-radius: 4px;
    overflow: hidden; }
    tf-order-depth-v2 .depth-table .table-header {
      height: 32px; }
      tf-order-depth-v2 .depth-table .table-header .column-headers .buyers-container, tf-order-depth-v2 .depth-table .table-header .column-headers .sellers-container {
        font-weight: 600; }
    tf-order-depth-v2 .depth-table .table-body {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      height: calc(100% - 32px);
      overflow: hidden; }
      tf-order-depth-v2 .depth-table .table-body .buyers-container, tf-order-depth-v2 .depth-table .table-body .sellers-container {
        flex-direction: column; }
    tf-order-depth-v2 .depth-table .table-container {
      display: flex;
      flex-direction: row;
      max-height: 160px;
      width: 100%;
      padding-right: 10px;
      padding-left: 10px; }
    tf-order-depth-v2 .depth-table .buyers-container, tf-order-depth-v2 .depth-table .sellers-container {
      display: flex;
      flex-direction: row;
      flex-grow: 1;
      flex-basis: 0; }
    tf-order-depth-v2 .depth-table .price-column {
      white-space: nowrap; }
    tf-order-depth-v2 .depth-table .buyers-container .price-column {
      align-items: flex-end; }
    tf-order-depth-v2 .depth-table .sellers-container .price-column {
      align-items: flex-start; }
    tf-order-depth-v2 .depth-table .depth-side-container, tf-order-depth-v2 .depth-table .column-headers {
      display: flex;
      flex-direction: row; }
      tf-order-depth-v2 .depth-table .depth-side-container .buyers-container, tf-order-depth-v2 .depth-table .depth-side-container .sellers-container, tf-order-depth-v2 .depth-table .column-headers .buyers-container, tf-order-depth-v2 .depth-table .column-headers .sellers-container {
        justify-content: center; }
    tf-order-depth-v2 .depth-table .level {
      display: flex;
      flex-direction: row;
      height: 32px;
      min-height: 32px;
      width: 100%; }
    tf-order-depth-v2 .depth-table .orders {
      display: flex;
      flex-direction: column;
      width: 100%; }
    tf-order-depth-v2 .depth-table .order {
      display: flex;
      flex-direction: row;
      height: 18px;
      min-height: 18px;
      width: 100%; }
      tf-order-depth-v2 .depth-table .order .volume-column {
        font-size: smaller;
        font-style: italic; }
    tf-order-depth-v2 .depth-table .depth-header {
      display: flex;
      flex-direction: row;
      align-items: center;
      display: flex;
      height: 32px;
      min-height: 32px;
      width: 100%;
      padding: 10px; }
      @media (max-width: 768px) {
        tf-order-depth-v2 .depth-table .depth-header {
          padding: 0; } }
      tf-order-depth-v2 .depth-table .depth-header .stock-input {
        width: 150px; }
      tf-order-depth-v2 .depth-table .depth-header .quote {
        display: flex;
        flex-direction: row;
        margin-left: auto; }
        tf-order-depth-v2 .depth-table .depth-header .quote tf-quote-state {
          margin-right: 10px; }
        tf-order-depth-v2 .depth-table .depth-header .quote tf-quote-change {
          font-size: 24px; }
    tf-order-depth-v2 .depth-table .depth-row {
      display: flex;
      flex-direction: column;
      width: 100%; }
    tf-order-depth-v2 .depth-table .side-spacer {
      width: 10px; }
    tf-order-depth-v2 .depth-table .detail-toggle-column {
      display: flex;
      flex-basis: 0;
      flex-direction: column;
      justify-content: center;
      align-items: flex-end;
      width: 20px;
      min-width: 20px; }
      @media (max-width: 768px) {
        tf-order-depth-v2 .depth-table .detail-toggle-column {
          width: 10px;
          min-width: 10px; } }
    tf-order-depth-v2 .depth-table .depth-column, tf-order-depth-v2 .depth-table .volume-column, tf-order-depth-v2 .depth-table .price-column {
      display: flex;
      flex-basis: 0;
      flex-direction: column;
      justify-content: center;
      align-items: flex-end;
      flex-grow: 1;
      padding: 0 5px; }
    tf-order-depth-v2 .depth-table .sellers-container .depth-column, tf-order-depth-v2 .depth-table .sellers-container .volume-column, tf-order-depth-v2 .depth-table .sellers-container .price-column {
      align-items: flex-start; }
    @media (max-width: 768px) {
      tf-order-depth-v2 .depth-table .depth-column {
        display: none; } }
  tf-order-depth-v2 .load-more-container .btn {
    width: 100%; }

.achievement-popup {
  position: fixed;
  top: 4px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  z-index: 1001; }

.achievement {
  display: flex;
  flex-direction: row;
  width: 300px;
  background-image: linear-gradient(#121832, #26336a);
  border-radius: 5px;
  padding: 10px;
  color: white;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0px rgba(0, 0, 0, 0.14), 0 1px 18px 0px rgba(0, 0, 0, 0.12); }
  .achievement .achievement-icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background-color: #747b9c;
    border-radius: 5px; }
    .achievement .achievement-icon .points {
      position: absolute;
      font-size: 10px;
      font-weight: 100;
      top: 24px;
      left: 0;
      right: 0;
      text-align: center;
      margin-left: 2px; }
    .achievement .achievement-icon i {
      font-size: 48px;
      width: 48px;
      height: 48px;
      line-height: 48px; }
  .achievement .achievement-message {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    padding: 10px;
    font-size: 17px;
    text-align: center; }

tf-achievement-dialog {
  display: block;
  background: #3D3D3D;
  height: 100%;
  overflow: hidden; }
  tf-achievement-dialog .modal-header {
    position: relative;
    background: #222222;
    height: 80px;
    /* overriding half TF half bootstrap stuff here */ }
    tf-achievement-dialog .modal-header h3 {
      color: white; }
    tf-achievement-dialog .modal-header .close {
      float: initial;
      position: absolute;
      top: 10px;
      right: 10px;
      color: white;
      opacity: 0.8; }
  tf-achievement-dialog .modal-body {
    display: flex;
    flex-grow: 1;
    overflow: hidden;
    height: calc(100% - 80px - 60px); }
  tf-achievement-dialog .achievement-container {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden; }
  tf-achievement-dialog .achievement-holder {
    display: inline-flex;
    margin: auto;
    padding: 5px; }
    tf-achievement-dialog .achievement-holder .locked {
      position: relative; }
      tf-achievement-dialog .achievement-holder .locked::after {
        content: '';
        position: absolute;
        z-index: 1;
        background-color: rgba(128, 128, 128, 0.7);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 5px; }
  tf-achievement-dialog .modal-footer {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 60px;
    background: #222222;
    color: white;
    font-size: 16px; }

.deposit-cma-helper .account-details {
  table-layout: fixed;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px; }
  .deposit-cma-helper .account-details td {
    padding: 5px; }
    .deposit-cma-helper .account-details td:first-child {
      font-weight: bold; }

iinvest-disclaimer {
  font-style: italic;
  font-size: 12px;
  color: darkgray;
  display: block; }

tf-wizard {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
  overflow: hidden;
  height: 100%; }
  tf-wizard .step-titles {
    display: flex;
    flex-direction: row;
    padding: 10px 0 10px 0;
    position: relative;
    min-height: calc(40px + 10px + 10px); }
    @media (max-width: 480px) {
      tf-wizard .step-titles {
        display: none; } }
  tf-wizard.hide-titles .step-titles {
    display: none; }
  tf-wizard .step-header {
    display: inline-flex;
    flex-grow: 1;
    position: relative;
    height: 40px; }
    tf-wizard .step-header:not(:first-child)::before {
      content: "";
      width: 50%;
      position: absolute;
      top: 50%;
      left: 0; }
    tf-wizard .step-header:not(:last-child)::after {
      content: "";
      width: 50%;
      position: absolute;
      top: 50%;
      left: 50%; }
  tf-wizard .step-title {
    display: flex;
    flex-grow: 1;
    position: relative;
    text-align: center;
    height: 40px; }
  tf-wizard .step-index {
    margin: auto;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 20px;
    border: none;
    z-index: 1;
    height: 40px;
    line-height: 40px;
    font-size: 16px; }
  tf-wizard .steps {
    display: flex;
    position: relative;
    flex-grow: 1;
    overflow: hidden; }

tf-wizard-step {
  display: flex;
  position: relative;
  flex-grow: 1;
  width: 100%;
  overflow: hidden; }
  tf-wizard-step .wizard-step {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    width: 100%; }
    tf-wizard-step .wizard-step > ng-form {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      overflow: hidden; }
  tf-wizard-step .step-content {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    width: 100%; }
  tf-wizard-step .step-footer {
    display: flex;
    padding: 10px;
    border-top: 1px solid darkgrey;
    min-height: calc(45px + 20px); }
    tf-wizard-step .step-footer > * {
      margin-top: auto;
      margin-bottom: auto; }
    @media (max-width: 480px) {
      tf-wizard-step .step-footer .pull-right {
        float: left !important; } }
  tf-wizard-step:not(.active-step) {
    display: none; }
  tf-wizard-step.no-scroll .step-content {
    overflow-y: hidden; }

step-footer {
  display: flex;
  flex-direction: column;
  flex-grow: 1; }

.tf-invisible {
  opacity: 0; }

tf-footer {
  display: flex;
  flex-direction: row;
  padding-right: 150px;
  height: 55px;
  width: 100%; }
  tf-footer .footer-actions {
    display: flex;
    align-items: center; }
    tf-footer .footer-actions .footer-action {
      margin-left: 10px; }
  tf-footer .footer-item {
    border-radius: 0;
    max-width: 250px;
    padding: 10px 20px;
    margin: 0;
    width: auto;
    min-width: 175px;
    font-size: 12px;
    cursor: pointer; }
    tf-footer .footer-item a {
      text-decoration: none; }
      tf-footer .footer-item a:hover {
        text-decoration: underline; }
  tf-footer .vertical-divider {
    height: 50%;
    margin-left: 10px;
    margin-right: 10px; }
  tf-footer .order-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-grow: 1;
    flex-wrap: wrap;
    overflow: hidden; }
  tf-footer .working-order-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  tf-footer .working-order {
    display: flex;
    justify-content: space-between;
    margin-right: 10px;
    cursor: pointer;
    padding: 5px;
    border-radius: 3px; }
  tf-footer .order-summary {
    white-space: nowrap;
    font-size: 12px; }
    tf-footer .order-summary .order-limit {
      font-weight: 600; }
    tf-footer .order-summary .order-price {
      font-weight: 600; }
  tf-footer .expand-order {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 18px;
    padding-right: 5px; }

tf-open-trader-welcome-wizard .personal-step .has-validation-icon {
  position: relative; }
  tf-open-trader-welcome-wizard .personal-step .has-validation-icon span {
    display: inline-block;
    position: absolute;
    top: calc(50% - 9px);
    right: 10px;
    height: 100%;
    font-size: 18px; }

tf-open-trader-welcome-wizard .personal-step .tfOption {
  font-size: 20px;
  font-weight: 500;
  vertical-align: middle; }

tf-open-trader-welcome-wizard .legals .legal-term {
  font-weight: bold; }

tf-open-trader-welcome-wizard .legals section {
  margin-bottom: 20px;
  counter-increment: section;
  counter-reset: sub-section; }

tf-open-trader-welcome-wizard .legals .section-header {
  font-size: large; }
  tf-open-trader-welcome-wizard .legals .section-header:before {
    content: counter(section) ". "; }

tf-open-trader-welcome-wizard .legals .sub-section {
  margin-left: 20px;
  margin-bottom: 5px;
  counter-increment: sub-section; }
  tf-open-trader-welcome-wizard .legals .sub-section:before {
    content: counter(section) "." counter(sub-section) " "; }
  tf-open-trader-welcome-wizard .legals .sub-section ol {
    list-style: lower-alpha;
    margin-top: 10px; }
    tf-open-trader-welcome-wizard .legals .sub-section ol ol {
      list-style: lower-roman; }

tf-open-markets-welcome-wizard .personal-step .tfOption {
  font-size: 20px;
  font-weight: 500;
  vertical-align: middle; }

tf-bellmont-welcome-wizard .personal-step .tfOption {
  font-size: 20px;
  font-weight: 500;
  vertical-align: middle; }

tf-future-assist-welcome-wizard .personal-step .tfOption {
  font-size: 20px;
  font-weight: 500;
  vertical-align: middle; }

tf-maqro-welcome-wizard .personal-step .tfOption {
  font-size: 20px;
  font-weight: 500;
  vertical-align: middle; }

tf-all-fin-welcome-wizard .personal-step .tfOption {
  font-size: 20px;
  font-weight: 500;
  vertical-align: middle; }

tf-waimak-welcome-wizard .personal-step .tfOption {
  font-size: 20px;
  font-weight: 500;
  vertical-align: middle; }

tf-suubee-welcome-wizard .personal-step .tfOption {
  font-size: 20px;
  font-weight: 500;
  vertical-align: middle; }

tf-liquidity-welcome-wizard .personal-step .tfOption {
  font-size: 20px;
  font-weight: 500;
  vertical-align: middle; }

tf-fxe-welcome-wizard .personal-step .tfOption {
  font-size: 20px;
  font-weight: 500;
  vertical-align: middle; }

tf-market-movers {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  overflow: hidden; }
  tf-market-movers .tf-tabs {
    height: 35px !important;
    min-height: 35px !important; }
  tf-market-movers .grid-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden;
    padding: 0 5px; }

tf-market-movers-grid {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden; }
  tf-market-movers-grid .grid-header {
    display: flex;
    flex-direction: row;
    font-weight: 600;
    padding: 5px 0; }
  tf-market-movers-grid .column {
    display: flex;
    flex-grow: 1;
    flex-basis: 0;
    align-items: center; }
  tf-market-movers-grid .grid-row {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 10px 10px 10px 0; }
  tf-market-movers-grid .grid-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden; }
    tf-market-movers-grid .grid-body .change-column {
      font-size: 12px;
      padding-right: 5px; }
      tf-market-movers-grid .grid-body .change-column direction-indicator {
        font-size: 24px;
        margin-right: 5px; }

/* Top bar */
/* Sidebar */
/* Top bar */
/* Sidebar */
tf-navigation-side-bar {
  display: none;
  height: calc(100% - 60px);
  width: 250px;
  position: fixed;
  top: 60px;
  z-index: 900;
  background: #2B303B;
  color: #A3AAB9;
  left: 0;
  transition: transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99); }
  tf-navigation-side-bar.sidebar-visible {
    display: block; }
  tf-navigation-side-bar:not(.sidebar-open) {
    transform: translateX(-190px); }
  tf-navigation-side-bar.mobile-sidebar:not(.sidebar-open) {
    transform: translateX(-250px); }
  tf-navigation-side-bar.sidebar-open .sidebar-top .pin-menu {
    display: block; }
  tf-navigation-side-bar .sidebar-top {
    display: flex;
    height: 40px;
    background: #21252D; }
    tf-navigation-side-bar .sidebar-top .pin-menu {
      display: none;
      padding-right: 10px;
      margin: auto 0 auto auto; }
  tf-navigation-side-bar .sidebar-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%; }
  tf-navigation-side-bar .sidebar-nav-items {
    display: flex;
    height: calc(100% - 40px); }
  tf-navigation-side-bar .sidebar-portfolios {
    margin-top: auto;
    margin-bottom: 0; }
  tf-navigation-side-bar .menu-items {
    padding-left: 32px;
    padding-right: 10px;
    width: 250px; }
    tf-navigation-side-bar .menu-items li {
      list-style: none;
      font-family: Arial, sans-serif;
      height: 40px;
      line-height: 40px;
      font-size: 14px;
      margin: 5px 0; }
      tf-navigation-side-bar .menu-items li:hover {
        color: white; }
    tf-navigation-side-bar .menu-items a {
      display: flex; }
      tf-navigation-side-bar .menu-items a .link-icon-container {
        padding: 0;
        margin-right: 0;
        margin-left: auto; }
      tf-navigation-side-bar .menu-items a .link-icon {
        background: #21252D;
        height: 40px;
        width: 40px;
        min-width: 40px;
        line-height: 40px;
        text-align: center;
        vertical-align: middle;
        position: relative;
        font-size: 16px;
        font-weight: 700;
        margin: auto 0; }
      tf-navigation-side-bar .menu-items a.active {
        color: white; }
  .has-footer tf-navigation-side-bar {
    padding-bottom: 55px; }

/* Top bar */
/* Sidebar */
.TF tf-navigation-top-bar {
  color: white;
  background: #e04c2c;
  box-shadow: 0 0 5px #e04c2c; }
  .TF tf-navigation-top-bar .form-control {
    color: white;
    background: transparent;
    border-color: white; }
  .TF tf-navigation-top-bar input::placeholder {
    color: white; }
  .TF tf-navigation-top-bar .input-group-addon {
    color: white;
    border-color: white;
    background: transparent; }
  .TF tf-navigation-top-bar .navigation-item {
    color: black; }
    .TF tf-navigation-top-bar .navigation-item:hover {
      color: white; }
    .TF tf-navigation-top-bar .navigation-item.active {
      color: white; }
  @media (min-width: 768px) {
    .TF tf-navigation-top-bar .nav-logo {
      background-image: url(data:image/png;base64,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);
      min-width: 175px;
      transform: translateY(9px); } }
  .TF tf-navigation-top-bar .menu-toggle-button .user-initial {
    background: #b4371d; }

.IV tf-navigation-top-bar {
  color: white;
  background: #e04c2c;
  box-shadow: 0 0 5px #e04c2c; }
  .IV tf-navigation-top-bar .form-control {
    color: white;
    background: transparent;
    border-color: white; }
  .IV tf-navigation-top-bar input::placeholder {
    color: white; }
  .IV tf-navigation-top-bar .input-group-addon {
    color: white;
    border-color: white;
    background: transparent; }
  .IV tf-navigation-top-bar .navigation-item {
    color: black; }
    .IV tf-navigation-top-bar .navigation-item:hover {
      color: white; }
    .IV tf-navigation-top-bar .navigation-item.active {
      color: white; }
  .IV tf-navigation-top-bar .nav-logo {
    background-image: url(data:image/png;base64,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);
    min-width: 50px; }
  .IV tf-navigation-top-bar .menu-toggle-button .user-initial {
    background: #b4371d; }

.GAME tf-navigation-top-bar {
  color: #d8d8d8;
  background: #001b42;
  box-shadow: 0 0 5px #001b42; }
  .GAME tf-navigation-top-bar .form-control {
    color: #d8d8d8;
    background: transparent;
    border-color: #d8d8d8; }
  .GAME tf-navigation-top-bar input::placeholder {
    color: #d8d8d8; }
  .GAME tf-navigation-top-bar .input-group-addon {
    color: #d8d8d8;
    border-color: #d8d8d8;
    background: transparent; }
  .GAME tf-navigation-top-bar .navigation-item {
    color: #d8d8d8; }
    .GAME tf-navigation-top-bar .navigation-item:hover {
      color: #0053FFFF; }
    .GAME tf-navigation-top-bar .navigation-item.active {
      color: #0053FFFF; }
  @media (min-width: 768px) {
    .GAME tf-navigation-top-bar .nav-logo {
      background-image: url(fee269f4640acea1f2190c0eefe700d6.png);
      min-width: 280px;
      transform: translateY(1px); } }
  .GAME tf-navigation-top-bar .menu-toggle-button .user-initial {
    background: #00255c; }

.NEWCASTLE tf-navigation-top-bar {
  color: #d8d8d8;
  background: #294c73;
  background: linear-gradient(to right, black, #7d7d7c); }
  .NEWCASTLE tf-navigation-top-bar .form-control {
    color: #d8d8d8;
    background: transparent;
    border-color: #d8d8d8; }
  .NEWCASTLE tf-navigation-top-bar input::placeholder {
    color: #d8d8d8; }
  .NEWCASTLE tf-navigation-top-bar .input-group-addon {
    color: #d8d8d8;
    border-color: #d8d8d8;
    background: transparent; }
  .NEWCASTLE tf-navigation-top-bar .navigation-item {
    color: #d8d8d8; }
    .NEWCASTLE tf-navigation-top-bar .navigation-item:hover {
      color: #0053FFFF; }
    .NEWCASTLE tf-navigation-top-bar .navigation-item.active {
      color: #0053FFFF; }
  @media (min-width: 768px) {
    .NEWCASTLE tf-navigation-top-bar .nav-logo {
      background-image: url(data:image/png;base64,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);
      min-width: 56px; } }
  .NEWCASTLE tf-navigation-top-bar .menu-toggle-button .user-initial {
    background: #141f27; }

.TC tf-navigation-top-bar {
  color: #333333;
  background-color: #141e37;
  box-shadow: 0 0 5px #141e37; }
  .TC tf-navigation-top-bar .icon-bars {
    color: #d8d8d8; }
  .TC tf-navigation-top-bar .form-control {
    color: #d8d8d8;
    background: transparent;
    border-color: #d8d8d8; }
  .TC tf-navigation-top-bar input::placeholder {
    color: #d8d8d8; }
  .TC tf-navigation-top-bar .input-group-addon {
    color: #d8d8d8;
    border-color: #d8d8d8;
    background: transparent; }
  .TC tf-navigation-top-bar .navigation-item {
    color: #d8d8d8; }
    .TC tf-navigation-top-bar .navigation-item:hover {
      color: #1dbfd2; }
    .TC tf-navigation-top-bar .navigation-item.active {
      color: #1dbfd2; }
  .TC tf-navigation-top-bar .navigation-item {
    color: #d8d8d8; }
    .TC tf-navigation-top-bar .navigation-item:hover {
      color: #1dbfd2; }
    .TC tf-navigation-top-bar .navigation-item.active {
      color: #1dbfd2; }
  @media (min-width: 768px) {
    .TC tf-navigation-top-bar .nav-logo {
      background-image: url(b44b8667bc86ecf68b42ecc8ee883524.png);
      min-width: 280px; } }
  .TC tf-navigation-top-bar .menu-toggle-button .user-initial {
    background: #0d1424; }

.IINVEST tf-navigation-top-bar {
  color: #d8d8d8;
  background: #001e3c;
  box-shadow: 0 0 5px #001e3c; }
  .IINVEST tf-navigation-top-bar .form-control {
    color: #d8d8d8;
    background: transparent;
    border-color: #d8d8d8; }
  .IINVEST tf-navigation-top-bar input::placeholder {
    color: #d8d8d8; }
  .IINVEST tf-navigation-top-bar .input-group-addon {
    color: #d8d8d8;
    border-color: #d8d8d8;
    background: transparent; }
  .IINVEST tf-navigation-top-bar .navigation-item {
    color: #d8d8d8; }
    .IINVEST tf-navigation-top-bar .navigation-item:hover {
      color: #333333; }
    .IINVEST tf-navigation-top-bar .navigation-item.active {
      color: #333333; }
  .IINVEST tf-navigation-top-bar .nav-logo {
    background-image: url(data:image/jpeg;base64,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);
    min-width: 50px; }
  .IINVEST tf-navigation-top-bar .menu-toggle-button .user-initial {
    background: #001123; }

.IG tf-navigation-top-bar {
  color: #333333;
  background: #e04c2c;
  background: linear-gradient(to bottom right, #e04c2c, #ca3e20); }
  .IG tf-navigation-top-bar .form-control {
    color: #d8d8d8;
    background: transparent;
    border-color: #d8d8d8; }
  .IG tf-navigation-top-bar input::placeholder {
    color: #d8d8d8; }
  .IG tf-navigation-top-bar .input-group-addon {
    color: #d8d8d8;
    border-color: #d8d8d8;
    background: transparent; }
  .IG tf-navigation-top-bar .navigation-item {
    color: #333333; }
    .IG tf-navigation-top-bar .navigation-item:hover {
      color: #d8d8d8; }
    .IG tf-navigation-top-bar .navigation-item.active {
      color: #d8d8d8; }
  .IG tf-navigation-top-bar .nav-logo {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgNDAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6dXJsKCNyYWRpYWwtZ3JhZGllbnQpO30uY2xzLTJ7ZmlsbDojZmZmO308L3N0eWxlPjxyYWRpYWxHcmFkaWVudCBpZD0icmFkaWFsLWdyYWRpZW50IiBjeD0iMjM1MC45NiIgY3k9Ii01MzguNzUiIHI9IjEyMS40MyIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMi4xLCAtMS41NiwgMS45OSwgLTEuNTgsIDYyNDQuNDMsIDI5OTMuMDMpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZTMwNjEzIi8+PHN0b3Agb2Zmc2V0PSIwLjIiIHN0b3AtY29sb3I9IiNkZTA3MTIiLz48c3RvcCBvZmZzZXQ9IjAuNDYiIHN0b3AtY29sb3I9IiNjZTA5MGYiLz48c3RvcCBvZmZzZXQ9IjAuNzQiIHN0b3AtY29sb3I9IiNiNTBkMGEiLz48c3RvcCBvZmZzZXQ9IjAuOTEiIHN0b3AtY29sb3I9IiNhMjEwMDciLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48dGl0bGU+SUdfZGlnaXRhbF9sb2dvXzIwMTY8L3RpdGxlPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjQwMCIgaGVpZ2h0PSI0MDAiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0zNDMsMjI0LjQzSDI2Mi44MWwtNDAuMDksMzkuNDloNzUuMjFBODAuNjUsODAuNjUsMCwxLDEsMjkzLjEzLDE5NGwyOC43Ni0yOC44M2ExMjAuMzksMTIwLjM5LDAsMSwwLDIxLjUsNjguNjdDMzQzLjQsMjMwLjcsMzQzLjI3LDIyNy41NSwzNDMsMjI0LjQzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4xNCAwLjI2KSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTQxLjc4LDExNy4zNVYzMDguNWM5LjY3LDE4LjUxLDIzLjE2LDM0Ljc3LDM5Ljc3LDQ2LjU1VjExNy4zNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMTQgMC4yNikiLz48L3N2Zz4=);
    min-width: 50px; }
  .IG tf-navigation-top-bar .navigation-items {
    background: #cb0a0f; }
  .IG tf-navigation-top-bar .menu-toggle-button .user-initial {
    background: #b9070d; }

.OPEN_TRADER tf-navigation-top-bar {
  color: #d8d8d8;
  background: black;
  box-shadow: 0 0 5px black; }
  .OPEN_TRADER tf-navigation-top-bar .form-control {
    color: #d8d8d8;
    background: transparent;
    border-color: #d8d8d8; }
  .OPEN_TRADER tf-navigation-top-bar input::placeholder {
    color: #d8d8d8; }
  .OPEN_TRADER tf-navigation-top-bar .input-group-addon {
    color: #d8d8d8;
    border-color: #d8d8d8;
    background: transparent; }
  .OPEN_TRADER tf-navigation-top-bar .navigation-item {
    color: #d8d8d8; }
    .OPEN_TRADER tf-navigation-top-bar .navigation-item:hover {
      color: #64bcc5; }
    .OPEN_TRADER tf-navigation-top-bar .navigation-item.active {
      color: #64bcc5; }
  @media (min-width: 768px) {
    .OPEN_TRADER tf-navigation-top-bar .nav-logo {
      background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNzEuODIwMW1tIiBoZWlnaHQ9IjgxLjc3MDhtbSIgdmlld0JveD0iMCAwIDEwNTMuOTc4MyAyMzEuNzkxMyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMzZGQ0Njc7fS5jbHMtMntmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTk0Ni4xMTYyLDkyLjExNDVhNDUuMzI3LDQ1LjMyNywwLDAsMCwyLjQ5NTItNi43MTM4QTQ3Ljk1NDgsNDcuOTU0OCwwLDAsMCw5NTkuNjAyNCw5OC4yN2E1NS4wNDE1LDU1LjA0MTUsMCwwLDAsNy4wMzE5LDQuODM2LDIyLjAwMTksMjIuMDAxOSwwLDAsMC00LjU4MTEsMTEuNzU4Yy0uNDY3OCw2LjQ0LDIuMDA2NCwxMi43MzMxLDYuMTY5LDE4LjI1NjYtMTMuNDE2LjY4NzYtMjYuNDMyMiw1LjA4ODYtMzUuMjMxOSwxMS44N2EyMi4wNjkzLDIyLjA2OTMsMCwwLDAsNC4xMDY0LTguNzgzNGMxLjg1LTguNzE4LTEuOTI0NS0xNy42MjUzLTYuMTk0Ny0yNC41NjYsOC45ODkzLTYuMTY2NiwxMy42NTQ2LTE2LjE3MDcsMTUuMjE0My0xOS41MjY1bTEwNC41MTI0LTE1LjM5MmMtMTEuNjA4NC03LjgzMTYtMjYuMDU4LTQuNDMxNC0zOS4xMDY4LjU4MjNhMTI3LjI1ODQsMTI3LjI1ODQsMCwwLDAsMi40ODM1LTEyLjUwODZjMS42MDY1LTEwLjI5MTgsMy4xOS0yMC40MjkyLTMuMDAyNy0yOC45OTI4LTguMjUyNi0xMS40MDcyLTI1LjA4NTEtMTIuNzk2Mi0zNi4yMTYzLTEwLjE2NTRBNDIuMjk0OCw0Mi4yOTQ4LDAsMCwwLDk0Ni4wNyw1MC40MzA4Yy0yLjYyMTUtOC4zMDE3LTYuMjkwNi0xNy40MDA4LTEwLjQ3NDItMjcuNzc2OGExOS42MDIzLDE5LjYwMjMsMCwwLDAtNi4yMDYzLTguNzY3Yy05LjUxMzEtNy4yMzMtMjcuMTE3My00LjIyOC0zNi4zNzMxLDUuMTc3NC0zLjk4MjUsNC4wNDgtNS4xNDcsNy45OTA3LTguNjgyOCwyNi41OTM1Qzg4Mi40Niw1NS41MSw4ODAuOTQsNjMuNTYxNCw4NzkuODU3Miw3MC4wOTA1LDg1OC42NTYzLDYxLjk2LDgzNy40MDQsNjIuMTQsODI3LjIwNTgsNzUuMmMtOC45MSwxMS40MS03LjcyNjQsMzAuNTI2Ny00LjA2OSw0Mi43NjE4LDUuODc0NCwxOS42NTUxLDIwLjQzODUsMjkuMjU5MywyNy4xMSwzMy42NmE2Mi4yNTMyLDYyLjI1MzIsMCwwLDAsMTAuMDY3Myw1LjM5LDY0LjYwNzYsNjQuNjA3NiwwLDAsMC0xMC4zMSwxOC4yOTg4Yy0xLjEyLDMuMDkxNS0xMC45Mzk0LDMwLjE5LDIuNzEsNDYuMDk0MiwxNS42MDQ5LDE4LjE4MTgsNTIuNjIxLDEwLjkzNzEsNzQuMTEtNS40MjNhODkuNjYwOSw4OS42NjA5LDAsMCwwLDE2LjcwMTYtMTcuMzU0YzguMzQ2LDcuNjMsMjcuNDQ0NSwyMi43MjA5LDUwLjE3OTUsMTYuNDQ5LDE2LjUyODYtNC41NTc3LDM0LjQxODEtMjAuMjYzMSwzMy44OTE5LTQwLjIxNzUtLjI3MzYtMTAuMjc3OC01LjM0NTgtMTguMjc1NC0xMS42MTI5LTI0LjI4NTQsMTMuNzU1LTMuNjk3MiwyNC44MjU1LTEzLjI4LDMxLjE2NTEtMTguNzc1OCw3LjcxOTQtNi42OSwxNi4wNjA3LTEzLjkxODgsMTcuMjIwNi0yNS43ODlhMzIuNzI4NiwzMi43Mjg2LDAsMCwwLTEzLjc0MDgtMjkuMjg3NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwLjQ5MTYgLTkuODY1OSkiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik03OTEuOTA0OSwxMDQuMjY5MlYxMjguMTI4Yy0xNy42OTUyLDAtMjcuNDM4Niw5Ljk0MS0yNy40Mzg2LDI4LjIzMzN2NDEuNTU0MUg3MzcuNDI3NFYxMDcuNDVsMjUuNDUtMy4xODEyVjEyMC45NzFDNzY4LjI0NDcsMTEwLjgzMTQsNzc3LjU5LDEwNC4yNjkyLDc5MS45MDQ5LDEwNC4yNjkyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwLjQ5MTYgLTkuODY1OSkiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xMC40OTE2LDE1Mi43ODI4YzAtMjcuMDQxMiwyMS44Ny00Ny45MTY0LDQ5LjkwNDQtNDcuOTE2NHM0OS43MDU3LDIwLjg3NTIsNDkuNzA1Nyw0Ny45MTY0YzAsMjYuODQtMjEuNjcxMSw0Ny43MTc3LTQ5LjcwNTcsNDcuNzE3N1MxMC40OTE2LDE3OS42MjMsMTAuNDkxNiwxNTIuNzgyOFptNzMuOTYxOS0uMTk4N2MwLTEzLjkxOTEtMTAuMzM4My0yNC40NTYxLTI0LjA1NzUtMjQuNDU2MVMzNi4xNCwxMzguNjY1LDM2LjE0LDE1Mi41ODQxYzAsMTMuOTE2OCwxMC41MzcsMjQuNjUyNSwyNC4yNTYzLDI0LjY1MjVTODQuNDUzNSwxNjYuNTAwOSw4NC40NTM1LDE1Mi41ODQxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwLjQ5MTYgLTkuODY1OSkiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yMDYuOTMzNywxNTIuNTg0MWMwLDI2Ljg0LTIwLjI4LDQ3LjcxNzgtNDQuNzM2NCw0Ny43MTc4YTM2Ljk5NjMsMzYuOTk2MywwLDAsMS0yNy4wMzktMTEuMTM1M3Y1Mi40OTA2SDEwOC4xMTcxVjEwOC44NDIzbDI0LjQ1NjEtMi45ODI1djEzLjMyMDdjNi45NTg0LTguOTQ3NSwxNy4wOTkxLTE0LjExNTUsMjkuNjI0MS0xNC4xMTU1QzE4Ni42NTMzLDEwNS4wNjUsMjA2LjkzMzcsMTI1Ljk0LDIwNi45MzM3LDE1Mi41ODQxWm0tMjUuODQ4LDBjMC0xMy43Mi0xMC4zMzgzLTI0LjQ1NjEtMjQuMDU3Ni0yNC40NTYxLTEzLjUxOTQsMC0yNC4wNTc1LDEwLjczNTctMjQuMDU3NSwyNC40NTYxLDAsMTMuOTE2OCwxMC41MzgxLDI0LjY1MjUsMjQuMDU3NSwyNC42NTI1QzE3MC43NDc0LDE3Ny4yMzY2LDE4MS4wODU3LDE2Ni41MDA5LDE4MS4wODU3LDE1Mi41ODQxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwLjQ5MTYgLTkuODY1OSkiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0yODEuODk1OSwxNjUuNTA3NWw3Ljc1NDIsMTkuODgxOWE2NC44MSw2NC44MSwwLDAsMS00MC45NTgsMTUuMTExMWMtMjguODI5MywwLTUwLjEwMzEtMjAuODc3NS01MC4xMDMxLTQ3LjcxNzcsMC0yNi44NDI1LDIwLjg3NjQtNDcuOTE2NCw0OC43MTEyLTQ3LjkxNjQsMjMuNjYsMCw0Mi45NDYsMTUuNTA4NSw0NS4zMzI0LDQyLjk0NDhsLTY2LjAxLDIxLjI3NDljNC41NzMxLDYuNzYsMTIuMzI3NCwxMC45MzQzLDIyLjI2ODMsMTAuOTM0M0MyNTkuMjMsMTgwLjAyLDI3MC4zNjQ0LDE3NS44NDU4LDI4MS44OTU5LDE2NS41MDc1Wk0yMjIuMjQ5MiwxNDkuOGw0My45Mzk0LTE0LjMxNjVjLTMuNzc3Mi02LjU2MS0xMC41MzgxLTEwLjMzODMtMTguNjktMTAuMzM4M0MyMzMuNzgwNywxMjUuMTQ1NSwyMjMuNjQsMTM1LjQ4MzgsMjIyLjI0OTIsMTQ5LjhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuNDkxNiAtOS44NjU5KSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTM3OC4zMzA1LDE0Mi40NDQ1djU1LjQ3MDloLTI3LjI0di01Mi4wOTFjMC0xMS4xMzUzLTYuNTYxMS0xNy40OTc3LTE2LjEwNDYtMTcuNDk3Ny0xMC4xNCwwLTE3LjI5NjcsNy4xNTcxLTE3LjI5NjcsMTguNDkxMXY1MS4wOTc2SDI5MC42NDgxVjEwOS4wNDA5bDI2LjI0NTMtMy4xODExdjEwLjczNTZjNi41NjExLTcuMzU1OCwxNi4xMDQ2LTExLjUzLDI3LjQzNzUtMTEuNTNDMzY1LjgwNDQsMTA1LjA2NSwzNzguMzMwNSwxMTkuNTc3OSwzNzguMzMwNSwxNDIuNDQ0NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMC40OTE2IC05Ljg2NTkpIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNDExLjUzNzcsMTI5LjMydjM0YzAsNy45NTQxLDQuMTc1NywxMi41MjYxLDExLjkzLDEyLjUyNjFhMzYuMDQ2NSwzNi4wNDY1LDAsMCwwLDExLjUzMTUtMi4zODY1VjE5Ni4xMjVhNDYuNTY4OCw0Ni41Njg4LDAsMCwxLTE4LjA5MjYsMy4zODIxYy0yMS40NzM1LDAtMzIuNDA3OS0xMi43MjQ3LTMyLjQwNzktMzIuODA3NVYxMjkuMzJIMzcwLjM4MjFsMy4zOC0yMS44Njg2aDEwLjczNjdWOTAuNTVsMjcuMDM5LTEzLjcxODJ2MzAuNjJoMjMuNDYxNVYxMjkuMzJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuNDkxNiAtOS44NjU5KSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTQ4NS4zMjM1LDEwNC4yNjkyVjEyOC4xMjhjLTE3LjY5NTIsMC0yNy40Mzg2LDkuOTQxLTI3LjQzODYsMjguMjMzM3Y0MS41NTQxSDQzMC44NDZWMTA3LjQ1bDI1LjQ1LTMuMTgxMlYxMjAuOTcxQzQ2MS42NjMzLDExMC44MzE0LDQ3MS4wMDgyLDEwNC4yNjkyLDQ4NS4zMjM1LDEwNC4yNjkyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwLjQ5MTYgLTkuODY1OSkiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik01MjkuODQwOSwxOTcuOTE1NGwtLjc5NTktNS45NjVhMzMuOTU4MywzMy45NTgzLDAsMCwxLTIzLjA2Myw4LjU1Yy0xOC44ODg0LDAtMzMuOC0xMy45MTkxLTMzLjgtMzIuMjA5MiwwLTE4LjA5MzcsMTQuNTE0MS0zMi4wMTA1LDM0LjU5NDYtMzIuMDEwNWEzOC4wMjM0LDM4LjAyMzQsMCwwLDEsMjAuNjc3Nyw2LjU2MTF2LTMuMTgxMmMwLTkuOTQwOS00Ljk3MDUtMTUuMTExMi0xOS42ODMyLTE1LjExMTItNy4zNTY5LDAtMTEuMjI3NCwxLjE5MjEtMTguMzg1NiwzLjU3ODVsLS4xMDU0LTIxLjA3NWE5Mi40MDg4LDkyLjQwODgsMCwwLDEsMjMuNjYtMy4xODEyYzI1LjY0ODIsMCwzOS43NjQ3LDEyLjMyNjIsMzkuNzY0NywzNC4xOTcyVjE4MS42MTJsLjc5NTksMTYuMzAzM1ptLTEuNTkwNi0zMC4yMmMwLTcuOTU0MS02LjU2MS0xNC4xMTc4LTE1LjMxLTE0LjExNzgtOC41NDksMC0xNC45MTEzLDYuMTYzNy0xNC45MTEzLDE0LjExNzgsMCw3Ljk1MTgsNi4zNjIzLDE0LjExNTUsMTQuOTExMywxNC4xMTU1LDguNzQ5LDAsMTUuMzEtNi4xNjM4LDE1LjMxLTE0LjExNTZaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAuNDkxNiAtOS44NjU5KSIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTY0Ny41NDgxLDUzLjk2NzR2MTQzLjk0OEg2MjIuNjk0N3YtMTEuMTMzYy02Ljk1ODQsOC41NDc5LTE3LjA5OTEsMTMuNTE5NS0yOS4yMjY3LDEzLjUxOTUtMjQuNDU2MSwwLTQ0LjczNTItMjAuODc3Ni00NC43MzUyLTQ3LjcxNzgsMC0yNi42NDM4LDIwLjI3OTEtNDcuNTE5MSw0NC43MzUyLTQ3LjUxOTEsMTAuOTM1NSwwLDIwLjI3OTIsMy45NzU5LDI3LjA0LDExLjEzM1Y1Ny4zNDczWm0tMjQuODUzNCw5OC42MTY3YzAtMTMuNzItMTAuNTM2OS0yNC40NTYxLTI0LjA1NzYtMjQuNDU2MS0xMy43MTkyLDAtMjQuMDU3NSwxMC43MzU3LTI0LjA1NzUsMjQuNDU2MSwwLDEzLjkxNjgsMTAuMzM4MywyNC42NTI1LDI0LjA1NzUsMjQuNjUyNUM2MTIuMTU3OCwxNzcuMjM2Niw2MjIuNjk0NywxNjYuNTAwOSw2MjIuNjk0NywxNTIuNTg0MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMC40OTE2IC05Ljg2NTkpIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNzI4LjY3NCwxNjUuNTA3NWw3Ljc1NTQsMTkuODgxOUE2NC44MTYsNjQuODE2LDAsMCwxLDY5NS40NywyMDAuNTAwNWMtMjguODI5NCwwLTUwLjEwMzEtMjAuODc3NS01MC4xMDMxLTQ3LjcxNzcsMC0yNi44NDI1LDIwLjg3NjQtNDcuOTE2NCw0OC43MTEyLTQ3LjkxNjQsMjMuNjYsMCw0Mi45NDcsMTUuNTA4NSw0NS4zMzM1LDQyLjk0NDhMNjczLjQsMTY5LjA4NjFjNC41NzMxLDYuNzYsMTIuMzI3MywxMC45MzQzLDIyLjI2ODMsMTAuOTM0M0M3MDYuMDA4NCwxODAuMDIsNzE3LjE0MjUsMTc1Ljg0NTgsNzI4LjY3NCwxNjUuNTA3NVpNNjY5LjAyNjMsMTQ5LjhsNDMuOTQwNS0xNC4zMTY1Yy0zLjc3NzItNi41NjEtMTAuNTM3LTEwLjMzODMtMTguNjktMTAuMzM4M0M2ODAuNTU4OSwxMjUuMTQ1NSw2NzAuNDE4MiwxMzUuNDgzOCw2NjkuMDI2MywxNDkuOFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMC40OTE2IC05Ljg2NTkpIi8+PC9zdmc+);
      min-width: 150px;
      transform: translateX(11px); } }
  .OPEN_TRADER tf-navigation-top-bar .menu-toggle-button .user-initial {
    background: #333333; }

.OPEN_MARKETS tf-navigation-top-bar {
  color: #d8d8d8;
  background: black;
  box-shadow: 0 0 5px black; }
  .OPEN_MARKETS tf-navigation-top-bar .form-control {
    color: #d8d8d8;
    background: transparent;
    border-color: #d8d8d8; }
  .OPEN_MARKETS tf-navigation-top-bar input::placeholder {
    color: #d8d8d8; }
  .OPEN_MARKETS tf-navigation-top-bar .input-group-addon {
    color: #d8d8d8;
    border-color: #d8d8d8;
    background: transparent; }
  .OPEN_MARKETS tf-navigation-top-bar .navigation-item {
    color: #d8d8d8; }
    .OPEN_MARKETS tf-navigation-top-bar .navigation-item:hover {
      color: #64bcc5; }
    .OPEN_MARKETS tf-navigation-top-bar .navigation-item.active {
      color: #64bcc5; }
  @media (min-width: 768px) {
    .OPEN_MARKETS tf-navigation-top-bar .nav-logo {
      background-image: url(data:image/png;base64,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);
      min-width: 250px;
      transform: translateY(6px);
      margin-left: 10px; } }
  .OPEN_MARKETS tf-navigation-top-bar .menu-toggle-button .user-initial {
    background: #333333; }

.BELLMONT tf-navigation-top-bar {
  color: #d8d8d8;
  background: black;
  box-shadow: 0 0 5px black; }
  .BELLMONT tf-navigation-top-bar .form-control {
    color: #d8d8d8;
    background: transparent;
    border-color: #d8d8d8; }
  .BELLMONT tf-navigation-top-bar input::placeholder {
    color: #d8d8d8; }
  .BELLMONT tf-navigation-top-bar .input-group-addon {
    color: #d8d8d8;
    border-color: #d8d8d8;
    background: transparent; }
  .BELLMONT tf-navigation-top-bar .navigation-item {
    color: #d8d8d8; }
    .BELLMONT tf-navigation-top-bar .navigation-item:hover {
      color: #64bcc5; }
    .BELLMONT tf-navigation-top-bar .navigation-item.active {
      color: #64bcc5; }
  @media (min-width: 768px) {
    .BELLMONT tf-navigation-top-bar .nav-logo {
      background-image: url(ea6d569e840c0b4dc77771133c48a5b6.png);
      min-width: 175px; } }
  .BELLMONT tf-navigation-top-bar .menu-toggle-button .user-initial {
    background: #333333; }

.FUTURE_ASSIST tf-navigation-top-bar {
  color: #333333;
  background: white; }
  .FUTURE_ASSIST tf-navigation-top-bar .form-control {
    color: #333333;
    background: transparent;
    border-color: #333333; }
  .FUTURE_ASSIST tf-navigation-top-bar input::placeholder {
    color: #333333; }
  .FUTURE_ASSIST tf-navigation-top-bar .input-group-addon {
    color: #333333;
    border-color: #333333;
    background: transparent; }
  .FUTURE_ASSIST tf-navigation-top-bar .navigation-item {
    color: #333333; }
    .FUTURE_ASSIST tf-navigation-top-bar .navigation-item:hover {
      color: #ca4b15; }
    .FUTURE_ASSIST tf-navigation-top-bar .navigation-item.active {
      color: #ca4b15; }
  @media (min-width: 768px) {
    .FUTURE_ASSIST tf-navigation-top-bar .nav-logo {
      background-image: url(d45b2f7b1a7a86d07c08e46d68ea36d3.png);
      min-width: 150px; } }
  .FUTURE_ASSIST tf-navigation-top-bar .menu-toggle-button .user-initial {
    color: white;
    background: #ca4b15; }

.MAQRO tf-navigation-top-bar {
  color: #001c41;
  background: linear-gradient(50.81deg, #B6D1FF -68.21%, #FFFFFF 112.6%);
  box-shadow: 0 0 5px #001c41; }
  .MAQRO tf-navigation-top-bar .form-control {
    color: #001c41;
    background: transparent;
    border-color: #001c41; }
  .MAQRO tf-navigation-top-bar input::placeholder {
    color: #001c41; }
  .MAQRO tf-navigation-top-bar .input-group-addon {
    color: #001c41;
    border-color: #001c41;
    background: transparent; }
  .MAQRO tf-navigation-top-bar .navigation-item {
    color: #001c41; }
    .MAQRO tf-navigation-top-bar .navigation-item:hover {
      color: #0053FF; }
    .MAQRO tf-navigation-top-bar .navigation-item.active {
      color: #0053FFFF; }
  @media (min-width: 768px) {
    .MAQRO tf-navigation-top-bar .nav-logo {
      background-image: url(data:image/png;base64,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);
      min-width: 200px;
      margin-left: 5px;
      margin-right: 5px;
      transform: translateY(12px); } }
  .MAQRO tf-navigation-top-bar .menu-toggle-button .user-initial {
    background: #3375ff; }

.WAIMAK tf-navigation-top-bar {
  color: #FCFCFC;
  background: #FCFCFC;
  box-shadow: 0 0 5px #7e7e7e; }
  .WAIMAK tf-navigation-top-bar .form-control {
    color: #333333;
    background: transparent;
    border-color: #333333; }
  .WAIMAK tf-navigation-top-bar input::placeholder {
    color: #333333; }
  .WAIMAK tf-navigation-top-bar .input-group-addon {
    color: #333333;
    border-color: #333333;
    background: transparent; }
  .WAIMAK tf-navigation-top-bar .navigation-item {
    color: #333333; }
    .WAIMAK tf-navigation-top-bar .navigation-item:hover {
      color: #b5ba84; }
    .WAIMAK tf-navigation-top-bar .navigation-item.active {
      color: #b5ba84; }
  @media (min-width: 768px) {
    .WAIMAK tf-navigation-top-bar .nav-logo {
      background-image: url(23c452ab911addcf4f235ae166324794.png);
      min-width: 175px; } }
  .WAIMAK tf-navigation-top-bar .menu-toggle-button .user-initial {
    background: #888888; }

.ALLFIN tf-navigation-top-bar {
  color: #243134;
  background-color: white;
  background-image: url(52b09def2c458e58bbaa0b714b6bb81e.png);
  background-size: 100% 100%;
  display: flex;
  align-items: center; }
  .ALLFIN tf-navigation-top-bar .form-control {
    color: #7e7e7e;
    background: white;
    border-color: #7e7e7e; }
  .ALLFIN tf-navigation-top-bar input::placeholder {
    color: #7e7e7e; }
  .ALLFIN tf-navigation-top-bar .input-group-addon {
    color: #7e7e7e;
    border-color: #7e7e7e;
    background: white; }
  .ALLFIN tf-navigation-top-bar a.input-group-addon:hover {
    color: white;
    border-color: #323576;
    background: #323576; }
  .ALLFIN tf-navigation-top-bar .navigation-items {
    padding-top: 0;
    padding-bottom: 0; }
  .ALLFIN tf-navigation-top-bar .navigation-item {
    color: #7e7e7e;
    font-weight: 600;
    height: 60px;
    display: inline-flex;
    align-items: center;
    margin: 0; }
    .ALLFIN tf-navigation-top-bar .navigation-item > span {
      height: 35px;
      display: inline-flex;
      align-items: center;
      padding: 0 20px; }
    .ALLFIN tf-navigation-top-bar .navigation-item:hover, .ALLFIN tf-navigation-top-bar .navigation-item.active {
      color: white;
      background-color: #323576;
      font-weight: 600; }
    .ALLFIN tf-navigation-top-bar .navigation-item.active {
      font-weight: 900; }
  .ALLFIN tf-navigation-top-bar .navigation-item + .navigation-item > span {
    padding-left: 0; }
    .ALLFIN tf-navigation-top-bar .navigation-item + .navigation-item > span:before {
      content: "";
      display: inline-flex;
      margin-right: 20px;
      width: 4px;
      height: 35px;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAfCAYAAAG351ywAAAACXBIWXMAAAsSAAALEgHS3X78AAAASklEQVQokWM4c+aMAxMDAwMDgsAq9v////9oYtgIsF64WoR2EhgPfv36NRFkDsiYBvLNoRajkYGB4QDYX1A3oboLw6ZhJ8DAwAAAUfYqR1SR7QUAAAAASUVORK5CYII=); }
  .ALLFIN tf-navigation-top-bar .navigation-item + .navigation-item:hover > span:before, .ALLFIN tf-navigation-top-bar .navigation-item + .navigation-item.active > span:before {
    background-image: none; }
  .ALLFIN tf-navigation-top-bar .navigation-item:hover + .navigation-item > span:before, .ALLFIN tf-navigation-top-bar .navigation-item.active + .navigation-item > span:before {
    background-image: none; }
  .ALLFIN tf-navigation-top-bar .nav-logo {
    margin-left: 50px; }
    .ALLFIN tf-navigation-top-bar .nav-logo + .navigation-items {
      margin-left: 50px; }
  @media (min-width: 768px) {
    .ALLFIN tf-navigation-top-bar .nav-logo {
      background-image: url(data:image/png;base64,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);
      width: 131px; } }
  @media (max-width: 767px) {
    .ALLFIN tf-navigation-top-bar .nav-logo {
      margin-left: 0; }
      .ALLFIN tf-navigation-top-bar .nav-logo + .navigation-items {
        margin-left: 0; } }
  .ALLFIN tf-navigation-top-bar .menu-toggle-button .user-initial {
    color: white;
    background: #323576; }
  .ALLFIN tf-navigation-top-bar .menu-toggle-button:hover .user-initial {
    box-shadow: 0 2px 15px rgba(50, 53, 118, 0.2); }

.ALLFIN.dark tf-navigation-top-bar {
  color: white;
  background-color: #323576;
  background-image: url(0dc6c1d00a6088a70d71f95e6f85d4d6.png); }
  .ALLFIN.dark tf-navigation-top-bar .navigation-item {
    color: white; }
    .ALLFIN.dark tf-navigation-top-bar .navigation-item:hover, .ALLFIN.dark tf-navigation-top-bar .navigation-item.active {
      color: #323576;
      background-color: white; }
  .ALLFIN.dark tf-navigation-top-bar .navigation-item + .navigation-item > span:before {
    width: 2px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAB/CAYAAAAn1ghCAAAAKUlEQVR4nGPU0Ir7z4AGmNAFRgVHBUcFRwVHBUcFRwVHBUcFRwVJFgQAu10CrcmX2QYAAAAASUVORK5CYII=); }
  .ALLFIN.dark tf-navigation-top-bar .navigation-item + .navigation-item:hover > span:before, .ALLFIN.dark tf-navigation-top-bar .navigation-item + .navigation-item.active > span:before {
    background-image: none; }
  .ALLFIN.dark tf-navigation-top-bar a.input-group-addon:hover {
    border-color: #7e7e7e; }
  .ALLFIN.dark tf-navigation-top-bar .menu-toggle-button .user-initial {
    background-color: white;
    color: #323576;
    font-weight: 600; }
  .ALLFIN.dark tf-navigation-top-bar .menu-toggle-button:hover .user-initial {
    box-shadow: 0 2px 15px rgba(255, 255, 255, 0.4); }
  @media (min-width: 768px) {
    .ALLFIN.dark tf-navigation-top-bar .nav-logo {
      background-image: url(952391a975b98c1750f4caf9bfd655d9.png);
      width: 149px; } }

.SUUBEE tf-navigation-top-bar {
  color: #FCFCFC;
  background: #FCFCFC;
  box-shadow: 0 0 5px #7e7e7e; }
  .SUUBEE tf-navigation-top-bar .form-control {
    color: #333333;
    background: transparent;
    border-color: #333333; }
  .SUUBEE tf-navigation-top-bar input::placeholder {
    color: #333333; }
  .SUUBEE tf-navigation-top-bar .input-group-addon {
    color: #333333;
    border-color: #333333;
    background: transparent; }
  .SUUBEE tf-navigation-top-bar .nav-logo {
    margin-left: 20px; }
  .SUUBEE tf-navigation-top-bar .navigation-item {
    color: #333333; }
    .SUUBEE tf-navigation-top-bar .navigation-item:hover {
      color: #111C27; }
    .SUUBEE tf-navigation-top-bar .navigation-item.active {
      color: #111C27; }
  @media (min-width: 768px) {
    .SUUBEE tf-navigation-top-bar .nav-logo {
      background-image: url(1e4596512e3f29f9541ed251363c221e.png);
      min-width: 175px; } }
  .SUUBEE tf-navigation-top-bar .menu-toggle-button .user-initial {
    background: #888888; }

.LIQUIDITY tf-navigation-top-bar {
  color: #FCFCFC;
  background: #FCFCFC;
  box-shadow: 0 0 5px #7e7e7e; }
  .LIQUIDITY tf-navigation-top-bar .form-control {
    color: #333333;
    background: transparent;
    border-color: #333333; }
  .LIQUIDITY tf-navigation-top-bar input::placeholder {
    color: #333333; }
  .LIQUIDITY tf-navigation-top-bar .input-group-addon {
    color: #333333;
    border-color: #333333;
    background: transparent; }
  .LIQUIDITY tf-navigation-top-bar .navigation-item {
    color: #333333; }
    .LIQUIDITY tf-navigation-top-bar .navigation-item:hover {
      color: #1DE9D5; }
    .LIQUIDITY tf-navigation-top-bar .navigation-item.active {
      color: black;
      text-decoration: underline; }
  @media (min-width: 768px) {
    .LIQUIDITY tf-navigation-top-bar .nav-logo {
      background-image: url(data:image/png;base64,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);
      min-width: 175px;
      margin-left: 10px; } }
  .LIQUIDITY tf-navigation-top-bar .menu-toggle-button .user-initial {
    background: #888888; }

/* Top bar */
/* Sidebar */
tf-navigation-top-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 60px;
  position: fixed;
  z-index: 900;
  top: 0;
  left: 0; }
  tf-navigation-top-bar .nav-logo {
    display: block;
    height: 60px;
    padding: 2px 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
  tf-navigation-top-bar .navigation-items {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    align-items: flex-end;
    height: 100%;
    padding: 10px 0; }
  tf-navigation-top-bar .navigation-item {
    margin-left: 15px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.1; }
    tf-navigation-top-bar .navigation-item:focus {
      text-decoration: none; }
  tf-navigation-top-bar .portfolio-navigation {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 10px;
    min-width: 0; }
  tf-navigation-top-bar .open-account {
    margin-right: 10px; }
  tf-navigation-top-bar .menu-item {
    height: 60px;
    padding-left: 10px;
    padding-right: 10px; }
    tf-navigation-top-bar .menu-item .menu-action {
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 60px; }
  tf-navigation-top-bar .open-sidebar {
    height: 60px;
    line-height: 60px;
    padding: 0 10px 0 20px; }

/* Top bar */
/* Sidebar */
tf-user-menu {
  display: block;
  color: white; }
  tf-user-menu .user-menu {
    height: 60px; }
  tf-user-menu .menu-toggle-button {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    background: transparent;
    border: none; }
    tf-user-menu .menu-toggle-button.user-image-button {
      line-height: inherit;
      padding: 10px 0; }
      tf-user-menu .menu-toggle-button.user-image-button img {
        height: 100%;
        border-radius: 50%; }
    tf-user-menu .menu-toggle-button .user-initial {
      display: block;
      height: 40px;
      width: 40px;
      line-height: 40px;
      border-radius: 50%; }
  tf-user-menu .dropdown-menu {
    right: 0;
    left: auto; }
  tf-user-menu .language-icon {
    width: 18px;
    height: 18px;
    vertical-align: middle; }

/* Top bar */
/* Sidebar */
/* Top bar */
/* Sidebar */
tf-recent-portfolios {
  display: block;
  border-top: 1px solid #A3AAB9;
  padding-top: 10px;
  color: white; }
  tf-recent-portfolios .favourites {
    margin-bottom: 10px; }
  tf-recent-portfolios .section-header {
    padding-left: 32px;
    padding-right: 10px;
    display: flex;
    margin: 5px 0;
    height: 40px;
    line-height: 40px;
    cursor: pointer; }
  tf-recent-portfolios .arrow {
    margin: auto 30px auto auto; }
  tf-recent-portfolios .arrow:before {
    display: inline-block;
    font-size: 16px;
    font-family: "Icomoon";
    height: 40px;
    vertical-align: center;
    content: "\F104";
    font-weight: 300;
    text-shadow: none;
    transition: transform .12s ease; }
  tf-recent-portfolios .arrow.open:before {
    transform: rotate(-90deg); }
  tf-recent-portfolios .favourite-portfolios, tf-recent-portfolios .recent-portfolios {
    padding-left: 15px;
    padding-right: 10px;
    background: #21252D; }
  tf-recent-portfolios .section-icon {
    background: #21252D;
    height: 40px;
    width: 40px;
    min-width: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    font-size: 16px;
    font-weight: 700;
    margin: auto 0; }
  tf-recent-portfolios .favourite-portfolio, tf-recent-portfolios .recent-portfolio {
    width: 100%;
    font-size: 13px; }
    tf-recent-portfolios .favourite-portfolio a, tf-recent-portfolios .recent-portfolio a {
      display: flex;
      width: 100%;
      height: 50px;
      line-height: 50px; }
  tf-recent-portfolios .portfolio-icon {
    background: #2B303B;
    height: 40px;
    width: 40px;
    min-width: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    font-size: 16px;
    font-weight: 700;
    margin: auto 0;
    margin-left: auto; }
  tf-recent-portfolios .portfolio-name {
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 5px; }

tf-news-feed {
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  tf-news-feed tf-news-headline {
    padding-right: 10px; }
  tf-news-feed .load-more-data {
    width: 100%; }
    tf-news-feed .load-more-data button {
      width: 100%; }
  tf-news-feed .separator-row {
    padding: 10px 0;
    font-size: x-large; }

tf-news-headline .headline-content .headline-summary {
  overflow: hidden;
  text-wrap: none;
  text-overflow: ellipsis; }

tf-news-headline {
  display: flex;
  flex-direction: row; }
  tf-news-headline .link {
    cursor: pointer; }
  tf-news-headline .headline-security {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 65px;
    font-weight: 700; }
  tf-news-headline .headline-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-basis: 0;
    padding: 10px 0; }
    tf-news-headline .headline-content .headline-title {
      font-size: smaller; }
    tf-news-headline .headline-content .headline-summary {
      margin-top: 2px; }
    tf-news-headline .headline-content .link {
      font-weight: bold; }
  tf-news-headline.hide-security .headline-security {
    display: none; }
  tf-news-headline.hide-security .headline-content {
    padding-left: 5px; }


tf-news-item-dialog .news-date-time {
  margin-bottom: 5px; }

tf-company-news-indicator {
  position: relative;
  display: flex; }
  tf-company-news-indicator .news-link .fa-exclamation {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.7em; }
  tf-company-news-indicator .news-link.market-sensitive .fa-exclamation {
    display: block; }

tf-latest-company-news {
  position: relative;
  display: flex; }
  tf-latest-company-news .news-link .fa-exclamation {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.7em; }
  tf-latest-company-news .news-link.market-sensitive .fa-exclamation {
    display: block; }

tf-notification-type-toggle {
  display: block; }
  tf-notification-type-toggle button {
    width: 100%; }

.user-notification-preferences-dialog .enable-notifications {
  text-align: center; }

.user-notification-preferences-dialog .preferences-table {
  font-size: 16px; }
  .user-notification-preferences-dialog .preferences-table td:not(:first-child) {
    padding-left: 20px; }

tf-option-contract {
  display: inline-block; }

.order-popover {
  max-width: 400px;
  cursor: default; }

tf-update-order {
  display: block;
  width: 340px; }
  @media (max-width: 480px) {
    tf-update-order {
      width: 270px; }
      tf-update-order .orderAmend .pull-right {
        padding-top: 0px; } }
  tf-update-order .title {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 10px; }
    tf-update-order .title .description {
      width: 50%; }
    tf-update-order .title .order-number {
      margin: auto auto auto 0; }
    tf-update-order .title .order-status {
      margin: auto 0 auto auto;
      text-transform: uppercase;
      text-align: right;
      width: 50%; }
  tf-update-order .orderAmend {
    font-family: "Open Sans";
    overflow: hidden;
    -webkit-transition: height 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: height 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
    padding-top: 5px; }
    tf-update-order .orderAmend:not(.heightFull) {
      height: 0; }
    tf-update-order .orderAmend .chng {
      text-transform: uppercase;
      display: block;
      font-size: 14px;
      letter-spacing: 3px; }
    tf-update-order .orderAmend .subtitle {
      text-transform: uppercase;
      display: block;
      font-size: 10px;
      line-height: 1; }
    tf-update-order .orderAmend .price {
      font-size: 20px; }
  tf-update-order .pull-right {
    width: 100px;
    padding-top: 20px; }

tf-equity-active-order-list .table-header,
tf-equity-inactive-order-list .table-header,
tf-option-active-order-list .table-header,
tf-option-inactive-order-list .table-header {
  height: 40px; }
  tf-equity-active-order-list .table-header .stock-input,
  tf-equity-inactive-order-list .table-header .stock-input,
  tf-option-active-order-list .table-header .stock-input,
  tf-option-inactive-order-list .table-header .stock-input {
    width: 150px; }

tf-equity-active-order-list .orders-table .table-header,
tf-equity-inactive-order-list .orders-table .table-header,
tf-option-active-order-list .orders-table .table-header,
tf-option-inactive-order-list .orders-table .table-header {
  padding-right: 10px; }

tf-equity-active-order-list .orders-table .table-body,
tf-equity-inactive-order-list .orders-table .table-body,
tf-option-active-order-list .orders-table .table-body,
tf-option-inactive-order-list .orders-table .table-body {
  height: calc(100% - 40px);
  padding-right: 10px; }

tf-equity-active-order-list .orders-table .order-row .order-number-column,
tf-equity-inactive-order-list .orders-table .order-row .order-number-column,
tf-option-active-order-list .orders-table .order-row .order-number-column,
tf-option-inactive-order-list .orders-table .order-row .order-number-column {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .is-parent-column,
tf-equity-inactive-order-list .orders-table .order-row .is-parent-column,
tf-option-active-order-list .orders-table .order-row .is-parent-column,
tf-option-inactive-order-list .orders-table .order-row .is-parent-column {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .parent-order-column,
tf-equity-inactive-order-list .orders-table .order-row .parent-order-column,
tf-option-active-order-list .orders-table .order-row .parent-order-column,
tf-option-inactive-order-list .orders-table .order-row .parent-order-column {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .account-column,
tf-equity-inactive-order-list .orders-table .order-row .account-column,
tf-option-active-order-list .orders-table .order-row .account-column,
tf-option-inactive-order-list .orders-table .order-row .account-column {
  flex-direction: column;
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .side-column .conditional-indicator,
tf-equity-inactive-order-list .orders-table .order-row .side-column .conditional-indicator,
tf-option-active-order-list .orders-table .order-row .side-column .conditional-indicator,
tf-option-inactive-order-list .orders-table .order-row .side-column .conditional-indicator {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .lifetime-column,
tf-equity-inactive-order-list .orders-table .order-row .lifetime-column,
tf-option-active-order-list .orders-table .order-row .lifetime-column,
tf-option-inactive-order-list .orders-table .order-row .lifetime-column {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .created-column,
tf-equity-inactive-order-list .orders-table .order-row .created-column,
tf-option-active-order-list .orders-table .order-row .created-column,
tf-option-inactive-order-list .orders-table .order-row .created-column {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .updated-column,
tf-equity-inactive-order-list .orders-table .order-row .updated-column,
tf-option-active-order-list .orders-table .order-row .updated-column,
tf-option-inactive-order-list .orders-table .order-row .updated-column {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .completed-column,
tf-equity-inactive-order-list .orders-table .order-row .completed-column,
tf-option-active-order-list .orders-table .order-row .completed-column,
tf-option-inactive-order-list .orders-table .order-row .completed-column {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .status-column,
tf-equity-inactive-order-list .orders-table .order-row .status-column,
tf-option-active-order-list .orders-table .order-row .status-column,
tf-option-inactive-order-list .orders-table .order-row .status-column {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .limit-column .price-instruction-type,
tf-equity-inactive-order-list .orders-table .order-row .limit-column .price-instruction-type,
tf-option-active-order-list .orders-table .order-row .limit-column .price-instruction-type,
tf-option-inactive-order-list .orders-table .order-row .limit-column .price-instruction-type {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-number-column,
tf-equity-inactive-order-list .orders-table .order-number-column,
tf-option-active-order-list .orders-table .order-number-column,
tf-option-inactive-order-list .orders-table .order-number-column {
  flex-basis: 80px; }

tf-equity-active-order-list .orders-table .is-parent-column,
tf-equity-inactive-order-list .orders-table .is-parent-column,
tf-option-active-order-list .orders-table .is-parent-column,
tf-option-inactive-order-list .orders-table .is-parent-column {
  flex-basis: 90px; }

tf-equity-active-order-list .orders-table .parent-order-column,
tf-equity-inactive-order-list .orders-table .parent-order-column,
tf-option-active-order-list .orders-table .parent-order-column,
tf-option-inactive-order-list .orders-table .parent-order-column {
  flex-basis: 120px; }

tf-equity-active-order-list .orders-table .lifetime-column,
tf-equity-inactive-order-list .orders-table .lifetime-column,
tf-option-active-order-list .orders-table .lifetime-column,
tf-option-inactive-order-list .orders-table .lifetime-column {
  flex-basis: 70px; }

tf-equity-active-order-list .orders-table .account-column,
tf-equity-inactive-order-list .orders-table .account-column,
tf-option-active-order-list .orders-table .account-column,
tf-option-inactive-order-list .orders-table .account-column {
  width: 150px;
  min-width: 85px;
  flex-basis: 150px; }

tf-equity-active-order-list .orders-table .side-column,
tf-equity-inactive-order-list .orders-table .side-column,
tf-option-active-order-list .orders-table .side-column,
tf-option-inactive-order-list .orders-table .side-column {
  width: 75px;
  flex-basis: 75px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .security-column,
tf-equity-inactive-order-list .orders-table .security-column,
tf-option-active-order-list .orders-table .security-column,
tf-option-inactive-order-list .orders-table .security-column {
  width: 100px;
  flex-basis: 100px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .status-column,
tf-equity-inactive-order-list .orders-table .status-column,
tf-option-active-order-list .orders-table .status-column,
tf-option-inactive-order-list .orders-table .status-column {
  width: 110px;
  max-width: 150px;
  flex-basis: 110px;
  flex-grow: 1; }

tf-equity-active-order-list .orders-table .average-price-column,
tf-equity-active-order-list .orders-table .limit-column,
tf-equity-active-order-list .orders-table .last-column,
tf-equity-active-order-list .orders-table .theo-column,
tf-equity-inactive-order-list .orders-table .average-price-column,
tf-equity-inactive-order-list .orders-table .limit-column,
tf-equity-inactive-order-list .orders-table .last-column,
tf-equity-inactive-order-list .orders-table .theo-column,
tf-option-active-order-list .orders-table .average-price-column,
tf-option-active-order-list .orders-table .limit-column,
tf-option-active-order-list .orders-table .last-column,
tf-option-active-order-list .orders-table .theo-column,
tf-option-inactive-order-list .orders-table .average-price-column,
tf-option-inactive-order-list .orders-table .limit-column,
tf-option-inactive-order-list .orders-table .last-column,
tf-option-inactive-order-list .orders-table .theo-column {
  width: 80px;
  flex-basis: 80px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .destination-column,
tf-equity-inactive-order-list .orders-table .destination-column,
tf-option-active-order-list .orders-table .destination-column,
tf-option-inactive-order-list .orders-table .destination-column {
  width: 100px;
  flex-basis: 100px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .market-column,
tf-equity-inactive-order-list .orders-table .market-column,
tf-option-active-order-list .orders-table .market-column,
tf-option-inactive-order-list .orders-table .market-column {
  width: 160px;
  flex-basis: 160px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .strike-column,
tf-equity-inactive-order-list .orders-table .strike-column,
tf-option-active-order-list .orders-table .strike-column,
tf-option-inactive-order-list .orders-table .strike-column {
  width: 80px;
  flex-basis: 80px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .expiry-column,
tf-equity-inactive-order-list .orders-table .expiry-column,
tf-option-active-order-list .orders-table .expiry-column,
tf-option-inactive-order-list .orders-table .expiry-column {
  width: 80px;
  flex-basis: 80px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .quantity-column,
tf-equity-active-order-list .orders-table .remaining-column,
tf-equity-active-order-list .orders-table .filled-column,
tf-equity-inactive-order-list .orders-table .quantity-column,
tf-equity-inactive-order-list .orders-table .remaining-column,
tf-equity-inactive-order-list .orders-table .filled-column,
tf-option-active-order-list .orders-table .quantity-column,
tf-option-active-order-list .orders-table .remaining-column,
tf-option-active-order-list .orders-table .filled-column,
tf-option-inactive-order-list .orders-table .quantity-column,
tf-option-inactive-order-list .orders-table .remaining-column,
tf-option-inactive-order-list .orders-table .filled-column {
  width: 90px;
  flex-basis: 90px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .vol-column,
tf-equity-active-order-list .orders-table .delta-column,
tf-equity-inactive-order-list .orders-table .vol-column,
tf-equity-inactive-order-list .orders-table .delta-column,
tf-option-active-order-list .orders-table .vol-column,
tf-option-active-order-list .orders-table .delta-column,
tf-option-inactive-order-list .orders-table .vol-column,
tf-option-inactive-order-list .orders-table .delta-column {
  width: 60px;
  flex-basis: 60px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .created-column,
tf-equity-active-order-list .orders-table .updated-column,
tf-equity-active-order-list .orders-table .completed-column,
tf-equity-inactive-order-list .orders-table .created-column,
tf-equity-inactive-order-list .orders-table .updated-column,
tf-equity-inactive-order-list .orders-table .completed-column,
tf-option-active-order-list .orders-table .created-column,
tf-option-active-order-list .orders-table .updated-column,
tf-option-active-order-list .orders-table .completed-column,
tf-option-inactive-order-list .orders-table .created-column,
tf-option-inactive-order-list .orders-table .updated-column,
tf-option-inactive-order-list .orders-table .completed-column {
  width: 110px;
  max-width: 130px;
  flex-basis: 110px;
  flex-grow: 1; }

tf-equity-active-order-list .orders-table .action-cancel-column,
tf-equity-active-order-list .orders-table .action-amend-column,
tf-equity-active-order-list .orders-table .action-replace-column,
tf-equity-inactive-order-list .orders-table .action-cancel-column,
tf-equity-inactive-order-list .orders-table .action-amend-column,
tf-equity-inactive-order-list .orders-table .action-replace-column,
tf-option-active-order-list .orders-table .action-cancel-column,
tf-option-active-order-list .orders-table .action-amend-column,
tf-option-active-order-list .orders-table .action-replace-column,
tf-option-inactive-order-list .orders-table .action-cancel-column,
tf-option-inactive-order-list .orders-table .action-amend-column,
tf-option-inactive-order-list .orders-table .action-replace-column {
  width: 50px;
  flex-basis: 50px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .info-column,
tf-equity-inactive-order-list .orders-table .info-column,
tf-option-active-order-list .orders-table .info-column,
tf-option-inactive-order-list .orders-table .info-column {
  width: 20px;
  flex-basis: 20px;
  flex-grow: 0; }

tf-mobile-active-order-list .table-header,
tf-mobile-inactive-order-list .table-header {
  height: 30px; }

tf-mobile-active-order-list .orders-table .table-body,
tf-mobile-inactive-order-list .orders-table .table-body {
  flex-grow: 1;
  width: 100%;
  height: calc(100% - 30px); }

tf-mobile-active-order-list .orders-table .order-row .order-number-column,
tf-mobile-inactive-order-list .orders-table .order-row .order-number-column {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .is-parent-column,
tf-mobile-inactive-order-list .orders-table .order-row .is-parent-column {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .parent-order-column,
tf-mobile-inactive-order-list .orders-table .order-row .parent-order-column {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .account-column,
tf-mobile-inactive-order-list .orders-table .order-row .account-column {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .side-column .conditional-indicator,
tf-mobile-inactive-order-list .orders-table .order-row .side-column .conditional-indicator {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .lifetime-column,
tf-mobile-inactive-order-list .orders-table .order-row .lifetime-column {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .created-column,
tf-mobile-inactive-order-list .orders-table .order-row .created-column {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .updated-column,
tf-mobile-inactive-order-list .orders-table .order-row .updated-column {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .completed-column,
tf-mobile-inactive-order-list .orders-table .order-row .completed-column {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .status-column,
tf-mobile-inactive-order-list .orders-table .order-row .status-column {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .bid-ask,
tf-mobile-inactive-order-list .orders-table .order-row .bid-ask {
  flex-grow: 1;
  font-weight: bold; }

tf-mobile-active-order-list .orders-table .order-row .limit-column .price-instruction-type,
tf-mobile-inactive-order-list .orders-table .order-row .limit-column .price-instruction-type {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .account-column,
tf-mobile-inactive-order-list .orders-table .account-column {
  width: 150px;
  min-width: 85px;
  flex-basis: 150px;
  flex-grow: 3; }

tf-mobile-active-order-list .orders-table .side-column,
tf-mobile-inactive-order-list .orders-table .side-column {
  width: 75px;
  flex-basis: 75px; }

tf-mobile-active-order-list .orders-table .security-column,
tf-mobile-inactive-order-list .orders-table .security-column {
  width: 45px;
  flex-basis: 45px;
  min-width: 45px;
  flex-grow: 0; }

tf-mobile-active-order-list .orders-table .quantity-column,
tf-mobile-inactive-order-list .orders-table .quantity-column {
  width: 40px;
  min-width: 40px;
  flex-basis: 40px;
  flex-grow: 0;
  overflow: hidden;
  text-overflow: ellipsis; }

tf-mobile-active-order-list .orders-table .status-column,
tf-mobile-inactive-order-list .orders-table .status-column {
  width: 110px;
  max-width: 110px;
  flex-basis: 110px; }

tf-mobile-active-order-list .orders-table .average-price-column,
tf-mobile-active-order-list .orders-table .limit-column,
tf-mobile-inactive-order-list .orders-table .average-price-column,
tf-mobile-inactive-order-list .orders-table .limit-column {
  width: 80px;
  flex-basis: 80px;
  flex-grow: 0; }

tf-mobile-active-order-list .orders-table .quantity-column,
tf-mobile-inactive-order-list .orders-table .quantity-column {
  width: 90px;
  flex-basis: 90px;
  flex-grow: 0; }

tf-mobile-active-order-list .orders-table .info-column,
tf-mobile-inactive-order-list .orders-table .info-column {
  width: 20px;
  flex-basis: 20px;
  flex-grow: 0; }

@media (max-width: 480px) {
  tf-mobile-active-order-list,
  tf-mobile-inactive-order-list {
    font-size: 8px; }
    tf-mobile-active-order-list .orders-table .table-header .action-amend-column,
    tf-mobile-inactive-order-list .orders-table .table-header .action-amend-column {
      flex-basis: 90px; }
    tf-mobile-active-order-list .account-column .account-number,
    tf-mobile-active-order-list .account-column .account-name,
    tf-mobile-inactive-order-list .account-column .account-number,
    tf-mobile-inactive-order-list .account-column .account-name {
      font-size: 8px; }
    tf-mobile-active-order-list .action-amend-column button,
    tf-mobile-inactive-order-list .action-amend-column button {
      font-size: 8px; }
    tf-mobile-active-order-list .limit-column .price-instruction-type,
    tf-mobile-inactive-order-list .limit-column .price-instruction-type {
      font-size: 8px; }
    tf-mobile-active-order-list .status-column .status,
    tf-mobile-active-order-list .status-column .last-action,
    tf-mobile-inactive-order-list .status-column .status,
    tf-mobile-inactive-order-list .status-column .last-action {
      font-size: 8px; } }

/**
 * This is the base file that contains all the defaults, there are two additional files
 * that will contain the mobile / desktop specific configurations
 */
tf-equity-active-order-list,
tf-equity-inactive-order-list,
tf-option-active-order-list,
tf-option-inactive-order-list,
tf-mobile-active-order-list,
tf-mobile-inactive-order-list {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden; }
  tf-equity-active-order-list .table-header,
  tf-equity-inactive-order-list .table-header,
  tf-option-active-order-list .table-header,
  tf-option-inactive-order-list .table-header,
  tf-mobile-active-order-list .table-header,
  tf-mobile-inactive-order-list .table-header {
    display: flex;
    flex-direction: row;
    align-items: center; }
  tf-equity-active-order-list .orders-table,
  tf-equity-inactive-order-list .orders-table,
  tf-option-active-order-list .orders-table,
  tf-option-inactive-order-list .orders-table,
  tf-mobile-active-order-list .orders-table,
  tf-mobile-inactive-order-list .orders-table {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    height: 100%; }
    tf-equity-active-order-list .orders-table .table-header,
    tf-equity-inactive-order-list .orders-table .table-header,
    tf-option-active-order-list .orders-table .table-header,
    tf-option-inactive-order-list .orders-table .table-header,
    tf-mobile-active-order-list .orders-table .table-header,
    tf-mobile-inactive-order-list .orders-table .table-header {
      width: 100%;
      padding-right: 10px; }
      tf-equity-active-order-list .orders-table .table-header .column-headers,
      tf-equity-inactive-order-list .orders-table .table-header .column-headers,
      tf-option-active-order-list .orders-table .table-header .column-headers,
      tf-option-inactive-order-list .orders-table .table-header .column-headers,
      tf-mobile-active-order-list .orders-table .table-header .column-headers,
      tf-mobile-inactive-order-list .orders-table .table-header .column-headers {
        display: flex;
        flex-direction: row;
        flex-grow: 1;
        width: 100%;
        font-weight: 700; }
        @media (max-width: 992px) {
          tf-equity-active-order-list .orders-table .table-header .column-headers,
          tf-equity-inactive-order-list .orders-table .table-header .column-headers,
          tf-option-active-order-list .orders-table .table-header .column-headers,
          tf-option-inactive-order-list .orders-table .table-header .column-headers,
          tf-mobile-active-order-list .orders-table .table-header .column-headers,
          tf-mobile-inactive-order-list .orders-table .table-header .column-headers {
            font-size: 10px; } }
    tf-equity-active-order-list .orders-table .table-body,
    tf-equity-inactive-order-list .orders-table .table-body,
    tf-option-active-order-list .orders-table .table-body,
    tf-option-inactive-order-list .orders-table .table-body,
    tf-mobile-active-order-list .orders-table .table-body,
    tf-mobile-inactive-order-list .orders-table .table-body {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      width: 100%;
      padding-right: 10px; }
    tf-equity-active-order-list .orders-table .order-row,
    tf-equity-inactive-order-list .orders-table .order-row,
    tf-option-active-order-list .orders-table .order-row,
    tf-option-inactive-order-list .orders-table .order-row,
    tf-mobile-active-order-list .orders-table .order-row,
    tf-mobile-inactive-order-list .orders-table .order-row {
      display: flex;
      flex-direction: row;
      align-items: center;
      width: 100%;
      padding: 2px 0; }
      tf-equity-active-order-list .orders-table .order-row .order-number-column,
      tf-equity-inactive-order-list .orders-table .order-row .order-number-column,
      tf-option-active-order-list .orders-table .order-row .order-number-column,
      tf-option-inactive-order-list .orders-table .order-row .order-number-column,
      tf-mobile-active-order-list .orders-table .order-row .order-number-column,
      tf-mobile-inactive-order-list .orders-table .order-row .order-number-column {
        overflow: hidden; }
        tf-equity-active-order-list .orders-table .order-row .order-number-column span,
        tf-equity-inactive-order-list .orders-table .order-row .order-number-column span,
        tf-option-active-order-list .orders-table .order-row .order-number-column span,
        tf-option-inactive-order-list .orders-table .order-row .order-number-column span,
        tf-mobile-active-order-list .orders-table .order-row .order-number-column span,
        tf-mobile-inactive-order-list .orders-table .order-row .order-number-column span {
          font-size: 12px; }
          @media (max-width: 992px) {
            tf-equity-active-order-list .orders-table .order-row .order-number-column span,
            tf-equity-inactive-order-list .orders-table .order-row .order-number-column span,
            tf-option-active-order-list .orders-table .order-row .order-number-column span,
            tf-option-inactive-order-list .orders-table .order-row .order-number-column span,
            tf-mobile-active-order-list .orders-table .order-row .order-number-column span,
            tf-mobile-inactive-order-list .orders-table .order-row .order-number-column span {
              white-space: nowrap;
              font-size: 10px;
              overflow: hidden;
              text-overflow: ellipsis; } }
      tf-equity-active-order-list .orders-table .order-row .is-parent-column,
      tf-equity-inactive-order-list .orders-table .order-row .is-parent-column,
      tf-option-active-order-list .orders-table .order-row .is-parent-column,
      tf-option-inactive-order-list .orders-table .order-row .is-parent-column,
      tf-mobile-active-order-list .orders-table .order-row .is-parent-column,
      tf-mobile-inactive-order-list .orders-table .order-row .is-parent-column {
        overflow: hidden; }
        tf-equity-active-order-list .orders-table .order-row .is-parent-column span,
        tf-equity-inactive-order-list .orders-table .order-row .is-parent-column span,
        tf-option-active-order-list .orders-table .order-row .is-parent-column span,
        tf-option-inactive-order-list .orders-table .order-row .is-parent-column span,
        tf-mobile-active-order-list .orders-table .order-row .is-parent-column span,
        tf-mobile-inactive-order-list .orders-table .order-row .is-parent-column span {
          font-size: 12px; }
          @media (max-width: 992px) {
            tf-equity-active-order-list .orders-table .order-row .is-parent-column span,
            tf-equity-inactive-order-list .orders-table .order-row .is-parent-column span,
            tf-option-active-order-list .orders-table .order-row .is-parent-column span,
            tf-option-inactive-order-list .orders-table .order-row .is-parent-column span,
            tf-mobile-active-order-list .orders-table .order-row .is-parent-column span,
            tf-mobile-inactive-order-list .orders-table .order-row .is-parent-column span {
              white-space: nowrap;
              font-size: 10px;
              overflow: hidden;
              text-overflow: ellipsis; } }
      tf-equity-active-order-list .orders-table .order-row .parent-order-column,
      tf-equity-inactive-order-list .orders-table .order-row .parent-order-column,
      tf-option-active-order-list .orders-table .order-row .parent-order-column,
      tf-option-inactive-order-list .orders-table .order-row .parent-order-column,
      tf-mobile-active-order-list .orders-table .order-row .parent-order-column,
      tf-mobile-inactive-order-list .orders-table .order-row .parent-order-column {
        overflow: hidden; }
        tf-equity-active-order-list .orders-table .order-row .parent-order-column span,
        tf-equity-inactive-order-list .orders-table .order-row .parent-order-column span,
        tf-option-active-order-list .orders-table .order-row .parent-order-column span,
        tf-option-inactive-order-list .orders-table .order-row .parent-order-column span,
        tf-mobile-active-order-list .orders-table .order-row .parent-order-column span,
        tf-mobile-inactive-order-list .orders-table .order-row .parent-order-column span {
          font-size: 12px; }
          @media (max-width: 992px) {
            tf-equity-active-order-list .orders-table .order-row .parent-order-column span,
            tf-equity-inactive-order-list .orders-table .order-row .parent-order-column span,
            tf-option-active-order-list .orders-table .order-row .parent-order-column span,
            tf-option-inactive-order-list .orders-table .order-row .parent-order-column span,
            tf-mobile-active-order-list .orders-table .order-row .parent-order-column span,
            tf-mobile-inactive-order-list .orders-table .order-row .parent-order-column span {
              white-space: nowrap;
              font-size: 10px;
              overflow: hidden;
              text-overflow: ellipsis; } }
      tf-equity-active-order-list .orders-table .order-row .account-column,
      tf-equity-inactive-order-list .orders-table .order-row .account-column,
      tf-option-active-order-list .orders-table .order-row .account-column,
      tf-option-inactive-order-list .orders-table .order-row .account-column,
      tf-mobile-active-order-list .orders-table .order-row .account-column,
      tf-mobile-inactive-order-list .orders-table .order-row .account-column {
        flex-direction: column;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis; }
        tf-equity-active-order-list .orders-table .order-row .account-column .account-name,
        tf-equity-inactive-order-list .orders-table .order-row .account-column .account-name,
        tf-option-active-order-list .orders-table .order-row .account-column .account-name,
        tf-option-inactive-order-list .orders-table .order-row .account-column .account-name,
        tf-mobile-active-order-list .orders-table .order-row .account-column .account-name,
        tf-mobile-inactive-order-list .orders-table .order-row .account-column .account-name {
          white-space: nowrap;
          overflow-x: hidden;
          text-overflow: ellipsis; }
        @media (max-width: 992px) {
          tf-equity-active-order-list .orders-table .order-row .account-column,
          tf-equity-inactive-order-list .orders-table .order-row .account-column,
          tf-option-active-order-list .orders-table .order-row .account-column,
          tf-option-inactive-order-list .orders-table .order-row .account-column,
          tf-mobile-active-order-list .orders-table .order-row .account-column,
          tf-mobile-inactive-order-list .orders-table .order-row .account-column {
            font-size: 10px; } }
      tf-equity-active-order-list .orders-table .order-row .security-column .tmc-legs,
      tf-equity-inactive-order-list .orders-table .order-row .security-column .tmc-legs,
      tf-option-active-order-list .orders-table .order-row .security-column .tmc-legs,
      tf-option-inactive-order-list .orders-table .order-row .security-column .tmc-legs,
      tf-mobile-active-order-list .orders-table .order-row .security-column .tmc-legs,
      tf-mobile-inactive-order-list .orders-table .order-row .security-column .tmc-legs {
        display: flex;
        flex-direction: column; }
      @media (max-width: 992px) {
        tf-equity-active-order-list .orders-table .order-row .security-column,
        tf-equity-inactive-order-list .orders-table .order-row .security-column,
        tf-option-active-order-list .orders-table .order-row .security-column,
        tf-option-inactive-order-list .orders-table .order-row .security-column,
        tf-mobile-active-order-list .orders-table .order-row .security-column,
        tf-mobile-inactive-order-list .orders-table .order-row .security-column {
          font-size: 10px; }
          tf-equity-active-order-list .orders-table .order-row .security-column .alt-text,
          tf-equity-inactive-order-list .orders-table .order-row .security-column .alt-text,
          tf-option-active-order-list .orders-table .order-row .security-column .alt-text,
          tf-option-inactive-order-list .orders-table .order-row .security-column .alt-text,
          tf-mobile-active-order-list .orders-table .order-row .security-column .alt-text,
          tf-mobile-inactive-order-list .orders-table .order-row .security-column .alt-text {
            display: none; } }
      tf-equity-active-order-list .orders-table .order-row .side-column,
      tf-equity-inactive-order-list .orders-table .order-row .side-column,
      tf-option-active-order-list .orders-table .order-row .side-column,
      tf-option-inactive-order-list .orders-table .order-row .side-column,
      tf-mobile-active-order-list .orders-table .order-row .side-column,
      tf-mobile-inactive-order-list .orders-table .order-row .side-column {
        flex-direction: column;
        overflow: hidden;
        text-overflow: ellipsis; }
        tf-equity-active-order-list .orders-table .order-row .side-column .conditional-indicator,
        tf-equity-inactive-order-list .orders-table .order-row .side-column .conditional-indicator,
        tf-option-active-order-list .orders-table .order-row .side-column .conditional-indicator,
        tf-option-inactive-order-list .orders-table .order-row .side-column .conditional-indicator,
        tf-mobile-active-order-list .orders-table .order-row .side-column .conditional-indicator,
        tf-mobile-inactive-order-list .orders-table .order-row .side-column .conditional-indicator {
          font-size: 12px; }
          @media (max-width: 992px) {
            tf-equity-active-order-list .orders-table .order-row .side-column .conditional-indicator,
            tf-equity-inactive-order-list .orders-table .order-row .side-column .conditional-indicator,
            tf-option-active-order-list .orders-table .order-row .side-column .conditional-indicator,
            tf-option-inactive-order-list .orders-table .order-row .side-column .conditional-indicator,
            tf-mobile-active-order-list .orders-table .order-row .side-column .conditional-indicator,
            tf-mobile-inactive-order-list .orders-table .order-row .side-column .conditional-indicator {
              font-size: 10px;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis; } }
        @media (max-width: 992px) {
          tf-equity-active-order-list .orders-table .order-row .side-column,
          tf-equity-inactive-order-list .orders-table .order-row .side-column,
          tf-option-active-order-list .orders-table .order-row .side-column,
          tf-option-inactive-order-list .orders-table .order-row .side-column,
          tf-mobile-active-order-list .orders-table .order-row .side-column,
          tf-mobile-inactive-order-list .orders-table .order-row .side-column {
            font-size: 10px; } }
      @media (max-width: 992px) {
        tf-equity-active-order-list .orders-table .order-row .quantity-column,
        tf-equity-inactive-order-list .orders-table .order-row .quantity-column,
        tf-option-active-order-list .orders-table .order-row .quantity-column,
        tf-option-inactive-order-list .orders-table .order-row .quantity-column,
        tf-mobile-active-order-list .orders-table .order-row .quantity-column,
        tf-mobile-inactive-order-list .orders-table .order-row .quantity-column {
          font-size: 10px; } }
      @media (max-width: 992px) {
        tf-equity-active-order-list .orders-table .order-row .remaining-column,
        tf-equity-inactive-order-list .orders-table .order-row .remaining-column,
        tf-option-active-order-list .orders-table .order-row .remaining-column,
        tf-option-inactive-order-list .orders-table .order-row .remaining-column,
        tf-mobile-active-order-list .orders-table .order-row .remaining-column,
        tf-mobile-inactive-order-list .orders-table .order-row .remaining-column {
          font-size: 10px; } }
      tf-equity-active-order-list .orders-table .order-row .lifetime-column,
      tf-equity-inactive-order-list .orders-table .order-row .lifetime-column,
      tf-option-active-order-list .orders-table .order-row .lifetime-column,
      tf-option-inactive-order-list .orders-table .order-row .lifetime-column,
      tf-mobile-active-order-list .orders-table .order-row .lifetime-column,
      tf-mobile-inactive-order-list .orders-table .order-row .lifetime-column {
        flex-direction: column;
        font-size: 12px; }
        @media (max-width: 992px) {
          tf-equity-active-order-list .orders-table .order-row .lifetime-column,
          tf-equity-inactive-order-list .orders-table .order-row .lifetime-column,
          tf-option-active-order-list .orders-table .order-row .lifetime-column,
          tf-option-inactive-order-list .orders-table .order-row .lifetime-column,
          tf-mobile-active-order-list .orders-table .order-row .lifetime-column,
          tf-mobile-inactive-order-list .orders-table .order-row .lifetime-column {
            font-size: 10px; } }
      tf-equity-active-order-list .orders-table .order-row .created-column,
      tf-equity-inactive-order-list .orders-table .order-row .created-column,
      tf-option-active-order-list .orders-table .order-row .created-column,
      tf-option-inactive-order-list .orders-table .order-row .created-column,
      tf-mobile-active-order-list .orders-table .order-row .created-column,
      tf-mobile-inactive-order-list .orders-table .order-row .created-column {
        flex-direction: column;
        font-size: 12px; }
        @media (max-width: 992px) {
          tf-equity-active-order-list .orders-table .order-row .created-column,
          tf-equity-inactive-order-list .orders-table .order-row .created-column,
          tf-option-active-order-list .orders-table .order-row .created-column,
          tf-option-inactive-order-list .orders-table .order-row .created-column,
          tf-mobile-active-order-list .orders-table .order-row .created-column,
          tf-mobile-inactive-order-list .orders-table .order-row .created-column {
            font-size: 10px; } }
      tf-equity-active-order-list .orders-table .order-row .updated-column,
      tf-equity-inactive-order-list .orders-table .order-row .updated-column,
      tf-option-active-order-list .orders-table .order-row .updated-column,
      tf-option-inactive-order-list .orders-table .order-row .updated-column,
      tf-mobile-active-order-list .orders-table .order-row .updated-column,
      tf-mobile-inactive-order-list .orders-table .order-row .updated-column {
        flex-direction: column;
        font-size: 12px; }
        @media (max-width: 992px) {
          tf-equity-active-order-list .orders-table .order-row .updated-column,
          tf-equity-inactive-order-list .orders-table .order-row .updated-column,
          tf-option-active-order-list .orders-table .order-row .updated-column,
          tf-option-inactive-order-list .orders-table .order-row .updated-column,
          tf-mobile-active-order-list .orders-table .order-row .updated-column,
          tf-mobile-inactive-order-list .orders-table .order-row .updated-column {
            font-size: 10px; } }
      tf-equity-active-order-list .orders-table .order-row .completed-column,
      tf-equity-inactive-order-list .orders-table .order-row .completed-column,
      tf-option-active-order-list .orders-table .order-row .completed-column,
      tf-option-inactive-order-list .orders-table .order-row .completed-column,
      tf-mobile-active-order-list .orders-table .order-row .completed-column,
      tf-mobile-inactive-order-list .orders-table .order-row .completed-column {
        flex-direction: column;
        font-size: 12px; }
        @media (max-width: 992px) {
          tf-equity-active-order-list .orders-table .order-row .completed-column,
          tf-equity-inactive-order-list .orders-table .order-row .completed-column,
          tf-option-active-order-list .orders-table .order-row .completed-column,
          tf-option-inactive-order-list .orders-table .order-row .completed-column,
          tf-mobile-active-order-list .orders-table .order-row .completed-column,
          tf-mobile-inactive-order-list .orders-table .order-row .completed-column {
            font-size: 10px; } }
      tf-equity-active-order-list .orders-table .order-row .security-column .tmc-leg,
      tf-equity-inactive-order-list .orders-table .order-row .security-column .tmc-leg,
      tf-option-active-order-list .orders-table .order-row .security-column .tmc-leg,
      tf-option-inactive-order-list .orders-table .order-row .security-column .tmc-leg,
      tf-mobile-active-order-list .orders-table .order-row .security-column .tmc-leg,
      tf-mobile-inactive-order-list .orders-table .order-row .security-column .tmc-leg {
        font-weight: bold; }
      @media (max-width: 992px) {
        tf-equity-active-order-list .orders-table .order-row .security-column,
        tf-equity-inactive-order-list .orders-table .order-row .security-column,
        tf-option-active-order-list .orders-table .order-row .security-column,
        tf-option-inactive-order-list .orders-table .order-row .security-column,
        tf-mobile-active-order-list .orders-table .order-row .security-column,
        tf-mobile-inactive-order-list .orders-table .order-row .security-column {
          font-size: 10px; } }
      tf-equity-active-order-list .orders-table .order-row .status-column,
      tf-equity-inactive-order-list .orders-table .order-row .status-column,
      tf-option-active-order-list .orders-table .order-row .status-column,
      tf-option-inactive-order-list .orders-table .order-row .status-column,
      tf-mobile-active-order-list .orders-table .order-row .status-column,
      tf-mobile-inactive-order-list .orders-table .order-row .status-column {
        flex-direction: column;
        font-size: 12px; }
        tf-equity-active-order-list .orders-table .order-row .status-column .status,
        tf-equity-inactive-order-list .orders-table .order-row .status-column .status,
        tf-option-active-order-list .orders-table .order-row .status-column .status,
        tf-option-inactive-order-list .orders-table .order-row .status-column .status,
        tf-mobile-active-order-list .orders-table .order-row .status-column .status,
        tf-mobile-inactive-order-list .orders-table .order-row .status-column .status {
          font-weight: bold; }
        @media (max-width: 992px) {
          tf-equity-active-order-list .orders-table .order-row .status-column,
          tf-equity-inactive-order-list .orders-table .order-row .status-column,
          tf-option-active-order-list .orders-table .order-row .status-column,
          tf-option-inactive-order-list .orders-table .order-row .status-column,
          tf-mobile-active-order-list .orders-table .order-row .status-column,
          tf-mobile-inactive-order-list .orders-table .order-row .status-column {
            font-size: 10px; } }
      tf-equity-active-order-list .orders-table .order-row .bid-ask,
      tf-equity-inactive-order-list .orders-table .order-row .bid-ask,
      tf-option-active-order-list .orders-table .order-row .bid-ask,
      tf-option-inactive-order-list .orders-table .order-row .bid-ask,
      tf-mobile-active-order-list .orders-table .order-row .bid-ask,
      tf-mobile-inactive-order-list .orders-table .order-row .bid-ask {
        display: flex;
        flex-direction: row;
        flex-grow: 1; }
        tf-equity-active-order-list .orders-table .order-row .bid-ask .market-bid,
        tf-equity-inactive-order-list .orders-table .order-row .bid-ask .market-bid,
        tf-option-active-order-list .orders-table .order-row .bid-ask .market-bid,
        tf-option-inactive-order-list .orders-table .order-row .bid-ask .market-bid,
        tf-mobile-active-order-list .orders-table .order-row .bid-ask .market-bid,
        tf-mobile-inactive-order-list .orders-table .order-row .bid-ask .market-bid {
          flex-grow: 1;
          flex-basis: 0;
          text-align: left;
          padding-right: 5px;
          font-weight: bold; }
          @media (max-width: 992px) {
            tf-equity-active-order-list .orders-table .order-row .bid-ask .market-bid,
            tf-equity-inactive-order-list .orders-table .order-row .bid-ask .market-bid,
            tf-option-active-order-list .orders-table .order-row .bid-ask .market-bid,
            tf-option-inactive-order-list .orders-table .order-row .bid-ask .market-bid,
            tf-mobile-active-order-list .orders-table .order-row .bid-ask .market-bid,
            tf-mobile-inactive-order-list .orders-table .order-row .bid-ask .market-bid {
              font-size: 10px; } }
        tf-equity-active-order-list .orders-table .order-row .bid-ask .market-ask,
        tf-equity-inactive-order-list .orders-table .order-row .bid-ask .market-ask,
        tf-option-active-order-list .orders-table .order-row .bid-ask .market-ask,
        tf-option-inactive-order-list .orders-table .order-row .bid-ask .market-ask,
        tf-mobile-active-order-list .orders-table .order-row .bid-ask .market-ask,
        tf-mobile-inactive-order-list .orders-table .order-row .bid-ask .market-ask {
          flex-grow: 1;
          flex-basis: 0;
          text-align: right;
          padding-left: 5px;
          font-weight: bold; }
          @media (max-width: 992px) {
            tf-equity-active-order-list .orders-table .order-row .bid-ask .market-ask,
            tf-equity-inactive-order-list .orders-table .order-row .bid-ask .market-ask,
            tf-option-active-order-list .orders-table .order-row .bid-ask .market-ask,
            tf-option-inactive-order-list .orders-table .order-row .bid-ask .market-ask,
            tf-mobile-active-order-list .orders-table .order-row .bid-ask .market-ask,
            tf-mobile-inactive-order-list .orders-table .order-row .bid-ask .market-ask {
              font-size: 10px; } }
        tf-equity-active-order-list .orders-table .order-row .bid-ask .bid,
        tf-equity-inactive-order-list .orders-table .order-row .bid-ask .bid,
        tf-option-active-order-list .orders-table .order-row .bid-ask .bid,
        tf-option-inactive-order-list .orders-table .order-row .bid-ask .bid,
        tf-mobile-active-order-list .orders-table .order-row .bid-ask .bid,
        tf-mobile-inactive-order-list .orders-table .order-row .bid-ask .bid {
          flex-grow: 1;
          flex-basis: 0;
          text-align: right;
          padding-right: 5px;
          font-weight: bold; }
          @media (max-width: 992px) {
            tf-equity-active-order-list .orders-table .order-row .bid-ask .bid,
            tf-equity-inactive-order-list .orders-table .order-row .bid-ask .bid,
            tf-option-active-order-list .orders-table .order-row .bid-ask .bid,
            tf-option-inactive-order-list .orders-table .order-row .bid-ask .bid,
            tf-mobile-active-order-list .orders-table .order-row .bid-ask .bid,
            tf-mobile-inactive-order-list .orders-table .order-row .bid-ask .bid {
              font-size: 10px; } }
        tf-equity-active-order-list .orders-table .order-row .bid-ask .ask,
        tf-equity-inactive-order-list .orders-table .order-row .bid-ask .ask,
        tf-option-active-order-list .orders-table .order-row .bid-ask .ask,
        tf-option-inactive-order-list .orders-table .order-row .bid-ask .ask,
        tf-mobile-active-order-list .orders-table .order-row .bid-ask .ask,
        tf-mobile-inactive-order-list .orders-table .order-row .bid-ask .ask {
          flex-grow: 1;
          flex-basis: 0;
          text-align: left;
          padding-left: 5px;
          font-weight: bold; }
          @media (max-width: 992px) {
            tf-equity-active-order-list .orders-table .order-row .bid-ask .ask,
            tf-equity-inactive-order-list .orders-table .order-row .bid-ask .ask,
            tf-option-active-order-list .orders-table .order-row .bid-ask .ask,
            tf-option-inactive-order-list .orders-table .order-row .bid-ask .ask,
            tf-mobile-active-order-list .orders-table .order-row .bid-ask .ask,
            tf-mobile-inactive-order-list .orders-table .order-row .bid-ask .ask {
              font-size: 10px; } }
        @media (max-width: 992px) {
          tf-equity-active-order-list .orders-table .order-row .bid-ask,
          tf-equity-inactive-order-list .orders-table .order-row .bid-ask,
          tf-option-active-order-list .orders-table .order-row .bid-ask,
          tf-option-inactive-order-list .orders-table .order-row .bid-ask,
          tf-mobile-active-order-list .orders-table .order-row .bid-ask,
          tf-mobile-inactive-order-list .orders-table .order-row .bid-ask {
            font-size: 10px; } }
      tf-equity-active-order-list .orders-table .order-row .limit-column,
      tf-equity-inactive-order-list .orders-table .order-row .limit-column,
      tf-option-active-order-list .orders-table .order-row .limit-column,
      tf-option-inactive-order-list .orders-table .order-row .limit-column,
      tf-mobile-active-order-list .orders-table .order-row .limit-column,
      tf-mobile-inactive-order-list .orders-table .order-row .limit-column {
        flex-direction: column;
        overflow: hidden;
        text-overflow: ellipsis; }
        tf-equity-active-order-list .orders-table .order-row .limit-column .limit-price,
        tf-equity-inactive-order-list .orders-table .order-row .limit-column .limit-price,
        tf-option-active-order-list .orders-table .order-row .limit-column .limit-price,
        tf-option-inactive-order-list .orders-table .order-row .limit-column .limit-price,
        tf-mobile-active-order-list .orders-table .order-row .limit-column .limit-price,
        tf-mobile-inactive-order-list .orders-table .order-row .limit-column .limit-price {
          font-weight: bold; }
          @media (max-width: 992px) {
            tf-equity-active-order-list .orders-table .order-row .limit-column .limit-price,
            tf-equity-inactive-order-list .orders-table .order-row .limit-column .limit-price,
            tf-option-active-order-list .orders-table .order-row .limit-column .limit-price,
            tf-option-inactive-order-list .orders-table .order-row .limit-column .limit-price,
            tf-mobile-active-order-list .orders-table .order-row .limit-column .limit-price,
            tf-mobile-inactive-order-list .orders-table .order-row .limit-column .limit-price {
              font-size: 10px; } }
        tf-equity-active-order-list .orders-table .order-row .limit-column .price-instruction-type,
        tf-equity-inactive-order-list .orders-table .order-row .limit-column .price-instruction-type,
        tf-option-active-order-list .orders-table .order-row .limit-column .price-instruction-type,
        tf-option-inactive-order-list .orders-table .order-row .limit-column .price-instruction-type,
        tf-mobile-active-order-list .orders-table .order-row .limit-column .price-instruction-type,
        tf-mobile-inactive-order-list .orders-table .order-row .limit-column .price-instruction-type {
          font-size: 12px; }
          @media (max-width: 992px) {
            tf-equity-active-order-list .orders-table .order-row .limit-column .price-instruction-type,
            tf-equity-inactive-order-list .orders-table .order-row .limit-column .price-instruction-type,
            tf-option-active-order-list .orders-table .order-row .limit-column .price-instruction-type,
            tf-option-inactive-order-list .orders-table .order-row .limit-column .price-instruction-type,
            tf-mobile-active-order-list .orders-table .order-row .limit-column .price-instruction-type,
            tf-mobile-inactive-order-list .orders-table .order-row .limit-column .price-instruction-type {
              font-size: 10px; } }
        @media (max-width: 992px) {
          tf-equity-active-order-list .orders-table .order-row .limit-column,
          tf-equity-inactive-order-list .orders-table .order-row .limit-column,
          tf-option-active-order-list .orders-table .order-row .limit-column,
          tf-option-inactive-order-list .orders-table .order-row .limit-column,
          tf-mobile-active-order-list .orders-table .order-row .limit-column,
          tf-mobile-inactive-order-list .orders-table .order-row .limit-column {
            font-size: 10px; }
            tf-equity-active-order-list .orders-table .order-row .limit-column span,
            tf-equity-inactive-order-list .orders-table .order-row .limit-column span,
            tf-option-active-order-list .orders-table .order-row .limit-column span,
            tf-option-inactive-order-list .orders-table .order-row .limit-column span,
            tf-mobile-active-order-list .orders-table .order-row .limit-column span,
            tf-mobile-inactive-order-list .orders-table .order-row .limit-column span {
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis; } }
      tf-equity-active-order-list .orders-table .order-row .theo-column,
      tf-equity-inactive-order-list .orders-table .order-row .theo-column,
      tf-option-active-order-list .orders-table .order-row .theo-column,
      tf-option-inactive-order-list .orders-table .order-row .theo-column,
      tf-mobile-active-order-list .orders-table .order-row .theo-column,
      tf-mobile-inactive-order-list .orders-table .order-row .theo-column {
        font-weight: bold; }
        @media (max-width: 992px) {
          tf-equity-active-order-list .orders-table .order-row .theo-column,
          tf-equity-inactive-order-list .orders-table .order-row .theo-column,
          tf-option-active-order-list .orders-table .order-row .theo-column,
          tf-option-inactive-order-list .orders-table .order-row .theo-column,
          tf-mobile-active-order-list .orders-table .order-row .theo-column,
          tf-mobile-inactive-order-list .orders-table .order-row .theo-column {
            font-size: 10px; } }
      tf-equity-active-order-list .orders-table .order-row .average-price-column,
      tf-equity-inactive-order-list .orders-table .order-row .average-price-column,
      tf-option-active-order-list .orders-table .order-row .average-price-column,
      tf-option-inactive-order-list .orders-table .order-row .average-price-column,
      tf-mobile-active-order-list .orders-table .order-row .average-price-column,
      tf-mobile-inactive-order-list .orders-table .order-row .average-price-column {
        font-weight: bold; }
        @media (max-width: 992px) {
          tf-equity-active-order-list .orders-table .order-row .average-price-column,
          tf-equity-inactive-order-list .orders-table .order-row .average-price-column,
          tf-option-active-order-list .orders-table .order-row .average-price-column,
          tf-option-inactive-order-list .orders-table .order-row .average-price-column,
          tf-mobile-active-order-list .orders-table .order-row .average-price-column,
          tf-mobile-inactive-order-list .orders-table .order-row .average-price-column {
            font-size: 10px; } }
      tf-equity-active-order-list .orders-table .order-row.cancelled,
      tf-equity-inactive-order-list .orders-table .order-row.cancelled,
      tf-option-active-order-list .orders-table .order-row.cancelled,
      tf-option-inactive-order-list .orders-table .order-row.cancelled,
      tf-mobile-active-order-list .orders-table .order-row.cancelled,
      tf-mobile-inactive-order-list .orders-table .order-row.cancelled {
        text-decoration: line-through; }
        @media (max-width: 992px) {
          tf-equity-active-order-list .orders-table .order-row.cancelled,
          tf-equity-inactive-order-list .orders-table .order-row.cancelled,
          tf-option-active-order-list .orders-table .order-row.cancelled,
          tf-option-inactive-order-list .orders-table .order-row.cancelled,
          tf-mobile-active-order-list .orders-table .order-row.cancelled,
          tf-mobile-inactive-order-list .orders-table .order-row.cancelled {
            font-size: 10px; } }
    tf-equity-active-order-list .orders-table .order-number-column,
    tf-equity-inactive-order-list .orders-table .order-number-column,
    tf-option-active-order-list .orders-table .order-number-column,
    tf-option-inactive-order-list .orders-table .order-number-column,
    tf-mobile-active-order-list .orders-table .order-number-column,
    tf-mobile-inactive-order-list .orders-table .order-number-column {
      display: flex;
      justify-content: flex-start;
      flex-basis: 80px;
      padding: 0 5px; }
      @media (max-width: 768px) {
        tf-equity-active-order-list .orders-table .order-number-column,
        tf-equity-inactive-order-list .orders-table .order-number-column,
        tf-option-active-order-list .orders-table .order-number-column,
        tf-option-inactive-order-list .orders-table .order-number-column,
        tf-mobile-active-order-list .orders-table .order-number-column,
        tf-mobile-inactive-order-list .orders-table .order-number-column {
          display: none; } }
    tf-equity-active-order-list .orders-table .is-parent-column,
    tf-equity-inactive-order-list .orders-table .is-parent-column,
    tf-option-active-order-list .orders-table .is-parent-column,
    tf-option-inactive-order-list .orders-table .is-parent-column,
    tf-mobile-active-order-list .orders-table .is-parent-column,
    tf-mobile-inactive-order-list .orders-table .is-parent-column {
      display: flex;
      justify-content: flex-start;
      flex-basis: 90px;
      padding: 0 5px; }
      @media (max-width: 768px) {
        tf-equity-active-order-list .orders-table .is-parent-column,
        tf-equity-inactive-order-list .orders-table .is-parent-column,
        tf-option-active-order-list .orders-table .is-parent-column,
        tf-option-inactive-order-list .orders-table .is-parent-column,
        tf-mobile-active-order-list .orders-table .is-parent-column,
        tf-mobile-inactive-order-list .orders-table .is-parent-column {
          display: none; } }
    tf-equity-active-order-list .orders-table .parent-order-column,
    tf-equity-inactive-order-list .orders-table .parent-order-column,
    tf-option-active-order-list .orders-table .parent-order-column,
    tf-option-inactive-order-list .orders-table .parent-order-column,
    tf-mobile-active-order-list .orders-table .parent-order-column,
    tf-mobile-inactive-order-list .orders-table .parent-order-column {
      display: flex;
      justify-content: flex-start;
      flex-basis: 120px;
      padding: 0 5px; }
      @media (max-width: 768px) {
        tf-equity-active-order-list .orders-table .parent-order-column,
        tf-equity-inactive-order-list .orders-table .parent-order-column,
        tf-option-active-order-list .orders-table .parent-order-column,
        tf-option-inactive-order-list .orders-table .parent-order-column,
        tf-mobile-active-order-list .orders-table .parent-order-column,
        tf-mobile-inactive-order-list .orders-table .parent-order-column {
          display: none; } }
    tf-equity-active-order-list .orders-table .lifetime-column,
    tf-equity-inactive-order-list .orders-table .lifetime-column,
    tf-option-active-order-list .orders-table .lifetime-column,
    tf-option-inactive-order-list .orders-table .lifetime-column,
    tf-mobile-active-order-list .orders-table .lifetime-column,
    tf-mobile-inactive-order-list .orders-table .lifetime-column {
      display: flex;
      flex-basis: 70px;
      justify-content: flex-start;
      flex-grow: 0;
      padding: 0 5px; }
    tf-equity-active-order-list .orders-table .account-column,
    tf-equity-inactive-order-list .orders-table .account-column,
    tf-option-active-order-list .orders-table .account-column,
    tf-option-inactive-order-list .orders-table .account-column,
    tf-mobile-active-order-list .orders-table .account-column,
    tf-mobile-inactive-order-list .orders-table .account-column {
      display: flex;
      flex-basis: 150px;
      justify-content: flex-start;
      flex-grow: 3;
      width: 150px;
      padding: 0 5px; }
    tf-equity-active-order-list .orders-table .side-column,
    tf-equity-inactive-order-list .orders-table .side-column,
    tf-option-active-order-list .orders-table .side-column,
    tf-option-inactive-order-list .orders-table .side-column,
    tf-mobile-active-order-list .orders-table .side-column,
    tf-mobile-inactive-order-list .orders-table .side-column {
      width: 75px;
      display: flex;
      justify-content: flex-start;
      flex-basis: 75px;
      flex-grow: 0;
      padding: 0 5px; }
    tf-equity-active-order-list .orders-table .remaining-column,
    tf-equity-inactive-order-list .orders-table .remaining-column,
    tf-option-active-order-list .orders-table .remaining-column,
    tf-option-inactive-order-list .orders-table .remaining-column,
    tf-mobile-active-order-list .orders-table .remaining-column,
    tf-mobile-inactive-order-list .orders-table .remaining-column {
      width: 90px;
      display: flex;
      justify-content: flex-end;
      flex-basis: 90px;
      flex-grow: 0;
      padding: 0 5px;
      overflow: hidden;
      text-overflow: ellipsis; }
      @media (max-width: 768px) {
        tf-equity-active-order-list .orders-table .remaining-column,
        tf-equity-inactive-order-list .orders-table .remaining-column,
        tf-option-active-order-list .orders-table .remaining-column,
        tf-option-inactive-order-list .orders-table .remaining-column,
        tf-mobile-active-order-list .orders-table .remaining-column,
        tf-mobile-inactive-order-list .orders-table .remaining-column {
          display: none !important; } }
      @media (max-width: 992px) {
        tf-equity-active-order-list .orders-table .remaining-column span,
        tf-equity-inactive-order-list .orders-table .remaining-column span,
        tf-option-active-order-list .orders-table .remaining-column span,
        tf-option-inactive-order-list .orders-table .remaining-column span,
        tf-mobile-active-order-list .orders-table .remaining-column span,
        tf-mobile-inactive-order-list .orders-table .remaining-column span {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; } }
    tf-equity-active-order-list .orders-table .security-column,
    tf-equity-inactive-order-list .orders-table .security-column,
    tf-option-active-order-list .orders-table .security-column,
    tf-option-inactive-order-list .orders-table .security-column,
    tf-mobile-active-order-list .orders-table .security-column,
    tf-mobile-inactive-order-list .orders-table .security-column {
      width: 100px;
      display: flex;
      justify-content: flex-end;
      flex-basis: 100px;
      flex-grow: 0;
      padding: 0 5px; }
    @media (max-width: 768px) {
      tf-equity-active-order-list .orders-table .lifetime-column,
      tf-equity-inactive-order-list .orders-table .lifetime-column,
      tf-option-active-order-list .orders-table .lifetime-column,
      tf-option-inactive-order-list .orders-table .lifetime-column,
      tf-mobile-active-order-list .orders-table .lifetime-column,
      tf-mobile-inactive-order-list .orders-table .lifetime-column {
        display: none; } }
    tf-equity-active-order-list .orders-table .status-column,
    tf-equity-inactive-order-list .orders-table .status-column,
    tf-option-active-order-list .orders-table .status-column,
    tf-option-inactive-order-list .orders-table .status-column,
    tf-mobile-active-order-list .orders-table .status-column,
    tf-mobile-inactive-order-list .orders-table .status-column {
      width: 110px;
      max-width: 150px;
      display: flex;
      justify-content: flex-start;
      flex-basis: 110px;
      flex-grow: 1;
      padding: 0 5px; }
      tf-equity-active-order-list .orders-table .status-column .status-info,
      tf-equity-inactive-order-list .orders-table .status-column .status-info,
      tf-option-active-order-list .orders-table .status-column .status-info,
      tf-option-inactive-order-list .orders-table .status-column .status-info,
      tf-mobile-active-order-list .orders-table .status-column .status-info,
      tf-mobile-inactive-order-list .orders-table .status-column .status-info {
        text-decoration: underline;
        text-decoration-style: dashed;
        cursor: pointer; }
    tf-equity-active-order-list .orders-table .last-column,
    tf-equity-inactive-order-list .orders-table .last-column,
    tf-option-active-order-list .orders-table .last-column,
    tf-option-inactive-order-list .orders-table .last-column,
    tf-mobile-active-order-list .orders-table .last-column,
    tf-mobile-inactive-order-list .orders-table .last-column {
      width: 80px;
      display: flex;
      justify-content: flex-end;
      text-align: end;
      flex-basis: 90px;
      flex-grow: 0;
      padding: 0 5px; }
      @media (max-width: 768px) {
        tf-equity-active-order-list .orders-table .last-column,
        tf-equity-inactive-order-list .orders-table .last-column,
        tf-option-active-order-list .orders-table .last-column,
        tf-option-inactive-order-list .orders-table .last-column,
        tf-mobile-active-order-list .orders-table .last-column,
        tf-mobile-inactive-order-list .orders-table .last-column {
          display: none; } }
    tf-equity-active-order-list .orders-table .average-price-column,
    tf-equity-active-order-list .orders-table .limit-column,
    tf-equity-active-order-list .orders-table .theo-column,
    tf-equity-inactive-order-list .orders-table .average-price-column,
    tf-equity-inactive-order-list .orders-table .limit-column,
    tf-equity-inactive-order-list .orders-table .theo-column,
    tf-option-active-order-list .orders-table .average-price-column,
    tf-option-active-order-list .orders-table .limit-column,
    tf-option-active-order-list .orders-table .theo-column,
    tf-option-inactive-order-list .orders-table .average-price-column,
    tf-option-inactive-order-list .orders-table .limit-column,
    tf-option-inactive-order-list .orders-table .theo-column,
    tf-mobile-active-order-list .orders-table .average-price-column,
    tf-mobile-active-order-list .orders-table .limit-column,
    tf-mobile-active-order-list .orders-table .theo-column,
    tf-mobile-inactive-order-list .orders-table .average-price-column,
    tf-mobile-inactive-order-list .orders-table .limit-column,
    tf-mobile-inactive-order-list .orders-table .theo-column {
      width: 80px;
      display: flex;
      justify-content: flex-end;
      text-align: end;
      flex-basis: 90px;
      flex-grow: 0;
      padding: 0 5px; }
    tf-equity-active-order-list .orders-table .destination-column,
    tf-equity-inactive-order-list .orders-table .destination-column,
    tf-option-active-order-list .orders-table .destination-column,
    tf-option-inactive-order-list .orders-table .destination-column,
    tf-mobile-active-order-list .orders-table .destination-column,
    tf-mobile-inactive-order-list .orders-table .destination-column {
      width: 100px;
      display: flex;
      justify-content: end;
      flex-basis: 100px;
      flex-grow: 0; }
    tf-equity-active-order-list .orders-table .market-column,
    tf-equity-inactive-order-list .orders-table .market-column,
    tf-option-active-order-list .orders-table .market-column,
    tf-option-inactive-order-list .orders-table .market-column,
    tf-mobile-active-order-list .orders-table .market-column,
    tf-mobile-inactive-order-list .orders-table .market-column {
      width: 160px;
      display: flex;
      justify-content: center;
      flex-basis: 160px;
      flex-grow: 0;
      padding: 0 5px; }
      @media (max-width: 768px) {
        tf-equity-active-order-list .orders-table .market-column,
        tf-equity-inactive-order-list .orders-table .market-column,
        tf-option-active-order-list .orders-table .market-column,
        tf-option-inactive-order-list .orders-table .market-column,
        tf-mobile-active-order-list .orders-table .market-column,
        tf-mobile-inactive-order-list .orders-table .market-column {
          display: none; } }
    tf-equity-active-order-list .orders-table .created-column,
    tf-equity-inactive-order-list .orders-table .created-column,
    tf-option-active-order-list .orders-table .created-column,
    tf-option-inactive-order-list .orders-table .created-column,
    tf-mobile-active-order-list .orders-table .created-column,
    tf-mobile-inactive-order-list .orders-table .created-column {
      width: 110px;
      max-width: 130px;
      display: flex;
      justify-content: flex-start;
      flex-basis: 110px;
      flex-grow: 1;
      padding: 0 5px; }
      @media (max-width: 992px) {
        tf-equity-active-order-list .orders-table .created-column,
        tf-equity-inactive-order-list .orders-table .created-column,
        tf-option-active-order-list .orders-table .created-column,
        tf-option-inactive-order-list .orders-table .created-column,
        tf-mobile-active-order-list .orders-table .created-column,
        tf-mobile-inactive-order-list .orders-table .created-column {
          display: none; } }
    tf-equity-active-order-list .orders-table .strike-column,
    tf-equity-inactive-order-list .orders-table .strike-column,
    tf-option-active-order-list .orders-table .strike-column,
    tf-option-inactive-order-list .orders-table .strike-column,
    tf-mobile-active-order-list .orders-table .strike-column,
    tf-mobile-inactive-order-list .orders-table .strike-column {
      width: 80px;
      display: flex;
      justify-content: flex-end;
      flex-basis: 80px;
      flex-grow: 0;
      padding: 0 5px; }
    tf-equity-active-order-list .orders-table .expiry-column,
    tf-equity-inactive-order-list .orders-table .expiry-column,
    tf-option-active-order-list .orders-table .expiry-column,
    tf-option-inactive-order-list .orders-table .expiry-column,
    tf-mobile-active-order-list .orders-table .expiry-column,
    tf-mobile-inactive-order-list .orders-table .expiry-column {
      width: 80px;
      display: flex;
      justify-content: flex-start;
      flex-basis: 80px;
      flex-grow: 0;
      padding: 0 5px; }
    tf-equity-active-order-list .orders-table .quantity-column,
    tf-equity-active-order-list .orders-table .filled-column,
    tf-equity-inactive-order-list .orders-table .quantity-column,
    tf-equity-inactive-order-list .orders-table .filled-column,
    tf-option-active-order-list .orders-table .quantity-column,
    tf-option-active-order-list .orders-table .filled-column,
    tf-option-inactive-order-list .orders-table .quantity-column,
    tf-option-inactive-order-list .orders-table .filled-column,
    tf-mobile-active-order-list .orders-table .quantity-column,
    tf-mobile-active-order-list .orders-table .filled-column,
    tf-mobile-inactive-order-list .orders-table .quantity-column,
    tf-mobile-inactive-order-list .orders-table .filled-column {
      width: 90px;
      display: flex;
      justify-content: flex-end;
      flex-basis: 90px;
      flex-grow: 0;
      padding: 0 5px; }
    tf-equity-active-order-list .orders-table .vol-column,
    tf-equity-active-order-list .orders-table .delta-column,
    tf-equity-inactive-order-list .orders-table .vol-column,
    tf-equity-inactive-order-list .orders-table .delta-column,
    tf-option-active-order-list .orders-table .vol-column,
    tf-option-active-order-list .orders-table .delta-column,
    tf-option-inactive-order-list .orders-table .vol-column,
    tf-option-inactive-order-list .orders-table .delta-column,
    tf-mobile-active-order-list .orders-table .vol-column,
    tf-mobile-active-order-list .orders-table .delta-column,
    tf-mobile-inactive-order-list .orders-table .vol-column,
    tf-mobile-inactive-order-list .orders-table .delta-column {
      width: 60px;
      display: flex;
      justify-content: flex-end;
      text-align: end;
      flex-basis: 60px;
      flex-grow: 0;
      padding: 0 5px; }
    tf-equity-active-order-list .orders-table .updated-column,
    tf-equity-active-order-list .orders-table .completed-column,
    tf-equity-inactive-order-list .orders-table .updated-column,
    tf-equity-inactive-order-list .orders-table .completed-column,
    tf-option-active-order-list .orders-table .updated-column,
    tf-option-active-order-list .orders-table .completed-column,
    tf-option-inactive-order-list .orders-table .updated-column,
    tf-option-inactive-order-list .orders-table .completed-column,
    tf-mobile-active-order-list .orders-table .updated-column,
    tf-mobile-active-order-list .orders-table .completed-column,
    tf-mobile-inactive-order-list .orders-table .updated-column,
    tf-mobile-inactive-order-list .orders-table .completed-column {
      width: 110px;
      max-width: 130px;
      display: flex;
      justify-content: flex-start;
      flex-basis: 110px;
      flex-grow: 1;
      padding: 0 5px; }
    @media (max-width: 992px) {
      tf-equity-active-order-list .orders-table .updated-column,
      tf-equity-inactive-order-list .orders-table .updated-column,
      tf-option-active-order-list .orders-table .updated-column,
      tf-option-inactive-order-list .orders-table .updated-column,
      tf-mobile-active-order-list .orders-table .updated-column,
      tf-mobile-inactive-order-list .orders-table .updated-column {
        display: none; } }
    tf-equity-active-order-list .orders-table .action-cancel-column,
    tf-equity-active-order-list .orders-table .action-amend-column,
    tf-equity-active-order-list .orders-table .action-replace-column,
    tf-equity-inactive-order-list .orders-table .action-cancel-column,
    tf-equity-inactive-order-list .orders-table .action-amend-column,
    tf-equity-inactive-order-list .orders-table .action-replace-column,
    tf-option-active-order-list .orders-table .action-cancel-column,
    tf-option-active-order-list .orders-table .action-amend-column,
    tf-option-active-order-list .orders-table .action-replace-column,
    tf-option-inactive-order-list .orders-table .action-cancel-column,
    tf-option-inactive-order-list .orders-table .action-amend-column,
    tf-option-inactive-order-list .orders-table .action-replace-column,
    tf-mobile-active-order-list .orders-table .action-cancel-column,
    tf-mobile-active-order-list .orders-table .action-amend-column,
    tf-mobile-active-order-list .orders-table .action-replace-column,
    tf-mobile-inactive-order-list .orders-table .action-cancel-column,
    tf-mobile-inactive-order-list .orders-table .action-amend-column,
    tf-mobile-inactive-order-list .orders-table .action-replace-column {
      width: 50px;
      display: flex;
      justify-content: center;
      flex-basis: 50px;
      flex-grow: 0;
      padding: 0 5px; }
    @media (max-width: 768px) {
      tf-equity-active-order-list .orders-table .action-cancel-column,
      tf-equity-inactive-order-list .orders-table .action-cancel-column,
      tf-option-active-order-list .orders-table .action-cancel-column,
      tf-option-inactive-order-list .orders-table .action-cancel-column,
      tf-mobile-active-order-list .orders-table .action-cancel-column,
      tf-mobile-inactive-order-list .orders-table .action-cancel-column {
        display: none; } }
    tf-equity-active-order-list .orders-table .info-column,
    tf-equity-inactive-order-list .orders-table .info-column,
    tf-option-active-order-list .orders-table .info-column,
    tf-option-inactive-order-list .orders-table .info-column,
    tf-mobile-active-order-list .orders-table .info-column,
    tf-mobile-inactive-order-list .orders-table .info-column {
      width: 20px;
      display: flex;
      justify-content: center;
      flex-basis: 20px;
      flex-grow: 0;
      padding: 0 5px;
      position: relative;
      overflow: visible; }

tf-order-entry-link.enabled {
  cursor: pointer; }

tf-orders .working-orders-container {
  display: flex;
  flex-direction: column;
  overflow: hidden; }

tf-orders .completed-orders-container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin-top: 10px; }

tf-orders .section-title {
  padding: 0 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap; }
  tf-orders .section-title > * {
    margin: 5px;
    text-align: left; }
  @media (max-width: 768px) {
    tf-orders .section-title .filter-toggle .tfCheck {
      vertical-align: middle; }
    tf-orders .section-title .filter-toggle span {
      font-size: 16px;
      vertical-align: middle; } }

tf-orders .active-order-controls,
tf-orders .completed-order-controls {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: auto;
  align-items: center; }
  tf-orders .active-order-controls > *,
  tf-orders .completed-order-controls > * {
    margin-left: 10px; }

tf-child-orders-dialog .modal-header {
  padding: 25px; }

tf-child-orders-dialog .modal-body {
  display: flex;
  justify-content: center; }
  tf-child-orders-dialog .modal-body .add-child-order-container {
    width: 90%;
    display: flex;
    flex-direction: column;
    gap: 15px; }
    tf-child-orders-dialog .modal-body .add-child-order-container .limit-invalid-message {
      position: absolute;
      bottom: -2px;
      left: 134px;
      color: red; }

tf-child-orders-dialog .step-footer {
  display: flex;
  padding: 10px;
  border-top: 1px solid darkgrey;
  flex-direction: row-reverse;
  min-height: calc(45px + 20px); }
  tf-child-orders-dialog .step-footer > * {
    margin-top: auto;
    margin-bottom: auto; }
  @media (max-width: 480px) {
    tf-child-orders-dialog .step-footer .pull-right {
      float: left !important; } }

tf-orders-view {
  display: block;
  height: 100%;
  overflow: hidden; }

tf-orders-desktop-view {
  display: block;
  padding-left: 5px; }
  tf-orders-desktop-view tf-orders .working-orders-container, tf-orders-desktop-view tf-orders .completed-orders-container {
    height: 50vh; }

account-performance-view {
  display: flex;
  flex-wrap: wrap; }
  account-performance-view tf-account-performance-chart {
    flex-grow: 1;
    height: 600px;
    padding-right: 15px; }
  account-performance-view tf-account-performance-key-indicators {
    width: 500px; }
  account-performance-view tf-trade-history {
    width: 100%; }

tf-trade-history {
  display: flex; }
  tf-trade-history .widget {
    width: 100%; }
  tf-trade-history .widget-header {
    display: flex;
    justify-content: space-between;
    height: auto; }
  tf-trade-history .strategy-selection {
    padding-left: 40px; }
  tf-trade-history .filters {
    display: flex;
    flex-wrap: wrap;
    width: 250px; }
    tf-trade-history .filters .name-filter {
      display: flex;
      width: 100%; }
    tf-trade-history .filters .equity-filter {
      display: flex;
      width: 50%; }
    tf-trade-history .filters .options-filter {
      display: flex;
      width: 50%; }

tf-account-performance-chart .widget-header {
  height: auto; }

tf-account-performance-chart .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
  fill-opacity: 0;
  stroke-opacity: 0; }

tf-account-performance-key-indicators .panel-group {
  margin-bottom: 0; }

tf-account-performance-key-indicators .list-group {
  margin-bottom: 0; }

tf-account-performance-key-indicators .widget-header {
  height: auto; }

tf-account-performance-key-indicators .summary-value {
  float: right; }


tf-vetting-results {
  display: block; }
  tf-vetting-results .error-outcome, tf-vetting-results .warning-outcome {
    padding: 5px;
    border-radius: 5px;
    text-align: center; }


tf-equity-order-summary {
  display: flex;
  flex-direction: column; }
  tf-equity-order-summary .header-cell {
    padding-right: 10px; }
  tf-equity-order-summary .value-cell {
    text-align: right; }
  tf-equity-order-summary table {
    width: 100%; }
  tf-equity-order-summary td {
    font-size: 12px;
    padding: 10px 15px; }
  tf-equity-order-summary .large-font td {
    font-size: 14px; }
  tf-equity-order-summary .net-total td {
    font-weight: 500; }

tf-multi-account-equity-order-display {
  display: block;
  max-height: 200px;
  overflow-y: auto; }

tf-multi-account-equity-order-summary .header-column, tf-multi-account-equity-order-summary .table-column {
  display: flex;
  flex-grow: 1;
  flex-basis: 0;
  text-wrap: none;
  align-items: center;
  text-overflow: ellipsis;
  padding: 5px 7px;
  overflow: hidden;
  justify-content: center;
  align-items: center; }
  tf-multi-account-equity-order-summary .number-column.header-column, tf-multi-account-equity-order-summary .number-column.table-column {
    justify-content: flex-end; }

tf-multi-account-equity-order-summary {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden; }
  tf-multi-account-equity-order-summary .table-header {
    display: flex;
    flex-direction: row;
    width: 100%;
    font-weight: bold;
    font-size: 13px; }
    tf-multi-account-equity-order-summary .table-header .header-column:last-child {
      padding-right: 15px; }
  tf-multi-account-equity-order-summary .table-body {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: calc(100% - 30px);
    font-size: 13px; }
    tf-multi-account-equity-order-summary .table-body .table-row {
      display: flex;
      flex-direction: row;
      width: 100%; }
    tf-multi-account-equity-order-summary .table-body .table-column.highest-high, tf-multi-account-equity-order-summary .table-body .table-column.lowest-low {
      font-weight: 600; }
    tf-multi-account-equity-order-summary .table-body .table-column:last-child {
      padding-right: 15px; }
  @media (max-width: 992px) {
    tf-multi-account-equity-order-summary .header-column, tf-multi-account-equity-order-summary .table-column {
      font-size: 10px; } }

tf-multi-account-vetting-results {
  display: block;
  max-height: 100px;
  overflow-y: auto; }
  tf-multi-account-vetting-results .vetting-border {
    border: 1px solid lightgray;
    margin: 5px;
    border-radius: 5px; }
  tf-multi-account-vetting-results .account-detail {
    padding: 5px 10px; }
  tf-multi-account-vetting-results tf-vetting-results .error-outcome, tf-multi-account-vetting-results tf-vetting-results .warning-outcome {
    margin: 5px 10px; }

tf-equity-order-wizard {
  display: block; }
  tf-equity-order-wizard .modal-header {
    display: flex;
    flex-direction: row;
    text-align: center; }
    tf-equity-order-wizard .modal-header h4 {
      display: block;
      margin: 0; }
    tf-equity-order-wizard .modal-header i {
      line-height: inherit; }
  tf-equity-order-wizard .modal-body {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /* IE and Edge */
    scrollbar-width: thin;
    /* Firefox */
    padding: 0; }
    tf-equity-order-wizard .modal-body::-webkit-scrollbar {
      width: 5px;
      height: 8px;
      background-color: #E4E4E4; }
    tf-equity-order-wizard .modal-body::-webkit-scrollbar-thumb {
      border: 6px solid #a7a7a7;
      background: #a7a7a7;
      border-radius: 12px 12px 12px 12px;
      margin: 0 auto; }
    tf-equity-order-wizard .modal-body .account-select-wrapper {
      padding: 10px 15px;
      margin-bottom: 0; }
    tf-equity-order-wizard .modal-body roa-step {
      padding-left: 10px;
      padding-right: 10px; }
  tf-equity-order-wizard .account-balance {
    display: flex;
    justify-content: flex-end;
    min-height: 34px;
    align-items: center; }
    @media (max-width: 768px) {
      tf-equity-order-wizard .account-balance {
        justify-content: flex-start; } }
    tf-equity-order-wizard .account-balance span {
      margin-right: 5px; }
  tf-equity-order-wizard .wizard-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: break-word;
    margin-right: auto; }
    tf-equity-order-wizard .wizard-header tf-account-select {
      display: inline-block;
      width: 70%;
      font-size: 14px; }
  tf-equity-order-wizard .validation-messages {
    padding: 5px;
    margin-top: 5px;
    border-radius: 5px;
    text-align: center; }
  tf-equity-order-wizard .step-footer {
    padding: 10px 15px; }
  tf-equity-order-wizard .step-footer-confirmation {
    text-align: center;
    padding: 20px 15px; }
    @media (max-width: 768px) {
      tf-equity-order-wizard .step-footer-confirmation {
        text-align: left; } }

tf-place-child-order-wizard {
  display: block; }
  tf-place-child-order-wizard .modal-header {
    display: flex;
    flex-direction: row;
    text-align: center; }
    tf-place-child-order-wizard .modal-header h4 {
      display: block;
      margin: 0; }
    tf-place-child-order-wizard .modal-header i {
      line-height: inherit; }
  tf-place-child-order-wizard .modal-body {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /* IE and Edge */
    scrollbar-width: thin;
    /* Firefox */
    padding: 0; }
    tf-place-child-order-wizard .modal-body::-webkit-scrollbar {
      width: 5px;
      height: 8px;
      background-color: #E4E4E4; }
    tf-place-child-order-wizard .modal-body::-webkit-scrollbar-thumb {
      border: 6px solid #a7a7a7;
      background: #a7a7a7;
      border-radius: 12px 12px 12px 12px;
      margin: 0 auto; }
    tf-place-child-order-wizard .modal-body .account-select-wrapper {
      padding: 10px 15px;
      margin-bottom: 0; }
    tf-place-child-order-wizard .modal-body roa-step {
      padding-left: 10px;
      padding-right: 10px; }
  tf-place-child-order-wizard .account-balance {
    display: flex;
    justify-content: flex-end;
    min-height: 34px;
    align-items: center; }
    @media (max-width: 768px) {
      tf-place-child-order-wizard .account-balance {
        justify-content: flex-start; } }
    tf-place-child-order-wizard .account-balance span {
      margin-right: 5px; }
  tf-place-child-order-wizard .wizard-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: break-word;
    margin-right: auto; }
    tf-place-child-order-wizard .wizard-header tf-account-select {
      display: inline-block;
      width: 70%;
      font-size: 14px; }
  tf-place-child-order-wizard .validation-messages {
    padding: 5px;
    margin-top: 5px;
    border-radius: 5px;
    text-align: center; }
  tf-place-child-order-wizard .step-footer {
    padding: 10px 15px; }
  tf-place-child-order-wizard .step-footer-confirmation {
    text-align: center;
    padding: 20px 15px; }
    @media (max-width: 768px) {
      tf-place-child-order-wizard .step-footer-confirmation {
        text-align: left; } }

tf-single-account-order-dialog .modal-header {
  padding: 25px; }

tf-single-account-order-dialog .modal-body {
  justify-content: center; }
  tf-single-account-order-dialog .modal-body ng-form {
    display: block; }
  tf-single-account-order-dialog .modal-body .account-select-wrapper {
    padding: 10px 15px;
    margin-bottom: 0; }
  tf-single-account-order-dialog .modal-body .row-wrapper, tf-single-account-order-dialog .modal-body tf-trade-detail-limit .row, tf-single-account-order-dialog .modal-body tf-trade-pricing-instruction .row {
    padding: 10px 15px;
    margin-bottom: 0; }
  tf-single-account-order-dialog .modal-body .control-label {
    margin-top: 6px; }
  tf-single-account-order-dialog .modal-body label {
    margin-bottom: 0; }
    @media (max-width: 768px) {
      tf-single-account-order-dialog .modal-body label {
        margin-bottom: 5px; } }
  tf-single-account-order-dialog .modal-body .right-align-sm {
    display: flex;
    justify-content: flex-end;
    min-height: 34px;
    align-items: center; }
    @media (max-width: 768px) {
      tf-single-account-order-dialog .modal-body .right-align-sm {
        justify-content: flex-start; } }
  tf-single-account-order-dialog .modal-body tf-current-quote {
    width: 100%; }
  tf-single-account-order-dialog .modal-body select, tf-single-account-order-dialog .modal-body input, tf-single-account-order-dialog .modal-body .form-control {
    border-radius: 4px; }
  tf-single-account-order-dialog .modal-body .buy-sell-select {
    display: flex; }
    tf-single-account-order-dialog .modal-body .buy-sell-select .btn {
      width: 50%;
      padding: 10px;
      box-shadow: none; }
    tf-single-account-order-dialog .modal-body .buy-sell-select .buy-order.active {
      margin-right: auto; }
    tf-single-account-order-dialog .modal-body .buy-sell-select .sell-order.active {
      margin-left: auto; }
  tf-single-account-order-dialog .modal-body .select-order-type {
    min-width: 130px; }
  tf-single-account-order-dialog .modal-body .select-pricing-instruction {
    max-width: 150px; }
  tf-single-account-order-dialog .modal-body .stop-loss-checkbox {
    margin-top: 10px;
    padding: 10px;
    border-radius: 4px; }
  tf-single-account-order-dialog .modal-body .checkbox {
    display: inline-block;
    margin: 0;
    border: none;
    box-shadow: none;
    background: none; }
    tf-single-account-order-dialog .modal-body .checkbox.active {
      border: none;
      box-shadow: none;
      background: none; }
    tf-single-account-order-dialog .modal-body .checkbox i {
      vertical-align: middle; }
  tf-single-account-order-dialog .modal-body .order-type p {
    margin-bottom: 0; }
    @media (max-width: 768px) {
      tf-single-account-order-dialog .modal-body .order-type p {
        margin-top: 10px; } }
  tf-single-account-order-dialog .modal-body .tab-content {
    padding: 10px; }
  tf-single-account-order-dialog .modal-body .order-trigger-field {
    margin-top: 10px; }

tf-single-account-order-dialog .step-footer {
  display: flex;
  padding: 10px;
  border-top: 1px solid darkgrey;
  flex-direction: row-reverse;
  min-height: calc(45px + 20px); }
  tf-single-account-order-dialog .step-footer > * {
    margin-top: auto;
    margin-bottom: auto; }
  @media (max-width: 480px) {
    tf-single-account-order-dialog .step-footer .pull-right {
      float: left !important; } }

tf-multi-account-equity-order-wizard {
  display: block; }
  tf-multi-account-equity-order-wizard .modal-header {
    display: flex;
    flex-direction: row;
    text-align: center; }
    tf-multi-account-equity-order-wizard .modal-header h4 {
      display: block;
      margin: 0; }
    tf-multi-account-equity-order-wizard .modal-header i {
      line-height: inherit; }
  tf-multi-account-equity-order-wizard .modal-body {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /* IE and Edge */
    scrollbar-width: thin;
    /* Firefox */
    padding: 0; }
    tf-multi-account-equity-order-wizard .modal-body::-webkit-scrollbar {
      width: 5px;
      height: 8px;
      background-color: #E4E4E4; }
    tf-multi-account-equity-order-wizard .modal-body::-webkit-scrollbar-thumb {
      border: 6px solid #a7a7a7;
      background: #a7a7a7;
      border-radius: 12px 12px 12px 12px;
      margin: 0 auto; }
    tf-multi-account-equity-order-wizard .modal-body .account-select-wrapper {
      padding: 10px 15px;
      margin-bottom: 0; }
    tf-multi-account-equity-order-wizard .modal-body roa-step {
      padding-left: 10px;
      padding-right: 10px; }
  tf-multi-account-equity-order-wizard .account-balance {
    display: flex;
    justify-content: flex-end;
    min-height: 34px;
    align-items: center; }
    @media (max-width: 768px) {
      tf-multi-account-equity-order-wizard .account-balance {
        justify-content: flex-start; } }
    tf-multi-account-equity-order-wizard .account-balance span {
      margin-right: 5px; }
  tf-multi-account-equity-order-wizard .wizard-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: break-word;
    margin-right: auto; }
    tf-multi-account-equity-order-wizard .wizard-header tf-account-select {
      display: inline-block;
      width: 70%;
      font-size: 14px; }
  tf-multi-account-equity-order-wizard .validation-messages {
    padding: 5px;
    margin-top: 5px;
    border-radius: 5px;
    text-align: center; }
  tf-multi-account-equity-order-wizard .step-footer {
    padding: 10px 15px; }
  tf-multi-account-equity-order-wizard .step-footer-confirmation {
    text-align: center;
    padding: 20px 15px; }
    @media (max-width: 768px) {
      tf-multi-account-equity-order-wizard .step-footer-confirmation {
        text-align: left; } }

equity-portfolio-impact {
  display: block; }

tf-equity-active-order-list .table-header,
tf-equity-inactive-order-list .table-header,
tf-option-active-order-list .table-header,
tf-option-inactive-order-list .table-header {
  height: 40px; }
  tf-equity-active-order-list .table-header .stock-input,
  tf-equity-inactive-order-list .table-header .stock-input,
  tf-option-active-order-list .table-header .stock-input,
  tf-option-inactive-order-list .table-header .stock-input {
    width: 150px; }

tf-equity-active-order-list .orders-table .table-header,
tf-equity-inactive-order-list .orders-table .table-header,
tf-option-active-order-list .orders-table .table-header,
tf-option-inactive-order-list .orders-table .table-header {
  padding-right: 10px; }

tf-equity-active-order-list .orders-table .table-body,
tf-equity-inactive-order-list .orders-table .table-body,
tf-option-active-order-list .orders-table .table-body,
tf-option-inactive-order-list .orders-table .table-body {
  height: calc(100% - 40px);
  padding-right: 10px; }

tf-equity-active-order-list .orders-table .order-row .order-number-column,
tf-equity-inactive-order-list .orders-table .order-row .order-number-column,
tf-option-active-order-list .orders-table .order-row .order-number-column,
tf-option-inactive-order-list .orders-table .order-row .order-number-column {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .is-parent-column,
tf-equity-inactive-order-list .orders-table .order-row .is-parent-column,
tf-option-active-order-list .orders-table .order-row .is-parent-column,
tf-option-inactive-order-list .orders-table .order-row .is-parent-column {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .parent-order-column,
tf-equity-inactive-order-list .orders-table .order-row .parent-order-column,
tf-option-active-order-list .orders-table .order-row .parent-order-column,
tf-option-inactive-order-list .orders-table .order-row .parent-order-column {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .account-column,
tf-equity-inactive-order-list .orders-table .order-row .account-column,
tf-option-active-order-list .orders-table .order-row .account-column,
tf-option-inactive-order-list .orders-table .order-row .account-column {
  flex-direction: column;
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .side-column .conditional-indicator,
tf-equity-inactive-order-list .orders-table .order-row .side-column .conditional-indicator,
tf-option-active-order-list .orders-table .order-row .side-column .conditional-indicator,
tf-option-inactive-order-list .orders-table .order-row .side-column .conditional-indicator {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .lifetime-column,
tf-equity-inactive-order-list .orders-table .order-row .lifetime-column,
tf-option-active-order-list .orders-table .order-row .lifetime-column,
tf-option-inactive-order-list .orders-table .order-row .lifetime-column {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .created-column,
tf-equity-inactive-order-list .orders-table .order-row .created-column,
tf-option-active-order-list .orders-table .order-row .created-column,
tf-option-inactive-order-list .orders-table .order-row .created-column {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .updated-column,
tf-equity-inactive-order-list .orders-table .order-row .updated-column,
tf-option-active-order-list .orders-table .order-row .updated-column,
tf-option-inactive-order-list .orders-table .order-row .updated-column {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .completed-column,
tf-equity-inactive-order-list .orders-table .order-row .completed-column,
tf-option-active-order-list .orders-table .order-row .completed-column,
tf-option-inactive-order-list .orders-table .order-row .completed-column {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .status-column,
tf-equity-inactive-order-list .orders-table .order-row .status-column,
tf-option-active-order-list .orders-table .order-row .status-column,
tf-option-inactive-order-list .orders-table .order-row .status-column {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .limit-column .price-instruction-type,
tf-equity-inactive-order-list .orders-table .order-row .limit-column .price-instruction-type,
tf-option-active-order-list .orders-table .order-row .limit-column .price-instruction-type,
tf-option-inactive-order-list .orders-table .order-row .limit-column .price-instruction-type {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-number-column,
tf-equity-inactive-order-list .orders-table .order-number-column,
tf-option-active-order-list .orders-table .order-number-column,
tf-option-inactive-order-list .orders-table .order-number-column {
  flex-basis: 80px; }

tf-equity-active-order-list .orders-table .is-parent-column,
tf-equity-inactive-order-list .orders-table .is-parent-column,
tf-option-active-order-list .orders-table .is-parent-column,
tf-option-inactive-order-list .orders-table .is-parent-column {
  flex-basis: 90px; }

tf-equity-active-order-list .orders-table .parent-order-column,
tf-equity-inactive-order-list .orders-table .parent-order-column,
tf-option-active-order-list .orders-table .parent-order-column,
tf-option-inactive-order-list .orders-table .parent-order-column {
  flex-basis: 120px; }

tf-equity-active-order-list .orders-table .lifetime-column,
tf-equity-inactive-order-list .orders-table .lifetime-column,
tf-option-active-order-list .orders-table .lifetime-column,
tf-option-inactive-order-list .orders-table .lifetime-column {
  flex-basis: 70px; }

tf-equity-active-order-list .orders-table .account-column,
tf-equity-inactive-order-list .orders-table .account-column,
tf-option-active-order-list .orders-table .account-column,
tf-option-inactive-order-list .orders-table .account-column {
  width: 150px;
  min-width: 85px;
  flex-basis: 150px; }

tf-equity-active-order-list .orders-table .side-column,
tf-equity-inactive-order-list .orders-table .side-column,
tf-option-active-order-list .orders-table .side-column,
tf-option-inactive-order-list .orders-table .side-column {
  width: 75px;
  flex-basis: 75px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .security-column,
tf-equity-inactive-order-list .orders-table .security-column,
tf-option-active-order-list .orders-table .security-column,
tf-option-inactive-order-list .orders-table .security-column {
  width: 100px;
  flex-basis: 100px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .status-column,
tf-equity-inactive-order-list .orders-table .status-column,
tf-option-active-order-list .orders-table .status-column,
tf-option-inactive-order-list .orders-table .status-column {
  width: 110px;
  max-width: 150px;
  flex-basis: 110px;
  flex-grow: 1; }

tf-equity-active-order-list .orders-table .average-price-column,
tf-equity-active-order-list .orders-table .limit-column,
tf-equity-active-order-list .orders-table .last-column,
tf-equity-active-order-list .orders-table .theo-column,
tf-equity-inactive-order-list .orders-table .average-price-column,
tf-equity-inactive-order-list .orders-table .limit-column,
tf-equity-inactive-order-list .orders-table .last-column,
tf-equity-inactive-order-list .orders-table .theo-column,
tf-option-active-order-list .orders-table .average-price-column,
tf-option-active-order-list .orders-table .limit-column,
tf-option-active-order-list .orders-table .last-column,
tf-option-active-order-list .orders-table .theo-column,
tf-option-inactive-order-list .orders-table .average-price-column,
tf-option-inactive-order-list .orders-table .limit-column,
tf-option-inactive-order-list .orders-table .last-column,
tf-option-inactive-order-list .orders-table .theo-column {
  width: 80px;
  flex-basis: 80px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .destination-column,
tf-equity-inactive-order-list .orders-table .destination-column,
tf-option-active-order-list .orders-table .destination-column,
tf-option-inactive-order-list .orders-table .destination-column {
  width: 100px;
  flex-basis: 100px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .market-column,
tf-equity-inactive-order-list .orders-table .market-column,
tf-option-active-order-list .orders-table .market-column,
tf-option-inactive-order-list .orders-table .market-column {
  width: 160px;
  flex-basis: 160px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .strike-column,
tf-equity-inactive-order-list .orders-table .strike-column,
tf-option-active-order-list .orders-table .strike-column,
tf-option-inactive-order-list .orders-table .strike-column {
  width: 80px;
  flex-basis: 80px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .expiry-column,
tf-equity-inactive-order-list .orders-table .expiry-column,
tf-option-active-order-list .orders-table .expiry-column,
tf-option-inactive-order-list .orders-table .expiry-column {
  width: 80px;
  flex-basis: 80px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .quantity-column,
tf-equity-active-order-list .orders-table .remaining-column,
tf-equity-active-order-list .orders-table .filled-column,
tf-equity-inactive-order-list .orders-table .quantity-column,
tf-equity-inactive-order-list .orders-table .remaining-column,
tf-equity-inactive-order-list .orders-table .filled-column,
tf-option-active-order-list .orders-table .quantity-column,
tf-option-active-order-list .orders-table .remaining-column,
tf-option-active-order-list .orders-table .filled-column,
tf-option-inactive-order-list .orders-table .quantity-column,
tf-option-inactive-order-list .orders-table .remaining-column,
tf-option-inactive-order-list .orders-table .filled-column {
  width: 90px;
  flex-basis: 90px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .vol-column,
tf-equity-active-order-list .orders-table .delta-column,
tf-equity-inactive-order-list .orders-table .vol-column,
tf-equity-inactive-order-list .orders-table .delta-column,
tf-option-active-order-list .orders-table .vol-column,
tf-option-active-order-list .orders-table .delta-column,
tf-option-inactive-order-list .orders-table .vol-column,
tf-option-inactive-order-list .orders-table .delta-column {
  width: 60px;
  flex-basis: 60px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .created-column,
tf-equity-active-order-list .orders-table .updated-column,
tf-equity-active-order-list .orders-table .completed-column,
tf-equity-inactive-order-list .orders-table .created-column,
tf-equity-inactive-order-list .orders-table .updated-column,
tf-equity-inactive-order-list .orders-table .completed-column,
tf-option-active-order-list .orders-table .created-column,
tf-option-active-order-list .orders-table .updated-column,
tf-option-active-order-list .orders-table .completed-column,
tf-option-inactive-order-list .orders-table .created-column,
tf-option-inactive-order-list .orders-table .updated-column,
tf-option-inactive-order-list .orders-table .completed-column {
  width: 110px;
  max-width: 130px;
  flex-basis: 110px;
  flex-grow: 1; }

tf-equity-active-order-list .orders-table .action-cancel-column,
tf-equity-active-order-list .orders-table .action-amend-column,
tf-equity-active-order-list .orders-table .action-replace-column,
tf-equity-inactive-order-list .orders-table .action-cancel-column,
tf-equity-inactive-order-list .orders-table .action-amend-column,
tf-equity-inactive-order-list .orders-table .action-replace-column,
tf-option-active-order-list .orders-table .action-cancel-column,
tf-option-active-order-list .orders-table .action-amend-column,
tf-option-active-order-list .orders-table .action-replace-column,
tf-option-inactive-order-list .orders-table .action-cancel-column,
tf-option-inactive-order-list .orders-table .action-amend-column,
tf-option-inactive-order-list .orders-table .action-replace-column {
  width: 50px;
  flex-basis: 50px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .info-column,
tf-equity-inactive-order-list .orders-table .info-column,
tf-option-active-order-list .orders-table .info-column,
tf-option-inactive-order-list .orders-table .info-column {
  width: 20px;
  flex-basis: 20px;
  flex-grow: 0; }

tf-mobile-active-order-list .table-header,
tf-mobile-inactive-order-list .table-header {
  height: 30px; }

tf-mobile-active-order-list .orders-table .table-body,
tf-mobile-inactive-order-list .orders-table .table-body {
  flex-grow: 1;
  width: 100%;
  height: calc(100% - 30px); }

tf-mobile-active-order-list .orders-table .order-row .order-number-column,
tf-mobile-inactive-order-list .orders-table .order-row .order-number-column {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .is-parent-column,
tf-mobile-inactive-order-list .orders-table .order-row .is-parent-column {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .parent-order-column,
tf-mobile-inactive-order-list .orders-table .order-row .parent-order-column {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .account-column,
tf-mobile-inactive-order-list .orders-table .order-row .account-column {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .side-column .conditional-indicator,
tf-mobile-inactive-order-list .orders-table .order-row .side-column .conditional-indicator {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .lifetime-column,
tf-mobile-inactive-order-list .orders-table .order-row .lifetime-column {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .created-column,
tf-mobile-inactive-order-list .orders-table .order-row .created-column {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .updated-column,
tf-mobile-inactive-order-list .orders-table .order-row .updated-column {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .completed-column,
tf-mobile-inactive-order-list .orders-table .order-row .completed-column {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .status-column,
tf-mobile-inactive-order-list .orders-table .order-row .status-column {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .bid-ask,
tf-mobile-inactive-order-list .orders-table .order-row .bid-ask {
  flex-grow: 1;
  font-weight: bold; }

tf-mobile-active-order-list .orders-table .order-row .limit-column .price-instruction-type,
tf-mobile-inactive-order-list .orders-table .order-row .limit-column .price-instruction-type {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .account-column,
tf-mobile-inactive-order-list .orders-table .account-column {
  width: 150px;
  min-width: 85px;
  flex-basis: 150px;
  flex-grow: 3; }

tf-mobile-active-order-list .orders-table .side-column,
tf-mobile-inactive-order-list .orders-table .side-column {
  width: 75px;
  flex-basis: 75px; }

tf-mobile-active-order-list .orders-table .security-column,
tf-mobile-inactive-order-list .orders-table .security-column {
  width: 45px;
  flex-basis: 45px;
  min-width: 45px;
  flex-grow: 0; }

tf-mobile-active-order-list .orders-table .quantity-column,
tf-mobile-inactive-order-list .orders-table .quantity-column {
  width: 40px;
  min-width: 40px;
  flex-basis: 40px;
  flex-grow: 0;
  overflow: hidden;
  text-overflow: ellipsis; }

tf-mobile-active-order-list .orders-table .status-column,
tf-mobile-inactive-order-list .orders-table .status-column {
  width: 110px;
  max-width: 110px;
  flex-basis: 110px; }

tf-mobile-active-order-list .orders-table .average-price-column,
tf-mobile-active-order-list .orders-table .limit-column,
tf-mobile-inactive-order-list .orders-table .average-price-column,
tf-mobile-inactive-order-list .orders-table .limit-column {
  width: 80px;
  flex-basis: 80px;
  flex-grow: 0; }

tf-mobile-active-order-list .orders-table .quantity-column,
tf-mobile-inactive-order-list .orders-table .quantity-column {
  width: 90px;
  flex-basis: 90px;
  flex-grow: 0; }

tf-mobile-active-order-list .orders-table .info-column,
tf-mobile-inactive-order-list .orders-table .info-column {
  width: 20px;
  flex-basis: 20px;
  flex-grow: 0; }

@media (max-width: 480px) {
  tf-mobile-active-order-list,
  tf-mobile-inactive-order-list {
    font-size: 8px; }
    tf-mobile-active-order-list .orders-table .table-header .action-amend-column,
    tf-mobile-inactive-order-list .orders-table .table-header .action-amend-column {
      flex-basis: 90px; }
    tf-mobile-active-order-list .account-column .account-number,
    tf-mobile-active-order-list .account-column .account-name,
    tf-mobile-inactive-order-list .account-column .account-number,
    tf-mobile-inactive-order-list .account-column .account-name {
      font-size: 8px; }
    tf-mobile-active-order-list .action-amend-column button,
    tf-mobile-inactive-order-list .action-amend-column button {
      font-size: 8px; }
    tf-mobile-active-order-list .limit-column .price-instruction-type,
    tf-mobile-inactive-order-list .limit-column .price-instruction-type {
      font-size: 8px; }
    tf-mobile-active-order-list .status-column .status,
    tf-mobile-active-order-list .status-column .last-action,
    tf-mobile-inactive-order-list .status-column .status,
    tf-mobile-inactive-order-list .status-column .last-action {
      font-size: 8px; } }

tf-multi-account-orders-step {
  display: flex;
  flex-direction: column;
  padding: 5px 15px; }
  tf-multi-account-orders-step .add-child-btn-container {
    display: flex;
    flex-direction: row-reverse;
    margin: 15px 20px 30px; }
  tf-multi-account-orders-step .warning-container {
    display: flex;
    flex-direction: row-reverse;
    margin: 5px; }
  tf-multi-account-orders-step .child-orders-table-container {
    height: 500px; }
    tf-multi-account-orders-step .child-orders-table-container .child-orders-table {
      margin-bottom: 50px; }
      tf-multi-account-orders-step .child-orders-table-container .child-orders-table .table-header {
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        justify-content: center;
        padding-right: 10px; }
        tf-multi-account-orders-step .child-orders-table-container .child-orders-table .table-header .column-headers {
          display: flex;
          flex-direction: row;
          flex-grow: 1;
          width: 100%;
          font-weight: 700; }
          @media (max-width: 992px) {
            tf-multi-account-orders-step .child-orders-table-container .child-orders-table .table-header .column-headers {
              font-size: 10px; } }
      tf-multi-account-orders-step .child-orders-table-container .child-orders-table .table-body {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        width: 100%;
        padding-right: 10px; }
      tf-multi-account-orders-step .child-orders-table-container .child-orders-table .order-row {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        padding: 2px 0; }
        @media (max-width: 992px) {
          tf-multi-account-orders-step .child-orders-table-container .child-orders-table .order-row {
            font-size: 10px; } }

tf-multi-account-equity-order-confirm-step {
  display: block;
  max-height: 80vh; }
  tf-multi-account-equity-order-confirm-step tf-multi-account-equity-order-summary {
    text-align: center;
    font-size: 16px; }
  tf-multi-account-equity-order-confirm-step tf-multi-account-vetting-results .error-outcome, tf-multi-account-equity-order-confirm-step tf-multi-account-vetting-results .warning-outcome {
    margin: 5px 10px; }
  tf-multi-account-equity-order-confirm-step tf-multi-account-equity-order-summary {
    padding: 15px 20px 10px 20px; }

.multi-duplicate-orders-notification-dialog {
  display: flex; }
  .multi-duplicate-orders-notification-dialog .modal-body {
    max-height: 75vh;
    overflow-y: auto; }
  .multi-duplicate-orders-notification-dialog .duplicate-order-code {
    font-weight: 700;
    font-size: 18px; }
  .multi-duplicate-orders-notification-dialog .duplicate-order {
    margin-bottom: 10px;
    padding: 10px 20px;
    border-radius: 5px; }

tf-equity-order-step {
  display: block; }
  tf-equity-order-step ng-form {
    display: block; }
  tf-equity-order-step .row-wrapper, tf-equity-order-step tf-trade-detail-limit .row, tf-equity-order-step tf-trade-pricing-instruction .row {
    padding: 10px 15px;
    margin-bottom: 0; }
  tf-equity-order-step .control-label {
    margin-top: 6px; }
  tf-equity-order-step label {
    margin-bottom: 0; }
    @media (max-width: 768px) {
      tf-equity-order-step label {
        margin-bottom: 5px; } }
  tf-equity-order-step .right-align-sm {
    display: flex;
    justify-content: flex-end;
    min-height: 34px;
    align-items: center; }
    @media (max-width: 768px) {
      tf-equity-order-step .right-align-sm {
        justify-content: flex-start; } }
  tf-equity-order-step tf-current-quote {
    width: 100%; }
  tf-equity-order-step select, tf-equity-order-step input, tf-equity-order-step .form-control {
    border-radius: 4px; }
  tf-equity-order-step .buy-sell-select {
    display: flex; }
    tf-equity-order-step .buy-sell-select .btn {
      width: 50%;
      padding: 10px;
      box-shadow: none; }
    tf-equity-order-step .buy-sell-select .buy-order.active {
      margin-right: auto; }
    tf-equity-order-step .buy-sell-select .sell-order.active {
      margin-left: auto; }
  tf-equity-order-step .select-order-type {
    min-width: 130px; }
  tf-equity-order-step .select-pricing-instruction {
    max-width: 150px; }
  tf-equity-order-step .stop-loss-checkbox {
    margin-top: 10px;
    padding: 10px;
    border-radius: 4px; }
  tf-equity-order-step .checkbox {
    display: inline-block;
    margin: 0;
    border: none;
    box-shadow: none;
    background: none; }
    tf-equity-order-step .checkbox.active {
      border: none;
      box-shadow: none;
      background: none; }
    tf-equity-order-step .checkbox i {
      vertical-align: middle; }
  tf-equity-order-step .order-type p {
    margin-bottom: 0; }
    @media (max-width: 768px) {
      tf-equity-order-step .order-type p {
        margin-top: 10px; } }
  tf-equity-order-step .tab-content {
    padding: 10px; }
  tf-equity-order-step .order-trigger-field {
    margin-top: 10px; }

tf-equity-order-confirm-step {
  display: block; }
  tf-equity-order-confirm-step .equity-order-summary {
    text-align: center;
    font-size: 16px; }
  tf-equity-order-confirm-step tf-vetting-results .error-outcome, tf-equity-order-confirm-step tf-vetting-results .warning-outcome {
    margin: 15px 20px 10px 20px; }
  tf-equity-order-confirm-step tf-equity-order-summary {
    padding: 15px 20px 10px 20px; }

equity-portfolio-impact {
  display: block; }

place-order-wizard {
  display: block;
  height: 75vh;
  position: relative; }
  place-order-wizard .modal-header {
    padding-bottom: 0;
    display: flex;
    flex-direction: row;
    height: 75px; }
  place-order-wizard .wizard-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: break-word;
    margin-right: auto; }
    place-order-wizard .wizard-header tf-account-select {
      display: inline-block;
      font-size: 14px;
      width: 50%; }
  place-order-wizard .modal-body {
    height: calc(100% - 75px); }
  place-order-wizard .validation-messages, place-order-wizard .validation-warnings,
  place-order-wizard .validation-info {
    padding: 5px;
    margin-top: 5px;
    border-radius: 5px;
    text-align: center; }
  place-order-wizard market-hours-warning {
    margin-top: 20px; }

roa-step {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px; }

order-step {
  display: flex;
  flex-grow: 1; }
  order-step #ticket {
    display: flex;
    flex-grow: 1;
    flex-direction: row;
    flex-wrap: wrap; }
    order-step #ticket > div {
      margin: auto; }

tmc-order-step {
  display: flex;
  position: relative;
  flex-grow: 1; }
  tmc-order-step #ticket {
    display: inline-block;
    margin: auto; }
  tmc-order-step .tmcList {
    text-align: left; }
    tmc-order-step .tmcList td {
      padding: 0 5px; }
  tmc-order-step .panel {
    margin-bottom: 0; }
  tmc-order-step .validation-messages {
    min-height: 30px; }
  tmc-order-step .calculator-input {
    text-align: right;
    width: 170px; }
    tmc-order-step .calculator-input input {
      text-align: right;
      font-size: small; }

options-order-detail {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 20px; }
  options-order-detail .panel {
    margin-bottom: 0; }
  options-order-detail ng-form {
    display: flex;
    flex-direction: column;
    position: relative; }
  options-order-detail .validation-messages {
    min-height: 30px; }

portfolio-impact {
  display: block; }

tf-order-margin-limit {
  display: block; }
  tf-order-margin-limit .margin-error {
    padding: 5px;
    margin-top: 5px;
    border-radius: 5px;
    color: indianred;
    background-color: #f2dede;
    text-align: center; }
  tf-order-margin-limit .margin-warning {
    padding: 5px;
    margin-top: 5px;
    border-radius: 5px;
    color: #cd8145;
    background-color: #f2d8be;
    text-align: center; }

market-hours-warning {
  display: block; }
  market-hours-warning .icon-holder {
    padding-right: 5px; }

.duplicate-orders-notification-dialog {
  display: flex; }
  .duplicate-orders-notification-dialog .modal-body {
    max-height: 75vh;
    overflow-y: auto; }
  .duplicate-orders-notification-dialog .duplicate-order-code {
    font-weight: 700;
    font-size: 18px; }
  .duplicate-orders-notification-dialog .duplicate-order {
    margin-bottom: 10px;
    padding: 10px 20px;
    border-radius: 5px; }

tf-wizard-disclaimer-step {
  display: flex;
  flex-direction: column;
  padding: 5px 15px; }
  tf-wizard-disclaimer-step section {
    font-size: 13px; }
    tf-wizard-disclaimer-step section h3 {
      font-size: 16px;
      font-weight: 700; }

tf-equity-active-order-list .table-header,
tf-equity-inactive-order-list .table-header,
tf-option-active-order-list .table-header,
tf-option-inactive-order-list .table-header {
  height: 40px; }
  tf-equity-active-order-list .table-header .stock-input,
  tf-equity-inactive-order-list .table-header .stock-input,
  tf-option-active-order-list .table-header .stock-input,
  tf-option-inactive-order-list .table-header .stock-input {
    width: 150px; }

tf-equity-active-order-list .orders-table .table-header,
tf-equity-inactive-order-list .orders-table .table-header,
tf-option-active-order-list .orders-table .table-header,
tf-option-inactive-order-list .orders-table .table-header {
  padding-right: 10px; }

tf-equity-active-order-list .orders-table .table-body,
tf-equity-inactive-order-list .orders-table .table-body,
tf-option-active-order-list .orders-table .table-body,
tf-option-inactive-order-list .orders-table .table-body {
  height: calc(100% - 40px);
  padding-right: 10px; }

tf-equity-active-order-list .orders-table .order-row .order-number-column,
tf-equity-inactive-order-list .orders-table .order-row .order-number-column,
tf-option-active-order-list .orders-table .order-row .order-number-column,
tf-option-inactive-order-list .orders-table .order-row .order-number-column {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .is-parent-column,
tf-equity-inactive-order-list .orders-table .order-row .is-parent-column,
tf-option-active-order-list .orders-table .order-row .is-parent-column,
tf-option-inactive-order-list .orders-table .order-row .is-parent-column {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .parent-order-column,
tf-equity-inactive-order-list .orders-table .order-row .parent-order-column,
tf-option-active-order-list .orders-table .order-row .parent-order-column,
tf-option-inactive-order-list .orders-table .order-row .parent-order-column {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .account-column,
tf-equity-inactive-order-list .orders-table .order-row .account-column,
tf-option-active-order-list .orders-table .order-row .account-column,
tf-option-inactive-order-list .orders-table .order-row .account-column {
  flex-direction: column;
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .side-column .conditional-indicator,
tf-equity-inactive-order-list .orders-table .order-row .side-column .conditional-indicator,
tf-option-active-order-list .orders-table .order-row .side-column .conditional-indicator,
tf-option-inactive-order-list .orders-table .order-row .side-column .conditional-indicator {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .lifetime-column,
tf-equity-inactive-order-list .orders-table .order-row .lifetime-column,
tf-option-active-order-list .orders-table .order-row .lifetime-column,
tf-option-inactive-order-list .orders-table .order-row .lifetime-column {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .created-column,
tf-equity-inactive-order-list .orders-table .order-row .created-column,
tf-option-active-order-list .orders-table .order-row .created-column,
tf-option-inactive-order-list .orders-table .order-row .created-column {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .updated-column,
tf-equity-inactive-order-list .orders-table .order-row .updated-column,
tf-option-active-order-list .orders-table .order-row .updated-column,
tf-option-inactive-order-list .orders-table .order-row .updated-column {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .completed-column,
tf-equity-inactive-order-list .orders-table .order-row .completed-column,
tf-option-active-order-list .orders-table .order-row .completed-column,
tf-option-inactive-order-list .orders-table .order-row .completed-column {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .status-column,
tf-equity-inactive-order-list .orders-table .order-row .status-column,
tf-option-active-order-list .orders-table .order-row .status-column,
tf-option-inactive-order-list .orders-table .order-row .status-column {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-row .limit-column .price-instruction-type,
tf-equity-inactive-order-list .orders-table .order-row .limit-column .price-instruction-type,
tf-option-active-order-list .orders-table .order-row .limit-column .price-instruction-type,
tf-option-inactive-order-list .orders-table .order-row .limit-column .price-instruction-type {
  font-size: 12px; }

tf-equity-active-order-list .orders-table .order-number-column,
tf-equity-inactive-order-list .orders-table .order-number-column,
tf-option-active-order-list .orders-table .order-number-column,
tf-option-inactive-order-list .orders-table .order-number-column {
  flex-basis: 80px; }

tf-equity-active-order-list .orders-table .is-parent-column,
tf-equity-inactive-order-list .orders-table .is-parent-column,
tf-option-active-order-list .orders-table .is-parent-column,
tf-option-inactive-order-list .orders-table .is-parent-column {
  flex-basis: 90px; }

tf-equity-active-order-list .orders-table .parent-order-column,
tf-equity-inactive-order-list .orders-table .parent-order-column,
tf-option-active-order-list .orders-table .parent-order-column,
tf-option-inactive-order-list .orders-table .parent-order-column {
  flex-basis: 120px; }

tf-equity-active-order-list .orders-table .lifetime-column,
tf-equity-inactive-order-list .orders-table .lifetime-column,
tf-option-active-order-list .orders-table .lifetime-column,
tf-option-inactive-order-list .orders-table .lifetime-column {
  flex-basis: 70px; }

tf-equity-active-order-list .orders-table .account-column,
tf-equity-inactive-order-list .orders-table .account-column,
tf-option-active-order-list .orders-table .account-column,
tf-option-inactive-order-list .orders-table .account-column {
  width: 150px;
  min-width: 85px;
  flex-basis: 150px; }

tf-equity-active-order-list .orders-table .side-column,
tf-equity-inactive-order-list .orders-table .side-column,
tf-option-active-order-list .orders-table .side-column,
tf-option-inactive-order-list .orders-table .side-column {
  width: 75px;
  flex-basis: 75px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .security-column,
tf-equity-inactive-order-list .orders-table .security-column,
tf-option-active-order-list .orders-table .security-column,
tf-option-inactive-order-list .orders-table .security-column {
  width: 100px;
  flex-basis: 100px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .status-column,
tf-equity-inactive-order-list .orders-table .status-column,
tf-option-active-order-list .orders-table .status-column,
tf-option-inactive-order-list .orders-table .status-column {
  width: 110px;
  max-width: 150px;
  flex-basis: 110px;
  flex-grow: 1; }

tf-equity-active-order-list .orders-table .average-price-column,
tf-equity-active-order-list .orders-table .limit-column,
tf-equity-active-order-list .orders-table .last-column,
tf-equity-active-order-list .orders-table .theo-column,
tf-equity-inactive-order-list .orders-table .average-price-column,
tf-equity-inactive-order-list .orders-table .limit-column,
tf-equity-inactive-order-list .orders-table .last-column,
tf-equity-inactive-order-list .orders-table .theo-column,
tf-option-active-order-list .orders-table .average-price-column,
tf-option-active-order-list .orders-table .limit-column,
tf-option-active-order-list .orders-table .last-column,
tf-option-active-order-list .orders-table .theo-column,
tf-option-inactive-order-list .orders-table .average-price-column,
tf-option-inactive-order-list .orders-table .limit-column,
tf-option-inactive-order-list .orders-table .last-column,
tf-option-inactive-order-list .orders-table .theo-column {
  width: 80px;
  flex-basis: 80px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .destination-column,
tf-equity-inactive-order-list .orders-table .destination-column,
tf-option-active-order-list .orders-table .destination-column,
tf-option-inactive-order-list .orders-table .destination-column {
  width: 100px;
  flex-basis: 100px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .market-column,
tf-equity-inactive-order-list .orders-table .market-column,
tf-option-active-order-list .orders-table .market-column,
tf-option-inactive-order-list .orders-table .market-column {
  width: 160px;
  flex-basis: 160px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .strike-column,
tf-equity-inactive-order-list .orders-table .strike-column,
tf-option-active-order-list .orders-table .strike-column,
tf-option-inactive-order-list .orders-table .strike-column {
  width: 80px;
  flex-basis: 80px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .expiry-column,
tf-equity-inactive-order-list .orders-table .expiry-column,
tf-option-active-order-list .orders-table .expiry-column,
tf-option-inactive-order-list .orders-table .expiry-column {
  width: 80px;
  flex-basis: 80px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .quantity-column,
tf-equity-active-order-list .orders-table .remaining-column,
tf-equity-active-order-list .orders-table .filled-column,
tf-equity-inactive-order-list .orders-table .quantity-column,
tf-equity-inactive-order-list .orders-table .remaining-column,
tf-equity-inactive-order-list .orders-table .filled-column,
tf-option-active-order-list .orders-table .quantity-column,
tf-option-active-order-list .orders-table .remaining-column,
tf-option-active-order-list .orders-table .filled-column,
tf-option-inactive-order-list .orders-table .quantity-column,
tf-option-inactive-order-list .orders-table .remaining-column,
tf-option-inactive-order-list .orders-table .filled-column {
  width: 90px;
  flex-basis: 90px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .vol-column,
tf-equity-active-order-list .orders-table .delta-column,
tf-equity-inactive-order-list .orders-table .vol-column,
tf-equity-inactive-order-list .orders-table .delta-column,
tf-option-active-order-list .orders-table .vol-column,
tf-option-active-order-list .orders-table .delta-column,
tf-option-inactive-order-list .orders-table .vol-column,
tf-option-inactive-order-list .orders-table .delta-column {
  width: 60px;
  flex-basis: 60px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .created-column,
tf-equity-active-order-list .orders-table .updated-column,
tf-equity-active-order-list .orders-table .completed-column,
tf-equity-inactive-order-list .orders-table .created-column,
tf-equity-inactive-order-list .orders-table .updated-column,
tf-equity-inactive-order-list .orders-table .completed-column,
tf-option-active-order-list .orders-table .created-column,
tf-option-active-order-list .orders-table .updated-column,
tf-option-active-order-list .orders-table .completed-column,
tf-option-inactive-order-list .orders-table .created-column,
tf-option-inactive-order-list .orders-table .updated-column,
tf-option-inactive-order-list .orders-table .completed-column {
  width: 110px;
  max-width: 130px;
  flex-basis: 110px;
  flex-grow: 1; }

tf-equity-active-order-list .orders-table .action-cancel-column,
tf-equity-active-order-list .orders-table .action-amend-column,
tf-equity-active-order-list .orders-table .action-replace-column,
tf-equity-inactive-order-list .orders-table .action-cancel-column,
tf-equity-inactive-order-list .orders-table .action-amend-column,
tf-equity-inactive-order-list .orders-table .action-replace-column,
tf-option-active-order-list .orders-table .action-cancel-column,
tf-option-active-order-list .orders-table .action-amend-column,
tf-option-active-order-list .orders-table .action-replace-column,
tf-option-inactive-order-list .orders-table .action-cancel-column,
tf-option-inactive-order-list .orders-table .action-amend-column,
tf-option-inactive-order-list .orders-table .action-replace-column {
  width: 50px;
  flex-basis: 50px;
  flex-grow: 0; }

tf-equity-active-order-list .orders-table .info-column,
tf-equity-inactive-order-list .orders-table .info-column,
tf-option-active-order-list .orders-table .info-column,
tf-option-inactive-order-list .orders-table .info-column {
  width: 20px;
  flex-basis: 20px;
  flex-grow: 0; }

tf-mobile-active-order-list .table-header,
tf-mobile-inactive-order-list .table-header {
  height: 30px; }

tf-mobile-active-order-list .orders-table .table-body,
tf-mobile-inactive-order-list .orders-table .table-body {
  flex-grow: 1;
  width: 100%;
  height: calc(100% - 30px); }

tf-mobile-active-order-list .orders-table .order-row .order-number-column,
tf-mobile-inactive-order-list .orders-table .order-row .order-number-column {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .is-parent-column,
tf-mobile-inactive-order-list .orders-table .order-row .is-parent-column {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .parent-order-column,
tf-mobile-inactive-order-list .orders-table .order-row .parent-order-column {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .account-column,
tf-mobile-inactive-order-list .orders-table .order-row .account-column {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .side-column .conditional-indicator,
tf-mobile-inactive-order-list .orders-table .order-row .side-column .conditional-indicator {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .lifetime-column,
tf-mobile-inactive-order-list .orders-table .order-row .lifetime-column {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .created-column,
tf-mobile-inactive-order-list .orders-table .order-row .created-column {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .updated-column,
tf-mobile-inactive-order-list .orders-table .order-row .updated-column {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .completed-column,
tf-mobile-inactive-order-list .orders-table .order-row .completed-column {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .status-column,
tf-mobile-inactive-order-list .orders-table .order-row .status-column {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .order-row .bid-ask,
tf-mobile-inactive-order-list .orders-table .order-row .bid-ask {
  flex-grow: 1;
  font-weight: bold; }

tf-mobile-active-order-list .orders-table .order-row .limit-column .price-instruction-type,
tf-mobile-inactive-order-list .orders-table .order-row .limit-column .price-instruction-type {
  font-size: 12px; }

tf-mobile-active-order-list .orders-table .account-column,
tf-mobile-inactive-order-list .orders-table .account-column {
  width: 150px;
  min-width: 85px;
  flex-basis: 150px;
  flex-grow: 3; }

tf-mobile-active-order-list .orders-table .side-column,
tf-mobile-inactive-order-list .orders-table .side-column {
  width: 75px;
  flex-basis: 75px; }

tf-mobile-active-order-list .orders-table .security-column,
tf-mobile-inactive-order-list .orders-table .security-column {
  width: 45px;
  flex-basis: 45px;
  min-width: 45px;
  flex-grow: 0; }

tf-mobile-active-order-list .orders-table .quantity-column,
tf-mobile-inactive-order-list .orders-table .quantity-column {
  width: 40px;
  min-width: 40px;
  flex-basis: 40px;
  flex-grow: 0;
  overflow: hidden;
  text-overflow: ellipsis; }

tf-mobile-active-order-list .orders-table .status-column,
tf-mobile-inactive-order-list .orders-table .status-column {
  width: 110px;
  max-width: 110px;
  flex-basis: 110px; }

tf-mobile-active-order-list .orders-table .average-price-column,
tf-mobile-active-order-list .orders-table .limit-column,
tf-mobile-inactive-order-list .orders-table .average-price-column,
tf-mobile-inactive-order-list .orders-table .limit-column {
  width: 80px;
  flex-basis: 80px;
  flex-grow: 0; }

tf-mobile-active-order-list .orders-table .quantity-column,
tf-mobile-inactive-order-list .orders-table .quantity-column {
  width: 90px;
  flex-basis: 90px;
  flex-grow: 0; }

tf-mobile-active-order-list .orders-table .info-column,
tf-mobile-inactive-order-list .orders-table .info-column {
  width: 20px;
  flex-basis: 20px;
  flex-grow: 0; }

@media (max-width: 480px) {
  tf-mobile-active-order-list,
  tf-mobile-inactive-order-list {
    font-size: 8px; }
    tf-mobile-active-order-list .orders-table .table-header .action-amend-column,
    tf-mobile-inactive-order-list .orders-table .table-header .action-amend-column {
      flex-basis: 90px; }
    tf-mobile-active-order-list .account-column .account-number,
    tf-mobile-active-order-list .account-column .account-name,
    tf-mobile-inactive-order-list .account-column .account-number,
    tf-mobile-inactive-order-list .account-column .account-name {
      font-size: 8px; }
    tf-mobile-active-order-list .action-amend-column button,
    tf-mobile-inactive-order-list .action-amend-column button {
      font-size: 8px; }
    tf-mobile-active-order-list .limit-column .price-instruction-type,
    tf-mobile-inactive-order-list .limit-column .price-instruction-type {
      font-size: 8px; }
    tf-mobile-active-order-list .status-column .status,
    tf-mobile-active-order-list .status-column .last-action,
    tf-mobile-inactive-order-list .status-column .status,
    tf-mobile-inactive-order-list .status-column .last-action {
      font-size: 8px; } }

tf-child-orders-step {
  display: flex;
  flex-direction: column;
  padding: 5px 15px; }
  tf-child-orders-step .add-child-btn-container {
    display: flex;
    flex-direction: row-reverse;
    margin: 15px 20px 10px; }
  tf-child-orders-step .remaining-qty-container {
    margin: 5px 91px 20px;
    font-weight: 700; }
  tf-child-orders-step .child-orders-table-container {
    display: flex;
    justify-content: center;
    height: 500px; }
    tf-child-orders-step .child-orders-table-container .child-orders-table {
      width: 80%;
      margin-bottom: 50px; }
      tf-child-orders-step .child-orders-table-container .child-orders-table .table-header {
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        justify-content: center;
        padding-right: 10px; }
        tf-child-orders-step .child-orders-table-container .child-orders-table .table-header .column-headers {
          display: flex;
          flex-direction: row;
          flex-grow: 1;
          width: 100%;
          font-weight: 700; }
          @media (max-width: 992px) {
            tf-child-orders-step .child-orders-table-container .child-orders-table .table-header .column-headers {
              font-size: 10px; } }
      tf-child-orders-step .child-orders-table-container .child-orders-table .table-body {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        width: 100%;
        padding-right: 10px; }
      tf-child-orders-step .child-orders-table-container .child-orders-table .order-row {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        padding: 2px 0; }
        tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .quantity-column {
          overflow: hidden; }
          tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .quantity-column span {
            font-size: 12px; }
            @media (max-width: 992px) {
              tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .quantity-column span {
                white-space: nowrap;
                font-size: 10px;
                overflow: hidden;
                text-overflow: ellipsis; } }
        tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .pricing-instruction-column {
          flex-direction: column;
          font-size: 12px;
          overflow: hidden;
          text-overflow: ellipsis; }
          tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .pricing-instruction-column .account-name {
            white-space: nowrap;
            overflow-x: hidden;
            text-overflow: ellipsis; }
          @media (max-width: 992px) {
            tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .pricing-instruction-column {
              font-size: 10px; } }
        tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .security-column .tmc-legs {
          display: flex;
          flex-direction: column; }
        @media (max-width: 992px) {
          tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .security-column {
            font-size: 10px; }
            tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .security-column .alt-text {
              display: none; } }
        tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .side-column {
          flex-direction: column;
          overflow: hidden;
          text-overflow: ellipsis; }
          tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .side-column .conditional-indicator {
            font-size: 12px; }
            @media (max-width: 992px) {
              tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .side-column .conditional-indicator {
                font-size: 10px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis; } }
          @media (max-width: 992px) {
            tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .side-column {
              font-size: 10px; } }
        @media (max-width: 992px) {
          tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .limit-column {
            font-size: 10px; } }
        @media (max-width: 992px) {
          tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .remaining-column {
            font-size: 10px; } }
        tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .lifetime-column {
          flex-direction: column;
          font-size: 12px; }
          @media (max-width: 992px) {
            tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .lifetime-column {
              font-size: 10px; } }
        tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .created-column {
          flex-direction: column;
          font-size: 12px; }
          @media (max-width: 992px) {
            tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .created-column {
              font-size: 10px; } }
        tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .updated-column {
          flex-direction: column;
          font-size: 12px; }
          @media (max-width: 992px) {
            tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .updated-column {
              font-size: 10px; } }
        tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .completed-column {
          flex-direction: column;
          font-size: 12px; }
          @media (max-width: 992px) {
            tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .completed-column {
              font-size: 10px; } }
        tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .security-column .tmc-leg {
          font-weight: bold; }
        @media (max-width: 992px) {
          tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .security-column {
            font-size: 10px; } }
        tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .status-column {
          flex-direction: column;
          font-size: 12px; }
          tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .status-column .status {
            font-weight: bold; }
          @media (max-width: 992px) {
            tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .status-column {
              font-size: 10px; } }
        tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .bid-ask {
          display: flex;
          flex-direction: row;
          flex-grow: 1; }
          tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .bid-ask .market-bid {
            flex-grow: 1;
            flex-basis: 0;
            text-align: left;
            padding-right: 5px;
            font-weight: bold; }
            @media (max-width: 992px) {
              tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .bid-ask .market-bid {
                font-size: 10px; } }
          tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .bid-ask .market-ask {
            flex-grow: 1;
            flex-basis: 0;
            text-align: right;
            padding-left: 5px;
            font-weight: bold; }
            @media (max-width: 992px) {
              tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .bid-ask .market-ask {
                font-size: 10px; } }
          tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .bid-ask .bid {
            flex-grow: 1;
            flex-basis: 0;
            text-align: right;
            padding-right: 5px;
            font-weight: bold; }
            @media (max-width: 992px) {
              tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .bid-ask .bid {
                font-size: 10px; } }
          tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .bid-ask .ask {
            flex-grow: 1;
            flex-basis: 0;
            text-align: left;
            padding-left: 5px;
            font-weight: bold; }
            @media (max-width: 992px) {
              tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .bid-ask .ask {
                font-size: 10px; } }
          @media (max-width: 992px) {
            tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .bid-ask {
              font-size: 10px; } }
        tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .limit-column {
          flex-direction: column;
          overflow: hidden;
          text-overflow: ellipsis; }
          tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .limit-column .limit-price {
            font-weight: bold; }
            @media (max-width: 992px) {
              tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .limit-column .limit-price {
                font-size: 10px; } }
          tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .limit-column .price-instruction-type {
            font-size: 12px; }
            @media (max-width: 992px) {
              tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .limit-column .price-instruction-type {
                font-size: 10px; } }
          @media (max-width: 992px) {
            tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .limit-column {
              font-size: 10px; }
              tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .limit-column span {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis; } }
        tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .theo-column {
          font-weight: bold; }
          @media (max-width: 992px) {
            tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .theo-column {
              font-size: 10px; } }
        tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .average-price-column {
          font-weight: bold; }
          @media (max-width: 992px) {
            tf-child-orders-step .child-orders-table-container .child-orders-table .order-row .average-price-column {
              font-size: 10px; } }
        tf-child-orders-step .child-orders-table-container .child-orders-table .order-row.cancelled {
          text-decoration: line-through; }
          @media (max-width: 992px) {
            tf-child-orders-step .child-orders-table-container .child-orders-table .order-row.cancelled {
              font-size: 10px; } }
      tf-child-orders-step .child-orders-table-container .child-orders-table .quantity-column {
        display: flex;
        justify-content: flex-start;
        flex-basis: 80px;
        padding: 0 5px; }
        @media (max-width: 768px) {
          tf-child-orders-step .child-orders-table-container .child-orders-table .quantity-column {
            display: none; } }
      tf-child-orders-step .child-orders-table-container .child-orders-table .lifetime-column {
        display: flex;
        flex-basis: 70px;
        justify-content: flex-start;
        flex-grow: 0;
        padding: 0 5px; }
      tf-child-orders-step .child-orders-table-container .child-orders-table .pricing-instruction-column {
        display: flex;
        flex-basis: 150px;
        justify-content: flex-start;
        flex-grow: 3;
        width: 110px;
        padding: 0 5px; }
      tf-child-orders-step .child-orders-table-container .child-orders-table .side-column {
        width: 75px;
        display: flex;
        justify-content: flex-start;
        flex-basis: 75px;
        flex-grow: 0;
        padding: 0 5px; }
      tf-child-orders-step .child-orders-table-container .child-orders-table .remaining-column {
        width: 90px;
        display: flex;
        justify-content: flex-end;
        flex-basis: 90px;
        flex-grow: 0;
        padding: 0 5px;
        overflow: hidden;
        text-overflow: ellipsis; }
        @media (max-width: 768px) {
          tf-child-orders-step .child-orders-table-container .child-orders-table .remaining-column {
            display: none !important; } }
        @media (max-width: 992px) {
          tf-child-orders-step .child-orders-table-container .child-orders-table .remaining-column span {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; } }
      tf-child-orders-step .child-orders-table-container .child-orders-table .security-column {
        width: 100px;
        display: flex;
        justify-content: flex-end;
        flex-basis: 100px;
        flex-grow: 0;
        padding: 0 5px; }
      @media (max-width: 768px) {
        tf-child-orders-step .child-orders-table-container .child-orders-table .lifetime-column {
          display: none; } }
      tf-child-orders-step .child-orders-table-container .child-orders-table .status-column {
        width: 110px;
        max-width: 150px;
        display: flex;
        justify-content: flex-start;
        flex-basis: 110px;
        flex-grow: 1;
        padding: 0 5px; }
        tf-child-orders-step .child-orders-table-container .child-orders-table .status-column .status-info {
          text-decoration: underline;
          text-decoration-style: dashed;
          cursor: pointer; }
      tf-child-orders-step .child-orders-table-container .child-orders-table .last-column {
        width: 80px;
        display: flex;
        justify-content: flex-end;
        text-align: end;
        flex-basis: 90px;
        flex-grow: 0;
        padding: 0 5px; }
        @media (max-width: 768px) {
          tf-child-orders-step .child-orders-table-container .child-orders-table .last-column {
            display: none; } }
      tf-child-orders-step .child-orders-table-container .child-orders-table .average-price-column,
      tf-child-orders-step .child-orders-table-container .child-orders-table .limit-column,
      tf-child-orders-step .child-orders-table-container .child-orders-table .theo-column {
        width: 80px;
        display: flex;
        justify-content: flex-end;
        text-align: end;
        flex-basis: 90px;
        flex-grow: 0;
        padding: 0 5px; }
      tf-child-orders-step .child-orders-table-container .child-orders-table .destination-column {
        width: 100px;
        display: flex;
        justify-content: end;
        flex-basis: 100px;
        flex-grow: 0; }
      tf-child-orders-step .child-orders-table-container .child-orders-table .market-column {
        width: 160px;
        display: flex;
        justify-content: center;
        flex-basis: 160px;
        flex-grow: 0;
        padding: 0 5px; }
        @media (max-width: 768px) {
          tf-child-orders-step .child-orders-table-container .child-orders-table .market-column {
            display: none; } }
      tf-child-orders-step .child-orders-table-container .child-orders-table .created-column {
        width: 110px;
        max-width: 130px;
        display: flex;
        justify-content: flex-start;
        flex-basis: 110px;
        flex-grow: 1;
        padding: 0 5px; }
        @media (max-width: 992px) {
          tf-child-orders-step .child-orders-table-container .child-orders-table .created-column {
            display: none; } }
      tf-child-orders-step .child-orders-table-container .child-orders-table .strike-column {
        width: 80px;
        display: flex;
        justify-content: flex-end;
        flex-basis: 80px;
        flex-grow: 0;
        padding: 0 5px; }
      tf-child-orders-step .child-orders-table-container .child-orders-table .expiry-column {
        width: 80px;
        display: flex;
        justify-content: flex-start;
        flex-basis: 80px;
        flex-grow: 0;
        padding: 0 5px; }
      tf-child-orders-step .child-orders-table-container .child-orders-table .limit-column,
      tf-child-orders-step .child-orders-table-container .child-orders-table .filled-column {
        width: 90px;
        display: flex;
        justify-content: flex-end;
        flex-basis: 90px;
        flex-grow: 0;
        padding: 0 5px; }
      tf-child-orders-step .child-orders-table-container .child-orders-table .vol-column,
      tf-child-orders-step .child-orders-table-container .child-orders-table .delta-column {
        width: 60px;
        display: flex;
        justify-content: flex-end;
        text-align: end;
        flex-basis: 60px;
        flex-grow: 0;
        padding: 0 5px; }
      tf-child-orders-step .child-orders-table-container .child-orders-table .updated-column,
      tf-child-orders-step .child-orders-table-container .child-orders-table .completed-column {
        width: 110px;
        max-width: 130px;
        display: flex;
        justify-content: flex-start;
        flex-basis: 110px;
        flex-grow: 1;
        padding: 0 5px; }
      @media (max-width: 992px) {
        tf-child-orders-step .child-orders-table-container .child-orders-table .updated-column {
          display: none; } }
      tf-child-orders-step .child-orders-table-container .child-orders-table .action-cancel-column,
      tf-child-orders-step .child-orders-table-container .child-orders-table .action-amend-column,
      tf-child-orders-step .child-orders-table-container .child-orders-table .action-replace-column {
        width: 50px;
        display: flex;
        justify-content: center;
        flex-basis: 50px;
        flex-grow: 0;
        padding: 0 5px; }
      @media (max-width: 768px) {
        tf-child-orders-step .child-orders-table-container .child-orders-table .action-cancel-column {
          display: none; } }
      tf-child-orders-step .child-orders-table-container .child-orders-table .info-column {
        width: 20px;
        display: flex;
        justify-content: center;
        flex-basis: 20px;
        flex-grow: 0;
        padding: 0 5px;
        position: relative;
        overflow: visible; }

tf-tmc-warning-dialog {
  display: flex;
  flex-direction: column; }
  tf-tmc-warning-dialog .modal-footer {
    display: flex;
    flex-direction: row; }
    tf-tmc-warning-dialog .modal-footer .btn-success {
      margin: auto !important; }

tf-equity-position-view {
  display: block;
  overflow: hidden;
  width: 100%; }
  tf-equity-position-view .widget .widget-content {
    width: 100%;
    overflow: hidden; }
  tf-equity-position-view tf-order-entry-link {
    text-decoration: underline; }

tf-quote-change {
  display: flex;
  flex-direction: column; }
  tf-quote-change .quote-container {
    display: flex; }
  tf-quote-change .indicative {
    font-size: 0.6em; }
  tf-quote-change .last {
    font-weight: 700; }
  tf-quote-change tf-direction-change-indicator {
    margin-left: 10px;
    margin-right: 5px; }
  tf-quote-change .stock-price {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1; }
  tf-quote-change .price-change {
    display: flex;
    flex-direction: row; }
  tf-quote-change .change-summary {
    display: flex;
    flex-direction: column;
    text-align: right;
    font-size: 0.5em; }

tf-quote-state {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1; }
  tf-quote-state .basis-of-quotations {
    display: flex;
    flex-direction: row;
    margin-bottom: 5px; }
    tf-quote-state .basis-of-quotations tf-basis-of-quotation {
      margin-right: 5px; }

tf-current-quote {
  display: inline-flex;
  flex-direction: row; }
  tf-current-quote .quote-quantity {
    text-transform: uppercase;
    padding-top: 5px;
    white-space: nowrap;
    text-align: center; }
  tf-current-quote .quote-value {
    padding-bottom: 5px;
    text-align: center;
    font-size: 1.5em; }
  tf-current-quote .bid-details, tf-current-quote .ask-details {
    display: flex;
    flex-direction: column;
    flex-basis: 0;
    flex-grow: 1;
    padding: 0 15px;
    border-radius: 3px; }
  tf-current-quote .bid-details {
    margin-right: 5px; }

tf-quote-ohlc {
  display: flex;
  flex-direction: row; }
  tf-quote-ohlc .divider {
    margin: 5px 15px; }
  tf-quote-ohlc .quote-value {
    text-align: center; }
  tf-quote-ohlc .value-name {
    font-size: 13px; }
  tf-quote-ohlc .value-value {
    font-weight: 600; }
  tf-quote-ohlc.vertical {
    flex-direction: column;
    align-items: center; }
    tf-quote-ohlc.vertical .divider {
      margin: 5px 0;
      width: 50%; }

tf-quote-totals {
  display: flex;
  flex-direction: row; }
  tf-quote-totals .divider {
    margin: 5px 15px; }
  tf-quote-totals .quote-total {
    text-align: center; }
  tf-quote-totals .total-name {
    font-size: 13px; }
  tf-quote-totals .total-value {
    font-weight: 600; }
  tf-quote-totals.vertical {
    flex-direction: column;
    align-items: center; }
    tf-quote-totals.vertical .divider {
      margin: 5px 0;
      width: 50%; }

tf-basis-of-quotation {
  display: block;
  border: 1px solid;
  border-radius: 5px;
  font-size: 0.8em;
  cursor: help; }
  tf-basis-of-quotation div {
    padding: 3px 5px; }

tf-buy-sell-toggle-quote {
  flex-direction: row; }
  tf-buy-sell-toggle-quote .buy-sell-select {
    display: flex; }
    tf-buy-sell-toggle-quote .buy-sell-select .btn {
      color: unset;
      width: 50%;
      padding: 5px 10px; }
    tf-buy-sell-toggle-quote .buy-sell-select .buy-order.active {
      margin-right: auto; }
      tf-buy-sell-toggle-quote .buy-sell-select .buy-order.active label {
        color: white;
        margin-bottom: 0; }
    tf-buy-sell-toggle-quote .buy-sell-select .sell-order.active {
      margin-left: auto; }
      tf-buy-sell-toggle-quote .buy-sell-select .sell-order.active label {
        color: white;
        margin-bottom: 0; }

tf-quote-change-v2 {
  display: flex;
  flex-direction: column; }
  tf-quote-change-v2 .quote-container {
    display: flex;
    align-self: end; }
    @media (max-width: 768px) {
      tf-quote-change-v2 .quote-container {
        align-self: start; } }
  tf-quote-change-v2 .stock-price {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    line-height: 1; }
  tf-quote-change-v2 .current-price {
    font-size: 0.8em;
    margin-bottom: 5px; }
  tf-quote-change-v2 .indicative {
    font-size: 0.6em; }
  tf-quote-change-v2 .last {
    font-size: 1.2em;
    font-weight: 700; }
  tf-quote-change-v2 tf-direction-change-indicator {
    margin-left: 10px;
    margin-right: 5px; }
  tf-quote-change-v2 .price-change {
    display: flex;
    flex-direction: row;
    align-items: flex-start; }
  tf-quote-change-v2 .change-summary {
    display: flex;
    flex-direction: column;
    text-align: right;
    font-size: 0.8em; }

risk-management {
  font-family: 'Poppins', sans-serif;
  padding: 20px; }

risk-management {
  margin-bottom: 20px; }
  risk-management h1, risk-management h2, risk-management h3, risk-management h4, risk-management h5, risk-management h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2; }
  risk-management h3 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0; }
  risk-management h3.title {
    text-transform: uppercase; }
  risk-management h3.subheader {
    display: inline-block;
    font-size: 22px;
    vertical-align: middle;
    margin: 0 15px 0 0;
    font-family: 'Roboto';
    padding: 30px 0 40px 0; }
  risk-management h3 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0; }
  risk-management p {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5; }

risk-management {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px; }
  risk-management .risk-grid-header {
    padding: 10px 7px 10px 0;
    height: 70px; }
    risk-management .risk-grid-header .risk-column-type .stel-column, risk-management .risk-grid-header .risk-column-type .cbpl-column, risk-management .risk-grid-header .risk-column-type .margin-column {
      cursor: pointer; }
  risk-management .risk-column-type, risk-management .risk-column-categories {
    display: flex;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: none; }
    risk-management .risk-column-type .name-column, risk-management .risk-column-type .stel-column, risk-management .risk-column-type .cbpl-column, risk-management .risk-column-type .margin-column, risk-management .risk-column-categories .name-column, risk-management .risk-column-categories .stel-column, risk-management .risk-column-categories .cbpl-column, risk-management .risk-column-categories .margin-column {
      justify-content: center; }
    risk-management .risk-column-type .current-stel-cell, risk-management .risk-column-type .stel-limit-cell, risk-management .risk-column-type .current-cbpl-cell, risk-management .risk-column-type .cbpl-limit-cell, risk-management .risk-column-type .asx-margin-cell, risk-management .risk-column-type .current-margin-cell, risk-management .risk-column-type .margin-limit-cell, risk-management .risk-column-type .margin-level-cell, risk-management .risk-column-categories .current-stel-cell, risk-management .risk-column-categories .stel-limit-cell, risk-management .risk-column-categories .current-cbpl-cell, risk-management .risk-column-categories .cbpl-limit-cell, risk-management .risk-column-categories .asx-margin-cell, risk-management .risk-column-categories .current-margin-cell, risk-management .risk-column-categories .margin-limit-cell, risk-management .risk-column-categories .margin-level-cell {
      justify-content: center; }
  risk-management .name-column {
    display: flex;
    width: calc(100% - ((400px) + 300px + 60px + 90px));
    vertical-align: middle;
    padding: 5px 5px 9px 5px; }
  risk-management .stel-column, risk-management .cbpl-column, risk-management .margin-column, risk-management .margin-level-column, risk-management .controls-column {
    display: flex;
    padding: 5px 5px 9px 5px; }
  risk-management .stel-column, risk-management .cbpl-column {
    width: 200px; }
  risk-management .margin-column {
    width: 300px; }
  risk-management .margin-level-column {
    width: 60px; }
  risk-management .controls-column {
    width: 90px; }
  risk-management .current-stel-cell, risk-management .stel-limit-cell,
  risk-management .current-cbpl-cell, risk-management .cbpl-limit-cell {
    display: flex;
    justify-content: right;
    width: 50%;
    vertical-align: middle; }
  risk-management .asx-margin-cell, risk-management .current-margin-cell, risk-management .margin-limit-cell {
    display: flex;
    justify-content: right;
    width: 33%;
    vertical-align: middle; }
  risk-management .margin-level-cell {
    display: flex;
    justify-content: right;
    text-align: left;
    width: 100%;
    vertical-align: middle; }
  risk-management .stel-limit-cell, risk-management .cbpl-limit-cell, risk-management .margin-limit-cell {
    position: relative; }
  risk-management collapse-icon {
    position: absolute;
    top: calc(50% - 12px); }
  risk-management .risk-row {
    position: relative;
    font-family: Montserrat, sans-serif; }
    risk-management .risk-row .name-cell {
      padding-left: 20px; }
    risk-management .risk-row collapse-icon {
      left: 0;
      z-index: 2; }
    risk-management .risk-row .risk-row .name-cell {
      padding-left: 40px; }
    risk-management .risk-row .risk-row collapse-icon {
      left: 20px; }
    risk-management .risk-row .risk-row .risk-row .name-cell {
      padding-left: 60px; }
    risk-management .risk-row .risk-row .risk-row collapse-icon {
      left: 40px; }
    risk-management .risk-row .risk-row .risk-row .risk-row .name-cell {
      padding-left: 80px; }
    risk-management .risk-row .risk-row .risk-row .risk-row collapse-icon {
      left: 60px; }
  risk-management .grid-contents {
    height: calc(100% - 70px - 55px);
    overflow: hidden;
    display: flex;
    flex-direction: column; }
    risk-management .grid-contents .grid-row {
      padding-right: 7px; }
    risk-management .grid-contents .name-column, risk-management .grid-contents .stel-column, risk-management .grid-contents .cbpl-column, risk-management .grid-contents .margin-column, risk-management .grid-contents .margin-level-column, risk-management .grid-contents .controls-column {
      padding: 7px 10px; }
    risk-management .grid-contents .current-stel-cell, risk-management .grid-contents .current-cbpl-cell, risk-management .grid-contents .asx-margin-cell, risk-management .grid-contents .current-margin-cell {
      text-align: right;
      padding-right: 10px;
      font-size: 12px; }
  risk-management .risk-column-type {
    font-size: 13px; }
  risk-management .filter-row {
    height: 55px; }
    risk-management .filter-row .as-at-subtitle {
      font-size: 11px;
      text-transform: uppercase;
      line-height: 55px; }

broker-risk-row {
  display: block;
  position: relative; }
  broker-risk-row .broker-risk-row {
    position: relative; }
    broker-risk-row .broker-risk-row .name-column {
      font-size: 12px; }

branch-risk-row {
  display: block;
  position: relative; }
  branch-risk-row .branch-risk-row {
    position: relative; }
    branch-risk-row .branch-risk-row .name-column {
      font-size: 12px;
      font-weight: 600; }

adviser-risk-row {
  display: block;
  position: relative; }
  adviser-risk-row .adviser-risk-row {
    position: relative; }
    adviser-risk-row .adviser-risk-row .name-column {
      font-size: 12px; }

client-risk-row {
  display: block; }
  client-risk-row .client-risk-row {
    position: relative; }
    client-risk-row .client-risk-row .name-column {
      text-overflow: ellipsis;
      overflow-x: hidden;
      font-size: 12px;
      white-space: nowrap;
      cursor: default; }

risk-row-detail {
  display: flex;
  position: relative; }
  risk-row-detail .name-column {
    align-items: center;
    cursor: pointer; }
  risk-row-detail .name-cell {
    text-overflow: ellipsis;
    overflow-x: hidden; }
  risk-row-detail .stel-column, risk-row-detail .cbpl-column, risk-row-detail .margin-column {
    position: relative;
    display: flex;
    align-items: center; }
  risk-row-detail .stel-limit-cell, risk-row-detail .cbpl-limit-cell, risk-row-detail .margin-limit-cell {
    display: inline-block; }
  risk-row-detail .current-stel-cell, risk-row-detail .stel-limit-cell, risk-row-detail .current-cbpl-cell, risk-row-detail .cbpl-limit-cell, risk-row-detail .asx-margin-cell, risk-row-detail .current-margin-cell, risk-row-detail .margin-limit-cell, risk-row-detail .margin-level-cell {
    display: flex;
    flex-direction: column; }
  risk-row-detail .margin-level-cell {
    width: 100%;
    padding-left: 0; }
    risk-row-detail .margin-level-cell .btn {
      font-size: 12px; }
    risk-row-detail .margin-level-cell .form-control-text {
      padding-left: 0;
      padding-right: 0; }
  risk-row-detail risk-change-controls {
    width: 100%; }
  risk-row-detail .over-limit {
    font-weight: 700; }
  risk-row-detail .margin-level-column {
    align-items: center; }
    risk-row-detail .margin-level-column .icon-angle-down {
      padding-left: 10px; }
  risk-row-detail .margin-level-dropdown {
    left: -100%;
    font-size: 12px; }
  risk-row-detail .form-control-text {
    font-size: 12px;
    line-height: 22px; }
  risk-row-detail .limit-not-set {
    font-style: italic; }

risk-change-controls {
  display: inline-block; }
  risk-change-controls .changes-controls {
    display: flex;
    flex-direction: row;
    width: 100%; }
    risk-change-controls .changes-controls .save-button, risk-change-controls .changes-controls .revert-button {
      margin: auto;
      border-radius: 0; }

collapse-icon {
  display: inline-block;
  cursor: pointer;
  font-size: 18px;
  width: 25px;
  line-height: 25px;
  height: 25px;
  text-align: center; }

dashboard-summary-row {
  display: block;
  position: relative; }
  dashboard-summary-row .stel-limit-cell, dashboard-summary-row .cbpl-limit-cell, dashboard-summary-row .margin-limit-cell {
    display: none; }
  dashboard-summary-row .name-column {
    cursor: default; }

risk-dashboard {
  display: flex;
  height: calc(calc(100vh - 60px));
  vertical-align: top;
  padding-bottom: 20px; }
  risk-dashboard .risk-dashboard-content {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 240px);
    height: 100%; }
    risk-dashboard .risk-dashboard-content risk-dashboard-actions {
      height: 150px; }
    risk-dashboard .risk-dashboard-content risk-management {
      height: calc(100% - 150px); }
  risk-dashboard risk-dashboard-notifications {
    width: 240px;
    margin-top: 10px;
    margin-left: 10px; }

.has-footer risk-dashboard {
  height: calc(calc(100vh - 55px - 60px)); }

risk-dashboard-notifications {
  font-family: 'Poppins', sans-serif;
  padding: 20px; }

risk-dashboard-notifications {
  margin-bottom: 20px; }
  risk-dashboard-notifications h1, risk-dashboard-notifications h2, risk-dashboard-notifications h3, risk-dashboard-notifications h4, risk-dashboard-notifications h5, risk-dashboard-notifications h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2; }
  risk-dashboard-notifications h3 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0; }
  risk-dashboard-notifications h3.title {
    text-transform: uppercase; }
  risk-dashboard-notifications h3.subheader {
    display: inline-block;
    font-size: 22px;
    vertical-align: middle;
    margin: 0 15px 0 0;
    font-family: 'Roboto';
    padding: 30px 0 40px 0; }
  risk-dashboard-notifications h3 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0; }
  risk-dashboard-notifications p {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5; }

risk-dashboard-notifications {
  display: flex;
  flex-direction: column;
  padding: 5px 15px 15px 15px;
  font-family: 'Montserrat', sans-serif;
  height: calc(100% - 10px); }
  risk-dashboard-notifications .notifications-header {
    height: 60px; }
    risk-dashboard-notifications .notifications-header h2.title {
      font-size: 24px;
      margin-bottom: 0.2em;
      text-transform: uppercase;
      letter-spacing: -0.03em;
      font-weight: 700;
      line-height: 40px;
      width: 100%;
      text-align: center;
      display: block; }
  risk-dashboard-notifications .notification {
    height: 80px;
    cursor: pointer; }
    risk-dashboard-notifications .notification:last-child {
      border-bottom: none; }
    risk-dashboard-notifications .notification td {
      padding: 5px 0 5px 10px; }
    risk-dashboard-notifications .notification .notification-indicator {
      display: inline-block;
      height: 35px;
      width: 10px;
      vertical-align: middle;
      margin-right: 10px; }
    risk-dashboard-notifications .notification .notification-count {
      font-size: 24px; }
    risk-dashboard-notifications .notification .notification-text {
      font-size: 11px;
      line-height: 1.5em;
      text-transform: uppercase;
      padding: 12px 6px;
      font-weight: bold;
      letter-spacing: -0.02em; }
  risk-dashboard-notifications .notification-settings {
    margin: auto auto 0 auto;
    text-align: center; }
    risk-dashboard-notifications .notification-settings .btn {
      white-space: normal; }
      risk-dashboard-notifications .notification-settings .btn:hover {
        font-weight: initial; }

risk-dashboard-actions .action-item {
  font-family: 'Poppins', sans-serif;
  padding: 20px; }

risk-dashboard-actions .action-item {
  margin-bottom: 20px; }
  risk-dashboard-actions .action-item h1, risk-dashboard-actions .action-item h2, risk-dashboard-actions .action-item h3, risk-dashboard-actions .action-item h4, risk-dashboard-actions .action-item h5, risk-dashboard-actions .action-item h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2; }
  risk-dashboard-actions .action-item h3 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0; }
  risk-dashboard-actions .action-item h3.title {
    text-transform: uppercase; }
  risk-dashboard-actions .action-item h3.subheader {
    display: inline-block;
    font-size: 22px;
    vertical-align: middle;
    margin: 0 15px 0 0;
    font-family: 'Roboto';
    padding: 30px 0 40px 0; }
  risk-dashboard-actions .action-item h3 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0; }
  risk-dashboard-actions .action-item p {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5; }

risk-dashboard-actions {
  display: flex;
  padding: 10px 0;
  font-family: Montserrat, arial, sans-serif; }
  risk-dashboard-actions .action-item {
    height: 100%;
    width: 32%;
    margin: auto;
    display: flex;
    flex-direction: column;
    padding: 10px;
    border-radius: 3px; }
    risk-dashboard-actions .action-item .action-item-header, risk-dashboard-actions .action-item .action-item-content, risk-dashboard-actions .action-item .action-item-footer {
      margin: auto 0; }
    risk-dashboard-actions .action-item .action-item-header {
      font-size: 24px; }
    risk-dashboard-actions .action-item .action-item-content {
      font-size: 16px;
      line-height: 1.2em;
      letter-spacing: -0.02em;
      text-transform: uppercase;
      font-family: 'Montserrat', sans-serif;
      font-weight: 700; }
      risk-dashboard-actions .action-item .action-item-content .icon-cloud-download {
        font-size: 30px;
        vertical-align: middle;
        margin-left: 10px; }
    risk-dashboard-actions .action-item .action-item-footer {
      font-size: 11px;
      text-transform: uppercase; }
    risk-dashboard-actions .action-item:first-child {
      margin-left: 0; }
    risk-dashboard-actions .action-item:last-child {
      margin-right: 0; }

tf-security-link {
  display: inline-flex; }

tf-trade-equity-button {
  display: inline-block; }

tf-security-time-series-desktop .header-column, tf-security-time-series-desktop .table-column,
tf-security-time-series-mobile .header-column,
tf-security-time-series-mobile .table-column {
  display: flex;
  flex-grow: 1;
  flex-basis: 0;
  text-wrap: none;
  align-items: center;
  text-overflow: ellipsis;
  padding: 5px 7px;
  overflow: hidden; }
  tf-security-time-series-desktop .number-column.header-column, tf-security-time-series-desktop .number-column.table-column,
  tf-security-time-series-mobile .number-column.header-column,
  tf-security-time-series-mobile .number-column.table-column {
    justify-content: flex-end; }

tf-security-time-series-desktop,
tf-security-time-series-mobile {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden; }
  tf-security-time-series-desktop .table-header,
  tf-security-time-series-mobile .table-header {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 30px;
    font-weight: bold;
    font-size: 13px; }
    tf-security-time-series-desktop .table-header .header-column:last-child,
    tf-security-time-series-mobile .table-header .header-column:last-child {
      padding-right: 15px; }
  tf-security-time-series-desktop .table-body,
  tf-security-time-series-mobile .table-body {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: calc(100% - 30px);
    font-size: 13px; }
    tf-security-time-series-desktop .table-body .table-row,
    tf-security-time-series-mobile .table-body .table-row {
      display: flex;
      flex-direction: row;
      width: 100%; }
    tf-security-time-series-desktop .table-body .table-column.highest-high, tf-security-time-series-desktop .table-body .table-column.lowest-low,
    tf-security-time-series-mobile .table-body .table-column.highest-high,
    tf-security-time-series-mobile .table-body .table-column.lowest-low {
      font-weight: 600; }
    tf-security-time-series-desktop .table-body .table-column:last-child,
    tf-security-time-series-mobile .table-body .table-column:last-child {
      padding-right: 15px; }

.table-disclaimer {
  font-size: 12px;
  padding: 7px 7px 0 7px; }

tf-time-series-period-select {
  display: inline-block; }


.option-chain {
  height: 75vh; }
  .option-chain .modal-header {
    height: 30px; }
  .option-chain .modal-body {
    height: calc(100% - 30px); }
  .option-chain .expiries-header {
    display: flex;
    width: 100%;
    height: 50px;
    background: #F2F2F2; }
    .option-chain .expiries-header .available-years {
      display: inline-block;
      padding: 0 10px;
      border-right: 2px dashed darkgray; }
    .option-chain .expiries-header .available-months {
      display: inline-block;
      padding: 0 10px; }
    .option-chain .expiries-header .expiry-select {
      display: inline-block;
      padding: 0 10px;
      height: 50px;
      line-height: 50px;
      color: inherit;
      text-decoration: none; }
      .option-chain .expiries-header .expiry-select.active {
        background: white;
        border-bottom: 2px solid red; }
    .option-chain .expiries-header .instrument-details {
      display: inline-flex;
      margin-left: auto;
      margin-right: 0;
      text-align: center; }
      .option-chain .expiries-header .instrument-details .code-and-expiry {
        display: flex;
        flex-direction: column;
        padding: 0 20px 0 3px;
        font-family: Raleway, "Open Sans", sans-serif; }
        .option-chain .expiries-header .instrument-details .code-and-expiry .underlying {
          font-size: 22px; }
      .option-chain .expiries-header .instrument-details .underlying-price {
        display: flex;
        flex-direction: column;
        padding: 0 3px; }
        .option-chain .expiries-header .instrument-details .underlying-price .current-price {
          font-size: 22px; }
        .option-chain .expiries-header .instrument-details .underlying-price .as-at {
          font-size: 10px; }
  .option-chain .grid-container {
    display: flex;
    flex-grow: 1;
    overflow: hidden;
    flex-direction: column;
    height: calc(100% - 50px); }
    .option-chain .grid-container .option-type {
      display: flex;
      flex-grow: 0;
      height: 40px;
      line-height: 40px; }
      .option-chain .grid-container .option-type .puts, .option-chain .grid-container .option-type .calls {
        text-align: center;
        font-size: 20px;
        font-weight: 700; }
    .option-chain .grid-container .grid-header-container {
      width: 100%;
      display: flex;
      flex-grow: 0;
      overflow: hidden;
      background: #F2F2F2;
      height: 40px;
      line-height: 40px;
      font-weight: 700; }
      .option-chain .grid-container .grid-header-container .option-grid-row {
        height: 40px;
        line-height: 40px; }
    .option-chain .grid-container .grid-body-container {
      overflow-x: hidden;
      overflow-y: hidden;
      height: calc(100% - 40px - 40px);
      border: 1px solid #F6F6F6; }
      .option-chain .grid-container .grid-body-container .scroll-container {
        width: 100%;
        display: flex; }
    .option-chain .grid-container .option-grid-row {
      height: 30px;
      border-bottom: 1px solid #F6F6F6; }
      .option-chain .grid-container .option-grid-row .puts, .option-chain .grid-container .option-grid-row .strikes, .option-chain .grid-container .option-grid-row .calls {
        line-height: 30px; }
    .option-chain .grid-container .puts {
      width: calc((100% - 80px) / 2); }
    .option-chain .grid-container .strikes {
      width: 80px;
      text-align: center; }
    .option-chain .grid-container .calls {
      width: calc((100% - 80px) / 2); }
  .option-chain tf-option-grid-strikes {
    background: #F2F2F2; }

tf-option-grid-header {
  display: flex;
  flex-grow: 1; }
  tf-option-grid-header .option-grid-row {
    display: flex;
    flex-grow: 1; }
    tf-option-grid-header .option-grid-row .code, tf-option-grid-header .option-grid-row .theo, tf-option-grid-header .option-grid-row .volatility, tf-option-grid-header .option-grid-row .delta, tf-option-grid-header .option-grid-row .style {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 20%;
      padding: 0 10px; }
    tf-option-grid-header .option-grid-row .code, tf-option-grid-header .option-grid-row .style {
      text-align: left; }
    tf-option-grid-header .option-grid-row .theo, tf-option-grid-header .option-grid-row .volatility, tf-option-grid-header .option-grid-row .delta {
      text-align: right; }

tf-option-grid {
  display: flex;
  flex-grow: 1; }
  tf-option-grid .option-grid-row {
    display: flex;
    flex-grow: 1; }
    tf-option-grid .option-grid-row .code, tf-option-grid .option-grid-row .theo, tf-option-grid .option-grid-row .volatility, tf-option-grid .option-grid-row .delta, tf-option-grid .option-grid-row .style {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 20%;
      padding: 0 10px; }
    tf-option-grid .option-grid-row .code, tf-option-grid .option-grid-row .style {
      text-align: left; }
    tf-option-grid .option-grid-row .theo, tf-option-grid .option-grid-row .volatility, tf-option-grid .option-grid-row .delta {
      text-align: right; }

tf-option-grid {
  flex-direction: column; }
  tf-option-grid .option-grid-row {
    cursor: pointer; }
    tf-option-grid .option-grid-row:hover {
      background: aliceblue; }
    tf-option-grid .option-grid-row.in-the-money:not(.selected) {
      background: #EAFBEA; }
      tf-option-grid .option-grid-row.in-the-money:not(.selected):hover {
        background: aliceblue; }
    tf-option-grid .option-grid-row.selected {
      background: #A2D3FB; }

tf-option-grid-strikes {
  display: flex;
  flex-direction: column;
  font-weight: 700;
  border-left: 1px solid darkgray;
  border-right: 1px solid darkgray; }

tf-om-average-price-update-request-dialog {
  display: block; }
  tf-om-average-price-update-request-dialog .modal-body {
    display: flex;
    flex-direction: column; }
  tf-om-average-price-update-request-dialog .position-details {
    display: flex;
    margin-bottom: 10px;
    margin-right: 10px; }
    tf-om-average-price-update-request-dialog .position-details .form-group {
      width: 50%; }

.tf-open-trader-help-dialog .modal-body {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap; }

tf-open-trader-videos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center; }
  tf-open-trader-videos .video {
    padding: 15px;
    width: 250px;
    display: flex;
    flex-direction: column;
    align-items: center; }
  tf-open-trader-videos .video-name {
    font-size: 16px;
    text-align: center; }
  tf-open-trader-videos .video-thumbnail {
    min-width: 160px;
    min-height: 80px; }

tf-wistia-embed-video {
  width: 100%; }
  tf-wistia-embed-video .wistia_responsive_padding {
    padding: 40.25% 0 0 0;
    position: relative;
    width: 100%; }
  tf-wistia-embed-video .wistia_responsive_wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  tf-wistia-embed-video .wistia_embed {
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%; }

tf-open-ot-report-dialog-button {
  display: inline-block; }
  tf-open-ot-report-dialog-button.hidden {
    display: none; }

tf-open-trader-report-dialog {
  display: block; }
  tf-open-trader-report-dialog .modal-body {
    display: flex;
    flex-direction: column; }
  tf-open-trader-report-dialog .report-selector {
    display: flex;
    margin-bottom: 10px;
    margin-right: 10px; }
  tf-open-trader-report-dialog .report-format-selector {
    margin-left: 10px; }
  tf-open-trader-report-dialog .as-at-selector {
    margin-left: 10px; }
  tf-open-trader-report-dialog .date-selector {
    display: flex;
    margin-bottom: 10px; }
  tf-open-trader-report-dialog .run-row {
    display: flex; }

tf-store-order-items {
  display: block; }
  tf-store-order-items #order-wrapper {
    position: relative;
    max-height: 400px;
    overflow: hidden; }
  tf-store-order-items .order-summary {
    padding: 14px 20px 5px 20px;
    position: relative; }
    tf-store-order-items .order-summary .order-lines {
      font-size: 13px;
      line-height: 17px;
      font-weight: normal; }
    tf-store-order-items .order-summary .order-line .inner {
      display: flex;
      flex-direction: row;
      width: 100%;
      justify-content: space-between;
      padding-top: 4px;
      padding-bottom: 5px; }
    tf-store-order-items .order-summary .order-total {
      overflow: hidden;
      padding-top: 0;
      font-size: 18px;
      font-weight: bold;
      line-height: 22px; }
      tf-store-order-items .order-summary .order-total .inner {
        padding-bottom: 10px; }
      tf-store-order-items .order-summary .order-total .order-line:before {
        content: '';
        display: block;
        margin-top: 12px;
        margin-bottom: 12px; }
    tf-store-order-items .order-summary ul {
      list-style: none;
      margin: 0;
      padding: 0; }

tf-store-completing-order-overlay {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 26px;
  background: rgba(0, 0, 0, 0.3);
  color: white; }
  tf-store-completing-order-overlay .indicator {
    margin: auto auto 0 auto; }
  tf-store-completing-order-overlay .message {
    margin: 0 auto auto auto;
    font-size: 52px;
    text-shadow: -3px -3px 10px #333, 3px -3px 10px #333, -3px 3px 10px #333, 3px 3px 10px #333; }

iv-store-view {
  display: block;
  height: 100%;
  overflow: hidden; }
  iv-store-view .store-title {
    line-height: 60px;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid white;
    margin-bottom: 5px; }

iv-store-products-step .pricing {
  position: relative;
  text-align: center;
  padding: 2rem;
  border-radius: 10px;
  width: 100%;
  background: white;
  box-shadow: 2px 2px 10px 0 #6b6b6b; }
  iv-store-products-step .pricing .add-overlay {
    display: none;
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
    iv-store-products-step .pricing .add-overlay .icon-circle-check {
      display: inline-block;
      font-size: 100px;
      margin: auto;
      text-shadow: #404040 2px 2px 10px; }
  iv-store-products-step .pricing:not(.product-locked):hover {
    box-shadow: 6px 6px 15px 0 #6b6b6b;
    cursor: pointer; }
  iv-store-products-step .pricing.in-bundle .container-overlay {
    filter: blur(2px);
    -webkit-transition: 0.5s linear -webkit-filter;
    /* Safari/Chrome */
    transition: 0.5s linear -webkit-filter;
    /* All other modern browsers and IE10+ */ }
  iv-store-products-step .pricing.in-bundle .add-overlay {
    display: flex; }
  iv-store-products-step .pricing .product-status-indicator {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-image: none;
    border-radius: 0;
    color: #4CAE4C;
    border: 1px solid #4CAE4C; }
    iv-store-products-step .pricing .product-status-indicator.already-subscribed {
      background: #4CAE4C;
      color: white;
      font-weight: 500; }
    iv-store-products-step .pricing .product-status-indicator i {
      font-size: 20px;
      position: relative;
      top: 2px;
      margin-left: 5px; }
  iv-store-products-step .pricing.popular {
    position: relative; }
  iv-store-products-step .pricing .popular-tag {
    position: absolute;
    top: 0;
    left: -40px;
    background-color: #3CD458;
    color: #fff;
    padding: 1px 1.5rem 1px 0.75rem;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1.5px;
    font-weight: 400;
    border-top-left-radius: 5rem;
    border-bottom-left-radius: 5rem;
    transform: rotate(270deg);
    transform-origin: top right; }
  iv-store-products-step .pricing .price {
    font-size: 60px;
    font-weight: 500;
    margin-top: 1rem;
    margin-bottom: -10px;
    color: #323d47;
    letter-spacing: 0.5px;
    line-height: 1.5; }
  iv-store-products-step .pricing .pr-per {
    margin-bottom: 2rem; }
  iv-store-products-step .pricing .price-smaller {
    font-size: 45px;
    margin-top: 5px;
    line-height: initial; }
  iv-store-products-step .pricing .pr-per-smaller {
    color: #999;
    font-size: 12px;
    margin-bottom: 10px; }
  iv-store-products-step .pricing .plan-name {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    opacity: .9; }
  iv-store-products-step .pricing .plan-name-smaller {
    font-size: 11px; }
  iv-store-products-step .pricing ul {
    list-style: none;
    padding-left: 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 2.8;
    color: #757575; }
  iv-store-products-step .pricing p {
    font-size: 13px;
    font-weight: 300;
    color: #8b8b8b; }
  iv-store-products-step .pricing .label-circle {
    font-size: 15px;
    position: absolute;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    padding: 10px; }

iv-store-products-step {
  display: block; }
  iv-store-products-step .product-columns {
    display: flex;
    flex-grow: 1; }
    iv-store-products-step .product-columns .product-column {
      display: flex;
      flex-grow: 1;
      flex-basis: 0;
      padding-left: 5px;
      padding-right: 5px; }
    iv-store-products-step .product-columns .additional-products-column {
      display: flex;
      flex-direction: column; }
      iv-store-products-step .product-columns .additional-products-column .pricing:first-child {
        margin: 0 auto auto auto; }
      iv-store-products-step .product-columns .additional-products-column .pricing:last-child {
        margin: auto auto 0 auto; }
  iv-store-products-step .bundle-divider {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 20px; }
    iv-store-products-step .bundle-divider .bundle-divider-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%) rotate(-90deg);
      font-weight: 600;
      font-size: 18px; }
    iv-store-products-step .bundle-divider:before {
      content: '';
      position: absolute;
      border-left: 2px solid black;
      left: calc(50% - 1px);
      top: 15px;
      height: calc(50% - (40px / 2) - 15px); }
    iv-store-products-step .bundle-divider:after {
      content: '';
      position: absolute;
      border-left: 2px solid black;
      left: calc(50% - 1px);
      top: calc(50% + (40px / 2));
      bottom: 15px; }
  iv-store-products-step .products-footer {
    display: flex;
    width: 100%;
    padding: 10px 10px 0 0; }
    iv-store-products-step .products-footer button {
      margin: auto 0 auto auto; }

iv-store-confirm-step {
  display: block; }
  iv-store-confirm-step tf-stripe-manage-card {
    margin-bottom: 15px; }
  iv-store-confirm-step .confirm-footer {
    position: relative;
    display: flex;
    padding-top: 10px; }
    iv-store-confirm-step .confirm-footer button[wizard-previous] {
      position: absolute; }
    iv-store-confirm-step .confirm-footer button[wizard-complete] {
      margin: 0 auto; }

iinvest-store {
  display: block;
  height: 100%;
  overflow: hidden; }
  iinvest-store .store-title {
    line-height: 60px;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid white;
    margin-bottom: 5px; }

iinvest-store-products .pricing {
  position: relative;
  text-align: center;
  padding: 2rem;
  border-radius: 10px;
  width: 100%;
  background: white;
  box-shadow: 2px 2px 10px 0 #6b6b6b; }
  iinvest-store-products .pricing .add-overlay {
    display: none;
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
    iinvest-store-products .pricing .add-overlay .icon-circle-check {
      display: inline-block;
      font-size: 100px;
      margin: auto;
      text-shadow: #404040 2px 2px 10px; }
  iinvest-store-products .pricing:not(.product-locked):hover {
    box-shadow: 6px 6px 15px 0 #6b6b6b;
    cursor: pointer; }
  iinvest-store-products .pricing.in-bundle .container-overlay {
    filter: blur(2px);
    -webkit-transition: 0.5s linear -webkit-filter;
    /* Safari/Chrome */
    transition: 0.5s linear -webkit-filter;
    /* All other modern browsers and IE10+ */ }
  iinvest-store-products .pricing.in-bundle .add-overlay {
    display: flex; }
  iinvest-store-products .pricing .product-status-indicator {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-image: none;
    border-radius: 0;
    color: #4CAE4C;
    border: 1px solid #4CAE4C; }
    iinvest-store-products .pricing .product-status-indicator.already-subscribed {
      background: #4CAE4C;
      color: white;
      font-weight: 500; }
    iinvest-store-products .pricing .product-status-indicator i {
      font-size: 20px;
      position: relative;
      top: 2px;
      margin-left: 5px; }
  iinvest-store-products .pricing.popular {
    position: relative; }
  iinvest-store-products .pricing .popular-tag {
    position: absolute;
    top: 0;
    left: -40px;
    background-color: #3CD458;
    color: #fff;
    padding: 1px 1.5rem 1px 0.75rem;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1.5px;
    font-weight: 400;
    border-top-left-radius: 5rem;
    border-bottom-left-radius: 5rem;
    transform: rotate(270deg);
    transform-origin: top right; }
  iinvest-store-products .pricing .price {
    font-size: 60px;
    font-weight: 500;
    margin-top: 1rem;
    margin-bottom: -10px;
    color: #323d47;
    letter-spacing: 0.5px;
    line-height: 1.5; }
  iinvest-store-products .pricing .pr-per {
    margin-bottom: 2rem; }
  iinvest-store-products .pricing .price-smaller {
    font-size: 45px;
    margin-top: 5px;
    line-height: initial; }
  iinvest-store-products .pricing .pr-per-smaller {
    color: #999;
    font-size: 12px;
    margin-bottom: 10px; }
  iinvest-store-products .pricing .plan-name {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    opacity: .9; }
  iinvest-store-products .pricing .plan-name-smaller {
    font-size: 11px; }
  iinvest-store-products .pricing ul {
    list-style: none;
    padding-left: 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 2.8;
    color: #757575; }
  iinvest-store-products .pricing p {
    font-size: 13px;
    font-weight: 300;
    color: #8b8b8b; }
  iinvest-store-products .pricing .label-circle {
    font-size: 15px;
    position: absolute;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    padding: 10px; }

iinvest-store-products {
  display: block; }
  iinvest-store-products .container {
    max-width: 750px;
    display: flex;
    flex-direction: column; }
    iinvest-store-products .container .pricing {
      width: 350px;
      margin: auto; }
    iinvest-store-products .container .products-footer {
      display: flex;
      align-items: flex-end; }
      iinvest-store-products .container .products-footer button {
        margin: auto 0 auto auto; }

iinvest-store-confirm {
  display: block; }

tf-store-view {
  display: block;
  height: 100%;
  overflow: hidden; }
  tf-store-view .store-title {
    line-height: 60px;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid white;
    margin-bottom: 5px; }

tf-store-products-step .pricing {
  position: relative;
  text-align: center;
  padding: 2rem;
  border-radius: 10px;
  width: 100%;
  background: white;
  box-shadow: 2px 2px 10px 0 #6b6b6b; }
  tf-store-products-step .pricing .add-overlay {
    display: none;
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
    tf-store-products-step .pricing .add-overlay .icon-circle-check {
      display: inline-block;
      font-size: 100px;
      margin: auto;
      text-shadow: #404040 2px 2px 10px; }
  tf-store-products-step .pricing:not(.product-locked):hover {
    box-shadow: 6px 6px 15px 0 #6b6b6b;
    cursor: pointer; }
  tf-store-products-step .pricing.in-bundle .container-overlay {
    filter: blur(2px);
    -webkit-transition: 0.5s linear -webkit-filter;
    /* Safari/Chrome */
    transition: 0.5s linear -webkit-filter;
    /* All other modern browsers and IE10+ */ }
  tf-store-products-step .pricing.in-bundle .add-overlay {
    display: flex; }
  tf-store-products-step .pricing .product-status-indicator {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-image: none;
    border-radius: 0;
    color: #4CAE4C;
    border: 1px solid #4CAE4C; }
    tf-store-products-step .pricing .product-status-indicator.already-subscribed {
      background: #4CAE4C;
      color: white;
      font-weight: 500; }
    tf-store-products-step .pricing .product-status-indicator i {
      font-size: 20px;
      position: relative;
      top: 2px;
      margin-left: 5px; }
  tf-store-products-step .pricing.popular {
    position: relative; }
  tf-store-products-step .pricing .popular-tag {
    position: absolute;
    top: 0;
    left: -40px;
    background-color: #3CD458;
    color: #fff;
    padding: 1px 1.5rem 1px 0.75rem;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1.5px;
    font-weight: 400;
    border-top-left-radius: 5rem;
    border-bottom-left-radius: 5rem;
    transform: rotate(270deg);
    transform-origin: top right; }
  tf-store-products-step .pricing .price {
    font-size: 60px;
    font-weight: 500;
    margin-top: 1rem;
    margin-bottom: -10px;
    color: #323d47;
    letter-spacing: 0.5px;
    line-height: 1.5; }
  tf-store-products-step .pricing .pr-per {
    margin-bottom: 2rem; }
  tf-store-products-step .pricing .price-smaller {
    font-size: 45px;
    margin-top: 5px;
    line-height: initial; }
  tf-store-products-step .pricing .pr-per-smaller {
    color: #999;
    font-size: 12px;
    margin-bottom: 10px; }
  tf-store-products-step .pricing .plan-name {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    opacity: .9; }
  tf-store-products-step .pricing .plan-name-smaller {
    font-size: 11px; }
  tf-store-products-step .pricing ul {
    list-style: none;
    padding-left: 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 2.8;
    color: #757575; }
  tf-store-products-step .pricing p {
    font-size: 13px;
    font-weight: 300;
    color: #8b8b8b; }
  tf-store-products-step .pricing .label-circle {
    font-size: 15px;
    position: absolute;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    padding: 10px; }

tf-store-products-step {
  display: block; }
  tf-store-products-step .product-columns {
    display: flex;
    flex-grow: 1; }
    tf-store-products-step .product-columns .product-column {
      display: flex;
      flex-grow: 1;
      flex-basis: 0;
      padding-left: 5px;
      padding-right: 5px; }
    tf-store-products-step .product-columns .additional-products-column {
      display: flex;
      flex-direction: column; }
      tf-store-products-step .product-columns .additional-products-column .pricing:first-child {
        margin: 0 auto auto auto; }
      tf-store-products-step .product-columns .additional-products-column .pricing:last-child {
        margin: auto auto 0 auto; }
  tf-store-products-step .bundle-divider {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 20px; }
    tf-store-products-step .bundle-divider .bundle-divider-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%) rotate(-90deg);
      font-weight: 600;
      font-size: 18px; }
    tf-store-products-step .bundle-divider:before {
      content: '';
      position: absolute;
      border-left: 2px solid black;
      left: calc(50% - 1px);
      top: 15px;
      height: calc(50% - (40px / 2) - 15px); }
    tf-store-products-step .bundle-divider:after {
      content: '';
      position: absolute;
      border-left: 2px solid black;
      left: calc(50% - 1px);
      top: calc(50% + (40px / 2));
      bottom: 15px; }
  tf-store-products-step .products-footer {
    display: flex;
    width: 100%;
    padding: 10px 10px 0 0; }
    tf-store-products-step .products-footer button {
      margin: auto 0 auto auto; }

tf-store-confirm-step {
  display: block; }
  tf-store-confirm-step tf-stripe-manage-card {
    margin-bottom: 15px; }
  tf-store-confirm-step .confirm-footer {
    position: relative;
    display: flex;
    padding-top: 10px; }
    tf-store-confirm-step .confirm-footer button[wizard-previous] {
      position: absolute; }
    tf-store-confirm-step .confirm-footer button[wizard-complete] {
      margin: 0 auto; }

#strategy #strategyTabs .strategy-summary .list-group-item {
  padding: 5px 10px; }

#strategy #strategyTabs .strategy-summary .list-group {
  margin-bottom: 0; }

#strategy .list-group-item {
  text-align: center; }
  #strategy .list-group-item button {
    width: 100%;
    height: 100%; }

.strategy-desktop .strategyTabsContents {
  width: calc(100% - 200px);
  float: left; }

.strategy-desktop .strategy-builder-summary-container {
  float: left;
  width: 200px; }

.strategy-tablet .stock-selection-container .open-stock-screener {
  height: 34px; }

.strategy-tablet tf-strategy-builder-stock-summary .current-stock-price {
  font-size: 26px;
  text-align: right; }

.strategy-tablet .stock-chart-container nvd3 {
  display: block; }

.strategy-tablet .empty-strategy-hint {
  padding: 0 5px; }

.strategy-tablet #strategyBuilder .widget {
  padding-left: 0;
  padding-right: 0; }

.strategy-tablet #strategyBuilder .widget-content {
  margin-top: 0; }

.strategy-tablet #strategyBuilder #strategyTabs .strategyTabsContents {
  padding-left: 0;
  padding-right: 0; }

.strategy-tablet #strategyBuilder .tab-content {
  padding-bottom: 0; }

.strategy-tablet .strategy-actions {
  display: flex;
  flex-direction: row; }

.strategy-tablet .strategy-action {
  flex-grow: 1; }

.strategy-mobile .stock-selection-container .open-stock-screener {
  height: 34px; }

.strategy-mobile tf-strategy-builder-stock-summary .stock-name {
  display: none; }

.strategy-mobile tf-strategy-builder-stock-summary .stock-price {
  flex-direction: column; }

.strategy-mobile tf-strategy-builder-stock-summary .current-stock-price {
  font-size: 26px;
  text-align: right; }

.strategy-mobile .stock-chart-container nvd3 {
  display: block; }

.strategy-mobile .empty-strategy-hint {
  padding: 0 5px; }

.strategy-mobile #strategyBuilder .widget {
  padding-left: 0;
  padding-right: 0; }

.strategy-mobile #strategyBuilder .widget-content {
  margin-top: 0; }

.strategy-mobile #strategyBuilder #strategyTabs .strategyTabsContents {
  padding-left: 0;
  padding-right: 0; }

.strategy-mobile #strategyBuilder .tab-content {
  padding-bottom: 0; }

.strategy-mobile .strategy-actions {
  display: flex;
  flex-direction: row; }

.strategy-mobile .strategy-action {
  flex-grow: 1; }

tf-strategy-builder-stock-summary {
  display: block;
  overflow: hidden; }
  tf-strategy-builder-stock-summary .stock-name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0; }
  tf-strategy-builder-stock-summary .stock-info {
    display: flex;
    flex-direction: row;
    flex-grow: 1; }
  tf-strategy-builder-stock-summary .stock-price {
    display: flex;
    flex-direction: row; }
  tf-strategy-builder-stock-summary .current-stock-price {
    position: relative;
    font-size: 37px;
    font-weight: bold; }
  tf-strategy-builder-stock-summary .price-change {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    font-size: 13px;
    padding-left: 10px; }
  tf-strategy-builder-stock-summary .stock-iv-rank {
    width: 55px;
    height: 55px;
    font-size: 24px;
    display: block;
    border-radius: 50%;
    font-weight: bold;
    padding: 3px 0 0 0;
    text-align: center;
    margin-left: auto; }
    tf-strategy-builder-stock-summary .stock-iv-rank .rank-subtitle {
      font-size: 9px;
      margin-top: -7px;
      display: block; }

tf-strategy-builder-stock-detail {
  display: block; }
  tf-strategy-builder-stock-detail .title {
    text-transform: uppercase;
    display: block;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  tf-strategy-builder-stock-detail .content {
    font-size: 13px;
    display: block;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

tf-strategy-builder-stock-chart {
  display: block; }

.strategy-column-select .column-presets {
  margin-bottom: 15px; }
  .strategy-column-select .column-presets > div {
    padding-top: 10px; }

.strategy-column-select .preset {
  font-size: 18px;
  line-height: 18px;
  text-align: left;
  padding-left: 20px; }
  .strategy-column-select .preset .preset-icon {
    width: 30px;
    display: inline-block;
    text-align: center; }

.strategy-column-select ul.column-settings li {
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative; }
  .strategy-column-select ul.column-settings li i, .strategy-column-select ul.column-settings li span {
    vertical-align: middle; }
  .strategy-column-select ul.column-settings li .column-description {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: calc(50% - 15px); }
    .strategy-column-select ul.column-settings li .column-description i {
      font-size: 22px; }

tf-stripe-create-card {
  display: block; }
  tf-stripe-create-card stripe-create-card-footer {
    display: block;
    margin: 20px -15px -15px -15px;
    padding: 20px 20px 0 20px;
    overflow: hidden;
    font-size: 13px;
    line-height: 17px;
    color: #333;
    font-weight: normal;
    text-align: left; }
    tf-stripe-create-card stripe-create-card-footer:empty {
      display: none; }
  tf-stripe-create-card .submit-payment-section .payment-incomplete {
    display: flex;
    position: relative;
    padding: 0 15px;
    align-items: center; }
    tf-stripe-create-card .submit-payment-section .payment-incomplete .icon-holder {
      margin-top: auto;
      margin-bottom: auto; }
      tf-stripe-create-card .submit-payment-section .payment-incomplete .icon-holder .icon-lock {
        font-size: 26px;
        color: #0B860B; }
    tf-stripe-create-card .submit-payment-section .payment-incomplete .payment-info {
      display: flex;
      flex-grow: 1;
      padding-left: 10px; }
  tf-stripe-create-card .submit-card-section {
    padding: 0 15px 10px 15px; }
  tf-stripe-create-card ng-form {
    display: block; }
  tf-stripe-create-card img.cards {
    height: 25px;
    float: right;
    margin-top: -4px; }

tf-stripe-manage-card {
  display: block; }
  tf-stripe-manage-card .btn-success-outline:hover, tf-stripe-manage-card .btn-danger-outline:hover {
    font-weight: initial; }

tf-current-stripe-card {
  display: block;
  width: 100%; }
  tf-current-stripe-card .card-summary {
    display: flex; }
  tf-current-stripe-card .card {
    display: flex;
    width: 75px;
    position: initial;
    height: 75px;
    margin-right: 20px; }
    tf-current-stripe-card .card .visa-icon {
      background-image: url(data:image/png;base64,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);
      background-size: 75px 75px;
      width: 100%;
      height: 100%; }
    tf-current-stripe-card .card .mastercard-icon {
      background-image: url(data:image/png;base64,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);
      background-size: 75px 75px;
      width: 100%;
      height: 100%; }
    tf-current-stripe-card .card .amex-icon {
      background-image: url(76dd3fc6dd7ce33ea7ed3895ee0faa38.png);
      background-size: 75px 75px;
      width: 100%;
      height: 100%; }
  tf-current-stripe-card .card-detail {
    display: flex;
    flex-grow: 1;
    flex-direction: column; }
    tf-current-stripe-card .card-detail .card-expiry {
      font-size: 10px;
      color: grey;
      margin-bottom: auto; }
    tf-current-stripe-card .card-detail .card-number {
      margin-top: auto; }
  tf-current-stripe-card .fa-credit-card {
    width: 75px;
    height: 75px;
    font-size: 55px;
    color: lightgrey;
    text-align: center; }

tf-system-alert {
  display: block; }
  tf-system-alert .notification-area {
    display: flex;
    height: 100%;
    flex-direction: row;
    overflow: auto;
    justify-content: center;
    padding: 5px 20px; }
  tf-system-alert .notification-message {
    font-size: 14px; }

tf-system-messages-bar {
  display: block;
  position: fixed;
  z-index: 899;
  top: 60px;
  width: 100%;
  height: 55px;
  justify-content: center;
  align-items: center; }
  tf-system-messages-bar tf-system-prompt, tf-system-messages-bar tf-system-alert {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }

tf-trial-expiring-prompt {
  display: flex;
  flex-grow: 1;
  height: 100%;
  justify-content: center;
  align-items: center; }

.trial-expiring {
  display: flex;
  align-items: center; }
  @media (max-width: 480px) {
    .trial-expiring {
      flex-direction: column; } }

tf-system-prompt {
  display: block; }
  tf-system-prompt .notification-area {
    display: flex;
    height: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: center; }
  tf-system-prompt .notification-message {
    font-size: 14px;
    padding: 5px 10px; }
    @media (max-width: 480px) {
      tf-system-prompt .notification-message {
        padding: 0 3px; } }
    @media (max-width: 992px) {
      tf-system-prompt .notification-message {
        font-size: 12px; } }
  tf-system-prompt .delayed-data-message,
  tf-system-prompt .temp-data-message {
    margin-left: 20px; }
    @media (max-width: 480px) {
      tf-system-prompt .delayed-data-message,
      tf-system-prompt .temp-data-message {
        margin-left: 0px; } }
  tf-system-prompt .notification-action {
    margin-left: 20px;
    border-radius: 10px;
    padding: 5px 10px;
    cursor: pointer;
    font-weight: 700;
    font-size: 14px; }
    tf-system-prompt .notification-action.btn {
      padding: 5px 10px; }
    @media (max-width: 480px) {
      tf-system-prompt .notification-action {
        margin: 3px;
        padding: 0 3px; }
        tf-system-prompt .notification-action.btn {
          padding: 3px; } }
    @media (max-width: 992px) {
      tf-system-prompt .notification-action {
        font-size: 12px; }
        tf-system-prompt .notification-action.btn {
          padding: 5px; } }

tf-open-account-prompt {
  display: flex;
  flex-grow: 1;
  height: 100%;
  justify-content: center;
  align-items: center; }

.open-account {
  display: flex;
  align-items: center; }
  @media (max-width: 480px) {
    .open-account {
      flex-direction: column; } }

.open-account-main {
  display: flex;
  flex-direction: row;
  align-items: center; }

tf-open-account-quiz-prompt {
  display: flex;
  flex-grow: 1;
  height: 100%;
  justify-content: center;
  align-items: center; }

.open-account {
  display: flex;
  align-items: center; }
  @media (max-width: 480px) {
    .open-account {
      flex-direction: column; } }

.open-account-main {
  display: flex;
  flex-direction: row;
  align-items: center; }

tf-delayed-price-prompt {
  display: flex;
  flex-grow: 1;
  height: 100%;
  justify-content: center;
  align-items: center; }

.delayed-price {
  display: flex;
  align-items: center; }
  @media (max-width: 480px) {
    .delayed-price {
      flex-direction: column; } }

tf-temp-message-prompt {
  display: flex;
  flex-grow: 1;
  height: 100%;
  justify-content: center;
  align-items: center; }

.temp-message {
  display: flex;
  align-items: center; }
  @media (max-width: 480px) {
    .temp-message {
      flex-direction: column; } }

tf-temp-and-delayed-price-prompt {
  display: flex;
  flex-grow: 1;
  height: 100%;
  justify-content: center;
  align-items: center; }

.temp-delayed-price {
  display: flex;
  align-items: center; }
  @media (max-width: 480px) {
    .temp-delayed-price {
      flex-direction: column; } }

tf-no-subscription-prompt {
  display: flex;
  flex-grow: 1;
  height: 100%;
  justify-content: center;
  align-items: center; }

.no-subscription {
  display: flex;
  align-items: center; }
  @media (max-width: 480px) {
    .no-subscription {
      flex-direction: column; } }

tf-swift-started-prompt {
  display: flex;
  flex-grow: 1;
  height: 100%;
  justify-content: center;
  align-items: center; }

.swift-started {
  display: flex;
  align-items: center; }
  @media (max-width: 480px) {
    .swift-started {
      flex-direction: column; } }

tf-maintenance-prompt {
  display: flex;
  flex-grow: 1;
  height: 100%;
  justify-content: center;
  align-items: center; }

.maintenance {
  display: flex;
  align-items: center; }
  @media (max-width: 480px) {
    .maintenance {
      flex-direction: column; } }
  .maintenance a {
    text-decoration: underline; }

tf-tmc-list-component .legs {
  margin-top: 5px; }

tf-trade-simulator .tabbable-line .tab-content {
  padding: 0; }

tf-new-simulation tf-business-date-picker {
  display: block; }

tf-trade-simulation-data {
  display: block;
  padding: 10px 5px 0 5px; }
  tf-trade-simulation-data .simulation-description {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    display: flex; }
    tf-trade-simulation-data .simulation-description .simulation-name {
      display: inline-block;
      width: 400px;
      margin-left: 15px; }
      tf-trade-simulation-data .simulation-description .simulation-name .editable {
        width: 100%; }
    tf-trade-simulation-data .simulation-description .initial-balance {
      margin-left: 15px;
      display: inline-block;
      white-space: nowrap; }
      tf-trade-simulation-data .simulation-description .initial-balance .editable {
        display: inline-block;
        width: auto; }
      tf-trade-simulation-data .simulation-description .initial-balance .balance {
        width: 200px;
        padding-left: 0; }
    tf-trade-simulation-data .simulation-description .simulation-controls {
      display: flex;
      margin-left: auto; }
      tf-trade-simulation-data .simulation-description .simulation-controls .toggle-expired-positions {
        margin-top: auto;
        margin-bottom: auto;
        font-size: 16px; }
    tf-trade-simulation-data .simulation-description .editable {
      white-space: nowrap;
      position: relative;
      margin-left: 0; }
  tf-trade-simulation-data .simulation-trades-table {
    width: 100%; }
  tf-trade-simulation-data .table-body {
    display: flex;
    width: 100%;
    flex-direction: column; }
    tf-trade-simulation-data .table-body .trades-container {
      max-height: 260px; }
  tf-trade-simulation-data .table-header {
    font-weight: bold; }
    tf-trade-simulation-data .table-header .close-trade-column,
    tf-trade-simulation-data .table-header .remove-trade-column,
    tf-trade-simulation-data .table-header .trade-date-column,
    tf-trade-simulation-data .table-header .trade-quantity-column,
    tf-trade-simulation-data .table-header .trade-code-column,
    tf-trade-simulation-data .table-header .strike-column,
    tf-trade-simulation-data .table-header .expiry-column,
    tf-trade-simulation-data .table-header .option-type-column,
    tf-trade-simulation-data .table-header .trade-price-column,
    tf-trade-simulation-data .table-header .option-theo-column,
    tf-trade-simulation-data .table-header .option-vol-column,
    tf-trade-simulation-data .table-header .option-delta-column {
      padding: 10px; }
  tf-trade-simulation-data .table-header, tf-trade-simulation-data .table-row {
    display: flex;
    width: 100%;
    flex-direction: row; }
  tf-trade-simulation-data .trades-container {
    padding-right: 10px; }
  tf-trade-simulation-data .close-trade-column,
  tf-trade-simulation-data .remove-trade-column,
  tf-trade-simulation-data .trade-date-column,
  tf-trade-simulation-data .trade-quantity-column,
  tf-trade-simulation-data .trade-code-column,
  tf-trade-simulation-data .strike-column,
  tf-trade-simulation-data .expiry-column,
  tf-trade-simulation-data .option-type-column,
  tf-trade-simulation-data .trade-price-column,
  tf-trade-simulation-data .option-theo-column,
  tf-trade-simulation-data .option-vol-column,
  tf-trade-simulation-data .option-delta-column {
    display: flex;
    flex-grow: 0;
    padding: 10px; }
  tf-trade-simulation-data .close-trade-column,
  tf-trade-simulation-data .remove-trade-column {
    width: 60px;
    min-width: 60px;
    text-align: center; }
  tf-trade-simulation-data .trade-date-column {
    min-width: 160px; }
  tf-trade-simulation-data .trade-quantity-column {
    min-width: 90px; }
  tf-trade-simulation-data .strike-column {
    min-width: 100px; }
  tf-trade-simulation-data .trade-code-column {
    min-width: 130px; }
  tf-trade-simulation-data .expiry-column {
    min-width: 110px; }
  tf-trade-simulation-data .option-type-column {
    min-width: 110px; }
  tf-trade-simulation-data .trade-price-column {
    min-width: 105px; }
  tf-trade-simulation-data .option-theo-column,
  tf-trade-simulation-data .option-vol-column,
  tf-trade-simulation-data .option-delta-column {
    min-width: 90px; }
  tf-trade-simulation-data .trade-date-column,
  tf-trade-simulation-data .trade-quantity-column,
  tf-trade-simulation-data .trade-code-column,
  tf-trade-simulation-data .strike-column,
  tf-trade-simulation-data .expiry-column,
  tf-trade-simulation-data .option-type-column,
  tf-trade-simulation-data .trade-price-column,
  tf-trade-simulation-data .option-theo-column,
  tf-trade-simulation-data .option-vol-column,
  tf-trade-simulation-data .option-delta-column {
    width: calc((100% - 60px - 60px) / (12 - 2)); }

tf-trade-simulation-result {
  display: flex;
  flex-direction: column; }
  tf-trade-simulation-result tf-simulation-chart-range {
    padding-top: 20px; }
  tf-trade-simulation-result .chart-container {
    padding-top: 20px;
    display: flex;
    flex-grow: 1;
    height: 550px; }
  tf-trade-simulation-result .performance-chart-container {
    height: 100%;
    width: 50%;
    padding-right: 5px; }
  tf-trade-simulation-result .stock-chart-container {
    height: 100%;
    width: 50%;
    padding-left: 5px; }

tf-simulation-trade {
  display: flex;
  flex-direction: row;
  width: 100%; }
  tf-simulation-trade.contract-error {
    background: #F2DEDE; }
  tf-simulation-trade .strike-column {
    position: relative; }
  tf-simulation-trade .expiry-column {
    position: relative; }
  tf-simulation-trade .strike-up-button,
  tf-simulation-trade .expiry-up-button,
  tf-simulation-trade .strike-down-button,
  tf-simulation-trade .expiry-down-button {
    position: absolute;
    display: inline-block;
    left: 0;
    width: 100%;
    height: 50%;
    background: transparent;
    border: none;
    color: lightslategrey;
    font-size: 20px; }
    tf-simulation-trade .strike-up-button:hover,
    tf-simulation-trade .expiry-up-button:hover,
    tf-simulation-trade .strike-down-button:hover,
    tf-simulation-trade .expiry-down-button:hover {
      color: #333; }
  tf-simulation-trade .strike-up-button,
  tf-simulation-trade .expiry-up-button {
    top: 0; }
    tf-simulation-trade .strike-up-button i,
    tf-simulation-trade .expiry-up-button i {
      vertical-align: top; }
  tf-simulation-trade .strike-down-button,
  tf-simulation-trade .expiry-down-button {
    bottom: 0; }
  tf-simulation-trade tf-price-ticker .btn {
    padding-left: 8px;
    padding-right: 8px;
    display: none; }
  @media (min-width: 1700px) {
    tf-simulation-trade tf-price-ticker .btn {
      display: initial; } }

tf-new-simulation-trade {
  display: flex;
  flex-direction: row;
  width: 100%; }
  tf-new-simulation-trade .add-trade-form {
    display: flex;
    flex-direction: row;
    width: 100%; }

tf-simulation-performance-chart {
  display: block; }

tf-option-select {
  display: inline-block;
  width: 100%; }
  tf-option-select button.btn {
    width: 100%;
    text-align: left; }

tf-simulation-chart-range {
  display: flex;
  flex-direction: row;
  width: 100%; }
  tf-simulation-chart-range .event-select-button {
    width: 120px; }
    tf-simulation-chart-range .event-select-button .fa-caret-down {
      position: absolute;
      right: 0; }
  tf-simulation-chart-range .event-select {
    text-align: center;
    font-size: 16px;
    height: 274px;
    overflow: hidden; }
    tf-simulation-chart-range .event-select .event-item {
      padding: 2px 5px;
      height: 44px; }
      tf-simulation-chart-range .event-select .event-item a {
        color: inherit; }
      tf-simulation-chart-range .event-select .event-item:hover {
        background: aliceblue; }
    tf-simulation-chart-range .event-select .event-type {
      font-size: 10px;
      color: white; }
      tf-simulation-chart-range .event-select .event-type .expiry-event {
        display: inline-block;
        padding: 2px 5px;
        border-radius: 5px;
        background-color: #5BC0DE; }
        tf-simulation-chart-range .event-select .event-type .expiry-event + .trade-event {
          margin-left: 5px; }
      tf-simulation-chart-range .event-select .event-type .trade-event {
        display: inline-block;
        padding: 2px 5px;
        border-radius: 5px;
        background-color: #008000; }

tf-simulation-as-at-summary {
  display: block; }
  tf-simulation-as-at-summary .outcome {
    text-align: center;
    font-size: 20px;
    padding-bottom: 10px; }
    tf-simulation-as-at-summary .outcome .best {
      padding-right: 15px; }
    tf-simulation-as-at-summary .outcome .worst {
      padding-left: 15px; }

tf-simulation-stock-chart {
  display: block;
  height: 100%;
  width: 100%; }
  tf-simulation-stock-chart .sidebar-menu-left {
    width: 86px;
    float: left;
    position: relative; }
  tf-simulation-stock-chart .charting-main {
    width: calc(100% - 95px);
    float: left;
    height: 100%; }

tf-stock-chart-manager {
  display: block;
  height: 100%;
  width: 100%; }

tf-iq-period {
  display: inline-block; }
  tf-iq-period .btn {
    vertical-align: baseline; }

tf-trading-alert {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  margin-bottom: 10px; }
  tf-trading-alert .status-column {
    width: 10px; }
  tf-trading-alert .edit-column {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 34px;
    position: relative;
    font-size: 16px; }
  tf-trading-alert .alert-security-column {
    display: flex;
    align-items: center;
    width: 70px;
    height: 34px;
    font-size: 16px;
    font-weight: 600; }
  tf-trading-alert .alert-details-column {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    min-height: 34px; }
  tf-trading-alert .alert-rule-list {
    margin-bottom: 0;
    font-size: 12px; }
  tf-trading-alert .close-column {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    height: 34px; }
  tf-trading-alert ul {
    padding-left: 0; }
  tf-trading-alert li {
    list-style: none; }

tf-trading-alert-list {
  display: block; }
  tf-trading-alert-list .scrollbar-padding {
    padding-right: 10px; }

tf-price-alert-rule {
  display: block; }
  tf-price-alert-rule .alert-type-select {
    color: #FFFFFF;
    background-color: #337AB7;
    border-color: #2E6DA4; }
    tf-price-alert-rule .alert-type-select .icon-caret-down {
      vertical-align: middle; }
  tf-price-alert-rule .current-price {
    font-size: 12px; }

tf-adx-alert-rule {
  display: block; }
  tf-adx-alert-rule .alert-type-select {
    color: #FFFFFF;
    background-color: #337AB7;
    border-color: #2E6DA4; }
    tf-adx-alert-rule .alert-type-select .icon-caret-down {
      vertical-align: middle; }
  tf-adx-alert-rule .current-adx {
    font-size: 12px;
    color: #737373; }

/* https://stackoverflow.com/a/31315911 */
tf-alert-rule-list .rule-container {
  font-family: 'Poppins', sans-serif;
  padding: 20px; }

tf-alert-rule-list {
  display: block; }
  tf-alert-rule-list .rule-container {
    margin-top: 10px;
    margin-bottom: 10px; }
  tf-alert-rule-list .add-new-rule {
    background-image: repeating-linear-gradient(to right, lightgrey 0%, lightgrey 50%, transparent 50%, transparent 100%), repeating-linear-gradient(to right, lightgrey 0%, lightgrey 50%, transparent 50%, transparent 100%), repeating-linear-gradient(to bottom, lightgrey 0%, lightgrey 50%, transparent 50%, transparent 100%), repeating-linear-gradient(to bottom, lightgrey 0%, lightgrey 50%, transparent 50%, transparent 100%);
    background-position: left top, left bottom, left top, right top;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 20px 3px, 20px 3px, 3px 20px, 3px 20px;
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    tf-alert-rule-list .add-new-rule:hover {
      background-color: aliceblue; }
  tf-alert-rule-list .rule-container-header {
    position: relative;
    padding-bottom: 10px;
    font-size: 21px; }
    tf-alert-rule-list .rule-container-header .icon-caret-down {
      vertical-align: middle; }
  tf-alert-rule-list .remove-rule {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer; }

tf-trading-alert-dialog {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden; }
  tf-trading-alert-dialog .modal-body {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    overflow: hidden; }
    tf-trading-alert-dialog .modal-body .form-inline {
      display: flex;
      flex-grow: 1;
      flex-direction: column;
      overflow: hidden; }
    tf-trading-alert-dialog .modal-body .rule-list-container {
      display: flex;
      flex-grow: 1;
      flex-direction: column;
      overflow-x: hidden;
      overflow-y: auto;
      padding: 0 5px; }
  tf-trading-alert-dialog input.alert-price-input {
    width: 100px; }
  tf-trading-alert-dialog .alert-price-input {
    text-align: right; }
  tf-trading-alert-dialog .alert-description-container {
    width: 100%;
    margin-bottom: 10px; }
    tf-trading-alert-dialog .alert-description-container textarea {
      min-width: 100%;
      resize: none; }
  tf-trading-alert-dialog .validation-messages {
    height: 20px; }
  tf-trading-alert-dialog .validation-error {
    color: red; }
  tf-trading-alert-dialog .validation-warning {
    color: orange; }

tf-trading-alert-view-dialog {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden; }
  tf-trading-alert-view-dialog .modal-body {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    overflow: hidden; }
  tf-trading-alert-view-dialog .alert-description-container {
    width: 100%;
    margin-bottom: 10px; }
    tf-trading-alert-view-dialog .alert-description-container textarea {
      min-width: 100%;
      resize: none; }

tf-trading-ideas-desktop {
  font-family: 'Poppins', sans-serif;
  padding: 20px; }

/*
 * This is used to scale the size of all the fonts and some other bits such as padding within the component tree
 * and should be overridden from outside the component if you want to size it differently
 */
/* Change this to change the overall height of the component, should be used along with a root font-size change */
tf-trading-ideas-desktop {
  display: flex;
  height: 400px; }
  tf-trading-ideas-desktop .no-ideas {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    text-align: center;
    font-size: 3em;
    line-height: 2; }
  tf-trading-ideas-desktop .ideas {
    display: flex;
    flex-direction: row;
    flex-grow: 1; }
  tf-trading-ideas-desktop .main-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-right: 10px; }
    tf-trading-ideas-desktop .main-content .header {
      font-size: 2em;
      font-weight: 700; }
    tf-trading-ideas-desktop .main-content .idea-name {
      font-size: 1.5em; }
    tf-trading-ideas-desktop .main-content .idea-expiry {
      margin-bottom: 10px; }
    tf-trading-ideas-desktop .main-content .idea-chart-container {
      display: flex;
      flex-direction: column;
      flex-grow: 1; }
  tf-trading-ideas-desktop .idea-risk-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    width: 20%; }
    tf-trading-ideas-desktop .idea-risk-container tf-trading-ideas-confidence {
      margin-bottom: 20px; }
    tf-trading-ideas-desktop .idea-risk-container tf-trading-ideas-risk {
      margin-bottom: 20px; }
  tf-trading-ideas-desktop .idea-controls-container {
    width: 15%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly; }

tf-trading-ideas-mobile {
  font-family: 'Poppins', sans-serif;
  padding: 20px; }

/*
 * This is used to scale the size of all the fonts and some other bits such as padding within the component tree
 * and should be overridden from outside the component if you want to size it differently
 */
tf-trading-ideas-mobile {
  display: flex; }
  tf-trading-ideas-mobile .no-ideas {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    text-align: center;
    font-size: 3em;
    line-height: 2; }
  tf-trading-ideas-mobile .ideas {
    display: flex;
    flex-direction: column;
    flex-grow: 1; }
  tf-trading-ideas-mobile .header-row {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    justify-content: space-between; }
  tf-trading-ideas-mobile .header-content {
    display: flex;
    flex-direction: column;
    margin-right: 10px; }
    tf-trading-ideas-mobile .header-content .header {
      font-size: 2em;
      font-weight: 700; }
    tf-trading-ideas-mobile .header-content .idea-name {
      font-size: 1.5em; }
    tf-trading-ideas-mobile .header-content .idea-expiry {
      margin-bottom: 10px; }
  tf-trading-ideas-mobile tf-trading-idea-target-price {
    margin: 0 auto auto auto; }
  tf-trading-ideas-mobile tf-trading-ideas-confidence {
    margin-left: 5px; }
  tf-trading-ideas-mobile tf-trading-ideas-payoff {
    height: 250px;
    margin-bottom: 50px; }
  tf-trading-ideas-mobile tf-trading-ideas-risk {
    margin-top: 15px;
    margin-bottom: 15px; }
  tf-trading-ideas-mobile .idea-controls-container {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-bottom: 15px; }

tf-trading-ideas-confidence {
  display: block; }
  tf-trading-ideas-confidence .confidence-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 8em;
    height: 8em;
    border: 8px solid transparent;
    border-radius: 50%;
    margin-bottom: 5px; }
    tf-trading-ideas-confidence .confidence-container .confidence-points {
      font-size: 2em;
      font-weight: 700;
      line-height: 1; }
    tf-trading-ideas-confidence .confidence-container .confidence-subtitle {
      line-height: 1; }
    tf-trading-ideas-confidence .confidence-container.bronze {
      border-color: #CD7F32;
      box-shadow: inset 0 0 6px 0 #CD7F32, 0 0 6px 0 #CD7F32; }
    tf-trading-ideas-confidence .confidence-container.silver {
      border-color: #C0C0C0;
      box-shadow: inset 0 0 6px 0 #C0C0C0, 0 0 6px 0 #C0C0C0; }
    tf-trading-ideas-confidence .confidence-container.gold {
      border-color: #FFD700;
      box-shadow: inset 0 0 6px 0 #FFD700, 0 0 6px 0 #FFD700; }
  tf-trading-ideas-confidence .explain-header {
    text-align: center; }
    tf-trading-ideas-confidence .explain-header a {
      color: grey;
      text-decoration-line: underline;
      text-decoration-style: dashed; }

tf-trading-ideas-risk {
  display: flex;
  flex-direction: column; }
  tf-trading-ideas-risk .risk-amounts {
    display: flex;
    flex-direction: row; }
    tf-trading-ideas-risk .risk-amounts .max-payoff, tf-trading-ideas-risk .risk-amounts .max-risk {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      flex-basis: 0;
      text-align: center; }
      tf-trading-ideas-risk .risk-amounts .max-payoff .amount, tf-trading-ideas-risk .risk-amounts .max-risk .amount {
        font-size: 2.2em;
        line-height: 1; }
      tf-trading-ideas-risk .risk-amounts .max-payoff .sub-heading, tf-trading-ideas-risk .risk-amounts .max-risk .sub-heading {
        text-transform: uppercase; }
  tf-trading-ideas-risk .risk-slider {
    margin-bottom: 10px; }
    tf-trading-ideas-risk .risk-slider rzslider .rz-pointer {
      background-color: white;
      width: 2em;
      height: 2em;
      top: -0.8em; }
      tf-trading-ideas-risk .risk-slider rzslider .rz-pointer:after {
        display: none; }
  tf-trading-ideas-risk .slider-subtitle {
    padding: 0 2em;
    text-transform: uppercase;
    text-align: center; }

tf-trading-ideas-payoff {
  display: flex;
  flex-grow: 1; }
  tf-trading-ideas-payoff .chart-select, tf-trading-ideas-payoff .selected-chart {
    display: flex;
    flex-grow: 1; }

tf-iron-condor-idea-payoff .lines-layer, tf-iron-condor-idea-payoff .boxes-layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin-left: 60px;
  margin-right: 60px; }

tf-iron-condor-idea-payoff {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative; }
  tf-iron-condor-idea-payoff .lines-layer .value-container {
    top: 0;
    bottom: 0;
    position: absolute; }
    tf-iron-condor-idea-payoff .lines-layer .value-container .chart-line {
      position: absolute;
      top: 70px;
      left: 0;
      height: calc(100% - (70px * 2));
      border-left: 3px solid transparent; }
    tf-iron-condor-idea-payoff .lines-layer .value-container .line-value {
      position: absolute;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      left: 0;
      transform: translateX(-50%);
      text-transform: uppercase;
      white-space: nowrap;
      text-align: center;
      height: 50px; }
      tf-iron-condor-idea-payoff .lines-layer .value-container .line-value .line-amount {
        font-size: 2em; }
      tf-iron-condor-idea-payoff .lines-layer .value-container .line-value .line-name {
        font-size: 1em; }
  tf-iron-condor-idea-payoff .lines-layer .current-price .chart-line {
    height: calc(calc(100% - (70px * 2)) - calc(1.5em + 0.5em));
    border-left-style: dashed; }
  tf-iron-condor-idea-payoff .lines-layer .bought-put .line-value, tf-iron-condor-idea-payoff .lines-layer .sold-put .line-value, tf-iron-condor-idea-payoff .lines-layer .sold-call .line-value, tf-iron-condor-idea-payoff .lines-layer .bought-call .line-value {
    bottom: 0; }
  tf-iron-condor-idea-payoff .lines-layer .lower-break-even .line-value, tf-iron-condor-idea-payoff .lines-layer .current-price .line-value, tf-iron-condor-idea-payoff .lines-layer .upper-break-even .line-value {
    top: 0; }
  tf-iron-condor-idea-payoff .boxes-layer .box-container {
    position: absolute;
    top: 70px;
    height: calc(100% - (70px * 2)); }
    tf-iron-condor-idea-payoff .boxes-layer .box-container .box {
      position: absolute;
      top: 50%;
      height: 50%;
      width: 100%;
      transform: translateY(-50%);
      opacity: 0.2; }
    tf-iron-condor-idea-payoff .boxes-layer .box-container .box-label {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      text-align: center;
      text-transform: uppercase;
      font-size: 1.5em; }

tf-iron-condor-idea-info-dialog {
  display: block; }
  tf-iron-condor-idea-info-dialog .info-content {
    display: flex;
    flex-direction: column; }
    tf-iron-condor-idea-info-dialog .info-content .rules-column {
      padding: 10px; }
    tf-iron-condor-idea-info-dialog .info-content .education-column {
      padding: 10px; }
  tf-iron-condor-idea-info-dialog ul.criteria {
    list-style-type: none;
    padding-left: 0;
    line-height: 2; }
    tf-iron-condor-idea-info-dialog ul.criteria li:before {
      content: "\2713";
      color: #008000;
      padding-right: 10px; }

tf-trading-ideas-edit-control button.btn {
  width: 100%;
  font-size: 1.5em; }

tf-trading-ideas-previous-control button.btn {
  width: 100%;
  font-size: 1.5em; }

tf-trading-ideas-next-control button.btn {
  width: 100%;
  font-size: 1.5em; }

tf-trading-ideas-place-control button.btn {
  width: 100%;
  font-size: 1.5em; }

tf-trading-idea-target-price {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid grey;
  border-radius: 5px;
  padding: 10px;
  text-align: center; }
  tf-trading-idea-target-price .description {
    color: grey;
    text-transform: uppercase;
    font-size: 1.2em;
    margin-bottom: 5px; }
  tf-trading-idea-target-price .price {
    font-size: 1.7em;
    margin-top: 5px;
    font-weight: 700; }

tf-technical-indicators .technical-indicators-card {
  font-family: 'Poppins', sans-serif;
  padding: 20px; }

tf-technical-indicators .technical-indicators-card {
  margin-bottom: 20px; }
  tf-technical-indicators .technical-indicators-card h1, tf-technical-indicators .technical-indicators-card h2, tf-technical-indicators .technical-indicators-card h3, tf-technical-indicators .technical-indicators-card h4, tf-technical-indicators .technical-indicators-card h5, tf-technical-indicators .technical-indicators-card h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2; }
  tf-technical-indicators .technical-indicators-card h3 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0; }
  tf-technical-indicators .technical-indicators-card h3.title {
    text-transform: uppercase; }
  tf-technical-indicators .technical-indicators-card h3.subheader {
    display: inline-block;
    font-size: 22px;
    vertical-align: middle;
    margin: 0 15px 0 0;
    font-family: 'Roboto';
    padding: 30px 0 40px 0; }
  tf-technical-indicators .technical-indicators-card h3 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0; }
  tf-technical-indicators .technical-indicators-card p {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5; }

tf-technical-indicators {
  display: flex;
  flex-direction: column;
  width: 340px;
  height: 410px; }
  tf-technical-indicators .technical-indicators-card {
    height: 100%; }
  tf-technical-indicators .indicator-header {
    margin-top: 0; }
  tf-technical-indicators .trading-systems-status {
    text-align: center;
    border-right: none;
    pointer-events: none;
    padding: 5px; }
    tf-technical-indicators .trading-systems-status .system-name {
      font-weight: 700; }
    tf-technical-indicators .trading-systems-status .system-status {
      font-size: 12px; }
    tf-technical-indicators .trading-systems-status:first-child {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
    tf-technical-indicators .trading-systems-status:last-child {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
    tf-technical-indicators .trading-systems-status.ACTIVE {
      pointer-events: all; }

technical-indicators-key-stats {
  display: block; }
  technical-indicators-key-stats .list-group {
    margin-top: 10px;
    margin-bottom: 0; }
  technical-indicators-key-stats .list-group-item .heading {
    font-size: 12px;
    font-weight: 700;
    display: block; }
  technical-indicators-key-stats .list-group-item .value {
    font-size: 13px; }

trading-systems-view {
  display: block;
  width: 100%;
  height: 100%; }
  trading-systems-view .indicators-container {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    height: 100%; }
    trading-systems-view .indicators-container tf-technical-indicators {
      margin: auto; }

.trading-systems-dialog .modal-header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 0 0 auto;
  align-items: baseline; }
  .trading-systems-dialog .modal-header .title {
    display: flex;
    flex-grow: 1;
    white-space: nowrap; }
  .trading-systems-dialog .modal-header .filter-popover-content {
    display: flex;
    align-items: baseline;
    font-size: 12px;
    padding: 10px;
    white-space: nowrap; }
    .trading-systems-dialog .modal-header .filter-popover-content .price-input {
      width: 50px;
      margin-left: 10px;
      margin-right: 10px; }

.trading-systems-dialog .modal-content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 0; }

.trading-systems-dialog .modal-body {
  display: flex;
  flex-grow: 1;
  overflow: auto; }

.english-language, .chinese-language {
  display: inline-block;
  width: 20px;
  height: 20px; }

.english-language {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjQ4MCIgd2lkdGg9IjY0MCIgdmlld0JveD0iMCAwIDY0MCA0ODAiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJhIj4KICAgICAgPHBhdGggZmlsbC1vcGFjaXR5PSIuNjciIGQ9Ik0tODUuMzMzIDBoNjgyLjY3djUxMmgtNjgyLjY3eiIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4MCkgc2NhbGUoLjk0KSI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjFwdCI+CiAgICAgIDxwYXRoIGZpbGw9IiMwMDYiIGQ9Ik0tMjU2IDBINzY4LjAydjUxMi4wMUgtMjU2eiIvPgogICAgICA8cGF0aCBkPSJNLTI1NiAwdjU3LjI0NGw5MDkuNTM1IDQ1NC43NjhINzY4LjAyVjQ1NC43N0wtMTQxLjUxNSAwSC0yNTZ6TTc2OC4wMiAwdjU3LjI0M0wtMTQxLjUxNSA1MTIuMDFILTI1NnYtNTcuMjQzTDY1My41MzUgMEg3NjguMDJ6IiBmaWxsPSIjZmZmIi8+CiAgICAgIDxwYXRoIGQ9Ik0xNzAuNjc1IDB2NTEyLjAxaDE3MC42N1YwaC0xNzAuNjd6TS0yNTYgMTcwLjY3djE3MC42N0g3NjguMDJWMTcwLjY3SC0yNTZ6IiBmaWxsPSIjZmZmIi8+CiAgICAgIDxwYXRoIGQ9Ik0tMjU2IDIwNC44MDR2MTAyLjQwMkg3NjguMDJWMjA0LjgwNEgtMjU2ek0yMDQuODEgMHY1MTIuMDFoMTAyLjRWMGgtMTAyLjR6TS0yNTYgNTEyLjAxTDg1LjM0IDM0MS4zNGg3Ni4zMjRsLTM0MS4zNCAxNzAuNjdILTI1NnpNLTI1NiAwTDg1LjM0IDE3MC42N0g5LjAxNkwtMjU2IDM4LjE2NFYwem02MDYuMzU2IDE3MC42N0w2OTEuNjk2IDBoNzYuMzI0TDQyNi42OCAxNzAuNjdoLTc2LjMyNHpNNzY4LjAyIDUxMi4wMUw0MjYuNjggMzQxLjM0aDc2LjMyNEw3NjguMDIgNDczLjg0OHYzOC4xNjJ6IiBmaWxsPSIjYzAwIi8+CiAgICA8L2c+CiAgPC9nPgoKCQoJPG1ldGFkYXRhPgogICAgICAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj4KCQkJPHJkZjpEZXNjcmlwdGlvbiBhYm91dD0iaHR0cHM6Ly9pY29uc2NvdXQuY29tL2xlZ2FsI2xpY2Vuc2VzIiBkYzp0aXRsZT0iVW5pdGVkLCBLaW5nZG9tLCBGbGFnLCBDb3VudHJ5LCBOYXRpb24sIFVuaW9uLCBFbXBpcmUiIGRjOmRlc2NyaXB0aW9uPSJVbml0ZWQsIEtpbmdkb20sIEZsYWcsIENvdW50cnksIE5hdGlvbiwgVW5pb24sIEVtcGlyZSIgZGM6cHVibGlzaGVyPSJJY29uc2NvdXQiIGRjOmRhdGU9IjIwMTYtMTItMTQiIGRjOmZvcm1hdD0iaW1hZ2Uvc3ZnK3htbCIgZGM6bGFuZ3VhZ2U9ImVuIj4KCQkJCTxkYzpjcmVhdG9yPgoJCQkJCTxyZGY6QmFnPgoJCQkJCQk8cmRmOmxpPkljb25zY291dCBTdG9yZTwvcmRmOmxpPgoJCQkJCTwvcmRmOkJhZz4KCQkJCTwvZGM6Y3JlYXRvcj4KCQkJPC9yZGY6RGVzY3JpcHRpb24+CgkJPC9yZGY6UkRGPgogICAgPC9tZXRhZGF0YT48L3N2Zz4K);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

.chinese-language {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgaGVpZ2h0PSI0ODAiIHdpZHRoPSI2NDAiIHZpZXdCb3g9IjAgMCA2NDAgNDgwIj4KICA8ZGVmcz4KICAgIDxwYXRoIGlkPSJhIiBmaWxsPSIjZmZkZTAwIiBkPSJNLS41ODguODFMMC0xIC41ODguODEtLjk1Mi0uMzFILjk1MnoiLz4KICA8L2RlZnM+CiAgPHBhdGggZD0iTTAgMGg2NDB2NDgwSDB6IiBmaWxsPSIjZGUyOTEwIi8+CiAgPHVzZSB4bGluazpocmVmPSIjYSIgdHJhbnNmb3JtPSJtYXRyaXgoNzEuOTk5MSAwIDAgNzIgMTE5Ljk5OSAxMjApIiB3aWR0aD0iMzAiIGhlaWdodD0iMjAiLz4KICA8dXNlIHhsaW5rOmhyZWY9IiNhIiB0cmFuc2Zvcm09Im1hdHJpeCgtMTIuMzM1NjIgLTIwLjU4NzEgMjAuNTg2ODQgLTEyLjMzNTc3IDI0MC4yOTEgNDcuOTk2KSIgd2lkdGg9IjMwIiBoZWlnaHQ9IjIwIi8+CiAgPHVzZSB4bGluazpocmVmPSIjYSIgdHJhbnNmb3JtPSJtYXRyaXgoLTMuMzg1NzMgLTIzLjc1OTk4IDIzLjc1OTY4IC0zLjM4NTc4IDI4Ny45NSA5NS43OTYpIiB3aWR0aD0iMzAiIGhlaWdodD0iMjAiLz4KICA8dXNlIHhsaW5rOmhyZWY9IiNhIiB0cmFuc2Zvcm09Im1hdHJpeCg2LjU5OTEgLTIzLjA3NDkgMjMuMDc0NiA2LjU5OTE5IDI4Ny45NTkgMTY4LjAxMikiIHdpZHRoPSIzMCIgaGVpZ2h0PSIyMCIvPgogIDx1c2UgeGxpbms6aHJlZj0iI2EiIHRyYW5zZm9ybT0ibWF0cml4KDE0Ljk5OTEgLTE4LjczNTU3IDE4LjczNTMzIDE0Ljk5OTI5IDIzOS45MzMgMjE2LjA1NCkiIHdpZHRoPSIzMCIgaGVpZ2h0PSIyMCIvPgoKCQoJPG1ldGFkYXRhPgogICAgICAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj4KCQkJPHJkZjpEZXNjcmlwdGlvbiBhYm91dD0iaHR0cHM6Ly9pY29uc2NvdXQuY29tL2xlZ2FsI2xpY2Vuc2VzIiBkYzp0aXRsZT0iQ2hpbmEsIEZsYWcsIENvdW50cnksIE5hdGlvbiwgVW5pb24sIEVtcGlyZSIgZGM6ZGVzY3JpcHRpb249IkNoaW5hLCBGbGFnLCBDb3VudHJ5LCBOYXRpb24sIFVuaW9uLCBFbXBpcmUiIGRjOnB1Ymxpc2hlcj0iSWNvbnNjb3V0IiBkYzpkYXRlPSIyMDE2LTEyLTE0IiBkYzpmb3JtYXQ9ImltYWdlL3N2Zyt4bWwiIGRjOmxhbmd1YWdlPSJlbiI+CgkJCQk8ZGM6Y3JlYXRvcj4KCQkJCQk8cmRmOkJhZz4KCQkJCQkJPHJkZjpsaT5JY29uc2NvdXQgU3RvcmU8L3JkZjpsaT4KCQkJCQk8L3JkZjpCYWc+CgkJCQk8L2RjOmNyZWF0b3I+CgkJCTwvcmRmOkRlc2NyaXB0aW9uPgoJCTwvcmRmOlJERj4KICAgIDwvbWV0YWRhdGE+PC9zdmc+Cg==);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

.show-translations *[translate] {
  outline: 2px solid red; }

tf-language-select {
  display: inline-block;
  position: relative; }
  tf-language-select .english-language, tf-language-select .chinese-language {
    margin-right: 10px; }
  tf-language-select .language-select {
    display: flex;
    flex-direction: row; }

tf-watch-list-header {
  display: flex;
  position: relative; }
  tf-watch-list-header .watch-list-header {
    width: 100%; }
  tf-watch-list-header .watch-list-header-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap; }
  tf-watch-list-header .dropdown-toggle {
    display: flex;
    cursor: pointer;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    align-items: center; }
    tf-watch-list-header .dropdown-toggle .watchlist-name {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis; }
    tf-watch-list-header .dropdown-toggle .icon-caret-down {
      display: block;
      padding-left: 5px; }
  tf-watch-list-header .watchlist-list {
    max-width: 100%; }
    tf-watch-list-header .watchlist-list .add-watchlist {
      text-align: center; }
    tf-watch-list-header .watchlist-list .watchlist-select {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding-right: 5px;
      overflow: hidden; }
      tf-watch-list-header .watchlist-list .watchlist-select .active-watchlist {
        font-weight: bold; }
      tf-watch-list-header .watchlist-list .watchlist-select a {
        display: inline;
        flex-grow: 1;
        overflow: hidden;
        text-overflow: ellipsis; }
        tf-watch-list-header .watchlist-list .watchlist-select a:hover {
          background: none; }

tf-watch-list {
  display: block;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative; }
  tf-watch-list tf-watch-list-header {
    height: 50px; }
  tf-watch-list .watchlist-column-headers {
    display: flex;
    flex-direction: row;
    width: 100%;
    font-weight: 600;
    padding-bottom: 10px; }
  tf-watch-list .watchlist-items {
    height: calc(100% - (50px + 30px + 20px));
    overflow: hidden; }
  tf-watch-list .watchlist-footer {
    height: 20px; }
  tf-watch-list .watchlist-item {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    padding: 10px 5px 10px 0; }
  tf-watch-list .info-column {
    flex-basis: 20px;
    flex-grow: 0;
    text-align: center; }
  tf-watch-list .stock-column {
    width: 60px;
    padding-right: 5px; }
    tf-watch-list .stock-column tf-security-link {
      font-weight: bold; }
  tf-watch-list .last-price-column {
    flex-basis: 80px;
    flex-grow: 0;
    padding-left: 5px;
    padding-right: 5px;
    text-align: end; }
  tf-watch-list .bid-quantity-column {
    flex-basis: 90px;
    flex-grow: 0;
    padding-left: 5px;
    padding-right: 5px;
    text-align: end; }
  tf-watch-list .bid-price-column {
    flex-basis: 80px;
    flex-grow: 0;
    padding-left: 5px;
    padding-right: 5px;
    text-align: end; }
  tf-watch-list .ask-price-column {
    flex-basis: 80px;
    flex-grow: 0;
    padding-left: 5px;
    padding-right: 5px;
    text-align: end; }
  tf-watch-list .ask-quantity-column {
    flex-basis: 90px;
    flex-grow: 0;
    padding-left: 5px;
    padding-right: 5px;
    text-align: end; }
  tf-watch-list .trade-column {
    flex-basis: 30px;
    flex-grow: 0; }
  tf-watch-list .change-column {
    flex-basis: 90px;
    flex-grow: 1;
    padding-left: 5px; }
    tf-watch-list .change-column .change-group {
      display: flex;
      align-items: center; }
    tf-watch-list .change-column .change-amount {
      display: inline-block;
      font-size: 12px; }
    tf-watch-list .change-column direction-indicator {
      font-size: 16px; }
  tf-watch-list .remove-column {
    width: 20px; }
    tf-watch-list .remove-column i {
      cursor: pointer; }

tf-new-watch-list-item {
  display: block;
  width: 100%; }
  tf-new-watch-list-item tf-company-input {
    width: 100%; }

/*------------------------------------------------------------------
[Table of contents]

0. Any Usages (junk to clean up)
1. Font Imports
2. Common styles
    2.1 BUYS/SELLS/COLORS
    2.2 GROWL ALERTS
    2.3 STATIC ALERTS & INFOBOXES
    2.4 SUBTITLES
    2.5 General Look&Feel
3. Typography
4. Buttons
5. Input Groups
6. HOVERS
7. TF POPOVERS
8. MARGIN SUMMARY-IES SLICK
9. SUMMARY BOXES
10. FLOATING MENUs
11. WIDGETS
12. PORTFOLIO SCREEN
    12.1 WHAT-IF NO POSITIONS
    12.2 What-if Delete All
    12.3 What-IF positions
    12.4 INVITE CLIENT
    12.5 WHAT-IF MOBILE
    12.6 DROPZONE
    12.7 MARGIN LEDGER
    12.7 MARGIN LEDGER
    12.9 CUSTOM WIDGETS
13. SETTINGS SCREEN
    13.1 LEGAL ACCORDION
14. HOME SCREEN
15. DYNAMIC WIDGETS
    15.1 QTY + OPTIONS PICKER
    15.2 ORDER TICKET
    15.3 WATCHLIST
    15.4 TABLE PREFERENCES
16. TRADESEARCH
17. New Account
18. Adviser Screen
19. ASX GAME
    19.1 Home Screen
20. Strategy Screen
21. Footer
22. Audit

/* ==============================
   0. ANY USAGES??
   ============================== */
.portlet {
  font-family: 'Poppins', sans-serif;
  padding: 20px; }

.portlet {
  margin-bottom: 20px; }
  .portlet h1, .portlet h2, .portlet h3, .portlet h4, .portlet h5, .portlet h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2; }
  .portlet h3 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0; }
  .portlet h3.title {
    text-transform: uppercase; }
  .portlet h3.subheader {
    display: inline-block;
    font-size: 22px;
    vertical-align: middle;
    margin: 0 15px 0 0;
    font-family: 'Roboto';
    padding: 30px 0 40px 0; }
  .portlet h3 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0; }
  .portlet p {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5; }

rzslider.small-slider .rz-pointer {
  width: 17px;
  height: 16px; }

rzslider.small-slider .rz-pointer:after {
  top: 6px;
  left: 6px;
  width: 5px;
  height: 5px; }

rzslider.small-slider:not(.rz-vertical) .rz-pointer {
  top: -7px; }

rzslider.small-slider.rz-vertical .rz-pointer {
  left: -7px !important; }

.fixed-height-modal .modal-content {
  height: 80vh;
  overflow: hidden; }

/* Because Intercom sits over the place where modal buttons are */
.modal-content {
  z-index: 2147483001; }

.close-button {
  width: 16px;
  height: 16px;
  position: relative;
  right: 1em;
  top: 1em;
  text-indent: 16px;
  border: none;
  z-index: 1001;
  background: transparent;
  color: transparent; }

.close-button::before,
.close-button::after {
  content: '\F000';
  font-family: FontAwesome;
  position: absolute;
  width: 2px;
  height: 100%;
  top: 0;
  left: 50%; }

.close-button::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.close-button::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.openPosHelper {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  opacity: 0.8; }

.accNumber {
  font-family: "open sans";
  position: fixed;
  right: -20px;
  top: 50px;
  opacity: 0.1;
  z-index: 100000; }

.smallLink {
  font-size: 12px; }

.contact-card {
  height: 200px;
  margin-bottom: 10px; }

.contact-card-drop {
  background: transparent;
  height: 200px; }

.table > tbody > tr.row-middle-aligned > td {
  vertical-align: middle; }

.table > tfoot > tr.row-middle-aligned > td {
  vertical-align: middle; }

.table > tfoot > tr.row-middle-aligned > th {
  vertical-align: middle; }

.center-block {
  float: none;
  margin-left: auto;
  margin-right: auto; }

.horizontalDivider {
  width: 100%;
  text-align: center;
  line-height: 0.1em;
  margin: 26px 0 26px; }

.horizontalDivider span {
  border-radius: 50%;
  width: 45px;
  height: 45px;
  text-align: center;
  text-transform: uppercase;
  padding: 11px;
  font-size: 12px; }

.worst-outcome {
  font-weight: bold; }

.info-bar-spacer {
  margin-bottom: 50px; }

/* ==============================
   1. IMPORTS - FONTS, etc
   ============================== */
@font-face {
  font-family: 'caviar_dreamsregular';
  src: url(72e1a844b732cac7d661c5cc848c7be1.eot);
  src: url(72e1a844b732cac7d661c5cc848c7be1.eot?#iefix) format("embedded-opentype"), url(7f83a26cda5c9b754afd1c57e8664f48.woff) format("woff"), url(4f9f89aae7c5986526a95394fd9bb969.ttf) format("truetype"), url(aed601644a9f3ae4f94c2b8959c94cd0.svg#caviar_dreamsregular) format("svg");
  font-weight: normal;
  font-style: normal; }

/* ==============================
   2. COMMON STYLES & MIXINS
   ============================== */
body {
  padding-right: 0 !important;
  margin-top: 60px;
  margin-bottom: 10px;
  overflow-x: hidden;
  overflow-y: visible;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-rendering: optimizeLegibility;
  text-rendering: geometricPrecision;
  font-smooth: always;
  font-smooth: always;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: antialiased; }

.noTextDecoration:focus, .noTextDecoration:hover {
  text-decoration: none; }

input::-ms-clear {
  display: none; }

::-moz-selection {
  color: inherit;
  background: inherit; }

::-webkit-selection {
  color: inherit;
  background: inherit; }

::selection {
  color: inherit;
  background: inherit; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

.pointer {
  cursor: pointer; }

input::-webkit-calendar-picker-indicator {
  display: none; }

input[type="date"]::-webkit-input-placeholder {
  visibility: hidden !important; }

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

.w-full {
  width: 100%; }

.no-border, .no-borders {
  border-color: transparent;
  border-width: 0; }

.no-shadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.form-control-text {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143; }

.panel {
  border-radius: 2px; }

.panel-footer {
  border-radius: 0 0 2px 2px; }

input.rounded {
  border-radius: 500px !important; }

.rounded input {
  border-radius: 500px !important; }

.btn {
  border-radius: 3px;
  transition: 300ms background-color; }

.btn-no-padding {
  font-size: 30px;
  padding: 0;
  line-height: 0; }

.totalCell {
  border-top: 1px;
  border-bottom: 4px double; }

.fullScreenDiv {
  position: absolute;
  top: 45px;
  left: 45px;
  width: calc(100% - 30px);
  min-height: 100vh;
  z-index: 2; }

a.tf-link,
.tf-link a {
  transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease; }

a.white-link {
  text-decoration: underline;
  transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease; }

a.white-link:hover {
  text-decoration: underline; }

.bold {
  font-weight: bold; }

.up:after, .marginUp .ui-grid-cell-contents:after {
  content: '\25B2'; }

.down:after, .marginDown .ui-grid-cell-contents:after {
  content: '\25BC'; }

.media-body {
  zoom: 1;
  display: block;
  width: auto; }

/*ANIMATIONS*/
.animate-all-2s {
  -webkit-transition: All 2s ease;
  -moz-transition: All 2s ease;
  -o-transition: All 2s ease;
  transition: All 2s ease; }

/*GROWL ALERTS*/
growl-notifications {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 99999;
  opacity: 0.95; }

growl-notification.fading.ng-move {
  opacity: 0;
  -webkit-transition: 1s linear all;
  /* Safari/Chrome */
  transition: 1s linear all;
  /* All other modern browsers and IE10+ */ }

growl-notification.fading.ng-move.ng-move-active {
  opacity: 1; }

growl-notification.fading.ng-leave {
  opacity: 1;
  -webkit-transition: 1s linear all;
  /* Safari/Chrome */
  transition: 1s linear all;
  /* All other modern browsers and IE10+ */ }

growl-notification.fading.ng-leave.ng-leave-active {
  opacity: 0; }

.bigBox {
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  width: 390px;
  min-height: 150px;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  border-left: 5px solid rgba(0, 0, 0, 0.15);
  overflow: hidden; }

.bigBox span {
  font-size: 18px;
  font-weight: 300;
  font-family: "open sans";
  /* letter-spacing: 0px; */
  padding: 5px 0 !important;
  display: block; }

.bigBox p {
  font-size: 13px;
  margin-top: 10px; }

.botClose {
  position: absolute;
  right: 10px;
  height: 16px;
  width: 15px;
  cursor: pointer;
  font-size: 18px;
  opacity: .5;
  display: block; }

.botClose:hover {
  opacity: 1; }

.bigBox .bigboxicon {
  font-size: 30px;
  text-align: left;
  position: absolute;
  right: 0;
  z-index: 0; }

.bigBox .bigboxnumber {
  width: 100%;
  text-align: right;
  font-size: 25px; }

@media screen and (max-width: 450px) and (max-width: 767px) {
  .bigBox {
    position: fixed;
    right: 10px;
    bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    width: 88%;
    height: 150px;
    z-index: 99999; } }

/*STATIC ALERTS & INFOBOXES*/
.alertTF .alert-right {
  width: 35px;
  padding: 7px;
  position: relative;
  float: left; }

.alertTF .alert-right i {
  font-style: normal;
  font-size: 13px; }

.portfolio-trends .alertTF .alert-right i {
  padding-top: 12px;
  display: inline-block; }

.alertTF .alert-main {
  border: 1px solid;
  /*height: 35px;*/
  position: relative;
  float: left;
  width: calc(100% - 36px);
  padding: 7px;
  padding-left: 18px;
  border-radius: 1px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.alertTF .alert-close {
  font-size: 21px;
  position: absolute;
  right: 20px;
  z-index: 2; }

.alert-info-sharper {
  border-radius: 1px; }

.alert-info-sharper .close {
  opacity: 0.55;
  font-size: 40px;
  margin-top: -15px;
  margin-right: -23px;
  line-height: inherit;
  right: 0; }

.alert-icon {
  padding-left: 50px; }

.alert-icon i {
  padding-left: 0px;
  font-size: 25px;
  margin-left: -7px;
  padding-top: 8px;
  position: absolute;
  left: 34px; }

/*SUBTITLES*/
.formSub, .passTips {
  font-family: "Open Sans";
  font-size: 13px; }

.icSub {
  font-size: 10px; }

.term {
  border-bottom: 1px dotted;
  cursor: help; }

.note {
  font-size: 12px;
  line-height: 15px; }

.activity {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0; }

.activity-age {
  font-style: italic; }

/*Social*/
.icon-hoverable {
  -webkit-transition: color 0.64s ease;
  -moz-transition: color 0.6s ease;
  -o-transition: color 0.6s ease;
  transition: color 0.6s ease;
  cursor: pointer; }

/*General Look&Feel*/
.gridNumber, .inputNumber, .gridDate {
  text-align: right; }

.progress {
  border-radius: 1px !important; }

div.editable {
  padding: .2em;
  font-size: 26px;
  width: 9999em;
  left: 0;
  top: 0;
  margin-left: 32px; }

div.editable[contenteditable] {
  cursor: text;
  -webkit-transition: padding .3s, background .3s;
  transition: padding .3s, background .3s; }

div[contenteditable]:hover,
div[contenteditable]:focus {
  padding-left: .5em;
  padding-right: .5em; }

div[contenteditable]:hover:after,
div[contenteditable]:focus:after {
  font-family: "Icomoon";
  content: "\E608";
  font-size: 15px;
  right: 29px;
  position: absolute;
  top: 22px; }

div[contenteditable]:focus {
  outline: none; }

.tfList ul {
  list-style: none;
  padding-left: 20px; }

.tfList ul li {
  padding-top: 5px;
  padding-bottom: 5px; }

.tfList ul li:before {
  content: "\F105";
  font-family: "Icomoon";
  padding-right: 15px; }

.tfList ul li a {
  font-size: 14px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  padding: 5px 2px; }

.renameBox {
  overflow: hidden; }

.renameBox > i {
  font-size: 22px;
  font-style: normal;
  line-height: 49px; }

/* ==============================
   3. Typography
   ============================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0; }

h1 {
  line-height: 43px; }

h2 {
  line-height: 35px; }

h3 {
  line-height: 30px; }

h4 {
  line-height: 22px; }

h3 small,
h4 small,
h5 small {
  font-family: 'Open Sans';
  font-weight: 300; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans';
  font-weight: 300; }

/* ==============================
   4. BUTTONS
   ============================== */
.btn-stress {
  -webkit-transition: All 0.4s ease;
  -moz-transition: All 0.4s ease;
  -o-transition: All 0.4s ease;
  transition: All 0.4s ease; }

.btn-stress:hover {
  border: 1px solid;
  -webkit-transition: All 0.4s ease;
  -moz-transition: All 0.4s ease;
  -o-transition: All 0.4s ease;
  transition: All 0.4s ease; }

.btn-stressSelectorTop {
  -webkit-transition: All 0.4s ease;
  -moz-transition: All 0.4s ease;
  -o-transition: All 0.4s ease;
  transition: All 0.4s ease; }

.btn-stressSelectorTop:hover {
  border: 1px solid;
  -webkit-transition: All 0.4s ease;
  -moz-transition: All 0.4s ease;
  -o-transition: All 0.4s ease;
  transition: All 0.4s ease; }

.btn-circle {
  width: 45px;
  height: 45px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 35px; }

.btn-circle.btn-lg {
  width: 40px;
  height: 40px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px; }

.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px; }

.btn-rounded-square {
  width: 45px;
  height: 45px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 10px; }

.btn-refresh i {
  -webkit-transition: transform 0.8s ease;
  -moz-transition: transform 0.8s ease;
  -o-transition: transform 0.8s ease;
  transition: transform 0.8s ease; }

.btn-refresh:hover i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.btn-grow i {
  -webkit-transition: transform 0.8s ease;
  -moz-transition: transform 0.8s ease;
  -o-transition: transform 0.8s ease;
  transition: transform 0.8s ease; }

.btn-grow:hover i {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -o-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3); }

.btn-clear {
  background: none;
  border: none;
  border-radius: 1px !important; }

.btn-clear:active, .btn-clear.active {
  outline: none; }

.btn-clear.disabled, .btn-clear[disabled] {
  opacity: .5; }

.nav .btn-clear:active {
  outline: none; }

.btn-clear:focus {
  outline: none !important; }

.btn-borderHover:hover {
  border-bottom: 2px solid !important;
  margin-bottom: -2px !important; }

.btn-big-box {
  width: calc(33% - 10px);
  -webkit-transition: background-color 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: background-color 0.7s cubic-bezier(0.25, 0.8, 0.25, 1); }

.btn-big-box i {
  font-size: 60px;
  line-height: 80px; }

.btn-big-box span {
  display: block; }

@media (max-width: 450px) {
  .btn-big-box {
    width: 100%; } }

.btn-md-box {
  -webkit-transition: background-color 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: background-color 0.7s cubic-bezier(0.25, 0.8, 0.25, 1); }

.btn-md-box i {
  font-size: 50px;
  line-height: 60px; }

.btn-md-box span {
  display: block; }

@media (max-width: 450px) {
  .btn-md-box i {
    font-size: 30px; } }

.btn-tf-block i {
  font-size: 20px; }

.btn-tf-block span {
  display: block;
  text-transform: uppercase;
  font-size: 11px; }

.btn-interest:hover i {
  -webkit-transition: All 0.4s ease;
  -moz-transition: All 0.4s ease;
  -o-transition: All 0.4s ease;
  transition: All 0.4s ease; }

.btn-interest:hover,
.btn-interest:focus,
.btn-interest.focus,
.open > .dropdown-toggle.btn-interest {
  -webkit-transition: All 0.4s ease;
  -moz-transition: All 0.4s ease;
  -o-transition: All 0.4s ease;
  transition: All 0.4s ease; }

.btn-interest:active,
.btn-interest.active {
  -webkit-transition: All 0.4s ease;
  -moz-transition: All 0.4s ease;
  -o-transition: All 0.4s ease;
  transition: All 0.4s ease; }

.btn-interest:active,
.btn-interest.active,
.open > .dropdown-toggle.btn-interest {
  background-image: none; }

.btn-info-outline:hover,
.btn-info-outline.active,
.open > .dropdown-toggle.btn-info-outline {
  -webkit-transition: all .2s ease-in-out 0s;
  transition: all .2s ease-in-out 0s;
  font-weight: bold; }

.btn-info-outline:hover {
  opacity: 0.7; }

.btn-info-outline.active:hover {
  opacity: 1; }

.btn-info-outline:active,
.open > .dropdown-toggle.btn-info-outline {
  background-image: none; }

.btn-success-outline:hover,
.btn-success-outline.active,
.open > .dropdown-toggle.btn-success-outline {
  -webkit-transition: all .2s ease-in-out 0s;
  transition: all .2s ease-in-out 0s; }

.btn-success-outline:hover {
  opacity: 0.7; }

.btn-success-outline.active:hover {
  opacity: 1; }

.btn-success-outline:active,
.open > .dropdown-toggle.btn-success-outline {
  background-image: none; }

.btn-danger-outline:hover,
.btn-danger-outline.active,
.open > .dropdown-toggle.btn-danger-outline {
  -webkit-transition: all .2s ease-in-out 0s;
  transition: all .2s ease-in-out 0s; }

.btn-danger-outline:hover {
  opacity: 0.7; }

.btn-danger-outline.active:hover {
  opacity: 1; }

.btn-danger-outline:active,
.btn-danger-outline.active,
.open > .dropdown-toggle.btn-danger-outline {
  background-image: none; }

.btn-primary-outline:hover,
.btn-primary-outline.active,
.open > .dropdown-toggle.btn-primary-outline {
  -webkit-transition: all .2s ease-in-out 0s;
  transition: all .2s ease-in-out 0s; }

/* ==============================
   5. Form Fields
   ============================== */
.form-control {
  border-radius: 0; }

.icon-addon {
  position: relative;
  display: block; }

.icon-addon:after,
.icon-addon:before {
  display: table;
  content: " "; }

.icon-addon:after {
  clear: both; }

.icon-addon label:hover:before {
  border: none !important; }

.icon-addon.addon-md .glyphicon,
.icon-addon .glyphicon,
.icon-addon.addon-md .fa,
.icon-addon .fa {
  position: absolute;
  z-index: 2;
  left: 10px;
  font-size: 14px;
  width: 20px;
  margin-left: -2.5px;
  text-align: center;
  padding: 10px 0;
  top: 1px; }

.icon-addon.addon-lg .form-control {
  line-height: 1.33;
  height: 46px;
  font-size: 18px;
  padding: 10px 16px 10px 40px; }

.icon-addon.addon-sm .form-control {
  height: 30px;
  padding: 5px 10px 5px 28px;
  font-size: 12px;
  line-height: 1.5; }

.icon-addon.addon-lg .fa,
.icon-addon.addon-lg .glyphicon {
  font-size: 18px;
  margin-left: 0;
  left: 11px;
  top: 4px; }

.icon-addon.addon-md .form-control,
.icon-addon .form-control {
  padding-left: 30px;
  float: left;
  font-weight: normal; }

.icon-addon.addon-sm .fa,
.icon-addon.addon-sm .glyphicon {
  margin-left: 0;
  font-size: 12px;
  left: 5px;
  top: -1px; }

/* ==============================
   6. HOVERS
   ============================== */
.fav {
  cursor: pointer; }

.fav:hover {
  font-weight: bold; }

.fav.off {
  opacity: 0;
  transition: opacity 0.5s linear !important; }

.fav.off:hover {
  opacity: 1 !important; }

.account-fav {
  cursor: pointer;
  transition: color 0.5s linear; }

.pin {
  transition: transform 0.7s, color 0.7s, opacity 0.7s;
  display: inline-block;
  cursor: pointer; }

.pin.active {
  opacity: 1; }

@media (max-width: 768px) {
  .hiddenTouch,
  .hiddenMobile {
    visibility: hidden !important; } }

@media (max-width: 479px) {
  .hidden480 {
    display: none !important; } }

@media (min-width: 480px) {
  .visible480 {
    display: none !important; } }

@media (max-width: 500px) {
  .hidden500 {
    display: none !important;
    visibility: hidden !important; } }

@media (max-width: 600px) {
  .hidden600 {
    display: none !important;
    visibility: hidden !important; } }

@media (max-width: 1300px) {
  .hidden1300 {
    display: none !important;
    visibility: hidden !important; } }

@media (max-width: 1500px) {
  .hidden1500 {
    display: none !important;
    visibility: hidden !important; } }

@media (min-width: 768px) and (max-width: 1200px) {
  .hiddenTouch {
    visibility: visible !important; }
  .hiddenMobile {
    visibility: hidden !important; } }

@media (min-width: 1200px) {
  .hiddenTouch,
  .hiddenMobile {
    visibility: hidden !important; } }

@media (pointer: coarse) {
  .hiddenTouch,
  .hiddenMobile {
    visibility: visible !important; } }

/* ==============================
   7. TF POPOVERS
   ============================== */
.optnPopover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  width: 550px;
  min-height: 600px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  white-space: normal;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 6px; }

.optnPopover.top {
  margin-top: -10px; }

.optnPopover.right {
  margin-left: 10px; }

.optnPopover.bottom {
  margin-top: 10px; }

.optnPopover.left {
  margin-left: -10px; }

.optnPopover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  border-radius: 5px 5px 0 0; }

.optnPopover-content {
  padding: 9px 14px; }

.optnPopover > .arrow,
.optnPopover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.optnPopover > .arrow {
  border-width: 11px; }

.optnPopover > .arrow:after {
  content: "";
  border-width: 10px; }

.optnPopover.top-left > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0; }

.optnPopover.top-left > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-bottom-width: 0; }

.optnPopover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0; }

.optnPopover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-left-width: 0; }

.optnPopover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0; }

.optnPopover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0; }

.optnPopover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0; }

.optnPopover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0; }

.tfPopover.top-left > .arrow {
  top: -11px;
  left: 20%;
  margin-left: -11px;
  border-top-width: 0; }

.tfPopover.top-left > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0; }

.tfPopover.bottom-left > .arrow {
  bottom: -11px;
  left: 20%;
  margin-left: -11px;
  border-bottom-width: 0; }

.tfPopover.bottom-left > .arrow:after {
  top: -12px;
  margin-left: -10px;
  content: " ";
  border-bottom-width: 0; }

.tfPopover {
  font-family: "Open Sans"; }

.tfPopover .qty-picker .title {
  margin-left: 10px;
  font-size: 10px;
  text-transform: uppercase; }

.tfPopover.what-if-picker > .arrow {
  left: 50%; }

.tfPopover .qty-picker .info-sub {
  font-size: 12px;
  text-transform: uppercase;
  padding: 0;
  padding-left: 8px; }

.tfPopover .qty-picker .number {
  font-size: 14px;
  font-weight: 700;
  margin-left: 6px; }

/* ==============================
   8. MARGIN SUMMARY-IES SLICK
   ============================== */
.scratchOpenTools {
  position: relative;
  bottom: 20px;
  width: 180px;
  left: 0px;
  /*float:right;*/
  z-index: 3;
  padding: 7px 0px 5px 21px;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  border-bottom: none; }

.scratchOpenToolsContainer {
  width: 100%; }

.scratchSummaryContainer {
  position: fixed;
  bottom: -55px;
  right: 0;
  left: 0;
  pointer-events: none;
  /*width: 100%;*/ }

.has-sidebar.closed .scratchSummaryContainer {
  left: 60px; }

.has-sidebar.open .scratchSummaryContainer {
  left: 250px; }

.no-pointer-events {
  pointer-events: none; }

/*.scratchSummaryInnerContainer {*/
/*position: fixed;*/
/*}*/
.scratchSummary {
  bottom: -165px;
  padding: 10px;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  pointer-events: all;
  /*-webkit-box-shadow: inset 0px 15px 17px -12px rgba(111, 111, 111, 0.46);*/
  /*box-shadow: inset 0px 15px 17px -12px rgba(111, 111, 111, 0.46);*/ }

.scratchSummary.closed {
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px); }

.scratchSummary.open {
  -ms-transform: translateY(-180px);
  -webkit-transform: translateY(-180px);
  transform: translateY(-180px); }

.scratchSummary.expanded {
  bottom: 50px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  cursor: default; }

.marginSummarySlick {
  margin-left: 0px;
  margin-right: 0px; }

.marginSummarySlick .slickSlide {
  position: relative;
  height: 205px;
  padding-left: 5px;
  padding-right: 5px; }

.marginSummarySlick > .slick-prev:before,
.marginSummarySlick > .slick-next:before {
  font-family: "Icomoon";
  font-size: 24px;
  line-height: 1;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.marginSummarySlick > .slick-prev:before {
  content: "\F100"; }

.marginSummarySlick > .slick-next:before {
  content: "\F101"; }

.marginSummarySlick > .slick-prev,
.marginSummarySlick > .slick-next {
  top: 37%; }

/*ADVISER SUMMARY SLICK*/
.adviserSummarySlick {
  margin-left: 21px;
  margin-right: 22px; }

.scratchSummarySlick {
  padding-top: 12px; }

.adviserSummarySlick .slickSlide {
  position: relative;
  height: 196px;
  padding-left: 5px;
  padding-right: 5px; }

.adviserSummarySlick > .slick-prev:before {
  content: "\F100"; }

.adviserSummarySlick > .slick-next:before {
  content: "\F101"; }

.adviserSummarySlick > .slick-prev:before,
.adviserSummarySlick > .slick-next:before {
  font-family: "Icomoon";
  font-size: 24px;
  line-height: 1;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.adviserSummarySlick > .slick-prev,
.adviserSummarySlick > .slick-next {
  top: 10px;
  display: block;
  width: 22px;
  height: 100%;
  transition: all .2s ease-in-out; }

.adviserSummarySlick > .slick-prev:hover,
.adviserSummarySlick > .slick-next:hover {
  -ms-transform: scale(1.05);
  /* IE 9 */
  -webkit-transform: scale(1.05);
  /* Safari */
  transform: scale(1.05); }

.adviserMarginSummary .adviserSummarySlick > .slick-prev {
  border-top-left-radius: 14px; }

.adviserMarginSummary .adviserSummarySlick > .slick-next {
  border-top-right-radius: 14px; }

.scratchSummary .adviserSummarySlick > .slick-prev {
  border-bottom-left-radius: 14px; }

.scratchSummary .adviserSummarySlick > .slick-next {
  border-bottom-right-radius: 14px; }

.adviserSummarySlick .slick-list {
  width: calc(100% - 5px); }

/* ==============================
   9. SUMMARY BOXES
   ============================== */
.sumWidget {
  position: relative;
  height: 132px;
  margin-right: 5px;
  margin-left: 5px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

/* TODO This is used only on the main screen and should be removed */
.sumWidget1 {
  position: relative;
  height: 132px;
  margin-right: 0;
  margin-left: 0;
  margin-top: 5px;
  border-style: initial;
  border-color: initial;
  border-image: initial;
  border-radius: 2px; }

.sumWidget2 {
  margin-right: 0;
  margin-left: 0;
  margin-top: 5px;
  border-style: initial;
  border-color: initial;
  border-image: initial;
  border-radius: 2px; }

.sumWidget-alert {
  position: relative;
  margin-right: 0;
  margin-left: 0;
  margin-top: 5px;
  /* border: 1px solid #ddd; */
  text-align: center; }

.sumWidget .text-box h2 {
  padding: 0;
  margin: 0px 0;
  font-weight: 300;
  font-size: 32px;
  display: block;
  /*color: #fff;*/ }

.sumwidgetContent {
  margin-top: 5px;
  padding: 15px; }
  @media screen and (max-width: 480px) {
    .sumwidgetContent h3 {
      font-size: 18px; } }
  @media screen and (min-width: 481px) and (max-width: 800px) {
    .sumwidgetContent h3 {
      font-size: 20px; } }

.infoBox p {
  margin: 0 0 3px 0; }

.sumWidget .widget-icon {
  font-size: 50px;
  position: absolute;
  right: 4%;
  top: 5px; }

.sumWidget .widget-chart {
  position: absolute;
  right: 4%;
  top: 10px; }

@media (max-width: 767px) {
  .sumWidget .widget-chart {
    display: none !important; } }

#stock-chart .days .row [class*="col-"]:nth-child(2) .day {
  border-width: 0 1px 0 1px;
  border-style: solid; }

#stock-chart .days .row [class*="col-"] {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

#stock-chart .day {
  text-align: center; }
  @media screen and (max-width: 480px) {
    #stock-chart .day h1 {
      font-size: 12px; } }

.sumWidget .widget-footer {
  padding: 4px 15px;
  font-size: 12px;
  overflow: hidden; }

.sumWidget2 .widget-footer-light,
.sumWidget .widget-footer-light {
  padding: 10px 15px;
  font-size: 12px;
  position: absolute;
  height: 40px;
  left: 0;
  right: 0;
  bottom: 0; }

.sumWidget2 .widget-footer-light {
  left: 5px;
  right: 5px; }

.widget-content.padding {
  padding: 15px; }

.sumWidget table td {
  padding: 1px;
  text-transform: uppercase; }

/* Scratch Global Strategies Adviser */
.scratchSummary .widget-content.padding {
  text-align: center;
  height: 46px; }

.scratchSummary .sumWidget:active,
.scratchSummary .sumWidget:focus,
.scratchSummary .sumWidget:hover {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.scratchSummary .sumWidget ul {
  list-style: none;
  margin-bottom: 1px; }

.scratchSummary .sumWidget ul li {
  text-align: center;
  padding: 11px;
  width: 96px;
  overflow: hidden; }

.scratchSummary .sumWidget ul i {
  font-size: 52px;
  padding-bottom: 10px; }

.scratchSummary .sumWidget .widget-footer {
  font-size: 14px; }

.scratchSummary .sumWidget .widget-footer .moreDetails {
  font-size: 16px; }

.scratchSummary .sumWidget .widget-footer .moreDetails i {
  font-size: 18px; }

.scratchSummary .sumWidget .sharedName {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

/*CARDS FORMATTING*/
.summaryCard {
  height: 166px;
  margin-top: 5px; }

.summaryCard .container {
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -ms-perspective: 800px;
  -o-perspective: 800px;
  perspective: 800px;
  height: 100%; }

.summaryCard .card {
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 1s;
  transition: transform 1s; }

.summaryCard .card-NLV {
  margin-top: 5px; }

@media (max-width: 768px) {
  .summaryCard .card-NLV .alertTF {
    margin-bottom: 42px; } }

.summaryCard .card-NLV .card-sm {
  padding: 4px 30px; }

.summaryCard .card-NLV {
  height: 33px; }

.summaryCard .card figure {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.summaryCard .card .front {
  padding: 10px;
  padding-left: 30px;
  z-index: 2;
  transform: rotateX(0deg); }

.summaryCard .card .back {
  padding: 10px;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  z-index: 1; }

.summaryCard .card.flipped {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg); }

.summaryCard .flip-icon,
.summaryCard .flip-icon-back {
  font-size: 28px;
  cursor: pointer;
  display: block;
  position: absolute;
  bottom: 2px;
  right: 9px; }

.summaryCard .info-box .info-box-stats {
  float: left;
  margin-top: 5px;
  width: 100%; }

.summaryCard .info-box p {
  display: block;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 22px;
  margin: 0px 0px 10px 0px;
  font-style: normal;
  white-space: normal; }

.summaryCard .info-box .info-box-stats p {
  font-size: 28px;
  margin-bottom: 14px;
  font-weight: 300; }

.summaryCard .info-box .info-box-stats span.info-box-title {
  display: block;
  font-size: 13px;
  margin-bottom: 10px; }

.summaryCard .info-box .info-box-icon {
  float: right; }

.summaryCard .info-box .info-box-icon i {
  font-size: 31px; }

.cardBreakdown table {
  font-size: 13px;
  margin-bottom: 0; }

.cardBreakdown table th,
.cardBreakdown table td {
  padding: 2px !important;
  text-align: right; }

.cardBreakdown table .title {
  text-align: left !important; }

.cardBreakdown table .title i {
  padding-right: 10px;
  font-size: 4px;
  vertical-align: middle; }

/*cash and collateral table*/
.cashTable {
  font-family: "Raleway"; }

.cashTable th {
  font-size: 1.35rem; }

/* ==============================
   10. FLOATING MENUs
   ============================== */
/* STRESS TEST Overview*/
.fakeTableHover:hover {
  transition: background 200ms; }

.stressTestOverview {
  font-family: "open sans"; }

.stressTestOverview > .stressTestOverviewBody > div {
  padding-top: 10px;
  padding-bottom: 10px; }

.stressTestOverviewHeader {
  height: 24px;
  font-weight: 600; }

/*STRESS TEST ON MESSAGE*/
.floatingMenuButton {
  position: fixed;
  padding: 7px 14px 7px 14px;
  font-size: 14px;
  border-radius: 7px;
  font-weight: 500;
  font-family: "Raleway";
  z-index: 400; }

.floatingMenuButton-light {
  border-radius: 2px; }

.has-system-message .stressTestMenu {
  top: 116px; }

.stressTestMenu {
  top: 66px;
  right: 25px;
  transition: right 400ms ease; }

.stressTestMenu.sidebar-offset {
  right: 310px; }

.has-system-message .stressTestActivate {
  top: 100px; }

.stressTestActivate {
  position: fixed;
  top: 50px;
  z-index: 1020;
  right: -1px;
  padding: 20px;
  text-transform: uppercase;
  font-size: 14px;
  border-bottom-left-radius: 21px;
  font-weight: 500;
  font-family: "Raleway"; }

.scenario-group {
  line-height: 21px; }

.scenario-group i {
  font-size: 21px;
  padding-right: 7px; }

.posSelect {
  position: absolute;
  padding: 7px 14px 7px 14px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Raleway";
  z-index: 400; }

.posSelect .add-btn-name {
  display: block;
  text-transform: uppercase; }

.posSelect button i {
  font-size: 35px; }

/*ORDERS*/
.orderMenu {
  bottom: 7px;
  right: 18px; }

.orderContainer {
  position: fixed;
  z-index: 1002;
  width: 100%;
  left: 0;
  bottom: 0;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left; }

.ordersTable i.close {
  float: initial;
  padding: 0 5px; }

.ordersTable .sideIndicator {
  width: 5px;
  height: 100%;
  padding-left: 0;
  padding-right: 0; }

.orderCards {
  margin-top: 5px; }

.orderCards.parentContainer {
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -ms-perspective: 800px;
  -o-perspective: 800px;
  perspective: 800px;
  height: 100%; }

.orderCards .card {
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 1s;
  transition: transform 1s; }

.orderCards .card figure {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.orderCards .card .front {
  padding: 10px;
  padding-left: 20px;
  z-index: 2;
  transform: rotateX(0deg); }

.orderCards .card .back {
  padding: 10px;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  z-index: 1; }

.orderCards .card.flipped {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg); }

.orderCards .flip-icon,
.orderCards .flip-icon-back {
  font-size: 22px;
  float: right;
  cursor: pointer;
  display: block;
  margin-top: -5px;
  margin-bottom: -10px;
  padding-right: 10px;
  padding-left: 10px; }

.orderCards .info-box .info-box-stats {
  float: left;
  margin-top: 5px;
  width: 100%; }

.orderCards .info-box p {
  display: block;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 22px;
  margin: 0px 0px 10px 0px;
  font-style: normal;
  white-space: normal; }

.orderCards .info-box .info-box-stats p {
  font-size: 28px;
  margin-bottom: 14px;
  font-weight: 300; }

.orderCards .info-box .info-box-stats span.info-box-title {
  display: block;
  font-size: 13px;
  margin-bottom: 10px; }

.orderCards .info-box .info-box-icon {
  float: right; }

.orderCards .info-box .info-box-icon i {
  font-size: 31px; }

.orderCards .cardFooter {
  position: absolute;
  bottom: 0px;
  padding: 7px;
  width: calc(100% + 2px);
  left: 0px;
  font-size: 14px;
  text-transform: uppercase;
  margin-left: -1px;
  margin-bottom: -1px; }

.orderCards .orderSide {
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.orderCards .card .front .line1 {
  display: block; }

.orderCards .card .front .line2 {
  display: block;
  font-size: 20px; }

.orderCards .card .front .qtyFilled {
  font-size: 20px;
  display: block;
  position: absolute;
  top: 2px;
  right: 9px; }

.orderCards .card .front .qtyFilled .qtyPercentage {
  font-size: 12px;
  display: block;
  text-align: center; }

.orderCards .card .front .qtyFilled .qtyPercentage .progress {
  margin-bottom: 0; }

.orderCards .card .front .marketPrice {
  display: block; }

.orderCards .card .front .marketPrice .borderContainer div {
  border: 1px solid transparent;
  border-radius: 10px;
  cursor: pointer;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  transition: All 0.5s ease; }

.orderCards .card .front .marketPrice .bid:hover {
  -ms-transform: scale(1.075);
  -webkit-transform: scale(1.075);
  transform: scale(1.075); }

.orderCards .card .front .marketPrice .offer:hover {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }

.orderCards .card .front .marketPrice div span {
  display: block;
  text-align: center; }

.orderCards .info {
  font-size: 10px; }

.orderCards .info.larger {
  font-size: 13px; }

.orderCards .card .front .marketPrice div .status {
  font-size: 20px;
  text-transform: uppercase; }

.orderCards .card .front .marketPrice div .price {
  font-size: 20px; }

.table-workingOrders td {
  vertical-align: middle !important; }

.table-workingOrders .workingOrderAccount .wo-accNumber {
  font-size: 12px; }

.table-workingOrders .workingOrderAccount .wo-accName {
  font-size: 10px; }

.table-workingOrders .cancelled {
  text-decoration: line-through; }

.table-workingOrders .rejected {
  text-decoration: line-through; }

.table-workingOrders .failed {
  text-decoration: line-through; }

#orders .order-search-container {
  position: relative;
  display: inline-block;
  max-width: 300px; }

#orders .order-search {
  width: 200px;
  font-size: 14px;
  height: 35px;
  padding-left: 37px; }

#orders .order-search:focus {
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s; }

#orders .order-search-container:focus .signin-form-icon {
  left: inherit;
  right: 20px; }

#orders .sort-by-selector {
  display: inline-block;
  cursor: pointer; }

#orders .signin-form-icon {
  display: block;
  font-size: 16px;
  line-height: 35px;
  position: absolute;
  text-align: center;
  width: 40px;
  -webkit-transition: all .3s;
  transition: all .3s; }

#orders .handle-s {
  bottom: -10px;
  position: absolute; }

.my-card {
  display: inline-block; }

.back-text {
  padding-top: 60px;
  padding-left: 10px;
  padding-right: 10px; }

#container {
  width: 100%; }

#card-1 {
  float: left; }

#card-2 {
  float: left; }

/*Panel Dropdown (STRESS TEST SCREEN USAGE)*/
.panelDropUp {
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel {
  border-radius: 1px; }

.panel-heading {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  padding: 10px 15px; }

.panel-title {
  font-size: 16px;
  margin-bottom: 0;
  margin-top: 0; }

.wizard-steps .agree-block {
  line-height: 22px;
  padding: 20px;
  text-align: center;
  font-size: 60px;
  margin-top: 25px;
  margin-bottom: 25px; }

.panel-footer {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 10px 15px; }

.draggableScenarioResult {
  padding: 10px 10px; }

.draggableScenarioFav {
  margin-right: 8px;
  margin-left: 8px;
  padding: 10px 10px; }

/*TODO: REPLACE RISK MANAGER FLOATING MENU AND REMOVE*/
.floatingMenu {
  position: fixed;
  bottom: 9px;
  right: 0;
  z-index: 999;
  max-height: 50px; }

.floatingMenu > .smTab {
  opacity: 0.9;
  text-transform: uppercase;
  margin-right: 5px;
  font-size: 10px;
  text-align: center;
  display: inline-block;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.floatingMenu > .smTabFW {
  width: 65px;
  padding: 10px 0 10px 0;
  top: -14px;
  position: relative; }

.floatingMenu > .smTab i {
  font-size: 22px; }

.floatingMenu > .smTab a {
  -webkit-transition: color 0.4s ease;
  -moz-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  transition: color 0.4s ease; }

.floatingMenu > .smTab a:hover,
.floatingMenu > .smTab i:hover,
.floatingMenu > .smTab:hover {
  -webkit-transition: color 0.4s ease;
  -moz-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  transition: color 0.4s ease; }

.floatingMenu > .smTabStress {
  padding: 10px 0 10px 0; }

.smTabStress > .expandTabs {
  margin-top: 6px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  border-radius: 3px;
  -webkit-transition: All 0.4s ease;
  -moz-transition: All 0.4s ease;
  -o-transition: All 0.4s ease;
  transition: All 0.4s ease; }

.stressPopover {
  position: absolute;
  top: 37px;
  z-index: 2000000;
  width: 340px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.stress-presets {
  text-align: right;
  padding-right: 10px; }

.stress-presets button {
  margin-left: 5px;
  margin-right: 5px; }

.smTabVolTools .min {
  width: 43px;
  -webkit-transition: All 0.4s ease;
  -moz-transition: All 0.4s ease;
  -o-transition: All 0.4s ease;
  transition: All 0.4s ease; }

.smTabVolTools .max {
  width: 265px !important;
  padding-right: 10px;
  -webkit-transition: All 0.4s ease;
  -moz-transition: All 0.4s ease;
  -o-transition: All 0.4s ease;
  transition: All 0.4s ease; }

.stressedScenarios {
  margin-right: 10px; }

.stressedScenarios > a {
  border-radius: 1px; }

.smTabExpand {
  position: fixed;
  z-index: 999;
  width: 285px;
  pointer-events: none;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  /*overflow-x: hidden;*/ }

.smTabExpand.top {
  top: 53px; }

.smTabExpand.bottom {
  bottom: 0px; }

.smTabExpandPointer {
  pointer-events: all; }

.timeScenarios .subtitle {
  font-size: 12px;
  display: block; }

.stress-testing-body {
  max-height: calc(100vh - 180px) !important;
  overflow-x: hidden !important; }

.stressTestingParams {
  padding: 8px; }

.dropdownTimeDecay .glyphicon {
  font-family: "Icomoon"; }

.dropdownTimeDecay .input-group ul {
  padding: 0px;
  border-radius: 0;
  width: 100%; }

.dropdownTimeDecay .dropdown-menu table {
  width: 100%; }

.dropdownTimeDecay .dropdown-menu th .btn-default, .dropdownTimeDecay .dropdown-menu th {
  border: none !important;
  padding-left: 6px;
  padding-right: 6px; }

.dropdownTimeDecay .dropdown-menu small {
  text-transform: uppercase;
  font-size: 80%;
  font-weight: 500; }

.dropdownTimeDecay .dropdown-menu > li:first-child {
  padding-top: 0px; }

.dropdownTimeDecay .dropdown-menu thead tr:nth-child(2) {
  line-height: 34px; }

.dropdownTimeDecay .btn-info, .dropdownTimeDecay .btn-info.active, .dropdownTimeDecay .btn-info:active, .dropdownTimeDecay .open > .dropdown-toggle.btn-info {
  border-radius: 73px;
  min-width: 10px !important;
  width: 29px; }

.dropdownTimeDecay .dropdown-menu tbody .btn-default {
  border: 0;
  -webkit-transition: All 1.5s ease;
  -moz-transition: All 1.5s ease;
  -o-transition: All 1.5s ease;
  transition: All 1.5s ease; }

.dropdownTimeDecay .dropdown-menu tbody .btn-default:hover {
  border-radius: 73px;
  min-width: 10px !important;
  width: 29px; }

.dropdownTimeDecay .glyphicon-chevron-left:before {
  content: "\F100"; }

.dropdownTimeDecay .glyphicon-chevron-right:before {
  content: "\F101"; }

@media (max-width: 768px) {
  .stress-testing-tabs .nav-justified > li {
    display: table-cell;
    width: 1%; }
  .stress-testing-tabs .nav-justified > li > a {
    border-radius: 4px 4px 0 0 !important;
    margin-bottom: 0 !important; } }

.stress-testing-tabs .nav > li > a {
  padding: 10px 7px 10px 0px; }

.stress-testing-tabs .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
  border: 0 !important; }

.stress-testing-tabs .tab-content {
  padding: 10px 0 0 0 !important;
  border-top: 0; }

.datepickerTimeDecay {
  display: block;
  padding: 8px; }

/*@media (max-width: 500px) {*/
.smTabExpand {
  right: 0; }

.smTabExpand .styleStressTestMin {
  margin-top: -10px !important;
  margin-bottom: -10px; }

.smTabStressTest {
  width: 300px !important;
  bottom: 47px;
  position: fixed;
  right: 105px;
  z-index: 99999; }

.stressTest > .tab-content {
  padding: 0 0 0 0 !important; }

.floatResize {
  -webkit-transition: All 0.4s ease;
  -moz-transition: All 0.4s ease;
  -o-transition: All 0.4s ease;
  transition: All 0.4s ease; }

.floatResize .min {
  width: 65px;
  padding: 10px 0 10px 0; }

.toggleMenu {
  font-family: "open sans";
  display: inline;
  font-size: 20px;
  padding: 25px;
  position: fixed;
  bottom: 100px !important; }

/* ==============================
   11. WIDGETS
   ============================== */
.widget .widget-close,
.widget .widget-toggle {
  font-size: 15px; }

@media (max-width: 400px) {
  .widget-help {
    display: none; } }

/*header icons*/
.additional-btn {
  z-index: 2;
  font-size: 19px; }
  .additional-btn .add-btn-name {
    display: block;
    text-transform: uppercase;
    font-size: 11px; }

.additional-btn > a,
.additional-btn .btn-group > a {
  margin-left: 7px;
  margin-right: 0px;
  cursor: pointer;
  -webkit-transition: All 0.4s ease;
  -moz-transition: All 0.4s ease;
  -o-transition: All 0.4s ease;
  transition: All 0.4s ease; }

.additional-btn > a:hover {
  text-decoration: none;
  -webkit-transition: All 0.4s ease;
  -moz-transition: All 0.4s ease;
  -o-transition: All 0.4s ease;
  transition: All 0.4s ease; }

.widget-btn > i:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.widget, .widget-gridster {
  position: relative;
  border-width: 0px;
  border-style: initial;
  border-color: initial;
  border-image: initial;
  border-radius: 2px;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px; }

.widget-gridster {
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px; }

.widget-clear {
  border: none !important;
  margin-top: 0 !important; }

.minHeight750 {
  min-height: 750px; }

.widget-header {
  height: 50px;
  /*border-bottom: 1px solid #CCC;*/ }
  .widget-header.small {
    height: 35px; }

.widget-header.transparent {
  background: transparent;
  border: none; }

.widget-content {
  margin-top: 10px; }

.widget:hover .additional-btn .add-btn-name {
  display: block; }

/*HIDE SHOW BUTTONS*/
.widget:hover .additional-btn a.hidden,
.widget:hover .additional-btn .add-btn-name.hidden {
  display: inline-block !important;
  visibility: visible !important; }

.widget:hover .additional-btn > a.hidden.nevershow,
.widget:hover .additional-btn > a.nevershow,
.widget .additional-btn > a.nevershow {
  display: none !important; }

.widget .widget-header:hover .additional-btn a,
.widget .widget-header:hover .additional-btn .add-btn-name,
.widget .widget-header:hover .additional-btn div {
  -webkit-transition: color 0.4s ease;
  -moz-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  transition: color 0.4s ease; }

@media (max-width: 800px) {
  .widget-content,
  .responsiveWidget {
    /*overflow-x: hidden;*/ } }

.widget-header h1, h2 {
  display: inline; }

.widget-header h3 {
  padding: 4px 13px 4px 13px;
  margin: 0px;
  font-weight: 400;
  font-size: 16px;
  display: block; }

.widget-header .left-btn {
  position: absolute;
  left: 10px;
  top: 6px; }

.widget:hover .additional-btn > .btn-group.hidden {
  display: inline-block !important;
  visibility: visible !important; }

.widget .additional-btn,
.widget .widget-header .additional-btn .btn-group {
  margin-left: 7px;
  margin-right: 0px;
  cursor: pointer;
  -webkit-transition: All 0.7s ease;
  -moz-transition: All 0.7s ease;
  -o-transition: All 0.7s ease;
  transition: All 0.7s ease; }

.widget .additional-btn > a:hover {
  text-decoration: none;
  -webkit-transition: All 0.4s ease;
  -moz-transition: All 0.4s ease;
  -o-transition: All 0.4s ease;
  transition: All 0.4s ease; }

/* ==============================
   ==============================
   ++++ 12. PORTFOLIO SCREEN ++++
   ==============================
   ============================== */
/* 12.1 WHAT-IF NO POSITIONS*/
.add-positions {
  position: absolute;
  padding-top: 8px;
  margin: 0 15px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.add-positions .msg {
  text-align: center;
  margin: 5em 0; }

.add-positions div {
  text-align: center;
  padding-bottom: 15px; }

.add-positions img {
  width: auto; }

/* 12.2 What-if Delete All*/
a.deleteTabs {
  margin-left: 30px;
  width: 25px;
  margin-right: 12px;
  margin-top: 2px;
  overflow: hidden;
  font-size: 16px;
  font-weight: 400;
  padding: 6px 9px 6px 10px;
  border-radius: 3px;
  position: absolute;
  -webkit-transition: All 0.4s ease;
  -moz-transition: All 0.4s ease;
  -o-transition: All 0.4s ease;
  transition: All 0.4s ease;
  right: 0; }

a.deleteTabs:hover {
  width: 199px;
  -webkit-transition: All 0.4s ease;
  -moz-transition: All 0.4s ease;
  -o-transition: All 0.4s ease;
  transition: All 0.4s ease; }

/* 12.3 What-IF positions*/
.whatifPositions {
  margin-top: 15px;
  font-family: "open sans"; }

.whatifPositions > .whatifPositionsBody > div {
  padding: 10px;
  height: 54px; }

.whatifPositions > .whatifPositionsHeader > div {
  padding-right: 10px;
  padding-left: 10px; }

@media (min-width: 1200px) and (max-width: 1475px) {
  .whatifPositionsHeaderMarRight {
    margin-right: 10px; }
  .whatifPositionsHeaderMarNegRight {
    margin-right: -10px; } }

.whatifPositionsHeader {
  overflow-x: hidden;
  overflow-y: hidden;
  height: 24px;
  font-weight: 600; }

.whatifPositionsBody {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 176px; }

.whatifPositions-chng {
  font-weight: 300 !important;
  font-size: 12px; }

.whatifPositions-chng i {
  font-size: 24px; }

.whatifPositionsStock {
  font-weight: 500; }

.whatIfTabMenu {
  position: absolute;
  z-index: 3000;
  margin-top: 12px;
  padding: 8px;
  margin-left: -24px;
  display: none; }

.whatIfTabMenu > .container {
  width: 424px;
  height: 65px;
  padding: 8px;
  margin-top: 1px; }

.whatIfTabMenu:after {
  content: '';
  position: absolute;
  top: 0;
  left: 30%;
  margin-left: -50px;
  width: 0;
  height: 0;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent; }

.whatifTabMenuShow {
  display: block !important; }

.whatIfTabMenu .smallSize {
  width: 224px !important; }

.whatIfTabMenu > .container button i {
  font-size: 19px; }

.whatIfTabMenu > .container button span {
  font-size: 11px;
  display: block; }

.whatIfButtons button {
  font-size: 10px;
  width: 60px;
  padding: 3px 0 4px 0; }

.whatIfButtons button i {
  font-size: 18px; }

.whatIfButtons > .btn-clear:active, .btn-clear.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none; }

.workingTradeTable {
  list-style: none;
  padding-left: 0; }

.workingTradeTable li {
  padding-bottom: 20px; }

.workingTradeTable .workingPrice {
  text-align: center; }

/*.workingTradeTable .tradeSize {*/
/*border: 1px solid grey;*/
/*border-left: 10px solid grey;*/
/*text-align: center;*/
/*min-width: 110px;*/
/*display: inline-block;*/
/*padding: 5px 10px;*/
/*}*/
.workingTradeTable .legDetail {
  text-align: center;
  min-width: 110px;
  display: inline-block;
  padding: 10px 20px; }

.workingTradeTable .top-line {
  text-transform: uppercase;
  font-size: 15px; }

.workingTradeTable .bottom-line {
  font-size: 12px; }

.workingTradeTable .orderNumber {
  position: absolute;
  right: 22px;
  padding-bottom: 0;
  top: 40px;
  font-style: italic; }

.workingTradeTable .divider,
.workingTradeInfo .divider {
  margin-bottom: 20px; }

.workingTradeTable .amendmentPriceControl {
  position: absolute;
  z-index: 2;
  width: 100px;
  right: -17px; }

.workingTradeTable .amendmentPriceControl button {
  display: inline-block; }

.workingTradeTable .animate-if.ng-enter, .animate-if.ng-leave {
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; }

.workingTradeTable .animate-if.ng-enter,
.workingTradeTable .animate-if.ng-leave.ng-leave-active {
  opacity: 0; }

.workingTradeTable .animate-if.ng-leave,
.workingTradeTable .animate-if.ng-enter.ng-enter-active {
  opacity: 1; }

.workingTradeInfo .currentPrice {
  font-size: 68%;
  width: 100%;
  text-align: center; }

.workingTradeInfo .controls {
  margin-top: 20px;
  font-size: 30px;
  cursor: pointer;
  display: block; }

/* 12.4 INVITE CLIENT*/
.inviteClient .logoImg {
  height: 40px;
  width: auto;
  display: block;
  margin-left: 6px;
  margin-top: 14px; }

.blockButtonWhatIf {
  font-size: 11px; }

/* 12.5 WHAT-IF MOBILE*/
.stockResult {
  padding: 10px;
  margin-top: 10px; }

/* 12.6 DROPZONE*/
/*Portfolio Drag & Drop*/
a.uploadPos {
  margin-left: 30px;
  width: 30px;
  margin-right: 2px;
  margin-top: 2px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  padding: 6px 9px 6px 10px;
  border-radius: 3px;
  position: relative;
  -webkit-transition: All 0.4s ease;
  -moz-transition: All 0.4s ease;
  -o-transition: All 0.4s ease;
  transition: All 0.4s ease; }

a.uploadPos:hover {
  width: 150px;
  -webkit-transition: All 0.4s ease;
  -moz-transition: All 0.4s ease;
  -o-transition: All 0.4s ease;
  transition: All 0.4s ease; }

#dropzone {
  margin-bottom: 3rem;
  margin-top: 3rem; }

.dropzone, .dropzone * {
  box-sizing: border-box !important; }

.dropzone .dz-message {
  text-align: center;
  margin: 2em 0; }

.dropzone.dz-clickable * {
  cursor: default; }

.dropzone {
  min-height: 150px;
  border-radius: 5px;
  padding: 20px 20px; }

.dropzoneOver {
  border-style: solid !important; }

.dropzone.dz-clickable {
  cursor: pointer; }

.dropzone .dz-message {
  font-weight: 400; }

.dropzone .dz-message .note {
  font-size: 0.8em;
  font-weight: 200;
  display: block;
  margin-top: 1.4rem; }

.dz-messagesub.note {
  font-size: 0.75em;
  font-weight: 200;
  display: block;
  margin-top: 1.4rem;
  line-height: 34px; }

/* ==============================
   12.7 MARGIN LEDGER
   ============================== */
/*TABLE NO BORDER - LEDGER*/
.table-no-border > thead > tr > th,
.table-no-border > tbody > tr > th,
.table-no-border > tfoot > tr > th,
.table-no-border > thead > tr > td,
.table-no-border > tbody > tr > td,
.table-no-border > tfoot > tr > td {
  border-top: none; }

.chngAlign {
  min-width: 100px;
  text-align: right; }

/* ==============================
   12.9 Custom Widgets
   ============================== */
/*12.9.1 Trader's Circle*/
.payoffMenu {
  position: absolute;
  right: -1px;
  width: 100px;
  height: 100%;
  top: 0; }

.timeIncrement {
  margin-left: 14px;
  height: 30px;
  padding: 1px 7px;
  width: 68px;
  display: inline; }

/* ==============================
   ==============================
   ++++ 13. SETTINGS SCREEN ++++
   ==============================
   ============================== */
.socialHandle {
  font-family: "Open Sans";
  font-weight: 500;
  vertical-align: -webkit-baseline-middle;
  text-align: right; }

.google-map {
  position: relative; }

#map-canvas {
  height: 180px;
  position: relative;
  z-index: 1; }

.map-section {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 !important;
  z-index: 2; }

.map-toggle {
  width: 200px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -100px;
  text-align: center; }

.demographicsBrokerView .brokerAbout p {
  font-style: italic; }

.demographicsProfileView {
  font-family: 'raleway thin'; }

.demographicsProfileView .gender {
  font-size: 88px; }

.gender {
  cursor: pointer; }

.demographicsProfileView .location {
  text-align: right;
  text-transform: uppercase; }

.demographicsProfileView .location .state {
  font-size: 42px;
  display: block; }

.demographicsProfileView .location .country {
  font-size: 19px;
  display: block; }

#demographicsForm label {
  width: 100%;
  padding-right: 10px;
  text-align: left; }

#demographicsForm select {
  display: inline-block;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  background-image: none;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

#demographicsForm select[disabled], #demographicsForm select[readonly] {
  opacity: 1;
  cursor: not-allowed; }

#demographicsForm input,
#demographicsForm select {
  width: calc(100% - 84px); }

#demographicsForm .form-group {
  width: 100%; }

#demographicsForm .fullWidthBoxes label {
  width: inherit; }

.settingsAccordion > .panel-group {
  margin-top: 20px; }

.settingsAccordion .panel-default > .panel-heading {
  color: #333333;
  padding: 20px 15px; }

.settingsAccordion .panel-group .panel {
  margin-bottom: -6px !important;
  margin-top: 0;
  border-radius: 1px; }

.settingsAccordionExpand {
  padding: 3px;
  padding-right: 10px; }

.settingsAccordion {
  margin-top: 15px; }

.settingsHeader {
  font-weight: 700; }

/* 13.1 LEGAL ACCORDION*/
.legalAccordion > .panel-group {
  margin-top: 20px; }

.legalAccordion .panel-default > .panel-heading {
  color: #333333;
  padding: 20px 15px; }

.legalAccordion .panel-group .panel {
  margin-bottom: -6px !important;
  margin-top: 0;
  border-radius: 1px; }

.legalAccordionExpand {
  position: relative;
  top: 4px; }

.legalAccordion .accordion-toggle {
  padding-bottom: 10px; }

/* ==============================
   ==============================
   ++++++ 14. HOME SCREEN ++++++
   ==============================
   ============================== */
.exercised-scroll-container {
  min-height: 160px;
  max-height: 162px;
  overflow: auto; }

.rss-scroll-container {
  min-height: 1250px;
  max-height: 1655px;
  overflow: auto; }

.rss-scroll-container-client {
  min-height: 764px;
  max-height: 770px;
  overflow: auto; }

.rss-scroll-container-adviser {
  min-height: 651px;
  max-height: 670px;
  overflow: auto; }

.rss-entry {
  transition: background 2s;
  padding-left: 11px;
  padding-right: 8px; }

.welcome-scroll-container {
  min-height: 150px;
  max-height: 165px;
  overflow: auto; }

.twitter-scroll-container {
  min-height: 210px;
  max-height: 210px;
  overflow: auto; }

/* ==============================
   ==============================
   ++++ 15. DYNAMIC WIDGETS ++++
   ==============================
   ============================== */
/* ==============================
   15.1 QTY + OPTIONS PICKER
   ============================== */
#helperWhatIf {
  overflow: auto;
  height: 400px;
  padding: 0;
  margin: 10px 0 20px 0; }

.optPickerHeader {
  top: 16px;
  width: 25%;
  float: right; }

.optionPickerFilter {
  margin-right: 7px;
  float: right;
  margin-top: 7px;
  z-index: 25;
  font-size: 18px;
  -o-transition: color .2s ease-out, background .2s ease-in;
  -ms-transition: color .2s ease-out, background .2s ease-in;
  -moz-transition: color .2s ease-out, background .2s ease-in;
  -webkit-transition: color .2s ease-out, background .2s ease-in;
  transition: color .2s ease-out, background .2s ease-in; }

.optionPickerFooter {
  padding: 20px;
  padding-top: 10px; }

.optnPicker {
  font-size: 15px; }

.optnPicker li a {
  -o-transition: color .5s ease-out, background .3s ease-in;
  -ms-transition: color .5s ease-out, background .3s ease-in;
  -moz-transition: color .5s ease-out, background .3s ease-in;
  -webkit-transition: color .5s ease-out, background .3s ease-in;
  transition: color .5s ease-out, background .3s ease-in; }

.optnPicker li.active a, .optPickerHeader li.active a {
  font-weight: bold; }

.nav-tabs.optnPicker {
  border-bottom: none; }

.optnchain {
  width: 100%; }

.optnchain .price {
  display: inline-block;
  float: right;
  padding: 10px 10px 0; }

.optnchain .price .ticker {
  font-size: 41px;
  display: inline-block;
  margin-top: -15px;
  width: 140px;
  font-family: "Raleway";
  margin-bottom: -14px; }

.optnchain .price .ticker .monthSeries {
  font-size: 16px;
  position: relative;
  display: block;
  margin-bottom: -10px;
  text-align: center; }

.optnchain .price .moreInfo {
  float: right;
  width: 110px;
  margin-top: -3px; }

.optnchain .price .moreInfo .currentPrice {
  display: block;
  text-align: center;
  font-size: 28px;
  margin-top: -13px;
  margin-bottom: -2px; }

.optnchain .price .moreInfo .currentTime {
  font-size: 68%;
  width: 100%;
  text-align: center; }

.optnchain .ui-grid-row {
  cursor: pointer; }

.strike {
  font-weight: bold;
  text-align: center; }

.showmonth {
  padding-left: 10px;
  padding-right: 10px; }

.year.active {
  font-weight: bold;
  cursor: default;
  color: inherit; }

.showmonth.active {
  font-weight: bold;
  cursor: default;
  color: inherit; }

.call, .put {
  cursor: pointer; }

.selectedOption {
  font-weight: 600;
  -webkit-transition: All 0.6s ease;
  -moz-transition: All 0.6s ease;
  -o-transition: All 0.6s ease;
  transition: All 0.6s ease; }

.mobOptionSelector {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10; }

/* ==============================
   15.2 ORDER TICKET
   ============================== */
#ticket {
  text-align: center; }

#ticket .dismiss {
  position: absolute;
  right: 14px;
  top: 5px;
  font-size: 20px; }

#ticket .linkTrade {
  position: absolute;
  left: 14px;
  top: 5px;
  font-size: 20px; }

#ticket .linkTrade .active {
  opacity: 1; }

#ticket .order {
  margin-bottom: 10px; }

#ticket .order .order-inner {
  padding-bottom: 20px; }

#ticket .instrument {
  font-size: 27px;
  font-weight: 300; }

#ticket .instrument span {
  padding: 3px; }

#ticket .pad {
  width: 100%;
  margin-left: -8px; }

#ticket .pad .container {
  margin-top: 100%; }

#ticket .pad .box {
  position: absolute;
  top: 15px;
  bottom: 0;
  left: 15px;
  right: 0;
  text-align: center;
  padding-top: calc(30% - 30px);
  -webkit-transition: All 0.4s ease;
  -moz-transition: All 0.4s ease;
  -o-transition: All 0.4s ease;
  transition: All 0.4s ease; }

#ticket .pad .box span {
  display: block; }

#ticket .pad .box.sell:active,
#ticket .pad .box.sell {
  font-weight: 400;
  text-underline: none; }

#ticket .pad .box.buy:active,
#ticket .pad .box.buy {
  text-underline: none; }

#ticket .pad .box.sell:hover {
  font-weight: 400; }

#ticket .pad .box .direction {
  font-size: 16px; }

#ticket .pad .box .price {
  font-size: 30px; }

#ticket .pad .box .qty {
  font-size: 13px; }

#ticket .subtitle {
  text-align: left;
  padding: 10px 0;
  padding-bottom: 0px; }

#ticket .tmcList .qty {
  text-align: right;
  padding-right: 6px; }

#ticket .tmcCostResult {
  height: 34px;
  line-height: 34px;
  float: right;
  text-transform: uppercase; }

.ticket-container .ticket {
  padding: 0;
  height: 120px;
  opacity: 0.75;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  cursor: pointer; }

.ticket-container .ticket:hover {
  opacity: 1; }

.ticket-container .ticket-header {
  position: absolute;
  top: 0;
  padding: 4px 0; }

.ticket-container .ticket-body {
  margin-top: 45px; }

.ticket-container .ticket-body .handle {
  display: block;
  height: 20px; }

.ticket-container .ticket-body .decimal {
  display: block;
  font-size: 25px;
  margin-top: -4px;
  font-weight: normal !important; }

.ticket-container .ticket-body .decimal .precision {
  font-size: 19px;
  position: relative;
  top: -18px;
  left: 4px; }

.ticket-container fieldset.ticket[disabled] {
  opacity: 0.25;
  cursor: not-allowed; }

@media screen and (min-width: 996px) {
  .multiple-columns {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3; } }

@media screen and (min-width: 495px) and (max-width: 995px) {
  .multiple-columns {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2; } }

@media screen and (max-width: 494px) {
  .multiple-columns {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1; } }

.soaColumns h4 {
  font-weight: 500;
  text-transform: uppercase; }

.soaColumns label {
  text-transform: uppercase; }

.soaPref {
  font-size: 12px;
  font-weight: 500; }

.soaPref ul {
  list-style: none;
  margin-top: 10px;
  padding-left: 0; }

.soaPref ul li {
  display: flex;
  line-height: 1.5;
  vertical-align: middle;
  margin-bottom: 10px; }

.soaPref ul li i {
  font-size: 30px;
  margin-right: 10px; }

.soaPref .columnTitle {
  vertical-align: top; }

/* ==============================
   15.3 WATCHLIST
   ============================== */
/*Add Instrument FORM - WATCHLISTS  */
.watchlist-scroll-container {
  min-height: 452px;
  max-height: 454px;
  overflow: auto; }

.watchlistAdd .form-group {
  float: right !important;
  transition: all 0.35s, border-radius 0s;
  width: 33px;
  height: 33px; }

.watchlistAdd .form-group input.form-control {
  border: 0 none;
  background: transparent;
  box-shadow: none;
  display: block;
  font-size: 15px;
  padding: 0 10px 5px 20px; }

.watchlistAdd .form-group:hover,
.watchlistAdd .form-group.hover {
  width: 200px;
  border-radius: 4px 25px 25px 4px; }

.watchlistAdd .form-group span.form-control-feedback {
  position: absolute;
  top: -1px;
  right: -2px;
  z-index: 2;
  display: block;
  width: 34px;
  height: 33px;
  line-height: 34px;
  text-align: center;
  font-size: 14px; }

.closePanel {
  position: absolute;
  top: 0;
  left: -13px;
  height: 100%;
  width: 5px;
  background: transparent;
  z-index: 500; }
  .closePanel span {
    position: absolute;
    cursor: pointer;
    top: 50%;
    left: -9px;
    z-index: 1;
    font-size: 25px;
    height: 30px;
    width: 22px;
    border-radius: 6px 0 0 6px;
    border-right: none; }
    .closePanel span i {
      -webkit-transition: all 500ms ease;
      transition: all 500ms ease;
      position: absolute; }

.watchlist {
  font-family: "Open Sans"; }

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.watchlistHeader {
  overflow-x: hidden;
  overflow-y: hidden;
  height: 24px;
  font-weight: 600; }

.watchlistItem {
  padding-top: 10px;
  padding-bottom: 10px; }

.watchlist-chng {
  font-weight: 300 !important;
  font-size: 12px; }

.watchlist-chng i {
  font-size: 24px; }

.watchlistStock {
  font-weight: 500; }

/*MOVERS*/
.movers-scroll-container {
  min-height: 320px;
  max-height: 340px;
  overflow: auto; }

/* ==============================
   15.4 TABLE PREFERENCES
   ============================== */
.tablePref {
  margin-top: 5px;
  padding: 15px; }

.tablePref {
  top: 44px;
  max-width: inherit;
  right: 34px;
  font-size: 12px;
  font-weight: 500; }

.tablePref ul {
  list-style: none;
  margin-top: 10px;
  padding-left: 0; }

.tablePref ul li {
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 30px;
  vertical-align: middle; }

.tablePref ul li i {
  font-size: 30px;
  width: 30px;
  margin-right: 10px; }

.tablePref .settings > div {
  height: 80px;
  padding-top: 46px;
  position: relative;
  display: block;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 700;
  font-size: x-small;
  text-transform: uppercase;
  border: none; }

.tablePref .settings > div > i {
  position: absolute;
  font-size: x-large;
  top: 12px;
  left: 50%;
  margin-left: -10px;
  display: inline-block;
  height: 20px;
  width: 20px; }

.tablePref .columnTerm {
  font-size: 12px;
  margin-top: 10px;
  padding: 10px;
  text-align: justify;
  line-height: 21px; }

.tablePref .columnTitle {
  font-size: 15px;
  font-weight: 300; }

/* ==============================
   16. TRADESEARCH
   ============================== */
.stockTradeSearch {
  top: 10px;
  max-width: 450px; }

.stockTradeSearch.left > .arrow {
  top: 28%; }

.strategyBox {
  font-family: "Open Sans"; }

.strategyTitle {
  text-align: center;
  font-size: 20px; }

.parametersRefineSearch {
  width: 160px;
  padding-left: 20px;
  padding-top: 42px; }

/* ==============================
   17. New Account
   ============================== */
.splash-content-new-account {
  z-index: 1074;
  min-height: 100vh;
  width: calc(100vw - 17px);
  position: absolute;
  top: 0;
  left: 0;
  padding: 70px; }

/* ==============================
   18. Adviser Screen
   ============================== */
/* ==============================
   19. ASX GAME
   ============================== */
/* 19.1 - Home Page */
.beacon-hotspot {
  width: 16px;
  height: 16px;
  margin: 0;
  position: relative;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
  z-index: 1; }

.beacon-hotspot:after,
.beacon-hotspot:before {
  position: absolute;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  content: "";
  box-sizing: border-box; }

.beacon-hotspot:before {
  top: -13px;
  left: -13px;
  width: 42px;
  height: 42px; }

.beacon-hotspot:after {
  top: -8px;
  left: -8px;
  width: 32px;
  height: 32px; }

.beacon-start-animation:after,
.beacon-start-animation:before {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1); }

.beacon-start-animation {
  -webkit-animation: centercircle 3s ease-out 0s infinite normal;
  animation: centercircle 3s ease-out 0s infinite normal; }

.beacon-start-animation:before {
  -webkit-animation: bigcircle 3s ease-out .2s infinite normal;
  animation: bigcircle 3s ease-out .2s infinite normal; }

.beacon-start-animation:after {
  -webkit-animation: smallcircle 3s ease-out 0s infinite normal;
  animation: smallcircle 3s ease-out 0s infinite normal; }

@-webkit-keyframes bigcircle {
  0% {
    border: 2px solid rgba(224, 76, 44, 0);
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2); }
  10% {
    border: 2px solid rgba(224, 76, 44, 0.7);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  100% {
    border: 2px solid rgba(224, 76, 44, 0);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }

@keyframes bigcircle {
  0% {
    border: 2px solid rgba(224, 76, 44, 0);
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2); }
  10% {
    border: 2px solid rgba(224, 76, 44, 0.7);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  100% {
    border: 2px solid rgba(224, 76, 44, 0);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }

@-webkit-keyframes smallcircle {
  0% {
    border: 2px solid rgba(224, 76, 44, 0);
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2); }
  10% {
    border: 2px solid rgba(224, 76, 44, 0.7);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  50% {
    border: 2px solid rgba(224, 76, 44, 0.7); }
  100% {
    border: 2px solid rgba(224, 76, 44, 0);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }

@keyframes smallcircle {
  0% {
    border: 2px solid rgba(224, 76, 44, 0);
    -webkit-transform: scale(0.2, 0.2);
    transform: scale(0.2, 0.2); }
  10% {
    border: 2px solid rgba(224, 76, 44, 0.7);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  50% {
    border: 2px solid rgba(224, 76, 44, 0.7); }
  100% {
    border: 2px solid rgba(224, 76, 44, 0);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }

@-webkit-keyframes centercircle {
  0%, 100% {
    background: rgba(224, 76, 44, 0.6); }
  10% {
    background: #44B3DD; } }

@keyframes centercircle {
  0%, 100% {
    background: rgba(224, 76, 44, 0.6); }
  10% {
    background: #e04c2c; } }

.message-board-container {
  min-height: 250px;
  max-height: calc(100vh - 180px); }

.useful-links-container {
  min-height: 769px;
  max-height: 1300px;
  overflow: auto; }

.useful-links-container .usefulLinksHeader {
  text-transform: uppercase;
  font-weight: 300;
  text-align: center;
  font-size: 30px;
  padding-bottom: 15px;
  letter-spacing: 5px; }

.ladder-container {
  min-height: 65vh;
  max-height: 65vh;
  overflow: auto; }

.completeDemographics {
  padding: 15px;
  margin-top: -10px;
  margin-bottom: 10px; }

.completeDemographics .title {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700; }

.completeDemographics p {
  margin-left: 60px; }

.completeDemographics i {
  position: relative;
  font-size: 26px;
  top: -42px;
  left: 5px;
  font-weight: 700; }

.handyLinks {
  min-height: 605px;
  max-height: 615px;
  overflow: auto; }

.handyLinksClient {
  min-height: 375px;
  max-height: 385px;
  overflow: auto; }

.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative; }

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  left: 50%;
  margin-left: -1.5px; }

.timeline > li {
  margin-bottom: 20px;
  position: relative; }

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table; }

.timeline > li:after {
  clear: both; }

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table; }

.timeline > li:after {
  clear: both; }

.timeline > li > .timeline-panel {
  width: 46%;
  float: left;
  border-radius: 2px;
  padding: 20px;
  position: relative; }

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  content: " "; }

.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  content: " "; }

.timeline > li > .timeline-badge {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -25px;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%; }

.timeline > li.timeline-inverted > .timeline-panel {
  float: right; }

.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto; }

.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto; }

.timeline-title {
  margin-top: 0;
  color: inherit; }

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0; }

.timeline-body > p + p {
  margin-top: 5px; }

@media (max-width: 767px) {
  ul.timeline:before {
    left: 40px; }
  ul.timeline > li > .timeline-panel {
    width: calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px); }
  ul.timeline > li > .timeline-badge {
    left: 15px;
    margin-left: 0;
    top: 16px; }
  ul.timeline > li > .timeline-panel {
    float: right; }
  ul.timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto; }
  ul.timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto; } }

/*}*/
/*TimeLine Social Feed*/
.t-view {
  position: relative;
  margin-bottom: 35px; }

.t-view .tv-header {
  padding: 10px; }

.t-view .tv-header .actions {
  position: absolute;
  top: 5px;
  right: 10px; }

.t-view .tv-body {
  padding: 15px 10px; }

.t-view .tv-body .tvb-lightbox {
  margin: 0 -8px 15px; }

.t-view .tv-body .tvb-lightbox [data-src] {
  padding: 0 5px;
  margin-bottom: 5px; }

.t-view .tvh-user {
  display: block; }
  .t-view .tvh-user img.comments {
    width: 25px;
    height: auto;
    border-radius: 50%; }

@media (min-width: 480px) {
  .t-view .tvh-user img {
    width: 45px;
    height: 45px;
    /*border-radius: 50%;*/ }
  .tv-comments .tvc-lists > li {
    padding: 10px; } }

@media (max-width: 479px) {
  .t-view .tvh-user img {
    width: 20px;
    height: 20px;
    /*border-radius: 50%;*/ }
  .tv-comments .tvc-lists > li {
    padding: 10px 5px; } }

.t-view .tvh-user img.large {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  position: absolute;
  left: 13px; }

.t-view:before {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  left: -70px;
  top: 0;
  text-align: center;
  font-size: 16px;
  line-height: 34px;
  z-index: 1; }

.t-view:after {
  content: "";
  position: absolute;
  top: 0;
  left: -50px;
  width: 1px;
  height: calc(100% + 37px); }

.t-view[data-tv-type="text"]:before {
  content: "\F24F"; }

.t-view[data-tv-type="image"]:before {
  content: "\F17F"; }

.t-view[data-tv-type="video"]:before {
  content: "\F3A9"; }

.t-view .tvb-stats {
  list-style: none;
  padding: 0;
  margin: 10px 0 20px; }

.t-view .tvb-stats > li {
  display: inline-block;
  padding: 5px 10px 6px;
  margin-right: 2px; }

.t-view .tvb-stats > li i {
  font-size: 15px;
  line-height: 100%;
  vertical-align: top;
  margin-top: 2px; }

.tv-comments .tvc-lists {
  padding: 0;
  list-style: none;
  margin: 0; }

.tv-comments .tvc-lists > li {
  margin: 0; }

.tvc-more {
  color: #333333;
  display: block;
  margin-bottom: -10px; }

.tvc-more i {
  vertical-align: middle;
  margin-right: 5px; }

/*IMage Profile Upload*/
.cropArea {
  overflow: hidden;
  width: 100%;
  height: 317px; }

img-crop {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%; }

img-crop canvas {
  display: block;
  left: 50%;
  outline: 0 none;
  position: absolute;
  top: 50%; }

/*What's Happening*/
#main-post, .main-comment {
  -webkit-transition: border 0.4s ease-in-out;
  -moz-transition: border 0.4s ease-in-out;
  -ms-transition: border 0.4s ease-in-out;
  -o-transition: border 0.4s ease-in-out;
  transition: border 0.4s ease-in-out;
  resize: none;
  border: 1px solid transparent;
  box-shadow: 0 0 5px transparent;
  margin-left: 70px;
  width: calc(100% - 70px); }

#main-post:focus, .main-comment:focus,
#main-post:active, .main-comment:active,
#main-post.active .main-comment.active {
  outline: none;
  box-shadow: 0 0 5px transparent; }

.stickyPost {
  cursor: pointer; }
  .stickyPost a {
    display: block;
    padding: 35px;
    text-decoration: none;
    width: 100%;
    height: 100%; }
  .stickyPost p {
    font-size: 14px; }

.tv-comments .post-comment input {
  margin-left: 45px;
  width: calc(100% - 45px); }

.tv-comments .post-comment img.small {
  width: 35px;
  height: 35px;
  border-radius: 50%; }

.block {
  margin: 0 0 10px;
  padding: 20px 15px 1px; }

.block.full {
  padding: 20px 15px; }

.block .block-content-full {
  margin: -20px -15px -1px; }

.block .block-content-mini-padding {
  padding: 8px; }

.block.full .block-content-full {
  margin: -20px -15px; }

.block .tab-content .block-content-full,
.block.full .tab-content .block-content-full {
  margin-top: -19px !important; }

.block-title {
  margin: -20px -15px 20px; }

.block-title h1,
.block-title h2,
.block-title h3,
.block-title h4,
.block-title h5,
.block-title h6 {
  display: inline-block;
  font-size: 16px;
  line-height: 1.4;
  margin: 0;
  padding: 10px 16px 7px;
  font-weight: 400; }

.block-title h1 small,
.block-title h2 small,
.block-title h3 small,
.block-title h4 small,
.block-title h5 small,
.block-title h6 small {
  font-size: 13px;
  font-weight: 400; }

.block-title h1,
.block-title h2,
.block-title h3 {
  padding-left: 15px;
  padding-right: 15px; }

.block-options,
.block-title .nav-tabs {
  min-height: 40px;
  line-height: 38px; }

.block-title .nav-tabs {
  padding: 3px 1px 0;
  border-bottom: none; }

.block-title .nav-tabs > li > a {
  border-bottom: none; }

.block-title .nav-tabs {
  margin-bottom: -2px; }

.block-title .nav-tabs > li > a {
  margin-bottom: 0; }

.block-title .nav-tabs > li > a:hover {
  background: 0 0; }

.block-title code {
  padding: 2px 3px; }

.block-options {
  margin: 0 6px;
  line-height: 37px; }

.block-options .label {
  display: inline-block;
  padding: 6px;
  vertical-align: middle;
  font-size: 13px; }

.block-top {
  margin: -20px -15px 20px; }

.block-section {
  margin-bottom: 20px; }

.block.block-fullscreen {
  position: fixed;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  z-index: 1031;
  margin-bottom: 0;
  overflow-y: auto; }

/* ==============================
20. Strategy Screen
============================== */
#strategy .btn-group-execution div {
  float: left;
  width: 50%;
  padding: 10px; }
  @media screen and (max-width: 768px) {
    #strategy .btn-group-execution div {
      width: 100%;
      padding-top: 10px; } }

.stock-selection {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 40px;
  padding: 12px 16px;
  line-height: 1.73333;
  font-size: 15px;
  border-radius: 0;
  box-shadow: none;
  transition: border-color ease-in-out 0.15s; }

.strategy-selection {
  width: 270px;
  height: 34px;
  padding: 6px 12px; }

.stock-selection:focus {
  box-shadow: none;
  outline: none; }

.stock-selection-container {
  position: relative; }

.signin-form-icon {
  display: block;
  font-size: 22px;
  left: 0;
  line-height: 34px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 40px;
  -webkit-transition: all .3s;
  transition: all .3s; }

.search-form-icon {
  font-size: 22px;
  left: 35px;
  line-height: 44px;
  position: relative;
  text-align: center;
  top: 39px;
  width: 40px;
  -webkit-transition: all .3s;
  transition: all .3s; }

.gridsterOverflow .gridster-item {
  overflow: hidden; }

.add-account-hover-container {
  position: fixed;
  bottom: 7px;
  right: 150px;
  z-index: 1017;
  padding: 17px;
  padding-top: 10px;
  padding-bottom: 10px;
  opacity: 0;
  -webkit-transition: 0.5s linear opacity;
  /* Safari/Chrome */
  transition: 0.5s linear opacity;
  /* All other modern browsers and IE10+ */ }

.distributed-strategy-broker {
  text-align: right; }

.distributed-strategy-broker .disclaimer {
  font-size: 14px; }

.optionsCookbook .strategyFilters {
  padding: 20px;
  border-radius: 2px; }

.optionsCookbook .strategyFilters h4 {
  padding-bottom: 8px;
  font-weight: 600;
  margin-bottom: 8px;
  margin-top: 0;
  font-size: 16px;
  text-transform: uppercase; }

.optionsCookbook ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.optionsCookbook .dir-search input {
  border-radius: 2px;
  padding: 6px 30px 6px 8px;
  height: 36px;
  width: 100%;
  line-height: 1; }

.optionsCookbook .strategy-item-container.expanded {
  position: absolute;
  height: 100vh;
  right: 0;
  left: 0;
  margin: 0;
  width: 100%;
  z-index: 1095;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease; }

.optionsCookbook.is-expanded .strategy-item-container:not(.expanded) .strategy-item {
  height: 0;
  overflow: hidden;
  padding-bottom: 0;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none; }

.optionsCookbook .strategy-item {
  padding: 0;
  padding-bottom: 12px;
  border-radius: 2px;
  margin-right: -5px;
  margin-left: -5px;
  margin-bottom: 20px;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease; }

.optionsCookbook .strategy-item .strategy-card-title {
  height: 40px;
  margin: 0; }

.optionsCookbook .strategy-item .strategy-card-title .left-title {
  text-transform: uppercase;
  width: calc(100% - 115px);
  white-space: nowrap;
  padding-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis; }

.optionsCookbook .strategy-item .strategy-card-title h4 {
  font-size: 15px; }

.optionsCookbook .strategy-item .strategy-card-title .learnMore {
  line-height: 40px;
  padding-right: 10px; }

.optionsCookbook .strategy-item-container.expanded .strategy-item .strategy-card-title .left-title {
  width: calc(100% - 170px); }

.optionsCookbook .strategy-item img {
  width: 100%;
  width: calc(100% + 20px); }

.optionsCookbook .strategy-item .hats {
  height: 100%;
  padding: 13px;
  margin-top: 5%; }

.optionsCookbook .strategy-item .add-overlay {
  font-size: 100px;
  z-index: 1000;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: 0.5s linear opacity;
  /* Safari/Chrome */
  transition: 0.5s linear opacity;
  /* All other modern browsers and IE10+ */ }

.optionsCookbook .strategy-item:hover .add-overlay {
  opacity: 1; }

.optionsCookbook .strategy-item .add-overlay.secondary {
  left: inherit;
  right: 10%;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.optionsCookbook .strategy-item-container:not(.expanded) .strategy-item:hover .blur-effect {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px); }

/*.optionsCookbook h3 {*/
/*font-size: 1.4rem;*/
/*font-weight: bold;*/
/*color: #E04C2C;*/
/*text-transform: uppercase;*/
/*text-align: center;*/
/*padding-left: 10px;*/
/*padding-right: 10px;*/
/*height: 15px;*/
/*line-height: 1.1;*/
/*overflow: hidden;*/
/*text-overflow: ellipsis;*/
/*white-space: nowrap;*/
/*}*/
.optionsCookbook .strategy-content {
  background-position: 0px -35px;
  height: 130px;
  background-repeat: no-repeat;
  margin-top: 5px;
  font-size: 12px;
  text-transform: uppercase; }

.optionsCookbook .strategy-item-container.expanded .strategy-content {
  background-position: calc(100% - 53px) -35px; }

.modal-body.intro-course.optionsCookbook {
  padding: 0; }

.intro-course.optionsCookbook .strategy-item {
  margin-bottom: 0; }

.intro-course.optionsCookbook .strategy-item .strategy-content {
  background-position: calc(100% - 53px) -35px; }

.optionsCookbook .strategy-content .overview h5 {
  font-weight: 600;
  text-transform: uppercase; }

.optionsCookbook .strategy-footer {
  padding: 10px;
  margin-top: 10px; }

.optionsCookbook .footer-item i,
.optionsCookbook .strategy-footer i {
  font-size: 23px; }

.optionsCookbook .strategy-footer .footer-item {
  float: left;
  text-align: center;
  text-transform: uppercase; }

.optionsCookbook .optionsCookbookHeight {
  display: flex;
  flex-grow: 1;
  overflow: hidden; }

.optionsCookbook {
  display: flex;
  flex-direction: column;
  height: 90vh;
  max-height: 90vh; }

.optionsCookbook .strategy-descriptions h4 {
  font-family: 'Dosis'; }

.optionsCookbook .strategy-descriptions h5 {
  font-weight: 600; }

.optionsCookbook .strategy-descriptions h4,
.optionsCookbook .strategy-descriptions h5 {
  text-transform: uppercase; }

.optionsCookbook .strategy-descriptions .description-container {
  padding: 20px; }

.optionsCookbook .strategy-descriptions .description-container .description-image {
  display: inline-block;
  float: left;
  font-size: 35px;
  padding-top: 15px;
  padding-left: 15px; }

.optionsCookbook .strategy-descriptions .description-container .description-image .rating i {
  display: block;
  margin-bottom: 5px;
  font-size: 24px;
  padding-left: 7px; }

.optionsCookbook .strategy-descriptions .description-container .description {
  float: right;
  width: calc(100% - 70px); }

.adj-title {
  text-transform: uppercase;
  display: block; }

@media screen and (max-width: 767px) {
  #strategyTabs .uib-tab {
    display: none; }
  #strategyTabs .uib-tab.active {
    display: block; } }

/* ==============================
21. Footer
============================== */
.app-content.has-footer {
  margin-bottom: 55px; }

.app-content.has-system-message {
  margin-top: 115px; }

.app-content:not(.has-system-message) tf-system-messages-bar {
  display: none; }

.app-footer {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005; }

/* ==============================
22. Audit
============================== */
.auditDetail {
  border-bottom: none;
  padding: 15px; }

.auditDetailHeading {
  font-size: 20px;
  font-weight: 700; }

.auditDetailSubHeading {
  font-size: 12px; }

/* ==============================

/* Mask overlay for TC content */
.maskable {
  position: relative; }

.maskable.masked .blur {
  filter: blur(3px);
  -webkit-filter: blur(3px);
  -ms-filter: blur(3px); }

.maskable.masked .blur svg {
  filter: url(#svg-blur-3px);
  -webkit-filter: url(#svg-blur-3px);
  -ms-filter: url(#svg-blur-3px); }

.maskable.masked .mask {
  display: block; }

.mask {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.mask h1 {
  position: relative;
  font-weight: bold;
  text-align: center; }

/*CHART NAMES*/
ul.hu {
  list-style: none;
  position: absolute;
  top: 10px;
  right: 5px;
  font-weight: 500;
  font-family: "Roboto Condensed", sans-serif;
  padding-left: 15px; }

ul.hu li {
  float: left;
  width: 85px;
  font-size: 11px;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 3px; }

.huLabel {
  margin-right: 5px;
  display: inline-block;
  float: left;
  text-transform: uppercase;
  font-size: 10px;
  width: 32px;
  padding-top: 1px; }

.chartIQ .dropdown-menu {
  position: absolute;
  margin-top: 5px;
  min-width: 150px;
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
  transition: opacity .20s 0s;
  /*width: 200px;*/
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 300; }

.chartIQ .dropdown-menu li {
  padding: 0;
  clear: both;
  line-height: 27px;
  height: 27px;
  display: block;
  text-overflow: clip;
  white-space: nowrap; }

/*COMMON OVERRIDES*/
/* TODO the transitions don't work unless it is set on the 'base' state of the element */
/* These should be only used to set the opacity, not the opacity and transition */
.opacity0 {
  opacity: 0;
  -webkit-transition: 0.5s linear opacity;
  /* Safari/Chrome */
  transition: 0.5s linear opacity;
  /* All other modern browsers and IE10+ */ }

.opacity1 {
  opacity: 1;
  -webkit-transition: 0.5s linear opacity;
  /* Safari/Chrome */
  transition: 0.5s linear opacity;
  /* All other modern browsers and IE10+ */ }

.app-content.has-footer .view-content {
  min-height: calc(100vh - 55px - 60px); }
  .app-content.has-footer .view-content iv-sidebar {
    height: calc(100vh - 55px - 60px); }

.app-content.has-footer .app-view-height {
  height: calc(100vh - 55px - 60px); }

.app-content.has-footer.has-system-message .view-content {
  min-height: calc(calc(100vh - 55px - 60px) - 55px); }
  .app-content.has-footer.has-system-message .view-content iv-sidebar {
    height: calc(calc(100vh - 55px - 60px) - 55px); }

.app-content.has-footer.has-system-message .app-view-height {
  height: calc(calc(100vh - 55px - 60px) - 55px); }

.app-content.has-system-message .view-content {
  min-height: calc(100vh - 55px - 60px); }
  .app-content.has-system-message .view-content iv-sidebar {
    height: calc(100vh - 60px); }

.app-content.has-system-message .app-view-height {
  height: calc(100vh - 55px - 60px); }

.app-content .view-content {
  display: flex;
  flex-direction: row;
  min-height: calc(100vh - 60px); }
  .app-content .view-content .router-outlet {
    width: 100%;
    -webkit-transition: padding 500ms ease;
    transition: padding 500ms ease; }
  .app-content .view-content iv-sidebar {
    position: fixed;
    z-index: 10;
    height: calc(100vh - 60px);
    -webkit-transition: right 500ms ease;
    transition: right 500ms ease; }
  .app-content .view-content.has-iv-sidebar.sidebar-closed .router-outlet {
    padding-right: 10px; }
  .app-content .view-content.has-iv-sidebar.sidebar-closed iv-sidebar {
    right: -290px; }
  .app-content .view-content.has-iv-sidebar.sidebar-open .router-outlet {
    padding-right: 300px; }
  .app-content .view-content.has-iv-sidebar.sidebar-open iv-sidebar {
    right: 0; }

.app-content.mobile-side-nav .view-content.sidebar-open .router-outlet {
  padding-right: 10px; }

.app-content .app-view-height {
  height: calc(100vh - 60px); }

.has-system-message .app-content.has-footer .view-content {
  min-height: calc(calc(100vh - 55px - 60px) - 55px); }

.has-system-message .app-content.has-footer .view-content iv-sidebar {
  height: calc(calc(100vh - 55px - 60px) - 55px); }

@-webkit-keyframes scroll-down-anim {
  0% {
    bottom: 2px; }
  50% {
    bottom: 7px; }
  100% {
    bottom: 2px; } }

@-moz-keyframes scroll-down-anim {
  0% {
    bottom: 2px; }
  50% {
    bottom: 7px; }
  100% {
    bottom: 2px; } }

@-o-keyframes scroll-down-anim {
  0% {
    bottom: 2px; }
  50% {
    bottom: 7px; }
  100% {
    bottom: 2px; } }

@keyframes scroll-down-anim {
  0% {
    bottom: 2px; }
  50% {
    bottom: 7px; }
  100% {
    bottom: 2px; } }

.trading-system {
  font-family: 'Poppins', sans-serif; }
  .trading-system .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: collapse; }
    .trading-system .table thead > tr > td {
      padding: 10px;
      vertical-align: top;
      border-top: 0;
      font-size: 12px;
      font-weight: 600;
      border-bottom-width: 1px; }
    .trading-system .table tbody > tr > td {
      border: 0;
      padding: 10px;
      vertical-align: top;
      font-size: 15px;
      font-weight: 600; }
      .trading-system .table tbody > tr > td .sub {
        display: block;
        font-size: 10px; }
    .trading-system .table tbody > tr > td > label {
      right: 0;
      top: 0.5rem;
      vertical-align: top; }

.trading-alerts {
  font-family: 'Poppins', sans-serif; }

.portlet:first-child {
  margin-top: 10px; }

.portlet.horizontal:first-child {
  margin-top: 0; }

.portlet .btn-follow {
  border-radius: 20px;
  -webkit-transition: All .5s ease;
  -moz-transition: All .5s ease;
  -o-transition: All .5s ease;
  transition: All .5s ease; }

.portlet .portlet-list {
  padding: 2.2rem; }
  .portlet .portlet-list .portlet-list-item .number-container {
    line-height: 65px; }
    .portlet .portlet-list .portlet-list-item .number-container .number {
      font-size: 25px; }
  .portlet .portlet-list .portlet-list-item:last-child {
    border-bottom: 0; }

.portlet .portlet-strategy h3.head-text {
  display: inline-block;
  font-size: 18px;
  vertical-align: middle;
  margin: 0 15px 0 0;
  font-family: 'Roboto';
  padding: 10px 0 20px 0; }

.portlet .portlet-strategy .portlet-body .timeline:before {
  content: '';
  position: absolute;
  left: 50px;
  width: 0.214rem;
  height: 100%; }

.portlet .portlet-strategy .portlet-body .timeline .timeline-items .timeline-item {
  display: table;
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px; }
  .portlet .portlet-strategy .portlet-body .timeline .timeline-items .timeline-item .item-bullet {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    left: 42px;
    top: 10px;
    z-index: 1;
    width: 15px;
    height: 15px;
    position: relative; }
  .portlet .portlet-strategy .portlet-body .timeline .timeline-items .timeline-item .item-bullet > i {
    font-size: 1.78rem;
    top: -0.93rem;
    left: -0.57rem;
    position: absolute; }
  .portlet .portlet-strategy .portlet-body .timeline .timeline-items .timeline-item .item-text {
    padding-top: 5px;
    display: table-cell;
    vertical-align: top;
    font-size: 1.2rem;
    font-weight: 400;
    padding-bottom: 0.3rem;
    padding-left: 5rem;
    vertical-align: middle;
    height: 32px; }
    .portlet .portlet-strategy .portlet-body .timeline .timeline-items .timeline-item .item-text .operator {
      font-size: 1rem; }

.visible-xl {
  display: none; }
  @media (min-width: 1400px) {
    .visible-xl {
      display: initial; } }

#tradingTools .list-group {
  margin-top: 10px; }

#tradingTools .list-group-item .heading {
  font-size: 12px;
  font-weight: 700;
  display: block; }

#tradingTools .list-group-item .value {
  font-size: 13px; }

.full-height, .full-height-block {
  height: 100%; }

.full-height-block {
  display: block; }

.full-width, .full-width-block {
  width: 100%; }

.full-width-block {
  display: block; }

a.unstyled-link {
  text-decoration: none;
  color: inherit; }

.read-only {
  pointer-events: none; }



.logo {
    float: left;
    height: 50px;
    position: relative;
    z-index: 1;
    width: 200px;
}

.logoImg {
    height: 44px;
    width: auto;
    display: block;
    padding-top: 5px;
    margin-left: -9px;
    position: fixed;
    left: 17px;
    z-index: 1049;
    top: 0;
}

.logoImgGame {
    height: 43px;
    width: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    z-index: 1049;
    border-radius: 50%;
    margin-right: -10px;
    margin-left: 10px;
    margin-top: -2px;
}

.imgContainer .logoImgUpload {
    background-color: rgba(0, 0, 0, .5);
    margin-left: -27px;
    position: relative;
    border-radius: 50%;
    opacity: 0;
    z-index: 1049;
    padding: 7px;
    cursor: pointer;
    padding-top: 4px
}

.imgContainer:hover .logoImgUpload {
    opacity: 1;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
}

.imgContainer .logoImgUpload i {
    color: white;
    font-size: 25px;
}



/*.imgContainer:hover .logoImgSpan {*/
    /*display: block;*/
/*}*/
/*.imgContainer:hover .logoImgSpan {*/
    /*-webkit-background-size: 24px 24px;*/
    /*background-size: 24px 24px;*/
    /*background-position: center;*/
    /*height: 44px;*/
    /*width: auto;*/
    /*display: none;*/
    /*padding-top: 5px;*/
    /*margin-left: -9px;*/
    /*position: fixed;*/
    /*left: 17px;*/
    /*z-index: 1070;*/
    /*top: 0;*/
/*}*/


.tfHeader{
    font-family: caviar_dreamsregular;
    color: #fff;
    font-size: 24px;
    margin-left: 10px;
    margin-top:7px;

}

@media (max-width: 767px) {

    .app-content.open {

        margin-left: 0;
    }

    .app-content.closed {
        margin-left: 0;
    }

}

@media (min-width: 768px) {

    .app-content.open {
        margin-left: 250px;
    }

    .app-content.closed {
        margin-left: 60px;
    }
}

.app-content-left.open {

    left: 200px;
}

.app-content-left.closed {
    left: 50px;
}

.navClose {
    font-size: 15px;
    color: #ffffff;
    float: right;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
}
.navClose:hover {
    color: #f70008 !important;
    opacity: 1 !important;
    text-shadow: none;
}

.navTF .hasSub li.active span:hover {
}

.nav-sub {
    height: 0;
    margin-left: -20px;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
}

.badge.top {
    position: relative;
    top: -40px;
    padding: 3px 6px;
    right: 10px;
}

.bg-notification-grey {
    background-color: #286690;
}

.bg-danger, .bg-danger a, .bg-danger a:hover {
    color: #fff;
    div {
        color: indianred;
        font-weight: 700;
        padding: 3px 5px;
    }
}

.ordersTable {
    margin-bottom: 0px;
}
.orderNotification .notification-right {
    width: 35px;
    padding: 7px;
    position: relative;
    float: left;
}

.orderNotification .notification-right.notification-danger {
    color: #C32222;
}

.orderNotification .notification-main.notification-danger {
    border: 1px solid #C32222;
}

.orderNotification .notification-right.notification-success {
    color: #457C45;
}

.orderNotification .notification-right.notification-info {
    color: #1F77B4;
}


.badge, .label {
    font-weight: 600;
    text-shadow: 0 1px 0 rgba(0,0,0,.2);
}
.panel-footer {
    background-color: #fff;
    border-color: #edf1f2;
    border-radius: 0 0 2px 2px;
}
.text-sm {
    font-size: 13px;
}
.bg-white a, .bg-white a:hover {
    color: inherit;
}
.clear, .text-ellipsis {
    display: block;
    overflow: hidden;
}

.m-b-none {
    margin-bottom: 0!important;
}

/*a.list-group-item.buy {*/
    /*background-color: rgba(22, 140, 22, 0.22);*/
/*}*/

/*a.list-group-item.sell {*/
    /*background-color: rgba(214, 39, 40, 0.23);*/
/*}*/

a.list-group-item.hover, a.list-group-item:focus, a.list-group-item:hover, .ordersTable .panel-footer:hover {
    background-color: #f6f8f8;
}

.panel .list-group-item {
    border-color: #edf1f2;
}

.w-xl {
    width: 320px;
}

.b-light {
    border-color: #edf1f2;
}

.bg-light {
    color: #58666e;
    background-color: #edf1f2;
}

.panel-heading {
    border-radius: 2px 2px 0 0;
}

.menu-divider{
    height:1px;
    margin:8px 0;
    overflow:hidden;
    background-color:rgba(214, 214, 214, 0.4)
}

.side-menu {
    top: 0;
    bottom: 0;
}

.scrollDiv {
    width: 200px;
    top: 50px;

}

/*.slimScrollDiv {*/
    /*width: 200px;*/
    /*left:-150px;*/
    /*-o-transition:left .5s ease-out, background .3s ease-in;*/
    /*-ms-transition:left .5s ease-out, background .3s ease-in;*/
    /*-moz-transition:left .5s ease-out, background .3s ease-in;*/
    /*-webkit-transition:left .5s ease-out, background .3s ease-in;*/
    /*transition:left .5s ease-out, background .3s ease-in;*/
    /*position: fixed;*/
    /*background: #1c2b36;*/
    /*box-shadow: 0 5px 10px rgba(0,0,0,.2);*/

/*}*/

/*.slimScrollDiv.open {*/
    /*left:0px;*/
    /*-o-transition:left .75s ease-out, background .3s ease-in;*/
    /*-ms-transition:left .75s ease-out, background .3s ease-in;*/
    /*-moz-transition:left .75s ease-out, background .3s ease-in;*/
    /*-webkit-transition:left .75s ease-out, background .3s ease-in;*/
    /*transition:left .75s ease-out, background .3s ease-in;*/
/*}*/

/*.slimScrollDiv .tfMenu ul li i {*/
    /*float: right;*/
/*}*/

/*.slimScrollDiv .tfMenu a i {*/
    /*padding-left: 10px !important;*/
/*}*/


/*.slimScrollDiv .tfMenu .slimMenuIconCollapse {*/
    /*margin-left: -14px;*/
    /*padding-right: 6px !important;*/
    /*margin-top: 2px;*/
/*}*/

.mMenu {
    padding: 13px 30px 13px 30px;
}

.mMenu label,
.mMenu a {
    color: #fff;
}

.mMenu label:hover{
    color: #fff;
}


.side-menu.left {

    margin-top: 0;
    position: fixed;
    height: 100%;
    bottom: 50px;
    margin-bottom: -50px;
    padding-bottom: 50px;
    background: #1c2b36;

    /*border-right: 1px solid #eee;*/
    z-index: 2;
}

.side-menu.appearOnTop {
    z-index: 1061;
}

@media (max-width:499px) {
    .side-menu.left {
        z-index: 500;
    }

    .tfMenu {
        margin-top: 17px;
    }
}

.button-menu-mobile {
    position: absolute;
    right: 0;
    float: left;
    top: 0px;
    z-index: 2;
    padding: 10px 18px;
    height: 50px;
    font-size: 18px;
    background: transparent;
    color: #fff;
    border: none;
}

.tfMenu {
    color: white;
}

.navTF {
    font-family: "open sans";
    color: white;
    display: inline;
    font-size: 13px;
}

.slimFont {
    font-size: 17px;
}

.slimFont span {
    display: none !important;
    font-size: 10px;
    text-transform: uppercase;

}


.navTF a {
    color: #d6d6d6;
    -o-transition:color .5s ease-out, background .3s ease-in;
    -ms-transition:color .5s ease-out, background .3s ease-in;
    -moz-transition:color .5s ease-out, background .3s ease-in;
    -webkit-transition:color .5s ease-out, background .3s ease-in;
    transition:color .5s ease-out, background .3s ease-in;

}

.navTF a i {
    padding-right: 5px;
    padding-left: 3px;
    width: 28px
}


.navTF li.active {
    background-color: #E04C2C;
    color: #fff !important;
}

.navTF li.active:hover,
.navTF .hasSub li.active:hover,
.navTF .hasSub li.active:hover
{
    background-color: #E04C2C;
    color: #fff !important;
}




.navTF li.active span {
    background-color: #E04C2C;
    color: #fff !important;
}

.navTF .hasSub span {
    color: #d6d6d6;
    -o-transition:color .5s ease-out, background .3s ease-in;
    -ms-transition:color .5s ease-out, background .3s ease-in;
    -moz-transition:color .5s ease-out, background .3s ease-in;
    -webkit-transition:color .5s ease-out, background .3s ease-in;
    transition:color .5s ease-out, background .3s ease-in;
}

.nav>li>span {
    position: relative;
    display: block;
    padding: 9px 10px 10px;
    padding-right: 20px;
}
.navTF .hasSub span i {

}

.navTF .hasSub li.active span {
    background-color: #E04C2C;
    color: #fff !important;
}

.navTF .hasSub li span:hover {
    background-color: #294050;

}

.navTF .hasSub span:hover {
    color: #fff;

}

.navTF li a:hover {
    background-color: #294050;

}

.navTF a:hover {
    color: #fff;
    text-decoration: none;
}

.navTF .hasSub a {
    color: #d6d6d6;
    -o-transition:color .5s ease-out, background .3s ease-in;
    -ms-transition:color .5s ease-out, background .3s ease-in;
    -moz-transition:color .5s ease-out, background .3s ease-in;
    -webkit-transition:color .5s ease-out, background .3s ease-in;
    transition:color .5s ease-out, background .3s ease-in;
    padding-left: 10px;
}

.navTF .hasSub a i {
    padding-right: 5px;
    padding-left: 10px;
}

.navTF .hasSub li.active{
    background-color: #E04C2C;
    color: #fff !important;
}

.navTF .hasSub li:hover {
    background-color: #294050;
}

.navTF .hasSub a:hover {
    color: #fff;
}

#forums a {
    display: block;
    margin-right: 11px;
    font-size: 13px;
    padding: 0;
    margin-top: 7px;
}

.profile-text {
    color: #fff;
    font-family: "Open Sans";
    font-size: 15px;
    margin-bottom: 5px;

}

li.closeable-tab:hover i.hidden {
    display: inline !important;
    visibility: visible !important;
}

.closeNav {
    z-index:200;
    cursor: pointer;
}

/** Fix for xs margins in header */
.navbar-nav {
    margin: 0;
}


.navbar-fixed-top, .navbar-fixed-bottom {
    z-index: 1000;
}

/** Bootstrap theme for navbar */


.navbar-header h1.brandLogo {
    font-family: caviar_dreamsregular;
    font-size: 20px;
    color: #fff;
    padding: 12px;
    line-height: 0;
}

@media (min-width:500px) {
    .navbar-header h1.moveLogo,
    .navbar-header h2.moveLogo {
        padding-left: 70px;
    }

    .navbar-header h1 span.moveBetaBadge {
        position: absolute;
        top: 4px;
        left: 240px;
    }
}

.navbar-right>li> a:hover {
    -o-transition:color .5s ease-out, background .3s ease-in;
    -ms-transition:color .5s ease-out, background .3s ease-in;
    -moz-transition:color .5s ease-out, background .3s ease-in;
    -webkit-transition:color .5s ease-out, background .3s ease-in;
    transition:color .5s ease-out, background .3s ease-in;
}



.navbar-tf .navbar-brand {
    color: #777;
}
.navbar-tf .navbar-brand:hover,
.navbar-tf .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent;
}
.navbar-tf .navbar-text {
    color: white;
}
.navbar-tf .navbar-nav > li > label,
.navbar-tf .navbar-nav > li > a {
    color: #F7EEEE;

}

.navbar-tf .navbar-nav > li > .btn:active,
.navbar-tf .navbar-nav > li > .btn.active  {
    -webkit-box-shadow: inset 0 4px 6px rgba(0,0,0,0.225);
    box-shadow: inset 0 4px 6px rgba(0,0,0,0.225);
}


.navbar-tf .navbar-nav > li > label:hover,
.navbar-tf .navbar-nav > li > a:hover {
    color: #fff
    /*background-color: #294050;*/

}

.nav>li>a:focus, .nav>li>label:hover,
.nav>li>a:focus, .nav>li>a:hover {
    background-color: transparent;
}


.navbar-tf .navbar-nav > .active > label,
.navbar-tf .navbar-nav > .active > label:hover,
.navbar-tf .navbar-nav > .active > label:focus,
.navbar-tf .navbar-nav > .active > a,
.navbar-tf .navbar-nav > .active > a:hover,
.navbar-tf .navbar-nav > .active > a:focus {
    color: black;
    background-color: #EFF0F0;
}

.navbar-tf .navbar-nav > .disabled > label,
.navbar-tf .navbar-nav > .disabled > label:hover,
.navbar-tf .navbar-nav > .disabled > label:focus,
.navbar-tf .navbar-nav > .disabled > a,
.navbar-tf .navbar-nav > .disabled > a:hover,
.navbar-tf .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
}
.navbar-tf .navbar-toggle {
    border-color: #ddd;
}
.navbar-tf .navbar-toggle:hover,
.navbar-tf .navbar-toggle:focus {
    background-color: #ddd;
}
.navbar-tf .navbar-toggle .icon-bar {
    background-color: #888;
}
.navbar-tf .navbar-collapse,
.navbar-tf .navbar-form {
    border-color: #e7e7e7;
}

/*HOVER FIX*/
/*.navbar-tf .navbar-nav > .open > a,*/
/*.navbar-tf .navbar-nav > .open > a:hover,*/
/*.navbar-tf .navbar-nav > .open > a:focus {*/
/*color: #555;*/
/*background-color: #e7e7e7;*/
/*}*/

.navbar-tf .navbar-nav > .open > a,
.navbar-tf .navbar-nav > .open > a:hover,
.navbar-tf .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-tf .navbar-nav li i {
    font-size: 19px;
}

@media (max-width: 767px) {
    .navbar-tf .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-tf .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-tf .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent;
    }
    .navbar-tf .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-tf .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-tf .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }
    .navbar-tf .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-tf .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-tf .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }
}
.navbar-tf .navbar-link {
    color: #777;
}
.navbar-tf .navbar-link:hover {
    color: #333;
}
.navbar-tf .btn-link {
    color: #777;
}
.navbar-tf .btn-link:hover,
.navbar-tf .btn-link:focus {
    color: #333;
}

.scrollableNav {
    overflow: auto;
    padding-right:20px;
}

.unverifiedBar {
    background: rgba(53,53,53,0.90);
    text-align: center;
    color: white;
    position: absolute;
    top: 50px;
    height: 80px;
    width: 100%;
    z-index: 100;
}

h2.unverified {
    color: white;
    text-transform: uppercase;
    line-height: 47px;
    font-size: 21px;
    margin-left: -20px;
}


/*BLACK SIDEBAR SEARCH*/
/*.navbar-form {*/
/*margin: 0;*/
/*padding: 0;*/
/*position: relative;*/
/*border: none;*/
/*box-shadow: none;*/
/*background: rgba(0,0,0,0.1);*/
/*}*/
/*.navbar-form .search-button {*/
/*background: none;*/
/*border: none;*/
/*position: absolute;*/
/*right: 8px;*/
/*top: 0px;*/
/*color: #666;*/
/*-webkit-box-shadow: 0px 0px 0px 0px !important;*/
/*box-shadow: 0px 0px 0px 0px !important;*/
/*-webkit-border-radius: 0px;*/
/*border-radius: 0px;*/
/*-webkit-transition: all 100ms ease-in;*/
/*-moz-transition: all 100ms ease-in;*/
/*-ms-transition: all 100ms ease-in;*/
/*-o-transition: all 100ms ease-in;*/
/*transition: all 100ms ease-in;*/
/*}*/
/*.navbar-form .search-button:hover {*/
/*color: #fff !important;*/
/*-webkit-transition: all 300ms ease-in;*/
/*-moz-transition: all 300ms ease-in;*/
/*-ms-transition: all 300ms ease-in;*/
/*-o-transition: all 300ms ease-in;*/
/*transition: all 300ms ease-in;*/
/*}*/
/*.navbar-form .form-control:focus + .search-button {*/
/*color: #ccc;*/
/*}*/
/*.navbar-form .form-group {*/
/*display: block;*/
/*}*/
/*.navbar-form .form-control {*/
/*background-color: transparent !important;*/
/*border: none;*/
/*color: #aaa;*/
/*box-shadow: none;*/
/*display: block;*/
/*width: 100%;*/
/*-webkit-border-radius: 0px;*/
/*border-radius: 0px;*/
/*-webkit-transition: all 300ms ease-in;*/
/*-moz-transition: all 300ms ease-in;*/
/*-ms-transition: all 300ms ease-in;*/
/*-o-transition: all 300ms ease-in;*/
/*transition: all 300ms ease-in;*/
/*}*/
/*.navbar-form .form-control:focus {*/
/*background-color: #555 !important;*/
/*border-color: #888;*/
/*color: #fff;*/
/*-webkit-transition: all 300ms ease-in;*/
/*-moz-transition: all 300ms ease-in;*/
/*-ms-transition: all 300ms ease-in;*/
/*-o-transition: all 300ms ease-in;*/
/*transition: all 300ms ease-in;*/
/*}*/
/*.navbar-form .form-control::-webkit-input-placeholder {*/
/*color: #777 !important;*/
/*text-overflow: ellipsis;*/
/*}*/
/*.navbar-form .form-control:-moz-placeholder {*/
/*color: #777 !important;*/
/*text-overflow: ellipsis;*/
/*}*/
/*.navbar-form .form-control::-moz-placeholder {*/
/*color: #777 !important;*/
/*text-overflow: ellipsis;*/
/*}*/
/*.navbar-form .form-control:-ms-input-placeholder {*/
/*color: #777 !important;*/
/*text-overflow: ellipsis;*/
/*}*/


/*.form-control {*/
/*border-radius: 0px !important;*/
/*}*/


/*.input-group .form-control {*/
/*z-index: 0;*/
/*}*/

.navbar-search .form-group {
    float: right !important;
    transition: all 0.35s, border-radius 0s;
    width: 33px;
    height: 33px;
    background-color: transparent;
    border-radius: 35px;
    border: 1px solid #fff;
    margin-top: 9px;
    margin-bottom: -9px;
    margin-right: 20px;
    -webkit-box-shadow: 0 0 1px 0 white inset, 0 0 1px 0 white;
    -moz-box-shadow: 0 0 1px 0 white inset, 0 0 1px 0 white;
    box-shadow: 0 0 1px 0 white inset, 0 0 1px 0 white;
}

.navbar-search .form-control {
    color: #fff;
    position: absolute;

}
.navbar-search .form-group input.form-control {
    border: 0 none;
    background: transparent;
    box-shadow: none;
    display:block;
    font-size: 15px;
    padding: 0 10px 5px 20px;
}

.navbar-search .form-group input::-webkit-input-placeholder {
    color: #ccc;
}
.navbar-search .form-group input:-moz-placeholder {
    /* FF 4-18 */
    color: #ccc;
}
.navbar-search .form-group input::-moz-placeholder {
    /* FF 19+ */
    color: #ccc;
}
.navbar-search .form-group input:-ms-input-placeholder {
    /* IE 10+ */
    color: #ccc;
}

.navbar-search .form-group span.form-control-feedback {
    position: absolute;
    top: -1px;
    right: -2px;
    z-index: 2;
    display: block;
    width:34px;
    height: 33px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.navbar-search .custom-popup-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    background-color: #f9f9f9;
}

.navbar-search .custom-popup-wrapper > .message {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    color: #fff;
}

.navbar-search .custom-popup-wrapper > .dropdown-menu {
    position: static;
    float: none;
    display: block;
    min-width: 160px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.navbar-search .dropdown-menu>li {
    overflow: hidden;
}

/*Minimised Sidebar*/

.sidebar-header {
    display: block;
    height: 42px;
    line-height: 44px;
    background-color: #272b35;
    border-bottom: 1px solid #232730;
    color: #ffffff;
    width: 100%;
}

.sidebar-header a:hover {
    text-decoration: none;
}

.sidebar-header .brandLogo {
    font-family: caviar_dreamsregular;
    font-size: 15px;
    color: #fff;
    padding: 12px;
    line-height: 0;
    padding-top: 23px;
    -o-transition:     font-size .5s ease-out;
    -ms-transition:    font-size .5s ease-out;
    -moz-transition:   font-size .5s ease-out;
    -webkit-transition:font-size .5s ease-out;
    transition:font-size .5s ease-out;
}

.sidebar-header .brandLogo.open {
    font-size: 20px;
    -o-transition:     font-size .5s ease-out;
    -ms-transition:    font-size .5s ease-out;
    -moz-transition:   font-size .5s ease-out;
    -webkit-transition:font-size .5s ease-out;
    transition:font-size .5s ease-out;
}

.sidebar-header-buttons {
    display: block;
}

.sidebar-header-buttons .btn {
    padding-right: 5px;
}



.sidebar-header-buttons .pin.open {
    padding-right: 2px !important;
    -o-transition:     padding .5s ease-out;
    -ms-transition:    padding .5s ease-out;
    -moz-transition:   padding .5s ease-out;
    -webkit-transition:padding .5s ease-out;
    transition:padding .5s ease-out;
}


.sidebar-header-buttons .bars {
    padding-right: 20px;
    -o-transition:     padding .5s ease-out;
    -ms-transition:    padding .5s ease-out;
    -moz-transition:   padding .5s ease-out;
    -webkit-transition:padding .5s ease-out;
    transition:padding .5s ease-out;
}

.sidebar-header-buttons .bars.open {
    padding-right: 10px !important;
    padding-left: 2px;
    -o-transition:     padding .5s ease-out;
    -ms-transition:    padding .5s ease-out;
    -moz-transition:   padding .5s ease-out;
    -webkit-transition:padding .5s ease-out;
    transition:padding .5s ease-out;
}

.sidebar-header a,
.sidebar-header button { color: #A3AAB9 }
.sidebar-header a:hover,
.sidebar-header button:hover,
.sidebar-header a:active,
.sidebar-header button:active { color: #ffffff }
.sidebar-header a:visited,
.sidebar-header button:visited,
.sidebar-header a:focus,
.sidebar-header button:focus { color: #A3AAB9 }
.sidebar-header button:focus {
    outline: none;
    text-decoration: none;
}



/*junk*/

.nav-side-menu {
    overflow: auto;
    font-family: verdana;
    font-size: 12px;
    font-weight: 200;
    background-color: #2e353d;
    position: fixed;
    top: 0px;
    width: 300px;
    height: 100%;
    color: #e1ffff;
}
.nav-side-menu .brand {
    background-color: #23282e;
    line-height: 50px;
    display: block;
    text-align: center;
    font-size: 14px;
}
.nav-side-menu .toggle-btn {
    display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    line-height: 35px;
    cursor: pointer;
    /*
      .collapsed{
         .arrow:before{
                   font-family: FontAwesome;
                   content: "\f053";
                   display: inline-block;
                   padding-left:10px;
                   padding-right: 10px;
                   vertical-align: middle;
                   float:right;
              }
       }
  */
}
.navTF ul :not(collapsed) .arrow:before,
.navTF li :not(collapsed) .arrow:before {
    font-family: FontAwesome;
    content: "\F078";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
    border-left: 3px solid #d19b3d;
    background-color: #4f5b69;
}
.navTF ul .sub-menu li.active,
.navTF li .sub-menu li.active {
    color: #d19b3d;
}
.navTF ul .sub-menu li.active a,
.navTF li .sub-menu li.active a {
    color: #d19b3d;
}
.navTF ul .sub-menu li,
.navTF li .sub-menu li {
    background-color: #181c20;
    border: none;
    line-height: 28px;
    border-bottom: 1px solid #23282e;
    margin-left: 0px;
}
.navTF ul .sub-menu li:hover,
.navTF li .sub-menu li:hover {
    background-color: #020203;
}
.navTF ul .sub-menu li:before,
.navTF li .sub-menu li:before {
    font-family: FontAwesome;
    content: "\F105";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
}
.nav-side-menu li {
    padding-left: 0px;
    border-left: 3px solid #2e353d;
    border-bottom: 1px solid #23282e;
}
.nav-side-menu li a {
    text-decoration: none;
    color: #e1ffff;
}
.nav-side-menu li a i {
    padding-left: 10px;
    width: 20px;
    padding-right: 20px;
}
.nav-side-menu li:hover {
    border-left: 3px solid #d19b3d;
    background-color: #4f5b69;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
@media (max-width: 767px) {
    .nav-side-menu {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }
    .nav-side-menu .toggle-btn {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 10 !important;
        padding: 3px;
        background-color: #ffffff;
        color: #000;
        width: 40px;
        text-align: center;
    }
    .brand {
        text-align: left !important;
        font-size: 22px;
        padding-left: 20px;
        line-height: 50px !important;
    }
}
@media (min-width: 767px) {
    .nav-side-menu .menu-list .menu-content {
        display: block;
    }
}

.profile-buttons {
    margin-top: 10px;
}

.profile-buttons a {
    color: #fff;
}
.profile-buttons small {
    color: #c8c8c8;
}

.profile-buttons a:hover,
.profile-buttons a small:hover {
    color: #E04C2C;
    -webkit-transition: color 0.4s ease;
    -moz-transition: color 0.4s ease;
    -o-transition: color 0.4s ease;
    transition: color 0.4s ease;
    text-decoration: none;
}

body.mobile .sidebar-menu {
    overflow:scroll;
    -webkit-overflow-scrolling:touch;
}

body.mobile .sidebar-menu>ul {
    height:auto!important;
    overflow:visible!important;
    -webkit-overflow-scrolling:touch!important;
}

body.mobile .page-sidebar .sidebar-menu .menu-items li:hover .menu-thumbnail {
    color:#A3AAB9!important;
}



body.mobile .drager {
    overflow:auto;
    -webkit-overflow-scrolling:touch;
}


.page-sidebar {
    width:250px;
    background-color:#2b303b;
    z-index:1001;
    left:0;
    position:fixed;
    bottom:0;
    top:0;
    right:auto;
    overflow:hidden;
    -webkit-transition:transform 400ms cubic-bezier(0.05,0.74,0.27,0.99);
    -moz-transition:transform 400ms cubic-bezier(0.05,0.74,0.27,0.99);
    -o-transition:transform 400ms cubic-bezier(0.05,0.74,0.27,0.99);
    transition:transform 400ms cubic-bezier(0.05,0.74,0.27,0.99);
    -webkit-backface-visibility:hidden;
    -webkit-perspective:1000px;
    perspective:1000px;
}

/*@media (max-width: 500px) {*/
/*.page-sidebar {*/
/*width: 100%;*/
/*}*/
/*}*/

/*@media (max-width: 499px) {*/
/*.page-sidebar.closed {*/
/*-ms-transform: translateX(-100%);*/
/*-webkit-transform: translateX(-100%);*/
/*transform: translateX(-100%);*/
/*}*/
/*}*/
/*@media (min-width: 500px) and (max-width: 767px) {*/
.page-sidebar.closed{
    -ms-transform: translateX(-250px);
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px);
}
/*}*/

@media (min-width: 768px) {
    .page-sidebar.closed{
        -ms-transform: translateX(-190px);
        -webkit-transform: translateX(-190px);
        transform: translateX(-190px);
    }
}

.page-sidebar.open{
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

/*.page-sidebar.closed:hover{*/
/*transform: translateX(0px);*/
/*}*/

.page-sidebar .sidebar-header {
    display:block;
    height:50px;
    line-height:50px;
    background-color:#272b35;
    border-bottom:1px solid #232730;
    color:#fff;
    width:100%;
    clear:both;
    z-index:10;
    position:relative;
    padding:0 20px 0 30px;
    font-size: 16.8px;
}

.page-sidebar .sidebar-header .sidebar-header-controls {
    display:inline-block;
    -webkit-transition:transform .4s cubic-bezier(0.05,0.74,0.27,0.99);
    transition:transform .4s cubic-bezier(0.05,0.74,0.27,0.99);
    -webkit-backface-visibility:hidden;
    right: 14px;
    position: absolute;
    top: 2px;
}

.page-sidebar .sidebar-header .sidebar-slide-toggle i {
    -webkit-transition:all .12s ease;
    transition:all .12s ease;
}

.page-sidebar .sidebar-header .sidebar-slide-toggle.active i {
    -webkit-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    transform:rotate(-180deg);
}

.page-sidebar .sidebar-menu {
    height:calc(100% - 50px);
    position:relative;
    width:100%;
}

.page-sidebar .sidebar-menu .menu-items {
    list-style:none;
    position:relative;
    /*overflow:auto;*/
    -webkit-overflow-scrolling:touch;
    height:calc(100% - 10px);
    width:100%;
    margin:0;
    padding:0;
    padding-top: 10px;
}

.page-sidebar .sidebar-menu .menu-items li>a {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    width:72%;
}

.page-sidebar .sidebar-menu .menu-items>li {
    display:block;
    clear:right;
    padding:0;
}

.page-sidebar .sidebar-menu .menu-items>li:after,.page-sidebar .sidebar-menu .menu-items>li:before {
    display:table;
    content:" ";
    clear:both;
}

.page-sidebar .sidebar-menu .menu-items>li>a {
    font-family:Arial,sans-serif;
    display:inline-block;
    min-height:40px;
    line-height:40px;
    font-size:14px;
    clear:both;
    padding:0 3px 0 32px;
}

.page-sidebar .sidebar-menu .menu-items>li>a.open {
    background:#313131;
}

.page-sidebar .sidebar-menu .menu-items>li>a>.arrow:before {
    float:right;
    display:inline;
    font-size:16px;
    font-family:"Icomoon";
    height:auto;
    content:"\F104";
    font-weight:300;
    text-shadow:none;
    -webkit-transition:all .12s ease;
    transition:all .12s ease;
}

.page-sidebar .sidebar-menu .menu-items>li>a>.arrow.open:before {
    float:right;
    display:inline;
    font-size:16px;
    font-family:"Icomoon";
    height:auto;
    font-weight:300;
    text-shadow:none;
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
}

.page-sidebar .sidebar-menu .menu-items>li>a>.badge {
    margin-top:12px;
}

.page-sidebar .sidebar-menu .menu-items>li>a>.title {
    float:left;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}

.page-sidebar .sidebar-menu .menu-items>li>a>.details {
    font-size:12px;
    opacity:0.4;
    display:block;
    clear:both;
}


.page-sidebar .sidebar-menu .menu-items>li>ul.sub-menu>li ul.sub-menu li {
    padding-left:10px;
    padding-right:3px;
}

.page-sidebar .sidebar-menu .menu-items>li>ul.sub-menu>li ul.sub-menu .menu-thumbnail {
    width:25px;
    height:25px;
    line-height:25px;
    font-size:10px;
}

ul.sub-menu li .menu-thumbnail .menu-thumbnail-active {
    opacity: 0;
    top: 0;
    position: absolute;
}

ul.sub-menu li:hover .menu-thumbnail .menu-thumbnail-active {
    opacity: 1;
}
ul.sub-menu li .menu-thumbnail .menu-thumbnail-resting {
    opacity: 1;
}

ul.sub-menu li:hover .menu-thumbnail .menu-thumbnail-resting {
    opacity: 0;
}

.sidebar-menu .menu-items>li>ul.sub-menu>li ul.sub-menu .menu-thumbnail .menu-thumbnail-active,
.sidebar-menu .menu-items>li>ul.sub-menu>li ul.sub-menu .menu-thumbnail .menu-thumbnail-resting {
    -webkit-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg);
    -webkit-transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1);
    transition: transform 150ms cubic-bezier(0.4, 0, 1, 1);
}

.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li {
    background: none;
    margin-top: 1px;
    padding: 6px 20px 5px 15px;
    line-height: 25px;
}

.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li>a {
    display:inline-block;
    font-size:13px;
    font-family:Arial,sans-serif;
    padding:5px 0;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu {
    list-style:none;
    clear:both;
    background-color:#21252d;
    margin:0 0 10px;
    padding:6px 0 10px;
}

.page-sidebar .sidebar-menu .menu-items>li>ul.sub-menu li>a>.arrow:before {
    float:right;
    margin-top:1px;
    margin-right:20px;
    display:inline;
    font-size:16px;
    font-family:"Icomoon";
    height:auto;
    content:"\F104";
    font-weight:300;
    text-shadow:none;
    -webkit-transition:all .12s ease;
    transition:all .12s ease;
}

.page-sidebar .sidebar-menu .menu-items>li>ul.sub-menu li>a>.arrow.open:before {
    float:right;
    margin-top:1px;
    margin-right:18px;
    display:inline;
    font-family:"Icomoon";
    height:auto;
    font-size:16px;
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
    font-weight:300;
    text-shadow:none;
}


.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li .menu-thumbnail {
    width:30px;
    height:30px;
    line-height:30px;
    background-color:#2b303b;
    font-size:14px;
    margin:0;
}

.page-sidebar .sidebar-menu .muted {
    color:#576775;
    opacity:.45;
}

[data-toggle-pin="sidebar"]>i:before {
    content:"\F10C";
}

.menu-thumbnail {
    cursor: pointer;
    display:inline-block;
    background:#21252d;
    height:40px;
    width:40px;
    line-height:40px;
    text-align:center;
    vertical-align:middle;
    position:relative;
    left:0;
    float:right;
    margin-right:14px;
    color:#A3AAB9;
    font-size:16px;
    -webkit-transition:transform .4s cubic-bezier(0.05,0.74,0.27,0.99);
    transition:transform .4s cubic-bezier(0.05,0.74,0.27,0.99);
    -webkit-backface-visibility:hidden;
    -webkit-perspective:1000;
    font-family:"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    font-weight:700;
}

.recent-accounts:hover .close-recent {
    opacity: 1;
    -webkit-transition:all .5s ease;
    transition:all .5s ease;
}

.sidebar-menu .close-recent {
    color: white;
    position: relative;
    top: -14px;
    left: 8px;
    opacity: 0;
    font-size: 15px;

}

body.mobile .page-sidebar .sidebar-menu .menu-items li:hover a,.page-sidebar a,.page-sidebar button,.page-sidebar a:visited,.page-sidebar button:visited,.page-sidebar a:focus,.page-sidebar button:focus {
    color:#A3AAB9;
}

body.mobile .page-sidebar .sidebar-menu .menu-items li.active>a,body.mobile .page-sidebar .sidebar-menu .menu-items li.open>a,body.mobile .page-sidebar .sidebar-menu .menu-items li.active>.menu-thumbnail,body.mobile .page-sidebar .sidebar-menu .menu-items li.open>.menu-thumbnail,.page-sidebar a:hover,.page-sidebar button:hover,.page-sidebar a:active,.page-sidebar button:active,.page-sidebar .sidebar-menu .menu-items li:hover>.menu-thumbnail,.page-sidebar .sidebar-menu .menu-items li.open>.menu-thumbnail,.page-sidebar .sidebar-menu .menu-items li.active>.menu-thumbnail,.page-sidebar .sidebar-menu .menu-items li:hover>a,.page-sidebar .sidebar-menu .menu-items li.open>a,.page-sidebar .sidebar-menu .menu-items li.active>a,.page-sidebar .sidebar-menu .menu-items>li ul.sub-menu>li:hover>.menu-thumbnail,.page-sidebar .menu-thumbnail [class^="bg-"],.page-sidebar [class*="bg-"],.checkbox.check-success input[type=checkbox]:checked+label::after,.checkbox.check-primary input[type=checkbox]:checked+label::after,.checkbox.check-complete input[type=checkbox]:checked+label::after,.checkbox.check-warning input[type=checkbox]:checked+label::after,.checkbox.check-danger input[type=checkbox]:checked+label::after,.checkbox.check-info input[type=checkbox]:checked+label::after,.card.status h5 .time,.card.share .card-content .buttons li a,.email-wrapper .email-sidebar .main-menu>li a:hover,.email-wrapper .email-sidebar .sub-menu li a:hover,.gallery-item .rating>.rated {
    color:#fff;
}

body.sidebar-visible .page-sidebar .scroll-element,.dropdown-default.open .dropdown-menu li,.cs-select.cs-active .cs-options {
    visibility:visible;
}


.ng-joyride .pull-left {
  float: left; }

.ng-joyride .pull-right {
  float: right; }

.ng-curtain-class {
  position: fixed;
  background: black;
  opacity: 0.5;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 9998;
  /*display: none;*/ }

.ng-joyride-title {
  z-index: 9999;
  position: absolute;
  top: 25%;
  left: 50%;
  width: 500px;
  margin-left: -250px;
  background: white;
  box-shadow: 0px 0px 28px 0px rgba(50, 50, 50, 0.75); }

.ng-joyride .skip-class {
  padding-top: 7px; }

.ng-joyride-element-non-static {
  z-index: 9999;
  box-shadow: 0px 0px 28px 0px rgba(50, 50, 50, 0.75); }

.ng-joyride-element-static {
  position: relative;
  z-index: 9999;
  background: #F3F3F3;
  box-shadow: 0px 0px 28px 0px rgba(50, 50, 50, 0.75); }

.ng-joyride.popover {
  z-index: 9999; }

.ng-joyride.popover .popover-content {
  width: 17em;
  padding-left: 10px; }

.ng-joyride .popover-title {
  color: white;
  background: #428bca; }

.sharp-borders {
  border-radius: 0px !important; }

.ng-joyride h3.popover-title {
  line-height: 18px;
  padding-bottom: 8px; }

.ng-joyride-modal.modal {
  z-index: 9999 !important; }

.ng-joyride .btn {
  border-radius: 0px !important; }

#profile {
    font-family: 'Roboto' !important;
    color: rgb(54, 54, 54);
}

#profile h1,
#profile h2,
#profile h3,
#profile h4,
#profile h5,
#profile h6,
#profile label {
    font-family: 'Raleway' !important;

}

#profile h1,
#profile h2,
#profile h3,
#profile h4,
#profile h5,
#profile h6 {
    font-weight: 300;
}

#profile .widget .menu-advanced {
    background-color: #fff;
    list-style: none;
    margin: 0px;
    padding: 20px; }
#profile .widget .menu-advanced li {
    margin: 0px 0px 5px 0px;
    position: relative;
    transition: all .15s linear; }
#profile .widget .menu-advanced li a {
    color: #444;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
}
#profile .widget .menu-advanced li a:active {
    text-decoration: none;
}

#profile .widget .menu-advanced li a .fa {
    color: #b6b7b8;
    font-size: 13px;
    width: 20px; }
#profile .widget .menu-advanced li.active {
    background-color: rgba(224, 76, 44, 0.81);
    text-decoration: none;
}
#profile .widget .menu-advanced li.active a {
    color: #fff;
    text-decoration: none;
}
#profile .widget .menu-advanced li.active:hover {
    background-color: rgba(224, 76, 44, 1);
    text-decoration: none;
}
#profile .widget .menu-advanced li.active:after {
    color: #fff; }
#profile .widget .menu-advanced li:after {
    color: #b6b7b8;
    content: '\F054';
    font-family: 'Icomoon';
    font-size: 10px;
    position: absolute;
    right: 10px;
    top: 12px; }
#profile .widget .menu-advanced li:hover {
    background-color: rgba(0, 0, 0, 0.03);
    text-decoration: none;}
#profile .widget .menu-advanced li:last-child {
    margin: 0px; }

.user-social {
    font-size: 31px;
    padding: 0px 20px;
    text-align: center;
    margin-top: -11px;
    color: #6B6B6B;
}

.user-social li {
    padding-right: 20px
}

.user-photo {
    background-color: #fff;
    border: 2px dashed #e9e9e9;
    padding: 15px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.user-photo img {
    height: auto;
    width: 100%;
    min-height: 100px;
}

#profile .control-label i {
    color: grey;
    margin-left: 7px;
    font-size: 25px;
    line-height: 20px;
}


/*PROFILE MAIN*/

/*WELCOME TERMS*/

.welcome-header {
    text-align: center;
    padding: 10px;
    line-height: 46px;
    font-family: 'Raleway', Arial, sans-serif;
    padding-bottom: 0px;
}


.full-width-header, .half-width-header, .full-width-header-phillip {
    display: block;
    -o-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    height: 100vh;
}

@media screen and (max-width: 767px) {
    .full-width-header, .full-width-header-phillip {
        width: 100%;
        padding: 10px;
        line-height: 50px;
    }
}

@media screen and (min-width: 768px) {
    .full-width-header {
        width: 100%;
        padding: 200px;
    }

    .full-width-header-phillip {
        width: 100%;
        padding: 100px;
    }
}

@media screen and (max-width: 767px) {
    .half-width-header {
        display: none;

    }
}

@media screen and (min-width: 768px) {
    .half-width-header {
        width: 300px;
        float: left;
        position: fixed;
    }
}

.half-width-body {
    background: #FCFCFC;
}

@media screen and (max-width: 767px) {
    .half-width-body {
        width: 100%; /* fallback if needed */
        height: 100%;
        display: block;
        float: right;
        padding: 20px;
    }
}

@media screen and (min-width: 768px) {
    .half-width-body {
        height: 100vh;
        width: calc(100% - 300px);
        display: block;
        float: right;
        padding: 14px;
    }
}

.full-width-header h2,
.half-width-header h2,
.full-width-header-phillip h2,
.full-width-header h3,
.full-width-header-phillip h3,
.half-width-header h3 {
    font-family: 'Raleway', Arial, sans-serif;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
}

.full-width-header .welcome-header h2,
.full-width-header-phillip .welcome-header h2 {
    font-size: 4rem;
}


.full-width-header .welcome-header h3,
.full-width-header-phillip .welcome-header h3 {
    font-size: 2.5rem;
}

.columnTitle {
    vertical-align: text-bottom;
}

.half-width-header .welcome-header h2 {
    font-size: 26px;
    height: 25vh;

    -o-transition: font-size .5s ease-out;
    -ms-transition: font-size .5s ease-out;
    -moz-transition: font-size .5s ease-out;
    -webkit-transition: font-size .5s ease-out;
    transition: font-size .5s ease-out;

}

.half-width-header .welcome-header h3 {
    font-size: 16px;

    -o-transition: font-size .5s ease-out;
    -ms-transition: font-size .5s ease-out;
    -moz-transition: font-size .5s ease-out;
    -webkit-transition: font-size .5s ease-out;
    transition: font-size .5s ease-out;

}

.half-width-header .half-width-contents {
    padding: 20px;
    padding-top: 0;

}

.half-width-header .half-width-contents ul {
    list-style: none;
    margin-top: 10px;
    padding-left: 20px;
}


.half-width-header .half-width-contents ul li {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 30px;
    vertical-align: middle;
}

.half-width-header .half-width-contents ul li i {
    font-size: 30px;
    margin-right: 10px;
}

.wizardWelcome .agree {
    font-weight: 700;
    margin-right: 15px;
    float: left;
    margin-bottom: 15px;
}

/*STEP 2 BROKER LINK*/

.brokerSelect {
    height: 100%;
    width: 100%;
    overflow: auto;
}

.brokerList {
    height: 100%;
    width: 100%;
    overflow: auto;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 4;
}

.brokers-list-premium {
    text-align: center;
}

.brokers-list-premium h1, .brokers-list-premium h2, .brokers-list-premium h3, .brokers-list-premium h4, .brokers-list-premium h5, .brokers-list-premium h6 {
    text-align: center;
}

.brokers-list-premium h3 {
    position: relative;
    text-align: center;
}

.brokers-list-premium h3 span {
    background: #fff;
    padding: 0 15px;
    position: relative;
    z-index: 1;
}

.brokers-list-premium h3:before {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 50%;
    width: 100%;
}

.brokers-list-premium h3:before {
    left: 0;
}

.brokers-list-premium .footer {
    position: absolute;
    bottom: 5px;
    right: 20%
}

.brokers-list-premium .feature {
    font-size: 12px;
    text-transform: uppercase;
}

.brokers-list-premium .subtitle {
    font-size: 11px;
    text-transform: uppercase;
    vertical-align: top;
    line-height: 25px;
    padding-left: 4px;
}

.brokers-list-premium.multiple-columns {
    padding: 15px;
}

@media screen and (min-width: 996px) {
    .brokers-list-premium.multiple-columns {
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3;

    }
}

@media screen and (min-width: 495px) and (max-width: 995px) {
    .brokers-list-premium.multiple-columns {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }
}

@media screen and (max-width: 494px) {
    .brokers-list-premium.multiple-columns {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }
}

.brokers-list-premium.multiple-columns li {
    border-radius: 2px;
    padding: 6px;
    cursor: pointer;
    line-height: 16px;
}

.brokers-list-premium.multiple-columns li:hover {
    -webkit-transition: border-color 0.4s ease;
    -moz-transition: border-color 0.4s ease;
    -o-transition: border-color 0.4s ease;
    transition: border-color 0.4s ease;
    font-size: 16px;
    font-weight: bolder;
}

.brokers-list-premium.multiple-columns li p {
    margin: 5px 0 5px 0;
    padding-right: 22px;
    padding-left: 22px;
    line-height: 16px;
}

.brokers-list-premium.multiple-columns li.active {
    border-style: solid;
}

.brokers-list-premium img {
    filter: gray;
    -webkit-filter: grayscale(100%);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: 60%;
    cursor: pointer;
}

.brokers-list-premium li:hover img {
    filter: none;
    -webkit-filter: grayscale(0%);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.brokers-list-premium .gridster-item {
    padding: 10px;
    border-radius: 1px;
    border: 2px solid transparent;

}

.brokers-list-premium .gridster-item:hover,
.brokers-list-premium .gridster-item.active {
    -webkit-transition: border-color 0.4s ease;
    -moz-transition: border-color 0.4s ease;
    -o-transition: border-color 0.4s ease;
    transition: border-color 0.4s ease;
}

.wizard-steps {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.premium-broker-list-selector ul {
    list-style: none;

}

.premium-broker-list-selector li span.left {
    width: 35px;
    padding: 7px;
    position: relative;
    float: left;
}

.premium-broker-list-selector li span.main {
    border: 1px solid;
    position: relative;
    float: left;
    width: calc(100% - 36px);
    padding: 7px;
    padding-left: 18px;
    border-radius: 1px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.premium-broker-list-selector img {
    height: auto;
    max-width: 100%;
}

.premium-broker-list-selector .animation-fade {
    opacity: 0;
}

.premium-broker-list-selector .animation-faded {
    opacity: 1;
}

.premium-broker-list-selector .animation-faded {
    -webkit-transition: opacity 1s linear .2s;
    -moz-transition: opacity 1s linear .2s;
    -o-transition: opacity 1s linear .2s;
    transition: opacity 1s linear .2s;
}

.premium-broker-list-selector .balloon-wrapper {
    padding-top: 30px;
    opacity: 1;
    text-align: center;
}

.premium-broker-list-selector .balloon {
    border-radius: 50%;
    display: inline-block;
    font-size: 160%;
    text-align: center;
    height: 100px;
    line-height: 100px;
    width: 100px;
}

.premium-broker-list-selector .button {
    border-radius: 8px;
    display: inline-block;
    opacity: .6;
    padding: 15px 25px;
    -webkit-transition: opacity .4s linear 0s;
    -moz-transition: opacity .4s linear 0s;
    -o-transition: opacity .4s linear 0s;
    transition: opacity .4s linear 0s;
}

.premium-broker-list-selector .button:hover {
    opacity: 1;
}

.premium-broker-list-selector .image-round {
    border-radius: 50%;
}


.premium-broker-list-selector .l-header {
    margin-top: 180px;
    text-align: center;
}

.premium-broker-list-selector .l-navigation {
    margin-top: 60px;
    text-align: center;
}

.premium-broker-list-selector .l-footer {
    bottom: 10px;
    position: fixed;
    right: 10px;
    text-align: right;
    width: 50px;
}

.premium-broker-list-selector .l-footer small {
    display: block;
    font-size: 60%;
    margin-bottom: 5px;
    opacity: .5;
    text-align: center;
    width: 100%;
}

.premium-broker-list-selector .deckgrid {
    margin: 100px auto;
    padding: 10px;
    width: 1000px;
}

.deckgrid[deckgrid]::before {
    content: '5 .column.size-1-5';
    font-size: 0;
    visibility: hidden;
}

.premium-broker-list-selector .deckgrid .column {
    float: left;
}

.premium-broker-list-selector .photo .photo-index {
    position: absolute;
    height: 100%;
    text-align: center;
    width: 100%;
    z-index: 99;
}

.premium-broker-list-selector .photo .photo-index p:first-child {
    margin-top: 10px;
}

.premium-broker-list-selector .photo .photo-wrapper {
    min-height: 60px;
}

.premium-broker-list-selector .photo .photo-description {
    padding: 15px;
}

.premium-broker-list-selector .deckgrid .column.size-1-5 {
    width: 200px;
}

.premium-broker-list-selector .deckgrid .column.size-1-4 {
    width: 200px;
}

.premium-broker-list-selector .deckgrid .column.size-1-3 {
    width: 250px;
}

.premium-broker-list-selector .deckgrid .column.size-1-2 {
    width: 250px;
}

.premium-broker-list-selector .deckgrid .column.size-1-1 {
    width: 280px;
}

#q5c .btn-primary[disabled].active {
    opacity: 1;
}

@media screen and (max-width: 1000px) {
    .premium-broker-list-selector .deckgrid {
        width: 800px;
    }

    .deckgrid[deckgrid]::before {
        content: '4 .column.size-1-4';
    }
}

@media screen and (max-width: 840px) {
    .premium-broker-list-selector .deckgrid {
        width: 760px;
    }

    .deckgrid[deckgrid]::before {
        content: '3 .column.size-1-3';
    }
}


@media screen and (min-width: 481px) and (max-width: 768px) {
    .premium-broker-list-selector .deckgrid {
        margin: 100px auto;
        width: 500px;
    }

    .deckgrid[deckgrid]::before {
        content: '2 .column.size-1-2';
    }
}

@media only screen and (max-device-width: 320px), only screen and (max-width: 480px) {

    .premium-broker-list-selector .l-header {
        font-size: 80%;
        margin-top: 145px;
        padding: 5px;
        text-align: center;
    }

    .premium-broker-list-selector .deckgrid {
        width: 280px;
    }

    .deckgrid[deckgrid]::before {
        content: '1 .column.size-1-1';
    }
}


.fs-form {
    position: relative;
    text-align: left;
    font-family: "Raleway", sans-serif;

}

.fs-form-full .fs-fields > li {

    width: 100%;
}

.fs-form {
    position: relative;
    text-align: left;
    font-size: 2.5em;
}

.fs-form .posEntry {
    position: relative;
    text-align: left;
    font-size: 15px;
}

.fs-fields {
    position: relative;
    margin: 0 auto;
    padding: 0;
    top: 0;
    list-style: none;
}

.fs-fields .fs-current p {
    font-size: 15px;
}


.fs-fields .fs-current .icon-question {
    font-size: 23px;
}

.fs-fields .fs-current .style-icon-lookup {
    font-size: 40px;
}

.fs-fields .fs-current .style-icon-lookup:hover {
    -webkit-transition: All 0.4s ease;
    -moz-transition: All 0.4s ease;
    -o-transition: All 0.4s ease;
    transition: All 0.4s ease;
}

.fs-current .gender {
    font-size: 88px;
    -webkit-transition: All 0.4s ease;
    -moz-transition: All 0.4s ease;
    -o-transition: All 0.4s ease;
    transition: All 0.4s ease;
}

.fs-fields label {
    font-size: 3rem;
}

.fs-fields > li label.fs-field-label {
    display: inline-block;
    padding: 1em 5px 0.2em 0;
    font-family: 'Open Sans';
    font-weight: 300;
    pointer-events: none;
    position: relative;

}

.div-align-container {
    text-align: justify;
}

.div-align-container:after {
    content: "";
    width: 100%;
    display: inline-block;
}

.demographicBox {
    padding: 17px;
    text-align: center;
    width: 175px;
    height: 185px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
    cursor: pointer;
}


.demographicBox .rating {
    font-size: 20px;
    display: block;
}

.demographicBox .value {
    display: block;
    font-size: 74px;
    line-height: 90px;
    margin-top: -10px;
}

.demographicBox .sub-value {
    font-size: 24px;
    display: block;
    text-transform: uppercase;
}

.demographicBox.age {
    width: 157px;
    height: 131px;
}

.demographicBox.age .rating {
    font-size: 15px;
}

.demographicBox.age .value {
    font-size: 32px;
}

@media screen and (max-width: 768px) {
    .demographicBox .rating {
        display: none;
    }

    .demographicBox {
        font-size: 26px !important;
        width: 162px !important;
        height: 80px !important;
    }

    .demographicBox .value {
        line-height: 33px;
        font-size: 44px;
    }

}

.posEntry .table > thead > tr > th {
    border-bottom: none;
}

.fs-fields input:invalid {
    box-shadow: none;
}

.fs-fields [required] {
    background-image: url(http://tympanus.net/Development/FullscreenForm/img/abacusstar.svg);
    background-position: top right;
    background-size: 18px;
    background-repeat: no-repeat;
}

.fs-fields input {
    display: block;
    margin: 0;
    padding: 0 0 0.15em;
    width: 90%;
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    background-color: transparent;
    color: #414141;
    text-overflow: ellipsis;
    font-weight: bold;
    font-size: 1em;
    border-radius: 1px;
    float: left;
}

.fs-fields a.uploadPos {
    margin-left: 30px;
    width: 30px;
    margin-right: 2px;
    margin-top: 2px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 9px 6px 10px;
    border-radius: 3px;
    position: relative;
    -webkit-transition: All 0.4s ease;
    -moz-transition: All 0.4s ease;
    -o-transition: All 0.4s ease;
    transition: All 0.4s ease;
}

.fs-fields a.uploadPos:hover {
    width: 150px;
    -webkit-transition: All 0.4s ease;
    -moz-transition: All 0.4s ease;
    -o-transition: All 0.4s ease;
    transition: All 0.4s ease;
}

.fs-fields #dropzone {
    margin-bottom: 3rem;
    margin-top: 3rem;
}

.fs-fields .dropzone, .dropzone * {
    box-sizing: border-box !important;
}

.fs-fields .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
    cursor: pointer !important;
}

.fs-fields .dropzone .dz-message {
    text-align: center;
    margin: 2em 0;
}

.fs-fields .dropzone.dz-clickable * {
    cursor: default;
}

.fs-fields .dropzone {
    min-height: 150px;
    border-radius: 5px;
    padding: 20px 20px;
}

.fs-fields .dropzone.dz-clickable {
    cursor: pointer;
}

.fs-fields .dropzone .dz-message {
    font-weight: 400;
}

.fs-fields .dropzone .dz-message .note {
    font-size: 0.4em;
    font-weight: 200;
    display: block;
    margin-top: 1.4rem;
}


.fs-fields .dz-messagesub.note {
    font-size: 0.75em;
    font-weight: 200;
    display: block;
    margin-top: 1.4rem;
    line-height: 34px;
}

/*STEP 4 INTERESTS*/
.welcome-interests .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    position: relative;
}

.welcome-interests label {
    margin: 10px;
    float: left;
}

.welcome-interests-container {
    height: 100%;
}

.welcome-interests-container .subtitle {
    font-size: 1.25rem;
    text-align: justify;
    padding-bottom: 14px;
}

.wizardWelcome .modal-footer {
    padding: 0 75px 0 0; /* Padding is to allow space for the intercom bubble */
}


/* ==============================
   Pricing
   ============================== */

.pricing-item {
    margin: 0 0 30px;
    position: relative;
    text-align: center;
    cursor: pointer;
}

.pricing-item-inner {
    vertical-align: middle;

}

.pricing-wrap {
    position: relative;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    padding: 30px 20px;
    text-align: center;
    overflow: hidden;
}

.pricing-icon {
    padding-top: 10px;
    padding-bottom: 5px;
    position: relative;
    font-size: 32px;
    z-index: 1;
}

.pricing-title {
    position: relative;
    margin-bottom: 40px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 1;
}

.pr-list {
    margin: 0 -20px 30px;
    padding: 0;

    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.pr-list li {
    padding: 12px 20px;
    list-style: none;
}

.pricing-num {
    font-size: 40px;
    font-weight: 300;
    line-height: 1;

}

.pricing-num sup {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    top: -20px;
    left: -3px;
    margin-left: -7px;
}

.pr-button {
    margin: 30px -20px 0;
    padding-top: 30px;
}

.pr-per {
    font-size: 12px;
}


.log-list-table {
    width: 100%;
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
    border-collapse: collapse;
    position: relative;
}

.log-list-table th {
    padding: 0 10px;
    color: #666;
    font-weight: normal;
    border-bottom: 1px solid #e7e7e7;
    text-align: inherit
}
.log-list-table td {
    padding: 10px;
    border-bottom: 1px solid #e7e7e7
}
.log-table-text {
    padding: 6px 10px
}
.log-table-link>a,
.log-table-link>.log-facet-clear-link {
    display: block;
    margin: -10px;
    padding: 10px
}
.log-table-status {
    padding: 0;
    width: 10px
}

.log-table-input input {
    margin: 0
}
.log-table-select select {
    margin: 0
}
.log-table-status-ok {
    background-color: #00a96d !important
}

.log-table-status-warning,
.log-table-status-processing {
    background-color: #ff9d00 !important
}

.log-table-status-error {
    background-color: #c40022 !important
}
#adminOverview {
    padding: 20px
}
#adminOverview .tabbable-line > .tab-content {
    padding: 14px 14px;
}

.subtitlePassword {
    font-size: 10px;
    color: grey;
    padding-left: 15px;
}

/*ORG TREE */


#tree-container {
    width: 100%;

}
.node {
    cursor: pointer;
}

.overlay{
    background-color:#EEE;
}

.node circle {
    fill: #fff;
    stroke: #E04C2C;
    stroke-width: 1.5px;
}

.node text {
    font-size:10px;
    font-family:sans-serif;
}

.link {
    fill: none;
    stroke: #5d5d5d;
    stroke-width: 1.5px;
}

.templink {
    fill: none;
    stroke: steelblue;
    stroke-width: 3px;
}

.ghostCircle.show{
    display:block;
}

.ghostCircle, .activeDrag .ghostCircle{
    display: none;
}

.ciq-dialog-overlay {
    display : none;
}

cq-dialog {
    position: absolute;
}

cq-menu-dropdown {
    left: inherit;
    right: 0;
    z-index: 1000000;
}


.mfb-component__icon, .mfb-component__main-icon--active, .mfb-component__main-icon--resting, .mfb-component__child-icon {
    font-size: 26px;
}

.table-borderless.table>tbody>tr>td,
.table-borderless.table>tbody>tr>th,
.table-borderless.table>tfoot>tr>td,
.table-borderless.table>tfoot>tr>th,
.table-borderless.table>thead>tr>td,
.table-borderless.table>thead>tr>th {
    border-top: none;
}

[data-mfb-label]:after {
    content: attr(data-mfb-label);
    background: rgba(0, 0, 0, 0)
}

.mfb-component--tr {
    right: 0;
    top: 40px;
}

/*SLICK*/
.slick-slider {
    margin-bottom: 5px !important;
}

/* Arrows */
.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 30px;
    width: 30px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: 0.25 !important;
}

.slick-prev:before, .slick-next:before {
    font-family: "slick";
    font-size: 30px;
    line-height: 1;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -22px;
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}

.slick-prev:before {
    content: "\2190";
}

[dir="rtl"] .slick-prev:before {
    content: "\2192";
}

.slick-next {
    right: -22px;
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}

.slick-next:before {
    content: "\2192";
}

[dir="rtl"] .slick-next:before {
    content: "\2190";
}

/* Dots */
.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
}

.slick-dots ul {
    margin-bottom: 0; /* Reset margin from bootstrap */
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\2022";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: 0.75;
}

/*# sourceMappingURL=slick.css.map */

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: .25;
}

/*BOOTSTRAP*/

a:hover {
    cursor:pointer;
    text-decoration: none !important;
}

label {
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 600;
}

.breadcrumb {
    padding: 6px 10px;
    margin-bottom: 0;
    background-color: transparent;
}

.breadcrumb > li + li {
    margin-left: 20px;
}

.breadcrumb > li + li:before {
    content: "";
    padding: 0;
}

:focus {
    outline: -webkit-focus-ring-color auto 0 !important;
}


/*DROPDOWN*/

.dropdown-menu {
    font-family: "Open Sans";
    font-size:13px;
    z-index:1700;
}

.dropdown-menu li {
    font-size: 14px;
}

.dropdown-menu .divider {
    height:1px;
    border-bottom:0;
    margin:3px 0;
}

/*TOOLTIP*/

.tooltip-lg .tooltip-inner {
    max-width : 300px;
}

/* Fix missing backdrop in modal for bootstrap 3.3.1 */
.modal-dialog {
    margin-top: 55px;
}

.modal-body {
    font-family: "Open Sans";
    background-color: transparent;
}

.modal-content {
    border-radius: 4px;
}

/* Move cursor for draggable wizard modal */

.draggable-modal .modal-header {
    cursor: move;
}

.pager li>a, .pager li>span {
    border-radius: 0;
    border: none;
    font-size: 18px;
}
/*ANGULAR SWITCH*/
.switch {
    top: 7px;
}

/*BOOTSTRAP-UI*/

.modal-xl {
    width: 95vw;
}

@media (min-width: 1292px) {
    .modal-xl {
        width: 1100px;
    }
}

.modal-fs {
    width: 100%;
    height: 100%;
    min-height: 100%;
    padding: 0;
    margin: 0;
}
.modal-fs .modal-content {
    height:100%;
    min-height: 100%;
    /*height: 100vh;*/
    border: none;
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus {
    text-decoration:none;
    background-image:none;
}

.dropdown-menu .icon-check {
    padding-right: 10px;

}

/* Fix for bootstrap leaving a margin above the dropdown.  Needs to be based on attribute as it is anchored to the body */
ul[uib-typeahead-popup] {
    margin-top: 0;
    min-width: 200px;
    line-height: 40px;
    border-radius: 3px;
    text-align: left;
    padding: 0;
    font-size: 16px;
    /*background-color: #1C2B36;*/
    /*background-color: #3E3E3E;*/

}
ul[uib-typeahead-popup] li>a:hover,
ul[uib-typeahead-popup] li>a:focus{
    text-decoration:none;
    background-image:none;
}

/*ul[uib-typeahead-popup] li.active a {*/
    /*background-color: #b5b6b5 !important;*/
    /*color: #ffffff;*/
/*}*/

/** Hack to get accordion titles clickable */
.accordion-toggle {
    display : block;
}

/*TABS*/

.tabbable-line > .nav-tabs {
    border: none;
    margin: 0;
}
.tabbable-line > .nav-tabs > li {
    margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
    border: 0;
    margin-right: 0;
}

.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
    border: 0;
}

.tabbable-line > .nav-tabs > li {
    border-bottom: 2px solid transparent;
    border-left : 1px solid transparent;
    border-right : 1px solid transparent;
}

.tabbable-line > .nav-tabs > li.active {
    position: relative;
}

.tabbable-line > .nav-tabs > li:first-child.active {
    border-left: 1px solid transparent;
}

.tabbable-line > .nav-tabs > li.active > a {
    border: 0;
    color: #333333;
}

.tabbable-line > .tab-contentOptnPicker {
    margin-top: -3px;
    border: 0;
}

.tabbable-line > .tab-content {
    border: 0;
    padding: 15px 0;
}

.portlet .tabbable-line > .tab-content {
    padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line .tabs-below > .nav-tabs > li {
    border-top: 4px solid transparent;
}
.tabbable-line .tabs-below > .nav-tabs > li > a {
    margin-top: 0;
}
.tabbable-line .tabs-below > .nav-tabs > li:hover {
    border-bottom: 0;
}
.tabbable-line .tabs-below > .nav-tabs > li.active {
    margin-bottom: -2px;
    border-bottom: 0;
}
.tabbable-line .tabs-below > .tab-content {
    margin-top: -10px;
    border-top: 0;
    padding-bottom: 15px;
}

.tabbable-line .tab-header {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.tabbable-line .header-league-name {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2em;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

/*CUSTOM CSS FOR VERTICAL TABS*/
/*TODO: width needs to be automatic..hack to make it work*/
.wrapperTabs {
    margin-left: 138px;
    margin-right: 9px;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;

}

.tab-content > .active,
.pill-content > .active {
    display: block;
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
    margin-top: -1px;
    margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
    -webkit-border-radius: 1px 0 4px 4px;
    -moz-border-radius: 1px 0 4px 4px;
    border-radius: 1px 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
    border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
    /*border-color: transparent #ddd #ddd #ddd;*/
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
    float: left;
}

.tabs-left > .nav-tabs > li > a {
    height: 80px;
    width: 120px;
    padding-top: 46px;
    position: relative;
    display: block;
    text-align: center;
    font-size: 12px;
    font-size: 0.75rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 700;
    font-size: x-small;
    text-transform: uppercase;
    border: none;

}

.tabs-left > .nav-tabs > li > a i {
    position: absolute;
    font-size: x-large;
    top: 12px;
    left: 50%;
    margin-left: -10px;
    display: inline-block;
    height: 20px;
    width: 20px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
    border-radius: 1px ;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    border: none;
    border-radius: 1px ;
}

.tabs-left > .nav-tabs > li > a i.stock {
    font-size: medium;
    left: 36%;
    font-style: normal;
}



.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
}

.tabs-right > .nav-tabs > li > a {
    margin-left: -1px;
    -webkit-border-radius: 1px 4px 4px 0;
    -moz-border-radius: 1px 4px 4px 0;
    border-radius: 1px 4px 4px 0;
}

/*CHECKBOXES*/

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    line-height: 24px;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    top: 2px;
    left:0;
    width: 20px; height: 20px;
    border-radius: 0;
}

/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    content: '\2714';
    position: absolute;
    top: 0;
    left: 3px;
    font-size: 16px;
    transition: all .2s;
}

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
}

.nvd3.nv-lineChart .nv-axis .tick.zero text {
    font-weight: 700;
}

.nvd3 text {
    font: 400 11px "open Sans";
}

.nvtooltip {
    font-family: inherit;
    font-size: 17px;
    border-radius: 6px;

}

.nvtooltip h3 {
    padding: 10px;
    text-align: center;
}

.popover {
    /*z-index: 1160;*/
    z-index: 1039; /* 1 below modal background */
}
/*TYPEAHEAD STYLING*/

.tt-menu {
    width: 422px;
    margin: 12px 0;
    padding: 8px 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}

.tt-suggestion:hover {
    cursor: pointer;
}

.tt-suggestion p {
    margin: 0;
}

/*NG-JOYRIDE*/
@media (max-width: 600px) {
    .ng-joyride-title {
        width: 90%;
        left: 5%;
        top: 10%;
        margin: 0 !important;
    }
}

.ng-joyride .popover-content {
    padding: 17px 14px;
}

.ng-joyride.popover .popover-content{
    width: 17em;
    padding-left: 10px;
}

.ng-joyride .popover-title i {
    cursor: pointer;
}

.dropdown-menu:focus,
.noFocus:focus  {
    outline: none !important;
}

.btn-clear:focus {
    outline: none;
}

/*GRIDSTER*/

.handle-s {
    cursor: row-resize;
}

.gridster-loaded {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
.gridster-loaded .gridster-item {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
@media (max-width: 1024px) {
    .gridster-item {
        margin: 0 !important;
    }
}

@media (max-width: 600px) {
    .gridster-loaded .gridster-item {
        margin: 10px 0 !important;
    }
}
/*SCROLL OVERRIDES*/

.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
    left: 2px;
    width: 4px;
}

.scroll-wrapper>.scroll-element.scroll-x .scroll-bar {
    bottom:0;
    height:4px;
    min-width:24px;
    top:auto;
}

.scroll-wrapper>.scroll-element.scroll-x .scroll-element_size {
    left:-4px;
}

.scroll-wrapper>.scroll-element.scroll-y .scroll-bar {
    left:auto;
    min-height:24px;
    right:0;
    width:4px;
}

.ui-grid-header-cell.gridNumber * .ui-grid-cell-contents {
    text-align: left;
}

.ui-grid-draggable-row {
    height: 30px;
}

.ui-grid-draggable-row-over {
    position: relative;
}
.ui-grid-draggable-row-over:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
}

.ui-grid-draggable-row-over--above:before {
    top: 0;
}

.ui-grid-draggable-row-over--below:before {
    bottom: 0;
}

/*SPARKLINE OVERRIDES*/

.jqstooltip {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    font: 10px arial, san serif;
    text-align: left;
    white-space: nowrap;
    padding: 0 !important;
    z-index: 10000;
}
/** Fix for sparkline tooltips */
.jqsfield {
    font: 12px "open sans" !important;
    padding: 10px !important;
    text-align: left;
}

/** Easy pie chart styling */
.easyPieChart {
    position: relative;
    text-align: center;
}

.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.cpercent {
    font-size: 16px;
}

/*Loading Bar*/
#loading-bar .bar {
    height: 3px;
}

.navbar {
    max-height: 50px;
}

.visible-xxs {
    display: none !important;
}

@media (max-width: 480px) {
    .visible-xxs {
        display: block !important;
    }
}

.overZendesk {
    z-index: 999999 !important;
}

tags-input .tags {
    border-radius: 0;
}

.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    z-index: 1;
}

#tradeonPortfolio #widgetContainer .widgets tf-payoff-chart, #tradeonPortfolio #widgetContainer .widgets #widget-raPort, #tradeonPortfolio #widgetContainer .widgets #widget-delta, #tradeonPortfolio #widgetContainer .widgets #widget-whatIf {
  width: calc(100% - 110px - 5px); }
  @media screen and (max-width: 1199px) {
    #tradeonPortfolio #widgetContainer .widgets tf-payoff-chart, #tradeonPortfolio #widgetContainer .widgets #widget-raPort, #tradeonPortfolio #widgetContainer .widgets #widget-delta, #tradeonPortfolio #widgetContainer .widgets #widget-whatIf {
      width: 100%; } }

#tradeonPortfolio #widgetContainer .customIOSbuttons {
  position: absolute;
  width: 110px;
  top: 145px;
  right: 10px; }

#tradeOn #widget-grid {
  width: 100%;
  padding: 10px; }
  @media screen and (max-width: 480px) {
    #tradeOn #widget-grid {
      width: 100%; } }

.welcomeOffer .card {
  font-size: 1em;
  overflow: hidden;
  padding: 0;
  border: none;
  border-radius: .28571429rem; }

.welcomeOffer .card-block {
  font-size: 1em;
  position: relative;
  margin: 0;
  padding: 1em;
  border: none;
  border-top: 1px solid rgba(34, 36, 38, 0.1);
  box-shadow: none; }

.welcomeOffer .card-img-top {
  display: block;
  width: 100%;
  height: auto; }

.welcomeOffer .card-img-top:hover {
  filter: none !important;
  -webkit-filter: grayscale(0%) !important;
  -webkit-transition: all 1s;
  /* Safari */
  transition: all 1s; }

.welcomeOffer .card-title {
  font-size: 1.28571429em;
  font-weight: 700;
  line-height: 1.2857em; }

.welcomeOffer .card-text {
  clear: both;
  margin-top: .5em; }

.welcomeOffer .card-footer {
  display: flex;
  justify-content: flex-end;
  font-size: 1em;
  padding: .75em 1em; }

/*masonry*/
.fsModalScreener .modal-content {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0px; }

.stock-card-grid.small {
  padding-left: 0; }

.stock-card-grid-container {
  min-height: 400px;
  max-height: 385px;
  max-height: calc(100% - 200px);
  overflow: auto; }

.stock-card-grid li {
  display: inline-block;
  width: 200px;
  margin: 0 0 10px 10px; }

.masonry,
.masonry li {
  /* apply before masonry add class */
  position: absolute;
  /* important to add it before enter animation start */
  -webkit-transition-duration: .7s;
  transition-duration: .7s;
  -webkit-transition-property: all;
  transition-property: all; }

.masonry .masonry-enter {
  /* limit animated properties for entering elements */
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity; }

.masonry-enter,
.masonry-leave.masonry-leave-active {
  opacity: 0;
  -webkit-transform: scale(0.1);
  transform: scale(0.1); }

.masonry-leave,
.masonry-enter.masonry-enter-active {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

/*end masonry*/
.row-no-gutter {
  margin-right: 0;
  margin-left: 0; }

.row-no-gutter [class*="col-"] {
  padding-right: 0;
  padding-left: 0; }

#tradeOn .accountDetails {
  list-style: none;
  padding-left: 10px;
  margin-top: -15px; }

#tradeOn .accountDetails li.account-detail-item span {
  display: block; }

#tradeOn .accountDetails li.account-detail-item .title {
  text-transform: uppercase;
  font-size: 12px; }

#tradeOn .accountDetails li.account-detail-item .value {
  font-size: 16px; }

#tradeOn .accountDetails li.account-detail-item {
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 30px;
  vertical-align: middle; }

.ui-grid-pinned-container-left .ui-grid-header-cell * .ui-grid-cell-contents, .ui-grid-header-cell {
  padding-right: 0px;
  padding-left: 3px; }

#stock-card {
  position: relative;
  width: calc(20% - 60px / 5);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding-left: 0; }

#stock-card.detail {
  height: 470px;
  width: 410px; }

#stock-card.small {
  width: 75px;
  text-align: center; }

#stock-card.small article {
  padding: 5px; }

#stock-card.small .price {
  font-size: 20px; }

#stock-card.small .changeToday {
  font-size: 14px; }

.customIOSbuttons .btn-default {
  background-color: transparent; }

#stock-card .card-main {
  position: relative;
  overflow: hidden;
  min-height: 200px; }

#stock-card article {
  position: relative;
  z-index: 2;
  padding: 20px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }

#stock-card .info .ticker,
#stock-card .stock-name {
  font-size: 24px;
  font-weight: 200;
  position: relative;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto; }

#stock-card .ticker span {
  font-size: 13px;
  font-weight: bold;
  text-transform: lowercase;
  text-align: left; }

#stock-card .stock-name {
  font-size: 15px;
  text-transform: uppercase;
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.stock-ivRank {
  font-size: 27px;
  display: block;
  position: absolute;
  right: 10px;
  top: 32px;
  border: 2px solid;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  font-weight: bold;
  padding: 0px;
  text-align: center; }
  .stock-ivRank .name {
    font-size: 9px;
    margin-top: -7px;
    display: block; }
    @media (max-width: 480px) {
      .stock-ivRank .name {
        white-space: nowrap;
        margin-top: 5px; } }
  @media (max-width: 992px) {
    .stock-ivRank {
      top: 5px; } }
  @media (max-width: 480px) {
    .stock-ivRank {
      font-size: 21px;
      width: 35px;
      height: 35px; } }

#stock-card .price {
  font-size: 43px;
  display: block;
  position: relative;
  font-weight: bold;
  margin-bottom: 10px; }

#stock-card .changeToday {
  font-size: 16px;
  display: block;
  position: relative; }

#stock-card .city-selected:hover figure {
  opacity: 0.4; }

#stock-card .day-change-container {
  padding: 5px; }

#stock-card figure {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-position: center;
  background-size: cover;
  opacity: 0.1;
  z-index: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

#stock-card .days .row [class*="col-"] .day {
  border-width: 0 1px 0 1px;
  border-style: solid; }

#stock-card .days .row [class*="col-"] {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

#stock-card .day {
  text-align: center; }

#stock-card .absolute-change {
  font-size: 14px;
  text-align: right; }

#stock-card .icon-container {
  float: left;
  padding-top: 10px; }

#stock-card .percentage-change {
  font-size: 12px;
  text-align: right; }

#stock-card .day h1 {
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 5px; }

#stock-card .day svg {
  width: 32px;
  height: 32px; }

#stock-card .detail-container {
  margin-top: 8px; }

#stock-card .card-back {
  position: relative;
  overflow: hidden;
  height: 190px; }

#stock-card .stock-stats .title {
  text-transform: uppercase;
  display: block;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

#stock-card .stock-stats .content {
  font-size: 13px;
  display: block;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.stock-card-grid {
  padding-left: 0; }

@media (max-width: 1200px) {
  #stock-card {
    width: calc(25% - 50px / 4); } }

@media (max-width: 768px) {
  .stock-card-grid {
    padding-left: 0; }
  #stock-card {
    width: calc(33% - 10px); }
  #stock-card.detail {
    max-width: 100%;
    margin-left: 0; }
  #stock-card.detail .detail-container {
    overflow: hidden; } }

@media (max-width: 480px) {
  #stock-card {
    width: calc(50% - 15px); }
    #stock-card .price {
      font-size: 30px; }
    #stock-card .ticker {
      font-size: 19px; } }

#strategy #stock-card {
  width: 270px; }

/* ==============================QUIZ
   ============================== */
.quizOptions .left-hand {
  padding: 50px;
  min-height: calc( 100vh - 114px);
  width: calc( 100% - 270px);
  float: left; }
  .quizOptions .left-hand img {
    max-width: 675px; }
  @media (max-width: 767px) {
    .quizOptions .left-hand {
      width: 100%;
      padding: 25px; }
      .quizOptions .left-hand h2 {
        font-size: 13px;
        line-height: 6px;
        font-weight: 400; }
      .quizOptions .left-hand img {
        max-width: 100%; }
      .quizOptions .left-hand .optionQuestion {
        line-height: 28px;
        font-size: 12px; }
      .quizOptions .left-hand ol li {
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 0px;
        vertical-align: middle; }
      .quizOptions .left-hand ol li i {
        font-size: 30px; }
      .quizOptions .left-hand ol > li:before {
        font-size: 19px;
        top: -6px;
        left: 22px; } }

/*CSS FOR GAME*/
.useful-links-container .quizHandyHelper .content {
  padding-top: 5px;
  padding-bottom: 5px; }

.useful-links-container .quizHandyHelper p {
  padding: 0 15px 10px 15px; }

/*END CSS FOR GAME*/
/*Acc Open*/
.acc-open {
  padding: 15px;
  text-align: center; }

.acc-open .title {
  font-size: 20px;
  font-weight: 500;
  position: relative;
  top: -18px;
  padding: 7px 15px;
  border-radius: 0;
  line-height: 29px;
  text-transform: uppercase; }

.acc-open:hover .title {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.acc-open .sub-title {
  padding: 6px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 20px; }

.acc-open .inner-box {
  height: 80px;
  position: relative;
  border-radius: 15px; }

.accOpenModal .reqList {
  list-style: none;
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 12px;
  padding-right: 15px; }

.accOpenModal .reqList li {
  padding-top: 10px;
  padding-left: 10px; }

.accOpenModal .timeline-title {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600; }

.accOpenModal .reqList li:before {
  font-family: "icomoon";
  content: "\E90E";
  position: absolute;
  left: 45px; }

@media (max-width: 767px) {
  .accOpenCompanies h1 {
    font-size: 25px; }
  .accOpenCompanies .tradeOnLogo {
    height: 124px;
    padding-bottom: 10px;
    padding-top: 20px; } }

@media (min-width: 768px) {
  .accOpenCompanies {
    margin-top: 100px; } }

.carousel-landing .slick-slider {
  margin: 0 40px; }

.carousel-landing .slick-track {
  display: table !important; }

.carousel-landing .slick-slide {
  display: table-cell !important;
  vertical-align: middle; }

.carousel-landing .slide {
  padding: 0 40px; }

.carousel-landing .slick-prev:before {
  content: "\F104"; }

.carousel-landing .slick-next:before {
  content: "\F105"; }

.carousel-landing .slick-prev:before,
.carousel-landing .slick-next:before {
  font-family: "Icomoon";
  font-size: 55px;
  line-height: 1;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.carousel-landing .slick-dots li button:before {
  font-family: "Icomoon";
  font-size: 20px;
  content: "\E90F"; }

.carousel-landing p {
  font-size: 12px;
  line-height: 24px;
  text-align: left; }

.summary-boxes .widget {
  text-align: center; }

.summary-boxes .title {
  display: block;
  font-size: 25px; }

.summary-boxes .value {
  display: block;
  font-size: 30px;
  padding: 30px 0 15px 0; }

.summary-boxes .sub-title {
  display: block;
  font-size: 20px; }

.summary-boxes .sub-value {
  display: block;
  font-size: 19px; }

.summary-boxes .widget {
  padding: 0; }

.summary-boxes .widget-content .widget-container {
  padding: 15px 30px; }

.sendReview {
  position: fixed;
  top: 100vh;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 10px 20px 10px;
  z-index: 100;
  -webkit-transition: all 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.7s cubic-bezier(0.25, 0.8, 0.25, 1); }
  @media (max-width: 768px) {
    .sendReview {
      padding: 10px; } }
  .sendReview.open {
    top: initial;
    bottom: 54px; }
  .sendReview .table-responsive {
    border: 1px solid transparent; }

.has-sidebar .sendReview {
  left: 60px; }

.app-content.open .sendReview {
  left: 250px; }

.strategies {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 5px;
  position: relative; }
  .strategies .strategies-container {
    padding: 5px;
    height: 100%; }
    .strategies .strategies-container .overview .content {
      text-transform: uppercase; }
    .strategies .strategies-container .overview .detail {
      text-transform: uppercase; }
    .strategies .strategies-container .grid-header {
      margin-top: 0;
      font-size: 17px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .strategies .strategies-container .list-header {
      margin-top: 0;
      font-size: 15px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: calc(100% - 70px); }
  .strategies .round-checkbox {
    position: absolute;
    top: -5px;
    right: 15px; }

/*CHARTING*/
@media (min-width: 768px) {
  .modal-drawing-tools {
    width: 20px; } }

.strategies-container .table.smallGrid > tbody > tr > td, .strategies-container .table.smallGrid > tbody > tr > th, .strategies-container .table.smallGrid > tfoot > tr > td, .strategies-container .table.smallGrid > tfoot > tr > th, .strategies-container .table.smallGrid > thead > tr > td, .strategies-container .table.smallGrid > thead > tr > th {
  line-height: 0.5; }

.footer-order {
  bottom: 75px;
  top: inherit !important; }

.TRADEON {
  /*INTRO WIZARD*/
  /** Bootstrap overrides */ }
  .TRADEON .full-width-header, .TRADEON .half-width-header {
    background: #294C73;
    background: -webkit-gradient(linear, left top, left bottom, from(#294C73), to(#1C2C38));
    background: -moz-linear-gradient(top, #294C73, #1C2C38);
    background: -o-linear-gradient(top, #294C73, #1C2C38); }
  .TRADEON .navbar {
    background: #11516D;
    border: 0;
    font-size: larger; }
  .TRADEON .navbar a:hover {
    text-decoration: none; }
  .TRADEON .page-sidebar .sidebar-header {
    background-color: #1A2E4F;
    border-bottom: 1px solid #1A2E4F; }
  .TRADEON .sidebar-header {
    background-color: #1A2E4F;
    border-bottom: 1px solid #1A2E4F; }
  .TRADEON .link-primary,
  .TRADEON .link-primary i {
    color: #3B6597; }
  .TRADEON .link-primary:hover,
  .TRADEON .link-primary:focus,
  .TRADEON .link-primary:active {
    color: #429DCC;
    text-decoration: none; }
  .TRADEON .btn-info {
    color: #fff;
    background-color: #E85355;
    border-color: #E85355; }
  .TRADEON .btn-info:focus,
  .TRADEON .btn-info.focus {
    color: #fff;
    background-color: #E85355;
    border-color: #E85355; }
  .TRADEON .btn-info:hover {
    color: #fff;
    background-color: #b94244;
    border-color: #b94244;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .TRADEON .btn-info:active,
  .TRADEON .btn-info.active,
  .TRADEON .open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #b94244;
    border-color: #b94244; }
  .TRADEON .btn-info:active:hover,
  .TRADEON .btn-info.active:hover,
  .TRADEON .open > .dropdown-toggle.btn-info:hover,
  .TRADEON .btn-info:active:focus,
  .TRADEON .btn-info.active:focus,
  .TRADEON .open > .dropdown-toggle.btn-info:focus,
  .TRADEON .btn-info:active.focus,
  .TRADEON .btn-info.active.focus,
  .TRADEON .open > .dropdown-toggle.btn-info.focus {
    color: #fff;
    background-color: #E76100;
    border-color: #E76100; }
  .TRADEON .btn-info:active,
  .TRADEON .btn-info.active,
  .TRADEON .open > .dropdown-toggle.btn-info {
    background-image: none; }
  .TRADEON .btn-info.disabled, .TRADEON .btn-info.disabled.active, .TRADEON .btn-info.disabled.focus, .TRADEON .btn-info.disabled:active, .TRADEON .btn-info.disabled:focus, .TRADEON .btn-info.disabled:hover, .TRADEON .btn-info[disabled], .TRADEON .btn-info[disabled].active, .TRADEON .btn-info[disabled].focus, .TRADEON .btn-info[disabled]:active, .TRADEON .btn-info[disabled]:focus, .TRADEON .btn-info[disabled]:hover, .TRADEON fieldset[disabled] .btn-info, .TRADEON fieldset[disabled] .btn-info.active, .TRADEON fieldset[disabled] .btn-info.focus, .TRADEON fieldset[disabled] .btn-info:active, .TRADEON fieldset[disabled] .btn-info:focus, .TRADEON fieldset[disabled] .btn-info:hover {
    background-color: #E85355;
    border-color: #E85355; }
  .TRADEON .btn-info.disabled:hover,
  .TRADEON .btn-info[disabled]:hover,
  .TRADEON fieldset[disabled] .btn-info:hover,
  .TRADEON .btn-info.disabled:focus,
  .TRADEON .btn-info[disabled]:focus,
  .TRADEON fieldset[disabled] .btn-info:focus,
  .TRADEON .btn-info.disabled.focus,
  .TRADEON .btn-info[disabled].focus,
  .TRADEON fieldset[disabled] .btn-info.focus {
    background-color: #E85355;
    border-color: #E85355; }
  .TRADEON .btn-success {
    color: #fff;
    background-color: #78A300;
    border-color: #78A300; }
  .TRADEON .btn-success:focus,
  .TRADEON .btn-success.focus {
    color: #fff;
    background-color: #78A300;
    border-color: #78A300; }
  .TRADEON .btn-success:hover {
    color: #fff;
    background-color: #6c9400;
    border-color: #6c9400;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .TRADEON .btn-grey {
    color: #fff;
    background-color: #a7a7a7;
    border-color: #a7a7a7; }
  .TRADEON .btn-grey:focus,
  .TRADEON .btn-grey.focus {
    color: #fff;
    background-color: #a7a7a7;
    border-color: #a7a7a7; }
  .TRADEON .btn-grey:hover {
    color: #fff;
    background-color: #8e8e8e;
    border-color: #8e8e8e;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .TRADEON #tradeonPortfolio .strategies .overview .content {
    color: grey;
    text-transform: uppercase; }
  .TRADEON #tradeonPortfolio .strategies .overview .detail {
    font-family: 'Dosis';
    font-size: 20px;
    margin-bottom: 10px;
    text-transform: uppercase; }

.GAME {
  /*INTRO WIZARD*/
  /** Bootstrap overrides */ }
  .GAME .full-width-header, .GAME .half-width-header {
    background: #294C73;
    background: -webkit-gradient(linear, left top, left bottom, from(#294C73), to(#1C2C38));
    background: -moz-linear-gradient(top, #294C73, #1C2C38);
    background: -o-linear-gradient(top, #294C73, #1C2C38); }
  .GAME .navbar {
    background: #294C73;
    border: 0;
    font-size: larger; }
  .GAME .navbar a:hover {
    text-decoration: none; }
  .GAME .btn-action {
    color: #fff;
    background-color: #E85355;
    border-color: #E85355; }
  .GAME .btn-action:focus,
  .GAME .btn-action.focus {
    color: #fff;
    background-color: #E85355;
    border-color: #E85355; }
  .GAME .btn-action:hover {
    color: #fff;
    background-color: #b94244;
    border-color: #b94244;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .GAME .btn-action:active,
  .GAME .btn-action.active,
  .GAME .open > .dropdown-toggle.btn-action {
    color: #fff;
    background-color: #E76100;
    border-color: #E76100; }
  .GAME .btn-action:active:hover,
  .GAME .btn-action.active:hover,
  .GAME .open > .dropdown-toggle.btn-action:hover,
  .GAME .btn-action:active:focus,
  .GAME .btn-action.active:focus,
  .GAME .open > .dropdown-toggle.btn-action:focus,
  .GAME .btn-action:active.focus,
  .GAME .btn-action.active.focus,
  .GAME .open > .dropdown-toggle.btn-action.focus {
    color: #fff;
    background-color: #E76100;
    border-color: #E76100; }
  .GAME .btn-action:active,
  .GAME .btn-action.active,
  .GAME .open > .dropdown-toggle.btn-action {
    background-image: none; }
  .GAME .btn-action.disabled, .GAME .btn-action.disabled.active, .GAME .btn-action.disabled.focus, .GAME .btn-action.disabled:active, .GAME .btn-action.disabled:focus, .GAME .btn-action.disabled:hover, .GAME .btn-action[disabled], .GAME .btn-action[disabled].active, .GAME .btn-action[disabled].focus, .GAME .btn-action[disabled]:active, .GAME .btn-action[disabled]:focus, .GAME .btn-action[disabled]:hover, .GAME fieldset[disabled] .btn-action, .GAME fieldset[disabled] .btn-action.active, .GAME fieldset[disabled] .btn-action.focus, .GAME fieldset[disabled] .btn-action:active, .GAME fieldset[disabled] .btn-action:focus, .GAME fieldset[disabled] .btn-action:hover {
    background-color: rgba(231, 97, 0, 0.8);
    border-color: rgba(231, 97, 0, 0.8); }
  .GAME .btn-action.disabled:hover,
  .GAME .btn-action[disabled]:hover,
  .GAME fieldset[disabled] .btn-action:hover,
  .GAME .btn-action.disabled:focus,
  .GAME .btn-action[disabled]:focus,
  .GAME fieldset[disabled] .btn-action:focus,
  .GAME .btn-action.disabled.focus,
  .GAME .btn-action[disabled].focus,
  .GAME fieldset[disabled] .btn-action.focus {
    background-color: rgba(231, 97, 0, 0.8);
    border-color: rgba(231, 97, 0, 0.8); }
  .GAME .popover {
    z-index: 9999; }

.NEWCASTLE {
  /*INTRO WIZARD*/
  /** Bootstrap overrides */ }
  .NEWCASTLE .full-width-header, .NEWCASTLE .half-width-header {
    background: #000000;
    background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#7d7d7c));
    background: -moz-linear-gradient(top, #000000, #7d7d7c);
    background: -o-linear-gradient(top, #000000, #7d7d7c); }
  .NEWCASTLE .navbar {
    background: #294C73;
    border: 0;
    font-size: larger; }
  .NEWCASTLE .navbar a:hover {
    text-decoration: none; }
  .NEWCASTLE .btn-action {
    color: #fff;
    background-color: #E85355;
    border-color: #E85355; }
  .NEWCASTLE .btn-action:focus,
  .NEWCASTLE .btn-action.focus {
    color: #fff;
    background-color: #E85355;
    border-color: #E85355; }
  .NEWCASTLE .btn-action:hover {
    color: #fff;
    background-color: #b94244;
    border-color: #b94244;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .NEWCASTLE .btn-action:active,
  .NEWCASTLE .btn-action.active,
  .NEWCASTLE .open > .dropdown-toggle.btn-action {
    color: #fff;
    background-color: #E76100;
    border-color: #E76100; }
  .NEWCASTLE .btn-action:active:hover,
  .NEWCASTLE .btn-action.active:hover,
  .NEWCASTLE .open > .dropdown-toggle.btn-action:hover,
  .NEWCASTLE .btn-action:active:focus,
  .NEWCASTLE .btn-action.active:focus,
  .NEWCASTLE .open > .dropdown-toggle.btn-action:focus,
  .NEWCASTLE .btn-action:active.focus,
  .NEWCASTLE .btn-action.active.focus,
  .NEWCASTLE .open > .dropdown-toggle.btn-action.focus {
    color: #fff;
    background-color: #E76100;
    border-color: #E76100; }
  .NEWCASTLE .btn-action:active,
  .NEWCASTLE .btn-action.active,
  .NEWCASTLE .open > .dropdown-toggle.btn-action {
    background-image: none; }
  .NEWCASTLE .btn-action.disabled, .NEWCASTLE .btn-action.disabled.active, .NEWCASTLE .btn-action.disabled.focus, .NEWCASTLE .btn-action.disabled:active, .NEWCASTLE .btn-action.disabled:focus, .NEWCASTLE .btn-action.disabled:hover, .NEWCASTLE .btn-action[disabled], .NEWCASTLE .btn-action[disabled].active, .NEWCASTLE .btn-action[disabled].focus, .NEWCASTLE .btn-action[disabled]:active, .NEWCASTLE .btn-action[disabled]:focus, .NEWCASTLE .btn-action[disabled]:hover, .NEWCASTLE fieldset[disabled] .btn-action, .NEWCASTLE fieldset[disabled] .btn-action.active, .NEWCASTLE fieldset[disabled] .btn-action.focus, .NEWCASTLE fieldset[disabled] .btn-action:active, .NEWCASTLE fieldset[disabled] .btn-action:focus, .NEWCASTLE fieldset[disabled] .btn-action:hover {
    background-color: rgba(231, 97, 0, 0.8);
    border-color: rgba(231, 97, 0, 0.8); }
  .NEWCASTLE .btn-action.disabled:hover,
  .NEWCASTLE .btn-action[disabled]:hover,
  .NEWCASTLE fieldset[disabled] .btn-action:hover,
  .NEWCASTLE .btn-action.disabled:focus,
  .NEWCASTLE .btn-action[disabled]:focus,
  .NEWCASTLE fieldset[disabled] .btn-action:focus,
  .NEWCASTLE .btn-action.disabled.focus,
  .NEWCASTLE .btn-action[disabled].focus,
  .NEWCASTLE fieldset[disabled] .btn-action.focus {
    background-color: rgba(231, 97, 0, 0.8);
    border-color: rgba(231, 97, 0, 0.8); }
  .NEWCASTLE .popover {
    z-index: 9999; }

.TC {
  /*INTRO WIZARD*/
  /** Bootstrap theme for navbar */ }
  .TC .full-width-header, .TC .half-width-header {
    background-color: #141e37; }
  .TC .navbar {
    background-color: #141e37;
    border: 0;
    font-size: larger; }
  .TC .navbar a:hover {
    text-decoration: none; }

/*
.TF {
    $background: map_get($theme, background);
    $text: map_get($theme, text);

    background: $background;
    color: $text;

    .panel,
    .ui-grid-top-panel,
    .ui-grid-footer-panel {
        background: $background;
        color: $text;
    }

    .ui-grid-row:nth-child(odd) .ui-grid-cell {
        background: $background;
        color: $text;
    }

    .ui-grid-row:nth-child(even) .ui-grid-cell,
    risk-row-detail .cbpl-column,
    .btn-default,
    tf-iq-chart .stx-btn-panel,
    tf-iq-chart .stx-panel-title {
        background: map_get($theme, alt-background);
        color: $text;
    }

    h1, h2, h3, h4, h5, h6 {
        color: $text;
    }

    risk-dashboard-notifications .notification .notification-text {
        color: $text;
    }
}
*/
.IV .navbar {
  background: #E04C2C;
  background: -webkit-gradient(linear, left top, left bottom, from(#E04C2C), to(#CA3E20));
  background: -moz-linear-gradient(top, #E04C2C, #CA3E20);
  background: -o-linear-gradient(top, #E04C2C, #CA3E20);
  border: 0;
  font-size: larger;
  /*border-bottom: 1px solid rgba(0, 0, 0, .3);*/
  /*box-shadow: -11px 12px 23px rgba(0, 0, 0, .1);*/ }

.IV .navbar a:hover {
  text-decoration: none; }

.IINVEST .navbar {
  background: #001e3c;
  border: 0;
  font-size: larger;
  /*border-bottom: 1px solid rgba(0, 0, 0, .3);*/
  /*box-shadow: -11px 12px 23px rgba(0, 0, 0, .1);*/ }

.IINVEST .navbar a:hover {
  text-decoration: none; }

.IINVEST .full-width-header, .IINVEST .half-width-header {
  background-color: #001e3c; }

@media screen and (max-width: 767px) {
  .IINVEST .full-width-header {
    width: 100%;
    padding: 10px;
    line-height: 50px; } }

@media screen and (min-width: 768px) {
  .IINVEST .full-width-header {
    width: 100%;
    padding: 100px; } }

@media screen and (max-width: 767px) {
  .IINVEST .half-width-header {
    display: none; } }

.dark.OPEN_TRADER {
  /*INTRO WIZARD*/
  font-family: "Nunito", "Helvetica", "Arial", "sans-serif"; }
  .dark.OPEN_TRADER .full-width-header,
  .dark.OPEN_TRADER .half-width-header {
    background-color: #27da62; }
  .dark.OPEN_TRADER h1,
  .dark.OPEN_TRADER h2,
  .dark.OPEN_TRADER h3,
  .dark.OPEN_TRADER h4,
  .dark.OPEN_TRADER h5,
  .dark.OPEN_TRADER h6 {
    font-family: "Nunito", "Helvetica", "Arial", "sans-serif"; }
  .dark.OPEN_TRADER .dropdown-menu {
    font-family: "Nunito", "Helvetica", "Arial", "sans-serif"; }
  .dark.OPEN_TRADER .modal-body,
  .dark.OPEN_TRADER label {
    font-family: "Nunito", "Helvetica", "Arial", "sans-serif"; }
  .dark.OPEN_TRADER tf-navigation-side-bar .menu-items li {
    font-family: "Nunito", "Helvetica", "Arial", "sans-serif"; }
  .dark.OPEN_TRADER tf-account-detail .account-detail-section .account-detail {
    font-family: "Nunito", "Helvetica", "Arial", "sans-serif"; }
  .dark.OPEN_TRADER #profile {
    font-family: "Nunito", "Helvetica", "Arial", "sans-serif" !important; }
  .dark.OPEN_TRADER #profile h1,
  .dark.OPEN_TRADER #profile h2,
  .dark.OPEN_TRADER #profile h3,
  .dark.OPEN_TRADER #profile h4,
  .dark.OPEN_TRADER #profile h5,
  .dark.OPEN_TRADER #profile h6,
  .dark.OPEN_TRADER #profile label {
    font-family: "Nunito", "Helvetica", "Arial", "sans-serif" !important; }
  .dark.OPEN_TRADER .socialHandle {
    font-family: "Nunito", "Helvetica", "Arial", "sans-serif"; }
  .dark.OPEN_TRADER .switch .switch-text {
    font-family: "Nunito", "Helvetica", "Arial", "sans-serif"; }
  .dark.OPEN_TRADER tf-dashboard-widget-container .widget-container-header .widget-title {
    font-size: 16px;
    font-weight: 600; }

.OPEN_TRADER {
  /*INTRO WIZARD*/
  font-family: "Nunito", "Helvetica", "Arial", "sans-serif"; }
  .OPEN_TRADER .full-width-header,
  .OPEN_TRADER .half-width-header {
    background-color: #27da62; }
  .OPEN_TRADER h1,
  .OPEN_TRADER h2,
  .OPEN_TRADER h3,
  .OPEN_TRADER h4,
  .OPEN_TRADER h5,
  .OPEN_TRADER h6 {
    font-family: "Nunito", "Helvetica", "Arial", "sans-serif"; }
  .OPEN_TRADER .dropdown-menu {
    font-family: "Nunito", "Helvetica", "Arial", "sans-serif"; }
  .OPEN_TRADER .modal-body,
  .OPEN_TRADER label {
    font-family: "Nunito", "Helvetica", "Arial", "sans-serif"; }
  .OPEN_TRADER tf-navigation-side-bar .menu-items li {
    font-family: "Nunito", "Helvetica", "Arial", "sans-serif"; }
  .OPEN_TRADER tf-account-detail .account-detail-section .account-detail {
    font-family: "Nunito", "Helvetica", "Arial", "sans-serif"; }
  .OPEN_TRADER #profile {
    font-family: "Nunito", "Helvetica", "Arial", "sans-serif" !important; }
  .OPEN_TRADER #profile h1,
  .OPEN_TRADER #profile h2,
  .OPEN_TRADER #profile h3,
  .OPEN_TRADER #profile h4,
  .OPEN_TRADER #profile h5,
  .OPEN_TRADER #profile h6,
  .OPEN_TRADER #profile label {
    font-family: "Nunito", "Helvetica", "Arial", "sans-serif" !important; }
  .OPEN_TRADER .socialHandle {
    font-family: "Nunito", "Helvetica", "Arial", "sans-serif"; }
  .OPEN_TRADER .switch .switch-text {
    font-family: "Nunito", "Helvetica", "Arial", "sans-serif"; }
  .OPEN_TRADER tf-dashboard-widget-container .widget-container-header .widget-title {
    font-size: 16px;
    font-weight: 600; }

.dark.BELLMONT {
  /*INTRO WIZARD*/ }
  .dark.BELLMONT .full-width-header, .dark.BELLMONT .half-width-header {
    background-color: #0F1110; }

.BELLMONT {
  /*INTRO WIZARD*/ }
  .BELLMONT .full-width-header, .BELLMONT .half-width-header {
    background-color: #0F1110; }

.dark.FUTURE_ASSIST {
  /*INTRO WIZARD*/ }
  .dark.FUTURE_ASSIST .full-width-header, .dark.FUTURE_ASSIST .half-width-header {
    background-color: #f47a20; }

.FUTURE_ASSIST {
  /*INTRO WIZARD*/ }
  .FUTURE_ASSIST .full-width-header, .FUTURE_ASSIST .half-width-header {
    background-color: #f47a20; }

.dark.OPEN_MARKETS {
  /*INTRO WIZARD*/
  font-family: "Segoe", "Noto Sans", "Arial", "sans-serif"; }
  .dark.OPEN_MARKETS .full-width-header, .dark.OPEN_MARKETS .half-width-header {
    background-color: #b60065; }
  .dark.OPEN_MARKETS h1,
  .dark.OPEN_MARKETS h2,
  .dark.OPEN_MARKETS h3,
  .dark.OPEN_MARKETS h4,
  .dark.OPEN_MARKETS h5,
  .dark.OPEN_MARKETS h6 {
    font-family: "Segoe", "Noto Sans", "Arial", "sans-serif"; }
  .dark.OPEN_MARKETS .dropdown-menu {
    font-family: "Segoe", "Noto Sans", "Arial", "sans-serif"; }
  .dark.OPEN_MARKETS .modal-body,
  .dark.OPEN_MARKETS label {
    font-family: "Segoe", "Noto Sans", "Arial", "sans-serif"; }
  .dark.OPEN_MARKETS tf-navigation-side-bar .menu-items li {
    font-family: "Segoe", "Noto Sans", "Arial", "sans-serif"; }
  .dark.OPEN_MARKETS tf-account-detail .account-detail-section .account-detail {
    font-family: "Segoe", "Noto Sans", "Arial", "sans-serif"; }
  .dark.OPEN_MARKETS #profile {
    font-family: "Segoe", "Noto Sans", "Arial", "sans-serif" !important; }
  .dark.OPEN_MARKETS #profile h1,
  .dark.OPEN_MARKETS #profile h2,
  .dark.OPEN_MARKETS #profile h3,
  .dark.OPEN_MARKETS #profile h4,
  .dark.OPEN_MARKETS #profile h5,
  .dark.OPEN_MARKETS #profile h6,
  .dark.OPEN_MARKETS #profile label {
    font-family: "Segoe", "Noto Sans", "Arial", "sans-serif" !important; }
  .dark.OPEN_MARKETS .socialHandle {
    font-family: "Segoe", "Noto Sans", "Arial", "sans-serif"; }
  .dark.OPEN_MARKETS .switch .switch-text {
    font-family: "Segoe", "Noto Sans", "Arial", "sans-serif"; }
  .dark.OPEN_MARKETS tf-dashboard-widget-container .widget-container-header .widget-title {
    font-size: 16px;
    font-weight: 600; }

.OPEN_MARKETS {
  /*INTRO WIZARD*/
  font-family: "Segoe", "Noto Sans", "Arial", "sans-serif"; }
  .OPEN_MARKETS .full-width-header, .OPEN_MARKETS .half-width-header {
    background-color: #b60065; }
  .OPEN_MARKETS h1,
  .OPEN_MARKETS h2,
  .OPEN_MARKETS h3,
  .OPEN_MARKETS h4,
  .OPEN_MARKETS h5,
  .OPEN_MARKETS h6 {
    font-family: "Segoe", "Noto Sans", "Arial", "sans-serif"; }
  .OPEN_MARKETS .dropdown-menu {
    font-family: "Segoe", "Noto Sans", "Arial", "sans-serif"; }
  .OPEN_MARKETS .modal-body,
  .OPEN_MARKETS label {
    font-family: "Segoe", "Noto Sans", "Arial", "sans-serif"; }
  .OPEN_MARKETS tf-navigation-side-bar .menu-items li {
    font-family: "Segoe", "Noto Sans", "Arial", "sans-serif"; }
  .OPEN_MARKETS tf-account-detail .account-detail-section .account-detail {
    font-family: "Segoe", "Noto Sans", "Arial", "sans-serif"; }
  .OPEN_MARKETS #profile {
    font-family: "Segoe", "Noto Sans", "Arial", "sans-serif" !important; }
  .OPEN_MARKETS #profile h1,
  .OPEN_MARKETS #profile h2,
  .OPEN_MARKETS #profile h3,
  .OPEN_MARKETS #profile h4,
  .OPEN_MARKETS #profile h5,
  .OPEN_MARKETS #profile h6,
  .OPEN_MARKETS #profile label {
    font-family: "Segoe", "Noto Sans", "Arial", "sans-serif" !important; }
  .OPEN_MARKETS .socialHandle {
    font-family: "Segoe", "Noto Sans", "Arial", "sans-serif"; }
  .OPEN_MARKETS .switch .switch-text {
    font-family: "Segoe", "Noto Sans", "Arial", "sans-serif"; }
  .OPEN_MARKETS tf-dashboard-widget-container .widget-container-header .widget-title {
    font-size: 16px;
    font-weight: 600; }

.dark.MAQRO {
  /*INTRO WIZARD*/ }
  .dark.MAQRO .full-width-header, .dark.MAQRO .half-width-header {
    background-color: #001c41; }

.MAQRO {
  /*INTRO WIZARD*/ }
  .MAQRO .full-width-header, .MAQRO .half-width-header {
    background-color: #001c41; }

.dark.WAIMAK {
  /*INTRO WIZARD*/ }
  .dark.WAIMAK .full-width-header, .dark.WAIMAK .half-width-header {
    background-color: white;
    color: #333333; }
    .dark.WAIMAK .full-width-header h2, .dark.WAIMAK .full-width-header h3, .dark.WAIMAK .half-width-header h2, .dark.WAIMAK .half-width-header h3 {
      color: #333333; }
  .dark.WAIMAK .btn-proceed {
    background: #b5ba84;
    color: white; }
    .dark.WAIMAK .btn-proceed:active, .dark.WAIMAK .btn-proceed:focus {
      color: white; }

.WAIMAK {
  /*INTRO WIZARD*/ }
  .WAIMAK .full-width-header, .WAIMAK .half-width-header {
    background-color: white;
    color: #333333; }
    .WAIMAK .full-width-header h2, .WAIMAK .full-width-header h3, .WAIMAK .half-width-header h2, .WAIMAK .half-width-header h3 {
      color: #333333; }
  .WAIMAK .btn-proceed {
    background: #b5ba84;
    color: white; }
    .WAIMAK .btn-proceed:active, .WAIMAK .btn-proceed:focus {
      color: white; }

.dark.SUUBEE {
  /*INTRO WIZARD*/ }
  .dark.SUUBEE .full-width-header, .dark.SUUBEE .half-width-header {
    background-color: #F0F1F1;
    color: #333333; }
    .dark.SUUBEE .full-width-header h2, .dark.SUUBEE .full-width-header h3, .dark.SUUBEE .half-width-header h2, .dark.SUUBEE .half-width-header h3 {
      color: #333333; }
  .dark.SUUBEE .btn-proceed {
    background: #111C27;
    color: #F0F1F1; }
    .dark.SUUBEE .btn-proceed:active, .dark.SUUBEE .btn-proceed:focus {
      color: #F0F1F1; }

.SUUBEE {
  /*INTRO WIZARD*/ }
  .SUUBEE .full-width-header, .SUUBEE .half-width-header {
    background-color: #F0F1F1;
    color: #333333; }
    .SUUBEE .full-width-header h2, .SUUBEE .full-width-header h3, .SUUBEE .half-width-header h2, .SUUBEE .half-width-header h3 {
      color: #333333; }
  .SUUBEE .btn-proceed {
    background: #111C27;
    color: #F0F1F1; }
    .SUUBEE .btn-proceed:active, .SUUBEE .btn-proceed:focus {
      color: #F0F1F1; }

.dark.ALLFIN {
  /*INTRO WIZARD*/ }
  .dark.ALLFIN .full-width-header, .dark.ALLFIN .half-width-header {
    background-color: #323576; }

.ALLFIN {
  /*INTRO WIZARD*/ }
  .ALLFIN .full-width-header, .ALLFIN .half-width-header {
    background-color: #323576; }
  .ALLFIN .tf-navigation-top-bar {
    background: white; }

.dark.LIQUIDITY {
  /*INTRO WIZARD*/ }
  .dark.LIQUIDITY .full-width-header, .dark.LIQUIDITY .half-width-header {
    background-color: #F8FAFC;
    color: #333333; }
    .dark.LIQUIDITY .full-width-header h2, .dark.LIQUIDITY .full-width-header h3, .dark.LIQUIDITY .half-width-header h2, .dark.LIQUIDITY .half-width-header h3 {
      color: #333333; }

.LIQUIDITY {
  /*INTRO WIZARD*/ }
  .LIQUIDITY .full-width-header, .LIQUIDITY .half-width-header {
    background-color: #F8FAFC;
    color: #333333; }
    .LIQUIDITY .full-width-header h2, .LIQUIDITY .full-width-header h3, .LIQUIDITY .half-width-header h2, .LIQUIDITY .half-width-header h3 {
      color: #333333; }

.modal-content {
  transform: translateZ(0); }

.modal-backdrop.in {
  opacity: 0.1; }

.list-group-item:first-child {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

/* Stop the menus from being taller than the screen */
.dropdown-menu {
  max-height: 75vh;
  overflow-y: auto; }

.dropdown-menu > li > a {
  padding: 3px 10px; }

.progress {
  margin-bottom: 0; }

.table-responsive {
  border: none; }

/*UI GRID ui-grid*/
@media screen and (max-width: 850px) {
  .back .table-responsive {
    border: none;
    padding: 0 !important; } }

.ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
  border-right: 1px transparent; }

/*Custom styling of column chooser*/
.ui-grid-menu-button {
  top: -56px;
  border: none; }

.ui-grid-menu .ui-grid-menu-inner {
  border: none !important;
  position: relative;
  white-space: nowrap;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  display: block;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-stretch: normal;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important; }

.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {
  display: none; }

.ui-grid-menu .ui-grid-menu-inner ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.ui-grid-menu .ui-grid-menu-inner ul li {
  cursor: pointer; }

.ui-grid-menu .ui-grid-menu-inner ul li:hover {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important; }

.ui-grid-menu .ui-grid-menu-inner ul li.ui-grid-menu-item-active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.ui-grid-icon-indent-right:before {
  font-family: 'FontAwesome';
  content: '\F0C1'; }

.ui-grid-icon-indent-left:before {
  font-family: 'FontAwesome';
  content: '\F127'; }

.ui-grid-menu .ui-grid-menu-inner ul li button:hover, .ui-grid-menu .ui-grid-menu-inner ul li button:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) {
  /*border-bottom: 1px solid #d4d4d4;*/ }

.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item-active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.ui-grid-footer-panel {
  font-weight: 500;
  font-size: 14px;
  font-family: "Open Sans";
  letter-spacing: 0.7px; }

/* Custom styling of moveable columns */
.movingColumn {
  opacity: 0.9;
  box-shadow: none; }

/* Custom styling to undo max height set */
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
  overflow-y: auto;
  max-height: none; }

/* Fix for UI grid re-creating contents of elements in cell contents */
div.ui-grid-cell-contents .progress .progress-bar {
  transition: initial;
  -webkit-transition: initial;
  -o-transition: initial; }

.optnchain * .ui-grid-cell-focus {
  background: inherit; }

.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  width: 0; }

.ui-grid-cell {
  border-right: 1px transparent; }

.ui-grid-footer-panel {
  border-bottom: none; }

.ui-grid-footer-cell {
  border-right: 0; }

.ui-grid-filter-container {
  padding: 0 4px;
  top: -3px; }

.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
  position: absolute;
  top: 56%;
  line-height: 30px;
  margin-top: -16px;
  right: 4px;
  opacity: 0.66;
  font-size: 12px; }

/* Fix for moving the menu out of the header */
.ui-grid-column-menu-button-last-col {
  margin-right: 0; }

.ui-grid-column-menu-button-last-col .ui-grid-icon-angle-down {
  margin-right: -18px; }

.ui-grid-top-panel {
  font-size: 13px;
  font-kerning: auto;
  font-stretch: condensed;
  font-style: normal;
  font-variant: small-caps;
  font-variant-ligatures: normal;
  font-weight: normal; }

/* Make table actions appear on row hover */
/* We should be using visibility only as the display change causes it to reflow elements */
div.ui-grid-row:hover div.ui-grid-cell-contents a.hiddenTouch,
tr:hover td .hiddenTouch,
tr:hover td .hiddenMobile {
  visibility: visible !important; }

div.ui-grid-row:hover div.ui-grid-cell-contents i.fav.off {
  opacity: 0.5;
  transition: opacity 0.5s linear; }

.ui-grid-cell.gridNumber,
.ui-grid-footer-cell.gridNumber,
.inputNumber,
.ui-grid-cell.gridDate,
.ui-grid-footer-cell.gridDate {
  text-align: right; }

.ui-grid-header-cell * .ui-grid-cell-contents,
.ui-grid-header-cell {
  padding-right: 5px;
  padding-left: 9px; }

.ui-grid-canvas {
  font-size: 13px; }

.ui-grid-footer-panel {
  font-size: 13px; }

.ui-grid-column-menu-button {
  right: -6px; }

/* Hack to remove ellipsis when there is no content (IE11+) */
.gridNoOverflow * .ui-grid-cell-contents {
  text-overflow: clip !important;
  -ms-text-overflow: clip !important;
  -o-text-overflow: clip !important; }

.ui-grid-icon-up-dir,
.ui-grid-icon-blank,
.ui-grid-icon-down-dir {
  float: left;
  position: absolute;
  left: -4px;
  top: 5px; }

.ciq-chart-area {
  background: inherit; }

.ciq-chart {
  box-shadow: none; }

.stx-ico-handle.handleTemplate::before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  width: 25px;
  background: grey;
  content: ""; }

.stx-ico-handle.handleTemplate::after {
  display: block;
  position: absolute;
  top: 4px;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  width: 25px;
  background: grey;
  content: ""; }

.charting-layout .layout-button {
  box-sizing: border-box;
  width: 65px;
  float: left;
  height: 75px;
  border: 1px solid transparent;
  cursor: pointer; }

.charting-layout .layout-button svg {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0; }

.charting-layout .layout-button.active svg {
  fill: #5ec6e8; }

.chart-row-full-h {
  height: 100%; }

.chart-row-half-h {
  height: 50%; }

.chart-row-third-h {
  height: 33%; }

.chart-widget-wrap {
  height: 100%; }
  .chart-widget-wrap .widget {
    height: 100%;
    padding: 10px;
    margin: 0; }
    .chart-widget-wrap .widget tf-stx-chart {
      height: 100%; }

#chartContainer {
  height: 100%; }

.toolbar-on #chartContainer {
  height: calc(100% - 40px); }

.ciq-chart-area {
  bottom: 0; }

.position-description-cell {
  position: relative;
  height: 30px; }
  .position-description-cell .position-controls {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 2000px;
    color: white;
    font-size: 20px;
    visibility: hidden;
    opacity: 0;
    background-color: #294c73;
    -webkit-transition: visibility 0s, opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: visibility 0s, opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
    .position-description-cell .position-controls.opacity1 {
      visibility: visible;
      opacity: 1; }
    .position-description-cell .position-controls .add-btn-name {
      text-transform: uppercase;
      font-size: 15px;
      margin-top: 0;
      height: 100%;
      font-weight: 300;
      letter-spacing: 0.6px;
      top: -3px;
      position: relative; }
    .position-description-cell .position-controls .btn-clear {
      -webkit-transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
      transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
      .position-description-cell .position-controls .btn-clear:hover {
        background-color: #05203E; }

.ui-grid-cell {
  overflow: inherit; }

#game p, #game h1, #game h2, #game h3, #game h4, #game h5, #game h6 {
  font-family: 'Poppins', sans-serif; }

.direction {
  padding-right: 4px;
  position: relative;
  top: 1px; }

.portfolioValue {
  font-family: "open sans", "helvetica", sans-serif;
  color: #A0A0A0;
  letter-spacing: 1px; }

.portfolioValue i {
  font-size: 18px !important;
  line-height: 9px; }

.list-group-item {
  padding: 10px; }

.list-group-item:hover {
  background-color: #f1f3f5; }

.list-group-item .leaderRank {
  line-height: 49px;
  font-size: 34px;
  font-family: "caviar dreams", "helvetica", sans-serif;
  color: rgba(173, 49, 22, 0.67); }

.panel-default {
  border: none; }

.leaguesOptnContainer {
  list-style: none;
  padding-left: 0; }
  .leaguesOptnContainer li {
    line-height: 42px;
    margin-bottom: 15px; }
  .leaguesOptnContainer .leagueOptnNumber {
    margin: 0;
    padding: 0;
    float: left;
    width: 45px;
    height: 45px;
    background: transparent;
    border-radius: 23px;
    border: 2px solid #00529c;
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    text-align: center;
    box-sizing: border-box;
    color: #00529c; }
  .leaguesOptnContainer .league-text-container {
    margin-left: 60px; }
  .leaguesOptnContainer .league-text {
    font-size: 15px;
    font-family: 'Open Sans','Arial',sans-serif;
    text-transform: uppercase;
    line-height: 1.2; }

#createNewLeague label {
  font-family: 'Montserrat', sans-serif;
  color: #31404b;
  font-size: 11px;
  text-transform: uppercase;
  margin-bottom: 9px; }

.leaderboard .ranking {
  font-size: 35px;
  line-height: 37px;
  text-transform: lowercase; }

.leaderboard .label-bottom {
  font-size: 30px;
  color: rgba(173, 49, 22, 0.67); }

.leaderboard .label-top .rankValue {
  font-size: 15px; }

#game-banner .table-list {
  color: #969696;
  text-transform: uppercase; }

.game-banner .label-top {
  display: block;
  text-transform: uppercase;
  line-height: 30px;
  color: #969696; }

.game-banner .note {
  margin-left: -6px;
  vertical-align: 15px;
  font-size: 15px;
  text-transform: uppercase; }

.commentWrapper .editable {
  background-color: white;
  padding: .2em;
  font-size: 12px;
  width: 9999em;
  left: 0;
  top: 0;
  margin-left: 32px; }

.commentWrapper .editable[contenteditable] {
  cursor: text;
  -webkit-transition: padding .3s,background .3s;
  transition: padding .3s,background .3s; }

.commentWrapper .editable[contenteditable]:hover,
.commentWrapper .editable[contenteditable]:focus {
  background: #fff;
  padding-left: .5em;
  padding-right: .5em; }

.commentWrapper .editable[contenteditable]:hover {
  box-shadow: inset 0 -2px #bbb; }

.commentWrapper .editable[contenteditable]:hover:after,
.commentWrapper .editable[contenteditable]:focus:after {
  font-family: "Icomoon";
  content: "\E905";
  color: #449fdb;
  font-size: 15px;
  right: 29px;
  position: absolute;
  top: 22px; }

.commentWrapper .editable[contenteditable]:focus {
  box-shadow: inset 0 -2px #449fdb;
  outline: none; }

/*COUNTDOWN*/
.time-to {
  text-align: center;
  font-family: "Open Sans";
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 35px; }

.time-to-container {
  text-align: center;
  text-transform: uppercase;
  width: 484px;
  margin: 0 auto; }

.welcomeWizard h1, .welcomeWizard h2, .welcomeWizard h3, .welcomeWizard h4, .welcomeWizard h5 {
  text-align: center;
  display: block; }

.welcomeWizard .buttons-wizard {
  text-align: center; }
  .welcomeWizard .buttons-wizard button {
    font-size: 25px; }
    .welcomeWizard .buttons-wizard button.btn-success {
      background: #77b12f; }
    .welcomeWizard .buttons-wizard button.btn-danger {
      background: #e46468; }
    .welcomeWizard .buttons-wizard button.btn-info {
      background: #5b9fbb;
      border: 1px solid #5b9fbb; }

.welcomeWizard .image-helper img {
  height: 150px; }

.welcomeWizard .image-helper i {
  color: #294C73;
  font-size: 150px; }
  .welcomeWizard .image-helper i.enlarged82 {
    font-size: 82px; }
  .welcomeWizard .image-helper i.enlarged125 {
    font-size: 125px; }

.welcomeWizard .text-explanation-cols .image-helper img {
  height: 150px; }

.welcomeWizard .text-explanation-cols .image-helper i {
  color: #294C73;
  font-size: 150px; }
  .welcomeWizard .text-explanation-cols .image-helper i.enlarged82 {
    font-size: 82px; }
  .welcomeWizard .text-explanation-cols .image-helper i.enlarged125 {
    font-size: 125px; }

.welcomeWizard .text-explanation-cols .image-helper.small i {
  color: #294C73;
  font-size: 75px; }
  .welcomeWizard .text-explanation-cols .image-helper.small i.enlarged82 {
    font-size: 82px; }
  .welcomeWizard .text-explanation-cols .image-helper.small i.enlarged125 {
    font-size: 125px; }

@media (max-width: 480px) {
  .welcomeWizard .text-explanation-cols h1 {
    font-size: 28px; }
  .welcomeWizard .text-explanation-cols h3 {
    font-size: 22px; }
  .welcomeWizard .text-explanation-cols .image-helper i {
    font-size: 75px; }
  .welcomeWizard .text-explanation-cols .image-helper img {
    height: 75px; }
  .welcomeWizard .text-explanation-cols p strong {
    font-size: 11px; } }

.welcomeWizard .text-explanation-cols p {
  font-size: 15px;
  color: #4a4a4a;
  font-weight: 500;
  padding: 0 23px 5px 23px;
  font-family: 'Open Sans';
  letter-spacing: 1.5px; }
  .welcomeWizard .text-explanation-cols p strong {
    font-weight: 600;
    color: #626262;
    font-size: 15px;
    text-transform: uppercase; }

/* numbered buttons */
#steps-buttons a {
  color: #E04C2C;
  display: inline-block;
  font-size: 15px;
  margin-right: 35px;
  text-align: center;
  text-transform: uppercase; }

@media (min-width: 768px) and (max-width: 1060px) {
  #steps-buttons a {
    font-size: 10px;
    margin-right: 21px;
    margin-top: 6px; }
  .introOptions .imagePopover .text {
    font-size: 14px; } }

#steps-buttons a:hover {
  text-decoration: none; }

/*#steps-buttons a:hover span {*/
/*background:#E04C2C; color: #fff; cursor: pointer;*/
/*-webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);*/
/*-moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);*/
/*-o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);*/
/*transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);*/
/*}*/
/*#steps-buttons i {*/
/*color: #E04C2C;*/
/*border: 1px solid #E04C2C;*/
/*background:#fff;*/
/*display:block;*/
/*height:30px;*/
/*margin:0 auto 10px;*/
/*padding-top:5px;*/
/*width:30px;*/
/*!*border-radius:50%; *!*/
/*}*/
/* active buttons */
/*#steps-buttons a.active span   { background:#E04C2C; color: #fff; text-decoration: none;}*/
#steps-buttons a:focus {
  text-decoration: none; }

.introOptions {
  height: 215px; }

.introOptions .cta {
  position: absolute;
  bottom: -25px;
  right: 0;
  left: 0;
  z-index: 976;
  text-transform: uppercase;
  text-align: right;
  padding-right: 10px; }

.introOptions .imagePopover {
  height: 40px;
  overflow: hidden;
  position: absolute;
  z-index: 500;
  margin-top: 10px;
  margin-left: -11px;
  margin-right: -1px;
  -webkit-transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border-bottom: 6px solid #294c73;
  border-right: 1px solid rgba(0, 0, 0, 0.14902);
  border-left: 1px solid rgba(0, 0, 0, 0.14902); }

.introOptions:hover .imagePopover {
  height: 300px;
  border-bottom: 10px solid #de4e2a; }

.introOptions .imagePopover h2 {
  color: #ffffff;
  font-family: "Dosis";
  text-transform: uppercase;
  margin-bottom: 25px;
  display: table; }

.introOptions .imagePopover .text {
  position: absolute;
  padding: 20px;
  color: #ffffff;
  margin-top: 50px;
  font-size: 17px;
  font-family: "Raleway"; }

.introOptions .imagePopover:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(34, 34, 34, 0.8);
  margin-top: 40px; }

/*END COUNTDOWN*/
/*DISCLAIMERS FOR BROKERS*/
.chapter .article.article-bordered:last-child {
  border-bottom: 0; }

.chapter .article.padding-lg-v {
  padding: 25px 25px; }

.chapter .article.article-bordered {
  border-top: 1px solid rgba(0, 0, 0, 0.117647);
  border-bottom: 1px solid rgba(0, 0, 0, 0.117647); }

.chapter .article.article-dark {
  background-color: rgba(0, 0, 0, 0.015); }

.chapter p {
  margin: 0 0 2em 0; }

.chapter h4 {
  margin-top: 2em;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase; }

#home .slick-slide {
  overflow: hidden; }

/*GAME DASHBOARD*/
.widget-modern h2 {
  text-transform: uppercase;
  font-size: 21px;
  margin-left: 10px; }

.tradingPortal {
  background: #fff; }

.tradingPortal .alt-features-descr {
  color: #5f5f5f; }

.btn-mod,
a.btn-mod {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 13px;
  color: #fff;
  background: rgba(34, 34, 34, 0.9);
  border: 2px solid transparent;
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 2px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0, 0, 0.58, 1); }

.btn-mod:hover,
.btn-mod:focus,
a.btn-mod:hover,
a.btn-mod:focus {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(0, 0, 0, 0.7);
  text-decoration: none;
  outline: none;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn-mod:active {
  cursor: pointer !important;
  outline: none !important; }

.btn-mod.btn-small {
  height: auto;
  padding: 6px 17px;
  font-size: 11px;
  letter-spacing: 1px; }

.btn-mod.btn-medium {
  height: auto;
  padding: 8px 37px;
  font-size: 12px; }

.btn-mod.btn-large {
  height: auto;
  padding: 12px 45px;
  font-size: 13px; }

@media screen and (max-width: 1120px) {
  .btn-mod.btn-large {
    padding: 4px 13px; } }

.btn-mod.btn-border-b {
  color: #506882;
  border: 2px solid #506882;
  background: #fff; }

.btn-mod.btn-border-b:hover {
  color: #FFFFFF;
  border: 2px solid #698ca6;
  background: #698ca6;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  transition: all 400ms; }

.sumwidgetContent.podcast .description {
  display: inline-block;
  font-size: 12px;
  line-height: 21px;
  text-align: left;
  padding-top: 10px; }

.sumwidgetContent.podcast .icon-container {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 11px; }

.sumwidgetContent.podcast .icon-container i {
  font-size: 44px;
  color: #de4e2a; }

.progress-circle path {
  fill: #29B6F6; }

#offers {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  background: whitesmoke;
  z-index: 10000;
  display: flex; }
  #offers .floatingButton {
    position: fixed;
    opacity: 0;
    bottom: 100px;
    right: 25px;
    cursor: pointer;
    z-index: 10;
    background-color: #777777;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    #offers .floatingButton a {
      color: #fff;
      font-size: 25px;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
      #offers .floatingButton a:hover {
        color: #e0e0e0; }
  #offers.active .floatingButton {
    opacity: 1; }
  #offers .how-it-works {
    color: white; }
    #offers .how-it-works h2 {
      color: white; }
  #offers section {
    padding: 100px 0 50px 0;
    overflow-x: hidden; }
  #offers .how-box-one {
    position: relative;
    padding: 40px 20px;
    transition: all .3s; }
    #offers .how-box-one:hover {
      box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); }
    #offers .how-box-one .limited-width {
      max-width: 400px;
      margin: 0 auto; }
    #offers .how-box-one .icon-box {
      border-color: #c10f41 !important;
      color: #c10f41 !important;
      position: relative;
      font-size: 32px;
      width: 80px;
      height: 80px;
      border: 2px solid;
      line-height: 80px;
      border-radius: 50%;
      margin: 0 auto 20px;
      transition: all .3s ease;
      -moz-transition: all .3s ease;
      -webkit-transition: all .3s ease;
      -ms-transition: all .3s ease;
      -o-transition: all .3s ease; }
    #offers .how-box-one h3 {
      position: relative;
      line-height: 1.6em;
      font-size: 16px;
      text-transform: uppercase;
      margin-bottom: 7px;
      color: #2a2a2a;
      font-weight: 600; }
  #offers .has-line {
    font-family: 'Raleway';
    font-weight: 400; }
    #offers .has-line::after {
      content: '';
      display: block;
      width: 100px;
      height: 2px;
      margin: 15px 0; }
    #offers .has-line::after {
      background: #c10f41 !important; }
    #offers .has-line.has-line-center::after {
      margin: 15px auto; }
  #offers .text-explanation-cols .explanation-col {
    border: 1px solid transparent;
    padding: 10px; }
    #offers .text-explanation-cols .explanation-col:hover {
      border: 1px solid #444444;
      -webkit-box-shadow: 2px 2px 17px 1px #545454;
      -moz-box-shadow: 2px 2px 17px 1px #545454;
      box-shadow: 2px 2px 17px 1px #545454; }
  #offers .text-explanation-cols .image-helper i {
    color: #b7b7b7;
    font-size: 150px; }
  #offers .text-explanation-cols .image-helper.small i {
    color: #b7b7b7;
    font-size: 75px; }
  @media (max-width: 480px) {
    #offers .text-explanation-cols p strong {
      font-size: 11px; } }
  #offers .text-explanation-cols p {
    font-size: 15px;
    color: #b9b9b9;
    font-weight: 500;
    padding: 0 23px 5px 23px;
    font-family: 'Open Sans';
    letter-spacing: 1.5px; }
    #offers .text-explanation-cols p strong {
      font-weight: 600;
      color: #dedbdb;
      font-size: 15px;
      text-transform: uppercase; }
  #offers #offers-gameClosed {
    /**
     * iPad with portrait orientation.
     */
    /**
     * iPad with landscape orientation.
     */
    /**
     * iPhone 5
     * You can also target devices with aspect ratio.
     */
    /*TRUSTED BY SECTION*/ }
    #offers #offers-gameClosed .hero-section {
      padding-top: 280px;
      padding-bottom: 300px; }
    #offers #offers-gameClosed .hero-title {
      font-size: 54px;
      color: #fff;
      font-weight: 600;
      letter-spacing: -1px;
      margin-bottom: 20px; }
    #offers #offers-gameClosed .home-section {
      width: 100%;
      display: block;
      position: relative;
      overflow: hidden;
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-position: center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover; }
    #offers #offers-gameClosed .home-content {
      display: table;
      width: 100%;
      height: 100%;
      text-align: center; }
    #offers #offers-gameClosed .home-section .home-container {
      height: 768px;
      height: 100vh; }
    @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
      #offers #offers-gameClosed .home-section .home-container {
        height: 100vh;
        height: 1024px; } }
    @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
      #offers #offers-gameClosed .home-section .home-container {
        height: 100vh;
        height: 768px; } }
    @media screen and (device-aspect-ratio: 40 / 71) {
      #offers #offers-gameClosed .home-section .home-container {
        height: 100vh;
        height: 500px; } }
    @media (max-width: 479px) {
      #offers #offers-gameClosed .home-section .home-container {
        height: 100vh; } }
    @media (min-width: 480px) {
      #offers #offers-gameClosed .home-section .home-container {
        height: 815px;
        height: calc(100vh - 60px);
        min-height: 630px; }
      #offers #offers-gameClosed .home-section .home-container.full-screen {
        height: 815px;
        height: 100vh;
        min-height: 630px; } }
    #offers #offers-gameClosed .bg-dark-alfa-90:before, #offers #offers-gameClosed .bg-dark-alfa-90 .YTPOverlay:before {
      content: " ";
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(31, 31, 31, 0.88); }
    #offers #offers-gameClosed .intro_text .alt-service-item {
      margin: 60px 0 0 0;
      position: relative;
      padding-left: 70px;
      padding-top: 3px;
      font-size: 14px;
      font-weight: 300;
      color: #fff; }
    #offers #offers-gameClosed .alt-service-grid {
      margin-top: -60px; }
    #offers #offers-gameClosed .alt-services-image {
      text-align: center; }
    #offers #offers-gameClosed .alt-services-image > img {
      display: block;
      width: 100%; }
    #offers #offers-gameClosed .intro_text .alt-service-item {
      margin: 60px 0 0 0;
      position: relative;
      padding-left: 70px;
      padding-top: 3px;
      font-size: 14px;
      font-weight: 300;
      color: #fff; }
    #offers #offers-gameClosed .intro_text .alt-service-icon {
      width: 40px;
      height: 40px;
      position: absolute;
      top: 0;
      left: 0;
      line-height: 90px;
      text-align: center;
      font-size: 39px;
      color: #fff; }
    #offers #offers-gameClosed .intro_text .alt-services-title {
      margin: 0 0 10px 0;
      padding: 0;
      font-size: 15px !important;
      font-weight: 400;
      color: #fff !important; }
    #offers #offers-gameClosed .text-explanation-cols .image-helper img {
      height: 150px; }
    #offers #offers-gameClosed .text-explanation-cols .image-helper i {
      color: #294C73;
      font-size: 150px; }
    #offers #offers-gameClosed .text-explanation-cols .image-helper i.enlarged82 {
      font-size: 82px; }
    #offers #offers-gameClosed .text-explanation-cols .image-helper i.enlarged125 {
      font-size: 125px; }
    #offers #offers-gameClosed .text-explanation-cols .image-helper.small i {
      color: #294C73;
      font-size: 75px; }
    #offers #offers-gameClosed .text-explanation-cols .image-helper.small i.enlarged82 {
      font-size: 82px; }
    #offers #offers-gameClosed .text-explanation-cols .image-helper.small i.enlarged125 {
      font-size: 125px; }
    @media (max-width: 480px) {
      #offers #offers-gameClosed .text-explanation-cols h1 {
        font-size: 28px; }
      #offers #offers-gameClosed .text-explanation-cols h3 {
        font-size: 22px; }
      #offers #offers-gameClosed .text-explanation-cols .image-helper i {
        font-size: 75px; }
      #offers #offers-gameClosed .text-explanation-cols .image-helper img {
        height: 75px; } }
    #offers #offers-gameClosed .text-explanation-cols p {
      font-size: 15px;
      color: #4a4a4a;
      font-weight: 500;
      padding: 0 23px 5px 23px;
      font-family: 'Open Sans';
      letter-spacing: 1.5px; }
    #offers #offers-gameClosed .text-explanation-cols p strong {
      font-weight: 600;
      color: #626262;
      font-size: 15px;
      text-transform: uppercase; }
    #offers #offers-gameClosed .text-explanation-cols .explanation-col {
      border: 1px solid transparent;
      padding: 10px; }
    #offers #offers-gameClosed .text-explanation-cols .explanation-col:hover {
      border: 1px solid #444444;
      -webkit-box-shadow: 2px 2px 17px 1px #545454;
      -moz-box-shadow: 2px 2px 17px 1px #545454;
      box-shadow: 2px 2px 17px 1px #545454; }
    #offers #offers-gameClosed .text-explanation-cols .image-helper i {
      color: #b7b7b7;
      font-size: 150px; }
    #offers #offers-gameClosed .text-explanation-cols .image-helper.small i {
      color: #b7b7b7;
      font-size: 75px; }
    #offers #offers-gameClosed .text-explanation-cols p {
      font-size: 15px;
      color: #b9b9b9;
      font-weight: 500;
      padding: 0 23px 5px 23px;
      font-family: 'Open Sans';
      letter-spacing: 1.5px; }
    #offers #offers-gameClosed .text-explanation-cols p strong {
      font-weight: 600;
      color: #dedbdb;
      font-size: 15px;
      text-transform: uppercase; }
    #offers #offers-gameClosed .how-it-works {
      color: white; }
    #offers #offers-gameClosed .how-it-works h2 {
      color: white; }
    #offers #offers-gameClosed .how-box-one {
      position: relative;
      padding: 40px 20px;
      transition: all .3s; }
    #offers #offers-gameClosed .how-box-one:hover {
      box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); }
    #offers #offers-gameClosed .how-box-one .limited-width {
      max-width: 400px;
      margin: 0 auto; }
    #offers #offers-gameClosed .how-box-one .icon-box {
      border-color: #c10f41 !important;
      color: #c10f41 !important;
      position: relative;
      font-size: 32px;
      width: 80px;
      height: 80px;
      border: 2px solid;
      line-height: 80px;
      border-radius: 50%;
      margin: 0 auto 20px;
      transition: all .3s ease;
      -moz-transition: all .3s ease;
      -webkit-transition: all .3s ease;
      -ms-transition: all .3s ease;
      -o-transition: all .3s ease; }
    #offers #offers-gameClosed .how-box-one h3 {
      position: relative;
      line-height: 1.6em;
      font-size: 16px;
      text-transform: uppercase;
      margin-bottom: 7px;
      color: #2a2a2a;
      font-weight: 600; }
    #offers #offers-gameClosed .has-line {
      font-family: 'Raleway';
      font-weight: 400; }
    #offers #offers-gameClosed .has-line::after {
      content: '';
      display: block;
      width: 100px;
      height: 2px;
      margin: 15px 0; }
    #offers #offers-gameClosed .has-line::after {
      background: #c10f41 !important; }
    #offers #offers-gameClosed .has-line.has-line-center::after {
      margin: 15px auto; }
    #offers #offers-gameClosed .floatingButton {
      position: fixed;
      opacity: 0;
      bottom: 100px;
      right: 25px;
      cursor: pointer;
      z-index: 10;
      background-color: #777777;
      color: #fff;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
    #offers #offers-gameClosed .intro_text h3 {
      color: #5e5e5e;
      font-size: 34px;
      font-weight: 400;
      font-family: 'Dosis', sans-serif;
      line-height: 34px;
      text-transform: uppercase;
      margin-bottom: 20px;
      text-align: center; }

#strategyWizardState #stock-card {
  width: 190px !important; }

#leagues .league-cta {
  font-family: "Montserrat", sans-serif;
  text-align: center;
  margin-bottom: 15px; }
  #leagues .league-cta .title {
    font-size: 14px;
    line-height: 1.2em;
    margin-bottom: .25em;
    text-transform: uppercase;
    font-style: normal; }
  #leagues .league-cta .subtitle {
    display: block;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1.2em;
    font-weight: bold; }

/* Rankings */
.table-standings {
  border: none;
  margin-bottom: 0;
  font-size: 11px; }
  .table-standings > thead > tr > th,
  .table-standings > tbody > tr > td {
    text-align: center;
    vertical-align: middle; }
  .table-standings > thead > tr > th {
    padding: 13px 10px;
    font-size: 11px;
    font-weight: 700;
    color: #31404b;
    text-transform: uppercase;
    border-bottom: none; }
  .table-standings > thead > tr > th,
  .table-standings > thead > tr > th, .table-standings table > tbody > tr > th,
  .table-standings > tbody > tr > th, .table-standings table > tfoot > tr > th,
  .table-standings > tfoot > tr > th, .table-standings table > thead > tr > td,
  .table-standings > thead > tr > td, .table-standings table > tbody > tr > td,
  .table-standings > tbody > tr > td, .table-standings table > tfoot > tr > td,
  .table-standings > tfoot > tr > td {
    border-top: 1px solid #e4e7ed;
    font-family: 'Montserrat', sans-serif; }
  .table-standings .table-hover > tbody > tr:hover, .table-standings .table-hover > tbody > tr.highlighted:hover {
    background-color: #f5f7f9; }
  @media (min-width: 992px) {
    .table-standings .data-rank {
      padding-left: 24px;
      width: 50px; } }
  .table-standings .data-name {
    text-align: left; }
    @media (min-width: 1200px) {
      .table-standings .data-name {
        width: 170px; } }
  .table-standings td.data-name {
    color: #31404b;
    font-size: 12px;
    line-height: 1.2em;
    font-weight: 400; }
    .table-standings td.data-name a {
      color: #31404b; }
  .table-standings .data-w,
  .table-standings .data-l,
  .table-standings .data-gb {
    color: #31404b; }
  @media (min-width: 1200px) {
    .table-standings thead > tr > th:last-child,
    .table-standings tbody > tr > td:last-child {
      padding-right: 30px; } }
  .table-standings .avatar {
    width: 2em;
    height: 2em;
    margin-right: 0.5em;
    display: inline-block;
    vertical-align: middle;
    text-align: center; }
  .table-standings .img-avatar {
    width: auto;
    height: auto;
    max-width: 2em;
    max-height: 2em; }
  .table-standings .your-ladder-rank {
    background-color: #f5f7f9; }
    .table-standings .your-ladder-rank > td {
      font-weight: bold; }

/* Covers both the view and the module due to the bad package structure originally */
/* https://stackoverflow.com/a/31315911 */
/*WELCOME TERMS*/
rzslider.small-slider .rz-pointer {
  width: 17px;
  height: 16px; }

rzslider.small-slider .rz-pointer:after {
  top: 6px;
  left: 6px;
  width: 5px;
  height: 5px; }

rzslider.small-slider:not(.rz-vertical) .rz-pointer {
  top: -7px; }

rzslider.small-slider.rz-vertical .rz-pointer {
  left: -7px !important; }

.fixed-height-modal .modal-content {
  height: 80vh;
  overflow: hidden; }

/* Because Intercom sits over the place where modal buttons are */
.modal-content {
  z-index: 2147483001; }

/* Not the REAL TF Theme, but just named to match the tf.scss file that is really just "base styles" */
/* Only include this mixin in your theme if you want to override the default values of the UI Grid styling */
/* Generates some classes to easily add some of the styles to elements without having to add a full theming file */
/* General theming for light background based UI */
/* Covers both the view and the module due to the bad package structure originally */
/* https://stackoverflow.com/a/31315911 */
/* Only include this mixin if you wish to override the default RZ Slider styling in your theme */
/*WELCOME TERMS*/
rzslider.small-slider .rz-pointer {
  width: 17px;
  height: 16px; }

rzslider.small-slider .rz-pointer:after {
  top: 6px;
  left: 6px;
  width: 5px;
  height: 5px; }

rzslider.small-slider:not(.rz-vertical) .rz-pointer {
  top: -7px; }

rzslider.small-slider.rz-vertical .rz-pointer {
  left: -7px !important; }

.fixed-height-modal .modal-content {
  height: 80vh;
  overflow: hidden; }

/* Because Intercom sits over the place where modal buttons are */
.modal-content {
  z-index: 2147483001; }

/* Not the REAL TF Theme, but just named to match the tf.scss file that is really just "base styles" */
/* Only include this mixin in your theme if you want to override the default values of the UI Grid styling */
/* Generates some classes to easily add some of the styles to elements without having to add a full theming file */
tf-client-notes .t-view .tv-header {
  background-color: #F0F0F0;
  color: #333333; }

tf-client-notes .ng-submitted input.ng-invalid, tf-client-notes .ng-touched.ng-invalid {
  border-color: lightgray !important; }

tf-account-detail .profit {
  color: #008000; }

tf-account-detail .loss {
  color: #CA0000; }

equity-portfolio-view .grid tf-order-entry-link.enabled {
  color: #256194; }

equity-portfolio-view .grid .ui-grid-cell.not-available, equity-portfolio-view .grid .ui-grid-footer-cell.not-available {
  color: #737373; }

equity-portfolio-view .grid .ui-grid-cell.positive, equity-portfolio-view .grid .ui-grid-footer-cell.positive {
  color: #008000; }

equity-portfolio-view .grid .ui-grid-cell.negative, equity-portfolio-view .grid .ui-grid-footer-cell.negative {
  color: #CA0000; }

equity-portfolio-view .grid .dividend-not-paid {
  color: #008000; }

equity-portfolio-view .grid .dividend-ex-period {
  color: #CA0000; }

tf-company-info-page-header {
  border: 1px solid lightgray; }

tf-company-statistics {
  background-color: #FCFCFC; }
  tf-company-statistics .title {
    color: #737373; }
  tf-company-statistics .content {
    color: #333333; }
  tf-company-statistics .divider {
    border-bottom: 1px solid lightgray; }

tf-company-information-view .company-tabs-body {
  background: #FCFCFC; }

tf-company-overview-tab tf-company-statistics {
  border-left: 1px solid lightgray; }

tf-chart-iq-hud {
  color: #333333;
  background: rgba(240, 240, 240, 0.8);
  border: 1px solid lightgray; }
  tf-chart-iq-hud .hud-header {
    color: #737373; }

.stx_candle_down {
  border-left-color: transparent;
  color: #EB4D5C; }

.stx_candle_up {
  border-left-color: transparent;
  color: #53B987; }

.stx_candle_shadow_even {
  border-left-color: grey; }

.stx_candle_shadow {
  color: #799497;
  border-top-color: #728d91;
  background-color: rgba(0, 0, 0, 0);
  border-left-color: transparent; }

.stx_candle_shadow_even {
  color: #747474;
  border-top-color: #747474;
  background-color: rgba(0, 0, 0, 0);
  border-left-color: transparent; }

.stx_candle_shadow_up {
  color: #53B987;
  border-top-color: #53B987;
  background-color: rgba(0, 0, 0, 0);
  border-left-color: transparent; }

.stx_candle_shadow_down {
  color: #EB4D5C;
  border-top-color: #EB4D5C;
  background-color: rgba(0, 0, 0, 0);
  border-left-color: transparent; }

.stx_hollow_candle_down {
  color: #EB4D5C; }

.stx_hollow_candle_up {
  color: #53B987; }

.stx_hollow_candle_even {
  color: #747474; }

.stx_line_chart {
  color: #333333; }

.stx_line_up {
  color: #53B987; }

.stx_line_down {
  color: #EB4D5C; }

.stx_line_event {
  color: #747474; }

.stx_bar_up {
  color: #53B987; }

.stx_bar_down {
  color: #EB4D5C; }

.stx_bar_even {
  color: #747474; }

.stx_xaxis {
  color: #333333; }

.stx_yaxis {
  color: #333333; }

.stx_yaxis_dark {
  color: #737373; }

.stx_xaxis_dark {
  color: #737373; }

.stx_grid, .stx_grid_dark, .stx_grid_border {
  color: #EBEBEB; }

tf-iq-chart .stx-panel-title {
  color: #333333;
  background-color: #F0F0F0;
  border-color: lightgray; }

tf-iq-chart .stx-btn-panel {
  color: #333333;
  background: #e2e2e2;
  border-color: #bfbebe; }

tf-iq-chart #mSticky {
  color: #333333;
  background-color: #F0F0F0;
  border-color: lightgray; }

tf-iq-drawing-format #handleFormatting {
  border-right: 1px solid lightgray; }

tf-iq-drawing-format .floatingMenuButton {
  background-color: rgba(28, 43, 54, 0.75);
  color: #333333;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); }

tf-iq-drawing-format .floatingMenuButton-light {
  background-color: rgba(240, 240, 240, 0.75);
  color: #333333; }

tf-iq-drawing-format .line-width-1::after, tf-iq-drawing-format .line-width-3::after, tf-iq-drawing-format .line-width-5::after,
tf-iq-drawing-format .line-style-solid::after, tf-iq-drawing-format .line-style-dashed::after, tf-iq-drawing-format .line-style-dotted::after {
  border-bottom-color: #333333; }

.chart-iq-studies-menu .line-width-1::after, .chart-iq-studies-menu .line-width-3::after, .chart-iq-studies-menu .line-width-5::after,
.chart-iq-studies-menu .line-style-solid::after, .chart-iq-studies-menu .line-style-dashed::after, .chart-iq-studies-menu .line-style-dotted::after {
  border-bottom-color: #333333; }

tf-chart-iq-drawing-tools {
  background-color: #FCFCFC; }
  tf-chart-iq-drawing-tools .divider:after {
    border-bottom: 1px solid lightgray; }

.chart-iq-studie-templates-menu .save-studies[disabled] {
  color: darkgray; }

tf-chart-toolbar.top-toolbar {
  border-bottom: 1px solid lightgray; }

tf-payoff-matrix-grid {
  border: 1px solid lightgray; }
  tf-payoff-matrix-grid .grid-header-row {
    background: #F0F0F0; }
    tf-payoff-matrix-grid .grid-header-row th.grid-column-header {
      border-bottom: 1px solid lightgray; }
      tf-payoff-matrix-grid .grid-header-row th.grid-column-header:not(:last-child) {
        border-right: 1px solid lightgray; }
  tf-payoff-matrix-grid .grid-body .grid-row:not(:first-child) {
    border-top: 1px solid lightgray; }
  tf-payoff-matrix-grid .grid-body .grid-row.midpoint {
    background-color: #F0F0F0;
    border-top: 1px dashed lightgray;
    border-bottom: 1px dashed lightgray; }
  tf-payoff-matrix-grid .grid-body .grid-row:hover {
    background-color: aliceblue; }
  tf-payoff-matrix-grid .grid-body .midpoint + .grid-row {
    border-top: none; }
  tf-payoff-matrix-grid .price-column {
    border-right: 1px solid lightgray; }

tf-payoff-matrix-price-increment .increment-adjust {
  background-color: transparent;
  border: none; }
  tf-payoff-matrix-price-increment .increment-adjust .positive {
    color: #008000; }
  tf-payoff-matrix-price-increment .increment-adjust .negative {
    color: #CA0000; }

.payoff-price-increment-select-menu .adjust-btn {
  border-color: lightgray; }
  .payoff-price-increment-select-menu .adjust-btn.selected {
    background-color: #E7E7E8; }
  .payoff-price-increment-select-menu .adjust-btn.negative {
    border-color: #CA0000; }
    .payoff-price-increment-select-menu .adjust-btn.negative.selected {
      background-color: rgba(202, 0, 0, 0.5);
      color: white; }
  .payoff-price-increment-select-menu .adjust-btn.positive {
    border-color: #008000; }
    .payoff-price-increment-select-menu .adjust-btn.positive.selected {
      background-color: rgba(0, 128, 0, 0.5);
      color: white; }

tf-payoff-matrix .data-select button {
  background: transparent;
  border: none; }

tf-payoff-vol-select .vol-adjust {
  background-color: transparent;
  border: none; }
  tf-payoff-vol-select .vol-adjust .positive {
    color: #008000; }
  tf-payoff-vol-select .vol-adjust .negative {
    color: #CA0000; }

.payoff-vol-select-menu .adjust-btn {
  border-color: lightgray; }
  .payoff-vol-select-menu .adjust-btn.selected {
    background-color: #E7E7E8; }
  .payoff-vol-select-menu .adjust-btn.negative {
    border-color: #CA0000; }
    .payoff-vol-select-menu .adjust-btn.negative.selected {
      background-color: rgba(202, 0, 0, 0.5);
      color: white; }
  .payoff-vol-select-menu .adjust-btn.positive {
    border-color: #008000; }
    .payoff-vol-select-menu .adjust-btn.positive.selected {
      background-color: rgba(0, 128, 0, 0.5);
      color: white; }

tf-course-of-sales .sales-table .table-header .column-headers {
  border-bottom: 1px solid lightgray; }

tf-market-summary {
  -webkit-box-shadow: 0 0 5px rgba(6, 6, 6, 0.51);
  box-shadow: 0 0 5px rgba(6, 6, 6, 0.51);
  background-color: #FCFCFC; }
  tf-market-summary .floating-popout {
    background-color: #FCFCFC; }
  tf-market-summary .floating-close-button {
    background-color: #FCFCFC;
    color: #333333;
    border: 1px solid lightgray; }

iv-sidebar .iv-sidebar-content {
  border-left: 1px solid lightgray;
  background: #FCFCFC; }

tf-client-dashboard-features .dashboard-feature-container .dashboard-feature {
  background: #FCFCFC;
  box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }

tf-client-dashboard-features .dashboard-feature-container .trialing-indicator {
  background: #9851CE;
  color: white;
  border: 2px solid lightgray; }

tf-client-dashboard-features .dashboard-feature-container .buy-now-link a {
  color: rgba(224, 76, 44, 0.78); }

tf-client-dashboard-features .strategy-builder-feature .icon-carpenter {
  color: #e2566e; }

tf-client-dashboard-features .portfolio-feature .icon-briefcase1 {
  color: #ffb72e; }

tf-client-dashboard-features .charting-feature .icon-bar-chart2 {
  color: #379e37; }

tf-client-dashboard-features .back-testing-feature .icon-76 {
  color: #7A84FF; }

tf-client-dashboard-features .btn-mod.btn-border-b {
  background-color: transparent; }

tf-dashboard-notifications .dashboard-notifications {
  background: #FCFCFC;
  box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }

tf-dashboard-portfolio-summary {
  background: #FCFCFC;
  box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08);
  background: transparent;
  box-shadow: none; }
  tf-dashboard-portfolio-summary .summary-box .value {
    color: #00C5DC; }
  tf-dashboard-portfolio-summary .summary-box .sub-title {
    color: grey; }
  tf-dashboard-portfolio-summary .summary-box .sub-value {
    color: #ABABAB; }
  tf-dashboard-portfolio-summary .summary-box .icon-question {
    color: #c7c6c6; }

tf-dashboard-portfolio-summary-small .summary-item {
  background: #FCFCFC;
  box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }

tf-dashboard-trading-alerts {
  background: #FCFCFC;
  box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }

tf-client-dashboard-mobile tf-watch-list {
  background: #FCFCFC;
  box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }

tf-client-dashboard-mobile .notification-toggle-container .notification-toggle {
  background: #FCFCFC;
  box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }

tf-dashboard-widget-container .widget-wrapper {
  background-color: #FCFCFC; }

tf-dashboard-widget-container .widget-container-header .widget-title {
  color: #333333; }

tf-dashboard-widget-container .widget-container-header .widget-control {
  color: #737373; }
  tf-dashboard-widget-container .widget-container-header .widget-control.widget-linked {
    color: #FF694D; }
  tf-dashboard-widget-container .widget-container-header .widget-control:hover {
    background-color: aliceblue; }

tf-create-widget .add-container {
  color: #737373; }
  tf-create-widget .add-container:hover {
    background-color: aliceblue; }

tf-market-map .title-section {
  background-image: linear-gradient(to bottom right, #E07B1C, #CA651A);
  color: white; }

tf-market-map .node.has-change {
  color: white; }
  tf-market-map .node.has-change.change-up.change-1 {
    background-color: rgba(0, 255, 0, 0.2); }
  tf-market-map .node.has-change.change-up.change-2 {
    background-color: rgba(0, 255, 0, 0.4); }
  tf-market-map .node.has-change.change-up.change-3 {
    background-color: rgba(0, 255, 0, 0.6); }
  tf-market-map .node.has-change.change-up.change-4 {
    background-color: rgba(0, 255, 0, 0.8); }
  tf-market-map .node.has-change.change-up.change-5 {
    background-color: lime; }
  tf-market-map .node.has-change.change-down.change-1 {
    background-color: rgba(255, 0, 0, 0.2); }
  tf-market-map .node.has-change.change-down.change-2 {
    background-color: rgba(255, 0, 0, 0.4); }
  tf-market-map .node.has-change.change-down.change-3 {
    background-color: rgba(255, 0, 0, 0.6); }
  tf-market-map .node.has-change.change-down.change-4 {
    background-color: rgba(255, 0, 0, 0.8); }
  tf-market-map .node.has-change.change-down.change-5 {
    background-color: red; }

tf-market-map .node.value-node {
  border: 1px solid #F0F0F0; }

tf-market-map .node.main-group {
  border: 1px solid darkgray; }

tf-market-map .node.group-container .node-title {
  background: #F0F0F0;
  color: #737373;
  opacity: 0.8; }

tf-market-map .node:hover:after {
  background: rgba(240, 248, 255, 0.25); }

tf-market-map .market-map-tooltip {
  color: white;
  background: rgba(0, 0, 0, 0.9); }

tf-quote-widget .security {
  color: #737373; }

tf-add-dashboard-dialog .layout-selector svg {
  fill: #737373; }

tf-add-dashboard-dialog .layout-selector.selected svg {
  fill: #5EC6E8; }

tf-add-dashboard-widget-dialog .widget-item {
  border: 1px solid lightgray; }
  tf-add-dashboard-widget-dialog .widget-item.disabled {
    color: darkgray; }
  tf-add-dashboard-widget-dialog .widget-item:hover {
    color: #333333;
    background-color: aliceblue; }

tf-oms-dashboard-desktop-view .dashboard-header {
  overflow-x: auto; }
  tf-oms-dashboard-desktop-view .dashboard-header .remove-dashboard-btn:hover {
    color: #333333; }
  tf-oms-dashboard-desktop-view .dashboard-header .edit-button.active {
    color: #E04C2C;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  tf-oms-dashboard-desktop-view .dashboard-header .edit-button:hover {
    color: #333333; }

tf-oms-dashboard-mobile-view .dashboard-header {
  overflow-x: auto; }

tf-oms-dashboard-mobile-view .slick-container .slick-dots li:not(.slick-active) button:before {
  color: #333333; }

tf-order-depth-desktop .depth-table .table-header .column-headers .buyers-container, tf-order-depth-desktop .depth-table .table-header .column-headers .sellers-container,
tf-order-depth-mobile .depth-table .table-header .column-headers .buyers-container,
tf-order-depth-mobile .depth-table .table-header .column-headers .sellers-container {
  border-bottom: 1px solid lightgray; }

tf-order-depth-desktop .depth-table .buyers-container .price-column tf-order-entry-link,
tf-order-depth-mobile .depth-table .buyers-container .price-column tf-order-entry-link {
  font-weight: bold;
  color: #3DD467; }

tf-order-depth-desktop .depth-table .sellers-container .price-column tf-order-entry-link,
tf-order-depth-mobile .depth-table .sellers-container .price-column tf-order-entry-link {
  font-weight: bold;
  color: #EB4D5C; }

tf-order-depth-desktop .depth-table .matched-trade,
tf-order-depth-mobile .depth-table .matched-trade {
  background-color: #FDDB9B; }

tf-order-depth-v2 .depth-table {
  background: #FCFCFC;
  border: 1px solid #F0F0F0; }
  tf-order-depth-v2 .depth-table .table-header .column-headers .buyers-container, tf-order-depth-v2 .depth-table .table-header .column-headers .sellers-container {
    border-bottom: 1px solid lightgray; }
  tf-order-depth-v2 .depth-table .price-indicator span {
    color: #737373; }
  tf-order-depth-v2 .depth-table .buyers-container .price-column {
    font-weight: bold;
    color: #3DD467; }
  tf-order-depth-v2 .depth-table .sellers-container .price-column {
    font-weight: bold;
    color: #EB4D5C; }
  tf-order-depth-v2 .depth-table .matched-trade {
    background-color: #FDDB9B; }

.depth-volume-change-target.volume-change-up {
  animation-duration: 2s;
  animation-name: order-depth-volume-change-up; }

.depth-volume-change-target.volume-change-down {
  animation-duration: 2s;
  animation-name: order-depth-volume-change-down; }

@keyframes order-depth-volume-change-up {
  from {
    color: unset;
    background-color: unset; }
  25% {
    color: white;
    background-color: #008000; }
  75% {
    color: white;
    background-color: #008000; }
  to {
    color: unset;
    background-color: unset; } }

@keyframes order-depth-volume-change-down {
  from {
    color: unset;
    background-color: unset; }
  25% {
    color: white;
    background-color: #CA0000; }
  75% {
    color: white;
    background-color: #CA0000; }
  to {
    color: unset;
    background-color: unset; } }

tf-wizard .step-titles {
  border-bottom: 1px solid lightgray; }

tf-wizard .step-header:not(:first-child)::before {
  border: 1px solid lightgray; }

tf-wizard .step-header:not(:last-child)::after {
  border: 1px solid lightgray; }

tf-wizard .step-index {
  color: white;
  background-color: #606A80; }
  tf-wizard .step-index.active-step {
    background-color: #E04C2C; }

tf-wizard-step .step-footer {
  border-top: 1px solid lightgray; }

tf-footer {
  background: #F0F0F0;
  border-top: 1px solid lightgray; }
  tf-footer .working-order {
    background: #FCFCFC; }
  tf-footer .working-order:hover {
    background: aliceblue; }
  tf-footer .order-summary {
    color: #737373; }
    tf-footer .order-summary .order-limit {
      color: #333333; }
    tf-footer .order-summary .order-price {
      color: #333333; }
  tf-footer .vertical-divider {
    border-right: 1px solid lightgray; }

tf-market-movers-grid .grid-row {
  border-top: 1px solid lightgray; }

tf-system-alert .notification-area.system-critical-alert {
  background-color: #FCEAE7;
  color: #AD0D0D; }
  tf-system-alert .notification-area.system-critical-alert a {
    color: #AD0D0D; }

tf-system-alert .notification-area.system-warning-alert {
  background-color: #FDF9DF;
  color: #24221A; }
  tf-system-alert .notification-area.system-warning-alert a {
    color: #24221A; }

tf-system-alert .notification-area.system-info-alert {
  background-color: #EDF4F8;
  color: #0C4086; }
  tf-system-alert .notification-area.system-info-alert a {
    color: #0C4086; }

tf-system-prompt .notification-action.btn {
  color: #FFFFFF;
  background-color: #191823;
  transition: color linear 100ms; }
  tf-system-prompt .notification-action.btn:hover, tf-system-prompt .notification-action.btn:focus {
    color: #00A97F;
    background-color: #191823; }

tf-open-account-prompt {
  background-color: #142644;
  color: #FFFFFF; }
  .MAQRO.dark tf-open-account-prompt {
    background-color: #001c41; }
  .MAQRO tf-open-account-prompt {
    background-color: #3375ff; }
  tf-open-account-prompt a {
    color: #FFFFFF; }
    tf-open-account-prompt a:hover {
      color: #FFFFFF; }

tf-open-account-quiz-prompt {
  background-color: #142644;
  color: #FFFFFF; }
  .MAQRO.dark tf-open-account-quiz-prompt {
    background-color: #001c41; }
  .MAQRO tf-open-account-quiz-prompt {
    background-color: #3375ff; }
  tf-open-account-quiz-prompt a {
    color: #FFFFFF; }
    tf-open-account-quiz-prompt a:hover {
      color: #FFFFFF; }

tf-delayed-price-prompt {
  background-color: #142644;
  color: #FFFFFF; }
  .MAQRO.dark tf-delayed-price-prompt {
    background-color: #001c41; }
  .MAQRO tf-delayed-price-prompt {
    background-color: #3375ff; }
  tf-delayed-price-prompt a {
    color: #FFFFFF; }
    tf-delayed-price-prompt a:hover {
      color: #FFFFFF; }

tf-temp-message-prompt {
  background-color: #001c41;
  color: #FFFFFF; }
  .MAQRO.dark tf-temp-message-prompt {
    background-color: #001c41; }
  .MAQRO tf-temp-message-prompt {
    background-color: #3375ff; }
  tf-temp-message-prompt a {
    color: #FFFFFF; }
    tf-temp-message-prompt a:hover {
      color: #FFFFFF; }

tf-temp-and-delayed-price-prompt {
  background-color: #001c41;
  color: #FFFFFF; }
  .MAQRO.dark tf-temp-and-delayed-price-prompt {
    background-color: #001c41; }
  .MAQRO tf-temp-and-delayed-price-prompt {
    background-color: #3375ff; }
  tf-temp-and-delayed-price-prompt a {
    color: #FFFFFF; }
    tf-temp-and-delayed-price-prompt a:hover {
      color: #FFFFFF; }

tf-trial-expiring-prompt {
  background-color: #142644;
  color: #FFFFFF; }
  .MAQRO.dark tf-trial-expiring-prompt {
    background-color: #001c41; }
  .MAQRO tf-trial-expiring-prompt {
    background-color: #3375ff; }
  tf-trial-expiring-prompt a {
    color: #FFFFFF; }
    tf-trial-expiring-prompt a:hover {
      color: #FFFFFF; }

tf-no-subscription-prompt {
  background-color: #142644;
  color: #FFFFFF; }
  .MAQRO.dark tf-no-subscription-prompt {
    background-color: #001c41; }
  .MAQRO tf-no-subscription-prompt {
    background-color: #3375ff; }
  tf-no-subscription-prompt a {
    color: #FFFFFF; }
    tf-no-subscription-prompt a:hover {
      color: #FFFFFF; }

tf-maintenance-prompt {
  background-color: #142644;
  color: #FFFFFF; }
  .MAQRO.dark tf-maintenance-prompt {
    background-color: #001c41; }
  .MAQRO tf-maintenance-prompt {
    background-color: #3375ff; }
  tf-maintenance-prompt a {
    color: #FFFFFF; }
    tf-maintenance-prompt a:hover {
      color: #FFFFFF; }

tf-news-item-dialog .news-date-time {
  color: #737373; }

tf-news-feed .separator-row {
  color: #737373;
  border-top: 1px solid lightgray; }

tf-news-feed tf-news-headline {
  border-top: 1px solid lightgray; }

tf-news-headline .headline-title {
  color: #737373; }

tf-news-headline .link {
  color: #256194; }

tf-news-headline .price-sensitive {
  color: #CA0000; }

tf-company-news-indicator .news-link.market-sensitive {
  color: #CA0000; }

tf-equity-active-order-list .bold,
tf-equity-inactive-order-list .bold,
tf-equity-mobile-active-order-list .bold,
tf-equity-mobile-inactive-order-list .bold,
tf-option-active-order-list .bold,
tf-option-inactive-order-list .bold,
tf-mobile-active-order-list .bold,
tf-mobile-inactive-order-list .bold {
  font-weight: bold; }

tf-equity-active-order-list .orders-table .table-header .column-headers,
tf-equity-inactive-order-list .orders-table .table-header .column-headers,
tf-equity-mobile-active-order-list .orders-table .table-header .column-headers,
tf-equity-mobile-inactive-order-list .orders-table .table-header .column-headers,
tf-option-active-order-list .orders-table .table-header .column-headers,
tf-option-inactive-order-list .orders-table .table-header .column-headers,
tf-mobile-active-order-list .orders-table .table-header .column-headers,
tf-mobile-inactive-order-list .orders-table .table-header .column-headers {
  border-bottom: 1px solid lightgray; }

tf-equity-active-order-list .orders-table .order-row,
tf-equity-inactive-order-list .orders-table .order-row,
tf-equity-mobile-active-order-list .orders-table .order-row,
tf-equity-mobile-inactive-order-list .orders-table .order-row,
tf-option-active-order-list .orders-table .order-row,
tf-option-inactive-order-list .orders-table .order-row,
tf-mobile-active-order-list .orders-table .order-row,
tf-mobile-inactive-order-list .orders-table .order-row {
  border-bottom: 1px solid darkgray; }
  tf-equity-active-order-list .orders-table .order-row:hover,
  tf-equity-inactive-order-list .orders-table .order-row:hover,
  tf-equity-mobile-active-order-list .orders-table .order-row:hover,
  tf-equity-mobile-inactive-order-list .orders-table .order-row:hover,
  tf-option-active-order-list .orders-table .order-row:hover,
  tf-option-inactive-order-list .orders-table .order-row:hover,
  tf-mobile-active-order-list .orders-table .order-row:hover,
  tf-mobile-inactive-order-list .orders-table .order-row:hover {
    background-color: aliceblue; }
  tf-equity-active-order-list .orders-table .order-row .table-header .column-headers,
  tf-equity-inactive-order-list .orders-table .order-row .table-header .column-headers,
  tf-equity-mobile-active-order-list .orders-table .order-row .table-header .column-headers,
  tf-equity-mobile-inactive-order-list .orders-table .order-row .table-header .column-headers,
  tf-option-active-order-list .orders-table .order-row .table-header .column-headers,
  tf-option-inactive-order-list .orders-table .order-row .table-header .column-headers,
  tf-mobile-active-order-list .orders-table .order-row .table-header .column-headers,
  tf-mobile-inactive-order-list .orders-table .order-row .table-header .column-headers {
    border-bottom: 1px solid lightgray; }
  tf-equity-active-order-list .orders-table .order-row .order-number-column,
  tf-equity-inactive-order-list .orders-table .order-row .order-number-column,
  tf-equity-mobile-active-order-list .orders-table .order-row .order-number-column,
  tf-equity-mobile-inactive-order-list .orders-table .order-row .order-number-column,
  tf-option-active-order-list .orders-table .order-row .order-number-column,
  tf-option-inactive-order-list .orders-table .order-row .order-number-column,
  tf-mobile-active-order-list .orders-table .order-row .order-number-column,
  tf-mobile-inactive-order-list .orders-table .order-row .order-number-column {
    color: #737373; }
  tf-equity-active-order-list .orders-table .order-row .is-parent-column,
  tf-equity-inactive-order-list .orders-table .order-row .is-parent-column,
  tf-equity-mobile-active-order-list .orders-table .order-row .is-parent-column,
  tf-equity-mobile-inactive-order-list .orders-table .order-row .is-parent-column,
  tf-option-active-order-list .orders-table .order-row .is-parent-column,
  tf-option-inactive-order-list .orders-table .order-row .is-parent-column,
  tf-mobile-active-order-list .orders-table .order-row .is-parent-column,
  tf-mobile-inactive-order-list .orders-table .order-row .is-parent-column {
    color: #737373; }
  tf-equity-active-order-list .orders-table .order-row .parent-order-column,
  tf-equity-inactive-order-list .orders-table .order-row .parent-order-column,
  tf-equity-mobile-active-order-list .orders-table .order-row .parent-order-column,
  tf-equity-mobile-inactive-order-list .orders-table .order-row .parent-order-column,
  tf-option-active-order-list .orders-table .order-row .parent-order-column,
  tf-option-inactive-order-list .orders-table .order-row .parent-order-column,
  tf-mobile-active-order-list .orders-table .order-row .parent-order-column,
  tf-mobile-inactive-order-list .orders-table .order-row .parent-order-column {
    color: #737373; }
  tf-equity-active-order-list .orders-table .order-row .account-column .account-name,
  tf-equity-inactive-order-list .orders-table .order-row .account-column .account-name,
  tf-equity-mobile-active-order-list .orders-table .order-row .account-column .account-name,
  tf-equity-mobile-inactive-order-list .orders-table .order-row .account-column .account-name,
  tf-option-active-order-list .orders-table .order-row .account-column .account-name,
  tf-option-inactive-order-list .orders-table .order-row .account-column .account-name,
  tf-mobile-active-order-list .orders-table .order-row .account-column .account-name,
  tf-mobile-inactive-order-list .orders-table .order-row .account-column .account-name {
    color: #737373; }
  tf-equity-active-order-list .orders-table .order-row .exchange-column,
  tf-equity-inactive-order-list .orders-table .order-row .exchange-column,
  tf-equity-mobile-active-order-list .orders-table .order-row .exchange-column,
  tf-equity-mobile-inactive-order-list .orders-table .order-row .exchange-column,
  tf-option-active-order-list .orders-table .order-row .exchange-column,
  tf-option-inactive-order-list .orders-table .order-row .exchange-column,
  tf-mobile-active-order-list .orders-table .order-row .exchange-column,
  tf-mobile-inactive-order-list .orders-table .order-row .exchange-column {
    color: #737373; }
  tf-equity-active-order-list .orders-table .order-row .side-column .conditional-indicator,
  tf-equity-inactive-order-list .orders-table .order-row .side-column .conditional-indicator,
  tf-equity-mobile-active-order-list .orders-table .order-row .side-column .conditional-indicator,
  tf-equity-mobile-inactive-order-list .orders-table .order-row .side-column .conditional-indicator,
  tf-option-active-order-list .orders-table .order-row .side-column .conditional-indicator,
  tf-option-inactive-order-list .orders-table .order-row .side-column .conditional-indicator,
  tf-mobile-active-order-list .orders-table .order-row .side-column .conditional-indicator,
  tf-mobile-inactive-order-list .orders-table .order-row .side-column .conditional-indicator {
    color: #737373; }
  tf-equity-active-order-list .orders-table .order-row .limit-column .price-instruction-type,
  tf-equity-inactive-order-list .orders-table .order-row .limit-column .price-instruction-type,
  tf-equity-mobile-active-order-list .orders-table .order-row .limit-column .price-instruction-type,
  tf-equity-mobile-inactive-order-list .orders-table .order-row .limit-column .price-instruction-type,
  tf-option-active-order-list .orders-table .order-row .limit-column .price-instruction-type,
  tf-option-inactive-order-list .orders-table .order-row .limit-column .price-instruction-type,
  tf-mobile-active-order-list .orders-table .order-row .limit-column .price-instruction-type,
  tf-mobile-inactive-order-list .orders-table .order-row .limit-column .price-instruction-type {
    color: #737373; }
  tf-equity-active-order-list .orders-table .order-row .created-column .created-relative,
  tf-equity-inactive-order-list .orders-table .order-row .created-column .created-relative,
  tf-equity-mobile-active-order-list .orders-table .order-row .created-column .created-relative,
  tf-equity-mobile-inactive-order-list .orders-table .order-row .created-column .created-relative,
  tf-option-active-order-list .orders-table .order-row .created-column .created-relative,
  tf-option-inactive-order-list .orders-table .order-row .created-column .created-relative,
  tf-mobile-active-order-list .orders-table .order-row .created-column .created-relative,
  tf-mobile-inactive-order-list .orders-table .order-row .created-column .created-relative {
    color: #737373; }
  tf-equity-active-order-list .orders-table .order-row .updated-column .updated-relative,
  tf-equity-inactive-order-list .orders-table .order-row .updated-column .updated-relative,
  tf-equity-mobile-active-order-list .orders-table .order-row .updated-column .updated-relative,
  tf-equity-mobile-inactive-order-list .orders-table .order-row .updated-column .updated-relative,
  tf-option-active-order-list .orders-table .order-row .updated-column .updated-relative,
  tf-option-inactive-order-list .orders-table .order-row .updated-column .updated-relative,
  tf-mobile-active-order-list .orders-table .order-row .updated-column .updated-relative,
  tf-mobile-inactive-order-list .orders-table .order-row .updated-column .updated-relative {
    color: #737373; }
  tf-equity-active-order-list .orders-table .order-row .completed-column .completed-relative,
  tf-equity-inactive-order-list .orders-table .order-row .completed-column .completed-relative,
  tf-equity-mobile-active-order-list .orders-table .order-row .completed-column .completed-relative,
  tf-equity-mobile-inactive-order-list .orders-table .order-row .completed-column .completed-relative,
  tf-option-active-order-list .orders-table .order-row .completed-column .completed-relative,
  tf-option-inactive-order-list .orders-table .order-row .completed-column .completed-relative,
  tf-mobile-active-order-list .orders-table .order-row .completed-column .completed-relative,
  tf-mobile-inactive-order-list .orders-table .order-row .completed-column .completed-relative {
    color: #737373; }
  tf-equity-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-OK,
  tf-equity-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-OK,
  tf-equity-mobile-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-OK,
  tf-equity-mobile-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-OK,
  tf-option-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-OK,
  tf-option-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-OK,
  tf-mobile-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-OK,
  tf-mobile-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-OK {
    color: #008000; }
  tf-equity-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-PENDING,
  tf-equity-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-PENDING,
  tf-equity-mobile-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-PENDING,
  tf-equity-mobile-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-PENDING,
  tf-option-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-PENDING,
  tf-option-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-PENDING,
  tf-mobile-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-PENDING,
  tf-mobile-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-PENDING {
    color: #737373; }
  tf-equity-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-AUTHORISING,
  tf-equity-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-AUTHORISING,
  tf-equity-mobile-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-AUTHORISING,
  tf-equity-mobile-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-AUTHORISING,
  tf-option-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-AUTHORISING,
  tf-option-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-AUTHORISING,
  tf-mobile-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-AUTHORISING,
  tf-mobile-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-AUTHORISING {
    color: #F5933F; }
  tf-equity-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-FAILED, tf-equity-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-DENIED,
  tf-equity-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-FAILED,
  tf-equity-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-DENIED,
  tf-equity-mobile-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-FAILED,
  tf-equity-mobile-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-DENIED,
  tf-equity-mobile-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-FAILED,
  tf-equity-mobile-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-DENIED,
  tf-option-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-FAILED,
  tf-option-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-DENIED,
  tf-option-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-FAILED,
  tf-option-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-DENIED,
  tf-mobile-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-FAILED,
  tf-mobile-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-DENIED,
  tf-mobile-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-FAILED,
  tf-mobile-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-DENIED {
    color: #CA0000; }

tf-order-entry-link.enabled {
  color: #256194; }

tf-update-order .validation-error {
  color: #D62728; }

tf-update-order .orderAmend {
  border-bottom: 1px solid lightgray; }

tf-orders-view {
  background-color: #FCFCFC; }

tf-account-performance-key-indicators .summary-value.good-value {
  color: #008000; }

tf-account-performance-key-indicators .summary-value.bad-value {
  color: #CA0000; }

portfolio-sidebar {
  border-right: 1px solid lightgray; }
  portfolio-sidebar .whatIfPanel {
    background: #F0F0F0;
    border: 1px solid lightgray; }
    portfolio-sidebar .whatIfPanel.open {
      background: #FCFCFC; }

tf-equity-order-display {
  text-align: center; }
  tf-equity-order-display .buy-text {
    color: #00B98A; }
  tf-equity-order-display .buy-order {
    background-color: #EBFBEF;
    padding: 20px 15px; }
  tf-equity-order-display .sell-order {
    background-color: #FBEEEF;
    padding: 20px 15px; }

tf-equity-order-summary .cost-cell {
  color: #CA0000; }

tf-equity-order-summary .credit-cell {
  color: #00B98A; }

tf-equity-order-summary .break-down {
  display: table;
  width: 100%;
  padding: 10px 15px;
  border-radius: 4px;
  background: #F8F8F8; }

tf-equity-order-summary .border-top {
  border-top: 1px solid #F0F0F0; }

tf-vetting-results .error-outcome {
  color: indianred;
  background-color: #f2dede; }

tf-vetting-results .warning-outcome {
  color: #cd8145;
  background-color: #f2d8be; }

tf-multi-account-equity-order-display {
  text-align: center; }
  tf-multi-account-equity-order-display .buy-text {
    color: #00B98A; }
  tf-multi-account-equity-order-display .buy-order {
    background-color: #EBFBEF;
    padding: 20px 15px; }
  tf-multi-account-equity-order-display .sell-order {
    background-color: #FBEEEF;
    padding: 20px 15px; }

tf-multi-account-equity-order-summary .cost-cell {
  color: #CA0000; }

tf-multi-account-equity-order-summary .credit-cell {
  color: #00B98A; }

tf-multi-account-equity-order-summary .break-down {
  display: table;
  width: 100%;
  padding: 10px 15px;
  border-radius: 4px;
  background: #F8F8F8; }

tf-multi-account-equity-order-summary .border-top {
  border-top: 1px solid #F0F0F0; }

tf-multi-account-equity-order-summary .table-header {
  border-bottom: 1px solid lightgray; }

tf-multi-account-equity-order-summary .table-body .buy-order {
  background-color: #EBFBEF; }

tf-multi-account-equity-order-summary .table-body .sell-order {
  background-color: #FBEEEF; }

tf-multi-account-equity-order-summary .table-body .table-row {
  color: #333333; }

tf-multi-account-equity-order-summary .table-body .table-column.change-up {
  color: #008000; }

tf-multi-account-equity-order-summary .table-body .table-column.change-down {
  color: #CA0000; }

tf-multi-account-equity-order-summary .table-body .table-column.highest-high {
  background-color: rgba(0, 128, 0, 0.8);
  color: white; }

tf-multi-account-equity-order-summary .table-body .table-column.lowest-low {
  background-color: rgba(202, 0, 0, 0.8);
  color: white; }

tf-multi-account-vetting-results .error-outcome {
  color: indianred;
  background-color: #f2dede; }

tf-multi-account-vetting-results .warning-outcome {
  color: #cd8145;
  background-color: #f2d8be; }

.duplicate-orders-notification-dialog .duplicate-order {
  color: #737373;
  background: aliceblue;
  border: 1px solid aliceblue; }

.multi-duplicate-orders-notification-dialog .duplicate-order {
  color: #737373;
  background: aliceblue;
  border: 1px solid aliceblue; }

tf-equity-order-wizard tf-equity-order-step .buy-sell-select .btn {
  background: lightgray; }
  tf-equity-order-wizard tf-equity-order-step .buy-sell-select .btn label {
    color: #333; }

tf-equity-order-wizard tf-equity-order-step .buy-sell-select .buy-order.active {
  background: #3DD467; }
  tf-equity-order-wizard tf-equity-order-step .buy-sell-select .buy-order.active label {
    color: white; }

tf-equity-order-wizard tf-equity-order-step .buy-sell-select .sell-order.active {
  background: #EB4D5C; }
  tf-equity-order-wizard tf-equity-order-step .buy-sell-select .sell-order.active label {
    color: white; }

tf-equity-order-wizard tf-equity-order-step .grey-background {
  background: #F8F8F8;
  border: 1px solid #F0F0F0; }

tf-equity-order-wizard tf-equity-order-step .checkbox i {
  color: #737373; }

tf-equity-order-wizard tf-equity-order-step .checkbox .text-success.active {
  color: #3DD467; }

tf-equity-order-wizard .validation-messages, tf-equity-order-wizard place-order-wizard .validation-warnings, place-order-wizard tf-equity-order-wizard .validation-warnings, tf-equity-order-wizard place-order-wizard .validation-info, place-order-wizard tf-equity-order-wizard .validation-info, tf-equity-order-wizard .dark place-order-wizard .validation-warnings, .dark place-order-wizard tf-equity-order-wizard .validation-warnings, tf-equity-order-wizard .dark place-order-wizard .validation-info, .dark place-order-wizard tf-equity-order-wizard .validation-info {
  color: indianred;
  background-color: #F2DEDE; }

tf-equity-order-wizard .btn-success {
  background: #3DD467;
  border-color: #3DD467; }
  tf-equity-order-wizard .btn-success.btn[disabled] {
    border-color: darkgray;
    background-color: darkgray; }
  tf-equity-order-wizard .btn-success :hover, tf-equity-order-wizard .btn-success :focus {
    background: #008000; }

roa-step .disclaimers {
  background-color: #F0F0F0;
  color: #333333; }

roa-step .soaColumns h4 {
  border-bottom: 1px solid lightgray; }

place-order-wizard .validation-messages, place-order-wizard .validation-warnings, place-order-wizard .validation-info, .dark place-order-wizard .validation-warnings, .dark place-order-wizard .validation-info {
  color: indianred;
  background-color: #F2DEDE; }

place-order-wizard .validation-warnings {
  color: #CD8145;
  background-color: #F2D8BE; }

place-order-wizard .validation-info {
  color: #31708f;
  background-color: #D9EDF7; }

.lodge-collateral-component .pending-collateral-movement {
  background: #F5933F; }

.portfolio .strategy-sidebar {
  background: #FCFCFC; }
  .portfolio .strategy-sidebar .sidebar-menu {
    box-shadow: rgba(0, 0, 0, 0.14902) 0 0 2px; }
  .portfolio .strategy-sidebar .closePanel span {
    border: 1px solid lightgray; }

.portfolio .position-controls .btn-clear {
  color: white; }

.portfolio .ui-grid-cell-contents.itm {
  background: linear-gradient(90deg, rgba(0, 128, 0, 0.05), rgba(0, 128, 0, 0.2)); }

.tf-quote-change-target.quote-change-up {
  animation-duration: 2s;
  animation-name: light-price-change-up; }

.tf-quote-change-target.quote-change-down {
  animation-duration: 2s;
  animation-name: light-price-change-down; }

@keyframes light-price-change-up {
  from {
    color: unset; }
  15% {
    color: #008000; }
  85% {
    color: #008000; }
  to {
    color: unset; } }

@keyframes light-price-change-down {
  from {
    color: unset; }
  25% {
    color: #CA0000; }
  75% {
    color: #CA0000; }
  to {
    color: unset; } }

tf-basis-of-quotation {
  color: #737373;
  border-color: lightgray; }
  tf-basis-of-quotation:hover {
    background-color: aliceblue; }

tf-current-quote {
  color: white; }
  tf-current-quote .ask-details {
    background-color: #CA0000;
    color: white; }
  tf-current-quote .bid-details {
    background-color: #008000;
    color: white; }
  tf-current-quote .quote-quantity {
    color: white;
    border-bottom: 1px solid lightgray; }
  tf-current-quote .quote-value {
    color: white; }

tf-buy-sell-toggle-quote {
  color: white; }
  tf-buy-sell-toggle-quote .buy-sell-select .btn {
    color: #333;
    background: lightgray; }
  tf-buy-sell-toggle-quote .buy-sell-select .buy-order.active {
    color: white;
    background: #008000; }
  tf-buy-sell-toggle-quote .buy-sell-select .sell-order.active {
    color: white;
    background: #CA0000; }

tf-quote-change .indicative {
  color: #F5933F; }

tf-quote-change-v2 .indicative {
  color: #F5933F; }

tf-quote-ohlc .value-name {
  color: #737373; }

tf-quote-ohlc .divider {
  border-left: 1px solid lightgray; }

tf-quote-ohlc.vertical .divider {
  border-bottom: 1px solid lightgray; }

tf-quote-totals .total-name {
  color: #737373; }

tf-quote-totals .divider {
  border-left: 1px solid lightgray; }

tf-quote-totals.vertical .divider {
  border-bottom: 1px solid lightgray; }

tf-quote-state .trading-state-pre-open, tf-quote-state .trading-state-pre-cspa, tf-quote-state .trading-state-opening {
  color: #F5933F; }

tf-quote-state .trading-state-reg-halt, tf-quote-state .trading-state-suspended {
  color: #CA0000; }

tf-quote-state .trading-state-closed {
  font-weight: 600; }

tf-security-time-series-desktop .table-header,
tf-security-time-series-mobile .table-header {
  border-bottom: 1px solid lightgray; }

tf-security-time-series-desktop .table-body .table-row,
tf-security-time-series-mobile .table-body .table-row {
  color: #333333; }
  tf-security-time-series-desktop .table-body .table-row:nth-child(even),
  tf-security-time-series-mobile .table-body .table-row:nth-child(even) {
    background-color: #F0F0F0; }

tf-security-time-series-desktop .table-body .table-column.change-up,
tf-security-time-series-mobile .table-body .table-column.change-up {
  color: #008000; }

tf-security-time-series-desktop .table-body .table-column.change-down,
tf-security-time-series-mobile .table-body .table-column.change-down {
  color: #CA0000; }

tf-security-time-series-desktop .table-body .table-column.highest-high,
tf-security-time-series-mobile .table-body .table-column.highest-high {
  background-color: rgba(0, 128, 0, 0.8);
  color: white; }

tf-security-time-series-desktop .table-body .table-column.lowest-low,
tf-security-time-series-mobile .table-body .table-column.lowest-low {
  background-color: rgba(202, 0, 0, 0.8);
  color: white; }

tf-om-average-price-update-request-dialog .warning-text {
  color: #F5933F; }

tf-store-order-items .order-summary {
  background: #FCFCFC; }
  tf-store-order-items .order-summary .order-lines {
    color: #737373; }
  tf-store-order-items .order-summary .order-line:hover .inner {
    background: aliceblue; }
  tf-store-order-items .order-summary .order-total {
    color: #333333; }
    tf-store-order-items .order-summary .order-total .order-line:before {
      border-top: 1px solid lightgray; }

tf-strategy-builder-stock-detail .title {
  color: #737373; }

tf-strategy-builder-stock-detail .content {
  color: #333333; }

tf-strategy-builder-stock-detail .divider {
  border: 1px solid lightgray; }

tf-strategy-builder-stock-summary .price-change {
  color: #737373; }

tf-strategy-builder-stock-summary .stock-iv-rank {
  border: 2px solid lightgray; }

.optnchain * .ui-grid-cell-contents.itm {
  background-color: rgba(0, 128, 0, 0.2); }

tf-trading-alert .status-column.matched {
  background-color: #008000; }

tf-trading-alert .edit-column {
  color: #737373; }

tf-trading-alert .alert-rule-list {
  color: #737373; }

tf-alert-rule-list .add-new-rule:hover {
  background-color: aliceblue; }

tf-alert-rule-list .rule-container {
  background: #FCFCFC;
  box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }

tf-adx-alert-rule .current-adx {
  color: #737373; }

tf-price-alert-rule .current-price {
  color: #737373; }

tf-trading-ideas-desktop {
  background: #FCFCFC;
  box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }

tf-iron-condor-idea-payoff .lines-layer .bought-put .chart-line, tf-iron-condor-idea-payoff .lines-layer .bought-call .chart-line {
  border-color: #CA0000; }

tf-iron-condor-idea-payoff .lines-layer .bought-put .line-amount, tf-iron-condor-idea-payoff .lines-layer .bought-call .line-amount {
  color: #CA0000; }

tf-iron-condor-idea-payoff .lines-layer .sold-call .chart-line, tf-iron-condor-idea-payoff .lines-layer .sold-put .chart-line {
  border-color: #008000; }

tf-iron-condor-idea-payoff .lines-layer .sold-call .line-amount, tf-iron-condor-idea-payoff .lines-layer .sold-put .line-amount {
  color: #008000; }

tf-iron-condor-idea-payoff .lines-layer .lower-break-even .chart-line, tf-iron-condor-idea-payoff .lines-layer .current-price .chart-line, tf-iron-condor-idea-payoff .lines-layer .upper-break-even .chart-line {
  border-color: #737373; }

tf-iron-condor-idea-payoff .boxes-layer .lower-loss .box-label, tf-iron-condor-idea-payoff .boxes-layer .upper-loss .box-label {
  color: #CA0000; }

tf-iron-condor-idea-payoff .boxes-layer .lower-loss .box {
  background: linear-gradient(to right, #CA0000, #737373); }

tf-iron-condor-idea-payoff .boxes-layer .upper-loss .box {
  background: linear-gradient(to left, #CA0000, #737373); }

tf-iron-condor-idea-payoff .boxes-layer .profit .box {
  background-color: #008000; }

tf-iron-condor-idea-payoff .boxes-layer .profit .box-label {
  color: #008000; }

tf-iron-condor-idea-payoff .boxes-layer .lower-break-even .box {
  background: linear-gradient(to right, #737373, #008000); }

tf-iron-condor-idea-payoff .boxes-layer .upper-break-even .box {
  background: linear-gradient(to left, #737373, #008000); }

tf-trading-ideas-risk .risk-amounts .max-payoff .amount {
  color: #008000; }

tf-trading-ideas-risk .risk-amounts .max-risk .amount {
  color: #CA0000; }

tf-trading-ideas-risk .risk-slider rzslider .rz-bar-wrapper .rz-bar {
  background-color: lightgray; }

tf-trading-ideas-risk .risk-slider rzslider .rz-pointer {
  background-color: #F0F0F0;
  border: 2px solid #0DB9F0; }

tf-trading-ideas-mobile {
  background: #FCFCFC;
  box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }

tf-trade-simulation-data .table-header {
  border-bottom: 1px solid lightgray; }

tf-trade-simulation-data .table-row.trade-row.trade-long {
  background-color: rgba(0, 128, 0, 0.2); }

tf-trade-simulation-data .table-row.trade-row.trade-short {
  background-color: rgba(202, 0, 0, 0.2); }

tf-trade-simulation-data .table-row.trade-row:hover {
  background-color: aliceblue; }

tf-trade-simulation-data .table-row.trade-row:not(:last-child) {
  border-bottom: 1px solid lightgray; }

tf-trade-simulation-data .table-row.new-trade-row {
  border-top: 1px solid lightgray;
  padding-top: 10px; }

tf-technical-indicators .technical-indicators-card {
  background: #FCFCFC;
  box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }

tf-technical-indicators .trading-systems-status {
  border-top: 1px solid lightgrey;
  border-left: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey; }
  tf-technical-indicators .trading-systems-status:last-child {
    border-right: 1px solid lightgrey; }
  tf-technical-indicators .trading-systems-status.INACTIVE {
    background: transparent;
    color: darkgray; }
  tf-technical-indicators .trading-systems-status.ACTIVE {
    background: #D3FBD2;
    color: #333; }
    tf-technical-indicators .trading-systems-status.ACTIVE:hover {
      background: #bcf9bb; }
  tf-technical-indicators .trading-systems-status.APPROACHING {
    background: #FBFFC4;
    color: #333; }

risk-dashboard-actions .action-item {
  background: #FCFCFC;
  box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }
  risk-dashboard-actions .action-item .action-item-header {
    color: darkgray; }
  risk-dashboard-actions .action-item .action-item-footer {
    color: #9A9DA2; }

risk-row-detail .over-limit {
  color: #CA0000;
  font-weight: 700; }

risk-row-detail .limit-not-set {
  color: darkgray; }

risk-row-detail .cbpl-column {
  background-color: #F0F0F0; }

risk-row-detail:hover {
  background-color: aliceblue; }
  risk-row-detail:hover .cbpl-column {
    background-color: aliceblue; }

risk-management {
  background: #FCFCFC;
  box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }
  risk-management .risk-row {
    border-top: 1px solid #E4E7ED; }
  risk-management .filter-row .as-at-subtitle {
    color: #9A9DA2; }

risk-dashboard-notifications {
  background: #FCFCFC;
  box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }
  risk-dashboard-notifications .notifications-header h2.title {
    color: #333333; }
  risk-dashboard-notifications .notification {
    border-bottom: 1px solid #E4E7ED; }
    risk-dashboard-notifications .notification:hover {
      background: aliceblue; }
    risk-dashboard-notifications .notification.active {
      background: aliceblue; }
    risk-dashboard-notifications .notification .notification-indicator.notification-alert {
      background: #CB0005; }
    risk-dashboard-notifications .notification .notification-indicator.notification-warning {
      background-color: #E25400; }
    risk-dashboard-notifications .notification .notification-indicator.notification-info {
      background: #00B30A; }
    risk-dashboard-notifications .notification .notification-text {
      color: #737373; }

tf-watch-list .watchlist-item {
  border-top: 1px solid lightgray; }

tf-watch-list .remove-column {
  color: #737373; }
  tf-watch-list .remove-column i:hover {
    color: #333333; }

tf-watch-list .watchlist-footer {
  color: #737373; }

tf-watch-list-header .watchlist-list .add-watchlist {
  border-bottom: 1px solid lightgray; }

tf-watch-list-header .watchlist-list .watchlist-select:hover {
  background: aliceblue;
  color: #333333; }

.btn:focus {
  color: #333333; }

.btn-default {
  color: #333333;
  background: #e2e2e2;
  border-color: #bfbebe; }
  .btn-default:hover, .btn-default:focus {
    background-color: #cbd2d8;
    border-color: #878d92;
    color: #333333; }
  .btn-default.active {
    background-color: #cbd2d8; }

.btn-success {
  color: #FFFFFF;
  background: #297D29;
  border-color: #297D29; }
  .btn-success:hover, .btn-success:focus {
    background-color: #1E4E1E;
    border-color: #1E4E1E; }

.btn-info {
  color: #FFFFFF;
  background: #328185;
  border-color: #328185; }
  .btn-info:hover, .btn-info:focus {
    background-color: #236164;
    border-color: #236164; }

.btn-clear {
  color: #333333; }
  .btn-clear:hover, .btn-clear:focus {
    color: #333333; }

.btn-primary:focus {
  color: white; }

.btn-success {
  color: white; }

.btn-info {
  color: white; }

.modal-content {
  background-color: #FCFCFC;
  color: #333333; }

.modal-body {
  color: #333333; }

input, .form-control {
  border: 1px solid lightgray;
  background-color: white;
  color: #333333; }

input::placeholder {
  color: #737373; }

.dropdown-header {
  color: #333333; }

.dropdown-menu {
  background-color: #FCFCFC; }
  .dropdown-menu > li > a {
    color: #333333; }

.popover, .panel {
  background-color: #FCFCFC;
  color: #333333; }

.panel-default > .panel-heading {
  background-color: #FCFCFC;
  color: #333333;
  border-color: lightgray; }

.popover.top > .arrow:after {
  border-top-color: #FCFCFC; }

.breadcrumb {
  color: #333333; }

.close {
  color: #333333; }

.input-group-addon {
  border: 1px solid lightgray;
  background: white;
  color: #333333; }
  .input-group-addon:first-child {
    border-right: none; }
  .input-group-addon:last-child {
    border-left: none; }

label {
  color: #333333; }

.table-hover > tbody > tr:hover {
  color: #333333;
  background-color: aliceblue; }

.list-group-item {
  background-color: unset; }

.uib-tab a {
  color: #737373; }

.well {
  background-color: #FCFCFC; }

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th {
  border-top: 1px solid lightgray; }

.table.table-no-border > thead > tr > th,
.table.table-no-border > tbody > tr > th,
.table.table-no-border > tfoot > tr > th,
.table.table-no-border > thead > tr > td,
.table.table-no-border > tbody > tr > td,
.table.table-no-border > tfoot > tr > td {
  border-top: none; }

.table > thead > tr > td,
.table > thead > tr > th {
  border-bottom: 1px solid lightgray; }

.dropdown-menu .active a,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #333333;
  text-decoration: none;
  background-color: aliceblue;
  background-image: none; }

/* Fix for bootstrap leaving a margin above the dropdown.  Needs to be based on attribute as it is anchored to the body */
ul[uib-typeahead-popup] {
  color: #8A8989;
  border-radius: 3px; }

ul[uib-typeahead-popup] li > a:hover,
ul[uib-typeahead-popup] li > a:focus {
  color: #333333;
  text-decoration: none;
  background-color: aliceblue;
  background-image: none; }

.modal-header {
  border-bottom: 1px solid lightgray; }

.modal-footer {
  border-top: 1px solid lightgray; }

hr {
  border-top: 1px solid lightgray; }

.list-group-item {
  border-color: lightgray; }

.full-width-header, .half-width-header {
  color: #FFFFFF;
  background-color: #E04C2C; }

.full-width-header-phillip {
  color: #333333;
  background-color: #FFFFFF; }

.full-width-header h2, .half-width-header h2,
.full-width-header h3, .half-width-header h3 {
  color: #FFFFFF; }

.half-width-header .half-width-contents ul li .selected {
  color: #CFE883; }

.half-width-header .half-width-contents ul li i {
  color: #dfdfdf; }

.brokerList {
  background-color: #FFFFFF; }

.btn-proceed {
  background: white;
  color: #333; }
  .btn-proceed:active, .btn-proceed:focus {
    color: #333; }

.brokers-list-premium h1, .brokers-list-premium h2, .brokers-list-premium h3, .brokers-list-premium h4, .brokers-list-premium h5, .brokers-list-premium h6 {
  color: #E04C2C; }

.brokers-list-premium h3 span {
  background: #FFFFFF; }

.brokers-list-premium h3:before {
  background: #DDDDDD; }

.brokers-list-premium .subtitle {
  color: #989898; }

.brokers-list-premium.multiple-columns li {
  border: 1px dotted #CFCFCF;
  color: #ACACAC; }

.brokers-list-premium.multiple-columns li:hover {
  border-color: #6DB3CE;
  color: #6DB3CE; }

.brokers-list-premium.multiple-columns li.active {
  border-color: #089A08;
  color: #089A08; }

.brokers-list-premium .gridster-item {
  padding: 10px;
  border-radius: 1px;
  border: 2px solid transparent; }

.brokers-list-premium .gridster-item:hover,
.brokers-list-premium .gridster-item.active {
  border-color: #089A08; }

.premium-broker-list-selector {
  background-color: #FFFFFF; }

.premium-broker-list-selector li span.left {
  color: #FFFFFF; }

.premium-broker-list-selector .balloon {
  background: #3498DB; }

.premium-broker-list-selector .button {
  border: 3px solid #000000;
  color: #000000; }

.premium-broker-list-selector .photo .photo-index {
  background: rgba(0, 0, 0, 0.9);
  color: #FFFFFF; }

.fs-fields .fs-current .icon-question {
  color: #737373; }

.fs-fields .fs-current .style-icon-lookup {
  color: #737373; }

.fs-fields .fs-current .style-icon-lookup:hover {
  color: rgba(231, 97, 0, 0.8); }

.fs-current .gender {
  color: grey; }

.fs-current .male.gender.active, .fs-current .male.gender:hover {
  color: #00ADEF; }

.fs-current .female.gender.active, .fs-current .female.gender:hover {
  color: #ED008B; }

.fs-fields > li label.fs-field-label {
  color: #333333; }

.demographicBox {
  border: 4px solid #C3C3C3; }

.demographicBox:active, .demographicBox.active,
.demographicBox:hover {
  border-color: green; }

.demographicBox .rating {
  color: grey; }

.demographicBox .rating-active {
  color: #00ADEF; }

.demographicBox .value {
  color: #737373; }

.demographicBox .sub-value {
  color: grey; }

.fs-fields input {
  border-bottom: 2px solid rgba(0, 0, 0, 0.2); }

/* placeholder */
.fs-fields input::-webkit-input-placeholder,
.fs-fields textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.1); }

.fs-fields input:-moz-placeholder,
.fs-fields textarea:-moz-placeholder {
  color: rgba(0, 0, 0, 0.1); }

.fs-fields input::-moz-placeholder,
.fs-fields textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.1); }

.fs-fields input:-ms-input-placeholder,
.fs-fields textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.1); }

/* Hide placeholder when focused in Webkit browsers */
.fs-fields input:focus::-webkit-input-placeholder {
  color: transparent; }

.fs-fields a.uploadPos {
  color: #CCCCCC; }

.fs-fields a.uploadPos:hover {
  border: 1px solid #E04C2C;
  color: #E04C2C; }

.fs-fields .dropzone {
  border: 2px dashed #E04C2C !important;
  background: white; }

/*STEP 4 INTERESTS*/
.welcome-interests-container .subtitle {
  color: gray; }

.wizardWelcome .modal-footer {
  border-top: 0 solid #E5E5E5; }

/* ==============================
       Pricing
       ============================== */
.pricing-item-inner {
  border: 1px solid #EAEAEA; }

.pricing-item-inner:hover {
  border-color: #AAAAAA; }

.main .pricing-item-inner {
  border-color: #AAAAAA;
  background-color: aliceblue; }

.pr-list {
  color: #777777; }

.pr-list li {
  border-bottom: 1px solid #F1F1F1; }

.pr-list li:first-child {
  border-top: 1px solid #F1F1F1; }

.pr-button {
  border-top: 1px solid #F1F1F1; }

.pr-per {
  color: #999999; }

.tf-tabs {
  display: flex;
  flex-direction: row;
  height: 50px;
  min-height: 50px;
  background: #FCFCFC;
  border-left: 1px solid lightgray;
  border-right: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
  overflow: hidden; }
  .tf-tabs .tf-tab {
    flex-shrink: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    padding: 5px 10px;
    text-decoration: none;
    color: #737373;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer; }
    .tf-tabs .tf-tab.selected {
      color: #256194; }
      .tf-tabs .tf-tab.selected:hover {
        color: #256194; }
      .tf-tabs .tf-tab.selected:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        border-bottom: 2px solid #256194; }
    .tf-tabs .tf-tab:hover {
      color: #333333; }
      .tf-tabs .tf-tab:hover:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        border-bottom: 2px solid #256194; }
    .tf-tabs .tf-tab:not(:first-child):before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      height: 50%;
      transform: translateY(-50%);
      border-left: 1px solid lightgray; }
  .tf-tabs.justified {
    width: 100%; }
    .tf-tabs.justified .tf-tab {
      flex-basis: 0;
      flex-grow: 1; }

a {
  color: #256194; }

.close-button::before,
.close-button::after {
  background: #888888; }

.openPosHelper {
  color: #CCCCCC; }

.accNumber {
  opacity: 0.1;
  background-color: #000000; }

.smallLink {
  color: #8C8C8C; }

.smallLink:hover {
  color: #E04C2C; }

.ng-touched.ng-invalid {
  border: 1px red solid !important; }

.ng-submitted input.ng-invalid {
  border: 1px red solid !important; }

.ng-submitted select.ng-invalid {
  border: 1px red solid !important; }

.contact-card {
  background: #F9F9F9;
  border: 1px solid #CCCCCC; }

.contact-card-drop {
  background: transparent;
  border: 1px dashed #CCCCCC; }

.horizontalDivider {
  border-bottom: 1px solid #A5A5A5; }

.horizontalDivider span {
  border: 1px solid #A5A5A5;
  color: #A5A5A5;
  background-color: #FFFFFF; }

::-moz-selection {
  color: inherit;
  background: inherit; }

::-webkit-selection {
  color: inherit;
  background: inherit; }

::selection {
  color: inherit;
  background: inherit; }

input::-moz-selection {
  color: #FFFFFF;
  background: #E04C2C; }

input::-webkit-selection {
  color: #FFFFFF;
  background: #E04C2C; }

input::selection {
  color: #FFFFFF;
  background: #E04C2C; }

table::-moz-selection {
  color: #FFFFFF;
  background: #E04C2C; }

table::-webkit-selection {
  color: #FFFFFF;
  background: #E04C2C; }

table::selection {
  color: #FFFFFF;
  background: #E04C2C; }

textarea::-moz-selection {
  color: #FFFFFF;
  background: #E04C2C; }

textarea::-webkit-selection {
  color: #FFFFFF;
  background: #E04C2C; }

textarea::selection {
  color: #FFFFFF;
  background: #E04C2C; }

div.editable::-moz-selection {
  color: #FFFFFF;
  background: #E04C2C; }

div.editable::-webkit-selection {
  color: #FFFFFF;
  background: #E04C2C; }

div.editable::selection {
  color: #FFFFFF;
  background: #E04C2C; }

div.allowSelection::-moz-selection {
  color: #FFFFFF;
  background: #E04C2C; }

div.allowSelection::-webkit-selection {
  color: #FFFFFF;
  background: #E04C2C; }

div.allowSelection::selection {
  color: #FFFFFF;
  background: #E04C2C; }

.selectable::-moz-selection {
  color: #FFFFFF;
  background: #E04C2C; }

.selectable::-webkit-selection {
  color: #FFFFFF;
  background: #E04C2C; }

.selectable::selection {
  color: #FFFFFF;
  background: #E04C2C; }

.navbar-search input::-moz-selection {
  color: #E04C2C;
  background: #FFFFFF; }

.navbar-search input::-webkit-selection {
  color: #E04C2C;
  background: #FFFFFF; }

.navbar-search input::selection {
  color: #E04C2C;
  background: #FFFFFF; }

.panel-footer {
  background-color: #FFFFFF;
  border-color: #EDF1F2;
  border-radius: 0 0 2px 2px; }

/* 2.1 BUYS/SELLS/COLORS*/
.tfOrange {
  background: #E04C2C; }

.textTFOrange,
.text-orange {
  color: #E04C2C !important; }

a.tf-link,
.tf-link a {
  color: rgba(224, 76, 44, 0.78) !important; }

a.tf-link:hover,
.tf-link a:hover {
  color: #E04C2C !important; }

a.white-link {
  color: rgba(255, 255, 255, 0.78) !important; }

a.white-link:hover {
  color: #FFFFFF !important;
  text-decoration: underline; }

.text-red-1 {
  color: #EB5055 !important; }

.text-grey {
  color: #A5A5A5; }

.text-aqua {
  color: #1BBAE1; }

.text-purple {
  color: #7D38E1; }

.text-white {
  color: #FFFFFF !important; }

.modal-header .text-white {
  /*TODO: THIS NEEDS TO BE FIXED*/
  color: #585858 !important; }

.sell, .short, .badPosition, .down, .marginUp {
  color: #CA0000; }

.sell-grey {
  color: #969696; }

.summary-red {
  color: #CA0000 !important; }

.strategy-leg-buy {
  background-color: rgba(0, 128, 0, 0.2); }

.strategy-leg-sell {
  background-color: rgba(202, 0, 0, 0.2); }

.unch {
  color: #737373 !important; }

.long, .buy, .up, .marginDown {
  color: #008000 !important; }

.summary-green {
  color: #008000 !important; }

.summary-orange {
  color: #FFA60E !important; }

.green-background-lt {
  background-color: #ecffee; }

.red-background-lt {
  background-color: #fff4f3; }

.unch {
  color: #a8a8a8; }

.subtitle-grey {
  color: #9E9E9E; }

.summary-grey {
  color: #999999; }

.subtitle-red {
  color: #E74D41; }

/*GROWL ALERTS*/
growl-notifications {
  opacity: 0.95; }

growl-notification.fading.ng-move {
  opacity: 0; }

growl-notification.fading.ng-move.ng-move-active {
  opacity: 1; }

growl-notification.fading.ng-leave {
  opacity: 1; }

growl-notification.fading.ng-leave.ng-leave-active {
  opacity: 0; }

.bigBox {
  min-height: 150px;
  color: #FFFFFF;
  background-color: #004D60;
  border-left: 5px solid rgba(0, 0, 0, 0.15); }

.bigBox.alert-error {
  background-color: #c46a69; }

.bigBox.alert-info {
  background-color: #3276b1; }

@media screen and (max-width: 450px) and (max-width: 767px) {
  .bigBox {
    background-color: #004D60;
    color: #FFFFFF; } }

/*STATIC ALERTS & INFOBOXES*/
.alertTF .alert-right {
  color: #FFFFFF; }

.alertTF .alert-main {
  color: #737373;
  background-color: #FCFCFC; }

.alertTF .alert-right.alert-danger {
  background-color: #C32222;
  border: 1px solid #C32222; }

.alertTF .alert-main.alert-danger {
  border: 1px solid #C32222; }

.alertTF .alert-right.alert-success {
  background-color: #457C45;
  border: 1px solid #457C45; }

.alertTF .alert-main.alert-success {
  border: 1px solid #457C45; }

.alertTF .alert-right.alert-info {
  background-color: #1F77B4;
  border: 1px solid #1F77B4; }

.alertTF .alert-main.alert-info {
  border: 1px solid #1F77B4; }

.alert-info-sharper {
  color: #1F77B4;
  background-color: #FAFAFF;
  border-color: #1F77B4; }

.alert-info-sharper .close {
  color: #4E4E4E; }

.alert-info-sharper.alert-icon i {
  color: #E04C2C; }

/*SUBTITLES*/
.formSub, .passTips {
  color: #5c5b5b; }

.icSub {
  color: grey; }

.note {
  color: #999999; }

.icon-facebook2.icon-hoverable:hover,
.icon-facebook2.active {
  color: #4C699E !important; }

.icon-twitter2.icon-hoverable:hover,
.icon-twitter2.active {
  color: #1DAEE3 !important; }

.icon-linkedin.icon-hoverable:hover,
.icon-linkedin.active {
  color: #4875B4 !important; }

.icon-globe.icon-hoverable:hover,
.icon-globe.active {
  color: #E04C2C !important; }

/*General Look&Feel*/
.orderedList li:before {
  color: #E04C2C; }

.progress {
  background-color: whitesmoke; }

div[contenteditable]:hover,
div[contenteditable]:focus {
  background: #E7E7E8; }

div[contenteditable]:hover {
  box-shadow: inset 0 -2px #BBBBBB; }

div[contenteditable]:hover:after,
div[contenteditable]:focus:after {
  color: #449FDB; }

div[contenteditable]:focus {
  box-shadow: inset 0 -2px #449FDB; }

.tfList ul li:before {
  color: #E04C2C; }

.tfList ul li a {
  color: #4A4A4A; }

.tfList ul li:hover a {
  background: #F4F6F8;
  color: #E04C2C; }

.renameBox > i {
  color: #6B6B6B; }

/* ==============================
   3. Typography
   ============================== */
h3 small,
h4 small,
h5 small {
  color: #737373; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333333; }

/* ==============================
   4. BUTTONS
   ============================== */
.btn-stress:hover {
  color: #FFFFFF; }

.btn-stress.active {
  color: #FFFFFF;
  background-color: #E04C2C;
  border-color: #E04C2C; }

.btn-stressSelectorTop:hover {
  color: grey; }

.btn-stressSelectorTop.active {
  color: #FFFFFF;
  background-color: #E04C2C;
  border-color: #E04C2C; }

.btn-stressTest {
  color: #333333;
  background-color: transparent;
  border-color: lightgray; }

.btn-stressTest.active,
.btn-stressTest:hover {
  color: #FFFFFF;
  background-color: #E04C2C;
  border-color: #E04C2C; }

.btn-circle {
  box-shadow: 2px 3px 4px rgba(90, 90, 90, 0.27); }

.btn-clear:active, .btn-clear.active {
  outline: none;
  color: #E04C2C; }

.btn-clear.disabled, .btn-clear[disabled] {
  opacity: .5; }

.nav .btn-clear:active {
  outline: none;
  color: #FFFFFF !important; }

.btn-clear:focus {
  outline: none !important; }

.btn-allocate:not([disabled]):hover {
  color: green; }

.btn-order:hover {
  color: #500150; }

.btn-clearPos:hover {
  color: #E04C2C; }

.btn-big-box:hover {
  background-color: rgba(158, 158, 158, 0.2); }

.btn-md-box:hover {
  background-color: rgba(158, 158, 158, 0.2); }

.btn-interest {
  color: #E04C2C;
  background-color: #FFFFFF;
  border-color: #E04C2C; }

.btn-interest i {
  color: #E04C2C !important; }

.btn-interest:hover i {
  color: #FFFFFF !important; }

.btn-interest:hover,
.btn-interest:focus,
.btn-interest.focus,
.open > .dropdown-toggle.btn-interest {
  color: #FFFFFF;
  background-color: #E04C2C;
  border-color: #E04C2C; }

.btn-interest:active,
.btn-interest.active {
  color: #FFFFFF;
  background-color: #5CB85C;
  border-color: #4CAE4C; }

.btn-interest:active,
.btn-interest.active,
.open > .dropdown-toggle.btn-interest {
  background-image: none; }

.btn-interest.disabled,
.btn-interest[disabled],
fieldset[disabled] .btn-interest,
.btn-interest.disabled:hover,
.btn-interest[disabled]:hover,
fieldset[disabled] .btn-interest:hover,
.btn-interest.disabled:focus,
.btn-interest[disabled]:focus,
fieldset[disabled] .btn-interest:focus,
.btn-interest.disabled.focus,
.btn-interest[disabled].focus,
fieldset[disabled] .btn-interest.focus,
.btn-interest.disabled:active,
.btn-interest[disabled]:active,
fieldset[disabled] .btn-interest:active,
.btn-interest.disabled.active,
.btn-interest[disabled].active,
fieldset[disabled] .btn-interest.active {
  background-color: #5CB85C;
  border-color: #4CAE4C; }

.btn-info-outline {
  color: #328185;
  background-color: transparent;
  border-color: #328185; }

.btn-info-outline:hover,
.btn-info-outline.active,
.open > .dropdown-toggle.btn-info-outline {
  color: #FFFFFF;
  background-color: #328185;
  border-color: #328185; }

.btn-info-outline:hover {
  opacity: 0.7; }

.btn-info-outline.active:hover {
  opacity: 1; }

.btn-info-outline.focus {
  color: #328185; }

.btn-info-outline:active,
.open > .dropdown-toggle.btn-info-outline {
  background-image: none; }

.btn-info-outline.disabled,
.btn-info-outline[disabled],
fieldset[disabled] .btn-info-outline,
.btn-info-outline.disabled:hover,
.btn-info-outline[disabled]:hover,
fieldset[disabled] .btn-info-outline:hover,
.btn-info-outline.disabled:focus,
.btn-info-outline[disabled]:focus,
fieldset[disabled] .btn-info-outline:focus,
.btn-info-outline.disabled.focus,
.btn-info-outline[disabled].focus,
fieldset[disabled] .btn-info-outline.focus,
.btn-info-outline.disabled:active,
.btn-info-outline[disabled]:active,
fieldset[disabled] .btn-info-outline:active,
.btn-info-outline.disabled.active,
.btn-info-outline[disabled].active,
fieldset[disabled] .btn-info-outline.active {
  background-color: #5BC0DE;
  border-color: #46B8DA; }

.btn-success-outline {
  color: #297D29;
  background-color: transparent;
  border-color: #297D29; }
  .btn-success-outline:focus {
    color: #297D29; }

.btn-success-outline:hover,
.btn-success-outline.active,
.open > .dropdown-toggle.btn-success-outline {
  color: #FFFFFF;
  background-color: #297D29;
  border-color: #297D29; }

.btn-success-outline:hover {
  opacity: 0.7; }

.btn-success-outline.active:hover {
  opacity: 1; }

.btn-success-outline.focus {
  color: #4CAE4C; }

.btn-success-outline:active,
.open > .dropdown-toggle.btn-success-outline {
  background-image: none; }

.btn-success-outline.disabled,
.btn-success-outline[disabled],
fieldset[disabled] .btn-success-outline,
.btn-success-outline.disabled:hover,
.btn-success-outline[disabled]:hover,
fieldset[disabled] .btn-success-outline:hover,
.btn-success-outline.disabled:focus,
.btn-success-outline[disabled]:focus,
fieldset[disabled] .btn-success-outline:focus,
.btn-success-outline.disabled.focus,
.btn-success-outline[disabled].focus,
fieldset[disabled] .btn-success-outline.focus,
.btn-success-outline.disabled:active,
.btn-success-outline[disabled]:active,
fieldset[disabled] .btn-success-outline:active,
.btn-success-outline.disabled.active,
.btn-success-outline[disabled].active,
fieldset[disabled] .btn-success-outline.active {
  background-color: transparent;
  border-color: darkgrey;
  color: darkgrey; }

.btn-success-outline .badge {
  color: #5CB85C;
  background-color: transparent; }

.btn-danger-outline {
  color: #D43F3A;
  background-color: transparent;
  border-color: #D43F3A; }
  .btn-danger-outline:focus {
    color: #D43F3A; }

.btn-danger-outline:hover,
.btn-danger-outline.active,
.open > .dropdown-toggle.btn-danger-outline {
  color: #FFFFFF;
  background-color: #C9302C;
  border-color: #AC2925; }

.btn-danger-outline:hover {
  opacity: 0.7; }

.btn-danger-outline.active:hover {
  opacity: 1; }

.btn-danger-outline.focus {
  color: #D43F3A; }

.btn-danger-outline:active,
.btn-danger-outline.active,
.open > .dropdown-toggle.btn-danger-outline {
  background-image: none; }

.btn-danger-outline.disabled,
.btn-danger-outline[disabled],
fieldset[disabled] .btn-danger-outline,
.btn-danger-outline.disabled:hover,
.btn-danger-outline[disabled]:hover,
fieldset[disabled] .btn-danger-outline:hover,
.btn-danger-outline.disabled:focus,
.btn-danger-outline[disabled]:focus,
fieldset[disabled] .btn-danger-outline:focus,
.btn-danger-outline.disabled.focus,
.btn-danger-outline[disabled].focus,
fieldset[disabled] .btn-danger-outline.focus,
.btn-danger-outline.disabled:active,
.btn-danger-outline[disabled]:active,
fieldset[disabled] .btn-danger-outline:active,
.btn-danger-outline.disabled.active,
.btn-danger-outline[disabled].active,
fieldset[disabled] .btn-danger-outline.active {
  background-color: transparent;
  border-color: darkgrey;
  color: darkgrey; }

.btn-primary-outline {
  color: #337AB7;
  background-color: transparent;
  border-color: #2E6DA4; }

.btn-primary-outline:hover,
.btn-primary-outline.active,
.open > .dropdown-toggle.btn-primary-outline {
  color: #FFFFFF;
  background-color: #337AB7;
  border-color: #2E6DA4; }

.btn-primary-outline.disabled,
.btn-primary-outline[disabled],
fieldset[disabled] .btn-primary-outline,
.btn-primary-outline.disabled:hover,
.btn-primary-outline[disabled]:hover,
fieldset[disabled] .btn-primary-outline:hover,
.btn-primary-outline.disabled:focus,
.btn-primary-outline[disabled]:focus,
fieldset[disabled] .btn-primary-outline:focus,
.btn-primary-outline.disabled.focus,
.btn-primary-outline[disabled].focus,
fieldset[disabled] .btn-primary-outline.focus,
.btn-primary-outline.disabled:active,
.btn-primary-outline[disabled]:active,
fieldset[disabled] .btn-primary-outline:active,
.btn-primary-outline.disabled.active,
.btn-primary-outline[disabled].active,
fieldset[disabled] .btn-primary-outline.active {
  background-color: transparent;
  border-color: darkgrey;
  color: darkgrey; }

.btn-danger-outline .badge {
  color: #D9534F;
  background-color: transparent; }

/* ==============================
   5. Form Fields
   ============================== */
.icon-addon {
  color: #ABABAB; }

.icon-addon label:hover:before {
  border: none !important; }

.icon-addon .form-control:focus + .glyphicon,
.icon-addon:hover .glyphicon,
.icon-addon .form-control:focus + .fa,
.icon-addon:hover .fa {
  color: #2580DB; }

/* ==============================
   6. HOVERS
   ============================== */
.fav {
  cursor: pointer;
  color: rgba(28, 43, 54, 0.42); }

.fav.on, .account-fav.on, .account-fav.off:hover {
  color: #E04C2C; }

.text-close {
  color: #8A8989; }

a.text-close:hover {
  color: #EB5055; }

.text-roll {
  color: #8A8989; }

a.text-roll:hover {
  color: #1C2B36; }

.pin {
  color: #9A9999;
  cursor: pointer; }

.pin.active {
  color: #E04C2C;
  opacity: 1; }

/** TODO this shouldn't be here as it is named like a text colour */
button.text-roll:hover {
  color: #1C2B36; }

/* ==============================
   7. TF POPOVERS
   ============================== */
.optnPopover {
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid #CCCCCC;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.optnPopover-title {
  background-color: #F7F7F7;
  border-bottom: 1px solid #EBEBEB; }

.optnPopover > .arrow,
.optnPopover > .arrow:after {
  border-color: transparent;
  border-style: solid; }

.optnPopover.top-left > .arrow {
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25); }

.optnPopover.top-left > .arrow:after {
  border-top-color: #FCFCFC; }

.optnPopover.right > .arrow {
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }

.optnPopover.right > .arrow:after {
  border-right-color: #FCFCFC; }

.optnPopover.bottom > .arrow {
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25); }

.optnPopover.bottom > .arrow:after {
  border-bottom-color: #FCFCFC; }

.optnPopover.left > .arrow {
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }

.optnPopover.left > .arrow:after {
  border-left-color: #FCFCFC; }

.tfPopover.top-left > .arrow {
  border-bottom-color: #999999; }

.tfPopover.top-left > .arrow:after {
  border-bottom-color: #FCFCFC; }

.tfPopover.bottom-left > .arrow {
  border-top-color: #999999; }

.tfPopover.bottom-left > .arrow:after {
  border-top-color: #FCFCFC; }

.tfPopover {
  background-color: #FCFCFC; }

.tfPopover .qty-picker .info-sub {
  color: grey; }

/* ==============================
   8. MARGIN SUMMARY-IES SLICK
   ============================== */
.scratchOpenTools {
  color: grey;
  border: 1px solid #A0A0A0;
  background: white; }

.scratchSummary {
  background: white;
  border-top: 1px solid grey; }

.marginSummarySlick {
  border: 1px solid #DDDDDD; }

.marginSummarySlick .slickSlide {
  color: #333333;
  background: #FCFCFC; }

.marginSummarySlick > .slick-prev:before,
.marginSummarySlick > .slick-next:before {
  color: #1C2B36;
  opacity: 0.75; }

.adviserSummarySlick .slickSlide {
  color: #5B5B5B;
  background-color: white;
  border: 1px solid #DDDDDD; }

.adviserSummarySlick > .slick-prev:before,
.adviserSummarySlick > .slick-next:before {
  color: #1C2B36;
  opacity: 0.75; }

.adviserSummarySlick > .slick-prev,
.adviserSummarySlick > .slick-next {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC; }

.adviserSummarySlick > .slick-prev:hover,
.adviserSummarySlick > .slick-next:hover {
  border: 1px solid #4C4C4C; }

/* ==============================
   9. SUMMARY BOXES
   ============================== */
.sumWidget {
  height: 132px;
  color: #333333;
  background: #FCFCFC;
  border: 1px solid lightgray;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

/* TODO This is used only on the main screen and should be removed */
.sumWidget1 {
  color: #333333;
  background: #FCFCFC;
  -webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 0px 2px;
  box-shadow: rgba(0, 0, 0, 0.14902) 0px 0px 2px; }

.sumWidget2 {
  color: #5B5B5B;
  background-color: #FFFFFF;
  -webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 0px 2px;
  box-shadow: rgba(0, 0, 0, 0.14902) 0px 0px 2px; }

.sumWidget-alert {
  position: relative;
  color: #5B5B5B;
  -webkit-box-shadow: 0 1px 5px rgba(90, 90, 90, 0.27);
  box-shadow: 0 1px 5px rgba(90, 90, 90, 0.27);
  background-color: #C32222; }

.sumWidget .text-box .sub-text {
  color: #ADADAD; }

.sumWidgetHeader > h4 {
  color: #FFFFFF; }

#stock-chart .days .row [class*="col-"]:nth-child(2) .day {
  border-color: #EAEAEA; }

#stock-chart .day:hover {
  background: #EAEAEA; }

#stock-chart .day:active,
#stock-chart .day.active {
  background: #EAEAEA; }

.sumWidget.green-1 {
  background-color: #68C39F;
  color: #FFFFFF; }

.sumWidget.green-1 .widget-header h2 {
  color: #FFFFFF; }

.sumWidget1.darkblue-2 {
  background-color: #54607B;
  color: #FFFFFF; }

.sumWidget1.darkblue-2 h2,
.sumWidget1.darkblue-2 h4,
.sumWidget1.darkblue-2 h5,
.sumWidget1.darkblue-2 i {
  color: #FFFFFF; }

.sumWidget .widget-footer {
  background: rgba(28, 43, 54, 0.91);
  color: rgba(255, 255, 255, 0.9); }

.sumWidget2 .widget-footer-light,
.sumWidget .widget-footer-light {
  background: #F9F9F9;
  color: rgba(58, 58, 58, 0.9); }

/* Scratch Global Strategies Adviser */
.scratchSummary .sumWidget {
  border: 2px solid rgba(165, 165, 165, 0.55); }

.scratchSummary .sumWidget:active,
.scratchSummary .sumWidget:focus,
.scratchSummary .sumWidget:hover {
  border: 2px solid green; }

.scratchSummary .sumWidget ul {
  color: #9C9C9C; }

.scratchSummary .sumWidget ul i {
  color: #9C9C9C; }

.scratchSummary .sumWidget .widget-footer {
  border-top: 2px solid rgba(28, 43, 54, 0.91);
  background-color: #FFFFFF;
  color: rgba(105, 105, 105, 0.9); }

/*CARDS FORMATTING*/
.summaryCard .card {
  border: 1px solid #DDDDDD; }

.summaryCard .card-NLV .card-sm {
  border: 1px solid #DDDDDD; }

.summaryCard .card .front {
  color: #333333;
  background: #FCFCFC; }

.summaryCard .card .back {
  color: #333333;
  background: #FCFCFC; }

.summaryCard .flip-icon,
.summaryCard .flip-icon-back {
  color: #B3B3B3; }

.summaryCard .info-box .info-box-stats span.info-box-title {
  color: #B0B0B0; }

.summaryCard .info-box .info-box-icon i {
  color: #B0B0B0; }

.cardBreakdown table {
  color: gray; }

.cardBreakdown table th,
.cardBreakdown table td {
  border-top: 1px solid #F2F2F2 !important; }

.cardBreakdown table .title i {
  color: #C1C1C1; }

.cashTable th {
  color: #5E5E5E; }

.cashTable td {
  color: #4A4A4A; }

/* ==============================
   10. FLOATING MENUs
   ============================== */
/* STRESS TEST Overview*/
.fakeTableHover:hover {
  background: aliceblue; }

.fakeTableSelect {
  background-color: aliceblue !important; }

.stressTestOverview > .stressTestOverviewBody > div {
  border-top: 1px solid #CCCCCC; }

/*STRESS TEST ON MESSAGE*/
.floatingMenuButton {
  position: fixed;
  background-color: rgba(28, 43, 54, 0.75);
  color: #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); }

.floatingMenuButton-light {
  background-color: rgba(245, 245, 245, 0.75);
  color: #5D5D5D; }

.stressTestMenu.active {
  background-color: #CA3E20; }

.stressTestActivate {
  background-color: rgba(28, 43, 54, 0.75);
  color: #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); }

.scenario-group {
  border-bottom: 1px solid #E9E9E9; }

.scenario-group i {
  color: #c3c3c3; }

.posSelect {
  background: #F7F7F7;
  border: 1px solid #ABABAB;
  box-shadow: -1px 3px 6px 0px #AAAAAA; }

.posSelect .add-btn-name {
  color: #11516D !important; }

.posSelect button {
  color: #11516D; }

.posSelect button i {
  font-size: 35px; }

/*ORDERS*/
.ordersTable .sideIndicator.buyLine {
  background: #168C16; }

.ordersTable .sideIndicator.sellLine {
  background: #D62728; }

.orderCards .card {
  border: 1px solid #DDDDDD; }

.orderCards .card .front {
  background: white;
  color: #676666; }

.orderCards .card .back {
  background: white; }

.orderCards .flip-icon,
.orderCards .flip-icon-back {
  color: #565656; }

.orderCards .info-box .info-box-stats span.info-box-title {
  color: #B0B0B0; }

.orderCards .info-box .info-box-icon i {
  color: #B0B0B0; }

.orderCards .cardFooter {
  background-color: #EAEAEA;
  color: #5F5F5F;
  border: 1px solid #D6D6D6; }

.orderCards .card .front .qtyFilled {
  color: #3A3A3A; }

.orderCards .card .front .qtyFilled .qtyPercentage {
  color: #919191; }

.orderCards .card .front .marketPrice .bid:hover {
  border: 1px solid green; }

.orderCards .card .front .marketPrice .offer:hover {
  border: 1px solid #A90329; }

.orderCards .info {
  color: #9A9A9A; }

.orderCards .card .front .marketPrice div .status {
  color: #4E4E4E; }

.orderCards .card .front .marketPrice div .status.working {
  color: green; }

.orderCards .card .front .marketPrice div .status.waiting {
  color: #DC492A; }

.orderCards .card .front .marketPrice div .title {
  color: #9A9A9A; }

.orderCards .card .front .marketPrice div .units {
  color: #9A9A9A; }

.orderCards .card.b-buy {
  border: 1px solid green; }

.orderCards .card.b-sell {
  border: 1px solid #A90329; }

.orderCards .orderSide.buy {
  background-color: green; }

.orderCards .orderSide.sell {
  background-color: #A90329; }

#orders .signin-form-icon {
  color: #777777; }

/*Panel Dropdown (STRESS TEST SCREEN USAGE)*/
.panelDropUp {
  background-color: #FCFCFC; }

.panel-primary {
  border-color: #E04C2C; }

.panel-primary > .panel-heading {
  background-color: #E04C2C;
  border-color: #E04C2C;
  color: #FFFFFF; }

.wizard-steps .agree-block {
  line-height: 22px;
  border-top: 1px solid #B0B0B0;
  border-bottom: 1px solid #B0B0B0; }

.panel-footer {
  background-color: #F5F5F5;
  border-top: 1px solid #DDDDDD; }

.draggableScenarioResult {
  border: 1px solid #DAE2EA;
  color: #7C9EB2;
  background-color: #F8FAFF; }

.draggableScenarioResult.on {
  color: #3C763D;
  background-color: #DFF0D8;
  border-color: #D6E9C6; }

.draggableScenarioResult.off {
  color: #737373;
  background-color: #F0F0F0;
  border-color: lightgray; }

.draggableScenarioFav {
  border: 1px solid #b8b7ad;
  color: #b8b7ad; }

.floatingMenu > .smTab {
  background: #454545;
  border: 1px solid #454545;
  color: #A8A8A8; }

.floatingMenu > .smTab a {
  color: #A8A8A8; }

.floatingMenu > .smTab a:hover,
.floatingMenu > .smTab i:hover,
.floatingMenu > .smTab:hover {
  color: #FFFFFF; }

.smTabStress > .expandTabs {
  color: #CCCCCC; }

.stressPopover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.smTabVolTools .max {
  border-right: 1px solid #646464; }

.timeScenarios .subtitle {
  color: grey; }

.active .timeScenarios .subtitle {
  color: #CECECE; }

.stress-testing-tabs {
  border: 1px solid #F4F4F4 !important; }

.expiry-index button {
  background-color: #516DDC !important;
  color: #FFFFFF; }

.expiry-eto button {
  background-color: #53944D !important;
  color: #FFFFFF; }

.expiry-index button:hover,
.expiry-eto button:hover {
  color: #FFFFFF; }

.dropdownTimeDecay .dropdown-menu {
  background-color: #FFFFFF; }

.dropdownTimeDecay .input-group ul {
  border: 1px solid rgba(152, 152, 152, 0.47);
  -webkit-box-shadow: 0 2px 5px rgba(74, 74, 74, 0.47);
  box-shadow: 0 2px 5px rgba(74, 74, 74, 0.47); }

.dropdownTimeDecay .dropdown-menu thead .btn-default,
.dropdownTimeDecay .dropdown-menu thead tr:first-child {
  background-color: #E04C2C;
  color: #FFFFFF; }

.dropdownTimeDecay .dropdown-menu thead tr:nth-child(2) {
  background-color: #FFFFFF;
  color: #E04C2C; }

.dropdownTimeDecay .btn-info, .dropdownTimeDecay .btn-info.active, .dropdownTimeDecay .btn-info:active, .dropdownTimeDecay .open > .dropdown-toggle.btn-info {
  background-color: #E04C2C; }

.dropdownTimeDecay .btn-info.active .text-info {
  color: #FFFFFF; }

.smTabStressTest {
  border: 1px solid #646464; }

.toggleMenu {
  color: white; }

/* ==============================
   11. WIDGETS
   ============================== */
.widget .widget-close:hover {
  color: #EB5055 !important; }

.widget-help a {
  color: #E04C2C; }

.additional-btn > a,
.additional-btn .btn-group > a {
  color: #CCCCCC; }

.additional-btn > a:hover {
  color: #5C5C5C; }

.widget, .widget-gridster {
  -webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 0px 2px;
  box-shadow: rgba(0, 0, 0, 0.14902) 0px 0px 2px;
  color: #333333;
  background: #FCFCFC; }

.widget-gridster {
  background-color: #FCFCFC;
  border: 1px solid lightgray; }

.widget-clear {
  background: #FCFCFC; }

.widget .additional-btn .add-btn-name {
  color: #939393; }

.widget .additional-btn button:hover,
.widget .additional-btn button:hover .add-btn-name {
  color: #E04C2C !important; }

.widget .widget-header:hover .additional-btn a,
.widget .widget-header:hover .additional-btn .add-btn-name,
.widget .widget-header:hover .additional-btn div {
  color: #909090; }

.widget.modal-widget.modalize .widget-header .additional-btn a {
  color: #909090; }

.widget-header h3 {
  color: #5B5B5B; }

.widget .additional-btn,
.widget .widget-header .additional-btn .btn-group {
  color: #CCCCCC; }

/* ==============================
   ==============================
   ++++ 12. PORTFOLIO SCREEN ++++
   ==============================
   ============================== */
.breadcrumb li::-moz-selection,
.breadcrumb strong::-moz-selection {
  color: #FFFFFF;
  background: #D95B40; }

.breadcrumb li::-webkit-selection,
.breadcrumb strong::-webkit-selection {
  color: #FFFFFF;
  background: #D95B40; }

.breadcrumb li::selection,
.breadcrumb strong::selection {
  color: #FFFFFF;
  background: #D95B40; }

table::selection {
  color: #FFFFFF;
  background: #D95B40; }

/* 12.1 WHAT-IF NO POSITIONS*/
.add-positions {
  border: 2px dashed #A5A5A5;
  background-color: #FFFFFF; }

/* 12.2 What-if Delete All*/
a.deleteTabs {
  color: #333333;
  background: #FCFCFC; }

a.deleteTabs:hover {
  border: 1px solid red;
  color: red; }

/* 12.3 What-IF positions*/
.whatifPositions > .whatifPositionsBody > div {
  border-top: 1px solid #CCCCCC; }

.whatifPositionsStock {
  color: #817c7c; }

.whatIfTabMenu > .container {
  border: 1px solid #df4e2c;
  background: #FFFFFF; }

.whatIfTabMenu:after {
  border-bottom: solid 10px #df4e2c; }

.whatIfButtons > .btn-clear:active, .btn-clear.active {
  color: #E04C2C; }

.workingTradeTable .legDetail {
  border: 1px solid grey;
  border-left: 10px solid grey; }

.workingTradeTable .legDetail.buy {
  border-color: green;
  color: gray; }

.workingTradeTable .legDetail.sell {
  border-color: #E74D41;
  color: gray; }

.workingTradeTable .orderNumber {
  color: gray; }

.workingTradeTable .divider,
.workingTradeInfo .divider {
  border-bottom: 1px solid #9B9B9B; }

.workingTradeTable .animate-if.ng-enter,
.workingTradeTable .animate-if.ng-leave.ng-leave-active {
  opacity: 0; }

.workingTradeTable .animate-if.ng-leave,
.workingTradeTable .animate-if.ng-enter.ng-enter-active {
  opacity: 1; }

.workingTradeInfo .currentPrice {
  color: #969696; }

.workingTradeInfo .controls {
  color: #565656; }

/* 12.4 INVITE CLIENT*/
.blockButtonWhatIf {
  color: #737373; }

/* 12.5 WHAT-IF MOBILE*/
/* 12.6 DROPZONE*/
/*Portfolio Drag & Drop*/
a.uploadPos {
  color: #CCCCCC; }

a.uploadPos:hover {
  border: 1px solid #E04C2C;
  color: #E04C2C; }

.dropzone {
  border: 2px dashed #E04C2C !important;
  background: white; }

.dropzoneOver {
  background: #EFEFEF; }

.lvl-over {
  background-color: red;
  border: 2px dashed black !important; }

/* ==============================
   12.9 Custom Widgets
   ============================== */
/*12.9.1 Trader's Circle*/
.payoffMenu {
  background: #FFFFFF; }

/* ==============================
   ==============================
   ++++ 13. SETTINGS SCREEN ++++
   ==============================
   ============================== */
.google-map {
  background: #111111; }

#map-canvas {
  background-color: #111111 !important; }

.map-toggle {
  color: #FFFFFF; }

.demographicsProfileView {
  color: grey; }

.gender.male {
  color: #00ADEF; }

.gender.female {
  color: #ED008B; }

#demographicsForm select {
  color: #555555;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

#demographicsForm select[disabled], #demographicsForm select[readonly] {
  background-color: #EEEEEE; }

.settingsAccordion > .panel-group a {
  color: grey; }

.settingsAccordion .panel-default > .panel-heading {
  color: #333333;
  background-color: #FFFFFF;
  border-color: #DDDDDD; }

.settingsAccordionExpand {
  color: #E04C2C; }

/* 13.1 LEGAL ACCORDION*/
.legalAccordion > .panel-group a {
  color: grey; }

.legalAccordion .panel-default > .panel-heading {
  color: #333333;
  background-color: #FFFFFF;
  border-color: #DDDDDD; }

.legalAccordionExpand {
  color: #E04C2C; }

/* ==============================
   ==============================
   ++++++ 14. HOME SCREEN ++++++
   ==============================
   ============================== */
.rss-new {
  background-color: #F5F6FF; }

/* ==============================
   ==============================
   ++++ 15. DYNAMIC WIDGETS ++++
   ==============================
   ============================== */
/* ==============================
   15.1 QTY + OPTIONS PICKER
   ============================== */
.optionPickerFilter {
  color: #737373; }

.optionPickerFilter i:hover {
  color: #000000; }

.optnPicker li a {
  color: #737373; }

.optnPicker li a:hover, .optPickerHeader li a:hover {
  color: #000000; }

.optnchain .price .ticker {
  color: #757575; }

.optnchain .price .ticker .monthSeries {
  color: #B9B9B9; }

.optnchain .price .moreInfo .currentTime {
  color: #969696; }

.strike {
  border-left: solid 1px #B4C9CA;
  border-right: solid 1px #B4C9CA; }

.stockPrice {
  background-color: #F5F5F5; }

.qtyChanged {
  background: radial-gradient(circle at 40%, rgba(200, 200, 200, 0.7), rgba(200, 200, 200, 0)); }

.mobOptionSelector {
  background: white; }

/* ==============================
   15.2 ORDER TICKET
   ============================== */
#ticket {
  color: #545454; }

#ticket .linkTrade .active {
  color: #E04C2C;
  opacity: 1; }

#ticket .order .order-inner {
  border: 1px solid darkslategray;
  padding-bottom: 20px; }

#ticket .description {
  color: grey; }

#ticket .pad .box {
  color: white; }

#ticket .pad .box.sell:active,
#ticket .pad .box.sell {
  border-color: #E04C2C;
  background: #E04C2C; }

#ticket .pad .box.buy:active,
#ticket .pad .box.buy {
  border-color: #168C16;
  background: #168C16; }

#ticket .pad .box.sell:hover {
  border-color: #B84229;
  background: #B84229; }

#ticket .pad .box.buy:hover {
  border-color: #126312;
  background: #126312; }

.ticket-container .ticket {
  border: 1px solid #BBBBBB;
  color: #FFFFFF;
  opacity: 0.75; }

.ticket-container .ticket:hover {
  opacity: 1; }

.ticket-container .ticket.sell {
  background-color: #E74D41; }

.ticket-container .ticket.buyTicket {
  background-color: #33B994; }

#ticket .panel-footer.sell {
  background-color: #CA0000;
  color: white; }

#ticket .panel-footer.buyTicket {
  background-color: #008000;
  color: white; }

.ticket-container .ticket-header {
  border-bottom: 1px solid #D2D2D2; }

.ticket-container fieldset.ticket[disabled] {
  opacity: 0.25; }

.soaColumns h4 {
  border-bottom: 1px solid #2B303B; }

.soaColumns label {
  color: #333333; }

.soaPref {
  color: #737373; }

.soaPref ul li .selected {
  color: #008000; }

.soaPref ul li i {
  color: #dfdfdf; }

/* ==============================
   15.3 WATCHLIST
   ============================== */
/*Add Instrument FORM - WATCHLISTS  */
.watchlistAdd .form-group {
  background-color: #FFFFFF;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  border: 1px solid #CCCCCC; }

.watchlistAdd .form-group:hover {
  border: 1px solid #E04C2C; }

.watchlistAdd .form-group span.form-control-feedback {
  color: #E04C2C; }

.closePanel span {
  background-color: #FCFCFC;
  border: 1px solid lightgray; }

.watchlistItem {
  border-top: 1px solid #CCCCCC; }

.watchlistStock {
  color: #817c7c; }

/*MOVERS*/
/* ==============================
   15.4 TABLE PREFERENCES
   ============================== */
.tablePref {
  color: #737373; }

.tablePref ul li {
  border-bottom: 1px solid #D0D0D0; }

.tablePref ul li .selected {
  color: #CFE883; }

.tablePref ul li i {
  color: #dfdfdf; }

.tablePref .settings > div {
  color: #737373;
  color: #C3C2B9; }

.tablePref .columnTerm {
  border-top: 1px dotted #D0D0D0; }

/* ==============================
   17. New Account
   ============================== */
.splash-content-new-account {
  color: #000000;
  background-color: #FFFFFF; }

/* ==============================
   19. ASX GAME
   ============================== */
/* 19.1 - Home Page */
.beacon-hotspot {
  background: rgba(224, 76, 44, 0.7); }

.beacon-start-animation {
  background: rgba(224, 76, 44, 0.8); }

.beacon-start-animation:after,
.beacon-start-animation:before {
  border: 2px solid rgba(224, 76, 44, 0.8); }

.useful-links-container .usefulLinksHeader {
  color: #E41919;
  border-bottom: 2px solid #E4E4E4; }

.completeDemographics {
  border: 1px solid #ABABAB; }

.completeDemographics .title {
  color: grey; }

.completeDemographics p {
  color: grey; }

.timeline:before {
  background-color: #EEEEEE; }

.timeline > li > .timeline-panel {
  border: 1px solid #D4D4D4;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); }

.timeline > li > .timeline-panel:before {
  border-left: 15px solid #CCCCCC;
  border-right: 0 solid #CCCCCC; }

.timeline > li > .timeline-panel:after {
  border-left: 14px solid #FFFFFF;
  border-right: 0 solid #FFFFFF; }

.timeline > li > .timeline-badge {
  color: #FFFFFF;
  background-color: #999999; }

.timeline-badge.primary {
  background-color: #2E6DA4 !important; }

.timeline-badge.success {
  background-color: #3F903F !important; }

.timeline-badge.warning {
  background-color: #F0AD4E !important; }

.timeline-badge.danger {
  background-color: #D9534F !important; }

.timeline-badge.info {
  background-color: #5BC0DE !important; }

/*TimeLine Social Feed*/
.t-view {
  border: 1px solid #EEEEEE; }

@media (max-width: 767px) {
  .t-view {
    background: #FFFFFF;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } }

.t-view .tv-header {
  border-bottom: 1px solid #EEEEEE;
  background: #F9F9F9; }

.t-view:before {
  border: 3px solid #FFFFFF;
  color: #FFFFFF; }

.t-view[data-tv-type="text"]:before {
  background: #00BCD4;
  box-shadow: 0 0 0 1px #00BCD4; }

.t-view[data-tv-type="text"]:after {
  background: #00BCD4; }

.t-view[data-tv-type="image"]:before {
  background: #4CAF50;
  box-shadow: 0 0 0 1px #4CAF50; }

.t-view[data-tv-type="image"]:after {
  background: #4CAF50; }

.t-view[data-tv-type="video"]:before {
  content: "\F3A9";
  background: #FFC107;
  box-shadow: 0 0 0 1px #FFC107; }

.t-view[data-tv-type="video"]:after {
  background: #FFC107; }

.t-view .tvb-stats > li {
  border: 1px solid #CCCCCC; }

.t-view .tvb-stats > li.tvbs-comments {
  border-color: #4CAF50;
  color: #4CAF50; }

.t-view .tvb-stats > li.tvbs-likes {
  border-color: #03A9F4;
  color: #03A9F4; }

.t-view .tvb-stats > li.tvbs-views {
  border-color: #FF9800;
  color: #FF9800; }

.tv-comments {
  background-color: #F9F9F9; }

.tv-comments .tvc-lists > li {
  border-top: 1px solid #EEEEEE; }

.tvc-more {
  color: #333333; }

.tvc-more:hover {
  color: #000000; }

.cropArea {
  background: #F5F5F5; }

/*What's Happening*/
.main-comment {
  border: 1px solid #cacaca; }

#main-post:focus, .main-comment:focus,
#main-post:active, .main-comment:active,
#main-post.active .main-comment.active {
  border: 1px solid #51cbee; }

.stickyPost {
  background-image: url(b73544abdb4e31291a6b0cf91efdeabf.jpg);
  background-size: 100%, cover;
  background-repeat: no-repeat;
  background-position-y: center; }
  .stickyPost h2, .stickyPost p {
    color: #FFFFFF;
    text-shadow: black 0 0 10px; }

.btn-link.btn-icon {
  color: #999999; }

.btn-link, .btn-link.btn-icon:focus, .btn-link.btn-icon:hover, .btn-link:focus, .btn-link:hover {
  color: #1BBAE1; }

.block {
  background-color: #FFFFFF;
  border: 1px solid #DBE1E8; }

.block-title {
  background-color: #F9FAFC;
  border-bottom: 1px solid #EAEDF1; }

.block-title h1 small,
.block-title h2 small,
.block-title h3 small,
.block-title h4 small,
.block-title h5 small,
.block-title h6 small {
  color: #777777; }

.block-title .nav-tabs > li.active > a,
.block-title .nav-tabs > li.active > a:focus,
.block-title .nav-tabs > li.active > a:hover {
  color: #333333;
  background: #FCFCFC;
  border: 1px solid #EAEDF1;
  border-bottom-color: #FFFFFF; }

.block-top {
  border-bottom: 1px dotted #DBE1E8; }

/* ==============================
20. Strategy Screen
============================== */
.stock-selection {
  color: #31404B;
  background-color: transparent;
  border: 1px solid lightgray;
  box-shadow: none; }

.stock-selection:focus {
  color: #31404B;
  background-color: transparent;
  border-color: #0CA739;
  box-shadow: none;
  outline: none; }

.signin-form-icon {
  color: #777777; }

.search-form-icon {
  color: #777777; }

.payoff-table .middle {
  background-color: #EFEFEF;
  border-top: 1px dashed #A0A0A0;
  border-bottom: 1px dashed #A0A0A0; }

.add-account-hover-container {
  background: rgba(13, 13, 13, 0.75);
  border-top: 3px solid #4E4D4D;
  opacity: 0; }

.optionsCookbook .filterContainer {
  background: #F0F0F0; }

.optionsCookbook .strategyFilters {
  background: #FFFFFF; }

.optionsCookbook .strategyFilters h4 {
  border-bottom: 2px solid #EFEFEF; }

.optionsCookbook .dir-search input {
  border: 1px solid #EEEEEE; }

.optionsCookbook .strategy-item {
  background-color: #FFFFFF;
  color: grey; }

.optionsCookbook .strategy-item .strategy-card-title {
  background: #294C73; }

.optionsCookbook .strategy-item .strategy-card-title h4 {
  color: white; }

.optionsCookbook .strategy-item .strategy-card-title .learnMore {
  color: #C5C5C5; }

.optionsCookbook .strategy-item .strategy-card-title .learnMore:hover {
  color: #FFFFFF; }

.optionsCookbook .strategy-item:hover {
  background-color: whitesmoke; }

.optionsCookbook .strategy-content {
  color: grey; }

.optionsCookbook .footer-item i,
.optionsCookbook .strategy-footer i {
  color: #6D6D6D; }

.optionsCookbook .strategy-footer i.buy {
  color: green; }

.optionsCookbook .strategy-footer i.sell {
  color: #D62728; }

.optionsCookbook .strategy-footer i.text-aqua {
  color: #1BBAE1; }

.adj-title {
  color: #737373; }

/* ==============================
22. Audit
============================== */
.auditDetail {
  background-color: #F9F9F9;
  border: 1px solid #EFEFEF; }

/* Mask overlay for TC content */
.mask {
  background: rgba(239, 239, 239, 0.8); }

.mask h1 {
  color: #E04C2C; }

/*CHART NAMES*/
ul.hu {
  background: #FFFFFF; }

ul.hu li {
  color: #000000; }

.huLabel {
  color: #666666; }

.chartIQ .dropdown-menu {
  background: #FFFFFF;
  color: #666666;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); }

.trading-system .table {
  color: #575962;
  border-color: #ECECEC; }
  .trading-system .table tbody > tr > td .sub {
    color: #9699A2; }
  .trading-system .table thead tr > td {
    color: #929292; }

.portlet {
  background: #FCFCFC;
  box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }
  .portlet .btn-follow {
    background: #FFFFFF;
    color: #716ACA;
    border: 1px solid #716ACA; }
    .portlet .btn-follow:hover {
      background: #716ACA;
      color: #FFFFFF; }
  .portlet .portlet-list .portlet-list-item {
    border-bottom: 0.07rem dashed #EBEDF2; }
    .portlet .portlet-list .portlet-list-item .number-container .number {
      color: #00C5DC !important; }
  .portlet .portlet-list .m-widget1__desc {
    color: #9699A2; }
  .portlet .portlet-strategy .head {
    border-bottom: 1px solid #EBEDF2; }
  .portlet .portlet-strategy .portlet-body .timeline .timeline-items .timeline-item .item-bullet {
    border: 1px solid gray;
    background-color: white; }
  .portlet .portlet-strategy .portlet-body .timeline .timeline-items .timeline-item .item-text {
    color: #7B7E8A; }

a.unstyled-link {
  text-decoration: none;
  color: inherit; }

tags-input .tags {
  background: #FCFCFC; }

.tfOption {
  color: #333333; }
  .tfOption.active:before {
    color: #008000; }

.app-footer {
  background: #F0F0F0; }

.totalCell {
  border-color: lightgray; }

.welcomeOffer .card {
  box-shadow: 0 1px 3px 0 #D4D4D5, 0 0 0 1px #D4D4D5; }

.welcomeOffer .card-block {
  border-top: 1px solid rgba(34, 36, 38, 0.1); }

.welcomeOffer .card-img-top {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 3.5+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */ }

.welcomeOffer .card-text {
  color: rgba(0, 0, 0, 0.68); }

.welcomeOffer .card-footer {
  border-top: 1px solid lightgray; }

.welcomeOffer .card-inverse .btn {
  border: 1px solid rgba(0, 0, 0, 0.05); }

/*masonry*/
.fsModalScreener {
  background: #FFFFFF; }

.stock-card-grid li {
  border: solid 1px #CCCCCC;
  background: #EEEEEE; }

#tradeOn .accountDetails li.account-detail-item .title {
  color: grey; }

#tradeOn .accountDetails li.account-detail-item {
  border-bottom: 1px solid #D0D0D0; }

#stock-card {
  background: #FCFCFC; }

.customIOSbuttons .btn-default {
  color: #333333;
  background-color: transparent;
  border-color: #294C73; }

.customIOSbuttons .btn-default:hover,
.customIOSbuttons .btn-default:focus,
.customIOSbuttons .btn-default:active,
.customIOSbuttons .btn-default.active, .open > .btn-default.dropdown-toggle {
  color: #FFFFFF;
  background-color: #294C73; }

#stock-card .card-main {
  background: #868686; }

#stock-card .card-main.sell {
  background: #B70000; }

#stock-card .card-main.buy {
  background: green; }

#stock-card article {
  color: #FFFFFF; }

#stock-card .ticker span {
  color: #FFFFFF; }

.stock-ivRank {
  background-color: white; }
  .stock-ivRank .name {
    font-size: 9px;
    margin-top: -7px;
    display: block; }
    @media (max-width: 480px) {
      .stock-ivRank .name {
        white-space: nowrap;
        margin-top: 5px; } }
  @media (max-width: 992px) {
    .stock-ivRank {
      top: 5px; } }
  @media (max-width: 480px) {
    .stock-ivRank {
      font-size: 21px;
      width: 35px;
      height: 35px; } }

#stock-card .stock-ivRank.red-background {
  background: #B70000; }

#stock-card .stock-ivRank.green-background {
  background: green; }

#stock-card .stock-ivRank.grey-background {
  background: #868686; }

#stock-card .days .row [class*="col-"] .day {
  border-color: aliceblue; }

#stock-card .day:hover {
  background: aliceblue; }

#stock-card .day:active,
#stock-card .day.active {
  background: #E7E7E8;
  color: #333333; }

#stock-card .divider {
  border: 1px solid lightgray; }

#stock-card .day svg {
  color: #333333; }

#stock-card .stock-stats .title {
  color: #737373; }

#stock-card .stock-stats .content {
  color: #333333; }

/* ==============================QUIZ
       ============================== */
.quizOptions .left-hand {
  background: #FDFDFD; }
  @media (max-width: 767px) {
    .quizOptions .left-hand h2 {
      color: #5A5A5A; }
    .quizOptions .left-hand ol li {
      border-bottom: 1px solid #D0D0D0; } }

.btn-mod.btn-border-c {
  color: #E85355;
  border: 2px solid #E85355;
  background: transparent; }

.btn-mod.btn-border-c:hover,
.btn-mod.btn-border-c:focus {
  color: #FFFFFF;
  border-color: transparent;
  background: #E85355; }

.btn-mod.btn-color {
  color: #FFFFFF;
  background: #E41919; }

.btn-mod.btn-color:hover,
.btn-mod.btn-color:focus {
  color: #FFFFFF;
  background: #E41919;
  opacity: .85; }

.btn-mod.btn-no-border {
  background: rgba(34, 34, 34, 0); }

.btn-mod.btn-no-border:hover,
.btn-mod.btn-no-border:focus {
  background: rgba(34, 34, 34, 0.88); }

/*Acc Open*/
.acc-open .title {
  color: #FFFFFF;
  background: #E85355; }

.acc-open:hover .title {
  background: #11516D; }

.acc-open .sub-title {
  color: #777777; }

.acc-open .inner-box {
  border: 5px solid #bdbdbd; }

.accOpenModal .reqList {
  color: #737373; }

.accOpenModal .timeline-body {
  color: #747474; }

.accOpenModal .timeline-title {
  color: #3F903F !important; }

.accOpenModal .reqList li:before {
  color: #256079; }

.carousel-landing .slick-prev:before,
.carousel-landing .slick-next:before {
  color: #1C2B36; }

.carousel-landing .slick-dots li button:before {
  color: #1C2B36; }

.sendReview {
  background: #474747;
  color: white;
  border: 1px solid #474747; }

.active-strategy {
  background: #E7E7E8; }

.strategies {
  border: 1px solid lightgray; }
  .strategies:hover {
    background: aliceblue; }
  .strategies .strategies-container .overview .content {
    color: #737373; }
  .strategies .strategies-container .grid-header {
    border-bottom: 1px solid lightgray; }

.mfb-component__button--main {
  background-color: #E04C2C; }

.mfb-component__button--child {
  background-color: #E04C2C; }

.mfb-component__wrap a:hover {
  color: #FFFFFF; }

.stressTestGrey {
  background-color: #868686; }

.slick-prev:before, .slick-next:before {
  color: #df4e2c;
  opacity: 0.75; }

.slick-dots li button:before {
  color: black; }

.slick-dots li.slick-active button:before {
  color: #df4e2c;
  opacity: 0.75; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: .25; }

/*BOOTSTRAP*/
/*DROPDOWN*/
.dropdown-menu {
  -webkit-box-shadow: 0 0 5px rgba(6, 6, 6, 0.51);
  box-shadow: 0 0 5px rgba(6, 6, 6, 0.51); }

.dropdown-menu .divider {
  background-color: lightgray; }

/*TOOLTIP*/
.tooltip-inner {
  background-color: #454545; }

.tooltip.top .tooltip-arrow {
  border-top-color: #454545; }

.tooltip.top-left .tooltip-arrow {
  border-top-color: #454545; }

.tooltip.top-right .tooltip-arrow {
  border-top-color: #454545; }

.tooltip.right .tooltip-arrow {
  border-right-color: #454545; }

.tooltip.left .tooltip-arrow {
  border-left-color: #454545; }

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #454545; }

.tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #454545; }

.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #454545; }

/*TABS*/
.tabbable-line {
  border: 1px solid lightgray;
  background: #FCFCFC; }

.tabbable-line > .nav-tabs {
  border: none;
  margin: 0;
  color: #333333;
  background: #FCFCFC; }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  color: #333333;
  background: #FCFCFC; }

.tabbable-line > .nav-tabs > li > a {
  color: #737373; }

.tabbable-line > .nav-tabs > li > a > i {
  color: #737373; }

.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 2px solid #E69F8E; }

.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  color: #333333; }

.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #333333; }

.tabbable-line > .nav-tabs > li.active {
  border-bottom: 2px solid #E04C2C;
  border-left: 1px solid lightgray;
  border-right: 1px solid lightgray; }

.tabbable-line > .nav-tabs > li.active > a {
  color: #333333; }

.tabbable-line > .nav-tabs > li.active > a > i {
  color: #333333; }

.tabbable-line > .tab-contentOptnPicker {
  color: #333333;
  background: #FCFCFC;
  border-top: 1px solid lightgray; }

.tabbable-line > .tab-content {
  color: #333333;
  background: #FCFCFC;
  border-top: 1px solid lightgray; }

.tabbable-line .tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #FBCDCF; }

.tabbable-line .tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #F3565D; }

.tabbable-line .tabs-below > .tab-content {
  border-bottom: 1px solid lightgray; }

.tabbable-line .tab-header {
  color: #333333; }

.tabbable-line .header-league-name {
  color: #31404B; }

.tabs-below > .nav-tabs {
  border-top: 1px solid #DDDDDD; }

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #DDDDDD;
  border-bottom-color: transparent; }

.tabs-left > .nav-tabs {
  background: #F9F9F9; }

.tabs-left > .nav-tabs > li > a {
  color: #737373;
  color: #C3C2B9; }

.tabs-left > .nav-tabs .active > a i {
  color: #F05451; }

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  color: #29324E;
  background: #F9F9F9;
  box-shadow: inset -2px 0 #E69F8E; }

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  background-color: #FFFFFF !important;
  box-shadow: inset -2px 0 #F05451;
  color: #29324E;
  border: none; }

.tabs-right > .nav-tabs {
  border-left: 1px solid #DDDDDD; }

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #EEEEEE #EEEEEE #EEEEEE #DDDDDD; }

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #DDDDDD #DDDDDD #DDDDDD transparent;
  *border-left-color: #FFFFFF; }

/*CHECKBOXES*/
/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  border: 1px solid #AAAAAA;
  background: transparent; }

/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  color: #E04C2C; }

/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  border-color: #BBBBBB;
  background-color: transparent; }

[type="checkbox"]:disabled:checked + label:after {
  color: #999999; }

[type="checkbox"]:disabled + label {
  color: #AAAAAA; }

/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px solid #E04C2C; }

/* Fixes for NvD3 */
.nvd3.nv-lineChart g rect {
  opacity: 1 !important;
  fill: #FCFCFC; }

nvd3 .nv-noData {
  fill: #333333; }

/* Show data points on line graphs before hovering */
.nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
  fill-opacity: 0.2;
  stroke-opacity: 0.2; }

.nvd3 .nv-multibar .nv-groups rect, .nvd3 .nv-multibarHorizontal .nv-groups rect, .nvd3 .nv-discretebar .nv-groups rect {
  stroke-opacity: 0.8;
  fill-opacity: 0.5; }

.nvd3 .nv-multibar .nv-groups rect:hover, .nvd3 .nv-multibarHorizontal .nv-groups rect:hover, .nvd3 .nv-discretebar .nv-groups rect:hover {
  stroke-opacity: 1;
  fill-opacity: 0.65; }

.nv-groups .nv-group path.nv-line {
  stroke-opacity: 0.7;
  stroke-width: 2; }

.nvd3 .nv-axis .tick.zero line {
  opacity: .5;
  stroke: #000000;
  /*Color zero-line so that it is distinguishable from the other lines.*/ }

.nvd3 .nv-axis .tick.zero text {
  font-weight: 700; }

.nvd3 text {
  font: 400 11px "open Sans";
  fill: #333333; }

.nvtooltip {
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.nvtooltip h3 {
  background-color: rgba(247, 247, 247, 0.75); }

.popover {
  z-index: 1039;
  /* 1 below modal background */ }

/*TYPEAHEAD STYLING*/
.tt-menu {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.tt-suggestion {
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF; }

.tt-suggestion:hover {
  color: #FFFFFF;
  background-color: #0097CF; }

.tt-suggestion.tt-cursor {
  color: #FFFFFF;
  background-color: #0097CF; }

.ng-joyride .skipBtn {
  color: #DF4E2C; }

.ng-joyride .btn-clear:hover {
  color: #DF4E2C; }

.ng-joyride.popover {
  z-index: 9999; }

.ng-joyride.popover .popover-content {
  color: #333333; }

.ng-joyride .popover-title {
  color: white;
  background: #DF4E2C; }

.ng-joyride .btn-clear:hover {
  color: #DF4E2C; }

/*GRIDSTER*/
.gridster-loaded .gridster-preview-holder {
  background-color: #0097CF; }

/*UI GRID*/
.midpoint .ui-grid-cell-contents {
  background-color: #EFEFEF;
  border-top: 1px dashed #A0A0A0;
  border-bottom: 1px dashed #A0A0A0; }

.ui-grid-row.ui-grid-row-selected [ui-grid-row] .ui-grid-cell,
.ui-grid-row.ui-grid-row-selected:hover [ui-grid-row] .ui-grid-cell {
  background-color: aliceblue !important; }

.ui-grid-draggable-row-target {
  opacity: 0.5 !important; }

.ui-grid-draggable-row-over:before {
  border-bottom: 1px dotted #AAAAAA; }

/*SPARKLINE OVERRIDES*/
.jqstooltip {
  background: black;
  background-color: rgba(0, 0, 0, 0.6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  color: white;
  border: 1px solid white; }

.jqsfield {
  color: white; }

/*Loading Bar*/
#loading-bar .bar {
  background: #FFFFFF; }

#loading-bar .peg {
  -moz-box-shadow: #FFFFFF 1px 0 6px 1px;
  -ms-box-shadow: #FFFFFF 1px 0 6px 1px;
  -webkit-box-shadow: #FFFFFF 1px 0 6px 1px;
  box-shadow: #FFFFFF 1px 0 6px 1px; }

#loading-bar-spinner .spinner-icon {
  border-top-color: #FFFFFF;
  border-left-color: #FFFFFF; }

.nv-boxplot-outlier {
  fill: green !important; }

.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element {
  background-color: transparent; }

.text {
  color: #333333; }

.alt-text {
  color: #737373; }

.background {
  background-color: #FCFCFC; }

.alt-background {
  background-color: #F0F0F0; }

.dialog-background {
  background-color: #FCFCFC; }

.alt-dialog-background {
  background-color: #F0F0F0; }

.good-text {
  color: #008000; }

.bad-text {
  color: #CA0000; }

.hover:hover {
  background-color: aliceblue;
  color: #333333; }

/*Custom styling of column chooser*/
.ui-grid-menu-button {
  background: #FCFCFC; }

.ui-grid-menu .ui-grid-menu-inner {
  background: #FCFCFC;
  color: #333333; }

.ui-grid-menu .ui-grid-menu-inner ul li:hover {
  background: aliceblue;
  color: #333333; }

.ui-grid-menu .ui-grid-menu-inner ul li.ui-grid-menu-item-active {
  background: #FCFCFC; }

.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item-active {
  background: #FCFCFC; }

.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) > button {
  border-bottom: 1px solid lightgray; }

.ui-grid-menu-mid {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid lightgray; }

.ui-grid {
  border: 1px solid lightgray; }

.ui-grid-header {
  border-bottom: 1px solid lightgray; }

.ui-grid-footer-panel {
  color: #323232;
  border-top: 1px solid lightgray; }

/* Custom styling of moveable columns */
.movingColumn {
  border: 1px solid #D4D4D4;
  background: #FCFCFC;
  color: #333333; }

.ui-grid-row:hover div.ui-grid-cell {
  background-color: aliceblue !important;
  color: #333333; }

.optnchain * .ui-grid-row:hover div.ui-grid-cell div.ui-grid-cell-contents {
  background-color: aliceblue !important; }

.ui-grid-header-cell:not(:last-child) {
  border-right: 1px solid lightgray; }

.ui-grid-footer-cell:not(:last-child) {
  border-right: 1px solid lightgray; }

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
  border-right: 1px solid lightgray;
  border-bottom: 1px solid lightgray; }

.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child {
  border-left: 1px solid lightgray;
  border-bottom: 1px solid lightgray; }

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
  border-right: 1px solid lightgray; }

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:first-child {
  border-left: 1px solid lightgray; }

ui-grid-tree-base-row-header-buttons {
  color: #4A4A4A; }

input[type="text"].ui-grid-filter-input {
  border: 1px solid lightgray; }

input[type="text"].ui-grid-filter-input:focus {
  border-color: #df4e2c !important;
  outline: 0 none !important; }

.ui-grid-row:nth-child(odd) .ui-grid-cell {
  background: #FCFCFC;
  color: #333333;
  border-bottom: 1px solid lightgray; }

.ui-grid-row:nth-child(even) .ui-grid-cell {
  background: #FCFCFC;
  color: #333333;
  border-bottom: 1px solid lightgray; }

.ui-grid-group-panel {
  background: #FCFCFC;
  color: #333333; }

.ui-grid-top-panel-background {
  background: #FCFCFC;
  color: #333333; }

.ui-grid-top-panel {
  background: #FCFCFC;
  color: #333333; }

.ui-grid-footer-panel {
  background: #FCFCFC;
  color: #333333; }

.ui-grid-icon-up-dir {
  color: #008000; }

.ui-grid-icon-down-dir {
  color: #CA0000; }

.ui-grid-cell-contents.itm {
  background: rgba(0, 128, 0, 0.2); }

body {
  background: #eaeaea;
  color: #333333; }

.dark {
  /* Fix for bootstrap leaving a margin above the dropdown.  Needs to be based on attribute as it is anchored to the body */
  /* placeholder */
  /* Hide placeholder when focused in Webkit browsers */
  /*STEP 4 INTERESTS*/
  /* ==============================
       Pricing
       ============================== */
  /* 2.1 BUYS/SELLS/COLORS*/
  /*GROWL ALERTS*/
  /*STATIC ALERTS & INFOBOXES*/
  /*SUBTITLES*/
  /*General Look&Feel*/
  /* ==============================
   3. Typography
   ============================== */
  /* ==============================
   4. BUTTONS
   ============================== */
  /* ==============================
   5. Form Fields
   ============================== */
  /* ==============================
   6. HOVERS
   ============================== */
  /** TODO this shouldn't be here as it is named like a text colour */
  /* ==============================
   7. TF POPOVERS
   ============================== */
  /* ==============================
   8. MARGIN SUMMARY-IES SLICK
   ============================== */
  /* ==============================
   9. SUMMARY BOXES
   ============================== */
  /* TODO This is used only on the main screen and should be removed */
  /* Scratch Global Strategies Adviser */
  /*CARDS FORMATTING*/
  /* ==============================
   10. FLOATING MENUs
   ============================== */
  /* STRESS TEST Overview*/
  /*STRESS TEST ON MESSAGE*/
  /*ORDERS*/
  /*Panel Dropdown (STRESS TEST SCREEN USAGE)*/
  /* ==============================
   11. WIDGETS
   ============================== */
  /* ==============================
   ==============================
   ++++ 12. PORTFOLIO SCREEN ++++
   ==============================
   ============================== */
  /* 12.1 WHAT-IF NO POSITIONS*/
  /* 12.2 What-if Delete All*/
  /* 12.3 What-IF positions*/
  /* 12.4 INVITE CLIENT*/
  /* 12.5 WHAT-IF MOBILE*/
  /* 12.6 DROPZONE*/
  /*Portfolio Drag & Drop*/
  /* ==============================
   12.9 Custom Widgets
   ============================== */
  /*12.9.1 Trader's Circle*/
  /* ==============================
   ==============================
   ++++ 13. SETTINGS SCREEN ++++
   ==============================
   ============================== */
  /* 13.1 LEGAL ACCORDION*/
  /* ==============================
   ==============================
   ++++++ 14. HOME SCREEN ++++++
   ==============================
   ============================== */
  /* ==============================
   ==============================
   ++++ 15. DYNAMIC WIDGETS ++++
   ==============================
   ============================== */
  /* ==============================
   15.1 QTY + OPTIONS PICKER
   ============================== */
  /* ==============================
   15.2 ORDER TICKET
   ============================== */
  /* ==============================
   15.3 WATCHLIST
   ============================== */
  /*Add Instrument FORM - WATCHLISTS  */
  /*MOVERS*/
  /* ==============================
   15.4 TABLE PREFERENCES
   ============================== */
  /* ==============================
   17. New Account
   ============================== */
  /* ==============================
   19. ASX GAME
   ============================== */
  /* 19.1 - Home Page */
  /*TimeLine Social Feed*/
  /*What's Happening*/
  /* ==============================
20. Strategy Screen
============================== */
  /* ==============================
22. Audit
============================== */
  /* Mask overlay for TC content */
  /*CHART NAMES*/
  /*masonry*/
  /* ==============================QUIZ
       ============================== */
  /*Acc Open*/
  /*BOOTSTRAP*/
  /*DROPDOWN*/
  /*TOOLTIP*/
  /*TABS*/
  /*CHECKBOXES*/
  /* checkbox aspect */
  /* checked mark aspect */
  /* disabled checkbox */
  /* accessibility */
  /* Fixes for NvD3 */
  /* Show data points on line graphs before hovering */
  /*TYPEAHEAD STYLING*/
  /*GRIDSTER*/
  /*UI GRID*/
  /*SPARKLINE OVERRIDES*/
  /*Loading Bar*/
  /*Custom styling of column chooser*/
  /* Custom styling of moveable columns */
  background: #13111B;
  color: #D8D8D8;
  /* Overrides that were too specific to bother with right now */ }
  .dark tf-client-notes .t-view .tv-header {
    background-color: #21202D;
    color: #D8D8D8; }
  .dark tf-client-notes .ng-submitted input.ng-invalid, .dark tf-client-notes .ng-touched.ng-invalid {
    border-color: #56545A !important; }
  .dark tf-account-detail .profit {
    color: #00a97f; }
  .dark tf-account-detail .loss {
    color: #ff4a68; }
  .dark equity-portfolio-view .grid tf-order-entry-link.enabled {
    color: #64BCC5; }
  .dark equity-portfolio-view .grid .ui-grid-cell.not-available, .dark equity-portfolio-view .grid .ui-grid-footer-cell.not-available {
    color: #BBBBBB; }
  .dark equity-portfolio-view .grid .ui-grid-cell.positive, .dark equity-portfolio-view .grid .ui-grid-footer-cell.positive {
    color: #00a97f; }
  .dark equity-portfolio-view .grid .ui-grid-cell.negative, .dark equity-portfolio-view .grid .ui-grid-footer-cell.negative {
    color: #ff4a68; }
  .dark equity-portfolio-view .grid .dividend-not-paid {
    color: #00a97f; }
  .dark equity-portfolio-view .grid .dividend-ex-period {
    color: #ff4a68; }
  .dark tf-company-info-page-header {
    border: 1px solid #56545A; }
  .dark tf-company-statistics {
    background-color: #191823; }
    .dark tf-company-statistics .title {
      color: #BBBBBB; }
    .dark tf-company-statistics .content {
      color: #D8D8D8; }
    .dark tf-company-statistics .divider {
      border-bottom: 1px solid #56545A; }
  .dark tf-company-information-view .company-tabs-body {
    background: #191823; }
  .dark tf-company-overview-tab tf-company-statistics {
    border-left: 1px solid #56545A; }
  .dark tf-chart-iq-hud {
    color: #D8D8D8;
    background: rgba(33, 32, 45, 0.8);
    border: 1px solid #56545A; }
    .dark tf-chart-iq-hud .hud-header {
      color: #BBBBBB; }
  .dark .stx_candle_down {
    border-left-color: transparent;
    color: #EB4D5C; }
  .dark .stx_candle_up {
    border-left-color: transparent;
    color: #53B987; }
  .dark .stx_candle_shadow_even {
    border-left-color: grey; }
  .dark .stx_candle_shadow {
    color: #799497;
    border-top-color: #728d91;
    background-color: rgba(0, 0, 0, 0);
    border-left-color: transparent; }
  .dark .stx_candle_shadow_even {
    color: #747474;
    border-top-color: #747474;
    background-color: rgba(0, 0, 0, 0);
    border-left-color: transparent; }
  .dark .stx_candle_shadow_up {
    color: #53B987;
    border-top-color: #53B987;
    background-color: rgba(0, 0, 0, 0);
    border-left-color: transparent; }
  .dark .stx_candle_shadow_down {
    color: #EB4D5C;
    border-top-color: #EB4D5C;
    background-color: rgba(0, 0, 0, 0);
    border-left-color: transparent; }
  .dark .stx_hollow_candle_down {
    color: #EB4D5C; }
  .dark .stx_hollow_candle_up {
    color: #53B987; }
  .dark .stx_hollow_candle_even {
    color: #747474; }
  .dark .stx_line_chart {
    color: #D8D8D8; }
  .dark .stx_line_up {
    color: #53B987; }
  .dark .stx_line_down {
    color: #EB4D5C; }
  .dark .stx_line_event {
    color: #747474; }
  .dark .stx_bar_up {
    color: #53B987; }
  .dark .stx_bar_down {
    color: #EB4D5C; }
  .dark .stx_bar_even {
    color: #747474; }
  .dark .stx_xaxis {
    color: #D8D8D8; }
  .dark .stx_yaxis {
    color: #D8D8D8; }
  .dark .stx_yaxis_dark {
    color: #BBBBBB; }
  .dark .stx_xaxis_dark {
    color: #BBBBBB; }
  .dark .stx_grid, .dark .stx_grid_dark, .dark .stx_grid_border {
    color: #56545A; }
  .dark tf-iq-chart .stx-panel-title {
    color: #D8D8D8;
    background-color: #21202D;
    border-color: #56545A; }
  .dark tf-iq-chart .stx-btn-panel {
    color: #e9eaea;
    background: #2b3744;
    border-color: #38495a; }
  .dark tf-iq-chart #mSticky {
    color: #D8D8D8;
    background-color: #21202D;
    border-color: #56545A; }
  .dark tf-iq-drawing-format #handleFormatting {
    border-right: 1px solid #56545A; }
  .dark tf-iq-drawing-format .floatingMenuButton {
    background-color: rgba(28, 43, 54, 0.75);
    color: #D8D8D8;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); }
  .dark tf-iq-drawing-format .floatingMenuButton-light {
    background-color: rgba(33, 32, 45, 0.75);
    color: #D8D8D8; }
  .dark tf-iq-drawing-format .line-width-1::after, .dark tf-iq-drawing-format .line-width-3::after, .dark tf-iq-drawing-format .line-width-5::after,
  .dark tf-iq-drawing-format .line-style-solid::after, .dark tf-iq-drawing-format .line-style-dashed::after, .dark tf-iq-drawing-format .line-style-dotted::after {
    border-bottom-color: #D8D8D8; }
  .dark .chart-iq-studies-menu .line-width-1::after, .dark .chart-iq-studies-menu .line-width-3::after, .dark .chart-iq-studies-menu .line-width-5::after,
  .dark .chart-iq-studies-menu .line-style-solid::after, .dark .chart-iq-studies-menu .line-style-dashed::after, .dark .chart-iq-studies-menu .line-style-dotted::after {
    border-bottom-color: #D8D8D8; }
  .dark tf-chart-iq-drawing-tools {
    background-color: #191823; }
    .dark tf-chart-iq-drawing-tools .divider:after {
      border-bottom: 1px solid #56545A; }
  .dark .chart-iq-studie-templates-menu .save-studies[disabled] {
    color: darkgray; }
  .dark tf-chart-toolbar.top-toolbar {
    border-bottom: 1px solid #56545A; }
  .dark tf-payoff-matrix-grid {
    border: 1px solid #56545A; }
    .dark tf-payoff-matrix-grid .grid-header-row {
      background: #21202D; }
      .dark tf-payoff-matrix-grid .grid-header-row th.grid-column-header {
        border-bottom: 1px solid #56545A; }
        .dark tf-payoff-matrix-grid .grid-header-row th.grid-column-header:not(:last-child) {
          border-right: 1px solid #56545A; }
    .dark tf-payoff-matrix-grid .grid-body .grid-row:not(:first-child) {
      border-top: 1px solid #56545A; }
    .dark tf-payoff-matrix-grid .grid-body .grid-row.midpoint {
      background-color: #21202D;
      border-top: 1px dashed #56545A;
      border-bottom: 1px dashed #56545A; }
    .dark tf-payoff-matrix-grid .grid-body .grid-row:hover {
      background-color: #47445A; }
    .dark tf-payoff-matrix-grid .grid-body .midpoint + .grid-row {
      border-top: none; }
    .dark tf-payoff-matrix-grid .price-column {
      border-right: 1px solid #56545A; }
  .dark tf-payoff-matrix-price-increment .increment-adjust {
    background-color: transparent;
    border: none; }
    .dark tf-payoff-matrix-price-increment .increment-adjust .positive {
      color: #00a97f; }
    .dark tf-payoff-matrix-price-increment .increment-adjust .negative {
      color: #ff4a68; }
  .dark .payoff-price-increment-select-menu .adjust-btn {
    border-color: #56545A; }
    .dark .payoff-price-increment-select-menu .adjust-btn.selected {
      background-color: #47445A; }
    .dark .payoff-price-increment-select-menu .adjust-btn.negative {
      border-color: #A01B1B; }
      .dark .payoff-price-increment-select-menu .adjust-btn.negative.selected {
        background-color: rgba(160, 27, 27, 0.5);
        color: white; }
    .dark .payoff-price-increment-select-menu .adjust-btn.positive {
      border-color: #256C23; }
      .dark .payoff-price-increment-select-menu .adjust-btn.positive.selected {
        background-color: rgba(37, 108, 35, 0.5);
        color: white; }
  .dark tf-payoff-matrix .data-select button {
    background: transparent;
    border: none; }
  .dark tf-payoff-vol-select .vol-adjust {
    background-color: transparent;
    border: none; }
    .dark tf-payoff-vol-select .vol-adjust .positive {
      color: #00a97f; }
    .dark tf-payoff-vol-select .vol-adjust .negative {
      color: #ff4a68; }
  .dark .payoff-vol-select-menu .adjust-btn {
    border-color: #56545A; }
    .dark .payoff-vol-select-menu .adjust-btn.selected {
      background-color: #47445A; }
    .dark .payoff-vol-select-menu .adjust-btn.negative {
      border-color: #A01B1B; }
      .dark .payoff-vol-select-menu .adjust-btn.negative.selected {
        background-color: rgba(160, 27, 27, 0.5);
        color: white; }
    .dark .payoff-vol-select-menu .adjust-btn.positive {
      border-color: #256C23; }
      .dark .payoff-vol-select-menu .adjust-btn.positive.selected {
        background-color: rgba(37, 108, 35, 0.5);
        color: white; }
  .dark tf-course-of-sales .sales-table .table-header .column-headers {
    border-bottom: 1px solid #56545A; }
  .dark tf-market-summary {
    -webkit-box-shadow: 0 0 5px rgba(6, 6, 6, 0.51);
    box-shadow: 0 0 5px rgba(6, 6, 6, 0.51);
    background-color: #191823; }
    .dark tf-market-summary .floating-popout {
      background-color: #21202D; }
    .dark tf-market-summary .floating-close-button {
      background-color: #21202D;
      color: #D8D8D8;
      border: 1px solid #56545A; }
  .dark iv-sidebar .iv-sidebar-content {
    border-left: 1px solid #56545A;
    background: #191823; }
  .dark tf-client-dashboard-features .dashboard-feature-container .dashboard-feature {
    background: #191823;
    box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }
  .dark tf-client-dashboard-features .dashboard-feature-container .trialing-indicator {
    background: #9851CE;
    color: white;
    border: 2px solid lightgray; }
  .dark tf-client-dashboard-features .dashboard-feature-container .buy-now-link a {
    color: rgba(224, 76, 44, 0.78); }
  .dark tf-client-dashboard-features .strategy-builder-feature .icon-carpenter {
    color: #e2566e; }
  .dark tf-client-dashboard-features .portfolio-feature .icon-briefcase1 {
    color: #ffb72e; }
  .dark tf-client-dashboard-features .charting-feature .icon-bar-chart2 {
    color: #379e37; }
  .dark tf-client-dashboard-features .back-testing-feature .icon-76 {
    color: #7A84FF; }
  .dark tf-client-dashboard-features .btn-mod.btn-border-b {
    background-color: transparent; }
  .dark tf-dashboard-notifications .dashboard-notifications {
    background: #191823;
    box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }
  .dark tf-dashboard-portfolio-summary {
    background: #191823;
    box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08);
    background: transparent;
    box-shadow: none; }
    .dark tf-dashboard-portfolio-summary .summary-box .value {
      color: #00C5DC; }
    .dark tf-dashboard-portfolio-summary .summary-box .sub-title {
      color: grey; }
    .dark tf-dashboard-portfolio-summary .summary-box .sub-value {
      color: #ABABAB; }
    .dark tf-dashboard-portfolio-summary .summary-box .icon-question {
      color: #c7c6c6; }
  .dark tf-dashboard-portfolio-summary-small .summary-item {
    background: #191823;
    box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }
  .dark tf-dashboard-trading-alerts {
    background: #191823;
    box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }
  .dark tf-client-dashboard-mobile tf-watch-list {
    background: #191823;
    box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }
  .dark tf-client-dashboard-mobile .notification-toggle-container .notification-toggle {
    background: #191823;
    box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }
  .dark tf-dashboard-widget-container .widget-wrapper {
    background-color: #191823; }
  .dark tf-dashboard-widget-container .widget-container-header .widget-title {
    color: #D8D8D8; }
  .dark tf-dashboard-widget-container .widget-container-header .widget-control {
    color: #BBBBBB; }
    .dark tf-dashboard-widget-container .widget-container-header .widget-control.widget-linked {
      color: #FF694D; }
    .dark tf-dashboard-widget-container .widget-container-header .widget-control:hover {
      background-color: #47445A; }
  .dark tf-create-widget .add-container {
    color: #BBBBBB; }
    .dark tf-create-widget .add-container:hover {
      background-color: #47445A; }
  .dark tf-market-map .title-section {
    background-image: linear-gradient(to bottom right, #E07B1C, #CA651A);
    color: white; }
  .dark tf-market-map .node.has-change {
    color: white; }
    .dark tf-market-map .node.has-change.change-up.change-1 {
      background-color: rgba(0, 255, 0, 0.2); }
    .dark tf-market-map .node.has-change.change-up.change-2 {
      background-color: rgba(0, 255, 0, 0.4); }
    .dark tf-market-map .node.has-change.change-up.change-3 {
      background-color: rgba(0, 255, 0, 0.6); }
    .dark tf-market-map .node.has-change.change-up.change-4 {
      background-color: rgba(0, 255, 0, 0.8); }
    .dark tf-market-map .node.has-change.change-up.change-5 {
      background-color: lime; }
    .dark tf-market-map .node.has-change.change-down.change-1 {
      background-color: rgba(255, 0, 0, 0.2); }
    .dark tf-market-map .node.has-change.change-down.change-2 {
      background-color: rgba(255, 0, 0, 0.4); }
    .dark tf-market-map .node.has-change.change-down.change-3 {
      background-color: rgba(255, 0, 0, 0.6); }
    .dark tf-market-map .node.has-change.change-down.change-4 {
      background-color: rgba(255, 0, 0, 0.8); }
    .dark tf-market-map .node.has-change.change-down.change-5 {
      background-color: red; }
  .dark tf-market-map .node.value-node {
    border: 1px solid #21202D; }
  .dark tf-market-map .node.main-group {
    border: 1px solid #56545A; }
  .dark tf-market-map .node.group-container .node-title {
    background: #21202D;
    color: #BBBBBB;
    opacity: 0.8; }
  .dark tf-market-map .node:hover:after {
    background: rgba(71, 68, 90, 0.25); }
  .dark tf-market-map .market-map-tooltip {
    color: white;
    background: rgba(0, 0, 0, 0.9); }
  .dark tf-quote-widget .security {
    color: #BBBBBB; }
  .dark tf-add-dashboard-dialog .layout-selector svg {
    fill: #BBBBBB; }
  .dark tf-add-dashboard-dialog .layout-selector.selected svg {
    fill: #5EC6E8; }
  .dark tf-add-dashboard-widget-dialog .widget-item {
    border: 1px solid #56545A; }
    .dark tf-add-dashboard-widget-dialog .widget-item.disabled {
      color: darkgray; }
    .dark tf-add-dashboard-widget-dialog .widget-item:hover {
      color: #D7D7D7;
      background-color: #47445A; }
  .dark tf-oms-dashboard-desktop-view .dashboard-header {
    overflow-x: auto; }
    .dark tf-oms-dashboard-desktop-view .dashboard-header .remove-dashboard-btn:hover {
      color: #D7D7D7; }
    .dark tf-oms-dashboard-desktop-view .dashboard-header .edit-button.active {
      color: #E04C2C;
      box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
    .dark tf-oms-dashboard-desktop-view .dashboard-header .edit-button:hover {
      color: #D7D7D7; }
  .dark tf-oms-dashboard-mobile-view .dashboard-header {
    overflow-x: auto; }
  .dark tf-oms-dashboard-mobile-view .slick-container .slick-dots li:not(.slick-active) button:before {
    color: #D8D8D8; }
  .dark tf-order-depth-desktop .depth-table .table-header .column-headers .buyers-container, .dark tf-order-depth-desktop .depth-table .table-header .column-headers .sellers-container,
  .dark tf-order-depth-mobile .depth-table .table-header .column-headers .buyers-container,
  .dark tf-order-depth-mobile .depth-table .table-header .column-headers .sellers-container {
    border-bottom: 1px solid #56545A; }
  .dark tf-order-depth-desktop .depth-table .buyers-container .price-column tf-order-entry-link,
  .dark tf-order-depth-mobile .depth-table .buyers-container .price-column tf-order-entry-link {
    font-weight: bold;
    color: #3DD467; }
  .dark tf-order-depth-desktop .depth-table .sellers-container .price-column tf-order-entry-link,
  .dark tf-order-depth-mobile .depth-table .sellers-container .price-column tf-order-entry-link {
    font-weight: bold;
    color: #EB4D5C; }
  .dark tf-order-depth-desktop .depth-table .matched-trade,
  .dark tf-order-depth-mobile .depth-table .matched-trade {
    background-color: #4A482D; }
  .dark tf-order-depth-v2 .depth-table {
    background: #21202D;
    border: 1px solid #56545A; }
    .dark tf-order-depth-v2 .depth-table .table-header .column-headers .buyers-container, .dark tf-order-depth-v2 .depth-table .table-header .column-headers .sellers-container {
      border-bottom: 1px solid #56545A; }
    .dark tf-order-depth-v2 .depth-table .price-indicator span {
      color: #BBBBBB; }
    .dark tf-order-depth-v2 .depth-table .buyers-container .price-column {
      font-weight: bold;
      color: #3DD467; }
    .dark tf-order-depth-v2 .depth-table .sellers-container .price-column {
      font-weight: bold;
      color: #EB4D5C; }
    .dark tf-order-depth-v2 .depth-table .matched-trade {
      background-color: #4A482D; }
  .dark .depth-volume-change-target.volume-change-up {
    animation-duration: 2s;
    animation-name: order-depth-volume-change-up; }
  .dark .depth-volume-change-target.volume-change-down {
    animation-duration: 2s;
    animation-name: order-depth-volume-change-down; }

@keyframes order-depth-volume-change-up {
  from {
    color: unset;
    background-color: unset; }
  25% {
    color: white;
    background-color: #256C23; }
  75% {
    color: white;
    background-color: #256C23; }
  to {
    color: unset;
    background-color: unset; } }

@keyframes order-depth-volume-change-down {
  from {
    color: unset;
    background-color: unset; }
  25% {
    color: white;
    background-color: #A01B1B; }
  75% {
    color: white;
    background-color: #A01B1B; }
  to {
    color: unset;
    background-color: unset; } }
  .dark tf-wizard .step-titles {
    border-bottom: 1px solid #56545A; }
  .dark tf-wizard .step-header:not(:first-child)::before {
    border: 1px solid #56545A; }
  .dark tf-wizard .step-header:not(:last-child)::after {
    border: 1px solid #56545A; }
  .dark tf-wizard .step-index {
    color: white;
    background-color: #606A80; }
    .dark tf-wizard .step-index.active-step {
      background-color: #E04C2C; }
  .dark tf-wizard-step .step-footer {
    border-top: 1px solid #56545A; }
  .dark tf-footer {
    background: #21202D;
    border-top: 1px solid #56545A; }
    .dark tf-footer .working-order {
      background: #191823; }
    .dark tf-footer .working-order:hover {
      background: #47445A; }
    .dark tf-footer .order-summary {
      color: #BBBBBB; }
      .dark tf-footer .order-summary .order-limit {
        color: #D8D8D8; }
      .dark tf-footer .order-summary .order-price {
        color: #D8D8D8; }
    .dark tf-footer .vertical-divider {
      border-right: 1px solid #56545A; }
  .dark tf-market-movers-grid .grid-row {
    border-top: 1px solid #56545A; }
  .dark tf-system-alert .notification-area.system-critical-alert {
    background-color: #741506;
    color: white; }
    .dark tf-system-alert .notification-area.system-critical-alert a {
      color: white; }
  .dark tf-system-alert .notification-area.system-warning-alert {
    background-color: #29292F;
    color: #C19E16; }
    .dark tf-system-alert .notification-area.system-warning-alert a {
      color: #C19E16; }
  .dark tf-system-alert .notification-area.system-info-alert {
    background-color: #29292F;
    color: #6499E0; }
    .dark tf-system-alert .notification-area.system-info-alert a {
      color: #6499E0; }
  .dark tf-system-prompt .notification-action.btn {
    color: #FFFFFF;
    background-color: #191823;
    transition: color linear 100ms; }
    .dark tf-system-prompt .notification-action.btn:hover, .dark tf-system-prompt .notification-action.btn:focus {
      color: #00A97F;
      background-color: #191823; }
  .dark tf-open-account-prompt {
    background-color: #142644;
    color: #FFFFFF; }
    .MAQRO.dark .dark tf-open-account-prompt {
      background-color: #001c41; }
    .MAQRO .dark tf-open-account-prompt {
      background-color: #3375ff; }
    .dark tf-open-account-prompt a {
      color: #FFFFFF; }
      .dark tf-open-account-prompt a:hover {
        color: #FFFFFF; }
  .dark tf-open-account-quiz-prompt {
    background-color: #142644;
    color: #FFFFFF; }
    .MAQRO.dark .dark tf-open-account-quiz-prompt {
      background-color: #001c41; }
    .MAQRO .dark tf-open-account-quiz-prompt {
      background-color: #3375ff; }
    .dark tf-open-account-quiz-prompt a {
      color: #FFFFFF; }
      .dark tf-open-account-quiz-prompt a:hover {
        color: #FFFFFF; }
  .dark tf-delayed-price-prompt {
    background-color: #142644;
    color: #FFFFFF; }
    .MAQRO.dark .dark tf-delayed-price-prompt {
      background-color: #001c41; }
    .MAQRO .dark tf-delayed-price-prompt {
      background-color: #3375ff; }
    .dark tf-delayed-price-prompt a {
      color: #FFFFFF; }
      .dark tf-delayed-price-prompt a:hover {
        color: #FFFFFF; }
  .dark tf-temp-message-prompt {
    background-color: #001c41;
    color: #FFFFFF; }
    .MAQRO.dark .dark tf-temp-message-prompt {
      background-color: #001c41; }
    .MAQRO .dark tf-temp-message-prompt {
      background-color: #3375ff; }
    .dark tf-temp-message-prompt a {
      color: #FFFFFF; }
      .dark tf-temp-message-prompt a:hover {
        color: #FFFFFF; }
  .dark tf-temp-and-delayed-price-prompt {
    background-color: #001c41;
    color: #FFFFFF; }
    .MAQRO.dark .dark tf-temp-and-delayed-price-prompt {
      background-color: #001c41; }
    .MAQRO .dark tf-temp-and-delayed-price-prompt {
      background-color: #3375ff; }
    .dark tf-temp-and-delayed-price-prompt a {
      color: #FFFFFF; }
      .dark tf-temp-and-delayed-price-prompt a:hover {
        color: #FFFFFF; }
  .dark tf-trial-expiring-prompt {
    background-color: #142644;
    color: #FFFFFF; }
    .MAQRO.dark .dark tf-trial-expiring-prompt {
      background-color: #001c41; }
    .MAQRO .dark tf-trial-expiring-prompt {
      background-color: #3375ff; }
    .dark tf-trial-expiring-prompt a {
      color: #FFFFFF; }
      .dark tf-trial-expiring-prompt a:hover {
        color: #FFFFFF; }
  .dark tf-no-subscription-prompt {
    background-color: #142644;
    color: #FFFFFF; }
    .MAQRO.dark .dark tf-no-subscription-prompt {
      background-color: #001c41; }
    .MAQRO .dark tf-no-subscription-prompt {
      background-color: #3375ff; }
    .dark tf-no-subscription-prompt a {
      color: #FFFFFF; }
      .dark tf-no-subscription-prompt a:hover {
        color: #FFFFFF; }
  .dark tf-maintenance-prompt {
    background-color: #142644;
    color: #FFFFFF; }
    .MAQRO.dark .dark tf-maintenance-prompt {
      background-color: #001c41; }
    .MAQRO .dark tf-maintenance-prompt {
      background-color: #3375ff; }
    .dark tf-maintenance-prompt a {
      color: #FFFFFF; }
      .dark tf-maintenance-prompt a:hover {
        color: #FFFFFF; }
  .dark tf-news-item-dialog .news-date-time {
    color: #BBBBBB; }
  .dark tf-news-feed .separator-row {
    color: #BBBBBB;
    border-top: 1px solid #56545A; }
  .dark tf-news-feed tf-news-headline {
    border-top: 1px solid #56545A; }
  .dark tf-news-headline .headline-title {
    color: #BBBBBB; }
  .dark tf-news-headline .link {
    color: #64BCC5; }
  .dark tf-news-headline .price-sensitive {
    color: #ff4a68; }
  .dark tf-company-news-indicator .news-link.market-sensitive {
    color: #ff4a68; }
  .dark tf-equity-active-order-list .bold,
  .dark tf-equity-inactive-order-list .bold,
  .dark tf-equity-mobile-active-order-list .bold,
  .dark tf-equity-mobile-inactive-order-list .bold,
  .dark tf-option-active-order-list .bold,
  .dark tf-option-inactive-order-list .bold,
  .dark tf-mobile-active-order-list .bold,
  .dark tf-mobile-inactive-order-list .bold {
    font-weight: bold; }
  .dark tf-equity-active-order-list .orders-table .table-header .column-headers,
  .dark tf-equity-inactive-order-list .orders-table .table-header .column-headers,
  .dark tf-equity-mobile-active-order-list .orders-table .table-header .column-headers,
  .dark tf-equity-mobile-inactive-order-list .orders-table .table-header .column-headers,
  .dark tf-option-active-order-list .orders-table .table-header .column-headers,
  .dark tf-option-inactive-order-list .orders-table .table-header .column-headers,
  .dark tf-mobile-active-order-list .orders-table .table-header .column-headers,
  .dark tf-mobile-inactive-order-list .orders-table .table-header .column-headers {
    border-bottom: 1px solid #56545A; }
  .dark tf-equity-active-order-list .orders-table .order-row,
  .dark tf-equity-inactive-order-list .orders-table .order-row,
  .dark tf-equity-mobile-active-order-list .orders-table .order-row,
  .dark tf-equity-mobile-inactive-order-list .orders-table .order-row,
  .dark tf-option-active-order-list .orders-table .order-row,
  .dark tf-option-inactive-order-list .orders-table .order-row,
  .dark tf-mobile-active-order-list .orders-table .order-row,
  .dark tf-mobile-inactive-order-list .orders-table .order-row {
    border-bottom: 1px solid #56545A; }
    .dark tf-equity-active-order-list .orders-table .order-row:hover,
    .dark tf-equity-inactive-order-list .orders-table .order-row:hover,
    .dark tf-equity-mobile-active-order-list .orders-table .order-row:hover,
    .dark tf-equity-mobile-inactive-order-list .orders-table .order-row:hover,
    .dark tf-option-active-order-list .orders-table .order-row:hover,
    .dark tf-option-inactive-order-list .orders-table .order-row:hover,
    .dark tf-mobile-active-order-list .orders-table .order-row:hover,
    .dark tf-mobile-inactive-order-list .orders-table .order-row:hover {
      background-color: #47445A; }
    .dark tf-equity-active-order-list .orders-table .order-row .table-header .column-headers,
    .dark tf-equity-inactive-order-list .orders-table .order-row .table-header .column-headers,
    .dark tf-equity-mobile-active-order-list .orders-table .order-row .table-header .column-headers,
    .dark tf-equity-mobile-inactive-order-list .orders-table .order-row .table-header .column-headers,
    .dark tf-option-active-order-list .orders-table .order-row .table-header .column-headers,
    .dark tf-option-inactive-order-list .orders-table .order-row .table-header .column-headers,
    .dark tf-mobile-active-order-list .orders-table .order-row .table-header .column-headers,
    .dark tf-mobile-inactive-order-list .orders-table .order-row .table-header .column-headers {
      border-bottom: 1px solid #56545A; }
    .dark tf-equity-active-order-list .orders-table .order-row .order-number-column,
    .dark tf-equity-inactive-order-list .orders-table .order-row .order-number-column,
    .dark tf-equity-mobile-active-order-list .orders-table .order-row .order-number-column,
    .dark tf-equity-mobile-inactive-order-list .orders-table .order-row .order-number-column,
    .dark tf-option-active-order-list .orders-table .order-row .order-number-column,
    .dark tf-option-inactive-order-list .orders-table .order-row .order-number-column,
    .dark tf-mobile-active-order-list .orders-table .order-row .order-number-column,
    .dark tf-mobile-inactive-order-list .orders-table .order-row .order-number-column {
      color: #BBBBBB; }
    .dark tf-equity-active-order-list .orders-table .order-row .is-parent-column,
    .dark tf-equity-inactive-order-list .orders-table .order-row .is-parent-column,
    .dark tf-equity-mobile-active-order-list .orders-table .order-row .is-parent-column,
    .dark tf-equity-mobile-inactive-order-list .orders-table .order-row .is-parent-column,
    .dark tf-option-active-order-list .orders-table .order-row .is-parent-column,
    .dark tf-option-inactive-order-list .orders-table .order-row .is-parent-column,
    .dark tf-mobile-active-order-list .orders-table .order-row .is-parent-column,
    .dark tf-mobile-inactive-order-list .orders-table .order-row .is-parent-column {
      color: #BBBBBB; }
    .dark tf-equity-active-order-list .orders-table .order-row .parent-order-column,
    .dark tf-equity-inactive-order-list .orders-table .order-row .parent-order-column,
    .dark tf-equity-mobile-active-order-list .orders-table .order-row .parent-order-column,
    .dark tf-equity-mobile-inactive-order-list .orders-table .order-row .parent-order-column,
    .dark tf-option-active-order-list .orders-table .order-row .parent-order-column,
    .dark tf-option-inactive-order-list .orders-table .order-row .parent-order-column,
    .dark tf-mobile-active-order-list .orders-table .order-row .parent-order-column,
    .dark tf-mobile-inactive-order-list .orders-table .order-row .parent-order-column {
      color: #BBBBBB; }
    .dark tf-equity-active-order-list .orders-table .order-row .account-column .account-name,
    .dark tf-equity-inactive-order-list .orders-table .order-row .account-column .account-name,
    .dark tf-equity-mobile-active-order-list .orders-table .order-row .account-column .account-name,
    .dark tf-equity-mobile-inactive-order-list .orders-table .order-row .account-column .account-name,
    .dark tf-option-active-order-list .orders-table .order-row .account-column .account-name,
    .dark tf-option-inactive-order-list .orders-table .order-row .account-column .account-name,
    .dark tf-mobile-active-order-list .orders-table .order-row .account-column .account-name,
    .dark tf-mobile-inactive-order-list .orders-table .order-row .account-column .account-name {
      color: #BBBBBB; }
    .dark tf-equity-active-order-list .orders-table .order-row .exchange-column,
    .dark tf-equity-inactive-order-list .orders-table .order-row .exchange-column,
    .dark tf-equity-mobile-active-order-list .orders-table .order-row .exchange-column,
    .dark tf-equity-mobile-inactive-order-list .orders-table .order-row .exchange-column,
    .dark tf-option-active-order-list .orders-table .order-row .exchange-column,
    .dark tf-option-inactive-order-list .orders-table .order-row .exchange-column,
    .dark tf-mobile-active-order-list .orders-table .order-row .exchange-column,
    .dark tf-mobile-inactive-order-list .orders-table .order-row .exchange-column {
      color: #BBBBBB; }
    .dark tf-equity-active-order-list .orders-table .order-row .side-column .conditional-indicator,
    .dark tf-equity-inactive-order-list .orders-table .order-row .side-column .conditional-indicator,
    .dark tf-equity-mobile-active-order-list .orders-table .order-row .side-column .conditional-indicator,
    .dark tf-equity-mobile-inactive-order-list .orders-table .order-row .side-column .conditional-indicator,
    .dark tf-option-active-order-list .orders-table .order-row .side-column .conditional-indicator,
    .dark tf-option-inactive-order-list .orders-table .order-row .side-column .conditional-indicator,
    .dark tf-mobile-active-order-list .orders-table .order-row .side-column .conditional-indicator,
    .dark tf-mobile-inactive-order-list .orders-table .order-row .side-column .conditional-indicator {
      color: #BBBBBB; }
    .dark tf-equity-active-order-list .orders-table .order-row .limit-column .price-instruction-type,
    .dark tf-equity-inactive-order-list .orders-table .order-row .limit-column .price-instruction-type,
    .dark tf-equity-mobile-active-order-list .orders-table .order-row .limit-column .price-instruction-type,
    .dark tf-equity-mobile-inactive-order-list .orders-table .order-row .limit-column .price-instruction-type,
    .dark tf-option-active-order-list .orders-table .order-row .limit-column .price-instruction-type,
    .dark tf-option-inactive-order-list .orders-table .order-row .limit-column .price-instruction-type,
    .dark tf-mobile-active-order-list .orders-table .order-row .limit-column .price-instruction-type,
    .dark tf-mobile-inactive-order-list .orders-table .order-row .limit-column .price-instruction-type {
      color: #BBBBBB; }
    .dark tf-equity-active-order-list .orders-table .order-row .created-column .created-relative,
    .dark tf-equity-inactive-order-list .orders-table .order-row .created-column .created-relative,
    .dark tf-equity-mobile-active-order-list .orders-table .order-row .created-column .created-relative,
    .dark tf-equity-mobile-inactive-order-list .orders-table .order-row .created-column .created-relative,
    .dark tf-option-active-order-list .orders-table .order-row .created-column .created-relative,
    .dark tf-option-inactive-order-list .orders-table .order-row .created-column .created-relative,
    .dark tf-mobile-active-order-list .orders-table .order-row .created-column .created-relative,
    .dark tf-mobile-inactive-order-list .orders-table .order-row .created-column .created-relative {
      color: #BBBBBB; }
    .dark tf-equity-active-order-list .orders-table .order-row .updated-column .updated-relative,
    .dark tf-equity-inactive-order-list .orders-table .order-row .updated-column .updated-relative,
    .dark tf-equity-mobile-active-order-list .orders-table .order-row .updated-column .updated-relative,
    .dark tf-equity-mobile-inactive-order-list .orders-table .order-row .updated-column .updated-relative,
    .dark tf-option-active-order-list .orders-table .order-row .updated-column .updated-relative,
    .dark tf-option-inactive-order-list .orders-table .order-row .updated-column .updated-relative,
    .dark tf-mobile-active-order-list .orders-table .order-row .updated-column .updated-relative,
    .dark tf-mobile-inactive-order-list .orders-table .order-row .updated-column .updated-relative {
      color: #BBBBBB; }
    .dark tf-equity-active-order-list .orders-table .order-row .completed-column .completed-relative,
    .dark tf-equity-inactive-order-list .orders-table .order-row .completed-column .completed-relative,
    .dark tf-equity-mobile-active-order-list .orders-table .order-row .completed-column .completed-relative,
    .dark tf-equity-mobile-inactive-order-list .orders-table .order-row .completed-column .completed-relative,
    .dark tf-option-active-order-list .orders-table .order-row .completed-column .completed-relative,
    .dark tf-option-inactive-order-list .orders-table .order-row .completed-column .completed-relative,
    .dark tf-mobile-active-order-list .orders-table .order-row .completed-column .completed-relative,
    .dark tf-mobile-inactive-order-list .orders-table .order-row .completed-column .completed-relative {
      color: #BBBBBB; }
    .dark tf-equity-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-OK,
    .dark tf-equity-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-OK,
    .dark tf-equity-mobile-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-OK,
    .dark tf-equity-mobile-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-OK,
    .dark tf-option-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-OK,
    .dark tf-option-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-OK,
    .dark tf-mobile-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-OK,
    .dark tf-mobile-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-OK {
      color: #00a97f; }
    .dark tf-equity-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-PENDING,
    .dark tf-equity-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-PENDING,
    .dark tf-equity-mobile-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-PENDING,
    .dark tf-equity-mobile-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-PENDING,
    .dark tf-option-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-PENDING,
    .dark tf-option-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-PENDING,
    .dark tf-mobile-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-PENDING,
    .dark tf-mobile-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-PENDING {
      color: #BBBBBB; }
    .dark tf-equity-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-AUTHORISING,
    .dark tf-equity-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-AUTHORISING,
    .dark tf-equity-mobile-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-AUTHORISING,
    .dark tf-equity-mobile-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-AUTHORISING,
    .dark tf-option-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-AUTHORISING,
    .dark tf-option-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-AUTHORISING,
    .dark tf-mobile-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-AUTHORISING,
    .dark tf-mobile-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-AUTHORISING {
      color: #DF7B00; }
    .dark tf-equity-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-FAILED, .dark tf-equity-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-DENIED,
    .dark tf-equity-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-FAILED,
    .dark tf-equity-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-DENIED,
    .dark tf-equity-mobile-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-FAILED,
    .dark tf-equity-mobile-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-DENIED,
    .dark tf-equity-mobile-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-FAILED,
    .dark tf-equity-mobile-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-DENIED,
    .dark tf-option-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-FAILED,
    .dark tf-option-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-DENIED,
    .dark tf-option-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-FAILED,
    .dark tf-option-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-DENIED,
    .dark tf-mobile-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-FAILED,
    .dark tf-mobile-active-order-list .orders-table .order-row .status-column .last-action.order-action-status-DENIED,
    .dark tf-mobile-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-FAILED,
    .dark tf-mobile-inactive-order-list .orders-table .order-row .status-column .last-action.order-action-status-DENIED {
      color: #ff4a68; }
  .dark tf-order-entry-link.enabled {
    color: #64BCC5; }
  .dark tf-update-order .validation-error {
    color: #D62728; }
  .dark tf-update-order .orderAmend {
    border-bottom: 1px solid #56545A; }
  .dark tf-orders-view {
    background-color: #191823; }
  .dark tf-account-performance-key-indicators .summary-value.good-value {
    color: #00a97f; }
  .dark tf-account-performance-key-indicators .summary-value.bad-value {
    color: #ff4a68; }
  .dark portfolio-sidebar {
    border-right: 1px solid #56545A; }
    .dark portfolio-sidebar .whatIfPanel {
      background: #21202D;
      border: 1px solid #56545A; }
      .dark portfolio-sidebar .whatIfPanel.open {
        background: #191823; }
  .dark tf-equity-order-display {
    text-align: center; }
    .dark tf-equity-order-display .buy-text {
      color: #00B98A; }
    .dark tf-equity-order-display .buy-order {
      background-color: #226B58;
      padding: 20px 15px; }
    .dark tf-equity-order-display .sell-order {
      background-color: #862d35;
      padding: 20px 15px; }
  .dark tf-equity-order-summary .cost-cell {
    color: #ff4a68; }
  .dark tf-equity-order-summary .credit-cell {
    color: #00B98A; }
  .dark tf-equity-order-summary .break-down {
    display: table;
    width: 100%;
    padding: 10px 15px;
    border-radius: 4px;
    background: #21202D; }
  .dark tf-equity-order-summary .border-top {
    border-top: 1px solid #56545A; }
  .dark tf-vetting-results .error-outcome {
    color: indianred;
    background-color: #f2dede; }
  .dark tf-vetting-results .warning-outcome {
    color: #cd8145;
    background-color: #f2d8be; }
  .dark tf-multi-account-equity-order-display {
    text-align: center; }
    .dark tf-multi-account-equity-order-display .buy-text {
      color: #00B98A; }
    .dark tf-multi-account-equity-order-display .buy-order {
      background-color: #226B58;
      padding: 20px 15px; }
    .dark tf-multi-account-equity-order-display .sell-order {
      background-color: #862d35;
      padding: 20px 15px; }
  .dark tf-multi-account-equity-order-summary .cost-cell {
    color: #ff4a68; }
  .dark tf-multi-account-equity-order-summary .credit-cell {
    color: #00B98A; }
  .dark tf-multi-account-equity-order-summary .break-down {
    display: table;
    width: 100%;
    padding: 10px 15px;
    border-radius: 4px;
    background: #21202D; }
  .dark tf-multi-account-equity-order-summary .border-top {
    border-top: 1px solid #56545A; }
  .dark tf-multi-account-equity-order-summary .table-header {
    border-bottom: 1px solid #56545A; }
  .dark tf-multi-account-equity-order-summary .table-body .buy-order {
    background-color: #226B58; }
  .dark tf-multi-account-equity-order-summary .table-body .sell-order {
    background-color: #862d35; }
  .dark tf-multi-account-equity-order-summary .table-body .table-row {
    color: #D8D8D8; }
  .dark tf-multi-account-equity-order-summary .table-body .table-column.change-up {
    color: #00a97f; }
  .dark tf-multi-account-equity-order-summary .table-body .table-column.change-down {
    color: #ff4a68; }
  .dark tf-multi-account-equity-order-summary .table-body .table-column.highest-high {
    background-color: rgba(37, 108, 35, 0.8);
    color: white; }
  .dark tf-multi-account-equity-order-summary .table-body .table-column.lowest-low {
    background-color: rgba(160, 27, 27, 0.8);
    color: white; }
  .dark tf-multi-account-vetting-results .error-outcome {
    color: indianred;
    background-color: #f2dede; }
  .dark tf-multi-account-vetting-results .warning-outcome {
    color: #cd8145;
    background-color: #f2d8be; }
  .dark .duplicate-orders-notification-dialog .duplicate-order {
    color: #BBBBBB;
    background: #47445A;
    border: 1px solid #47445A; }
  .dark .multi-duplicate-orders-notification-dialog .duplicate-order {
    color: #BBBBBB;
    background: #47445A;
    border: 1px solid #47445A; }
  .dark tf-equity-order-wizard tf-equity-order-step .buy-sell-select .btn {
    background: lightgray; }
    .dark tf-equity-order-wizard tf-equity-order-step .buy-sell-select .btn label {
      color: #333; }
  .dark tf-equity-order-wizard tf-equity-order-step .buy-sell-select .buy-order.active {
    background: #3DD467; }
    .dark tf-equity-order-wizard tf-equity-order-step .buy-sell-select .buy-order.active label {
      color: white; }
  .dark tf-equity-order-wizard tf-equity-order-step .buy-sell-select .sell-order.active {
    background: #EB4D5C; }
    .dark tf-equity-order-wizard tf-equity-order-step .buy-sell-select .sell-order.active label {
      color: white; }
  .dark tf-equity-order-wizard tf-equity-order-step .grey-background {
    background: #21202D;
    border: 1px solid #56545A; }
  .dark tf-equity-order-wizard tf-equity-order-step .checkbox i {
    color: #BBBBBB; }
  .dark tf-equity-order-wizard tf-equity-order-step .checkbox .text-success.active {
    color: #3DD467; }
  .dark tf-equity-order-wizard .validation-messages, place-order-wizard .dark tf-equity-order-wizard .validation-warnings, place-order-wizard .dark tf-equity-order-wizard .validation-info, .dark tf-equity-order-wizard place-order-wizard .validation-warnings, .dark place-order-wizard tf-equity-order-wizard .validation-warnings, .dark tf-equity-order-wizard place-order-wizard .validation-info, .dark place-order-wizard tf-equity-order-wizard .validation-info {
    color: indianred;
    background-color: #F2DEDE; }
  .dark tf-equity-order-wizard .btn-success {
    background: #3DD467;
    border-color: #3DD467; }
    .dark tf-equity-order-wizard .btn-success.btn[disabled] {
      border-color: darkgray;
      background-color: darkgray; }
    .dark tf-equity-order-wizard .btn-success :hover, .dark tf-equity-order-wizard .btn-success :focus {
      background: #00a97f; }
  .dark roa-step .disclaimers {
    background-color: #21202D;
    color: #D8D8D8; }
  .dark roa-step .soaColumns h4 {
    border-bottom: 1px solid #56545A; }
  .dark place-order-wizard .validation-messages, .dark place-order-wizard .validation-warnings, .dark place-order-wizard .validation-info {
    color: indianred;
    background-color: #F2DEDE; }
  .dark place-order-wizard .validation-warnings {
    color: #CD8145;
    background-color: #F2D8BE; }
  .dark place-order-wizard .validation-info {
    color: #31708f;
    background-color: #D9EDF7; }
  .dark .lodge-collateral-component .pending-collateral-movement {
    background: #DF7B00; }
  .dark .portfolio .strategy-sidebar {
    background: #191823; }
    .dark .portfolio .strategy-sidebar .sidebar-menu {
      box-shadow: rgba(0, 0, 0, 0.14902) 0 0 2px; }
    .dark .portfolio .strategy-sidebar .closePanel span {
      border: 1px solid #56545A; }
  .dark .portfolio .position-controls .btn-clear {
    color: white; }
  .dark .portfolio .ui-grid-cell-contents.itm {
    background: linear-gradient(90deg, rgba(0, 169, 127, 0.05), rgba(0, 169, 127, 0.2)); }
  .dark .tf-quote-change-target.quote-change-up {
    animation-duration: 2s;
    animation-name: dark-price-change-up; }
  .dark .tf-quote-change-target.quote-change-down {
    animation-duration: 2s;
    animation-name: dark-price-change-down; }

@keyframes dark-price-change-up {
  from {
    color: unset; }
  15% {
    color: #00a97f; }
  85% {
    color: #00a97f; }
  to {
    color: unset; } }

@keyframes dark-price-change-down {
  from {
    color: unset; }
  25% {
    color: #ff4a68; }
  75% {
    color: #ff4a68; }
  to {
    color: unset; } }
  .dark tf-basis-of-quotation {
    color: #BBBBBB;
    border-color: #56545A; }
    .dark tf-basis-of-quotation:hover {
      background-color: #47445A; }
  .dark tf-current-quote {
    color: white; }
    .dark tf-current-quote .ask-details {
      background-color: #A01B1B;
      color: white; }
    .dark tf-current-quote .bid-details {
      background-color: #256C23;
      color: white; }
    .dark tf-current-quote .quote-quantity {
      color: white;
      border-bottom: 1px solid #56545A; }
    .dark tf-current-quote .quote-value {
      color: white; }
  .dark tf-buy-sell-toggle-quote {
    color: white; }
    .dark tf-buy-sell-toggle-quote .buy-sell-select .btn {
      color: #333;
      background: lightgray; }
    .dark tf-buy-sell-toggle-quote .buy-sell-select .buy-order.active {
      color: white;
      background: #256C23; }
    .dark tf-buy-sell-toggle-quote .buy-sell-select .sell-order.active {
      color: white;
      background: #A01B1B; }
  .dark tf-quote-change .indicative {
    color: #DF7B00; }
  .dark tf-quote-change-v2 .indicative {
    color: #DF7B00; }
  .dark tf-quote-ohlc .value-name {
    color: #BBBBBB; }
  .dark tf-quote-ohlc .divider {
    border-left: 1px solid #56545A; }
  .dark tf-quote-ohlc.vertical .divider {
    border-bottom: 1px solid #56545A; }
  .dark tf-quote-totals .total-name {
    color: #BBBBBB; }
  .dark tf-quote-totals .divider {
    border-left: 1px solid #56545A; }
  .dark tf-quote-totals.vertical .divider {
    border-bottom: 1px solid #56545A; }
  .dark tf-quote-state .trading-state-pre-open, .dark tf-quote-state .trading-state-pre-cspa, .dark tf-quote-state .trading-state-opening {
    color: #DF7B00; }
  .dark tf-quote-state .trading-state-reg-halt, .dark tf-quote-state .trading-state-suspended {
    color: #ff4a68; }
  .dark tf-quote-state .trading-state-closed {
    font-weight: 600; }
  .dark tf-security-time-series-desktop .table-header,
  .dark tf-security-time-series-mobile .table-header {
    border-bottom: 1px solid #56545A; }
  .dark tf-security-time-series-desktop .table-body .table-row,
  .dark tf-security-time-series-mobile .table-body .table-row {
    color: #D8D8D8; }
    .dark tf-security-time-series-desktop .table-body .table-row:nth-child(even),
    .dark tf-security-time-series-mobile .table-body .table-row:nth-child(even) {
      background-color: #21202D; }
  .dark tf-security-time-series-desktop .table-body .table-column.change-up,
  .dark tf-security-time-series-mobile .table-body .table-column.change-up {
    color: #00a97f; }
  .dark tf-security-time-series-desktop .table-body .table-column.change-down,
  .dark tf-security-time-series-mobile .table-body .table-column.change-down {
    color: #ff4a68; }
  .dark tf-security-time-series-desktop .table-body .table-column.highest-high,
  .dark tf-security-time-series-mobile .table-body .table-column.highest-high {
    background-color: rgba(37, 108, 35, 0.8);
    color: white; }
  .dark tf-security-time-series-desktop .table-body .table-column.lowest-low,
  .dark tf-security-time-series-mobile .table-body .table-column.lowest-low {
    background-color: rgba(160, 27, 27, 0.8);
    color: white; }
  .dark tf-om-average-price-update-request-dialog .warning-text {
    color: #DF7B00; }
  .dark tf-store-order-items .order-summary {
    background: #191823; }
    .dark tf-store-order-items .order-summary .order-lines {
      color: #BBBBBB; }
    .dark tf-store-order-items .order-summary .order-line:hover .inner {
      background: #47445A; }
    .dark tf-store-order-items .order-summary .order-total {
      color: #D8D8D8; }
      .dark tf-store-order-items .order-summary .order-total .order-line:before {
        border-top: 1px solid #56545A; }
  .dark tf-strategy-builder-stock-detail .title {
    color: #BBBBBB; }
  .dark tf-strategy-builder-stock-detail .content {
    color: #D8D8D8; }
  .dark tf-strategy-builder-stock-detail .divider {
    border: 1px solid #56545A; }
  .dark tf-strategy-builder-stock-summary .price-change {
    color: #BBBBBB; }
  .dark tf-strategy-builder-stock-summary .stock-iv-rank {
    border: 2px solid #56545A; }
  .dark .optnchain * .ui-grid-cell-contents.itm {
    background-color: rgba(0, 169, 127, 0.2); }
  .dark tf-trading-alert .status-column.matched {
    background-color: #00a97f; }
  .dark tf-trading-alert .edit-column {
    color: #BBBBBB; }
  .dark tf-trading-alert .alert-rule-list {
    color: #BBBBBB; }
  .dark tf-alert-rule-list .add-new-rule:hover {
    background-color: #47445A; }
  .dark tf-alert-rule-list .rule-container {
    background: #191823;
    box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }
  .dark tf-adx-alert-rule .current-adx {
    color: #BBBBBB; }
  .dark tf-price-alert-rule .current-price {
    color: #BBBBBB; }
  .dark tf-trading-ideas-desktop {
    background: #191823;
    box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }
  .dark tf-iron-condor-idea-payoff .lines-layer .bought-put .chart-line, .dark tf-iron-condor-idea-payoff .lines-layer .bought-call .chart-line {
    border-color: #A01B1B; }
  .dark tf-iron-condor-idea-payoff .lines-layer .bought-put .line-amount, .dark tf-iron-condor-idea-payoff .lines-layer .bought-call .line-amount {
    color: #ff4a68; }
  .dark tf-iron-condor-idea-payoff .lines-layer .sold-call .chart-line, .dark tf-iron-condor-idea-payoff .lines-layer .sold-put .chart-line {
    border-color: #256C23; }
  .dark tf-iron-condor-idea-payoff .lines-layer .sold-call .line-amount, .dark tf-iron-condor-idea-payoff .lines-layer .sold-put .line-amount {
    color: #00a97f; }
  .dark tf-iron-condor-idea-payoff .lines-layer .lower-break-even .chart-line, .dark tf-iron-condor-idea-payoff .lines-layer .current-price .chart-line, .dark tf-iron-condor-idea-payoff .lines-layer .upper-break-even .chart-line {
    border-color: #BBBBBB; }
  .dark tf-iron-condor-idea-payoff .boxes-layer .lower-loss .box-label, .dark tf-iron-condor-idea-payoff .boxes-layer .upper-loss .box-label {
    color: #ff4a68; }
  .dark tf-iron-condor-idea-payoff .boxes-layer .lower-loss .box {
    background: linear-gradient(to right, #A01B1B, #BBBBBB); }
  .dark tf-iron-condor-idea-payoff .boxes-layer .upper-loss .box {
    background: linear-gradient(to left, #A01B1B, #BBBBBB); }
  .dark tf-iron-condor-idea-payoff .boxes-layer .profit .box {
    background-color: #256C23; }
  .dark tf-iron-condor-idea-payoff .boxes-layer .profit .box-label {
    color: #00a97f; }
  .dark tf-iron-condor-idea-payoff .boxes-layer .lower-break-even .box {
    background: linear-gradient(to right, #BBBBBB, #256C23); }
  .dark tf-iron-condor-idea-payoff .boxes-layer .upper-break-even .box {
    background: linear-gradient(to left, #BBBBBB, #256C23); }
  .dark tf-trading-ideas-risk .risk-amounts .max-payoff .amount {
    color: #00a97f; }
  .dark tf-trading-ideas-risk .risk-amounts .max-risk .amount {
    color: #ff4a68; }
  .dark tf-trading-ideas-risk .risk-slider rzslider .rz-bar-wrapper .rz-bar {
    background-color: #56545A; }
  .dark tf-trading-ideas-risk .risk-slider rzslider .rz-pointer {
    background-color: #21202D;
    border: 2px solid #0DB9F0; }
  .dark tf-trading-ideas-mobile {
    background: #191823;
    box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }
  .dark tf-trade-simulation-data .table-header {
    border-bottom: 1px solid #56545A; }
  .dark tf-trade-simulation-data .table-row.trade-row.trade-long {
    background-color: rgba(37, 108, 35, 0.2); }
  .dark tf-trade-simulation-data .table-row.trade-row.trade-short {
    background-color: rgba(160, 27, 27, 0.2); }
  .dark tf-trade-simulation-data .table-row.trade-row:hover {
    background-color: #47445A; }
  .dark tf-trade-simulation-data .table-row.trade-row:not(:last-child) {
    border-bottom: 1px solid #56545A; }
  .dark tf-trade-simulation-data .table-row.new-trade-row {
    border-top: 1px solid #56545A;
    padding-top: 10px; }
  .dark tf-technical-indicators .technical-indicators-card {
    background: #191823;
    box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }
  .dark tf-technical-indicators .trading-systems-status {
    border-top: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey; }
    .dark tf-technical-indicators .trading-systems-status:last-child {
      border-right: 1px solid lightgrey; }
    .dark tf-technical-indicators .trading-systems-status.INACTIVE {
      background: transparent;
      color: darkgray; }
    .dark tf-technical-indicators .trading-systems-status.ACTIVE {
      background: #D3FBD2;
      color: #333; }
      .dark tf-technical-indicators .trading-systems-status.ACTIVE:hover {
        background: #bcf9bb; }
    .dark tf-technical-indicators .trading-systems-status.APPROACHING {
      background: #FBFFC4;
      color: #333; }
  .dark risk-dashboard-actions .action-item {
    background: #191823;
    box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }
    .dark risk-dashboard-actions .action-item .action-item-header {
      color: darkgray; }
    .dark risk-dashboard-actions .action-item .action-item-footer {
      color: #9A9DA2; }
  .dark risk-row-detail .over-limit {
    color: #ff4a68;
    font-weight: 700; }
  .dark risk-row-detail .limit-not-set {
    color: darkgray; }
  .dark risk-row-detail .cbpl-column {
    background-color: #21202D; }
  .dark risk-row-detail:hover {
    background-color: #47445A; }
    .dark risk-row-detail:hover .cbpl-column {
      background-color: #47445A; }
  .dark risk-management {
    background: #191823;
    box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }
    .dark risk-management .risk-row {
      border-top: 1px solid #E4E7ED; }
    .dark risk-management .filter-row .as-at-subtitle {
      color: #9A9DA2; }
  .dark risk-dashboard-notifications {
    background: #191823;
    box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }
    .dark risk-dashboard-notifications .notifications-header h2.title {
      color: #D8D8D8; }
    .dark risk-dashboard-notifications .notification {
      border-bottom: 1px solid #E4E7ED; }
      .dark risk-dashboard-notifications .notification:hover {
        background: #47445A; }
      .dark risk-dashboard-notifications .notification.active {
        background: #47445A; }
      .dark risk-dashboard-notifications .notification .notification-indicator.notification-alert {
        background: #CB0005; }
      .dark risk-dashboard-notifications .notification .notification-indicator.notification-warning {
        background-color: #E25400; }
      .dark risk-dashboard-notifications .notification .notification-indicator.notification-info {
        background: #00B30A; }
      .dark risk-dashboard-notifications .notification .notification-text {
        color: #BBBBBB; }
  .dark tf-watch-list .watchlist-item {
    border-top: 1px solid #56545A; }
  .dark tf-watch-list .remove-column {
    color: #BBBBBB; }
    .dark tf-watch-list .remove-column i:hover {
      color: #D7D7D7; }
  .dark tf-watch-list .watchlist-footer {
    color: #BBBBBB; }
  .dark tf-watch-list-header .watchlist-list .add-watchlist {
    border-bottom: 1px solid #56545A; }
  .dark tf-watch-list-header .watchlist-list .watchlist-select:hover {
    background: #47445A;
    color: #D7D7D7; }
  .dark .btn:focus {
    color: #D8D8D8; }
  .dark .btn-default {
    color: #e9eaea;
    background: #2b3744;
    border-color: #38495a; }
    .dark .btn-default:hover, .dark .btn-default:focus {
      background-color: #3a4e65;
      border-color: #3a4e65;
      color: #e9eaea; }
    .dark .btn-default.active {
      background-color: #3a4e65; }
  .dark .btn-success {
    color: #FFFFFF;
    background: #297D29;
    border-color: #297D29; }
    .dark .btn-success:hover, .dark .btn-success:focus {
      background-color: #1E4E1E;
      border-color: #1E4E1E; }
  .dark .btn-info {
    color: #FFFFFF;
    background: #328185;
    border-color: #328185; }
    .dark .btn-info:hover, .dark .btn-info:focus {
      background-color: #236164;
      border-color: #236164; }
  .dark .btn-clear {
    color: #D8D8D8; }
    .dark .btn-clear:hover, .dark .btn-clear:focus {
      color: #D7D7D7; }
  .dark .btn-primary:focus {
    color: white; }
  .dark .btn-success {
    color: white; }
  .dark .btn-info {
    color: white; }
  .dark .modal-content {
    background-color: #21202D;
    color: #D8D8D8; }
  .dark .modal-body {
    color: #D8D8D8; }
  .dark input, .dark .form-control {
    border: 1px solid #56545A;
    background-color: #2B2835;
    color: #F3F3F3; }
  .dark input::placeholder {
    color: #B9B9B9; }
  .dark .dropdown-header {
    color: #D8D8D8; }
  .dark .dropdown-menu {
    background-color: #21202D; }
    .dark .dropdown-menu > li > a {
      color: #D8D8D8; }
  .dark .popover, .dark .panel {
    background-color: #21202D;
    color: #D8D8D8; }
  .dark .panel-default > .panel-heading {
    background-color: #21202D;
    color: #D8D8D8;
    border-color: #56545A; }
  .dark .popover.top > .arrow:after {
    border-top-color: #21202D; }
  .dark .breadcrumb {
    color: #D8D8D8; }
  .dark .close {
    color: #D8D8D8; }
  .dark .input-group-addon {
    border: 1px solid #56545A;
    background: #2B2835;
    color: #D8D8D8; }
    .dark .input-group-addon:first-child {
      border-right: none; }
    .dark .input-group-addon:last-child {
      border-left: none; }
  .dark label {
    color: #D8D8D8; }
  .dark .table-hover > tbody > tr:hover {
    color: #D7D7D7;
    background-color: #47445A; }
  .dark .list-group-item {
    background-color: unset; }
  .dark .uib-tab a {
    color: #BBBBBB; }
  .dark .well {
    background-color: #191823; }
  .dark .table > tbody > tr > td,
  .dark .table > tbody > tr > th,
  .dark .table > tfoot > tr > td,
  .dark .table > tfoot > tr > th {
    border-top: 1px solid #56545A; }
  .dark .table.table-no-border > thead > tr > th,
  .dark .table.table-no-border > tbody > tr > th,
  .dark .table.table-no-border > tfoot > tr > th,
  .dark .table.table-no-border > thead > tr > td,
  .dark .table.table-no-border > tbody > tr > td,
  .dark .table.table-no-border > tfoot > tr > td {
    border-top: none; }
  .dark .table > thead > tr > td,
  .dark .table > thead > tr > th {
    border-bottom: 1px solid #56545A; }
  .dark .dropdown-menu .active a,
  .dark .dropdown-menu > li > a:hover,
  .dark .dropdown-menu > li > a:focus {
    color: #D7D7D7;
    text-decoration: none;
    background-color: #47445A;
    background-image: none; }
  .dark ul[uib-typeahead-popup] {
    color: #8A8989;
    border-radius: 3px; }
  .dark ul[uib-typeahead-popup] li > a:hover,
  .dark ul[uib-typeahead-popup] li > a:focus {
    color: #D7D7D7;
    text-decoration: none;
    background-color: #47445A;
    background-image: none; }
  .dark .modal-header {
    border-bottom: 1px solid #56545A; }
  .dark .modal-footer {
    border-top: 1px solid #56545A; }
  .dark hr {
    border-top: 1px solid #56545A; }
  .dark .list-group-item {
    border-color: #56545A; }
  .dark .full-width-header, .dark .half-width-header {
    color: #FFFFFF;
    background-color: #E04C2C; }
  .dark .full-width-header-phillip {
    color: #333333;
    background-color: #FFFFFF; }
  .dark .full-width-header h2, .dark .half-width-header h2,
  .dark .full-width-header h3, .dark .half-width-header h3 {
    color: #FFFFFF; }
  .dark .half-width-header .half-width-contents ul li .selected {
    color: #CFE883; }
  .dark .half-width-header .half-width-contents ul li i {
    color: #dfdfdf; }
  .dark .brokerList {
    background-color: #FFFFFF; }
  .dark .btn-proceed {
    background: white;
    color: #333; }
    .dark .btn-proceed:active, .dark .btn-proceed:focus {
      color: #333; }
  .dark .brokers-list-premium h1, .dark .brokers-list-premium h2, .dark .brokers-list-premium h3, .dark .brokers-list-premium h4, .dark .brokers-list-premium h5, .dark .brokers-list-premium h6 {
    color: #E04C2C; }
  .dark .brokers-list-premium h3 span {
    background: #FFFFFF; }
  .dark .brokers-list-premium h3:before {
    background: #DDDDDD; }
  .dark .brokers-list-premium .subtitle {
    color: #989898; }
  .dark .brokers-list-premium.multiple-columns li {
    border: 1px dotted #CFCFCF;
    color: #ACACAC; }
  .dark .brokers-list-premium.multiple-columns li:hover {
    border-color: #6DB3CE;
    color: #6DB3CE; }
  .dark .brokers-list-premium.multiple-columns li.active {
    border-color: #089A08;
    color: #089A08; }
  .dark .brokers-list-premium .gridster-item {
    padding: 10px;
    border-radius: 1px;
    border: 2px solid transparent; }
  .dark .brokers-list-premium .gridster-item:hover,
  .dark .brokers-list-premium .gridster-item.active {
    border-color: #089A08; }
  .dark .premium-broker-list-selector {
    background-color: #FFFFFF; }
  .dark .premium-broker-list-selector li span.left {
    color: #FFFFFF; }
  .dark .premium-broker-list-selector .balloon {
    background: #3498DB; }
  .dark .premium-broker-list-selector .button {
    border: 3px solid #000000;
    color: #000000; }
  .dark .premium-broker-list-selector .photo .photo-index {
    background: rgba(0, 0, 0, 0.9);
    color: #FFFFFF; }
  .dark .fs-fields .fs-current .icon-question {
    color: #BBBBBB; }
  .dark .fs-fields .fs-current .style-icon-lookup {
    color: #BBBBBB; }
  .dark .fs-fields .fs-current .style-icon-lookup:hover {
    color: rgba(231, 97, 0, 0.8); }
  .dark .fs-current .gender {
    color: grey; }
  .dark .fs-current .male.gender.active, .dark .fs-current .male.gender:hover {
    color: #00ADEF; }
  .dark .fs-current .female.gender.active, .dark .fs-current .female.gender:hover {
    color: #ED008B; }
  .dark .fs-fields > li label.fs-field-label {
    color: #D8D8D8; }
  .dark .demographicBox {
    border: 4px solid #C3C3C3; }
  .dark .demographicBox:active, .dark .demographicBox.active,
  .dark .demographicBox:hover {
    border-color: green; }
  .dark .demographicBox .rating {
    color: grey; }
  .dark .demographicBox .rating-active {
    color: #00ADEF; }
  .dark .demographicBox .value {
    color: #BBBBBB; }
  .dark .demographicBox .sub-value {
    color: grey; }
  .dark .fs-fields input {
    border-bottom: 2px solid rgba(0, 0, 0, 0.2); }
  .dark .fs-fields input::-webkit-input-placeholder,
  .dark .fs-fields textarea::-webkit-input-placeholder {
    color: #BBBBBB; }
  .dark .fs-fields input:-moz-placeholder,
  .dark .fs-fields textarea:-moz-placeholder {
    color: #BBBBBB; }
  .dark .fs-fields input::-moz-placeholder,
  .dark .fs-fields textarea::-moz-placeholder {
    color: #BBBBBB; }
  .dark .fs-fields input:-ms-input-placeholder,
  .dark .fs-fields textarea:-ms-input-placeholder {
    color: #BBBBBB; }
  .dark .fs-fields input:focus::-webkit-input-placeholder {
    color: transparent; }
  .dark .fs-fields a.uploadPos {
    color: #CCCCCC; }
  .dark .fs-fields a.uploadPos:hover {
    border: 1px solid #E04C2C;
    color: #E04C2C; }
  .dark .fs-fields .dropzone {
    border: 2px dashed #E04C2C !important;
    background: white; }
  .dark .welcome-interests-container .subtitle {
    color: gray; }
  .dark .wizardWelcome .modal-footer {
    border-top: 0 solid #E5E5E5; }
  .dark .pricing-item-inner {
    border: 1px solid #EAEAEA; }
  .dark .pricing-item-inner:hover {
    border-color: #AAAAAA; }
  .dark .main .pricing-item-inner {
    border-color: #AAAAAA;
    background-color: aliceblue; }
  .dark .pr-list {
    color: #777777; }
  .dark .pr-list li {
    border-bottom: 1px solid #F1F1F1; }
  .dark .pr-list li:first-child {
    border-top: 1px solid #F1F1F1; }
  .dark .pr-button {
    border-top: 1px solid #F1F1F1; }
  .dark .pr-per {
    color: #999999; }
  .dark .tf-tabs {
    display: flex;
    flex-direction: row;
    height: 50px;
    min-height: 50px;
    background: #191823;
    border-left: 1px solid #56545A;
    border-right: 1px solid #56545A;
    border-bottom: 1px solid #56545A;
    overflow: hidden; }
    .dark .tf-tabs .tf-tab {
      flex-shrink: 0;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 60px;
      padding: 5px 10px;
      text-decoration: none;
      color: #BBBBBB;
      overflow: hidden;
      text-overflow: ellipsis;
      cursor: pointer; }
      .dark .tf-tabs .tf-tab.selected {
        color: #64BCC5; }
        .dark .tf-tabs .tf-tab.selected:hover {
          color: #64BCC5; }
        .dark .tf-tabs .tf-tab.selected:after {
          content: '';
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          border-bottom: 2px solid #64BCC5; }
      .dark .tf-tabs .tf-tab:hover {
        color: #D8D8D8; }
        .dark .tf-tabs .tf-tab:hover:after {
          content: '';
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          border-bottom: 2px solid #64BCC5; }
      .dark .tf-tabs .tf-tab:not(:first-child):before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        height: 50%;
        transform: translateY(-50%);
        border-left: 1px solid #56545A; }
    .dark .tf-tabs.justified {
      width: 100%; }
      .dark .tf-tabs.justified .tf-tab {
        flex-basis: 0;
        flex-grow: 1; }
  .dark a {
    color: #64BCC5; }
  .dark .close-button::before,
  .dark .close-button::after {
    background: #888888; }
  .dark .openPosHelper {
    color: #CCCCCC; }
  .dark .accNumber {
    opacity: 0.1;
    background-color: #000000; }
  .dark .smallLink {
    color: #8C8C8C; }
  .dark .smallLink:hover {
    color: #E04C2C; }
  .dark .ng-touched.ng-invalid {
    border: 1px red solid !important; }
  .dark .ng-submitted input.ng-invalid {
    border: 1px red solid !important; }
  .dark .ng-submitted select.ng-invalid {
    border: 1px red solid !important; }
  .dark .contact-card {
    background: #F9F9F9;
    border: 1px solid #CCCCCC; }
  .dark .contact-card-drop {
    background: transparent;
    border: 1px dashed #CCCCCC; }
  .dark .horizontalDivider {
    border-bottom: 1px solid #A5A5A5; }
  .dark .horizontalDivider span {
    border: 1px solid #A5A5A5;
    color: #A5A5A5;
    background-color: #FFFFFF; }
  .dark ::-moz-selection {
    color: inherit;
    background: inherit; }
  .dark ::-webkit-selection {
    color: inherit;
    background: inherit; }
  .dark ::selection {
    color: inherit;
    background: inherit; }
  .dark input::-moz-selection {
    color: #FFFFFF;
    background: #E04C2C; }
  .dark input::-webkit-selection {
    color: #FFFFFF;
    background: #E04C2C; }
  .dark input::selection {
    color: #FFFFFF;
    background: #E04C2C; }
  .dark table::-moz-selection {
    color: #FFFFFF;
    background: #E04C2C; }
  .dark table::-webkit-selection {
    color: #FFFFFF;
    background: #E04C2C; }
  .dark table::selection {
    color: #FFFFFF;
    background: #E04C2C; }
  .dark textarea::-moz-selection {
    color: #FFFFFF;
    background: #E04C2C; }
  .dark textarea::-webkit-selection {
    color: #FFFFFF;
    background: #E04C2C; }
  .dark textarea::selection {
    color: #FFFFFF;
    background: #E04C2C; }
  .dark div.editable::-moz-selection {
    color: #FFFFFF;
    background: #E04C2C; }
  .dark div.editable::-webkit-selection {
    color: #FFFFFF;
    background: #E04C2C; }
  .dark div.editable::selection {
    color: #FFFFFF;
    background: #E04C2C; }
  .dark div.allowSelection::-moz-selection {
    color: #FFFFFF;
    background: #E04C2C; }
  .dark div.allowSelection::-webkit-selection {
    color: #FFFFFF;
    background: #E04C2C; }
  .dark div.allowSelection::selection {
    color: #FFFFFF;
    background: #E04C2C; }
  .dark .selectable::-moz-selection {
    color: #FFFFFF;
    background: #E04C2C; }
  .dark .selectable::-webkit-selection {
    color: #FFFFFF;
    background: #E04C2C; }
  .dark .selectable::selection {
    color: #FFFFFF;
    background: #E04C2C; }
  .dark .navbar-search input::-moz-selection {
    color: #E04C2C;
    background: #FFFFFF; }
  .dark .navbar-search input::-webkit-selection {
    color: #E04C2C;
    background: #FFFFFF; }
  .dark .navbar-search input::selection {
    color: #E04C2C;
    background: #FFFFFF; }
  .dark .panel-footer {
    background-color: #FFFFFF;
    border-color: #EDF1F2;
    border-radius: 0 0 2px 2px; }
  .dark .tfOrange {
    background: #E04C2C; }
  .dark .textTFOrange,
  .dark .text-orange {
    color: #E04C2C !important; }
  .dark a.tf-link,
  .dark .tf-link a {
    color: rgba(224, 76, 44, 0.78) !important; }
  .dark a.tf-link:hover,
  .dark .tf-link a:hover {
    color: #E04C2C !important; }
  .dark a.white-link {
    color: rgba(255, 255, 255, 0.78) !important; }
  .dark a.white-link:hover {
    color: #FFFFFF !important;
    text-decoration: underline; }
  .dark .text-red-1 {
    color: #EB5055 !important; }
  .dark .text-grey {
    color: #A5A5A5; }
  .dark .text-aqua {
    color: #1BBAE1; }
  .dark .text-purple {
    color: #7D38E1; }
  .dark .text-white {
    color: #FFFFFF !important; }
  .dark .modal-header .text-white {
    /*TODO: THIS NEEDS TO BE FIXED*/
    color: #585858 !important; }
  .dark .sell, .dark .short, .dark .badPosition, .dark .down, .dark .marginUp {
    color: #ff4a68; }
  .dark .sell-grey {
    color: #969696; }
  .dark .summary-red {
    color: #ff4a68 !important; }
  .dark .strategy-leg-buy {
    background-color: rgba(0, 169, 127, 0.2); }
  .dark .strategy-leg-sell {
    background-color: rgba(255, 74, 104, 0.2); }
  .dark .unch {
    color: #BBBBBB !important; }
  .dark .long, .dark .buy, .dark .up, .dark .marginDown {
    color: #00a97f !important; }
  .dark .summary-green {
    color: #00a97f !important; }
  .dark .summary-orange {
    color: #FFA60E !important; }
  .dark .green-background-lt {
    background-color: #ecffee; }
  .dark .red-background-lt {
    background-color: #fff4f3; }
  .dark .unch {
    color: #a8a8a8; }
  .dark .subtitle-grey {
    color: #9E9E9E; }
  .dark .summary-grey {
    color: #999999; }
  .dark .subtitle-red {
    color: #E74D41; }
  .dark growl-notifications {
    opacity: 0.95; }
  .dark growl-notification.fading.ng-move {
    opacity: 0; }
  .dark growl-notification.fading.ng-move.ng-move-active {
    opacity: 1; }
  .dark growl-notification.fading.ng-leave {
    opacity: 1; }
  .dark growl-notification.fading.ng-leave.ng-leave-active {
    opacity: 0; }
  .dark .bigBox {
    min-height: 150px;
    color: #FFFFFF;
    background-color: #004D60;
    border-left: 5px solid rgba(0, 0, 0, 0.15); }
  .dark .bigBox.alert-error {
    background-color: #c46a69; }
  .dark .bigBox.alert-info {
    background-color: #3276b1; }
  @media screen and (max-width: 450px) and (max-width: 767px) {
    .dark .bigBox {
      background-color: #004D60;
      color: #FFFFFF; } }
  .dark .alertTF .alert-right {
    color: #FFFFFF; }
  .dark .alertTF .alert-main {
    color: #BBBBBB;
    background-color: #191823; }
  .dark .alertTF .alert-right.alert-danger {
    background-color: #C32222;
    border: 1px solid #C32222; }
  .dark .alertTF .alert-main.alert-danger {
    border: 1px solid #C32222; }
  .dark .alertTF .alert-right.alert-success {
    background-color: #457C45;
    border: 1px solid #457C45; }
  .dark .alertTF .alert-main.alert-success {
    border: 1px solid #457C45; }
  .dark .alertTF .alert-right.alert-info {
    background-color: #1F77B4;
    border: 1px solid #1F77B4; }
  .dark .alertTF .alert-main.alert-info {
    border: 1px solid #1F77B4; }
  .dark .alert-info-sharper {
    color: #1F77B4;
    background-color: #FAFAFF;
    border-color: #1F77B4; }
  .dark .alert-info-sharper .close {
    color: #4E4E4E; }
  .dark .alert-info-sharper.alert-icon i {
    color: #E04C2C; }
  .dark .formSub, .dark .passTips {
    color: #5c5b5b; }
  .dark .icSub {
    color: grey; }
  .dark .note {
    color: #999999; }
  .dark .icon-facebook2.icon-hoverable:hover,
  .dark .icon-facebook2.active {
    color: #4C699E !important; }
  .dark .icon-twitter2.icon-hoverable:hover,
  .dark .icon-twitter2.active {
    color: #1DAEE3 !important; }
  .dark .icon-linkedin.icon-hoverable:hover,
  .dark .icon-linkedin.active {
    color: #4875B4 !important; }
  .dark .icon-globe.icon-hoverable:hover,
  .dark .icon-globe.active {
    color: #E04C2C !important; }
  .dark .orderedList li:before {
    color: #E04C2C; }
  .dark .progress {
    background-color: whitesmoke; }
  .dark div[contenteditable]:hover,
  .dark div[contenteditable]:focus {
    background: #47445A; }
  .dark div[contenteditable]:hover {
    box-shadow: inset 0 -2px #BBBBBB; }
  .dark div[contenteditable]:hover:after,
  .dark div[contenteditable]:focus:after {
    color: #449FDB; }
  .dark div[contenteditable]:focus {
    box-shadow: inset 0 -2px #449FDB; }
  .dark .tfList ul li:before {
    color: #E04C2C; }
  .dark .tfList ul li a {
    color: #4A4A4A; }
  .dark .tfList ul li:hover a {
    background: #F4F6F8;
    color: #E04C2C; }
  .dark .renameBox > i {
    color: #6B6B6B; }
  .dark h3 small,
  .dark h4 small,
  .dark h5 small {
    color: #BBBBBB; }
  .dark h1,
  .dark h2,
  .dark h3,
  .dark h4,
  .dark h5,
  .dark h6 {
    color: #D8D8D8; }
  .dark .btn-stress:hover {
    color: #FFFFFF; }
  .dark .btn-stress.active {
    color: #FFFFFF;
    background-color: #E04C2C;
    border-color: #E04C2C; }
  .dark .btn-stressSelectorTop:hover {
    color: grey; }
  .dark .btn-stressSelectorTop.active {
    color: #FFFFFF;
    background-color: #E04C2C;
    border-color: #E04C2C; }
  .dark .btn-stressTest {
    color: #D8D8D8;
    background-color: transparent;
    border-color: #56545A; }
  .dark .btn-stressTest.active,
  .dark .btn-stressTest:hover {
    color: #FFFFFF;
    background-color: #E04C2C;
    border-color: #E04C2C; }
  .dark .btn-circle {
    box-shadow: 2px 3px 4px rgba(90, 90, 90, 0.27); }
  .dark .btn-clear:active, .dark .btn-clear.active {
    outline: none;
    color: #E04C2C; }
  .dark .btn-clear.disabled, .dark .btn-clear[disabled] {
    opacity: .5; }
  .dark .nav .btn-clear:active {
    outline: none;
    color: #FFFFFF !important; }
  .dark .btn-clear:focus {
    outline: none !important; }
  .dark .btn-allocate:not([disabled]):hover {
    color: green; }
  .dark .btn-order:hover {
    color: #500150; }
  .dark .btn-clearPos:hover {
    color: #E04C2C; }
  .dark .btn-big-box:hover {
    background-color: rgba(158, 158, 158, 0.2); }
  .dark .btn-md-box:hover {
    background-color: rgba(158, 158, 158, 0.2); }
  .dark .btn-interest {
    color: #E04C2C;
    background-color: #FFFFFF;
    border-color: #E04C2C; }
  .dark .btn-interest i {
    color: #E04C2C !important; }
  .dark .btn-interest:hover i {
    color: #FFFFFF !important; }
  .dark .btn-interest:hover,
  .dark .btn-interest:focus,
  .dark .btn-interest.focus,
  .dark .open > .dropdown-toggle.btn-interest {
    color: #FFFFFF;
    background-color: #E04C2C;
    border-color: #E04C2C; }
  .dark .btn-interest:active,
  .dark .btn-interest.active {
    color: #FFFFFF;
    background-color: #5CB85C;
    border-color: #4CAE4C; }
  .dark .btn-interest:active,
  .dark .btn-interest.active,
  .dark .open > .dropdown-toggle.btn-interest {
    background-image: none; }
  .dark .btn-interest.disabled,
  .dark .btn-interest[disabled],
  .dark fieldset[disabled] .btn-interest,
  .dark .btn-interest.disabled:hover,
  .dark .btn-interest[disabled]:hover,
  .dark fieldset[disabled] .btn-interest:hover,
  .dark .btn-interest.disabled:focus,
  .dark .btn-interest[disabled]:focus,
  .dark fieldset[disabled] .btn-interest:focus,
  .dark .btn-interest.disabled.focus,
  .dark .btn-interest[disabled].focus,
  .dark fieldset[disabled] .btn-interest.focus,
  .dark .btn-interest.disabled:active,
  .dark .btn-interest[disabled]:active,
  .dark fieldset[disabled] .btn-interest:active,
  .dark .btn-interest.disabled.active,
  .dark .btn-interest[disabled].active,
  .dark fieldset[disabled] .btn-interest.active {
    background-color: #5CB85C;
    border-color: #4CAE4C; }
  .dark .btn-info-outline {
    color: #328185;
    background-color: transparent;
    border-color: #328185; }
  .dark .btn-info-outline:hover,
  .dark .btn-info-outline.active,
  .dark .open > .dropdown-toggle.btn-info-outline {
    color: #FFFFFF;
    background-color: #328185;
    border-color: #328185; }
  .dark .btn-info-outline:hover {
    opacity: 0.7; }
  .dark .btn-info-outline.active:hover {
    opacity: 1; }
  .dark .btn-info-outline.focus {
    color: #328185; }
  .dark .btn-info-outline:active,
  .dark .open > .dropdown-toggle.btn-info-outline {
    background-image: none; }
  .dark .btn-info-outline.disabled,
  .dark .btn-info-outline[disabled],
  .dark fieldset[disabled] .btn-info-outline,
  .dark .btn-info-outline.disabled:hover,
  .dark .btn-info-outline[disabled]:hover,
  .dark fieldset[disabled] .btn-info-outline:hover,
  .dark .btn-info-outline.disabled:focus,
  .dark .btn-info-outline[disabled]:focus,
  .dark fieldset[disabled] .btn-info-outline:focus,
  .dark .btn-info-outline.disabled.focus,
  .dark .btn-info-outline[disabled].focus,
  .dark fieldset[disabled] .btn-info-outline.focus,
  .dark .btn-info-outline.disabled:active,
  .dark .btn-info-outline[disabled]:active,
  .dark fieldset[disabled] .btn-info-outline:active,
  .dark .btn-info-outline.disabled.active,
  .dark .btn-info-outline[disabled].active,
  .dark fieldset[disabled] .btn-info-outline.active {
    background-color: #5BC0DE;
    border-color: #46B8DA; }
  .dark .btn-success-outline {
    color: #297D29;
    background-color: transparent;
    border-color: #297D29; }
    .dark .btn-success-outline:focus {
      color: #297D29; }
  .dark .btn-success-outline:hover,
  .dark .btn-success-outline.active,
  .dark .open > .dropdown-toggle.btn-success-outline {
    color: #FFFFFF;
    background-color: #297D29;
    border-color: #297D29; }
  .dark .btn-success-outline:hover {
    opacity: 0.7; }
  .dark .btn-success-outline.active:hover {
    opacity: 1; }
  .dark .btn-success-outline.focus {
    color: #4CAE4C; }
  .dark .btn-success-outline:active,
  .dark .open > .dropdown-toggle.btn-success-outline {
    background-image: none; }
  .dark .btn-success-outline.disabled,
  .dark .btn-success-outline[disabled],
  .dark fieldset[disabled] .btn-success-outline,
  .dark .btn-success-outline.disabled:hover,
  .dark .btn-success-outline[disabled]:hover,
  .dark fieldset[disabled] .btn-success-outline:hover,
  .dark .btn-success-outline.disabled:focus,
  .dark .btn-success-outline[disabled]:focus,
  .dark fieldset[disabled] .btn-success-outline:focus,
  .dark .btn-success-outline.disabled.focus,
  .dark .btn-success-outline[disabled].focus,
  .dark fieldset[disabled] .btn-success-outline.focus,
  .dark .btn-success-outline.disabled:active,
  .dark .btn-success-outline[disabled]:active,
  .dark fieldset[disabled] .btn-success-outline:active,
  .dark .btn-success-outline.disabled.active,
  .dark .btn-success-outline[disabled].active,
  .dark fieldset[disabled] .btn-success-outline.active {
    background-color: transparent;
    border-color: darkgrey;
    color: darkgrey; }
  .dark .btn-success-outline .badge {
    color: #5CB85C;
    background-color: transparent; }
  .dark .btn-danger-outline {
    color: #D43F3A;
    background-color: transparent;
    border-color: #D43F3A; }
    .dark .btn-danger-outline:focus {
      color: #D43F3A; }
  .dark .btn-danger-outline:hover,
  .dark .btn-danger-outline.active,
  .dark .open > .dropdown-toggle.btn-danger-outline {
    color: #FFFFFF;
    background-color: #C9302C;
    border-color: #AC2925; }
  .dark .btn-danger-outline:hover {
    opacity: 0.7; }
  .dark .btn-danger-outline.active:hover {
    opacity: 1; }
  .dark .btn-danger-outline.focus {
    color: #D43F3A; }
  .dark .btn-danger-outline:active,
  .dark .btn-danger-outline.active,
  .dark .open > .dropdown-toggle.btn-danger-outline {
    background-image: none; }
  .dark .btn-danger-outline.disabled,
  .dark .btn-danger-outline[disabled],
  .dark fieldset[disabled] .btn-danger-outline,
  .dark .btn-danger-outline.disabled:hover,
  .dark .btn-danger-outline[disabled]:hover,
  .dark fieldset[disabled] .btn-danger-outline:hover,
  .dark .btn-danger-outline.disabled:focus,
  .dark .btn-danger-outline[disabled]:focus,
  .dark fieldset[disabled] .btn-danger-outline:focus,
  .dark .btn-danger-outline.disabled.focus,
  .dark .btn-danger-outline[disabled].focus,
  .dark fieldset[disabled] .btn-danger-outline.focus,
  .dark .btn-danger-outline.disabled:active,
  .dark .btn-danger-outline[disabled]:active,
  .dark fieldset[disabled] .btn-danger-outline:active,
  .dark .btn-danger-outline.disabled.active,
  .dark .btn-danger-outline[disabled].active,
  .dark fieldset[disabled] .btn-danger-outline.active {
    background-color: transparent;
    border-color: darkgrey;
    color: darkgrey; }
  .dark .btn-primary-outline {
    color: #337AB7;
    background-color: transparent;
    border-color: #2E6DA4; }
  .dark .btn-primary-outline:hover,
  .dark .btn-primary-outline.active,
  .dark .open > .dropdown-toggle.btn-primary-outline {
    color: #FFFFFF;
    background-color: #337AB7;
    border-color: #2E6DA4; }
  .dark .btn-primary-outline.disabled,
  .dark .btn-primary-outline[disabled],
  .dark fieldset[disabled] .btn-primary-outline,
  .dark .btn-primary-outline.disabled:hover,
  .dark .btn-primary-outline[disabled]:hover,
  .dark fieldset[disabled] .btn-primary-outline:hover,
  .dark .btn-primary-outline.disabled:focus,
  .dark .btn-primary-outline[disabled]:focus,
  .dark fieldset[disabled] .btn-primary-outline:focus,
  .dark .btn-primary-outline.disabled.focus,
  .dark .btn-primary-outline[disabled].focus,
  .dark fieldset[disabled] .btn-primary-outline.focus,
  .dark .btn-primary-outline.disabled:active,
  .dark .btn-primary-outline[disabled]:active,
  .dark fieldset[disabled] .btn-primary-outline:active,
  .dark .btn-primary-outline.disabled.active,
  .dark .btn-primary-outline[disabled].active,
  .dark fieldset[disabled] .btn-primary-outline.active {
    background-color: transparent;
    border-color: darkgrey;
    color: darkgrey; }
  .dark .btn-danger-outline .badge {
    color: #D9534F;
    background-color: transparent; }
  .dark .icon-addon {
    color: #ABABAB; }
  .dark .icon-addon label:hover:before {
    border: none !important; }
  .dark .icon-addon .form-control:focus + .glyphicon,
  .dark .icon-addon:hover .glyphicon,
  .dark .icon-addon .form-control:focus + .fa,
  .dark .icon-addon:hover .fa {
    color: #2580DB; }
  .dark .fav {
    cursor: pointer;
    color: rgba(28, 43, 54, 0.42); }
  .dark .fav.on, .dark .account-fav.on, .dark .account-fav.off:hover {
    color: #E04C2C; }
  .dark .text-close {
    color: #8A8989; }
  .dark a.text-close:hover {
    color: #EB5055; }
  .dark .text-roll {
    color: #8A8989; }
  .dark a.text-roll:hover {
    color: #1C2B36; }
  .dark .pin {
    color: #9A9999;
    cursor: pointer; }
  .dark .pin.active {
    color: #E04C2C;
    opacity: 1; }
  .dark button.text-roll:hover {
    color: #1C2B36; }
  .dark .optnPopover {
    background-color: #FFFFFF;
    background-clip: padding-box;
    border: 1px solid #CCCCCC;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .dark .optnPopover-title {
    background-color: #F7F7F7;
    border-bottom: 1px solid #EBEBEB; }
  .dark .optnPopover > .arrow,
  .dark .optnPopover > .arrow:after {
    border-color: transparent;
    border-style: solid; }
  .dark .optnPopover.top-left > .arrow {
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25); }
  .dark .optnPopover.top-left > .arrow:after {
    border-top-color: #21202D; }
  .dark .optnPopover.right > .arrow {
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25); }
  .dark .optnPopover.right > .arrow:after {
    border-right-color: #21202D; }
  .dark .optnPopover.bottom > .arrow {
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25); }
  .dark .optnPopover.bottom > .arrow:after {
    border-bottom-color: #21202D; }
  .dark .optnPopover.left > .arrow {
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25); }
  .dark .optnPopover.left > .arrow:after {
    border-left-color: #21202D; }
  .dark .tfPopover.top-left > .arrow {
    border-bottom-color: #999999; }
  .dark .tfPopover.top-left > .arrow:after {
    border-bottom-color: #21202D; }
  .dark .tfPopover.bottom-left > .arrow {
    border-top-color: #999999; }
  .dark .tfPopover.bottom-left > .arrow:after {
    border-top-color: #21202D; }
  .dark .tfPopover {
    background-color: #21202D; }
  .dark .tfPopover .qty-picker .info-sub {
    color: grey; }
  .dark .scratchOpenTools {
    color: grey;
    border: 1px solid #A0A0A0;
    background: white; }
  .dark .scratchSummary {
    background: white;
    border-top: 1px solid grey; }
  .dark .marginSummarySlick {
    border: 1px solid #DDDDDD; }
  .dark .marginSummarySlick .slickSlide {
    color: #D8D8D8;
    background: #191823; }
  .dark .marginSummarySlick > .slick-prev:before,
  .dark .marginSummarySlick > .slick-next:before {
    color: #1C2B36;
    opacity: 0.75; }
  .dark .adviserSummarySlick .slickSlide {
    color: #5B5B5B;
    background-color: white;
    border: 1px solid #DDDDDD; }
  .dark .adviserSummarySlick > .slick-prev:before,
  .dark .adviserSummarySlick > .slick-next:before {
    color: #1C2B36;
    opacity: 0.75; }
  .dark .adviserSummarySlick > .slick-prev,
  .dark .adviserSummarySlick > .slick-next {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC; }
  .dark .adviserSummarySlick > .slick-prev:hover,
  .dark .adviserSummarySlick > .slick-next:hover {
    border: 1px solid #4C4C4C; }
  .dark .sumWidget {
    height: 132px;
    color: #D8D8D8;
    background: #191823;
    border: 1px solid #56545A;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
  .dark .sumWidget1 {
    color: #D8D8D8;
    background: #191823;
    -webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 0px 2px;
    box-shadow: rgba(0, 0, 0, 0.14902) 0px 0px 2px; }
  .dark .sumWidget2 {
    color: #5B5B5B;
    background-color: #FFFFFF;
    -webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 0px 2px;
    box-shadow: rgba(0, 0, 0, 0.14902) 0px 0px 2px; }
  .dark .sumWidget-alert {
    position: relative;
    color: #5B5B5B;
    -webkit-box-shadow: 0 1px 5px rgba(90, 90, 90, 0.27);
    box-shadow: 0 1px 5px rgba(90, 90, 90, 0.27);
    background-color: #C32222; }
  .dark .sumWidget .text-box .sub-text {
    color: #ADADAD; }
  .dark .sumWidgetHeader > h4 {
    color: #FFFFFF; }
  .dark #stock-chart .days .row [class*="col-"]:nth-child(2) .day {
    border-color: #EAEAEA; }
  .dark #stock-chart .day:hover {
    background: #EAEAEA; }
  .dark #stock-chart .day:active,
  .dark #stock-chart .day.active {
    background: #EAEAEA; }
  .dark .sumWidget.green-1 {
    background-color: #68C39F;
    color: #FFFFFF; }
  .dark .sumWidget.green-1 .widget-header h2 {
    color: #FFFFFF; }
  .dark .sumWidget1.darkblue-2 {
    background-color: #54607B;
    color: #FFFFFF; }
  .dark .sumWidget1.darkblue-2 h2,
  .dark .sumWidget1.darkblue-2 h4,
  .dark .sumWidget1.darkblue-2 h5,
  .dark .sumWidget1.darkblue-2 i {
    color: #FFFFFF; }
  .dark .sumWidget .widget-footer {
    background: rgba(28, 43, 54, 0.91);
    color: rgba(255, 255, 255, 0.9); }
  .dark .sumWidget2 .widget-footer-light,
  .dark .sumWidget .widget-footer-light {
    background: #F9F9F9;
    color: rgba(58, 58, 58, 0.9); }
  .dark .scratchSummary .sumWidget {
    border: 2px solid rgba(165, 165, 165, 0.55); }
  .dark .scratchSummary .sumWidget:active,
  .dark .scratchSummary .sumWidget:focus,
  .dark .scratchSummary .sumWidget:hover {
    border: 2px solid green; }
  .dark .scratchSummary .sumWidget ul {
    color: #9C9C9C; }
  .dark .scratchSummary .sumWidget ul i {
    color: #9C9C9C; }
  .dark .scratchSummary .sumWidget .widget-footer {
    border-top: 2px solid rgba(28, 43, 54, 0.91);
    background-color: #FFFFFF;
    color: rgba(105, 105, 105, 0.9); }
  .dark .summaryCard .card {
    border: 1px solid #DDDDDD; }
  .dark .summaryCard .card-NLV .card-sm {
    border: 1px solid #DDDDDD; }
  .dark .summaryCard .card .front {
    color: #D8D8D8;
    background: #191823; }
  .dark .summaryCard .card .back {
    color: #D8D8D8;
    background: #191823; }
  .dark .summaryCard .flip-icon,
  .dark .summaryCard .flip-icon-back {
    color: #B3B3B3; }
  .dark .summaryCard .info-box .info-box-stats span.info-box-title {
    color: #B0B0B0; }
  .dark .summaryCard .info-box .info-box-icon i {
    color: #B0B0B0; }
  .dark .cardBreakdown table {
    color: gray; }
  .dark .cardBreakdown table th,
  .dark .cardBreakdown table td {
    border-top: 1px solid #F2F2F2 !important; }
  .dark .cardBreakdown table .title i {
    color: #C1C1C1; }
  .dark .cashTable th {
    color: #5E5E5E; }
  .dark .cashTable td {
    color: #4A4A4A; }
  .dark .fakeTableHover:hover {
    background: #47445A; }
  .dark .fakeTableSelect {
    background-color: #47445A !important; }
  .dark .stressTestOverview > .stressTestOverviewBody > div {
    border-top: 1px solid #CCCCCC; }
  .dark .floatingMenuButton {
    position: fixed;
    background-color: rgba(28, 43, 54, 0.75);
    color: #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); }
  .dark .floatingMenuButton-light {
    background-color: rgba(245, 245, 245, 0.75);
    color: #5D5D5D; }
  .dark .stressTestMenu.active {
    background-color: #CA3E20; }
  .dark .stressTestActivate {
    background-color: rgba(28, 43, 54, 0.75);
    color: #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); }
  .dark .scenario-group {
    border-bottom: 1px solid #E9E9E9; }
  .dark .scenario-group i {
    color: #c3c3c3; }
  .dark .posSelect {
    background: #F7F7F7;
    border: 1px solid #ABABAB;
    box-shadow: -1px 3px 6px 0px #AAAAAA; }
  .dark .posSelect .add-btn-name {
    color: #11516D !important; }
  .dark .posSelect button {
    color: #11516D; }
  .dark .posSelect button i {
    font-size: 35px; }
  .dark .ordersTable .sideIndicator.buyLine {
    background: #168C16; }
  .dark .ordersTable .sideIndicator.sellLine {
    background: #D62728; }
  .dark .orderCards .card {
    border: 1px solid #DDDDDD; }
  .dark .orderCards .card .front {
    background: white;
    color: #676666; }
  .dark .orderCards .card .back {
    background: white; }
  .dark .orderCards .flip-icon,
  .dark .orderCards .flip-icon-back {
    color: #565656; }
  .dark .orderCards .info-box .info-box-stats span.info-box-title {
    color: #B0B0B0; }
  .dark .orderCards .info-box .info-box-icon i {
    color: #B0B0B0; }
  .dark .orderCards .cardFooter {
    background-color: #EAEAEA;
    color: #5F5F5F;
    border: 1px solid #D6D6D6; }
  .dark .orderCards .card .front .qtyFilled {
    color: #3A3A3A; }
  .dark .orderCards .card .front .qtyFilled .qtyPercentage {
    color: #919191; }
  .dark .orderCards .card .front .marketPrice .bid:hover {
    border: 1px solid green; }
  .dark .orderCards .card .front .marketPrice .offer:hover {
    border: 1px solid #A90329; }
  .dark .orderCards .info {
    color: #9A9A9A; }
  .dark .orderCards .card .front .marketPrice div .status {
    color: #4E4E4E; }
  .dark .orderCards .card .front .marketPrice div .status.working {
    color: green; }
  .dark .orderCards .card .front .marketPrice div .status.waiting {
    color: #DC492A; }
  .dark .orderCards .card .front .marketPrice div .title {
    color: #9A9A9A; }
  .dark .orderCards .card .front .marketPrice div .units {
    color: #9A9A9A; }
  .dark .orderCards .card.b-buy {
    border: 1px solid green; }
  .dark .orderCards .card.b-sell {
    border: 1px solid #A90329; }
  .dark .orderCards .orderSide.buy {
    background-color: green; }
  .dark .orderCards .orderSide.sell {
    background-color: #A90329; }
  .dark #orders .signin-form-icon {
    color: #777777; }
  .dark .panelDropUp {
    background-color: #21202D; }
  .dark .panel-primary {
    border-color: #E04C2C; }
  .dark .panel-primary > .panel-heading {
    background-color: #E04C2C;
    border-color: #E04C2C;
    color: #FFFFFF; }
  .dark .wizard-steps .agree-block {
    line-height: 22px;
    border-top: 1px solid #B0B0B0;
    border-bottom: 1px solid #B0B0B0; }
  .dark .panel-footer {
    background-color: #F5F5F5;
    border-top: 1px solid #DDDDDD; }
  .dark .draggableScenarioResult {
    border: 1px solid #DAE2EA;
    color: #7C9EB2;
    background-color: #F8FAFF; }
  .dark .draggableScenarioResult.on {
    color: #3C763D;
    background-color: #DFF0D8;
    border-color: #D6E9C6; }
  .dark .draggableScenarioResult.off {
    color: #BBBBBB;
    background-color: #191823;
    border-color: #56545A; }
  .dark .draggableScenarioFav {
    border: 1px solid #b8b7ad;
    color: #b8b7ad; }
  .dark .floatingMenu > .smTab {
    background: #454545;
    border: 1px solid #454545;
    color: #A8A8A8; }
  .dark .floatingMenu > .smTab a {
    color: #A8A8A8; }
  .dark .floatingMenu > .smTab a:hover,
  .dark .floatingMenu > .smTab i:hover,
  .dark .floatingMenu > .smTab:hover {
    color: #FFFFFF; }
  .dark .smTabStress > .expandTabs {
    color: #CCCCCC; }
  .dark .stressPopover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .dark .smTabVolTools .max {
    border-right: 1px solid #646464; }
  .dark .timeScenarios .subtitle {
    color: grey; }
  .dark .active .timeScenarios .subtitle {
    color: #CECECE; }
  .dark .stress-testing-tabs {
    border: 1px solid #F4F4F4 !important; }
  .dark .expiry-index button {
    background-color: #516DDC !important;
    color: #FFFFFF; }
  .dark .expiry-eto button {
    background-color: #53944D !important;
    color: #FFFFFF; }
  .dark .expiry-index button:hover,
  .dark .expiry-eto button:hover {
    color: #FFFFFF; }
  .dark .dropdownTimeDecay .dropdown-menu {
    background-color: #FFFFFF; }
  .dark .dropdownTimeDecay .input-group ul {
    border: 1px solid rgba(152, 152, 152, 0.47);
    -webkit-box-shadow: 0 2px 5px rgba(74, 74, 74, 0.47);
    box-shadow: 0 2px 5px rgba(74, 74, 74, 0.47); }
  .dark .dropdownTimeDecay .dropdown-menu thead .btn-default,
  .dark .dropdownTimeDecay .dropdown-menu thead tr:first-child {
    background-color: #E04C2C;
    color: #FFFFFF; }
  .dark .dropdownTimeDecay .dropdown-menu thead tr:nth-child(2) {
    background-color: #FFFFFF;
    color: #E04C2C; }
  .dark .dropdownTimeDecay .btn-info, .dark .dropdownTimeDecay .btn-info.active, .dark .dropdownTimeDecay .btn-info:active, .dark .dropdownTimeDecay .open > .dropdown-toggle.btn-info {
    background-color: #E04C2C; }
  .dark .dropdownTimeDecay .btn-info.active .text-info {
    color: #FFFFFF; }
  .dark .smTabStressTest {
    border: 1px solid #646464; }
  .dark .toggleMenu {
    color: white; }
  .dark .widget .widget-close:hover {
    color: #EB5055 !important; }
  .dark .widget-help a {
    color: #E04C2C; }
  .dark .additional-btn > a,
  .dark .additional-btn .btn-group > a {
    color: #CCCCCC; }
  .dark .additional-btn > a:hover {
    color: #5C5C5C; }
  .dark .widget, .dark .widget-gridster {
    -webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 0px 2px;
    box-shadow: rgba(0, 0, 0, 0.14902) 0px 0px 2px;
    color: #D8D8D8;
    background: #191823; }
  .dark .widget-gridster {
    background-color: #191823;
    border: 1px solid #56545A; }
  .dark .widget-clear {
    background: #191823; }
  .dark .widget .additional-btn .add-btn-name {
    color: #939393; }
  .dark .widget .additional-btn button:hover,
  .dark .widget .additional-btn button:hover .add-btn-name {
    color: #E04C2C !important; }
  .dark .widget .widget-header:hover .additional-btn a,
  .dark .widget .widget-header:hover .additional-btn .add-btn-name,
  .dark .widget .widget-header:hover .additional-btn div {
    color: #909090; }
  .dark .widget.modal-widget.modalize .widget-header .additional-btn a {
    color: #909090; }
  .dark .widget-header h3 {
    color: #5B5B5B; }
  .dark .widget .additional-btn,
  .dark .widget .widget-header .additional-btn .btn-group {
    color: #CCCCCC; }
  .dark .breadcrumb li::-moz-selection,
  .dark .breadcrumb strong::-moz-selection {
    color: #FFFFFF;
    background: #D95B40; }
  .dark .breadcrumb li::-webkit-selection,
  .dark .breadcrumb strong::-webkit-selection {
    color: #FFFFFF;
    background: #D95B40; }
  .dark .breadcrumb li::selection,
  .dark .breadcrumb strong::selection {
    color: #FFFFFF;
    background: #D95B40; }
  .dark table::selection {
    color: #FFFFFF;
    background: #D95B40; }
  .dark .add-positions {
    border: 2px dashed #A5A5A5;
    background-color: #FFFFFF; }
  .dark a.deleteTabs {
    color: #D8D8D8;
    background: #191823; }
  .dark a.deleteTabs:hover {
    border: 1px solid red;
    color: red; }
  .dark .whatifPositions > .whatifPositionsBody > div {
    border-top: 1px solid #CCCCCC; }
  .dark .whatifPositionsStock {
    color: #817c7c; }
  .dark .whatIfTabMenu > .container {
    border: 1px solid #df4e2c;
    background: #FFFFFF; }
  .dark .whatIfTabMenu:after {
    border-bottom: solid 10px #df4e2c; }
  .dark .whatIfButtons > .btn-clear:active, .dark .btn-clear.active {
    color: #E04C2C; }
  .dark .workingTradeTable .legDetail {
    border: 1px solid grey;
    border-left: 10px solid grey; }
  .dark .workingTradeTable .legDetail.buy {
    border-color: green;
    color: gray; }
  .dark .workingTradeTable .legDetail.sell {
    border-color: #E74D41;
    color: gray; }
  .dark .workingTradeTable .orderNumber {
    color: gray; }
  .dark .workingTradeTable .divider,
  .dark .workingTradeInfo .divider {
    border-bottom: 1px solid #9B9B9B; }
  .dark .workingTradeTable .animate-if.ng-enter,
  .dark .workingTradeTable .animate-if.ng-leave.ng-leave-active {
    opacity: 0; }
  .dark .workingTradeTable .animate-if.ng-leave,
  .dark .workingTradeTable .animate-if.ng-enter.ng-enter-active {
    opacity: 1; }
  .dark .workingTradeInfo .currentPrice {
    color: #969696; }
  .dark .workingTradeInfo .controls {
    color: #565656; }
  .dark .blockButtonWhatIf {
    color: #BBBBBB; }
  .dark a.uploadPos {
    color: #CCCCCC; }
  .dark a.uploadPos:hover {
    border: 1px solid #E04C2C;
    color: #E04C2C; }
  .dark .dropzone {
    border: 2px dashed #E04C2C !important;
    background: white; }
  .dark .dropzoneOver {
    background: #EFEFEF; }
  .dark .lvl-over {
    background-color: red;
    border: 2px dashed black !important; }
  .dark .payoffMenu {
    background: #FFFFFF; }
  .dark .google-map {
    background: #111111; }
  .dark #map-canvas {
    background-color: #111111 !important; }
  .dark .map-toggle {
    color: #FFFFFF; }
  .dark .demographicsProfileView {
    color: grey; }
  .dark .gender.male {
    color: #00ADEF; }
  .dark .gender.female {
    color: #ED008B; }
  .dark #demographicsForm select {
    color: #555555;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .dark #demographicsForm select[disabled], .dark #demographicsForm select[readonly] {
    background-color: #EEEEEE; }
  .dark .settingsAccordion > .panel-group a {
    color: grey; }
  .dark .settingsAccordion .panel-default > .panel-heading {
    color: #333333;
    background-color: #FFFFFF;
    border-color: #DDDDDD; }
  .dark .settingsAccordionExpand {
    color: #E04C2C; }
  .dark .legalAccordion > .panel-group a {
    color: grey; }
  .dark .legalAccordion .panel-default > .panel-heading {
    color: #333333;
    background-color: #FFFFFF;
    border-color: #DDDDDD; }
  .dark .legalAccordionExpand {
    color: #E04C2C; }
  .dark .rss-new {
    background-color: #F5F6FF; }
  .dark .optionPickerFilter {
    color: #737373; }
  .dark .optionPickerFilter i:hover {
    color: #000000; }
  .dark .optnPicker li a {
    color: #737373; }
  .dark .optnPicker li a:hover, .dark .optPickerHeader li a:hover {
    color: #000000; }
  .dark .optnchain .price .ticker {
    color: #757575; }
  .dark .optnchain .price .ticker .monthSeries {
    color: #B9B9B9; }
  .dark .optnchain .price .moreInfo .currentTime {
    color: #969696; }
  .dark .strike {
    border-left: solid 1px #B4C9CA;
    border-right: solid 1px #B4C9CA; }
  .dark .stockPrice {
    background-color: #F5F5F5; }
  .dark .qtyChanged {
    background: radial-gradient(circle at 40%, rgba(200, 200, 200, 0.7), rgba(200, 200, 200, 0)); }
  .dark .mobOptionSelector {
    background: white; }
  .dark #ticket {
    color: #545454; }
  .dark #ticket .linkTrade .active {
    color: #E04C2C;
    opacity: 1; }
  .dark #ticket .order .order-inner {
    border: 1px solid darkslategray;
    padding-bottom: 20px; }
  .dark #ticket .description {
    color: grey; }
  .dark #ticket .pad .box {
    color: white; }
  .dark #ticket .pad .box.sell:active,
  .dark #ticket .pad .box.sell {
    border-color: #E04C2C;
    background: #E04C2C; }
  .dark #ticket .pad .box.buy:active,
  .dark #ticket .pad .box.buy {
    border-color: #168C16;
    background: #168C16; }
  .dark #ticket .pad .box.sell:hover {
    border-color: #B84229;
    background: #B84229; }
  .dark #ticket .pad .box.buy:hover {
    border-color: #126312;
    background: #126312; }
  .dark .ticket-container .ticket {
    border: 1px solid #BBBBBB;
    color: #FFFFFF;
    opacity: 0.75; }
  .dark .ticket-container .ticket:hover {
    opacity: 1; }
  .dark .ticket-container .ticket.sell {
    background-color: #E74D41; }
  .dark .ticket-container .ticket.buyTicket {
    background-color: #33B994; }
  .dark #ticket .panel-footer.sell {
    background-color: #A01B1B;
    color: white; }
  .dark #ticket .panel-footer.buyTicket {
    background-color: #256C23;
    color: white; }
  .dark .ticket-container .ticket-header {
    border-bottom: 1px solid #D2D2D2; }
  .dark .ticket-container fieldset.ticket[disabled] {
    opacity: 0.25; }
  .dark .soaColumns h4 {
    border-bottom: 1px solid #2B303B; }
  .dark .soaColumns label {
    color: #D8D8D8; }
  .dark .soaPref {
    color: #BBBBBB; }
  .dark .soaPref ul li .selected {
    color: #00a97f; }
  .dark .soaPref ul li i {
    color: #dfdfdf; }
  .dark .watchlistAdd .form-group {
    background-color: #FFFFFF;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    border: 1px solid #CCCCCC; }
  .dark .watchlistAdd .form-group:hover {
    border: 1px solid #E04C2C; }
  .dark .watchlistAdd .form-group span.form-control-feedback {
    color: #E04C2C; }
  .dark .closePanel span {
    background-color: #191823;
    border: 1px solid #56545A; }
  .dark .watchlistItem {
    border-top: 1px solid #CCCCCC; }
  .dark .watchlistStock {
    color: #817c7c; }
  .dark .tablePref {
    color: #BBBBBB; }
  .dark .tablePref ul li {
    border-bottom: 1px solid #D0D0D0; }
  .dark .tablePref ul li .selected {
    color: #CFE883; }
  .dark .tablePref ul li i {
    color: #dfdfdf; }
  .dark .tablePref .settings > div {
    color: #737373;
    color: #C3C2B9; }
  .dark .tablePref .columnTerm {
    border-top: 1px dotted #D0D0D0; }
  .dark .splash-content-new-account {
    color: #000000;
    background-color: #FFFFFF; }
  .dark .beacon-hotspot {
    background: rgba(224, 76, 44, 0.7); }
  .dark .beacon-start-animation {
    background: rgba(224, 76, 44, 0.8); }
  .dark .beacon-start-animation:after,
  .dark .beacon-start-animation:before {
    border: 2px solid rgba(224, 76, 44, 0.8); }
  .dark .useful-links-container .usefulLinksHeader {
    color: #E41919;
    border-bottom: 2px solid #E4E4E4; }
  .dark .completeDemographics {
    border: 1px solid #ABABAB; }
  .dark .completeDemographics .title {
    color: grey; }
  .dark .completeDemographics p {
    color: grey; }
  .dark .timeline:before {
    background-color: #EEEEEE; }
  .dark .timeline > li > .timeline-panel {
    border: 1px solid #D4D4D4;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); }
  .dark .timeline > li > .timeline-panel:before {
    border-left: 15px solid #CCCCCC;
    border-right: 0 solid #CCCCCC; }
  .dark .timeline > li > .timeline-panel:after {
    border-left: 14px solid #FFFFFF;
    border-right: 0 solid #FFFFFF; }
  .dark .timeline > li > .timeline-badge {
    color: #FFFFFF;
    background-color: #999999; }
  .dark .timeline-badge.primary {
    background-color: #2E6DA4 !important; }
  .dark .timeline-badge.success {
    background-color: #3F903F !important; }
  .dark .timeline-badge.warning {
    background-color: #F0AD4E !important; }
  .dark .timeline-badge.danger {
    background-color: #D9534F !important; }
  .dark .timeline-badge.info {
    background-color: #5BC0DE !important; }
  .dark .t-view {
    border: 1px solid #EEEEEE; }
  @media (max-width: 767px) {
    .dark .t-view {
      background: #FFFFFF;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } }
  .dark .t-view .tv-header {
    border-bottom: 1px solid #EEEEEE;
    background: #F9F9F9; }
  .dark .t-view:before {
    border: 3px solid #FFFFFF;
    color: #FFFFFF; }
  .dark .t-view[data-tv-type="text"]:before {
    background: #00BCD4;
    box-shadow: 0 0 0 1px #00BCD4; }
  .dark .t-view[data-tv-type="text"]:after {
    background: #00BCD4; }
  .dark .t-view[data-tv-type="image"]:before {
    background: #4CAF50;
    box-shadow: 0 0 0 1px #4CAF50; }
  .dark .t-view[data-tv-type="image"]:after {
    background: #4CAF50; }
  .dark .t-view[data-tv-type="video"]:before {
    content: "\F3A9";
    background: #FFC107;
    box-shadow: 0 0 0 1px #FFC107; }
  .dark .t-view[data-tv-type="video"]:after {
    background: #FFC107; }
  .dark .t-view .tvb-stats > li {
    border: 1px solid #CCCCCC; }
  .dark .t-view .tvb-stats > li.tvbs-comments {
    border-color: #4CAF50;
    color: #4CAF50; }
  .dark .t-view .tvb-stats > li.tvbs-likes {
    border-color: #03A9F4;
    color: #03A9F4; }
  .dark .t-view .tvb-stats > li.tvbs-views {
    border-color: #FF9800;
    color: #FF9800; }
  .dark .tv-comments {
    background-color: #F9F9F9; }
  .dark .tv-comments .tvc-lists > li {
    border-top: 1px solid #EEEEEE; }
  .dark .tvc-more {
    color: #333333; }
  .dark .tvc-more:hover {
    color: #000000; }
  .dark .cropArea {
    background: #F5F5F5; }
  .dark .main-comment {
    border: 1px solid #cacaca; }
  .dark #main-post:focus, .dark .main-comment:focus,
  .dark #main-post:active, .dark .main-comment:active,
  .dark #main-post.active .main-comment.active {
    border: 1px solid #51cbee; }
  .dark .stickyPost {
    background-image: url(b73544abdb4e31291a6b0cf91efdeabf.jpg);
    background-size: 100%, cover;
    background-repeat: no-repeat;
    background-position-y: center; }
    .dark .stickyPost h2, .dark .stickyPost p {
      color: #FFFFFF;
      text-shadow: black 0 0 10px; }
  .dark .btn-link.btn-icon {
    color: #999999; }
  .dark .btn-link, .dark .btn-link.btn-icon:focus, .dark .btn-link.btn-icon:hover, .dark .btn-link:focus, .dark .btn-link:hover {
    color: #1BBAE1; }
  .dark .block {
    background-color: #FFFFFF;
    border: 1px solid #DBE1E8; }
  .dark .block-title {
    background-color: #F9FAFC;
    border-bottom: 1px solid #EAEDF1; }
  .dark .block-title h1 small,
  .dark .block-title h2 small,
  .dark .block-title h3 small,
  .dark .block-title h4 small,
  .dark .block-title h5 small,
  .dark .block-title h6 small {
    color: #777777; }
  .dark .block-title .nav-tabs > li.active > a,
  .dark .block-title .nav-tabs > li.active > a:focus,
  .dark .block-title .nav-tabs > li.active > a:hover {
    color: #D8D8D8;
    background: #191823;
    border: 1px solid #EAEDF1;
    border-bottom-color: #FFFFFF; }
  .dark .block-top {
    border-bottom: 1px dotted #DBE1E8; }
  .dark .stock-selection {
    color: #31404B;
    background-color: transparent;
    border: 1px solid #56545A;
    box-shadow: none; }
  .dark .stock-selection:focus {
    color: #31404B;
    background-color: transparent;
    border-color: #0CA739;
    box-shadow: none;
    outline: none; }
  .dark .signin-form-icon {
    color: #777777; }
  .dark .search-form-icon {
    color: #777777; }
  .dark .payoff-table .middle {
    background-color: #EFEFEF;
    border-top: 1px dashed #A0A0A0;
    border-bottom: 1px dashed #A0A0A0; }
  .dark .add-account-hover-container {
    background: rgba(13, 13, 13, 0.75);
    border-top: 3px solid #4E4D4D;
    opacity: 0; }
  .dark .optionsCookbook .filterContainer {
    background: #191823; }
  .dark .optionsCookbook .strategyFilters {
    background: #FFFFFF; }
  .dark .optionsCookbook .strategyFilters h4 {
    border-bottom: 2px solid #EFEFEF; }
  .dark .optionsCookbook .dir-search input {
    border: 1px solid #EEEEEE; }
  .dark .optionsCookbook .strategy-item {
    background-color: #FFFFFF;
    color: grey; }
  .dark .optionsCookbook .strategy-item .strategy-card-title {
    background: #294C73; }
  .dark .optionsCookbook .strategy-item .strategy-card-title h4 {
    color: white; }
  .dark .optionsCookbook .strategy-item .strategy-card-title .learnMore {
    color: #C5C5C5; }
  .dark .optionsCookbook .strategy-item .strategy-card-title .learnMore:hover {
    color: #FFFFFF; }
  .dark .optionsCookbook .strategy-item:hover {
    background-color: whitesmoke; }
  .dark .optionsCookbook .strategy-content {
    color: grey; }
  .dark .optionsCookbook .footer-item i,
  .dark .optionsCookbook .strategy-footer i {
    color: #6D6D6D; }
  .dark .optionsCookbook .strategy-footer i.buy {
    color: green; }
  .dark .optionsCookbook .strategy-footer i.sell {
    color: #D62728; }
  .dark .optionsCookbook .strategy-footer i.text-aqua {
    color: #1BBAE1; }
  .dark .adj-title {
    color: #BBBBBB; }
  .dark .auditDetail {
    background-color: #F9F9F9;
    border: 1px solid #EFEFEF; }
  .dark .mask {
    background: rgba(239, 239, 239, 0.8); }
  .dark .mask h1 {
    color: #E04C2C; }
  .dark ul.hu {
    background: #FFFFFF; }
  .dark ul.hu li {
    color: #000000; }
  .dark .huLabel {
    color: #666666; }
  .dark .chartIQ .dropdown-menu {
    background: #FFFFFF;
    color: #666666;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); }
  .dark .trading-system .table {
    color: #575962;
    border-color: #ECECEC; }
    .dark .trading-system .table tbody > tr > td .sub {
      color: #9699A2; }
    .dark .trading-system .table thead tr > td {
      color: #929292; }
  .dark .portlet {
    background: #191823;
    box-shadow: 0 1px 15px 1px rgba(81, 77, 92, 0.08); }
    .dark .portlet .btn-follow {
      background: #FFFFFF;
      color: #716ACA;
      border: 1px solid #716ACA; }
      .dark .portlet .btn-follow:hover {
        background: #716ACA;
        color: #FFFFFF; }
    .dark .portlet .portlet-list .portlet-list-item {
      border-bottom: 0.07rem dashed #EBEDF2; }
      .dark .portlet .portlet-list .portlet-list-item .number-container .number {
        color: #00C5DC !important; }
    .dark .portlet .portlet-list .m-widget1__desc {
      color: #9699A2; }
    .dark .portlet .portlet-strategy .head {
      border-bottom: 1px solid #EBEDF2; }
    .dark .portlet .portlet-strategy .portlet-body .timeline .timeline-items .timeline-item .item-bullet {
      border: 1px solid gray;
      background-color: white; }
    .dark .portlet .portlet-strategy .portlet-body .timeline .timeline-items .timeline-item .item-text {
      color: #7B7E8A; }
  .dark a.unstyled-link {
    text-decoration: none;
    color: inherit; }
  .dark tags-input .tags {
    background: #191823; }
  .dark .tfOption {
    color: #D8D8D8; }
    .dark .tfOption.active:before {
      color: #00a97f; }
  .dark .app-footer {
    background: #21202D; }
  .dark .totalCell {
    border-color: #56545A; }
  .dark .welcomeOffer .card {
    box-shadow: 0 1px 3px 0 #D4D4D5, 0 0 0 1px #D4D4D5; }
  .dark .welcomeOffer .card-block {
    border-top: 1px solid rgba(34, 36, 38, 0.1); }
  .dark .welcomeOffer .card-img-top {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    /* Firefox 3.5+ */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */ }
  .dark .welcomeOffer .card-text {
    color: rgba(0, 0, 0, 0.68); }
  .dark .welcomeOffer .card-footer {
    border-top: 1px solid #56545A; }
  .dark .welcomeOffer .card-inverse .btn {
    border: 1px solid rgba(0, 0, 0, 0.05); }
  .dark .fsModalScreener {
    background: #FFFFFF; }
  .dark .stock-card-grid li {
    border: solid 1px #CCCCCC;
    background: #EEEEEE; }
  .dark #tradeOn .accountDetails li.account-detail-item .title {
    color: grey; }
  .dark #tradeOn .accountDetails li.account-detail-item {
    border-bottom: 1px solid #D0D0D0; }
  .dark #stock-card {
    background: #191823; }
  .dark .customIOSbuttons .btn-default {
    color: #D8D8D8;
    background-color: transparent;
    border-color: #294C73; }
  .dark .customIOSbuttons .btn-default:hover,
  .dark .customIOSbuttons .btn-default:focus,
  .dark .customIOSbuttons .btn-default:active,
  .dark .customIOSbuttons .btn-default.active, .dark .open > .btn-default.dropdown-toggle {
    color: #FFFFFF;
    background-color: #294C73; }
  .dark #stock-card .card-main {
    background: #868686; }
  .dark #stock-card .card-main.sell {
    background: #B70000; }
  .dark #stock-card .card-main.buy {
    background: green; }
  .dark #stock-card article {
    color: #FFFFFF; }
  .dark #stock-card .ticker span {
    color: #FFFFFF; }
  .dark .stock-ivRank {
    background-color: white; }
    .dark .stock-ivRank .name {
      font-size: 9px;
      margin-top: -7px;
      display: block; }
      @media (max-width: 480px) {
        .dark .stock-ivRank .name {
          white-space: nowrap;
          margin-top: 5px; } }
    @media (max-width: 992px) {
      .dark .stock-ivRank {
        top: 5px; } }
    @media (max-width: 480px) {
      .dark .stock-ivRank {
        font-size: 21px;
        width: 35px;
        height: 35px; } }
  .dark #stock-card .stock-ivRank.red-background {
    background: #B70000; }
  .dark #stock-card .stock-ivRank.green-background {
    background: green; }
  .dark #stock-card .stock-ivRank.grey-background {
    background: #868686; }
  .dark #stock-card .days .row [class*="col-"] .day {
    border-color: #47445A; }
  .dark #stock-card .day:hover {
    background: #47445A; }
  .dark #stock-card .day:active,
  .dark #stock-card .day.active {
    background: #47445A;
    color: #D7D7D7; }
  .dark #stock-card .divider {
    border: 1px solid #56545A; }
  .dark #stock-card .day svg {
    color: #D8D8D8; }
  .dark #stock-card .stock-stats .title {
    color: #BBBBBB; }
  .dark #stock-card .stock-stats .content {
    color: #D8D8D8; }
  .dark .quizOptions .left-hand {
    background: #FDFDFD; }
    @media (max-width: 767px) {
      .dark .quizOptions .left-hand h2 {
        color: #5A5A5A; }
      .dark .quizOptions .left-hand ol li {
        border-bottom: 1px solid #D0D0D0; } }
  .dark .btn-mod.btn-border-c {
    color: #E85355;
    border: 2px solid #E85355;
    background: transparent; }
  .dark .btn-mod.btn-border-c:hover,
  .dark .btn-mod.btn-border-c:focus {
    color: #FFFFFF;
    border-color: transparent;
    background: #E85355; }
  .dark .btn-mod.btn-color {
    color: #FFFFFF;
    background: #E41919; }
  .dark .btn-mod.btn-color:hover,
  .dark .btn-mod.btn-color:focus {
    color: #FFFFFF;
    background: #E41919;
    opacity: .85; }
  .dark .btn-mod.btn-no-border {
    background: rgba(34, 34, 34, 0); }
  .dark .btn-mod.btn-no-border:hover,
  .dark .btn-mod.btn-no-border:focus {
    background: rgba(34, 34, 34, 0.88); }
  .dark .acc-open .title {
    color: #FFFFFF;
    background: #E85355; }
  .dark .acc-open:hover .title {
    background: #11516D; }
  .dark .acc-open .sub-title {
    color: #777777; }
  .dark .acc-open .inner-box {
    border: 5px solid #bdbdbd; }
  .dark .accOpenModal .reqList {
    color: #BBBBBB; }
  .dark .accOpenModal .timeline-body {
    color: #747474; }
  .dark .accOpenModal .timeline-title {
    color: #3F903F !important; }
  .dark .accOpenModal .reqList li:before {
    color: #256079; }
  .dark .carousel-landing .slick-prev:before,
  .dark .carousel-landing .slick-next:before {
    color: #1C2B36; }
  .dark .carousel-landing .slick-dots li button:before {
    color: #1C2B36; }
  .dark .sendReview {
    background: #474747;
    color: white;
    border: 1px solid #474747; }
  .dark .active-strategy {
    background: #47445A; }
  .dark .strategies {
    border: 1px solid #56545A; }
    .dark .strategies:hover {
      background: #47445A; }
    .dark .strategies .strategies-container .overview .content {
      color: #BBBBBB; }
    .dark .strategies .strategies-container .grid-header {
      border-bottom: 1px solid #56545A; }
  .dark .mfb-component__button--main {
    background-color: #E04C2C; }
  .dark .mfb-component__button--child {
    background-color: #E04C2C; }
  .dark .mfb-component__wrap a:hover {
    color: #FFFFFF; }
  .dark .stressTestGrey {
    background-color: #868686; }
  .dark .slick-prev:before, .dark .slick-next:before {
    color: #df4e2c;
    opacity: 0.75; }
  .dark .slick-dots li button:before {
    color: black; }
  .dark .slick-dots li.slick-active button:before {
    color: #df4e2c;
    opacity: 0.75; }
  .dark .slick-prev.slick-disabled:before, .dark .slick-next.slick-disabled:before {
    opacity: .25; }
  .dark .dropdown-menu {
    -webkit-box-shadow: 0 0 5px rgba(6, 6, 6, 0.51);
    box-shadow: 0 0 5px rgba(6, 6, 6, 0.51); }
  .dark .dropdown-menu .divider {
    background-color: #56545A; }
  .dark .tooltip-inner {
    background-color: #454545; }
  .dark .tooltip.top .tooltip-arrow {
    border-top-color: #454545; }
  .dark .tooltip.top-left .tooltip-arrow {
    border-top-color: #454545; }
  .dark .tooltip.top-right .tooltip-arrow {
    border-top-color: #454545; }
  .dark .tooltip.right .tooltip-arrow {
    border-right-color: #454545; }
  .dark .tooltip.left .tooltip-arrow {
    border-left-color: #454545; }
  .dark .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #454545; }
  .dark .tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #454545; }
  .dark .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #454545; }
  .dark .tabbable-line {
    border: 1px solid #56545A;
    background: #191823; }
  .dark .tabbable-line > .nav-tabs {
    border: none;
    margin: 0;
    color: #D8D8D8;
    background: #191823; }
  .dark .nav-tabs > li.active > a,
  .dark .nav-tabs > li.active > a:focus,
  .dark .nav-tabs > li.active > a:hover {
    color: #D8D8D8;
    background: #191823; }
  .dark .tabbable-line > .nav-tabs > li > a {
    color: #BBBBBB; }
  .dark .tabbable-line > .nav-tabs > li > a > i {
    color: #BBBBBB; }
  .dark .tabbable-line > .nav-tabs > li.open, .dark .tabbable-line > .nav-tabs > li:hover {
    border-bottom: 2px solid #E69F8E; }
  .dark .tabbable-line > .nav-tabs > li.open > a, .dark .tabbable-line > .nav-tabs > li:hover > a {
    color: #D7D7D7; }
  .dark .tabbable-line > .nav-tabs > li.open > a > i, .dark .tabbable-line > .nav-tabs > li:hover > a > i {
    color: #D7D7D7; }
  .dark .tabbable-line > .nav-tabs > li.active {
    border-bottom: 2px solid #E04C2C;
    border-left: 1px solid #56545A;
    border-right: 1px solid #56545A; }
  .dark .tabbable-line > .nav-tabs > li.active > a {
    color: #D8D8D8; }
  .dark .tabbable-line > .nav-tabs > li.active > a > i {
    color: #D8D8D8; }
  .dark .tabbable-line > .tab-contentOptnPicker {
    color: #D8D8D8;
    background: #191823;
    border-top: 1px solid #56545A; }
  .dark .tabbable-line > .tab-content {
    color: #D8D8D8;
    background: #191823;
    border-top: 1px solid #56545A; }
  .dark .tabbable-line .tabs-below > .nav-tabs > li:hover {
    border-bottom: 0;
    border-top: 4px solid #FBCDCF; }
  .dark .tabbable-line .tabs-below > .nav-tabs > li.active {
    margin-bottom: -2px;
    border-bottom: 0;
    border-top: 4px solid #F3565D; }
  .dark .tabbable-line .tabs-below > .tab-content {
    border-bottom: 1px solid #56545A; }
  .dark .tabbable-line .tab-header {
    color: #D8D8D8; }
  .dark .tabbable-line .header-league-name {
    color: #31404B; }
  .dark .tabs-below > .nav-tabs {
    border-top: 1px solid #DDDDDD; }
  .dark .tabs-below > .nav-tabs > li > a:hover,
  .dark .tabs-below > .nav-tabs > li > a:focus {
    border-top-color: #DDDDDD;
    border-bottom-color: transparent; }
  .dark .tabs-left > .nav-tabs {
    background: #F9F9F9; }
  .dark .tabs-left > .nav-tabs > li > a {
    color: #737373;
    color: #C3C2B9; }
  .dark .tabs-left > .nav-tabs .active > a i {
    color: #F05451; }
  .dark .tabs-left > .nav-tabs > li > a:hover,
  .dark .tabs-left > .nav-tabs > li > a:focus {
    color: #29324E;
    background: #F9F9F9;
    box-shadow: inset -2px 0 #E69F8E; }
  .dark .tabs-left > .nav-tabs .active > a,
  .dark .tabs-left > .nav-tabs .active > a:hover,
  .dark .tabs-left > .nav-tabs .active > a:focus {
    background-color: #FFFFFF !important;
    box-shadow: inset -2px 0 #F05451;
    color: #29324E;
    border: none; }
  .dark .tabs-right > .nav-tabs {
    border-left: 1px solid #DDDDDD; }
  .dark .tabs-right > .nav-tabs > li > a:hover,
  .dark .tabs-right > .nav-tabs > li > a:focus {
    border-color: #EEEEEE #EEEEEE #EEEEEE #DDDDDD; }
  .dark .tabs-right > .nav-tabs .active > a,
  .dark .tabs-right > .nav-tabs .active > a:hover,
  .dark .tabs-right > .nav-tabs .active > a:focus {
    border-color: #DDDDDD #DDDDDD #DDDDDD transparent;
    *border-left-color: #FFFFFF; }
  .dark [type="checkbox"]:not(:checked) + label:before,
  .dark [type="checkbox"]:checked + label:before {
    border: 1px solid #AAAAAA;
    background: transparent; }
  .dark [type="checkbox"]:not(:checked) + label:after,
  .dark [type="checkbox"]:checked + label:after {
    color: #E04C2C; }
  .dark [type="checkbox"]:disabled:not(:checked) + label:before,
  .dark [type="checkbox"]:disabled:checked + label:before {
    border-color: #BBBBBB;
    background-color: transparent; }
  .dark [type="checkbox"]:disabled:checked + label:after {
    color: #999999; }
  .dark [type="checkbox"]:disabled + label {
    color: #AAAAAA; }
  .dark [type="checkbox"]:checked:focus + label:before,
  .dark [type="checkbox"]:not(:checked):focus + label:before {
    border: 1px solid #E04C2C; }
  .dark .nvd3.nv-lineChart g rect {
    opacity: 1 !important;
    fill: #FCFCFC; }
  .dark nvd3 .nv-noData {
    fill: #D8D8D8; }
  .dark .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
    fill-opacity: 0.2;
    stroke-opacity: 0.2; }
  .dark .nvd3 .nv-multibar .nv-groups rect, .dark .nvd3 .nv-multibarHorizontal .nv-groups rect, .dark .nvd3 .nv-discretebar .nv-groups rect {
    stroke-opacity: 0.8;
    fill-opacity: 0.5; }
  .dark .nvd3 .nv-multibar .nv-groups rect:hover, .dark .nvd3 .nv-multibarHorizontal .nv-groups rect:hover, .dark .nvd3 .nv-discretebar .nv-groups rect:hover {
    stroke-opacity: 1;
    fill-opacity: 0.65; }
  .dark .nv-groups .nv-group path.nv-line {
    stroke-opacity: 0.7;
    stroke-width: 2; }
  .dark .nvd3 .nv-axis .tick.zero line {
    opacity: .5;
    stroke: #000000;
    /*Color zero-line so that it is distinguishable from the other lines.*/ }
  .dark .nvd3 .nv-axis .tick.zero text {
    font-weight: 700; }
  .dark .nvd3 text {
    font: 400 11px "open Sans";
    fill: #D8D8D8; }
  .dark .nvtooltip {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .dark .nvtooltip h3 {
    background-color: rgba(247, 247, 247, 0.75); }
  .dark .popover {
    z-index: 1039;
    /* 1 below modal background */ }
  .dark .tt-menu {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .dark .tt-suggestion {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF; }
  .dark .tt-suggestion:hover {
    color: #FFFFFF;
    background-color: #0097CF; }
  .dark .tt-suggestion.tt-cursor {
    color: #FFFFFF;
    background-color: #0097CF; }
  .dark .ng-joyride .skipBtn {
    color: #DF4E2C; }
  .dark .ng-joyride .btn-clear:hover {
    color: #DF4E2C; }
  .dark .ng-joyride.popover {
    z-index: 9999; }
  .dark .ng-joyride.popover .popover-content {
    color: #D8D8D8; }
  .dark .ng-joyride .popover-title {
    color: white;
    background: #DF4E2C; }
  .dark .ng-joyride .btn-clear:hover {
    color: #DF4E2C; }
  .dark .gridster-loaded .gridster-preview-holder {
    background-color: #0097CF; }
  .dark .midpoint .ui-grid-cell-contents {
    background-color: #EFEFEF;
    border-top: 1px dashed #A0A0A0;
    border-bottom: 1px dashed #A0A0A0; }
  .dark .ui-grid-row.ui-grid-row-selected [ui-grid-row] .ui-grid-cell,
  .dark .ui-grid-row.ui-grid-row-selected:hover [ui-grid-row] .ui-grid-cell {
    background-color: #47445A !important; }
  .dark .ui-grid-draggable-row-target {
    opacity: 0.5 !important; }
  .dark .ui-grid-draggable-row-over:before {
    border-bottom: 1px dotted #AAAAAA; }
  .dark .jqstooltip {
    background: black;
    background-color: rgba(0, 0, 0, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    color: white;
    border: 1px solid white; }
  .dark .jqsfield {
    color: white; }
  .dark #loading-bar .bar {
    background: #FFFFFF; }
  .dark #loading-bar .peg {
    -moz-box-shadow: #FFFFFF 1px 0 6px 1px;
    -ms-box-shadow: #FFFFFF 1px 0 6px 1px;
    -webkit-box-shadow: #FFFFFF 1px 0 6px 1px;
    box-shadow: #FFFFFF 1px 0 6px 1px; }
  .dark #loading-bar-spinner .spinner-icon {
    border-top-color: #FFFFFF;
    border-left-color: #FFFFFF; }
  .dark .nv-boxplot-outlier {
    fill: green !important; }
  .dark .scrollbar-outer > .scroll-element .scroll-element_track,
  .dark .scrollbar-outer > .scroll-element {
    background-color: transparent; }
  .dark rzslider .rz-bubble, .dark rzslider .rz-bubble.rz-limit {
    color: #BBBBBB; }
  .dark .ui-grid-menu-button {
    background: #21202D; }
  .dark .ui-grid-menu .ui-grid-menu-inner {
    background: #21202D;
    color: #D8D8D8; }
  .dark .ui-grid-menu .ui-grid-menu-inner ul li:hover {
    background: #47445A;
    color: #D8D8D8; }
  .dark .ui-grid-menu .ui-grid-menu-inner ul li.ui-grid-menu-item-active {
    background: #21202D; }
  .dark .ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item-active {
    background: #21202D; }
  .dark .ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) > button {
    border-bottom: 1px solid #56545A; }
  .dark .ui-grid-menu-mid {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #56545A; }
  .dark .ui-grid {
    border: 1px solid #56545A; }
  .dark .ui-grid-header {
    border-bottom: 1px solid #56545A; }
  .dark .ui-grid-footer-panel {
    color: #323232;
    border-top: 1px solid #56545A; }
  .dark .movingColumn {
    border: 1px solid #D4D4D4;
    background: #191823;
    color: #D8D8D8; }
  .dark .ui-grid-row:hover div.ui-grid-cell {
    background-color: #47445A !important;
    color: #D7D7D7; }
  .dark .optnchain * .ui-grid-row:hover div.ui-grid-cell div.ui-grid-cell-contents {
    background-color: #47445A !important; }
  .dark .ui-grid-header-cell:not(:last-child) {
    border-right: 1px solid #56545A; }
  .dark .ui-grid-footer-cell:not(:last-child) {
    border-right: 1px solid #56545A; }
  .dark .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
    border-right: 1px solid #56545A;
    border-bottom: 1px solid #56545A; }
  .dark .ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child {
    border-left: 1px solid #56545A;
    border-bottom: 1px solid #56545A; }
  .dark .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
    border-right: 1px solid #56545A; }
  .dark .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:first-child {
    border-left: 1px solid #56545A; }
  .dark ui-grid-tree-base-row-header-buttons {
    color: #4A4A4A; }
  .dark input[type="text"].ui-grid-filter-input {
    border: 1px solid #56545A; }
  .dark input[type="text"].ui-grid-filter-input:focus {
    border-color: #df4e2c !important;
    outline: 0 none !important; }
  .dark .ui-grid-row:nth-child(odd) .ui-grid-cell {
    background: #191823;
    color: #D8D8D8;
    border-bottom: 1px solid #56545A; }
  .dark .ui-grid-row:nth-child(even) .ui-grid-cell {
    background: #191823;
    color: #D8D8D8;
    border-bottom: 1px solid #56545A; }
  .dark .ui-grid-group-panel {
    background: #191823;
    color: #D8D8D8; }
  .dark .ui-grid-top-panel-background {
    background: #191823;
    color: #D8D8D8; }
  .dark .ui-grid-top-panel {
    background: #191823;
    color: #D8D8D8; }
  .dark .ui-grid-footer-panel {
    background: #191823;
    color: #D8D8D8; }
  .dark .ui-grid-icon-up-dir {
    color: #00a97f; }
  .dark .ui-grid-icon-down-dir {
    color: #ff4a68; }
  .dark .ui-grid-cell-contents.itm {
    background: rgba(0, 169, 127, 0.2); }
  .dark .text {
    color: #D8D8D8; }
  .dark .alt-text {
    color: #BBBBBB; }
  .dark .background {
    background-color: #191823; }
  .dark .alt-background {
    background-color: #21202D; }
  .dark .dialog-background {
    background-color: #21202D; }
  .dark .alt-dialog-background {
    background-color: #191823; }
  .dark .good-text {
    color: #00a97f; }
  .dark .bad-text {
    color: #ff4a68; }
  .dark .hover:hover {
    background-color: #47445A;
    color: #D7D7D7; }
  .dark .customIOSbuttons .btn-default {
    border-color: #3E7AB6; }
    .dark .customIOSbuttons .btn-default.active {
      background-color: #3E7AB6; }
  .dark .nvd3 .nv-axis path {
    stroke: #BBBBBB; }
  .dark .nvd3 .nv-axis .tick line {
    stroke: #BBBBBB; }
  .dark .nvd3 .nv-axis .tick.zero line {
    stroke: #D8D8D8;
    stroke-opacity: 1;
    opacity: 1; }

.chain-quote-cell {
  position: relative; }
  .chain-quote-cell .quote-bid {
    display: inline-block;
    text-align: right;
    width: 45%; }
  .chain-quote-cell .quote-divider {
    display: inline-block;
    text-align: center;
    width: 10%; }
  .chain-quote-cell .quote-ask {
    display: inline-block;
    text-align: left;
    width: 45%; }


tf-fxe-quiz,
tf-bull-call-spread-question,
tf-margin-call-question,
tf-margined-strategies-question,
tf-market-down-protection-question,
tf-moneyness-question,
tf-premium-question,
tf-at-the-money-call,
tf-short-call-exercised-question,
tf-strike-price-question,
tf-volatility-question,
tf-expiration-exercise-assignment1-question,
tf-expiration-exercise-assignment2-question,
tf-expiration-exercise-assignment3-question,
tf-expiration-exercise-assignment4-question,
tf-expiration-exercise-assignment5-question,
tf-expiration-exercise-assignment6-question,
tf-obligations-position1-question,
tf-obligations-position2-question,
tf-financial-loss-question,
tf-leverage1-question,
tf-leverage2-question,
tf-market-movement-vol-question {
  display: block;
  width: 100%; }

tf-fxe-quiz-results .question-results-container {
  display: flex; }

tf-fxe-quiz-results .quiz-question-results {
  margin: auto; }

tf-fxe-quiz-results .result-question {
  font-size: 16px; }

tf-fxe-quiz-results .quizIconResult {
  font-size: 100px;
  display: block;
  margin-bottom: 20px; }

.fxe-quiz-dialog .modal-body {
  max-height: 75vh;
  overflow-y: auto; }

.fxe-quiz-dialog .quiz-header h4 {
  font-family: "Poppins", Verdana, sans-serif;
  text-transform: uppercase;
  font-size: 19px; }

.fxe-quiz-dialog .quiz-result {
  padding: 0; }

tf-margin-quiz,
tf-bull-call-spread-question,
tf-margin-call-question,
tf-margined-strategies-question,
tf-market-down-protection-question,
tf-moneyness-question,
tf-premium-question,
tf-at-the-money-call,
tf-short-call-exercised-question,
tf-strike-price-question,
tf-volatility-question {
  display: block;
  width: 100%; }

tf-margin-quiz-results .question-results-container {
  display: flex; }

tf-margin-quiz-results .quiz-question-results {
  margin: auto; }

tf-margin-quiz-results .result-question {
  font-size: 16px; }

tf-margin-quiz-results .quizIconResult {
  font-size: 100px;
  display: block;
  margin-bottom: 20px; }

.margin-quiz-dialog .modal-body {
  max-height: 75vh;
  overflow-y: auto; }

.margin-quiz-dialog .quiz-header h4 {
  font-family: "Poppins", Verdana, sans-serif;
  text-transform: uppercase;
  font-size: 19px; }

.margin-quiz-dialog .quiz-result {
  padding: 0; }

/*
 * Will set the height of a component to be the same as the available view height in the browser,
 * calculated as (100% - header - footer - system-message), where footer may or may not be present and is based on the presence
 * of another class as an ancestor of the target
 */
.portfolio .strategy-sidebar {
  height: calc(100vh - 60px);
  display: block;
  position: fixed;
  height: calc(100vh - 60px);
  z-index: 2;
  width: 225px;
  left: -225px; }
  .has-footer .portfolio .strategy-sidebar {
    height: calc(100vh - 55px - 60px); }
  .has-system-message .portfolio .strategy-sidebar {
    height: calc(100vh - 55px - 60px); }
  .has-footer.has-system-message .portfolio .strategy-sidebar {
    height: calc(calc(100vh - 55px - 60px) - 55px); }
  .portfolio .strategy-sidebar.ng-joyride-element-non-static {
    z-index: 9999;
    pointer-events: none; }
  .portfolio .strategy-sidebar .iv-sidebar-content {
    height: 100%; }
  .portfolio .strategy-sidebar #whatIfGridContainer {
    padding-bottom: 50px; }
  .portfolio .strategy-sidebar .sidebar-menu {
    border-width: 0;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    border-radius: 2px; }
  .portfolio .strategy-sidebar .closePanel {
    position: absolute;
    top: 0;
    left: 100%; }
    .portfolio .strategy-sidebar .closePanel span {
      border-radius: 0 6px 6px 0;
      border-left: none;
      left: -3px;
      width: 25px; }
      .portfolio .strategy-sidebar .closePanel span i {
        height: 30px;
        line-height: 30px; }

.portfolio .portfolio-main-content {
  display: block; }

.portfolio.strategies-open .strategy-sidebar {
  left: 0; }

.portfolio.strategies-open .portfolio-main-content {
  padding-left: 225px; }

.has-sidebar .portfolio .strategy-sidebar {
  left: -165px; }
  @media (max-width: 767px) {
    .has-sidebar .portfolio .strategy-sidebar {
      left: -225px; } }

.has-sidebar .portfolio.strategies-open .strategy-sidebar {
  left: 60px; }
  @media (max-width: 767px) {
    .has-sidebar .portfolio.strategies-open .strategy-sidebar {
      left: 0; } }

.has-sidebar.open .portfolio .strategy-sidebar {
  left: 25px; }

.has-sidebar.open .portfolio.strategies-open .strategy-sidebar {
  left: 250px; }

portfolio-sidebar {
  display: block;
  height: 100%; }
  portfolio-sidebar .sidebar-menu {
    height: 100%; }
  portfolio-sidebar #whatIfGridContainer {
    height: 100%; }
  portfolio-sidebar .whatIfPanel {
    position: absolute;
    bottom: 0;
    height: 50px;
    z-index: 501;
    transition: height 0.4s linear, width 0.4s linear;
    width: 225px; }
    portfolio-sidebar .whatIfPanel h4 {
      height: 50px; }
    portfolio-sidebar .whatIfPanel.open {
      width: calc(50vw + 110px);
      height: 50%; }
      @media (max-width: 600px) {
        portfolio-sidebar .whatIfPanel.open {
          width: calc(100vw - 10px);
          height: 75vh; } }
    portfolio-sidebar .whatIfPanel h4 i {
      transition: .5s ease-in-out; }
    portfolio-sidebar .whatIfPanel h4:hover i {
      transform: rotate(-90deg); }
    portfolio-sidebar .whatIfPanel quick-what-if {
      height: calc(100% - 50px); }
    portfolio-sidebar .whatIfPanel.open-add quick-what-if {
      display: none; }

.has-sidebar portfolio-sidebar .whatIfPanel.open {
  width: calc(50vw + 75px); }
  @media (max-width: 600px) {
    .has-sidebar portfolio-sidebar .whatIfPanel.open {
      width: calc(100vw - 10px); } }

what-if-grid {
  display: block;
  height: 100%; }
  what-if-grid .what-if-grid-container {
    padding: 5px; }
    what-if-grid .what-if-grid-container .strategies .grid-header {
      white-space: normal;
      padding-right: 60px;
      text-overflow: unset; }
    what-if-grid .what-if-grid-container .strategies .additional-btn {
      position: absolute;
      top: 0;
      right: 15px; }
    what-if-grid .what-if-grid-container .strategies .trade-button {
      position: absolute;
      bottom: 5px;
      right: 5px; }

quick-what-if {
  display: block; }
  quick-what-if .positions-table {
    padding-top: 10px;
    padding-bottom: 50px;
    height: calc(100% - 34px); }
    quick-what-if .positions-table .table {
      margin-bottom: 0; }
  quick-what-if .control-buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50px;
    line-height: 50px;
    padding: 0 5px 0  15px;
    width: 100%;
    display: flex;
    flex-direction: row; }
    quick-what-if .control-buttons .trade-button {
      margin: auto 0 auto auto; }

.lodge-collateral-component {
  display: block; }
  .lodge-collateral-component .progress {
    margin-bottom: 0; }
    .lodge-collateral-component .progress .progress-bar {
      color: black; }

unlodged-collateral {
  display: block; }

lodged-specific-cover {
  display: block; }

lodged-general-cover {
  display: block; }

.game-welcome-wizard .personal-step .has-validation-icon {
  position: relative; }
  .game-welcome-wizard .personal-step .has-validation-icon span {
    display: inline-block;
    position: absolute;
    top: calc(50% - 9px);
    right: 10px;
    height: 100%;
    font-size: 18px; }

.game-welcome-wizard .personal-step .tfOption:before {
  vertical-align: middle; }

.game-welcome-wizard .personal-step .radio-text {
  font-size: 20px;
  font-weight: 500;
  vertical-align: middle; }

.iinvest-welcome-wizard .personal-step .has-validation-icon {
  position: relative; }
  .iinvest-welcome-wizard .personal-step .has-validation-icon span {
    display: inline-block;
    position: absolute;
    top: calc(50% - 9px);
    right: 10px;
    height: 100%;
    font-size: 18px; }

.iinvest-welcome-wizard .personal-step .tfOption:before {
  vertical-align: middle; }

.iinvest-welcome-wizard .personal-step .radio-text {
  font-size: 16px;
  font-weight: 500;
  vertical-align: middle; }

.iv-welcome-wizard .personal-step .has-validation-icon {
  position: relative; }
  .iv-welcome-wizard .personal-step .has-validation-icon span {
    display: inline-block;
    position: absolute;
    top: calc(50% - 9px);
    right: 10px;
    height: 100%;
    font-size: 18px; }

.iv-welcome-wizard .personal-step .tfOption:before {
  vertical-align: middle; }

.iv-welcome-wizard .personal-step .radio-text {
  font-size: 20px;
  font-weight: 500;
  vertical-align: middle; }

#charting {
  position: relative; }
  #charting.multi-chart tf-stx-chart tf-chart-toolbar .title {
    display: none; }
  #charting .charting-main {
    width: calc(100% - 95px);
    float: left; }
    @media (max-width: 768px) {
      #charting .charting-main {
        width: 100%; } }
  #charting tf-iq-drawing-format {
    left: 50%;
    top: 20%; }

.sidebar-menu-left {
  width: 90px;
  padding: 5px;
  float: left;
  position: relative; }

.drawing-tools-container tf-chart-iq-drawing-tools {
  padding: 10px 0; }

.charting-view-disclaimer iinvest-disclaimer {
  margin-left: 86px;
  margin-right: 9px; }


/*# sourceMappingURL=app.css.map*/