@charset "UTF-8";
.space-out-0 {
  margin: 0rem !important; }

.space-out-t-0 {
  margin-top: 0rem !important; }

.space-out-r-0 {
  margin-right: 0rem !important; }

.space-out-b-0 {
  margin-bottom: 0rem !important; }

.space-out-l-0 {
  margin-left: 0rem !important; }

.space-in-0 {
  padding: 0rem !important; }

.space-in-t-0 {
  padding-top: 0rem !important; }

.space-in-r-0 {
  padding-right: 0rem !important; }

.space-in-b-0 {
  padding-bottom: 0rem !important; }

.space-in-l-0 {
  padding-left: 0rem !important; }

.space-out-1 {
  margin: 0.25rem !important; }

.space-out-t-1 {
  margin-top: 0.25rem !important; }

.space-out-r-1 {
  margin-right: 0.25rem !important; }

.space-out-b-1 {
  margin-bottom: 0.25rem !important; }

.space-out-l-1 {
  margin-left: 0.25rem !important; }

.space-in-1 {
  padding: 0.25rem !important; }

.space-in-t-1 {
  padding-top: 0.25rem !important; }

.space-in-r-1 {
  padding-right: 0.25rem !important; }

.space-in-b-1 {
  padding-bottom: 0.25rem !important; }

.space-in-l-1 {
  padding-left: 0.25rem !important; }

.space-out-2 {
  margin: 0.5rem !important; }

.space-out-t-2 {
  margin-top: 0.5rem !important; }

.space-out-r-2 {
  margin-right: 0.5rem !important; }

.space-out-b-2 {
  margin-bottom: 0.5rem !important; }

.space-out-l-2 {
  margin-left: 0.5rem !important; }

.space-in-2 {
  padding: 0.5rem !important; }

.space-in-t-2 {
  padding-top: 0.5rem !important; }

.space-in-r-2 {
  padding-right: 0.5rem !important; }

.space-in-b-2 {
  padding-bottom: 0.5rem !important; }

.space-in-l-2 {
  padding-left: 0.5rem !important; }

.space-out-3 {
  margin: 0.75rem !important; }

.space-out-t-3 {
  margin-top: 0.75rem !important; }

.space-out-r-3 {
  margin-right: 0.75rem !important; }

.space-out-b-3 {
  margin-bottom: 0.75rem !important; }

.space-out-l-3 {
  margin-left: 0.75rem !important; }

.space-in-3 {
  padding: 0.75rem !important; }

.space-in-t-3 {
  padding-top: 0.75rem !important; }

.space-in-r-3 {
  padding-right: 0.75rem !important; }

.space-in-b-3 {
  padding-bottom: 0.75rem !important; }

.space-in-l-3 {
  padding-left: 0.75rem !important; }

.space-out-4 {
  margin: 1rem !important; }

.space-out-t-4 {
  margin-top: 1rem !important; }

.space-out-r-4 {
  margin-right: 1rem !important; }

.space-out-b-4 {
  margin-bottom: 1rem !important; }

.space-out-l-4 {
  margin-left: 1rem !important; }

.space-in-4 {
  padding: 1rem !important; }

.space-in-t-4 {
  padding-top: 1rem !important; }

.space-in-r-4 {
  padding-right: 1rem !important; }

.space-in-b-4 {
  padding-bottom: 1rem !important; }

.space-in-l-4 {
  padding-left: 1rem !important; }

.space-out-5 {
  margin: 1.25rem !important; }

.space-out-t-5 {
  margin-top: 1.25rem !important; }

.space-out-r-5 {
  margin-right: 1.25rem !important; }

.space-out-b-5 {
  margin-bottom: 1.25rem !important; }

.space-out-l-5 {
  margin-left: 1.25rem !important; }

.space-in-5 {
  padding: 1.25rem !important; }

.space-in-t-5 {
  padding-top: 1.25rem !important; }

.space-in-r-5 {
  padding-right: 1.25rem !important; }

.space-in-b-5 {
  padding-bottom: 1.25rem !important; }

.space-in-l-5 {
  padding-left: 1.25rem !important; }

.space-out-6 {
  margin: 1.5rem !important; }

.space-out-t-6 {
  margin-top: 1.5rem !important; }

.space-out-r-6 {
  margin-right: 1.5rem !important; }

.space-out-b-6 {
  margin-bottom: 1.5rem !important; }

.space-out-l-6 {
  margin-left: 1.5rem !important; }

.space-in-6 {
  padding: 1.5rem !important; }

.space-in-t-6 {
  padding-top: 1.5rem !important; }

.space-in-r-6 {
  padding-right: 1.5rem !important; }

.space-in-b-6 {
  padding-bottom: 1.5rem !important; }

.space-in-l-6 {
  padding-left: 1.5rem !important; }

.avatar {
  overflow: hidden;
  display: inline-block;
  position: relative; }
  .avatar:not(.square) {
    border-radius: 50%; }

