/*.ui.table td.positive, .ui.table tr.positive {
  background: #def5c0!important;
}

.ui.table td.negative, .ui.table tr.negative {
  background: #f8d1d4!important;
  }*/


/*.zui-wrapper {
    position: relative;
}
.zui-scroller {
    margin-left: 81px;
    overflow-x: scroll;
    overflow-y: visible;
    padding-bottom: 5px;
    width: 100%;
}
.zui-table .zui-sticky-col {
    left: 0;
    position: absolute;
    top: auto;
    width: 80px;
    }*/


/*.headcol {
  position: absolute;
    width: 6em;
    left: 10px;
    border-left: 1px solid rgba(34,36,38,.1);
    border-top-width: 1px;
    border: 1px solid rgba(34,36,38,.15);
    border-top-color: rgba(34, 36, 38, 0.15);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgba(34, 36, 38, 0.15);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgba(34, 36, 38, 0.15);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgba(34, 36, 38, 0.15);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    }*/

#linear-gauge {
    width: 100%; height: 50px;
}

svg {
    overflow: inherit!important;
}
.svg-container {
    display: inline-block;
    position: relative;
    width: 100%;  /*aspect ratio */
    vertical-align: bottom;
    overflow: inherit;
  
}
.svg-content-responsive {
    display: inline-block;
    position: absolute;
    left: 0;
}

svg text{
font-size: 1em;
font-family: sans-serif;
}




.headcol {
    min-width: 8.6em;
}

.overbought {
    color: #DB2828
}

.oversold {
    color: #2C662D
}

.ui.button.toggle.active, .ui.button.toggle.active:hover {
    background-color: #2185d0!important
}

html.ios {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

html.ios,
html.ios body {
    height: initial !important;
}


#wrap {
    min-height: 100%;
}

.wide.column.fifteen {
    width: 93.75%!important;
}

.wide.column.twelve {
    width: 75%!important;
    /*width: 77%!important;*/
}

.twelve.wide.column {
    width: 75%!important;
    /*width: 77%!important;*/
}

.wide.column.eleven {
    width: 68.75%!important;
}

.wide.column.five {
    width: 31.25%!important;
}

.wide.column.six {
    width: 37.5%!important;
}

.wide.column.seven {
    width: 43.75%!important;
}

.wide.column.ten {
    width: 62.5%!important;
}

.wide.column.nine {
    width: 56.25%!important;
}

.wide.column.eight {
    width: 50%!important;
}

.wide.column.three {
    width: 18.75%!important;
}

.wide.column.four {
    width: 25%!important;
}

.hide.content {
    display: none;
}

.stacked-bar-graph {
    width: 100%;
    height: 25px;
    color: #414042;
}

.chart.span {
    display: inline-block; //height:100%;
    box-sizing: border-box;
    float: left;
    font-weight: bold;
    padding: 10px;
    color: white;
}

.bar-1 {
    background: #1f77b4;
}

.bar-2 {
    background: #FBBD08;
}

.bar-3 {
    background: #d62728;
}

@media (max-width: 1060px) {
    .ui.blue.stackable.main.menu {
        display: none;
    }
    html {
        font-size: 14px;
    }
    body {
        font-size: 14px;
    }
}

@media (min-width: 1060px) {
    .ui.sidebar.inverted.vertical.menu {
        display: none;
    }
}


/*html {
        font-size: .875vw;
    }
    body {
        font-size: .875vw;
   }*/

@media (min-width: 1060px) {
    .ui.blue.sidenav.menu {
        display: none;
    }
}

@media (max-width: 1060px) {
    .ui.blue.sidenav.menu {}
}

.loggedIn {
    overflow: hidden;
    padding-bottom: 350px;
    /* must be same height as the footer */
}

.notLoggedIn {
    overflow: hidden;
    /*padding-bottom: 500px;*/
    /* must be same height as the footer */
}

#footer {
    /* position: relative; */
    /* margin-top: -230px; */
    /* negative value of footer height */
    /* height: 235px; */
    clear: both;
    background: #0e3959;
}

input .prompt.ui.large {
    text-transform: uppercase;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    text-transform: none;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    text-transform: none;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    text-transform: none;
}

body {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: #F5F6FA;
}

.ui.pricing.grid>* {
    padding-right: 0;
}

.ui.table span.positive {
    box-shadow: 0 0 0 #A3C293 inset;
    background: #FCFFF5!important;
    color: #2C662D!important;
}

.accordion.content {
    overflow: visible !important;
}




/*.ui.table td.positive, .ui.table tr.positive {
   background: #f4ffdc!important;
}

.ui.table td.negative, .ui.table tr.negative {
   background: #fff1e9!important;
   }*/

.ui.selection.dropdown.selected {
    background: #eff4f9;
    border-color: #2185d0;
}

.ui.grid>.column:not(.row),
.ui.grid>.row>.column {
     padding-right: 0;
}

.ui[class*="top attached"].pricing.segment {
    border-radius: 0;
}

.ui.attached.pricing.segment {
    border: 0;
}

.manage.reports {
    margin-top: 8px;
}

.lr-drop-target-before {
    border-left: 5px solid orange;
}

.lr-drop-target-after {
    border-right: 5px solid orange;
}




/*.ui.meColor.centered.header {
   color: #2185d0;
   }*/

.ui.menu .item:before {
    background: white;
}

.ui.main.menu {
    font-size: 1vw;
}

.ui.main.menu .active.menu.item {
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    border-bottom-color: #2185d0;
}