/*---  Site Specific Variables  --- */
/*---  Responsive Breakpoints  --- */
/*---  Colors  --- */
/*--- Colored Text --- */
/*---  Light Colors  --- */
/*--- Message BG --- */
.bubble.definition,
.bubble.stockoExplains {
  padding: 0.8em 1.2em 1em;
  border-radius: 4px;
  margin-right: 0; }
  @media only screen and (min-width: 768px) {
    .bubble.definition,
    .bubble.stockoExplains {
      margin-left: 70px; } }
  .bubble.definition:before,
  .bubble.stockoExplains:before {
    display: none; }
    @media only screen and (min-width: 768px) {
      .bubble.definition:before,
      .bubble.stockoExplains:before {
        display: block;
        position: absolute;
        pointer-events: none;
        content: "";
        visibility: visible;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 1em;
        height: 1em;
        top: 1.2em;
        left: -0.5em; } }
  .bubble.definition.definition,
  .bubble.stockoExplains.definition {
    background: #FAFAFA !important; }
    .bubble.definition.definition:before,
    .bubble.stockoExplains.definition:before {
      background: #FAFAFA !important; }
  .bubble.definition.stockoExplains,
  .bubble.stockoExplains.stockoExplains {
    background: #d8e7f0 !important; }
    .bubble.definition.stockoExplains:before,
    .bubble.stockoExplains.stockoExplains:before {
      background: #d8e7f0 !important; }

@media only screen and (max-width: 767px) {
  .definitionInfo .column {
    text-align: center;
    padding-bottom: 1em !important; } }

button.suggestion {
  color: #4183C4;
  border: none;
  background: none; }

.block,
.app-block {
  display: block !important; }

@media only screen and (max-width: 767px) {
  .blockPhone {
    display: block !important; } }

.show {
  display: none !important; }
  @media only screen and (max-width: 767px) {
    .show.phone {
      display: inline-block !important; } }
  @media only screen and (max-width: 767px) {
    .show.phone-flex {
      display: flex !important; } }
  @media only screen and (max-width: 767px) {
    .show.phone-block {
      display: block !important; } }
  @media only screen and (min-width: 1200px) {
    .show.desktop {
      display: inline-block !important; } }
  @media only screen and (min-width: 992px) {
    .show.small-monitor {
      display: inline-block !important; } }
  @media only screen and (min-width: 992px) {
    .show.desktop-flex {
      display: flex !important; } }
  @media only screen and (min-width: 992px) {
    .show.desktop-table {
      display: table-cell !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .show.just-tablet {
      display: table-cell !important; } }
  @media only screen and (min-width: 991px) {
    .show.tablet {
      display: inline-block !important; } }
  @media only screen and (min-width: 991px) {
    .show.tablet-flex {
      display: flex !important; } }
  @media only screen and (min-width: 768px) {
    .show.tablet-p {
      display: inline-block !important; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .show.tablet-p-to-l {
      display: block !important; } }
  @media only screen and (min-width: 768px) {
    .show.tablet-p-flex {
      display: flex !important; } }
  @media only screen and (min-width: 768px) {
    .show.tablet-p-table {
      display: table-cell !important; } }
  @media only screen and (max-width: 991px) {
    .show.up-to-tablet {
      display: flex !important; } }

@media only screen and (max-width: 767px) {
  .hide.phone {
    display: none !important; } }

@media only screen and (max-width: 767px) {
  .align.left.phone {
    text-align: left !important; }

  .align.right.phone {
    text-align: right !important; }

  .align.center.phone {
    text-align: center !important; } }
.belowZ {
  z-index: -1; }

.aboveZ {
  z-index: 1; }

.highZ {
  z-index: 9999; }

.i-table {
  display: inline-table !important; }

.invisible {
  visibility: hidden !important; }

.o-visible {
  overflow: visible !important; }

.transparent {
  background: rgba(255, 255, 255, 0) !important; }

.cover {
  background-size: cover; }

.bg-black {
  background: #333333 !important; }

.bg-background {
  background: #EFF2F9 !important; }

.bg-charcoal {
  background: #293140; }

.bg-slate {
  background: #39455d; }

.bg-offBlack {
  background: #222222; }

.bg-fullBlack {
  background: #222222; }

.bg-white {
  background: #FFFFFF !important; }

.bg-blue {
  background: #4776ba !important; }

.bg-lighterblue {
  background: #ebf0f7 !important; }

.bg-lighterred {
  background: rgba(208, 88, 89, 0.15) !important; }

.bg-lightergreen {
  background: rgba(159, 206, 106, 0.15) !important; }

.bg-green {
  background: #9fce6a !important; }

.bg-red {
  background: #d05859 !important; }

.hidden,
.app-hidden {
  overflow: hidden !important; }

.scroll {
  overflow: scroll !important; }

.scroll-x {
  overflow-x: auto !important; }

.hidden-x {
  overflow-x: hidden !important;
  overflow-y: visible !important; }

.hidden-y {
  overflow-y: hidden !important;
  overflow-x: visible !important; }

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

.wrap {
  white-space: normal !important; }

.nowrap,
.app-nowrap {
  white-space: nowrap; }

.mobile-wrap {
  white-space: normal; }
  @media only screen and (min-width: 768px) {
    .mobile-wrap {
      white-space: nowrap; } }

.i-block {
  display: inline-block; }

.clear {
  clear: both; }

.none {
  display: none !important; }

.flex {
  display: flex !important; }

.flexcol {
  flex-direction: column !important; }

.align-items-center {
  align-items: center !important; }

.justify-content-center {
  justify-content: center; }

.justify-content-between {
  justify-content: space-between; }

.align-self-center {
  align-self: center !important; }

.no-margin,
.app-no-margin {
  margin: 0 !important; }

.auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.no-padding,
.app-no-padding {
  padding: 0 !important; }

.pull-left,
.app-pull-left {
  float: left; }

.pull-right,
.app-pull-right {
  float: right !important; }

.pointer,
.app-clickable {
  cursor: pointer; }

.plain:hover, .plain:active, .plain:focus, .plain > *:hover, .plain > *:active, .plain > *:focus {
  text-decoration: none; }

.no-radius,
.app-no-radius {
  border-radius: 0 !important; }

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

.relative {
  position: relative; }

.absolute {
  position: absolute !important; }

.absolute-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.no-hover:hover {
  background: transparent !important; }

.m-t--5 {
  margin-top: -5px !important; }

.m-t-0 {
  margin-top: 0 !important; }

.m-t-1 {
  margin-top: 1px !important; }

.m-t-2 {
  margin-top: 2px !important; }

.m-t-3 {
  margin-top: 3px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-t-6 {
  margin-top: 6px !important; }

.m-t-7 {
  margin-top: 7px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.m-r-10 {
  margin-right: 10px !important; }

.m-r-0 {
  margin-right: 0px !important; }

.m-r-3 {
  margin-right: 3px !important; }

.m-r-5 {
  margin-right: 5px !important; }

.m-r-8 {
  margin-right: 8px !important; }

.m-r-15 {
  margin-right: 15px !important; }

.m-l-0 {
  margin-left: 0px !important; }

.m-l-3 {
  margin-left: 3px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-l-8 {
  margin-left: 8px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.m-b-0 {
  margin-bottom: 0 !important; }

.m-b-3 {
  margin-bottom: 3px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.p-t-0 {
  padding-top: 0px !important; }

.p-t-2 {
  padding-top: 2px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.p-t-7 {
  padding-top: 7px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.p-t-15 {
  padding-top: 15px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.p-b-0 {
  padding-bottom: 0px !important; }

.p-b-3 {
  padding-bottom: 3px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.p-b-1em {
  padding-bottom: 1em !important; }

.p-r-0,
.ui.table tbody td.p-r-0,
.ui.table thead th.p-r-0 {
  padding-right: 0px !important; }

.p-5 {
  padding: 5px !important; }

.p-10 {
  padding: 10px !important; }

.p-15 {
  padding: 15px !important; }

.p-30 {
  padding: 30px !important; }

.p-r-5 {
  padding-right: 5px !important; }

.p-r-10 {
  padding-right: 10px !important; }

.p-r-15 {
  padding-right: 15px !important; }

.p-r-30 {
  padding-right: 30px !important; }

.p-r-1em {
  padding-right: 1em !important; }

.p-l-0 {
  padding-left: 0px !important; }

.p-l-5 {
  padding-left: 5px !important; }

.p-l-7 {
  padding-left: 7px !important; }

.p-l-10 {
  padding-left: 10px !important; }

.p-l-15 {
  padding-left: 15px !important; }

.p-l-20 {
  padding-left: 20px !important; }

.p-l-1em {
  padding-left: 1em !important; }

.top1,
.top2,
.top3,
.top4,
.top5,
.top-1,
.top-2,
.top-3,
.top-4,
.top-5,
.top-6,
.top-8 {
  position: relative; }

.top1 {
  top: 1px; }

.top2 {
  top: 2px; }

.top3 {
  top: 3px; }

.top4 {
  top: 4px; }

.top5 {
  top: 5px; }

.top-1 {
  top: -1px; }

.top-2 {
  top: -2px; }

.top-3 {
  top: -3px; }

.top-4 {
  top: -4px; }

.top-5 {
  top: -5px; }

.top-6 {
  top: -6px; }

.top-8 {
  top: -8px; }

.full-width,
.app-full-width {
  width: 100% !important; }

.max-full-width,
.app-max-full-width {
  max-width: 100%; }

.max-w-small, .ui.header.max-w-small {
  max-width: 520px;
  margin: auto; }

.full-height,
.app-full-height {
  height: 100% !important; }

.max-500 {
  max-height: 500px; }

.max-w-600 {
  max-width: 600px; }

.max-w-800 {
  max-width: 800px; }

.no-wrap,
.app-keep-inline {
  white-space: nowrap; }

.borderless,
.no-border,
.app-borderless {
  border: none !important; }

.shadowless, .shadowless:hover,
.app-shadowless,
.app-shadowless:hover {
  box-shadow: none !important; }

.light-shadow {
  box-shadow: 1px 0 6px rgba(0, 0, 0, 0.15); }

.shadow {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); }

.hover-saturate {
  filter: saturate(0); }
  .hover-saturate:hover {
    filter: saturate(1); }

.hover-subtle {
  background: none; }
  .hover-subtle:hover {
    background: #FAFAFA; }

.global-border {
  border-color: rgba(34, 36, 38, 0.1) !important; }

.b-t-0 {
  border-top: none !important; }

.b-t-1 {
  border-top-width: 1px !important;
  border-top-style: solid !important; }

.b-b-0 {
  border-bottom: none !important; }

.b-b-1 {
  border-bottom: 1px solid; }

.b-l-0 {
  border-left: none !important; }

.b-r-0 {
  border-right: none !important; }

.b-l-1 {
  border-left-width: 1px !important;
  border-left-style: solid !important; }

.b-r-1 {
  border-right-width: 1px !important;
  border-right-style: solid !important; }

.border {
  border: 1px solid; }

.dashed {
  border: 2px dashed #e2e2e2; }

.wrap-padding {
  padding: 1em !important; }

.left-radius {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important; }

.mono {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }

.lato {
  font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif !important; }

.italic {
  font-style: italic; }

.crossed {
  text-decoration: line-through; }

.thin {
  font-weight: 300 !important; }

.normal {
  font-weight: normal !important; }

.bold {
  font-weight: bold !important; }

.underline, .link:hover {
  text-decoration: underline !important; }

.text-left,
.app-text-left {
  text-align: left !important; }

.text-right,
.app-text-right {
  text-align: right !important; }

.text-center,
.app-text-center {
  text-align: center !important; }

@media only screen and (max-width: 767px) {
  .text-left-mobile,
  .app-text-left-mobile {
    text-align: left !important; }

  .text-right-mobile,
  .app-text-right-mobile {
    text-align: right !important; }

  .text-center-mobile,
  .app-text-center-mobile {
    text-align: center !important; } }
.text-left {
  text-align: left !important; }

.blur {
  filter: blur(5px); }

.smallRem {
  font-size: 0.8rem !important; }

.midRem {
  font-size: 0.87rem !important; }

.mediumRem {
  font-size: 0.95rem !important; }

.mediumRem {
  font-size: 0.95rem !important; }

.rem {
  font-size: 1rem !important; }

.largeRem {
  font-size: 1.2rem !important; }

.extraLargeRem {
  font-size: 1.4rem !important; }

.hugeRem {
  font-size: 1.6rem !important; }

.lh-rem {
  line-height: 1rem !important; }

.lh-p {
  line-height: 1.5rem !important; }

.smallLH {
  line-height: 115% !important; }

.b-transparent {
  border-color: transparent !important; }

.v-top {
  vertical-align: top !important; }

.v-middle {
  vertical-align: middle !important; }

.v-middle-flex {
  display: flex;
  align-items: center; }

.capitalize {
  text-transform: capitalize !important; }

.uppercase {
  text-transform: uppercase !important; }

.normalize {
  text-transform: none !important; }

.hover-black:hover {
  color: #333333 !important; }
  .hover-black:hover .icof, .hover-black:hover a, .hover-black:hover .icof:before {
    color: #333333 !important; }

.hover-red:hover {
  color: #d05859 !important; }
  .hover-red:hover .icof, .hover-red:hover a, .hover-red:hover .icof:before {
    color: #d05859 !important; }

.hover-blue:hover {
  color: #4776ba !important; }
  .hover-blue:hover .icof, .hover-blue:hover a, .hover-blue:hover .icof:before {
    color: #4776ba !important; }

.hover-green:hover {
  color: #89B15A !important; }
  .hover-green:hover .icof, .hover-green:hover a, .hover-green:hover .icof:before {
    color: #89B15A !important; }

.hover-white:hover {
  color: #FFFFFF !important; }
  .hover-white:hover .icof, .hover-white:hover a, .hover-white:hover .icof:before {
    color: #FFFFFF !important; }

.hover-faded {
  opacity: 0.5 !important; }
  .hover-faded:hover {
    opacity: 1 !important; }

.faded {
  opacity: 0.7; }

.not-faded {
  opacity: 1 !important; }

.width-30 {
  width: 30px; }

.width-auto {
  width: auto !important; }

.no-background {
  background: none !important; }

.fatPadding {
  padding: 2em 0.5em !important; }
  @media only screen and (min-width: 768px) {
    .fatPadding {
      padding: 5em 0 !important; } }
  .fatPadding.p-b-0 {
    padding-bottom: 0 !important; }

.paddingHero {
  margin: 90px 0 140px; }

.hover-block {
  border-radius: 8px;
  cursor: pointer;
  transform: translateY(0px);
  transition: 0.3s; }
  .hover-block:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    transform: translateY(-3px);
    transition: 0.3s; }

.field.error, [fieldWrapper].error {
  position: relative; }

.roundel {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(71, 118, 186, 0.1);
  font-size: 60px;
  color: #4776ba;
  transition: background-color 0.25s ease-out; }

.draggable:not(.slick-list) {
  outline: 2px dashed #b0bec5;
  transition: all 0.25s; }

.dragover {
  outline: 2px dashed #1e88e5;
  background-color: rgba(30, 136, 229, 0.12); }

/*---  Site Specific Variables  --- */
/*---  Responsive Breakpoints  --- */
/*---  Colors  --- */
/*--- Colored Text --- */
/*---  Light Colors  --- */
/*--- Message BG --- */
/*---  Site Specific Variables  --- */
/*---  Responsive Breakpoints  --- */
/*---  Colors  --- */
/*--- Colored Text --- */
/*---  Light Colors  --- */
/*--- Message BG --- */
.icog {
  display: inline-block;
  vertical-align: top;
  width: 25px;
  height: 25px;
  background-size: 298px 221px;
  background-image: url("../../images/sprite.png?v1");
  background-repeat: no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .icog {
      background-image: url("../../images/sprite_x2.png?v1"); } }
  .icog.dashboard {
    background-position: 2px -23px; }
  .icog.directory {
    background-position: -26px -22px; }
  .icog.report {
    background-position: -76px -168px; }
  .icog.screens {
    background-position: -50px -20px; }
  .icog.strategies {
    background-position: -125px -198px; }
  .icog.trophy {
    background-position: -152px -198px; }
  .icog.sucker {
    background-position: -175px -199px; }
  .icog.venn {
    background-position: -1px -144px; }
  .icog.charts {
    background-position: -25px -144px; }
  .icog.channels {
    background-position: -50px -145px; }
  .icog.tools {
    background-position: -74px -22px; }
  .icog.discussion {
    background-position: -100px -22px; }
  .icog.help {
    background-position: -125px -24px; }
  .icog.stockologo {
    background-position: -250px -152px; }
  .icog.stock {
    background-position: -75px -147px;
    height: 21px; }
  .icog.certificate {
    background-position: -100px -149px;
    height: 19px; }
  .icog.top {
    background-position: -150px -123px; }
  .icog.performance {
    background-position: -150px -146px;
    height: 20px; }
  .icog.settings {
    background-position: -148px -22px; }
  .icog.play {
    background-position: -245px 0; }
  .icog.tick {
    background-position: -68px 2px; }
  .icog.cross {
    background-position: -39px -1px;
    height: 21px; }
  .icog.move {
    background-position: -274px -77px; }
  .icog.compare {
    background-position: -250px -22px; }
  .icog.calculator {
    background-position: -225px -22px; }
  .icog.diamond {
    background-position: -273px 3px; }
  .icog.magnify {
    background-position: -175px -22px; }
  .icog.piechart {
    background-position: -275px -22px; }
  .icog.barchart {
    background-position: -200px -22px; }
  .icog.listarrow {
    background-position: -197px -76px; }
  .icog.medal {
    background-position: -175px -142px; }
  .icog.pass {
    background-position: 0px -170px; }
  .icog.community {
    background-position: -199px -146px; }
  .icog.relatedglobe {
    background-position: -225px -147px; }
  .icog.redo {
    background-position: -275px -143px; }
  .icog.hat {
    background-position: -50px -168px; }
  .icog.support {
    background-position: -100px -168px; }
  .icog.padlock {
    background-position: -25px -168px; }
  .icog.closearrow {
    background-position: -250px -75px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease; }
  .icog.star {
    background-position: -147px -48px; }
    .icog.star.clicked {
      background-position: -122px -48px;
      animation: tada linear 1s;
      animation-iteration-count: 1;
      -webkit-animation: tada linear 1s;
      -webkit-animation-iteration-count: 1;
      -moz-animation: tada linear 1s;
      -moz-animation-iteration-count: 1;
      -o-animation: tada linear 1;
      -o-animation-iteration-count: 1;
      -ms-animation: tada linear 1s;
      -ms-animation-iteration-count: 1; }
  .icog.leftarrow {
    background-position: -225px -97px; }
  .icog.rightarrow {
    background-position: -197px -72px; }
  .icog.stockarrows {
    background-position: -201px -47px; }
  .icog.filter {
    background-position: -226px -47px; }
  .icog.notes {
    background-position: -47px -98px; }
  .icog.small_bell {
    background-position: -75px -100px; }
  .icog.warning {
    background-position: -97px -98px; }
  .icog.screenfolder {
    background-position: -251px -48px; }
  .icog.plus {
    background-position: -175px -48px; }
  .icog.brain {
    background-position: -273px -48px; }
  .icog.post {
    background-position: 0px -75px; }
  .icog.mortarboard {
    background-position: -149px -75px; }
  .icog.book {
    background-position: -175px -76px; }
  .icog.application {
    background-position: -24px -76px; }
  .icog.transaction {
    background-position: -50px -76px;
    height: 24px; }
  .icog.logout {
    background-position: -74px -76px; }
  .icog.pencil {
    background-position: 0px -119px; }
  .icog.location {
    background-position: -76px -122px; }
  .icog.commentbubble {
    background-position: -152px -123px; }
  .icog.clock {
    background-position: -102px -124px; }
  .icog.table {
    background-position: -201px -103px;
    height: 17px;
    width: 20px; }
  .icog.summary {
    background-position: -227px -103px;
    height: 17px;
    width: 20px; }
  .icog.chart {
    background-position: -253px -103px;
    height: 17px;
    width: 20px; }
  .icog.bubblechart {
    background-position: -277px -103px;
    height: 17px;
    width: 20px; }
  .icog.binoculars {
    background-position: -128px -99px; }
  .icog.calendar {
    background-position: -50px -122px; }
  .icog.bell {
    background-position: -48px -45px;
    height: 31px;
    width: 30px; }
  .icog.email {
    background-position: -123px -168px;
    height: 23px;
    width: 31px; }
  .icog.phone {
    background-position: -153px -166px;
    height: 31px;
    width: 25px; }
  .icog.search {
    background-position: 1px -99px;
    height: 18px;
    width: 21px; }
  .icog.folder {
    background-position: -87px -48px; }
  .icog.bigstar {
    background-position: -17px -45px;
    height: 31px;
    width: 32px; }
  .icog.bigHelp {
    background-position: -176px -168px;
    height: 31px;
    width: 32px; }
  .icog.world {
    background-position: -206px 1px; }
  .icog.buy {
    background-position: -224px -168px;
    height: 22px; }
  .icog.sell {
    background-position: -251px -168px;
    height: 22px; }
  .icog.dividend {
    background-position: -274px -168px; }
  .icog.split {
    background-position: -51px -201px; }
  .icog.company {
    background-position: -76px -201px; }
  .icog.deposit {
    background-position: -25px -200px; }
  .icog.withdrawal {
    background-position: 0px -200px; }
  .icog.risk {
    background-position: -201px -200px; }
  .icog.styles {
    background-position: -225px -200px; }
  .icog.constituents {
    background-position: -106px -201px;
    width: 11px;
    height: 22px; }
  .icog.smicon {
    width: 12px !important;
    height: 12px; }
    .icog.smicon.cross {
      background-position: -21px 0; }
    .icog.smicon.star {
      background-position: 0px -45px; }
    .icog.smicon.half {
      width: 6px; }
    .icog.smicon.whitetick {
      background-position: -5px -48px;
      width: 13px; }
    .icog.smicon.pencil {
      background-position: -2px -85px;
      background-size: 209px auto; }
  .icog.greentick {
    background-position: -24px -124px;
    width: 18px;
    height: 17px; }
  .icog.analysis {
    background-image: url("/assets/+modules/portfolio/images/analysisicons.png?v1");
    background-size: 382px 134px;
    width: 49px;
    height: 44px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .icog.analysis {
        background-image: url("/assets/+modules/portfolio/images/analysisicons_x2.png?v1"); } }
    .icog.analysis.overview {
      background-position: 0px -4px; }
    .icog.analysis.drivers {
      background-position: -60px -5px; }
    .icog.analysis.diversification {
      background-position: -126px -3px; }
    .icog.analysis.discipline {
      background-position: -198px -4px; }
    .icog.analysis.geographies {
      background-position: -263px -5px; }
    .icog.analysis.risk {
      background-position: -323px -2px; }
    .icog.analysis.sector {
      width: 22px;
      height: 22px; }
      .icog.analysis.sector.cyclicals {
        background-position: -1px -108px; }
      .icog.analysis.sector.defensives {
        background-position: -27px -108px; }
      .icog.analysis.sector.sensitives {
        background-position: -51px -108px; }
    .icog.analysis.industry {
      width: 26px;
      height: 28px; }
      .icog.analysis.industry.materials, .icog.analysis.industry.BMAT {
        background-position: -78px -104px; }
      .icog.analysis.industry.consumerCyc, .icog.analysis.industry.CYCS {
        background-position: -108px -104px; }
      .icog.analysis.industry.financials, .icog.analysis.industry.FINS {
        background-position: -139px -104px; }
      .icog.analysis.industry.consumerDef, .icog.analysis.industry.NCYC {
        background-position: -170px -104px; }
      .icog.analysis.industry.healthcare, .icog.analysis.industry.HECA {
        background-position: -200px -104px; }
      .icog.analysis.industry.utilities, .icog.analysis.industry.UTIL {
        background-position: -234px -104px; }
      .icog.analysis.industry.telecoms, .icog.analysis.industry.TCOM {
        background-position: -263px -104px; }
      .icog.analysis.industry.energy, .icog.analysis.industry.ENER {
        background-position: -293px -104px; }
      .icog.analysis.industry.industrials, .icog.analysis.industry.INDS {
        background-position: -321px -104px; }
      .icog.analysis.industry.technology, .icog.analysis.industry.TECH {
        background-position: -352px -104px; }

.navIcon {
  display: inline-block;
  vertical-align: top;
  width: 50px;
  height: 40px;
  background-image: url("/assets/images/nav_icons.png?v1");
  background-repeat: no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .navIcon {
      background-image: url("/assets/images/nav_icons_x2.png?v1"); } }
  .navIcon.screens {
    background-position: 0 -46px; }
  .navIcon.venn {
    background-position: 0 -88px; }
  .navIcon.discussion {
    background-position: 0 -130px; }

.active .icog.analysis.overview {
  background-position: 0px -53px; }
.active .icog.analysis.drivers {
  background-position: -60px -54px; }
.active .icog.analysis.diversification {
  background-position: -126px -54px; }
.active .icog.analysis.discipline {
  background-position: -198px -53px; }
.active .icog.analysis.geographies {
  background-position: -263px -54px; }
.active .icog.analysis.risk {
  background-position: -323px -51px; }

.ui.menu .item > i.icof {
  margin: 0; }

i.icon {
  font-style: normal; }
  i.icon:hover {
    text-decoration: none; }

.icon.delete:before {
  font-family: "icoFont";
  content: "";
  position: relative;
  top: 1px; }

.loading > .icof {
  visibility: hidden; }

/*** Credit cards ** */
.cardIcon {
  background-image: url("/assets/images/cards.png?v1");
  background-repeat: no-repeat;
  vertical-align: top;
  background-size: 100%; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .cardIcon {
      background-image: url("/assets/images/cards_x2.png?v1"); } }
  .cardIcon.visa {
    background-position: 0 0; }
  .cardIcon.mc {
    background-position: 0 -56px; }
  .cardIcon.dino {
    background-position: 0 -112px; }
  .cardIcon.dicl {
    background-position: 0 -168px; }
  .cardIcon.amex {
    background-position: 0 -223px; }
  .cardIcon.aapl {
    background-position: 0 -279px; }
  .cardIcon.paypal {
    background-position: 0 -335px; }
  .cardIcon.jcb {
    background-position: 0 -392px; }

/*** Social ** */
.socialIcon {
  background-image: url("/assets/conversion/images/socialicons.png?v1");
  background-repeat: no-repeat;
  width: 30px;
  height: 22px;
  display: block;
  overflow: hidden;
  text-indent: 999px;
  background-size: 150px 21px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .socialIcon {
      background-image: url("/assets/conversion/images/socialicons_x2.png?v1"); } }
  .socialIcon.facebook {
    background-position: 0 0; }
  .socialIcon.twitter {
    background-position: -29px 0; }
  .socialIcon.youtube {
    background-position: -60px 0; }
  .socialIcon.instagram {
    background-position: -90px 0; }
  .socialIcon.rss {
    background-position: -120px 0; }

.big.flag {
  background-image: url("/assets/images/bigflags.png?v1");
  height: 25px !important;
  width: 25px !important;
  border-radius: 50% !important;
  vertical-align: middle !important; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .big.flag {
      background-image: url("/assets/images/bigflags_x2.png?v1"); } }
  .big.flag:before {
    display: none !important; }
  .big.flag.gb {
    background-position: -687px -134px; }
  .big.flag.us {
    background-position: -682px -167px; }

@media only screen and (max-width: 767px) {
  #pageHeader {
    margin-top: -5px !important; } }
@media only screen and (max-width: 767px) {
  #pageHeader .eight.wide.column {
    padding-bottom: 0 !important; } }
@media only screen and (max-width: 767px) {
  #pageHeader .center.aligned.column {
    padding-top: 0 !important; } }

.app-border-t,
.app-border-r,
.app-border-b,
.app-border-l {
  border-style: solid !important;
  border-color: rgba(55, 80, 119, 0.125) !important;
  border-width: 0 !important; }

.app-border-t {
  border-top-width: 1px !important; }

.app-border-r {
  border-right-width: 1px !important; }

.app-border-b {
  border-bottom-width: 1px !important; }

.app-border-l {
  border-left-width: 1px !important; }

.app-clamp-2, .app-clamp-3, .app-clamp-4, .app-clamp-5 {
  overflow: hidden !important;
  display: -webkit-box !important;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical !important; }

.app-clamp-1 {
  display: block !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important; }

.app-clamp-2 {
  -webkit-line-clamp: 2; }

.app-clamp-3 {
  -webkit-line-clamp: 3; }

.app-clamp-4 {
  -webkit-line-clamp: 4; }

.app-clamp-5 {
  -webkit-line-clamp: 5; }

.space-out-0 {
  margin: 0rem !important; }

.space-out-t-0 {
  margin-top: 0rem !important; }

.space-out-r-0 {
  margin-right: 0rem !important; }

.space-out-b-0 {
  margin-bottom: 0rem !important; }

.space-out-l-0 {
  margin-left: 0rem !important; }

.space-in-0 {
  padding: 0rem !important; }

.space-in-t-0 {
  padding-top: 0rem !important; }

.space-in-r-0 {
  padding-right: 0rem !important; }

.space-in-b-0 {
  padding-bottom: 0rem !important; }

.space-in-l-0 {
  padding-left: 0rem !important; }

.space-out-1 {
  margin: 0.25rem !important; }

.space-out-t-1 {
  margin-top: 0.25rem !important; }

.space-out-r-1 {
  margin-right: 0.25rem !important; }

.space-out-b-1 {
  margin-bottom: 0.25rem !important; }

.space-out-l-1 {
  margin-left: 0.25rem !important; }

.space-in-1 {
  padding: 0.25rem !important; }

.space-in-t-1 {
  padding-top: 0.25rem !important; }

.space-in-r-1 {
  padding-right: 0.25rem !important; }

.space-in-b-1 {
  padding-bottom: 0.25rem !important; }

.space-in-l-1 {
  padding-left: 0.25rem !important; }

.space-out-2 {
  margin: 0.5rem !important; }

.space-out-t-2 {
  margin-top: 0.5rem !important; }

.space-out-r-2 {
  margin-right: 0.5rem !important; }

.space-out-b-2 {
  margin-bottom: 0.5rem !important; }

.space-out-l-2 {
  margin-left: 0.5rem !important; }

.space-in-2 {
  padding: 0.5rem !important; }

.space-in-t-2 {
  padding-top: 0.5rem !important; }

.space-in-r-2 {
  padding-right: 0.5rem !important; }

.space-in-b-2 {
  padding-bottom: 0.5rem !important; }

.space-in-l-2 {
  padding-left: 0.5rem !important; }

.space-out-3 {
  margin: 0.75rem !important; }

.space-out-t-3 {
  margin-top: 0.75rem !important; }

.space-out-r-3 {
  margin-right: 0.75rem !important; }

.space-out-b-3 {
  margin-bottom: 0.75rem !important; }

.space-out-l-3 {
  margin-left: 0.75rem !important; }

.space-in-3 {
  padding: 0.75rem !important; }

.space-in-t-3 {
  padding-top: 0.75rem !important; }

.space-in-r-3 {
  padding-right: 0.75rem !important; }

.space-in-b-3 {
  padding-bottom: 0.75rem !important; }

.space-in-l-3 {
  padding-left: 0.75rem !important; }

.space-out-4 {
  margin: 1rem !important; }

.space-out-t-4 {
  margin-top: 1rem !important; }

.space-out-r-4 {
  margin-right: 1rem !important; }

.space-out-b-4 {
  margin-bottom: 1rem !important; }

.space-out-l-4 {
  margin-left: 1rem !important; }

.space-in-4 {
  padding: 1rem !important; }

.space-in-t-4 {
  padding-top: 1rem !important; }

.space-in-r-4 {
  padding-right: 1rem !important; }

.space-in-b-4 {
  padding-bottom: 1rem !important; }

.space-in-l-4 {
  padding-left: 1rem !important; }

.space-out-5 {
  margin: 1.25rem !important; }

.space-out-t-5 {
  margin-top: 1.25rem !important; }

.space-out-r-5 {
  margin-right: 1.25rem !important; }

.space-out-b-5 {
  margin-bottom: 1.25rem !important; }

.space-out-l-5 {
  margin-left: 1.25rem !important; }

.space-in-5 {
  padding: 1.25rem !important; }

.space-in-t-5 {
  padding-top: 1.25rem !important; }

.space-in-r-5 {
  padding-right: 1.25rem !important; }

.space-in-b-5 {
  padding-bottom: 1.25rem !important; }

.space-in-l-5 {
  padding-left: 1.25rem !important; }

.space-out-6 {
  margin: 1.5rem !important; }

.space-out-t-6 {
  margin-top: 1.5rem !important; }

.space-out-r-6 {
  margin-right: 1.5rem !important; }

.space-out-b-6 {
  margin-bottom: 1.5rem !important; }

.space-out-l-6 {
  margin-left: 1.5rem !important; }

.space-in-6 {
  padding: 1.5rem !important; }

.space-in-t-6 {
  padding-top: 1.5rem !important; }

.space-in-r-6 {
  padding-right: 1.5rem !important; }

.space-in-b-6 {
  padding-bottom: 1.5rem !important; }

.space-in-l-6 {
  padding-left: 1.5rem !important; }

.app-svg-primary,
.app-svg-primary-group > * {
  fill: url(#svgPrimary) #4776ba; }

.app-svg-secondary,
.app-svg-secondary-group > * {
  fill: url(#svgSecondary) #FFFFFF; }

.app-link {
  color: #4776ba;
  cursor: pointer; }
  .app-link:hover {
    text-decoration: none;
    color: #2a4771; }

.app-inverted-link, .app-inverted-link:hover, .app-inverted-link:active, .app-inverted-link:visited {
  color: #FFFFFF;
  cursor: pointer;
  font-weight: bold; }

.app-silent-link, .app-silent-link:hover, .app-silent-link:active, .app-silent-link:visited {
  color: #333333;
  text-decoration: none;
  cursor: pointer; }

.app-align-left {
  text-align: left !important; }

.app-align-right {
  text-align: right !important; }

.app-align-center {
  text-align: center !important; }

@media only screen and (max-width: 767px) {
  .app-align-left-mobile-only {
    text-align: left !important; }

  .app-align-right-mobile-only {
    text-align: right !important; }

  .app-align-center-mobile-only {
    text-align: center !important; } }
@media only screen and (min-width: 768px) {
  .app-align-left-tablet {
    text-align: left !important; }

  .app-align-right-tablet {
    text-align: right !important; }

  .app-align-center-tablet {
    text-align: center !important; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .app-align-left-tablet-only {
    text-align: left !important; }

  .app-align-right-tablet-only {
    text-align: right !important; }

  .app-align-center-tablet-only {
    text-align: center !important; } }
@media only screen and (min-width: 992px) {
  .app-align-left-small-monitor {
    text-align: left !important; }

  .app-align-right-small-monitor {
    text-align: right !important; }

  .app-align-center-small-monitor {
    text-align: center !important; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .app-align-left-small-monitor-only {
    text-align: left !important; }

  .app-align-right-small-monitor-only {
    text-align: right !important; }

  .app-align-center-small-monitor-only {
    text-align: center !important; } }
@media only screen and (min-width: 1200px) {
  .app-align-left-large-monitor {
    text-align: left !important; }

  .app-align-right-large-monitor {
    text-align: right !important; }

  .app-align-center-large-monitor {
    text-align: center !important; } }
.app-positive-copy, .green:not(.button) {
  color: #228745 !important; }

.c-green {
  color: #228745 !important; }

.app-negative-copy, .red:not(.button) {
  color: #d05859 !important; }

.app-warning-copy {
  color: #f0ad4e; }

.app-inverted-copy, .c-white {
  color: #FFFFFF !important; }

.app-default-copy {
  color: #333333 !important; }

.app-grey-copy, .c-grey {
  color: #888888 !important; }

.app-blue-copy, .c-blue {
  color: #4776ba !important; }

.ui.green.button {
  background: #228745 !important; }

.app-h1 {
  font-size: 2rem; }

.app-h2 {
  font-size: 1.7142857143rem; }

.app-h3 {
  font-size: 1.2857142857rem; }

.app-h4 {
  font-size: 1.0714285714rem; }

.app-h5 {
  font-size: 1rem; }

.app-paragraph {
  line-height: 1.3;
  font-size: 1rem; }

.app-small {
  font-size: 85%; }

.app-unimportant {
  opacity: 0.5 !important; }

.app-shoutout {
  text-transform: uppercase;
  font-weight: bold; }

.app-loading {
  animation: loadingCopy 0.3s infinite alternate;
  transition: opacity 0.3s; }

@keyframes loadingCopy {
  from {
    opacity: 0.3; }
  to {
    opacity: 0.7; } }
.app-hypenate {
  word-break: break-all; }
@supports(hyphens: auto) {
  .app-hypenate {
    word-break: normal;
    hyphens: auto; } }
.app-hide {
  display: none !important; }

.app-show {
  display: block !important; }

@media only screen and (max-width: 767px) {
  .app-show-mobile-only {
    display: block !important; }

  .app-hide-mobile-only {
    display: none !important; } }
@media only screen and (min-width: 768px) {
  .app-show-tablet {
    display: block !important; }

  .app-hide-tablet {
    display: none !important; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .app-show-tablet-only {
    display: block !important; }

  .app-hide-tablet-only {
    display: none !important; } }
@media only screen and (min-width: 992px) {
  .app-show-small-monitor {
    display: block !important; }

  .app-hide-small-monitor {
    display: none !important; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .app-show-small-monitor-only {
    display: block !important; }

  .app-hide-small-monitor-only {
    display: none !important; } }
@media only screen and (min-width: 1200px) {
  .app-show-large-monitor {
    display: block !important; }

  .app-hide-large-monitor {
    display: none !important; } }
.app-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: -0.5rem; }
  .app-wrapper > * {
    margin-right: 0.5rem !important;
    margin-top: 0.5rem !important; }

.app-wrapper--squashed,
.app-wrapper--squashed > * {
  margin-top: 0 !important; }

.app-wrapper--center {
  justify-content: center; }

.app-wrapper--middle {
  align-items: center; }

.app-buttons-wrapper {
  margin: -0.25rem 0 0 -0.25rem; }
  .app-buttons-wrapper .button {
    margin: 0.25rem 0 0 0.25rem !important; }

.app-actions-dropdown {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #4776ba;
  cursor: pointer; }
  .app-actions-dropdown > * {
    margin-left: 0.25rem; }

.app-browser-warning {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10000; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .app-browser-warning {
    display: block !important; } }
.app-chips {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: -0.5rem 0 0;
  padding: 0; }

.app-chips__item {
  margin-top: 0.5rem;
  padding: 0.2666666667rem;
  display: flex;
  align-items: center;
  background: #EFF2F9;
  border-radius: 100px;
  color: #293140;
  cursor: pointer; }
  .app-chips__item:focus, .app-chips__item:hover, .app-chips__item:active {
    background: #dce3f2; }
  .app-chips__item:focus {
    outline: none; }

.app-chips__item,
.app-chips__state {
  transition: all 0.1s, transform 0.3s; }

.app-chips__image {
  flex: 0 0 1.6rem;
  height: 1.6rem;
  width: 1.6rem;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  border-radius: 100px; }

.app-chips__image--placeholder {
  flex-basis: 0;
  width: 0; }

.app-chips__flag {
  width: 100%;
  display: block; }

.app-chips__details {
  margin: 0 0.75rem;
  font-size: 0.9rem;
  line-height: 1.1;
  text-align: left;
  overflow: hidden; }

.app-chips__name,
.app-chips__meta {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.app-chips__name {
  font-weight: bold; }

.app-chips__state {
  margin: 0.2666666667rem 0.2666666667rem 0.2666666667rem auto;
  width: 1.2rem;
  height: 1.2rem;
  font-size: 1.2rem;
  color: #4776BA;
  transform: rotate(90deg); }

.app-chips__item--large {
  padding: 0.5333333333rem; }
  .app-chips__item--large .app-chips__details {
    font-size: 1rem; }
  .app-chips__item--large .app-chips__image {
    flex-basis: 2.1333333333rem;
    height: 2.1333333333rem; }
  .app-chips__item--large .app-chips__state {
    margin-right: 0.2666666667rem;
    width: 1.6rem;
    height: 1.6rem;
    font-size: 1.6rem; }

.app-chips__item--selected, .app-chips__item--selected:hover {
  background: #018e39;
  color: #FFFFFF;
  box-shadow: 0 2px 8px rgba(1, 142, 57, 0.5); }
.app-chips__item--selected:focus {
  background: #01752f; }
.app-chips__item--selected .app-chips__state {
  transform: rotate(0);
  color: #FFFFFF; }

@media only screen and (orientation: landscape) {
  .app-chips--horizontal {
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: -0.5rem;
    margin-left: -0.5rem; }
    .app-chips--horizontal .app-chips__item {
      margin-top: 0.5rem;
      margin-left: 0.5rem;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: calc((100% / 2) - 0.5rem); } }
@media only screen and (min-width: 992px) {
  .app-chips--horizontal .app-chips__item {
    flex-basis: calc((100% / 3) - 0.5rem); } }
@media only screen and (min-width: 1200px) {
  .app-chips--horizontal .app-chips__item {
    flex-basis: calc((100% / 3) - 0.5rem); } }

@media only screen and (min-width: 768px) {
  .app-chips--inline .app-chips__item {
    flex-basis: auto; } }
@media only screen and (min-width: 992px) {
  .app-chips--inline .app-chips__item {
    flex-basis: auto; } }
@media only screen and (min-width: 1200px) {
  .app-chips--inline .app-chips__item {
    flex-basis: auto; } }

.app-column {
  display: flex;
  flex-direction: column;
  height: 100%; }

.app-column__segment--stretch {
  flex: 1; }

.app-grid {
  display: flex; }

.app-grid--wrappable {
  flex-wrap: wrap; }

.app-grid--center {
  align-items: center; }

.app-grid__column {
  flex: 1; }

.app-grid__column--narrow {
  flex: 0 1 auto; }

@media only screen and (max-width: 767px) {
  .app-grid--stackable {
    flex-direction: column;
    align-items: flex-start; }
    .app-grid--stackable .app-grid__column {
      width: 100%; }
    .app-grid--stackable .app-grid__column + .app-grid__column {
      margin-top: 1rem; } }
.app-horizontal-list {
  border: 1px solid rgba(41, 49, 64, 0.2);
  border-radius: 8px; }

.app-horizontal-list__row + .app-horizontal-list__row {
  border-top: 1px solid rgba(41, 49, 64, 0.2); }

.app-horizontal-list__item {
  padding: 1rem; }

@media only screen and (max-width: 767px) {
  .app-horizontal-list__item + .app-horizontal-list__item {
    border-top: 1px solid rgba(41, 49, 64, 0.2); } }
@media only screen and (min-width: 768px) {
  .app-horizontal-list__row {
    display: flex;
    flex-wrap: wrap; }

  .app-horizontal-list__item {
    flex: 1 1 33.3333333333%; }
    .app-horizontal-list__item + .app-horizontal-list__item {
      margin-left: -1px;
      border-left: 1px solid rgba(41, 49, 64, 0.2); } }
.app-image-cover {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background-size: cover;
  background-position: center center; }

.app-image-cover--round {
  border-radius: 50rem; }

.app-image-cover--mini {
  width: 0.8rem;
  height: 0.8rem; }

.app-image-cover--tiny {
  width: 1.6rem;
  height: 1.6rem; }

.app-image-cover--small {
  width: 2.1333333333rem;
  height: 2.1333333333rem; }

.app-image-cover--large {
  width: 3.2rem;
  height: 3.2rem; }

.app-image-cover--big {
  width: 4rem;
  height: 4rem; }

.app-image-cover--huge {
  width: 4.8rem;
  height: 4.8rem; }

.app-image-cover--massive {
  width: 5.6rem;
  height: 5.6rem; }

.app-label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: bold;
  opacity: 0.7; }

.app-masonry__item + .app-masonry__item {
  margin-top: 1.5rem; }

@media only screen and (min-width: 768px) {
  .app-masonry {
    columns: 3; }

  .app-masonry__item {
    break-inside: avoid-column; }
    .app-masonry__item + .app-masonry__item {
      margin-top: 1.5rem; } }
/*---  Site Specific Variables  --- */
/*---  Responsive Breakpoints  --- */
/*---  Colors  --- */
/*--- Colored Text --- */
/*---  Light Colors  --- */
/*--- Message BG --- */
.app-stream {
  display: flex;
  flex-direction: column;
  position: relative; }
  .app-stream::before {
    position: absolute;
    top: 0;
    left: calc(0.5rem - 1px);
    bottom: 0;
    height: 100%;
    width: 0;
    border-left: 1px dashed rgba(55, 80, 119, 0.25);
    content: ""; }

.app-stream__item {
  padding-left: 1.5rem; }
  .app-stream__item + .app-stream__item {
    margin-top: 0.5rem; }

.app-stream__item--active {
  position: relative; }
  .app-stream__item--active::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1rem;
    height: 1rem;
    background: #4776ba;
    border-radius: 100px;
    box-shadow: 0 0 0 2px #4776ba inset, 0 0 0 3px #FFFFFF inset;
    content: "";
    transform: translateY(-50%); }

#intercom-container {
  z-index: 1000000 !important; }

@media only screen and (max-width: 767px) {
  .intercom-launcher-frame {
    display: none !important; } }
*[hidden] {
  display: none !important; }

ui-renderer {
  display: none; }

html {
  font-size: 15px;
  width: 100%;
  height: 100%; }

body {
  background-color: #EFF2F9; }

.ui.blue.label,
.ui.blue.button:not(.basic) {
  background: #4776BA !important; }

.ui.basic.blue.button {
  color: #4776BA !important;
  box-shadow: 0 0 0 1px #4776BA inset !important; }

.ui.list .list > a.item:not(.c-white), .ui.list > a.item:not(.c-white) {
  color: #4776BA !important; }

.breadcrumbs {
  background: rgba(41, 49, 64, 0.05);
  display: flex;
  justify-content: space-between;
  height: 2.2rem;
  margin: -13px -15px 15px !important; }
  .breadcrumbs .wrapper {
    will-change: transform;
    white-space: nowrap;
    width: 100%;
    overflow: scroll; }
    .breadcrumbs .wrapper::-webkit-scrollbar {
      display: none; }

.breadcrumbs__list {
  width: 100%;
  display: block;
  padding: 0.25rem 0; }

.breadcrumbs__link {
  margin: 0 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  line-height: 2;
  white-space: nowrap;
  font-size: 0.8rem; }
  .breadcrumbs__link:first-child {
    margin-left: 1rem; }

.breadcrumbs__separator {
  color: #697C99;
  font-size: 0.5rem;
  display: inline-block;
  vertical-align: middle;
  line-height: 2;
  white-space: nowrap; }

.stockreport-header__image-column {
  position: relative; }

.stockreport-header__image {
  margin-right: 0.75rem; }

.stockreport-header__ticker {
  font-weight: 400;
  opacity: 0.5; }

.ui.statistic.stockreport-header__statistic > .value {
  font-size: 0.9rem !important; }

@media only screen and (max-width: 767px) {
  .stockreport-header__statistic:not(:first-child) {
    margin-left: 1rem !important; } }

.stockreport-header__table td {
  padding: 0.5rem 0 !important; }

@media only screen and (max-width: 767px) {
  .statisticWrapper {
    margin-left: -74px; } }

.ranks {
  background: #f0f3f7;
  border-radius: 0.53333333rem;
  padding-top: 0.25rem; }

.ranks__line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.15rem 0.5rem 0.15rem 1rem; }

.ranks__label {
  flex: 1; }

.ranks__rank {
  flex: 0 0 auto; }

.ranks__line--emphasise {
  background: rgba(55, 80, 119, 0.1);
  border-radius: 0 0 0.53333333rem 0.53333333rem;
  margin-top: 0.25rem;
  padding: 0.5rem 0.5rem 0.5rem 1rem; }

.stockreportMenu {
  overflow-x: scroll; }
  .stockreportMenu::-webkit-scrollbar {
    display: none; }

.ui.menu.chart__menu {
  margin: -5px 0px -2px 0; }
  .ui.menu.chart__menu .item {
    padding: 0.2em 0.533333em !important; }
  .ui.menu.chart__menu.active {
    color: #FFFFFF !important;
    background: #4776BA; }

#chart-placeholder {
  min-height: 250px;
  height: calc(100% - 32px);
  padding-right: 15px; }

.chart__share-price {
  height: 70%;
  border-right: 2px solid #f0f3f7;
  border-bottom: 1px solid #f0f3f7;
  background: url(../../images/share_price_blurred.jpg) no-repeat bottom right;
  background-size: cover; }
  .chart__share-price:after {
    content: "Share Price";
    display: block;
    position: absolute;
    top: 50%;
    right: -43px;
    transform: rotate(-90deg);
    font-size: 0.8rem;
    margin-top: -20px; }

.chart__stockrank {
  margin-top: 5%;
  height: 25%;
  border-right: 2px solid #f0f3f7;
  border-bottom: 1px solid #f0f3f7; }
  .chart__stockrank:after {
    content: "StockRank™";
    display: block;
    position: absolute;
    top: 50%;
    right: -46px;
    transform: rotate(-90deg);
    font-size: 0.8rem;
    margin-top: -13px; }

.chart__stockrank-bullish,
.chart__stockrank-bearish {
  height: 25%;
  background: #c6efb4;
  width: 100%;
  padding: 0 4px;
  font-size: 0.7rem;
  top: 0; }

.chart__stockrank-bearish {
  background: #efcbc5;
  top: auto;
  bottom: 0; }

.chart__share-line {
  position: absolute;
  width: 100%;
  border-bottom: 1px solid #f0f3f7;
  padding: 1px 5px;
  font-size: 0.7rem;
  text-align: right; }
  .chart__share-line.chart-line-1 {
    top: calc(20% - 20px); }
  .chart__share-line.chart-line-2 {
    top: calc(40% - 20px); }
  .chart__share-line.chart-line-3 {
    top: calc(60% - 20px); }
  .chart__share-line.chart-line-4 {
    top: calc(80% - 20px); }

.ratios__table {
  margin: 0 !important; }

.ratios__table:not(:last-child), .ratios__table:not(:last-child) th {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.ratios__table + .ratios__table, .ratios__table + .ratios__table th {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top: 0 !important; }

.ratios__progress .bar {
  opacity: 0 !important; }

.ratios__progress .icof-lock {
  top: -2px;
  left: 50%;
  margin-left: -6px; }

.rainbowBar {
  border-radius: 15px;
  height: 1em;
  background: #d05c58;
  background: linear-gradient(to right, #d05c58 0, #e8ba5b 26%, #e9e25c 53%, #cfe25b 67%, #badd5a 87%, #9dcf58 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d05c58', endColorstr='#9dcf58', GradientType=1); }

.rainbowArrows, .bankruptcyArrows {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 0.3rem; }

.bankruptcyBar {
  border-radius: 15px;
  height: 1em;
  background: linear-gradient(to right, #d05c58 0, #d05c58 18%, #d0d0d0 21%, #d0d0d0 21%, #d0d0d0 39%, #9bcf58 42%, #9bcf58 42%, #9bcf58 100%); }

#mapPlaceholder {
  background: url(../../images/maps_placeholder.jpg) no-repeat bottom right;
  background-size: cover;
  width: 100%;
  max-height: 282px;
  height: 100%;
  padding: 15px; }
  #mapPlaceholder .zoom {
    bottom: 15px;
    right: 15px; }
    #mapPlaceholder .zoom .ui.segment {
      padding-top: 10px !important;
      padding-bottom: 10px !important; }

.ui.button.unlockButton {
  border-radius: 60px !important;
  box-shadow: 0 0 0 1px #cdd3dd inset, 0 3px 9px rgba(0, 0, 0, 0.1) !important;
  padding: 6px 0px 2px 8px !important;
  background: #FFFFFF !important; }
  .ui.button.unlockButton img {
    width: 60px !important;
    height: 60px !important; }
  .ui.button.unlockButton .text {
    top: -24px;
    position: relative;
    padding-left: 5px;
    padding-right: 18px; }
  .ui.button.unlockButton:hover {
    background: #e2e2e2 !important; }
    .ui.button.unlockButton:hover span {
      text-decoration: underline; }

stockreport-graphical-history .unlockButton,
stockreport-meter .unlockButton,
performance-chart .unlockButton,
.dividendChart .unlockButton {
  position: absolute;
  top: 50%;
  margin-top: -36px !important;
  margin-left: -36px !important; }

/* Dividends */
table.ui.selectable.table.dividends {
  border-radius: 0 !important;
  border: 0 !important;
  margin: 0 !important; }
  table.ui.selectable.table.dividends caption {
    padding: 10px 0;
    font-weight: bold; }
  table.ui.selectable.table.dividends tbody tr:nth-child(n+6) td {
    filter: blur(3px); }
  table.ui.selectable.table.dividends tbody tr#divEmpty:hover {
    background: transparent !important; }

.dividendTableLock {
  position: absolute;
  margin-top: 220px !important;
  margin-left: -36px !important;
  z-index: 999; }

/* News */
.ui.action.tight.segment {
  padding: 0.7rem !important; }

.newsContent {
  max-width: 750px;
  margin: auto auto 40px;
  padding-top: 0 !important;
  font-size: 1.2rem !important;
  line-height: 1.748em;
  overflow: auto; }
  @media only screen and (min-width: 768px) {
    .newsContent {
      padding: 1em 2.5em !important; } }

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem 0;
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  background: #fff;
  font-weight: 400;
  border: 1px solid rgba(34, 36, 38, 0.15);
  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  min-height: 2.85714286em; }
  .pagination ul {
    list-style: none; }
  .pagination li {
    position: relative;
    vertical-align: middle;
    line-height: 1;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: 0 0;
    padding: 0.92857143em 1.14285714em;
    text-transform: none;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 400;
    -webkit-transition: background 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: background 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
    transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
    transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .pagination li.active {
      background: rgba(0, 0, 0, 0.05);
      color: rgba(0, 0, 0, 0.95);
      font-weight: 400;
      -webkit-box-shadow: none;
      box-shadow: none; }

/** Index Report */
#indexTableSegment #display .box-header {
  display: none !important; }

i.flag.usotc:before {
  background-position: -72px -1950px; }

#exchangePagination .pagination {
  display: inline-flex !important; }

@media only screen and (max-width: 767px) {
  #tableScroller {
    width: 100%;
    overflow: scroll; }
    #tableScroller::-webkit-scrollbar {
      display: none; }
    #tableScroller table tr td a {
      white-space: nowrap; } }

.stockreport-financial-summary {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px; }

.stockreport-financial-summary__brief {
  background: rgba(239, 242, 249, 0.6); }

.spot-1, .spot-2, .spot-3, .spot-4, .spot-5 {
  padding: 0.4em !important;
  line-height: 1em;
  text-align: center;
  border-radius: 500rem;
  min-width: 0.7rem;
  min-height: 0.7rem;
  top: 1px;
  display: inline-block;
  line-height: 1;
  vertical-align: baseline;
  margin: 0 0.13333333em;
  background-image: none;
  text-transform: none;
  font-weight: normal;
  border: 0 solid transparent;
  -webkit-transition: background 0.1s ease;
  transition: background 0.1s ease;
  position: relative; }

.spot-1, .peBar-1 > .bar {
  background: #cc4752 !important; }

.spot-2, .peBar-2 > .bar {
  background: #d97d30 !important; }

.spot-3, .peBar-3 > .bar {
  background: #f0c54b !important; }

.spot-4, .peBar-4 > .bar {
  background: #4aa843 !important; }

.spot-5, .peBar-5 > .bar {
  background: #228745 !important; }

.darkCyberBG {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0; }

.cyberHeader {
  flex-wrap: wrap; }
  .cyberHeader > a.relative {
    flex: 0 0 100%;
    align-self: flex-start; }
  .cyberHeader > div.relative {
    flex: 0 0 100%;
    align-self: flex-end; }

/**** Features *** */
#featureMenu {
  min-width: calc(110px * 6); }
  #featureMenu .item {
    display: block !important;
    min-width: 110px; }

@media only screen and (max-width: 767px) {
  .phoneScroller {
    width: calc(100% + 15px);
    overflow: scroll; }
    .phoneScroller::-webkit-scrollbar {
      display: none; } }

.featureIcon {
  display: block;
  width: 128px;
  min-width: 128px;
  height: 87px;
  margin: 0 auto 10px;
  background-size: 896px 87px;
  background-image: url("../../images/feature_sprite.png?v1");
  background-repeat: no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .featureIcon {
      background-image: url("../../images/feature_sprite_x2.png?v1"); } }
  .featureIcon.stockranks {
    background-position: -130px 0; }
  .featureIcon.screeners {
    background-position: -258px 0; }
  .featureIcon.portfolios {
    background-position: -386px 0; }
  .featureIcon.discussions {
    background-position: -512px 0; }
  .featureIcon.tools {
    background-position: -641px 0; }
  .featureIcon.data {
    background-position: -771px 0; }

@media only screen and (min-width: 768px) {
  .page-header__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin: -1rem 0 0 -1rem; } }

.page-header__content {
  display: flex; }
  @media only screen and (min-width: 768px) {
    .page-header__content {
      min-width: 12rem;
      flex: 1;
      margin: 1rem 0 0 1rem; } }
  .page-header__content .ui.header {
    display: flex;
    align-items: flex-start; }
    @media only screen and (min-width: 768px) {
      .page-header__content .ui.header {
        width: 100%; } }

.page-header__options {
  margin-top: 1rem; }
  @media only screen and (min-width: 768px) {
    .page-header__options {
      margin: 1.9rem 0 0 1rem;
      flex: 0 0 auto; } }

.ui.table.discussion-table__table-view thead th {
  padding: 0.63333333em 0.8em; }

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

.vote-count--vertical {
  flex-direction: column; }

.vote-count__button {
  cursor: pointer;
  color: #9ba7bb;
  display: flex;
  align-items: center;
  justify-content: center; }

.vote-count__icon {
  font-size: 1.5rem; }

.vote-count__votes {
  line-height: 1;
  color: rgba(41, 49, 64, 0.5); }

.vote-count__button--voted-up {
  color: #228745; }

.vote-count__button--voted-down {
  color: #b33e48; }

.discussion-table-author {
  width: 150px;
  display: flex;
  align-items: center; }

.discussion-table-author__image {
  flex: 0 0 auto;
  padding-right: 0.5rem; }

.discussion-table-author__details {
  font-size: 85%;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden; }

.discussion-table-author__link {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; }

.discussion-table-unread__count {
  display: flex;
  justify-content: center; }

.discussion-table-unread__count,
.discussion-comments__count {
  position: relative;
  box-shadow: 0 0 0 2px #fff;
  border-radius: 100px;
  min-width: 24px;
  height: 24px;
  padding: 0.2rem 0.3rem 0.25rem;
  background: #697c99;
  color: #fff;
  text-align: center;
  line-height: 1.15rem;
  font-size: 85%; }

.discussion-table-unread__count--active {
  background: #b33e48; }

.discussion-comments,
.discussion-table-unread {
  display: flex;
  align-items: center;
  justify-content: flex-end; }

.discussion-comments__avatar {
  display: flex;
  justify-content: center; }

.discussion-comments__avatar + .discussion-comments__avatar, .discussion-comments__avatar + .discussion-comments__count {
  margin-left: -0.25rem; }

.discussion-comments__count--active {
  background: #4776BA !important;
  color: #fff;
  line-height: 1.15rem; }

.article-section {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: 100%; }
  @media only screen and (min-width: 768px) {
    .article-section {
      padding: 1.5rem 2rem !important; } }
  @media only screen and (min-width: 992px) {
    .article-section {
      padding: 2rem 3.5rem !important; } }

.article-section__vote {
  flex: 0 0 auto;
  padding-right: 1rem; }

.article-section__content {
  flex: 0 1 45rem;
  font-size: 110%;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .article-section__content {
      flex: 1; } }

.article-section__meta {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: -0.25rem 0 0 -0.25rem;
  font-size: 90%; }

.article-section__meta-column {
  margin: 0.25rem 0 0 0.25rem; }

.articleBody h1 {
  font-size: 1.5rem !important; }

.articleBody img {
  display: block;
  position: relative;
  vertical-align: middle;
  max-width: 100%;
  background-color: transparent;
  height: auto !important; }

.articleBody li {
  margin-bottom: 10px; }

.ui.comments .comment .avatar {
  display: block;
  width: 2.5em;
  height: auto;
  float: left;
  margin: 0.2em 0em 0em; }
.ui.comments .comment .author {
  font-size: 1em;
  color: rgba(0, 0, 0, 0.87);
  font-weight: bold;
  cursor: pointer; }
.ui.comments .comment .metadata {
  display: inline-block;
  margin-left: 0.5em;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.875em; }
.ui.comments .comment .text {
  margin: 0.25em 0em 0.5em;
  font-size: 1em;
  word-wrap: break-word;
  color: rgba(0, 0, 0, 0.87);
  line-height: 1.3; }

article-actions {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: -0.25rem 0 0 -0.25rem; }
  article-actions .vote-count {
    display: block; }
    article-actions .vote-count .vote-count__button {
      top: 5px;
      display: inline-block; }

.article-actions__column {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex: 0 0 auto;
  margin: 0.25rem 0 0 0.25rem; }

.article-actions__action {
  padding: 0.5rem; }

.badges {
  display: inline-flex;
  align-items: center;
  vertical-align: middle; }

.badges--embed {
  background: #f0f3f7;
  border-radius: 100px;
  padding: 0.25rem 1rem 0.25rem 0.5rem; }

.badges__label {
  margin-left: 0.25rem;
  color: rgba(41, 49, 64, 0.75);
  font-size: 0.8rem;
  font-weight: 700; }

.unlockArticle {
  padding: 215px 0 0;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 54%, #ffffff 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 54%, #ffffff 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 54%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  margin-top: -190px;
  display: block;
  z-index: 999;
  position: relative; }

.like-button,
.like-button__content {
  display: inline-flex; }

.like-button {
  --like-button-icon-color: rgba(0, 0, 0, 0.38);
  --like-button-icon-fill-color: transparent;
  border: 0;
  background: none; }
  .like-button :hover {
    --like-button-icon-color: #385e96; }

.like-button--has-likes {
  --like-button-icon-color: #4776ba; }

.like-button--is-liked {
  --like-button-icon-fill-color: var(--like-button-icon-color); }
  .like-button--is-liked .like-button__content:focus .like-button-icon {
    -webkit-animation: like 0.4s;
    animation: like 0.4s;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
    -webkit-animation-timing-function: cubic-bezier(0, 1, 0.75, 1);
    animation-timing-function: cubic-bezier(0, 1, 0.75, 1); }

.like-button__content {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  offset: none; }

.like-button--is-inline .like-button__content {
  flex-direction: row;
  align-items: center;
  justify-content: flex-end; }

.like-button__label {
  font-size: 15px;
  color: rgba(0, 0, 0, 0.6); }

.like-button-icon {
  width: 24px;
  height: 24px; }

.like-button--is-inline .like-button-icon {
  margin-right: 8px; }

.like-button:not(.like-button--is-inline) .like-button-icon {
  margin-bottom: 4px; }

.like-button-icon__base,
.like-button-icon__fill {
  fill-rule: nonzero; }

.like-button-icon__base {
  fill: var(--like-button-icon-color); }

.like-button-icon__fill {
  fill: var(--like-button-icon-fill-color); }

@-webkit-keyframes like {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(-25deg) scale(1.1); }
  to {
    transform: rotate(0deg); } }
@keyframes like {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(-25deg) scale(1.1); }
  to {
    transform: rotate(0deg); } }
/*---  Site Specific Variables  --- */
/*---  Responsive Breakpoints  --- */
/*---  Colors  --- */
/*--- Colored Text --- */
/*---  Light Colors  --- */
/*--- Message BG --- */
/*---  Site Specific Variables  --- */
/*---  Responsive Breakpoints  --- */
/*---  Colors  --- */
/*--- Colored Text --- */
/*---  Light Colors  --- */
/*--- Message BG --- */
/**** StockRanks portal *** */
.ui.tight.segment {
  padding: 1rem !important; }
  .ui.tight.segment.very {
    padding: 0.5rem 1rem !important; }

#searchSegment {
  height: calc(100vh - 6rem) !important; }

#searchWrapper {
  margin-top: 10vh; }
  #searchWrapper .results {
    width: 100% !important; }

#stockSearch .results {
  width: 100% !important; }

#analyseSearch input {
  padding-top: 1.392857em;
  padding-bottom: 1.392857em;
  padding-left: 3em !important; }

#stockranksTableSegment {
  overflow-x: scroll;
  scrollbar-width: none; }
  #stockranksTableSegment::-webkit-scrollbar {
    display: none; }

#responseRanks table tr:nth-child(n+6) td {
  filter: blur(5px);
  pointer-events: none; }

#loadinggif {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  top: 36px; }
  #loadinggif img {
    margin-top: 100px;
    max-width: 110px; }

.ranksPage .ui.segments:not(.horizontal) > .segment:not(#rulesWrap) {
  border-top: none !important; }

.ui.segment#rulesWrap {
  border-bottom: 1px solid rgba(55, 80, 119, 0.125) !important; }

#screenerSignup {
  max-width: 700px;
  left: 50%;
  margin-left: -350px;
  margin-top: 250px; }
  @media only screen and (max-width: 767px) {
    #screenerSignup {
      width: 100%;
      left: 0;
      margin-left: 0;
      margin-top: 330px; } }

#simpleReport, #simpleReportContent {
  padding: 20px 0; }

#simpleReport .stockreport-header__image {
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15); }

#simpleReportContent p {
  font-size: 1.1rem;
  line-height: 175%;
  margin: 25px 0; }
  #simpleReportContent p .c-blue {
    font-size: 1.4rem;
    font-weight: bold; }

#simpleReportHeader {
  padding: 5px;
  padding: 15px 0; }

#CTAList {
  max-width: 230px;
  margin: auto; }

#hugeStockRank {
  font-size: 3.1rem;
  display: block;
  margin: auto;
  width: 86px;
  height: 86px;
  line-height: 183%; }

#stockranksScale {
  width: calc(100% - 1.6%);
  display: block;
  height: 70px;
  position: relative;
  margin-left: 0.4%;
  top: 6px; }
  @media only screen and (min-width: 992px) {
    #stockranksScale {
      top: 4px; } }
  @media only screen and (min-width: 1200px) {
    #stockranksScale {
      top: 0; } }
  #stockranksScale .pin {
    border: 3px solid #333333;
    position: absolute;
    height: 46px;
    z-index: 999;
    margin-top: 8px;
    margin-left: -23px;
    width: 46px; }
    #stockranksScale .pin:after {
      content: "";
      background: #333333;
      display: block;
      height: 26px;
      width: 26px;
      transform: rotateZ(45deg);
      margin: 0;
      position: absolute;
      z-index: -1;
      left: 50%;
      margin-left: -13px;
      top: 21px; }
    #stockranksScale .pin img {
      max-width: 200%;
      width: 40px !important; }

#stockranksScaleImage {
  background: url("../../images/stockrankScale.png") no-repeat bottom center;
  background-size: 100%;
  margin-top: -70px;
  height: 85px;
  margin-bottom: 30px; }

.ui.menu.simpleMenu .item {
  display: inline-block; }
  .ui.menu.simpleMenu .item:not(.active) {
    opacity: 0.6; }

.ui.menu.sectorMenu .item:not(.active) {
  opacity: 0.6; }

.conservative {
  color: #62a913 !important; }

.balanced {
  color: #89b15a !important; }

.adventurous {
  color: #FBBD08 !important; }

.speculative {
  color: #f0ad4e !important; }

.highly_speculative {
  color: #d05859 !important; }

#riskGauge {
  width: 133px;
  height: 76px;
  background-size: 100%;
  margin: auto;
  background-position: top center;
  background-attachment: no-repeat; }

@media only screen and (max-width: 767px) {
  #riskRatingChart .item:not(.active),
  #marketCapChart .item:not(.active) {
    display: none; } }

#styleTable .bar {
  height: 11px;
  width: 15%;
  background: #d05859;
  border-radius: 10px; }
#styleTable.super_stock .quality.bar, #styleTable.super_stock .value.bar, #styleTable.super_stock .momentum.bar {
  width: 100%;
  background: #9fce6a; }
#styleTable.contrarian .quality.bar, #styleTable.contrarian .value.bar {
  width: 100%;
  background: #9fce6a; }
#styleTable.high_flyer .quality.bar, #styleTable.high_flyer .momentum.bar {
  width: 100%;
  background: #9fce6a; }
#styleTable.turnaround .value.bar, #styleTable.turnaround .momentum.bar {
  width: 100%;
  background: #9fce6a; }
#styleTable.falling_star .quality.bar {
  width: 100%;
  background: #9fce6a; }
#styleTable.value_trap .value.bar {
  width: 100%;
  background: #9fce6a; }
#styleTable.momentum_trap .momentum.bar {
  width: 100%;
  background: #9fce6a; }

.styleImage {
  display: block;
  width: 158px;
  height: 89px;
  margin: 0 auto 5px;
  background: url("../../images/style_images.png") no-repeat;
  background-size: 671px 195px; }
  .styleImage.super_stock {
    background-position: -4px -4px; }
  .styleImage.contrarian {
    background-position: -509px -4px; }
  .styleImage.high_flyer {
    background-position: -343px -4px; }
  .styleImage.turnaround {
    background-position: -174px -4px; }
  .styleImage.momentum_trap {
    background-position: -174px -102px; }
  .styleImage.value_trap {
    background-position: -343px -102px; }
  .styleImage.falling_star {
    background-position: -509px -102px; }
  .styleImage.sucker_stock {
    background-position: -4px -102px; }

.c-black {
  color: #333333 !important; }

.cyclicals {
  background: #9fce6a; }

.defensives {
  background: #d0aa59; }

.sensitives {
  background: #5c87c6; }

#sectorGrid .ui.header img {
  width: 25px;
  margin-top: 0;
  margin-right: 8px; }

.sectorIcon {
  width: 84px;
  height: 82px;
  display: block;
  background: url("../../images/sector_sprite.png") no-repeat; }
  .sectorIcon.basic_materials {
    background-position: 0 -6px; }
  .sectorIcon.consumer_cyclicals {
    background-position: 0 -109px; }
  .sectorIcon.financials {
    background-position: 0 -219px; }
  .sectorIcon.consumer_defensives {
    background-position: -96px -4px; }
  .sectorIcon.healthcare {
    background-position: -92px -108px; }
  .sectorIcon.utilities {
    background-position: -92px -217px; }
  .sectorIcon.telecoms {
    background-position: -182px 2px; }
  .sectorIcon.energy {
    background-position: -182px -108px; }
  .sectorIcon.industrials {
    background-position: -180px -213px; }
  .sectorIcon.technology {
    background-position: -182px -321px; }
  .sectorIcon.small {
    background-size: 87px 132px;
    display: inline-block;
    width: 28px;
    height: 27px;
    vertical-align: middle;
    margin-right: 6px; }
    .sectorIcon.small.basic_materials {
      background-position: 0 -2px; }
    .sectorIcon.small.consumer_cyclicals {
      background-position: 0 -36px; }
    .sectorIcon.small.financials {
      background-position: 0 -73px; }
    .sectorIcon.small.consumer_defensives {
      background-position: -32px -1px; }
    .sectorIcon.small.healthcare {
      background-position: -30px -36px; }
    .sectorIcon.small.utilities {
      background-position: -30px -72px; }
    .sectorIcon.small.telecoms {
      background-position: -60px 0px; }
    .sectorIcon.small.energy {
      background-position: -60px -36px; }
    .sectorIcon.small.industrials {
      background-position: -60px -71px; }
    .sectorIcon.small.technology {
      background-position: -60px -107px; }

#simpleSell {
  background: linear-gradient(150deg, #3452ad 15%, #5c87c6 70%, #61a7d4 94%);
  padding-top: 1px;
  overflow: hidden;
  position: relative; }
  #simpleSell .ui.list {
    max-width: 380px;
    margin: 20px auto;
    line-height: 150%; }

.compositeScore {
  width: 29px;
  text-align: center !important;
  height: 29px;
  color: #fff;
  border-radius: 50%;
  line-height: 195%;
  text-indent: 0;
  font-size: 15px !important;
  padding: 0 !important; }

#bottomStockRank {
  padding: 21px 20px !important;
  font-size: 2rem;
  height: 77px;
  width: 77px; }

/*---  Site Specific Variables  --- */
/*---  Responsive Breakpoints  --- */
/*---  Colors  --- */
/*--- Colored Text --- */
/*---  Light Colors  --- */
/*--- Message BG --- */
/*---  Site Specific Variables  --- */
/*---  Responsive Breakpoints  --- */
/*---  Colors  --- */
/*--- Colored Text --- */
/*---  Light Colors  --- */
/*--- Message BG --- */
/**** International Landing Page *** */
.ui.header {
  font-size: 24px !important; }

.ui.tiny.header {
  font-size: 18px !important; }

.ui.small.header {
  font-size: 20px !important; }

.ui.large.header {
  font-size: 24px !important; }
  @media only screen and (min-width: 768px) {
    .ui.large.header {
      font-size: 32px !important; } }

.ui.huge.header {
  font-size: 32px !important; }
  @media only screen and (min-width: 768px) {
    .ui.huge.header {
      font-size: 48px !important; } }

.trustBanner {
  margin: 55px -15px; }

#stockrankSection {
  max-width: 365px;
  margin: auto; }
  #stockrankSection .ui.segment.secondary {
    background: rgba(55, 80, 119, 0.2) !important; }

#countryWinners {
  max-width: 800px;
  width: 100%;
  margin: auto;
  background: #d05859; }

.storyVideos {
  margin: 55px -15px; }
  @media only screen and (max-width: 767px) {
    .storyVideos {
      padding: 0 15px; }
      .storyVideos .ui.stackable.grid {
        margin-right: -0.625rem !important;
        margin-left: -0.625rem !important; } }

.intSprite {
  background: url(../../images/international_sprite.png) no-repeat;
  background-size: 254px auto;
  height: 82px;
  width: 82px;
  margin: auto; }
  .intSprite.time {
    background-position: -2px -3px; }
  .intSprite.redButton {
    background-position: -85px -3px; }
  .intSprite.results {
    background-position: -169px -3px; }
  .intSprite.search {
    background-position: -2px -89px; }
  .intSprite.ranks {
    background-position: -85px -89px; }
  .intSprite.improve {
    background-position: -169px -89px; }

.loserLabel {
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.7; }

@media only screen and (max-width: 767px) {
  .ui.big.progress .bar {
    height: 2.3em !important; } }

@media only screen and (max-width: 767px) {
  .ui.big.progress .label {
    font-size: 15px !important; } }

@media only screen and (max-width: 767px) {
  #awards img {
    width: 70%; } }

.storyThumbnail {
  display: block;
  background-size: cover !important;
  border-radius: 8px;
  margin: 10px auto 20px;
  filter: brightness(0.8);
  transition: 0.3s;
  position: relative;
  height: 210px; }
  .storyThumbnail:before {
    width: 57px;
    height: 57px;
    display: block;
    background: #4776ba;
    content: "";
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px !important;
    margin-top: -27px;
    transition: 0.3s;
    box-shadow: none; }
  .storyThumbnail:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    width: 0;
    height: 0;
    border-left: 22px solid #fff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    content: "";
    margin: -10px 0 0 -7px;
    transition: 0.3s;
    box-shadow: none; }
  .storyThumbnail:hover {
    filter: brightness(1);
    transform: translateY(-4px);
    transition: 0.3s;
    cursor: pointer; }
    .storyThumbnail:hover:before {
      transform: scale(1.2);
      transition: 0.3s;
      box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3); }
    .storyThumbnail:hover:after {
      transform: scale(1.2);
      transition: 0.3s; }

.bottomSell {
  margin: 55px -15px -25px; }
  .bottomSell .ui.large.header {
    width: 80%;
    margin: auto; }
  .bottomSell .ui.bulleted.list {
    max-width: 460px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .bottomSell .ui.bulleted.list {
        margin: 10px 0 10px 39px !important; } }
  .bottomSell .ui.segment {
    max-width: 810px;
    margin: auto; }

.phoneMargin {
  margin-left: 50px; }

.greenArrow {
  max-width: 89px;
  margin-top: 33px;
  margin-left: 18px;
  width: 100%; }
  .greenArrow .arrowTail {
    height: 8px;
    width: 100%;
    max-width: 60px;
    background: #d8deeb; }
  .greenArrow span {
    color: #d8deeb;
    font-size: 3rem;
    transform: scaleX(0.6);
    right: 0; }

@media only screen and (max-width: 767px) {
  .mobPad {
    padding: 0 15px !important; } }

/*---  Site Specific Variables  --- */
/*---  Responsive Breakpoints  --- */
/*---  Colors  --- */
/*--- Colored Text --- */
/*---  Light Colors  --- */
/*--- Message BG --- */
/*---  Site Specific Variables  --- */
/*---  Responsive Breakpoints  --- */
/*---  Colors  --- */
/*--- Colored Text --- */
/*---  Light Colors  --- */
/*--- Message BG --- */
/**** Checkout *** */
#featuresHeader.checkout {
  height: 274px; }

#paymentFormContainer {
  margin-top: -30px; }
  #paymentFormContainer input {
    font-size: 1.1rem !important;
    padding: 13px 14px !important; }
    #paymentFormContainer input::placeholder {
      color: #777; }
  #paymentFormContainer .ui.selection.dropdown {
    padding: 13px !important; }
    #paymentFormContainer .ui.selection.dropdown .dropdown.icon {
      margin: -7px -4px 0 0; }

#registerForm input {
  font-size: 1.1rem !important;
  padding: 12px 17px !important;
  margin-top: 5px; }
  #registerForm input::placeholder {
    color: #777; }

#paymentSwitcher .ui.button.active {
  background: #4776ba !important;
  color: #FFFFFF !important;
  font-weight: bold; }

#subscribe {
  padding: 17px 21px !important; }

.couponButton {
  cursor: pointer; }

#featuresGrid {
  max-width: 320px;
  margin: auto; }

#payNothing, #payAfter, #edPromise {
  margin: 0 -15px;
  padding: 15px; }

#number, #month, #year, #cvv {
  height: 55px !important; }

.recurly-hosted-field-number, .recurly-hosted-field-month,
.recurly-hosted-field-year, .recurly-hosted-field-cvv {
  height: 55px !important;
  width: 100% !important;
  border-radius: 4px !important;
  padding-left: 15px !important; }

#greenLock {
  right: 8px;
  top: -4px; }

#cardIcons {
  z-index: 99;
  right: 20px;
  top: 53px; }

#cvvPopup {
  width: 250px; }

#login_modal_container {
  max-width: 590px;
  margin: 50vh auto 0;
  position: relative;
  top: -301px; }
  @media only screen and (max-width: 767px) {
    #login_modal_container {
      margin-top: 15px;
      top: 0; } }
  #login_modal_container #googleBtn {
    background-color: #f1f1f1 !important; }
  @media only screen and (max-width: 767px) {
    #login_modal_container h2 {
      margin-bottom: 5px; } }

.bg-fullBlack {
  background: #222222; }
  .bg-fullBlack .ui.grid {
    width: 96%;
    margin: auto; }

.objectionWrap {
  width: 495px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding-left: 20px; }

.formWrap {
  padding-left: 0;
  height: auto; }
  @media only screen and (min-width: 1200px) {
    .formWrap {
      width: 100%;
      padding-left: 485px;
      height: 100%;
      min-height: 100vh; } }
  .formWrap .max-w-630 {
    padding-left: 15px !important;
    padding-right: 15px !important;
    max-width: 630px;
    margin-top: 1vh; }
    @media only screen and (min-width: 768px) {
      .formWrap .max-w-630 {
        margin-top: 4vh; } }
  .formWrap .ui.input.error {
    border-color: #d05859 !important; }
  .formWrap .ui.input.success {
    border-color: #9fce6a !important; }

.quoteSlider {
  height: 610px;
  clip-path: url(#sliderClip);
  margin-top: 30px;
  background: #d1d9e8; }
  .quoteSlider .item {
    width: 100%;
    height: 100%;
    min-height: 100%;
    background-size: cover !important;
    padding: 60px 50px;
    position: relative; }
  .quoteSlider .slick-list, .quoteSlider .slick-track {
    height: 100%; }
  .quoteSlider.new {
    margin: 30px 0 40px 30px !important; }

.logoSlider {
  width: 90%;
  margin: auto; }
  .logoSlider img {
    max-height: 30px;
    width: auto; }

#fbBtn {
  background: #365bb9 url(../images/fb_icon.png) no-repeat 15px 7px !important;
  text-indent: 22px; }

#googleBtn {
  background: #ffffff url(../images/google_icon.png) no-repeat 15px 7px !important;
  text-indent: 22px; }
  #googleBtn.dark {
    background-color: #f1f1f1 !important; }

@media only screen and (max-width: 767px) {
  .ui.stackable.grid > .row > .column.googleColumn {
    padding-top: 0 !important; } }

#showPass {
  position: absolute;
  z-index: 99;
  top: 38px;
  right: 31px; }
  @media only screen and (min-width: 768px) {
    #showPass {
      top: 28px;
      right: 38px; } }
  #showPass input {
    display: block;
    width: 50px;
    height: 32px;
    position: absolute;
    opacity: 0;
    cursor: pointer; }
  #showPass .icof {
    font-size: 2rem;
    opacity: 0.45;
    pointer-events: none;
    top: 4px;
    left: 9px; }
  #showPass:hover .icof {
    opacity: 0.6; }

#passwordStrength {
  top: -4px;
  margin: 0 1px 0.5rem; }
  #passwordStrength .bar {
    height: 0.3rem; }

.ac_results {
  background: #FFFFFF;
  border: 1px solid #5c87c6;
  border-radius: 4px 4px;
  margin-top: 10px;
  box-shadow: 0 3px 11px rgba(0, 0, 0, 0.1); }
  .ac_results:before {
    content: "";
    display: block;
    height: 10px;
    width: 10px;
    border-top: 1px solid #5c87c6;
    border-right: 1px solid #5c87c6;
    transform: rotate(-45deg);
    position: absolute;
    top: -6px;
    left: 20px;
    background: #FFFFFF; }
  .ac_results ul {
    padding: 0;
    margin: 0; }
    .ac_results ul li > .floatbox {
      padding: 11px;
      border-bottom: 1px solid #e2e2e2; }
  .ac_results .float_right {
    float: right; }
  .ac_results .float_left {
    float: left; }

#searchLoader {
  width: 30px;
  height: auto;
  right: 13px;
  top: 5px; }

#nextGrid .featureIcon, #nextGrid img {
  transition: 0.3s; }
#nextGrid .column:hover {
  background: #f2f2f2; }
  #nextGrid .column:hover .featureIcon, #nextGrid .column:hover img {
    transform: scale(1.1);
    transition: 0.3s; }
  #nextGrid .column:hover p {
    text-decoration: underline; }

.teamSegment {
  background: #fff url(../images/supportteam.png) no-repeat bottom center !important;
  background-size: 100% auto !important;
  padding-bottom: 180px !important; }

#investorForm {
  max-width: 580px;
  margin: 35px auto 10px; }
  #investorForm label {
    font-size: 1.2rem !important; }
  #investorForm .field:not(:first-child) label {
    margin-bottom: 20px; }

#subscribedSlider {
  width: 300%;
  transition: 0.3s; }
  #subscribedSlider.step1 {
    transform: translateX(-33.33%);
    transition: 0.3s; }
  #subscribedSlider .column {
    padding: 1.5rem; }

#passwordWrapper {
  margin-bottom: 400px; }
  #passwordWrapper > .ui.segment {
    max-width: 850px;
    margin-top: 63px; }
    @media only screen and (min-width: 768px) {
      #passwordWrapper > .ui.segment {
        margin-top: 120px; } }

#onboardingProgress .column {
  position: relative; }
  #onboardingProgress .column:not(:last-child) {
    padding-right: 2px; }
  #onboardingProgress .column div {
    height: 6px;
    background: #bdbdbd;
    opacity: 0.8; }
  #onboardingProgress .column.active div {
    background: #4776ba;
    transition: 0.3s; }

.ui.grid.passwordSlider > .row > .column {
  padding: 0 14px !important; }

#setupForm {
  overflow: hidden; }
  #setupForm .passwordSlider {
    width: 300%;
    transition: 0.3s; }
    #setupForm .passwordSlider.step2 {
      transform: translateX(-33.3%);
      transition: 0.3s; }
    #setupForm .passwordSlider.step3 {
      transform: translateX(-66.6%);
      transition: 0.3s; }
  #setupForm #password {
    max-width: 350px;
    margin: auto; }
    #setupForm #password.error {
      border-color: #d05859 !important; }
    #setupForm #password.success {
      border-color: #9fce6a !important;
      background: #E5F9E7; }

.lockImage {
  padding-top: 100px; }

.slideScroller {
  min-height: 500px; }
  .slideScroller.type {
    padding-bottom: 60px; }

.sliderFooter {
  background: -webkit-radial-gradient(top left, circle, #f1f4f9 0, #f0f3f7 100%);
  background: radial-gradient(circle at top left, #f1f4f9 0, #f0f3f7 100%);
  color: rgba(0, 0, 0, 0.6);
  padding: 15px 20px;
  margin: 0 -15px !important;
  position: absolute;
  width: 100%;
  bottom: 0; }

.regionsGrid,
.investorTypeGrid {
  max-width: 600px;
  margin: 20px auto !important; }
  .regionsGrid .ui.segment,
  .investorTypeGrid .ui.segment {
    cursor: pointer; }
    .regionsGrid .ui.segment label,
    .investorTypeGrid .ui.segment label {
      cursor: pointer; }
    .regionsGrid .ui.segment.checked,
    .investorTypeGrid .ui.segment.checked {
      background: #E5F9E7; }
    .regionsGrid .ui.segment.hidden, .regionsGrid .ui.segment.hidden:before,
    .investorTypeGrid .ui.segment.hidden,
    .investorTypeGrid .ui.segment.hidden:before {
      display: none !important; }

.ui.grid.investorTypeGrid {
  border-radius: 4px; }
  .ui.grid.investorTypeGrid > .row:first-child {
    box-shadow: none !important; }
  .ui.grid.investorTypeGrid .column {
    cursor: pointer; }
    .ui.grid.investorTypeGrid .column label {
      cursor: pointer; }
    .ui.grid.investorTypeGrid .column.checked {
      background: #E5F9E7; }
    .ui.grid.investorTypeGrid .column .ui.radio.checkbox {
      width: calc(100% - 55px);
      padding-left: 15px; }
      .ui.grid.investorTypeGrid .column .ui.radio.checkbox:before, .ui.grid.investorTypeGrid .column .ui.radio.checkbox:after {
        top: 2px !important; }

#periodCheck {
  width: 95px;
  margin: auto; }

#periodCheck .field:first-child label:before,
#periodCheck .field:first-child label:after {
  top: 8px; }

#periodCheck .field:not(:first-child) label:before,
#periodCheck .field:not(:first-child) label:after {
  top: 14px; }

#middleSection {
  margin: 47px -25px; }