.ui.accordion.menu .item {
    padding: .92857143em 1.14285714em;
}

#stockwatch {
    min-height: 500px;
}

body.pushable>.pusher {
    background-color: #f9f9fa;
    background: #f9f9fa;
}

.ui.vertical.menu .nav.item {
    background-color: #2185d0;
}

.ui.vertical.menu .ui.verticalMenu.header {
    color: white;
}

.ui.progress.attached,
.ui.progress.attached .bar {
    overflow: visible;
}

.ui.accordion {
    max-width: inherit;
}

#second_opinion {
    margin-bottom: 40px;
}

#favorites {
    margin-bottom: 80px;
}

#etf_card {
    margin-bottom: 40px;
}

.image {
    position: fixed;
}

.ui.selection .report {
    border-radius: 500rem;
}

.content {
    margin-bottom: 10px;
}

.form {
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 5%;
    margin-bottom: 5%;
}

.ui.action.input {
    margin-bottom: 20px;
}

#edge {
    color: #fbbd08;
}

#trial {
    position: absolute;
    top: 43%;
    left: 20%;
}

#classic {
    position: absolute;
    top: 43%;
    left: 40%;
    margin-left: 10px;
}

#brand {
    position: absolute;
    color: white;
    top: 22%;
    left: 20%;
    width: 100%;
    font-size: 500%;
    font-family: helvetica;
    margin-bottom: -10px;
}

#tagline {
    position: absolute;
    color: white;
    margin-top: -10px;
    width: 100%;
    font-size: 80%;
    font-family: helvetica;
}

.of-vis {
    overflow: visible
}

.of-hid {
    overflow: hidden
}

.of-scr {
    overflow: scroll
}

.of-aut {
    overflow: auto
}

.ofx-vis {
    overflow-x: visible
}

.ofx-hid {
    overflow-x: hidden
}

.ofx-scr {
    overflow-x: scroll
}

.ofx-aut {
    overflow-x: auto
}

.ofy-vis {
    overflow-y: visible
}

.ofy-hid {
    overflow-y: hidden
}

.ofy-scr {
    overflow-y: scroll
}

.ofy-aut {
    overflow-y: auto
}

@media screen and (min-width:48em) {
    .of-vis-ns {
        overflow: visible
    }
    .of-hid-ns {
        overflow: hidden
    }
    .of-scr-ns {
        overflow: scroll
    }
    .of-aut-ns {
        overflow: auto
    }
    .ofx-vis-ns {
        overflow-x: visible
    }
    .ofx-hid-ns {
        overflow-x: hidden
    }
    .ofx-scr-ns {
        overflow-x: scroll
    }
    .ofx-aut-ns {
        overflow-x: auto
    }
    .ofy-vis-ns {
        overflow-y: visible
    }
    .ofy-hid-ns {
        overflow-y: hidden
    }
    .ofy-scr-ns {
        overflow-y: scroll
    }
    .ofy-aut-ns {
        overflow-y: auto
    }
}

@media screen and (min-width:48em) and (max-width:64em) {
    .of-vis-m {
        overflow: visible
    }
    .of-hid-m {
        overflow: hidden
    }
    .of-scr-m {
        overflow: scroll
    }
    .of-aut-m {
        overflow: auto
    }
    .ofx-vis-m {
        overflow-x: visible
    }
    .ofx-hid-m {
        overflow-x: hidden
    }
    .ofx-scr-m {
        overflow-x: scroll
    }
    .ofx-aut-m {
        overflow-x: auto
    }
    .ofy-vis-m {
        overflow-y: visible
    }
    .ofy-hid-m {
        overflow-y: hidden
    }
    .ofy-scr-m {
        overflow-y: scroll
    }
    .ofy-aut-m {
        overflow-y: auto
    }
}

@media screen and (min-width:64em) {
    .of-vis-l {
        overflow: visible
    }
    .of-hid-l {
        overflow: hidden
    }
    .of-scr-l {
        overflow: scroll
    }
    .of-aut-l {
        overflow: auto
    }
    .ofx-vis-l {
        overflow-x: visible
    }
    .ofx-hid-l {
        overflow-x: hidden
    }
    .ofx-scr-l {
        overflow-x: scroll
    }
    .ofx-aut-l {
        overflow-x: auto
    }
    .ofy-vis-l {
        overflow-y: visible
    }
    .ofy-hid-l {
        overflow-y: hidden
    }
    .ofy-scr-l {
        overflow-y: scroll
    }
    .ofy-aut-l {
        overflow-y: auto
    }
}



/*.tableem > thead:first-child > tr:first-child > th:first-child {
    position: absolute;
    display: inline-block;
    height: auto;  
    border-right: 1px solid rgba(34,36,38,.1);  
    width:80px;
    margin-left:-1px;
    background-color:#fff;
    z-index:1;
}

.tableem > tbody > tr > td:first-child {
    position: absolute;
    display: inline-block;
    height: auto;
    background-color:#F5F6FA;
    border-right: 1px solid rgba(34,36,38,.1);  
    border-left: 1px solid rgba(34,36,38,.1);
    width:80px;
    margin-left:-1px;
    background-color:#fff;           
}

.tableem > thead:first-child > tr:first-child > th:nth-child(2) {
    padding-left: 100px;
}

.tableem > tbody > tr > td:nth-child(2) {
    padding-left: 100px !important;
}   

.tableem > tbody > tr > td {
    white-space: nowrap;
    }*/