#middleSection > .ui.segment {
  padding: 10px 20px 32px; }

.pricingFlag {
  position: absolute;
  right: 10px;
  bottom: 12px; }

#label1 {
  width: calc(100% + 23%);
  left: -32px; }
  @media only screen and (min-width: 768px) {
    #label1 {
      left: -32px; } }
  @media only screen and (min-width: 992px) {
    #label1 {
      left: -32px; } }
  @media only screen and (min-width: 1200px) {
    #label1 {
      left: -32px; } }

#label2 {
  width: calc(100% + 23%);
  left: -32px; }
  @media only screen and (min-width: 768px) {
    #label2 {
      left: -32px; } }
  @media only screen and (min-width: 992px) {
    #label2 {
      left: -32px; } }
  @media only screen and (min-width: 1200px) {
    #label2 {
      left: -32px; } }

#label3 {
  width: calc(100% + 23%);
  left: -34px; }
  @media only screen and (min-width: 768px) {
    #label3 {
      left: -34px; } }
  @media only screen and (min-width: 992px) {
    #label3 {
      left: -34px; } }
  @media only screen and (min-width: 1200px) {
    #label3 {
      left: -34px; } }

#label4 {
  width: calc(100% + 23%);
  left: -32px; }
  @media only screen and (min-width: 768px) {
    #label4 {
      left: -32px; } }
  @media only screen and (min-width: 992px) {
    #label4 {
      left: -32px; } }
  @media only screen and (min-width: 1200px) {
    #label4 {
      left: -32px; } }

@media only screen and (max-width: 767px) {
  #plansTitle {
    font-size: 2.72rem !important; } }
@media only screen and (min-width: 768px) {
  #plansTitle {
    font-size: 2.82rem !important; } }
@media only screen and (min-width: 992px) {
  #plansTitle {
    font-size: 3.82rem !important; } }

@media only screen and (max-width: 767px) {
  #plansSubtitle {
    font-size: 1.2rem !important; } }
@media only screen and (min-width: 768px) {
  #plansSubtitle {
    font-size: 1.2rem !important; } }
@media only screen and (min-width: 992px) {
  #plansSubtitle {
    font-size: 1.6rem !important; } }

#finalPricing {
  margin-left: -15px;
  margin-right: -15px;
  background: #f7f7f7;
  margin-bottom: 0 !important;
  border-top: 1px solid #e2e2e2; }
  @media only screen and (max-width: 767px) {
    #finalPricing.fixed {
      margin-bottom: -15px;
      margin-left: -0.5rem;
      margin-right: -0.5rem;
      margin-top: 0;
      position: fixed;
      bottom: 13px;
      width: 105%;
      padding: 0 10px;
      background: #f7f7f7;
      left: 0;
      border-top: 1px solid #e2e2e2;
      z-index: 999; }
      #finalPricing.fixed .freemiumCouponOffer .ccysymbol, #finalPricing.fixed .freemiumCouponOffer #freemiumDiscountPrice {
        font-size: 20px; } }

.freemiumPrice.strike {
  text-decoration: line-through; }

.faqs {
  padding-top: 150px; }
  @media only screen and (min-width: 768px) {
    .faqs {
      padding-top: 15px; } }

.freemiumCouponOffer {
  width: calc(100% + 21px);
  margin: 0 -11px 0px;
  text-align: right;
  color: #fff;
  background: #293140;
  padding: 5px 15px; }
  .freemiumCouponOffer .ccysymbol, .freemiumCouponOffer #freemiumDiscountPrice {
    font-size: 18px; }

@media only screen and (max-width: 767px) {
  #conversionBanner {
    text-align: center;
    top: 30px; } }

@media only screen and (max-width: 767px) {
  #topBanner {
    top: 14px; } }

html {
  font-size: 15px;
  width: 100%;
  height: 100%; }

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  min-width: 320px;
  background: #EFF2F9;
  font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1.4285em;
  color: rgba(0, 0, 0, 0.87);
  font-smoothing: antialiased; }

@font-face {
  font-family: "kIcons";
  src: url("../themes/default/assets/fonts/icons.eot");
  src: url("../themes/default/assets/fonts/icons.eot?#iefix") format("embedded-opentype"), url("../themes/default/assets/fonts/icons.woff2") format("woff2"), url("../themes/default/assets/fonts/icons.woff") format("woff"), url("../themes/default/assets/fonts/icons.ttf") format("truetype"), url("../themes/default/assets/fonts/icons.svg#icons") format("svg");
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none; }
p {
  line-height: 1.5; }

a {
  color: #4776ba; }

.app.homepage p, .app.stockreports p,
.app.portfolios p, .app.charts p,
.app.research p, .app.screener p,
.app.stockranks p, .app.reviews p,
.ui.container.faqs p, .ui.container.plansSell p,
.ui.container.timelineWrap p, .ui.container.plansSell p,
.timelineGrid p {
  font-size: 17px !important; }

.app__header, .app__nav {
  position: fixed;
  left: 0; }

.app__nav {
  z-index: 5;
  top: 0;
  left: -5rem;
  height: 100vh; }
  @media only screen and (min-width: 768px) {
    .app__nav {
      left: 0; } }

@media only screen and (max-width: 767px) {
  .global-header > .ui.container {
    margin: 0 !important;
    flex-direction: row;
    align-items: stretch;
    flex: 1 !important; } }

.app__header {
  top: 0;
  right: 0;
  z-index: 3;
  transition: left 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  left: 0; }
  @media only screen and (min-width: 768px) {
    .app__header {
      left: 5rem; } }
  .app__header .global-header {
    padding: 0; }
    @media only screen and (min-width: 768px) {
      .app__header .global-header {
        width: calc(100% - 5rem); } }

@media only screen and (max-width: 992px) {
  .global-header__item.logo {
    margin-left: 97px; } }
@media only screen and (max-width: 767px) {
  .global-header__item.logo {
    margin-left: 0; } }

.global-header__logo {
  display: flex;
  align-items: center;
  justify-content: center; }
  @media only screen and (max-width: 992px) {
    .global-header__logo {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .global-header__logo {
      overflow: hidden;
      width: auto; } }

@media only screen and (max-width: 767px) {
  header.app .global-header__logo {
    overflow: hidden;
    width: 32px;
    justify-content: left;
    text-indent: 1px; } }
@media only screen and (min-width: 768px) {
  header.app .global-header__logo {
    width: calc(100% - 5rem); } }

.site-logo {
  display: inline-block;
  vertical-align: middle; }

.site-logo__symbol {
  fill: #4776ba; }

.site-logo__type {
  fill: #333333; }

.global-search__container {
  flex: 1; }
  @media only screen and (max-width: 767px) {
    .global-search__container {
      margin-right: 10px;
      top: -2px; } }

.ui.search.global-search__container > .results .result .image {
  float: left !important;
  border-radius: 50%;
  width: auto;
  height: auto;
  margin-right: 10px; }
  .ui.search.global-search__container > .results .result .image img {
    width: 40px;
    height: 40px; }

.global-header__search {
  width: 100%;
  max-width: 23rem; }

.global-search__input {
  height: 2.13333333rem;
  background: #FAFAFA !important; }

.global-header {
  transition: padding 0.3s;
  position: fixed;
  width: 100%;
  z-index: 3;
  display: flex;
  align-items: center;
  height: 3.33333333rem;
  padding: 0 1rem;
  background: #FFFFFF;
  box-shadow: 0 5px 10px 0 rgba(55, 80, 119, 0.1);
  z-index: 99999; }
  .global-header > .ui.container {
    display: flex;
    align-items: center; }
  .global-header.homepage {
    background: #39455d;
    border-bottom: 2px solid #293140;
    color: #FFFFFF !important; }
    .global-header.homepage a.global-header__item {
      color: #FFFFFF !important; }
    .global-header.homepage .site-logo .logo-text {
      fill: #FFFFFF !important; }
    .global-header.homepage .global-header__item:not(.buttons):not(.logo):hover {
      background: #293140 !important; }
    .global-header.homepage #mobileNavBtn, .global-header.homepage .loginText, .global-header.homepage .ui.basic.button.logout {
      color: #FFFFFF !important; }

@media only screen and (max-width: 992px) {
  #mobileNavBtn {
    position: absolute;
    left: 0;
    top: 0; } }
@media only screen and (max-width: 767px) {
  #mobileNavBtn {
    position: relative;
    left: auto;
    top: auto; } }

.global-header__item--stretch {
  flex: 1;
  display: flex; }

.marketingBreadcrumbs {
  background: rgba(41, 49, 64, 0.05);
  display: flex;
  justify-content: space-between;
  height: 2.2rem;
  top: 50px;
  position: relative;
  margin-bottom: 1rem; }
  .marketingBreadcrumbs .wrapper {
    will-change: transform;
    white-space: nowrap;
    width: 100%;
    overflow: scroll; }
    .marketingBreadcrumbs .wrapper::-webkit-scrollbar {
      display: none; }

.breadcrumbs__list {
  width: 100%;
  display: block;
  padding: 0.25rem 0; }
  @media only screen and (max-width: 767px) {
    .breadcrumbs__list {
      width: 100% !important; } }

.breadcrumbs__link {
  margin: 0 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  line-height: 2;
  white-space: nowrap;
  font-size: 0.8rem; }
  .breadcrumbs__link:first-child {
    margin-left: 1rem; }

.breadcrumbs__separator {
  color: #bdbdbd;
  font-size: 0.5rem;
  display: inline-block;
  vertical-align: middle;
  line-height: 2; }

.justify-center {
  justify-content: center; }

@media only screen and (max-width: 767px) {
  #finalPricing.fixed {
    margin-bottom: -15px;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    margin-top: 0;
    position: fixed;
    bottom: 13px;
    width: 105%;
    padding: 0 10px;
    background: #f7f7f7;
    left: 0;
    border-top: 1px solid #e2e2e2;
    z-index: 999; }
    #finalPricing.fixed .freemiumCouponOffer .ccysymbol, #finalPricing.fixed .freemiumCouponOffer #freemiumDiscountPrice {
      font-size: 20px; } }

.global-header__item:not(.buttons):not(.logo) {
  padding: 8px 9px; }
  .global-header__item:not(.buttons):not(.logo):hover {
    background: #EFF2F9; }
  .global-header__item:not(.buttons):not(.logo).activeItem {
    box-shadow: inset 0px -3px 0 #4776ba;
    font-weight: bold; }

#mobileNav {
  height: 100% !important;
  transition-duration: 0.2s !important; }
  #mobileNav .item.bg-fullBlack {
    background: #212938 !important; }
  #mobileNav .ui.grid {
    width: 100% !important; }
  #mobileNav .global-header__logo {
    display: inline-block !important; }

#closeMobileNav {
  font-weight: 100 !important;
  font-size: 2.5rem !important;
  right: 0;
  top: 0;
  line-height: 50% !important;
  opacity: 0.7; }

.global-navbar {
  display: flex;
  position: relative;
  height: 100%; }

.global-navbar__list {
  height: 100%;
  position: relative;
  z-index: 11;
  list-style: none;
  margin: 0;
  padding: 0;
  background: #333333; }

.global-navbar__link {
  width: 5rem;
  padding: 0.5rem 0.75rem 0.75rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  z-index: 2;
  cursor: pointer;
  background: #333333;
  color: #c3d6f5;
  outline: 0;
  border: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
  transition: all 0.15s;
  font-weight: 700;
  text-transform: uppercase; }

.global-navbar__icon {
  font-size: 2.4rem;
  height: 2.4rem;
  width: 2.4rem;
  display: block;
  line-height: 1; }

.global-navbar__label {
  margin-top: 0.2rem;
  font-size: 0.8rem;
  line-height: 1.2; }

#featuresNav {
  margin-left: -260px; }

#aboutNav {
  margin-left: -50px; }

#thinkNav {
  margin-left: -36px; }

#featuresNav .featureIcon, #mobileNav .featureIcon, .featureHeader .featureIcon {
  display: inline-block;
  width: 67px;
  height: 49px;
  margin: 0 !important;
  min-width: 77px !important;
  background-size: 510px auto; }
  #featuresNav .featureIcon.stockreports, #mobileNav .featureIcon.stockreports, .featureHeader .featureIcon.stockreports {
    background-position: -6px 0; }
  #featuresNav .featureIcon.stockranks, #mobileNav .featureIcon.stockranks, .featureHeader .featureIcon.stockranks {
    background-position: -72px 0; }
  #featuresNav .featureIcon.screeners, #mobileNav .featureIcon.screeners, .featureHeader .featureIcon.screeners {
    background-position: -148px; }
  #featuresNav .featureIcon.portfolios, #mobileNav .featureIcon.portfolios, .featureHeader .featureIcon.portfolios {
    background-position: -220px 0; }
  #featuresNav .featureIcon.discussions, #mobileNav .featureIcon.discussions, .featureHeader .featureIcon.discussions {
    background-position: -294px 0; }
  #featuresNav .featureIcon.tools, #mobileNav .featureIcon.tools, .featureHeader .featureIcon.tools {
    background-position: -366px 0; }
  #featuresNav .featureIcon.data, #mobileNav .featureIcon.data, .featureHeader .featureIcon.data {
    background-position: -771px 0; }
#featuresNav .column:hover, #mobileNav .column:hover, .featureHeader .column:hover {
  background: #f8faff; }

.featureHeader {
  margin: 20px auto 0 !important; }

.subMobileMenu {
  margin: 17px -17px -13px !important;
  background: #212938 !important;
  box-shadow: inset -1px 0px 20px rgba(0, 0, 0, 0.5); }
  .subMobileMenu .item {
    border-bottom: 1px solid #293140;
    padding-bottom: 14px !important; }

.app__wrapper {
  will-change: padding;
  transition: padding 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  padding-left: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  padding-top: 3.33333333rem;
  min-height: 100vh;
  top: -20px; }
  @media only screen and (min-width: 768px) {
    .app__wrapper {
      padding-left: 5rem; } }

.app__content, .app__wrapper {
  position: relative; }

.app__content {
  flex: 1;
  display: block;
  padding: 2.2rem 1rem 0;
  background: #EFF2F9; }

blockquote {
  margin: 0;
  position: relative;
  text-indent: -0.8rem; }
  @media only screen and (max-width: 767px) {
    blockquote {
      text-indent: 0; } }
  blockquote:before, blockquote:after {
    font-size: 4rem;
    position: relative;
    color: #333333;
    opacity: 0.25;
    display: inline-block;
    line-height: 34%;
    font-family: -webkit-pictograph;
    height: 19px; }
  blockquote:before {
    content: "“";
    top: 1.2rem;
    left: -0.2rem; }
    @media only screen and (max-width: 767px) {
      blockquote:before {
        display: none; } }
  blockquote:after {
    content: "”";
    right: -0.7rem;
    bottom: -1.2rem; }
    @media only screen and (max-width: 767px) {
      blockquote:after {
        display: none; } }

.app-article-content blockquote {
  border-left: 3px solid #EFF2F9;
  margin: 20px 0 20px 40px !important;
  padding: 10px 40px;
  font-size: 17px;
  line-height: 1.5;
  text-indent: 0; }
  .app-article-content blockquote:before, .app-article-content blockquote:after {
    content: "";
    display: none; }

.max-w, .ui.header.max-w {
  max-width: 640px;
  margin: auto; }

.app-grid {
  display: flex; }

.app-grid__column {
  flex: 1; }

.app-grid__column--narrow {
  flex: 0 1 auto; }

footer.stockreportFooter {
  margin-top: -20px;
  z-index: 99;
  position: relative; }

.stockreportFooter {
  margin-left: -15px;
  margin-right: -15px; }
  @media only screen and (max-width: 767px) {
    .stockreportFooter {
      padding: 0 25px; } }
  .stockreportFooter.bg-fullBlack #tp-widget-wrapper, .stockreportFooter.bg-fullBlack .tp-widget-wrapper {
    text-align: left !important; }
  @media only screen and (max-width: 767px) {
    .stockreportFooter.bg-fullBlack .trustpilot-widget {
      padding-top: 20px; } }

@media only screen and (max-width: 767px) {
  .footerRow {
    padding: 0 25px !important; } }

.socialList {
  text-align: center;
  top: -5px; }
  @media only screen and (min-width: 768px) {
    .socialList {
      text-align: right;
      top: 2px; } }
  .socialList .socialIcon:hover {
    filter: brightness(0.8); }

@media only screen and (max-width: 767px) {
  .footerImages {
    text-align: center !important;
    top: -5px; } }

.ui.dimmer {
  z-index: 9999 !important; }

.signup_bar {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 3;
  transition: left 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  left: 0;
  padding: 11px 15px 7px;
  background: rgba(0, 0, 0, 0.85);
  transition: 0.3s; }
  @media only screen and (min-width: 768px) {
    .signup_bar {
      left: 5rem;
      padding: 20px 15px; } }
  .signup_bar.slideItDown {
    transition: 0.3s;
    transform: translateY(100%); }
  @media only screen and (max-width: 767px) {
    .signup_bar h2 {
      font-size: 18px; } }
  @media only screen and (max-width: 767px) {
    .signup_bar .emailText {
      text-align: center; } }
  @media only screen and (max-width: 767px) {
    .signup_bar .signupGrid .row {
      padding-top: 0 !important; } }

.belowFooter .signup_bar {
  position: relative;
  left: 0;
  margin: 9px -15px -25px;
  background: #000 !important; }

#fbBtn {
  background: #365bb9 url(../../images/fb_icon.png) no-repeat 15px 7px !important;
  text-indent: 22px; }
  #fbBtn span {
    text-indent: 0 !important; }

#googleBtn {
  background: #ffffff url(../../images/google_icon.png) no-repeat 15px 7px !important;
  text-indent: 22px; }
  #googleBtn.dark {
    background-color: #f1f1f1 !important; }
  #googleBtn span {
    text-indent: 0 !important; }

@media only screen and (max-width: 767px) {
  .ui.stackable.grid > .row > .column.fbColumn,
  .ui.stackable.grid > .row > .column.emailColumn {
    padding-top: 0 !important; } }

@media only screen and (max-width: 767px) {
  .ui.stackable.grid > .row > .column.googleColumn {
    padding-top: 0 !important; } }

@media only screen and (max-width: 767px) {
  .ui.stackable.relaxed.grid,
  .ui.grid,
  .ui.stackable.grid {
    margin-left: 0 !important;
    margin-right: 0 !important; } }

.signupGrid {
  max-width: 580px; }
  @media only screen and (max-width: 767px) {
    .signupGrid {
      margin-top: 10px !important; } }

.emailGrid {
  max-width: 780px; }
  @media only screen and (max-width: 767px) {
    .emailGrid {
      margin-top: 10px !important; } }
  .emailGrid #googleBtn {
    background-position: 12px 4px !important; }
  .emailGrid #fbBtn {
    background-position: 15px 4px !important; }
  .emailGrid #emailBtn {
    background: #e1eeff url(../../images/email_icon.png) no-repeat 15px 3px !important;
    text-indent: 22px; }

.ui.container.hero {
  padding-top: 15px; }
  @media only screen and (min-width: 768px) {
    .ui.container.hero {
      padding-top: 40px; } }

.endSell {
  margin: 0 -15px;
  background: #39455d !important; }
  @media only screen and (max-width: 767px) {
    .endSell {
      padding: 0 15px; } }

.endSellPadding {
  padding: 80px 0 120px; }

.refinitivSegment {
  max-width: 715px;
  margin: 15px auto !important; }

.sellList {
  max-width: 525px;
  margin: 15px auto 5px !important; }
  .sellList .item {
    padding-bottom: 7px !important; }

#logoutRow {
  padding: calc(50vh - 250px) 0 !important; }

.logoutCircle {
  width: 105px;
  height: 105px;
  background: #39455d;
  position: relative;
  overflow: hidden;
  margin: -95px auto 0;
  border-radius: 50%; }
  .logoutCircle img {
    bottom: -21px;
    left: 50%;
    margin-left: -23px;
    position: absolute;
    transform-origin: center bottom;
    animation: wave 8s normal infinite ease-in-out; }

@-webkit-keyframes wave {
  0% {
    transform: rotate(-20deg); }
  1% {
    transform: rotate(0deg); }
  2% {
    transform: rotate(20deg); }
  3% {
    transform: rotate(0deg); }
  4% {
    transform: rotate(-10deg); }
  5% {
    transform: rotate(0deg); }
  6% {
    transform: rotate(10deg); }
  7% {
    transform: rotate(0deg); }
  8% {
    transform: rotate(-6deg); }
  9% {
    transform: rotate(0deg); }
  10% {
    transform: rotate(6deg); }
  11% {
    transform: rotate(0deg); }
  12% {
    transform: rotate(-3deg); }
  13% {
    transform: rotate(0deg); }
  14% {
    transform: rotate(3deg); }
  15% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(0deg); } }
#articleNav {
  margin: 0px -0.5rem; }

.homeContainer {
  margin: 15px -0.5rem; }

.readingLabel {
  position: absolute !important;
  top: 10px !important;
  left: -7px !important;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); }

#mainContent {
  max-width: 730px;
  margin: auto;
  padding: 10px 15px; }
  @media only screen and (min-width: 768px) {
    #mainContent {
      padding: 10px 25px; } }
  #mainContent p, #mainContent li {
    font-size: 1.2rem;
    line-height: 155%; }
  #mainContent blockquote {
    font-size: 1.7rem;
    line-height: 155%;
    margin: 10px 0 25px;
    padding: 1.5rem 2rem;
    border-radius: 4px;
    position: relative; }
    #mainContent blockquote:before, #mainContent blockquote:after {
      content: "";
      background: url(../images/quotemarks.png) no-repeat center;
      position: absolute;
      height: 80px;
      width: 115px;
      transform: scale(0.8); }
    #mainContent blockquote:before {
      left: -10px;
      top: 0px; }
    #mainContent blockquote:after {
      right: 0px;
      bottom: 10px;
      transform: rotate(180deg) scale(0.8); }

@media only screen and (max-width: 767px) {
  .expandMobileBtn {
    width: 100%;
    margin-bottom: 10px !important; } }

.ui.pagination .item {
  text-transform: capitalize; }

.ui.pagination .hellip {
  border-right: 1px solid #ebedf1;
  padding: 5px 13px; }

@media only screen and (max-width: 767px) {
  .ui.pagination.menu .item:nth-child(n+6) {
    display: none; }

  .ui.pagination.menu .item:last-child {
    display: flex; }

  html, body {
    max-width: 100vw;
    overflow: hidden !important;
    overflow-y: auto !important; }

  .endSell {
    margin: 0 -15px !important; } }
#chartsCTA {
  min-width: 670px;
  top: 50%;
  left: 50%;
  margin-left: -335px;
  margin-top: -130px; }
  @media only screen and (max-width: 767px) {
    #chartsCTA {
      min-width: 310px;
      top: auto;
      margin-top: 10px;
      margin-left: -155px;
      width: 310px; } }

/*# sourceMappingURL=app_main.css.map */