/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ripple begin */

.ripple {
 position: relative;
 overflow: hidden;
}
.ripple .ripple--container {
 position: absolute;
 top     : 0;
 right   : 0;
 bottom  : 0;
 left    : 0;
}
.ripple .ripple--container span {
 transform       : scale(0);
 border-radius   : 100%;
 position        : absolute;
 opacity         : 0.75;
 background-color: #fff;
 animation       : ripple 1000ms;
}
@keyframes ripple {
 to {
   opacity  : 0;
   transform: scale(2);
 }
}


/* ripple end *//* Account */
.logout-button {
    color: #5e5cff;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;  
    font-size: 1rem;
}
.logout-button:active {color: #5e5cff;}
.logout-button:hover {color: #5e5cff; text-decoration: underline;}
.logout-button:visited {color: #5e5cff;}

.account-subscription-details-grid {
    color: #445060;
    display: grid;
    grid-template-columns: 240px 1fr;
    font-family: 'Roboto', sans-serif;  
    font-size: .85rem;
    line-height: 1.3rem;
    font-weight: 400;
    text-align: left;
}

/* beta debug */
#portfolio-reset-cache-nav-anchor {
    width: 210px;
}

/* resubscribe */

.expired-subscription-header {
    color: #445060;
    font-family: 'Roboto', sans-serif;  
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin: 0 0 1.5rem 0;
    text-align: center;
}

.expired-subscription-para {
    color: #445060;
    font-family: 'Roboto', sans-serif;  
    font-size: 1rem;
    font-weight: 400;
    line-height: 1rem;
    margin: 1rem 0 2rem 0;
    text-align: center;
}

.account-subscription-resubscribe-grid {
    color: #445060;
    display: grid;
    grid-template-columns: 240px 20px 147px;
    font-family: 'Roboto', sans-serif;  
    font-size: .85rem;
    line-height: 1.3rem;
    max-width: 420px;
    font-weight: 400;
    text-align: left;
}

/* Data Storage Limits */
.account-user-storage-image-expand-details {
  	color: #5e5cff;
  	margin: 1.5rem 0 0 0;
}
.account-user-storage-image-expand-details:active {color: #5e5cff;}
.account-user-storage-image-expand-details:hover {color: #5e5cff; text-decoration: underline;}
.account-user-storage-image-expand-details:visited {color: #5e5cff;}

.account-user-storage-image-select-grid {
  	display: grid;
  	grid-template-columns: 170px 170px;
  	margin: 2rem 0;
}

#account-user-storage-details-cont {
    margin: 1.5rem 0 0 0;
}

.user-storage-admin-image-grid-row {
    color: #445060;
    display: grid;
    font-family: 'Roboto', sans-serif;  
    font-size: 1rem;
    grid-template-columns: 100px 1fr 100px 150px;
    margin: 1.5rem 0 0 0;
}

.account-switch-plan-pricing {
    color: #445060;
    font-family: 'Roboto', sans-serif;
    font-size: .85rem;
    line-height: .85rem;
    vertical-align: bottom;
    display: inline-block;
    margin-top: 9px
}

/* login */

#login-wrap {
  transition: .66s opacity ease-in-out, .66s transform ease-in-out;
}

#user-login-form-button {
    width: 161px;
    margin: 1rem 0 1rem 0;
}

.login-mobile-grid {
    display: grid;
    grid-template-columns: 1rem 1fr 1rem;
    margin: 0 auto;
    max-width: 49rem;
}

.login-header-grid {
    display: grid;
    grid-template-columns: 70px 1fr;
    margin-bottom: 2rem;
}

.login-logo-title {
    color: #5e5cff;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
    margin: .55rem 0 0 0;
}

.login-card {
    background: #fff;
    box-shadow: 0 2px 15px rgb(84 96 103 / 25%);
    border-radius: 4px;
    padding: 2rem;
}

.login-h1 {
    color: #445060;
    font-family: 'Roboto', sans-serif;
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 700;
    margin: 0 0 2rem 0;
}

.login-form-grid {
    margin: 0 auto 2rem auto;
    max-width: 370px;
}


/* phone */
@media screen and (max-width: 64.9375rem) {

    .login-header-grid {
        margin-bottom: 1rem;
    }

    .login-card {
        padding: 1rem;
    }

    .login-h1 {
        color: #445060;
        font-family: 'Roboto', sans-serif;
        font-size: 1.5rem;
        line-height: 1.5rem;
        font-weight: 700;
        margin: 0 0 1rem 0;
    }

    .login-form-grid {
        grid-template-columns: 140px 1fr;
        margin: 0 0 1rem 0 ;
    }
}

#brokerage-import-go-to-view {
    width: 277px;
}

#brokerage-import-additional-details-container {
    display: none;
}

#brokerage-import-form-bottom-container {
    display: none;
}

#brokerage-import-submit-button {
    width: 146px;
}

.brokerage-import-tutorial-card {
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    padding: 1.5rem;
    margin: 2rem 0;
    max-width: 100%;
}

.brokerage-import-header {
    color: #445060;
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.1rem;
    margin: 0;
}

.brokerage-import-tutorial-card img {
    max-width: 100%;
    object-fit: cover;
}

.brokerage-import-tutorial-para {
    color: #445060;
    font-family: 'Roboto', sans-serif;  
    font-size: 1rem;
    line-height: 1rem;
    margin: 0 0 1rem 0;
}

.account-expired-top-menu-cont {

}

.account-expired-top-logo {
    width: 40px;
    margin: 2rem 0 0 0;
}


/* admin */

.admin-version-li {
    color: #445060;
    font-family: 'Ubuntu', sans-serif;  
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1rem;
    margin: 1rem 0;
    text-align: left;
}

.admin-features-table {
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    color: #445060;
}

.admin-features-grid {
    display: grid;
    grid-template-columns: 120px 1fr;
    border-bottom: 1px solid #dfdfdf;
}

.admin-features-grid div {
    padding: .5rem;
}#analysis-form-submit-button {
    margin: 1rem 0 0 0;
    width: 124px;
}

.analysis-card {
    background: #fff;
    box-shadow: 0 2px 15px rgb(84 96 103 / 25%);
    border-radius: 4px;
    margin: 0;
    padding: 0 0 2rem 0;
    width: 100%;
}

.analysis-form-card-grid {
    display: grid;
    grid-template-columns: auto;
    grid-column-gap: 2rem;
    margin: 2rem 0;
}

.analysis-form-row-grid {
    display: grid;
    grid-template-columns: 316px auto;
}

.analysis-form-card {
    background: #fff;
    box-shadow: 0 2px 15px rgb(84 96 103 / 25%);
    border-radius: 4px;
    margin: 0;
    padding: 0;
    width: auto;
}

.analysis-form-radio-container {
    height: 45px;
}

.analysis-form-select-bar {
    background: #ffffff;
    border: 1px solid #dc191947;
    border-radius: 8px;
    box-shadow: 0 8px 6px -6px #dc19192e, 0 8px 6px -6px #dc19190d;
    color: #445060;
    font-family: 'Open sans', sans-serif;
    font-size: .9rem;
    height: auto;
    line-height: 1rem;
    padding: 0.39rem 0.6rem 0.39rem 0.6rem;
    width: 288px;
}

.analysis-select-option-center {
    text-align: center;
}

.analysis-form-row-math-symbols-cont {
    margin: 1rem 0 2rem 0;
    width: 288px;
}

.analysis-form-radio-button-red {
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 5;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: 0;
    opacity: 0;    
    visibility: hidden;
}

.analysis-form-radio-button-red + label {
    background-color: #f6fafd;
    border: 1px solid #4444440f;
    border-radius: 8px;
    box-shadow: 0 8px 6px -6px #dc19192e, 0 8px 6px -6px #dc19190d;
    color: #445060;
    cursor: pointer;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: .9rem;
    line-height: 22px;
    margin: 0 0 1rem 0;
    padding: 5px 1.33rem 6px 1.33rem;
}

.analysis-form-radio-button-red:checked + label {
    border-color: #dc191940;
    background-color: #dc19190d;
    border: 1px solid #dc191947;
    box-shadow: 0 8px 6px -6px #dc19192e, 0 8px 6px -6px #dc19199e;
    color: #dc1919;
}

.analysis-form-radio-button-blue {
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 5;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: 0;
    opacity: 0;    
    visibility: hidden;
}

.analysis-form-radio-button-blue + label {
    background-color: #f6fafd;
    border: 1px solid #4444440f;
    border-radius: 8px;
    box-shadow: 0 8px 6px -6px rgb(87 106 255 / 18%), 0 8px 6px -6px rgb(87 106 255 / 5%);
    color: #445060;
    cursor: pointer;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: .9rem;
    line-height: 22px
 ;   margin: 0 0 1rem 0;
    padding: 5px 1.33rem 6px 1.33rem;
}

.analysis-form-radio-button-blue:checked + label {
    border-color: rgb(87 106 255 / 25%);
    background-color: rgb(87 106 255 / 10%);
    border: 1px solid rgb(87 106 255 / 28%);
    box-shadow: 0 8px 6px -6px rgb(87 106 255 / 18%), 0 8px 6px -6px rgb(87 106 255 / 62%);
    color: #5e5cff;
}

.analysis-form-math-radio-button-green {
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 5;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: 0;
    opacity: 0;    
    visibility: hidden;
}

.analysis-form-math-radio-button-green + label {
    background-color: #f6fafd;
    border: 1px solid #4444440f;
    border-radius: 8px;
    box-shadow: 0 8px 6px -6px rgb(34 181 43 / 18%), 0 8px 6px -6px rgb(34 181 43 / 5%);
    color: #445060;
    cursor: pointer;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: .9rem;
    line-height: 22px;
    margin: 0 0 1rem 0;
    padding: 5px 1.33rem 6px 1.33rem;
}

.analysis-form-math-radio-button-green:checked + label {
    border-color: rgb(34 181 43 / 25%);
    background-color: rgb(34 181 43 / 5%);
    border: 1px solid rgb(34 181 43 / 28%);
    box-shadow: 0 8px 6px -6px rgb(34 181 43 / 18%), 0 8px 6px -6px rgb(34 181 43 / 62%);
    color: #22b52b;
}

.analysis-form-math-radio-button {
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 5;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: 0;
    opacity: 0;    
    visibility: hidden;
}

.analysis-form-math-radio-button + label {
    background-color: #f6fafd;
    border: 1px solid #4444440f;
    border-radius: 8px;
    box-shadow: 0 8px 6px -6px #dc19192e, 0 8px 6px -6px #dc19190d;
    color: #445060;
    cursor: pointer;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: .9rem;
    line-height: 22px;
    padding: 5px 1.33rem 6px 1.33rem;
}

.analysis-form-math-radio-button:checked + label {
    border-color: #dc191940;
    background-color: #dc19190d;
    border: 1px solid #dc191947;
    box-shadow: 0 8px 6px -6px #dc19192e, 0 8px 6px -6px #dc19199e;
    color: #dc1919;
}

.analysis-form-select-container {
    margin: 0 0 1rem 0;
}

.analysis-form-select-bar-green {
    background: #ffffff;
    border: 1px solid rgb(34 181 43 / 28%);
    border-radius: 8px;
    box-shadow: 0 8px 6px -6px rgb(34 181 43 / 28%), 0 8px 6px -6px rgb(34 181 43 / 5%);
    color: #445060;
    font-family: 'Open sans', sans-serif;
    font-size: .9rem;
    height: auto;
    line-height: 1rem;
    padding: 0.39rem 0.6rem 0.39rem 0.6rem;
    width: 288px;
}

.analysis-quick-link-button {
    background: #fff;
    box-shadow: 0 3px 6px rgb(87 106 255 / 13%), 0 3px 6px rgb(87 106 255 / 48%);
    border-radius: 6px;
    border: none;
    color: #576aff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    line-height: 1rem;
    margin: 0 .5rem 1rem 0;
    font-weight: 500;
    padding: 0.44rem 1.33rem;
    text-decoration: none;
    vertical-align: bottom
}

.analysis-quick-link-button-active {
    background: #5e5cff26;
}

.analysis-graphs-card {
    background: #fff;
    box-shadow: 0 2px 15px rgb(84 96 103 / 25%);
    border-radius: 4px;
    margin: 0;
    padding: 2rem 0 0 0;
    width: 100%;
}

.analysis-form-settings-grid {
    display: grid;
    grid-template-columns: 318px auto;
    margin: 0 0 .5rem 0;
}

.analysis-more-settings {
    width: 140px;
}

.analysis-reset {
    margin-right: .5rem;
    width: 130px;
}

.analysis-advanced-settings-cont {
    margin: 1rem 0 0 0;
}

#analysis-chart-cont {
    display: grid;
    grid-template-columns: 804px 524px;
    grid-column-gap: 2rem;
    margin: 2rem 0 0 0;
}

.stock-analysis-title-ticker {
    color: #576aff;
    font-family: "Roboto", sans-serif;
    font-size: 1.3rem;
    line-height: 1.3rem;
    font-weight: 500;
    margin: 0 0 1rem 0;
}

.stock-analysis-title-metric {
    color: #dc1919;
    font-family: "Roboto", sans-serif;
    font-size: 1.3rem;
    line-height: 1.3rem;
    font-weight: 500;
    margin: 0 0 1rem 0;
}

.analysis-page-ticker-span {
    font-size: .9rem;
    line-height: .9rem;
}

.analysis-two-table-container-grid {
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 2rem;
}

.analysis-table-card {
    background: #fff;
    box-shadow: 0 2px 15px rgb(84 96 103 / 25%);
    border-radius: 4px;
    margin: 0;
    padding: 2rem 0 2rem 0;
    max-width: 664px;
}

.analysis-table-grid {
    display: grid;
    grid-template-columns: 85px 126px 89px 80px 79px;
    padding: .5rem 0;
}

.analysis-table-header {
    color: #445060;
    font-weight: 500;
}

.analysis-table-h2 {
    color: #445060;
    font-family: "Roboto", sans-serif;
    font-size: 1.3rem;
    line-height: 1.3rem;
    font-weight: 500;
    margin: 0 0 1rem 0;
}

.analysis-table-year {
    color: #8793a5;
    font-family: "Roboto", sans-serif;
    font-size: .95rem;
    line-height: 1.3rem;
    text-align: left;
}

.analysis-table-datapoint {
    color: #445060;
    font-family: "Roboto", sans-serif;
    font-size: .95rem;
    line-height: 1.3rem;
    text-align: left;
    word-break: break-all;
}

.analysis-table-yoy {
    color: #445060;
    font-family: "Roboto", sans-serif;
    font-size: .95rem;
    line-height: 1.3rem;
    text-align: left;
}

.analysis-table-total-return {
    font-family: "Roboto", sans-serif;
    font-size: .95rem;
    line-height: 1.3rem;
    text-align: left;
}

.analysis-table-aror {
    font-family: "Roboto", sans-serif;
    font-size: .95rem;
    line-height: 1.3rem;
    text-align: left;
}

.analysis-table-null {
    color: #e3e8ef;
}


/** phone **/
@media screen and (max-width: 58.9375rem) {

    #analysis-chart-cont {
        grid-template-columns: auto;
        padding-top: 0;
    }

    .analysis-graphs-card {
        margin: 1rem 0 0 0;
    }

    .analysis-form-row-grid {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto auto;
        max-width: 100%;
    }

    .analysis-form-radio-container {
        height: auto;
        margin: 0;
        max-width: 300px;
        grid-row-start: 1;
        grid-row-end: 2;
    }

    .analysis-form-select-container {
        grid-row-start: 2;
        grid-row-end: 3;
    }

    .analysis-form-row-math-symbols-cont {
        width: auto;
    }

    .analysis-form-settings-grid {
        grid-template-columns: auto;
    }

    .analysis-results-card {
        width: 100%;
    }

    .analysis-table-card {
        max-width: 100%;
        margin: 0;
        padding: 1rem 0 1rem 0;
    }

    .analysis-two-table-container-grid {
        display: grid;
        grid-template-columns: auto;
        grid-row-gap: 1rem;
        margin: 1rem 0 0 0;
    }

    .analysis-table-grid {
        grid-template-columns: 40px minmax(100px, 150px) minmax(50px, auto) minmax(50px, auto) minmax(50px, auto);
    }

    .analysis-table-header {
        font-size: .8rem;
        line-height: .85rem;
    }

    .analysis-table-year {
        color: #8793a5;
        font-family: "Roboto", sans-serif;
        font-size: .8rem;
        line-height: .85rem;
        text-align: left;
    }

    .analysis-table-datapoint {
        color: #445060;
        font-family: "Roboto", sans-serif;
        font-size: .8rem;
        line-height: .85rem;
        text-align: left;
    }

    .analysis-table-yoy {
        color: #445060;
        font-family: "Roboto", sans-serif;
        font-size: .8rem;
        line-height: .85rem;
        text-align: left;
    }

    .analysis-table-total-return {
        font-family: "Roboto", sans-serif;
        font-size: .8rem;
        line-height: .85rem;
        text-align: left;
    }

    .analysis-table-aror {
        font-family: "Roboto", sans-serif;
        font-size: .8rem;
        line-height: .85rem;
        text-align: left;
    }

}.fade-wrap {
	opacity: 0;
}

.ripple{
  overflow:hidden;
}

.ripple-effect{
  position: absolute;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background: white;
  animation: ripple-animation 2s;
}


@keyframes ripple-animation {
    from {
      transform: scale(1);
      opacity: 0.4;
    }
    to {
      transform: scale(100);
      opacity: 0;
    }
}/* blue BIG */
button.load-button {
  background: #6375fb;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border-radius: 6px;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;  
  font-size: 1rem;
  height: 40px;
  line-height: 1rem;
  font-weight: 500;
  padding: 0 1.33rem;
  vertical-align: bottom;
}

button.load-button span {
  transition: all 1s;
  opacity: 1;
}
button.load-button svg {
  display: none;
  margin: 0 auto;
  transition: all 1s;
}
button.load-button svg path, button.load-button svg rect {
  fill: #fff;
}

button.loading-start span {
  display: none;
  opacity: 0;
}
button.loading-start svg {
  display: block;
  opacity: 1;
}

/* MED */
button.load-button-blue {
  background: #6375fb;
  background: #5e5cff;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border-radius: 6px;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;  
  font-size: .9rem;
  height: 33.33px;
  line-height: 2rem;
  font-weight: 500;
  padding: 0;
  vertical-align: bottom;
}

button.load-button-blue:hover {
  background: #5554ec;
}

button.load-button-blue span {
  transition: all 1s;
  opacity: 1;
}

button.load-button-blue .load-button-blue-svg {
  display: none;
  margin: 0 auto;
  transition: all 1s;
}

button.load-button-blue .load-button-blue-svg path, button.load-button-blue .load-button-blue-svg rect {
  fill: #fff;
}

button.loading-start .load-button-blue-svg {
  display: block;
  opacity: 1;
}

  .generic-submit-button-width {
    width: 110px;
  }

  #onboarding-entry-note-new-button {
    width: 180px;
  }

  

/* search */
button.load-button-search {
  /*background: #6375fb;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border-radius: 0 8px 8px 0;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;  
  font-size: .9rem;
  font-weight: 500;
  height: 33.3333px;
  margin: 0;
  padding: .44rem 1.33rem;*/

  background: #6375fb;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border-radius: 0 8px 8px 0;
  border: none;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;  
  font-size: 1rem;
  height: 33.3333px;
  line-height: 1rem;
  font-weight: 500;
  padding: 0 1.33rem;
  vertical-align: bottom;
}

button.load-button-search span {
  transition: all 1s;
  opacity: 1;
}
button.load-button-search .search-svg {
  display: none;
  margin: 0 auto;
  transition: all 1s;
}
button.load-button-search .search-svg path, button.load-button-search .search-svg rect {
  fill: #fff;
}

button.loading-start-search span {
  display: none;
  opacity: 0;
}
button.loading-start-search .search-svg {
  display: block;
  opacity: 1;
}



/* white */
button.load-button-white {
  background: #fff;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border-radius: 6px;
  border: none;
  color: #5e5cff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;  
  font-size: 1rem;
  height: 33.3333px;
  line-height: 1rem;
  font-weight: 500;
  padding: 0 1.33rem;
  vertical-align: bottom;
}

button.load-button-white span {
  transition: all 1s;
  opacity: 1;
}
button.load-button-white .load-button-white-svg {
  display: none;
  margin: 0 auto;
  transition: all 1s;
}
button.load-button-white .load-button-white-svg path, button.load-button-white .load-button-white-svg rect {
  fill: #5e5cff;
}

button.loading-start span {
  display: none;
  opacity: 0;
}
button.loading-start .load-button-white-svg {
  display: block;
  opacity: 1;
}

/* blue anchor */
a.load-anchor-blue {
  background: #5e5cff;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border-radius: 6px;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;  
  font-size: .9rem;
  height: 33.33px;
  line-height: 2rem;
  font-weight: 500;
  padding: 0;
  text-align: center;
  text-decoration: none;
  vertical-align: bottom;
}

a.load-anchor-blue span {
  transition: all 1s;
  opacity: 1;
}
a.load-anchor-blue .load-anchor-blue-svg {
  display: none;
  margin: 4px auto 0 auto;
  transition: all 1s;
}
a.load-anchor-blue .load-anchor-blue-svg path, a.load-anchor-blue .load-anchor-blue-svg rect {
  fill: #fff;
}
a.loading-start .load-anchor-blue-svg {
  display: block;
  opacity: 1;
}

a.loading-start span {
  display: none;
  opacity: 0;
}
a.loading-start svg {
  display: block;
  opacity: 1;
}

/* white-anchor */
a.load-anchor-white {
  background: #fff;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  box-shadow: 0 3px 6px rgb(87 106 255 / 13%), 0 3px 6px rgb(87 106 255 / 48%);
  border-radius: 6px;
  border: none;
  color: #5e5cff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;  
  font-size: .9rem;
  height: 33.33px;
  line-height: 2rem;
  font-weight: 500;
  padding: 0;
  text-align: center;
  text-decoration: none;
  vertical-align: bottom;
}

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

a.load-anchor-white span {
  transition: all 1s;
  opacity: 1;
}
a.load-anchor-white .load-anchor-white-svg {
  display: none;
  margin: 4px auto 0 auto;
  transition: all 1s;
}
a.load-anchor-white .load-anchor-white-svg path, a.load-anchor-white .load-anchor-white-svg rect {
  fill: #5e5cff;
}

a.loading-start span {
  display: none;
  opacity: 0;
}
a.loading-start .load-anchor-white-svg {
  display: block;
  opacity: 1;
}

.success-check-svg-white {
    color: #fff;
    height: 16px;
    width: 16px;
    margin-top: -2px;
    margin-right: 4px;
    margin-left: -1px;
    margin-bottom: -3px;
}

/* red anchor */

a.load-anchor-red {
  background: #ca4934;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border-radius: 6px;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;  
  font-size: .9rem;
  height: 33.33px;
  line-height: 2rem;
  font-weight: 500;
  padding: 0;
  text-align: center;
  text-decoration: none;
  vertical-align: bottom;
}

a.load-anchor-red span {
  transition: all 1s;
  opacity: 1;
}
a.load-anchor-red .load-anchor-red-svg {
  display: none;
  margin: 4px auto 0 auto;
  transition: all 1s;
}
a.load-anchor-red .load-anchor-red-svg path, a.load-anchor-red .load-anchor-red-svg rect {
  fill: #fff;
}
a.loading-start .load-anchor-red-svg {
  display: block;
  opacity: 1;
}

/* red button */

button.load-anchor-red {
  background: #ca4934;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border-radius: 6px;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;  
  font-size: .9rem;
  height: 33.33px;
  line-height: 2rem;
  font-weight: 500;
  padding: 0;
  text-align: center;
  text-decoration: none;
  vertical-align: bottom;
}

button.load-anchor-red span {
  transition: all 1s;
  opacity: 1;
}
button.load-anchor-red .load-anchor-red-svg {
  display: none;
  margin: 4px auto 0 auto;
  transition: all 1s;
}
button.load-anchor-red .load-anchor-red-svg path, a.load-anchor-red .load-anchor-red-svg rect {
  fill: #fff;
}
button.loading-start .load-anchor-red-svg {
  display: block;
  opacity: 1;
}

/* white-red */
a.load-anchor-white-red {
  background: #fff;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(255 0 0 / 23%);
  border-radius: 6px;
  border: none;
  color: #ca4934;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;  
  font-size: .9rem;
  height: 33.33px;
  line-height: 2rem;
  font-weight: 500;
  padding: 0;
  text-align: center;
  text-decoration: none;
  vertical-align: bottom;
}

a.load-anchor-white-red:hover {
  text-decoration: underline;
}

a.load-anchor-white-red span {
  transition: all 1s;
  opacity: 1;
}
a.load-anchor-white-red .load-anchor-white-red-svg {
  display: none;
  margin: 4px auto 0 auto;
  transition: all 1s;
}
a.load-anchor-white-red .load-anchor-white-red-svg path, a.load-anchor-white-red .load-anchor-white-red-svg rect {
  fill: #ca4934;
}

.load-anchor-white-red-svg {
  display: block;
  opacity: 1;
}


/**/

/*div.btn-content {
  float: left;
  margin: 0 20px;
}*/

.load-button:focus{
    outline: none !important;
  border: 2px solid #ff9800;
}

.button-width-100 {
  width: 100px;
}

.button-width-150 {
  width: 150px;
}

.button-width-200 {
  width: 200px;
}

.button-width-expand {
  width: 100%;
}

.button-cont {
  height: 105px;
}

.blue-button {
  background: #576aff;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border-radius: 6px;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;  
  font-size: .9rem;
  line-height: 1rem;
  font-weight: 500;
  margin: 0;
  padding: .44rem 1.33rem;
  vertical-align: bottom;
}

.blue-button:focus {
  box-shadow: 2px 4px 7px #ff9800, -2px 3px 4px #ff9800;
}

.blue-button:hover {
  background: #6375fb;
  box-shadow: 0 3px 6px rgba(87, 106, 255, 0.14), 0 3px 6px rgba(87, 106, 255, 0.6);
  color: #fff;
}

.blue-button:active {
  color: #fff;
}

.blue-button:visited {
  color: #fff;
}

.disabled-button {
  background: #d9dfe7;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border-radius: 6px;
  border: none;
  color: #445060;
  cursor: not-allowed;
  display: inline-block;
  font-family: 'Roboto', sans-serif;  
  font-size: .9rem;
  line-height: 1rem;
  font-weight: 500;
  margin: 0;
  padding: .44rem 1.33rem;
  vertical-align: bottom; 
}

.blue-button-medium {
  background: #576aff;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border-radius: 6px;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: .9rem;
  font-weight: 500;
  margin: 1.45rem 0;
  padding: .5rem 1.33rem;
}

.blue-button-medium:focus {
  background: #6375fb;
  box-shadow: 0 3px 6px rgba(87, 106, 255, 0.14), 0 3px 6px rgba(87, 106, 255, 0.6);
}

.blue-button-medium:hover {
  background: #6375fb;
  box-shadow: 0 3px 6px rgba(87, 106, 255, 0.14), 0 3px 6px rgba(87, 106, 255, 0.6);
  color: #fff;
}

.blue-button-medium:active {
  color: #fff;
}

.blue-button-medium:visited {
  color: #fff;
}

.blue-button-medium-inline {
  background: #576aff;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border-radius: 6px;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: .9rem;
  font-weight: 500;
  line-height: 1.95rem;
  margin: 0;
  padding: 0 1.33rem;
}

.blue-button-medium-inline:focus {
  box-shadow: 2px 4px 7px #ff9800, -2px 3px 4px #ff9800;
  color: #fff;
}

.blue-button-medium-inline:hover {
  background: #2b42f9;
  color: #fff;
}

.blue-button-medium-inline:active {
  color: #fff;
}

.blue-button-medium-inline:visited {
  color: #fff;
}

.white-button {
  background: #fff;
  box-shadow: 0 3px 6px rgba(87, 106, 255, 0.13), 0 3px 6px rgba(87, 106, 255, 0.48);
  border-radius: 6px;
  border: none;
  color: #576aff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;  
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 500;
  padding: .44rem 1.33rem;
  text-decoration: none;
  vertical-align: bottom;
}

.white-button:focus {
  box-shadow: 0 3px 4px #22bb5b, 0 3px 4px #22bb5b;
}

.white-button:hover {
  background: #f4f4f4;
  color: #576aff;
}

.white-button:active {
  color: #576aff;
}

.white-button:visited {
  color: #576aff;
}

.button-svg-stock-white {
  color: #fff;
  height: 18px;
  margin-bottom: -3px;
  margin-right: 3px;
  width: 18px;
}

.red-button {    
  background: #ca4934;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border-radius: 6px;
  border: none;
  color: #efefef;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: .9rem;
  font-weight: 500;
  line-height: .9rem;
  margin: 0;
  padding: .44rem 1.33rem;
}

.red-button:focus {
  background: #e63a1e;
  box-shadow: 0 3px 4px #22bb5b, 0 3px 4px #22bb5b;
}

.red-button:hover {
  background: #e63a1e;
  color: #efefef;
}

.red-button:active {
  background: #e63a1e;
  color: #efefef;
}

.red-button:visited {
  color: #efefef;
}

.toggle-timezone-options {
  cursor: pointer;
}

.submit-item-imgur-upload-button {
    border: none;
    border: 2px dashed #576aff;
    color: #222;
    font-family: 'Open sans', sans-serif;
    font-size: .9rem;
    line-height: 1.8rem;
    margin: 0;
    padding: .5rem;
    background: #eee;
}

.entry-hashtag-link {
  color: #576aff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
}

.entry-profile-link {
  color: #576aff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
}

.blue-link {
  border: none;
  color: #576aff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: .9rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin: 0;
  padding: 0;
  text-decoration: underline;
}

.blue-link:focus {
  box-shadow: 0 3px 4px #22bb5b, 0 3px 4px #22bb5b;
}

.blue-link:hover {
  color: #2b42f9;
}

.blue-link:active {
  color: #2b42f9;
}

.blue-link:visited {
  color: #576aff;
}

.delete-link {
  border: none;
  color: #576aff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: .9rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin: 0;
  padding: 0;
  text-decoration: underline;
}

.delete-link:focus {
  box-shadow: 0 3px 4px #22bb5b, 0 3px 4px #22bb5b;
}

.delete-link:hover {
  color: #2b42f9;
}

.delete-link:active {
  color: #2b42f9;
}

.delete-link:visited {
  color: #576aff;
}

/* phone */
@media screen and (max-width: 56.975em){

  .blue-button {
    margin: 0;
  }

}#portfolio-refresh-begin-automatic {
	color: #5e5cff;
	text-decoration: underline;
}

#portfolio-refresh-begin-automatic:hover {
	cursor: pointer;
	text-decoration: underline;
}


.portfolio-refresh-anchor {
	font-weight: 700;
	text-decoration: none;
}

.portfolio-refresh-anchor:hover {
	cursor: default;
}

.portfolio-refresh-anchor-in-progress {
	color: #5e5cff;
}

.portfolio-refresh-anchor-in-progress:hover {
	cursor: pointer;
	text-decoration: underline;
}

.portfolio-refresh-anchor-completed {
	color: #22bb5b;
}

.portfolio-refresh-instructions {
	color: #dc1919;
	display: block;
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1.2rem;
	margin: 0 0 2rem 0;
}.dividend-card-h1 {
	display: inline-block;
	font-weight: 700;
	margin: .5rem 0;
}

.dividend-details-padding {
	padding: .31rem 0 0 0;
}

.dividend-payment-list-buffer {
	padding: 1.05rem 0 0 0;
}


.dividend-payment-grid {
	display: grid;
	grid-template-columns: 110px 80px 1fr ;
	font-family: 'Roboto', sans-serif;
	font-size: .9rem;
}

.dividend-payment-grid {
	margin: .25rem 0 0 0;
}

.dividend-payment-grid-label {
	color: #666;
	font-weight: 400;
	margin: 0;
}

.dividend-payment-grid-date {
	color: #999;
}

/* phone */
@media screen and (max-width: 56.975em){

	.ticker-triple-grid {
		grid-template-rows: 1fr 1fr 1fr;
	}

}


/* ipad  */
@media screen and (min-width: 57em) and (max-width: 78.9em){

}

/* large */
@media screen and (min-width: 79em){

}

.earnings-table-past-week-cont {
	padding: 2rem 0;
}

.earnings-grid-past-week {
	border-top: 1px solid #e3e8ef;
	display: grid;
	grid-template-columns: 150px 1fr;
	margin: 0;
	padding: 0 2rem;
}

.earnings-col-past-week-date {
	color: #8793a5;
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: .85rem;
    line-height: 1.3rem;
    padding: 0.6rem 0 0 0;
    vertical-align: bottom;
}

.earnings-grid-past-week-ticker-link {
	padding: .5rem 0;
}

.earnings-grid-past-week-ticker-link:hover {
	text-decoration: underline;
}



.earnings-calendar-weekly-cont {
	margin: 0 4rem 2rem 4rem;
	/*border: 1px solid #5e5cff;
	border-radius: 4px;
	background: rgb(87 106 255 / 4%); */
}

.earnings-calendar-weekly-header-cont {
}

.earnings-calendar-weekly-cont-h-earnings-reports {
    color: #445060;
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    text-align: left;
    padding-top: 2rem;
}

.earnings-calendar-weekly-cont-h-for-the-week-beginning {
    color: #8793a5;
    font-family: 'Ubuntu', sans-serif;
    font-size: 1rem;
    margin: .5rem 0 0 1.9rem;
    text-align: left;
}

.earnings-calendar-weekly-cont-h-week {
    color: #445060;
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    text-align: left;
    margin: .5rem 0 2rem 1.85rem;
}

.earnings-calendar-weekly-day-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-column-gap: 4rem;
	padding-bottom: 2rem;
	padding-top: 1rem;
	padding-left: 0;
	padding-right: 0;
}

.earnings-calendar-weekly-day-cont {
	background: #fff;
	border-radius: 4px;
	/*box-shadow: 0 3px 6px rgb(87 106 255 / 13%), 0 3px 6px rgb(87 106 255 / 48%);*/
}

.earnings-calendar-weekly-day-label {
	/*background: #dc1919;;
	border-radius: 4px 4px 0 0;*/
	display: grid;
	grid-template-columns: 1fr 1fr;
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    padding: .25rem 0 0 0;
    text-align: center;
}

.earnings-calendar-weekly-day-label-left {
	text-align: left;
}

.earnings-calendar-weekly-day-label-right {
    color: #8793a5;
	text-align: right;
}

.earnings-calendar-highlight-day {
	border-bottom: 2px solid #22bb5b;
}

.earnings-calendar-highlight-day-of-week {
	color: #22bb5b;
}

.earnings-calendar-no-highlight-day {
	border-bottom: 2px solid #445060;
    /*color: #5e5cff;*/
}

.earnings-calendar-ticker-icon-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
	grid-row-gap: 0;
}

.earnings-calendar-ticker-icon-grid div {
	height: 80px;
}

.earnings-calendar-label-before-market-grid {
    display: grid;
    grid-template-columns: 1fr 20px 1fr;
    grid-column-gap: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.earnings-calendar-bmg-left {
	border-bottom: 1px solid #5e5cff;
}

.earnings-calendar-bmg-right {
	border-bottom: 1px solid #5e5cff;
}

.earnings-calendar-label-after-market-grid {
    display: grid;
    grid-template-columns: 1fr 20px 1fr;
    grid-column-gap: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.earnings-calendar-amg-left {
	border-bottom: 1px solid #dc1919;
}

.earnings-calendar-amg-right {
	border-bottom: 1px solid #dc1919;
}

.earnings-calendar-label-unset-market-grid {
    display: grid;
    grid-template-columns: 1fr 20px 1fr;
    grid-column-gap: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.earnings-calendar-umg-left {
	border-bottom: 1px solid #445060;
}

.earnings-calendar-umg-right {
	border-bottom: 1px solid #445060;
}

.earnings-calendar-bmg-svg {
	color: #5e5cff;
	height: 20px;
	width: 20px;
	margin-bottom: -10px;
}

.earnings-calendar-amg-svg {
	color: #dc1919;
	height: 20px;
	width: 20px;
	margin-bottom: -10px;
}

.earnings-calendar-umg-svg {
	color: #445060;
	height: 18px;
	width: 23px;
	margin-bottom: -11px;
	margin-left: -2px;
}

.earnings-calendar-ticker-img {
	display: table;
	max-height: 70px;
	max-width: 70px;
	margin: .5rem auto;
}

.earnings-cal-ticker-anchor {
	text-decoration: none;
}

.earnings-cal-missing-img {
    border-radius: 6px;
    box-shadow: 0 3px 6px rgba(87, 106, 255, 0.13), 0 3px 6px rgba(87, 106, 255, 0.48);
    color: #5c5eff;
    font-family: 'Roboto', sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    width: 100%;
    display: flex;
    align-items: center; /* Vertical centering */
    justify-content: center; /* Horizontal centering */
    padding-bottom: 4px;
}

.earnings-cal-missing-img:hover {
    box-shadow: 0 3px 6px rgba(87, 106, 255, 0.48), 0 3px 6px rgba(87, 106, 255, 0.74);
    text-decoration: underline;
}

.earnings-cal-missing-img:visited {
	color: #5c5eff;
}

/* phone */
@media screen and (max-width: 64.9375rem) {

	.earnings-grid-past-week {
		padding: 0 1rem;
	}

	.earnings-calendar-weekly-day-grid {
		grid-template-columns: 1fr;
	}

	.earnings-calendar-ticker-icon-grid {
		padding: 1rem;
	}

}


/* ipad  */
@media screen and (min-width: 64.94rem) and (max-width: 80.9375rem){

	.earnings-grid-past-week {
		padding: 0 1.5rem;
	}
}

/* large */
@media screen and (min-width: 80.94rem) and (max-width: 102.9375rem){

}


/* XLarge */
@media screen and (min-width: 102.94rem){ 
}/* entry note */
#journal-view-content {
	margin: 33px 0 0 0;
}

/* entry table */

.create-entry-card {
    background: #fff;
    box-shadow: 0 2px 15px rgba(84,96,103,.25);
    border-radius: 4px;
    margin: 0;
    padding: 0 0 2rem 0;
    width: 530px;
}

.create-entry-type-button-container {
    display: grid;
    grid-template-columns: auto;
    grid-row-gap: 1rem;
    margin: 1rem 0 0 0;
}

.create-entry-type-button {
    background: #5e5cff;
    box-shadow: 0 3px 6px rgba(87, 106, 255, 0.13), 0 3px 6px rgba(87, 106, 255, 0.48);
    border-radius: 6px;
    border: none;
    color: #fff;
    cursor: pointer;
    display: block;
    height: 40px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 164px;
    vertical-align: bottom;
}

#create-entry-div {
    margin: 2rem 0 0 0;
}

#create-entry-note {
    height: 40px;
    width: 164px;
}

#create-entry-note:hover {background: #5554ec;}
#create-entry-stock:hover {background: #5554ec;}
#create-entry-cash:hover {background: #5554ec;}

#create-svg-note {
    display: inline-block;
    height: 25px;
    margin: 7px auto -3px auto;
    text-decoration: none;
    width: 25px;
    vertical-align: bottom;
}

#create-svg-stock {
    display: inline-block;
    height: 25px;
    margin: 6px auto -1px auto;
    text-decoration: none;
    width: 25px;
    vertical-align: bottom;
}

#create-svg-cash {
    display: inline-block;
    font-size: 21px;
    line-height: 25px;
    font-weight: 700;
    height: 25px;
    margin: 7px 0px -3px -2px;
    text-decoration: none;
    width: 25px;
    vertical-align: bottom;
}

#create-svg-file {
    display: inline-block;
    height: 25px;
    margin: 12px auto -8px auto;
    text-decoration: none;
    width: 14px;
    vertical-align: bottom;
}

.create-new-entry-button-label {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.1rem;
    margin: 0 0 0 1rem;
    vertical-align: bottom;
}

.date-nth-str {
    display: inline-block;
    font-size: .7rem;
    line-height: .7rem;
    margin: 0;
    vertical-align: top;
}

#entry-note-new-submit-button {
	width: 200px;
}

.entry-table-card {
	background: #fff;
    box-shadow: 0 2px 15px rgba(84,96,103,.25);
    border-radius: 4px;
    margin-top: 2rem;
    max-width: 866px;
    padding: 0 0 2rem 0;
}

#ticker-page-entry-table-cont {
	margin: 33px 0;
}

#ticker-page-custom-entry-table-cont {
	margin: 0 0 33px 0;
}

.entry-table-row-first {
	border-top: 1px solid #e3e8ef;
}

.entry-table-row:hover {
	background: #eff2f7;
}

.entry-table-row-noninteractive {
    border-bottom: 1px solid #e3e8ef;
    display: grid;
    grid-template-columns: 100px 110px 120px 1fr auto;
    min-height: 33px;
    padding: 0;
    cursor: default;
}

.entry-table-row-grid {
    grid-template-columns: 100px 110px 120px minmax(342px, 390px) 1fr;
}

.entry-table-row-interactive {
    /*border-bottom: 1px solid #e3e8ef;*/
    display: grid;
    /*grid-template-columns: 100px 110px 120px 1fr auto;*/
    min-height: 33px;
    /*padding: 0 2rem;*/
    cursor: pointer;
}

.entry-table-row-highlight {
  color: #5e5cff !important;
}

.entry-table-ticker-link-highlight {
    box-shadow: 0 3px 6px rgb(87 106 255 / 33%), 0 3px 6px rgb(87 106 255 / 66%);
    text-decoration: underline !important;
}

.entry-row-date {
	color: #8793a5;
	cursor: pointer;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: .85rem;
    line-height: 1.3rem;
    padding: .5rem 0;
    vertical-align: bottom;
}

.entry-table-ticker-link-cont {
    cursor: pointer;
    padding-top: 6px;
}

.entry-table-file-link-cont {
    cursor: pointer;
    padding-top: 6px;
}

.entry-table-ticker-link-cont:hover {
    text-decoration: underline;
}

.entry-row-ticker-no-link {
    color: #445060;
    font-family: 'Roboto', sans-serif;
    font-size: .9rem;
    font-weight: 500;
    line-height: 1.2rem;
    padding: .5rem 0;
}

.entry-row-sentiment {
    color: #8793a5;
    font-family: 'Roboto', sans-serif;
    font-size: .9rem;
    line-height: 1.2rem;
    padding: .5rem 0;
}

.entry-table-mobile-sentiment-icon {
    display: none;
}

.entry-table-icon-stock {
    color: #5e5cff;
    height: 16px;
    width: 16px;
    margin-top: -3px;
    margin-left: -1px;
    margin-right: 4px;
}

.entry-table-icon-note {
    color: #5e5cff;
    height: 16px;
    width: 16px;
    margin-top: -2px;
    margin-left: -1px;
    margin-right: 4px;
}

.entry-row-link {
	color: #5e5cff;
	display: grid;
	grid-template-columns: 30px 1fr;
    font-family: 'Roboto', sans-serif;
    font-size: .9rem;
    font-weight: 500;
    line-height: .9rem;
	padding: .6rem 0;
	text-decoration: none;
}

.fwlight {
    display: inline-block;
    font-weight: 400;
}

.entry-row-no-link-text {
	color: #445060;
    font-family: 'Roboto', sans-serif;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.2rem;
    padding: .5rem 0;
	text-decoration: none;
}

.entry-row-link:active, .entry-row-link:visited {
	color: #5e5cff;
	text-decoration: none;
}

.entry-row-link:hover {
    text-decoration: underline;
}

.entry-table-ticker-link {
    background: #ffffff;
    color: #5e5cff;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1rem;
    padding: .5rem 0;
    text-decoration: none;
}

.entry-table-ticker-link:active {color: #5e5cff;}
.entry-table-ticker-link:hover {text-decoration: underline;}
.entry-table-ticker-link:visited {color: #5e5cff;}

.entry-table-ticker-link-blue {
    background: #5e5cff;
    background: none;
    border: none;
    border-radius: 6px;
    box-shadow: 0 3px 6px rgb(87 106 255 / 13%), 0 3px 6px rgb(87 106 255 / 48%);
    box-shadow: none;;
    color: #ffffff;
    color: #5e5cff;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    font-size: 1.1rem;
    font-weight: 500;
    font-weight: 700;
    line-height: 1rem;
    padding: 4px .85rem;
    text-decoration: none;
}

.entry-table-ticker-link-blue:active {color: #ffffff;}
.entry-table-ticker-link-blue:hover {text-decoration: underline;}
.entry-table-ticker-link-blue:visited {color: #ffffff; color: #5e5cff;}

.entry-note-ticker-hashtag {
    background: #5e5cff;
    background: none;
    border: none;
    border-radius: 6px;
    box-shadow: 0 3px 6px rgb(87 106 255 / 13%), 0 3px 6px rgb(87 106 255 / 48%);
    box-shadow: none;;
    color: #ffffff;
    color: #5e5cff;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: .95rem;
    font-weight: 400;
    line-height: 1rem;
    padding: 4px .85rem;
    text-decoration: none;
}

.entry-note-ticker-hashtag:active {color: #ffffff;}
.entry-note-ticker-hashtag:hover {text-decoration: underline;}
.entry-note-ticker-hashtag:visited {color: #ffffff; color: #5e5cff;}

.entry-table-file-link {
    background: #5e5cff;
    box-shadow: 0 3px 6px rgb(87 106 255 / 13%), 0 3px 6px rgb(77 77 77 / 48%);
    color: #ffffff;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1rem;
    padding: .5rem 0;
    text-decoration: none;
}

.entry-table-file-link:active {color: #ffffff;}
.entry-table-file-link:hover {text-decoration: underline;}
.entry-table-file-link:visited {color: #ffffff;}

.entry-table-currency-link {
    border: none;
    display: inline-block;
    padding: 4px .85rem;
    color: #445060;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1rem;
    padding: 4px 15px;
    text-decoration: none;
}

.entry-table-currency-link:active {color: #445060;}
.entry-table-currency-link:hover {text-decoration: underline;}
.entry-table-currency-link:visited {color: #445060;}

.entry-table-green {
    color: #22bb5b;
    font-family: 'Roboto', sans-serif;
    /*display: block;
    font-size: .9rem;
    line-height: 1.1rem;
    padding: .5rem 0;*/

}

.entry-table-red {
    color: #dc1919;
    font-family: 'Roboto', sans-serif;
    /*display: block;
    font-size: .9rem;
    line-height: 1.1rem;
    padding: .5rem 0;*/
}

.entry-table-lgrey {
    color: #8793a5;
    font-family: 'Roboto', sans-serif;
    /*display: block;
    font-size: .9rem;
    line-height: 1.1rem;
    padding: .5rem 0;*/
}

.entry-table-div-or-split-grid {
    color: #445060;
    display: grid;
    grid-template-columns: 150px 1fr;
    font-family: 'Roboto', sans-serif;
    font-size: .9rem;
    line-height: 1.2rem;
    padding: .5rem 0;
}

.entry-table-div-or-split-sub-grid {
    display: grid;
    grid-template-columns: 243px 1fr;
}

.entry-table-return-col {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: .9rem;
    line-height: 1.1rem;
    padding: 0.5rem 0;
}

#entry-pin-anchor {
    text-align: center;
    width: 150px;
}

.entry-button-pin-svg {
    height: 15px;
    width: 15px;
    margin-bottom: -2px;
    margin-right: 2px;
}

.entry-row-pinned {
    background: #5c5eff1a;
}

.entry-table-pin-svg {
    display: inline-block;
    height: 15px;
    margin-bottom: -3px;
    margin-right: 8px;
    width: 15px;
}

.entry-table-icon-globe {
    color: #5e5cff;
    height: 16px;
    width: 16px;
    margin-right: 12px;
    margin-bottom: -3px;
}
.entry-table-icon-file {
    color: #5e5cff;
    height: 16px;
    width: 16px;
    margin-top: -2px;
    margin-left: -1px;
    margin-right: 4px;
}



/** phone **/
@media screen and (max-width: 64.9375rem) {

    .entry-table-row-wrap {
        border-bottom: 1px solid #e3e8ef;
    }

	.entry-table-row-interactive {
        border-bottom: 1px solid #e3e8ef;
        width: 100%;
	}

    .entry-table-row-grid {
        display: grid;
        grid-template-columns: 130px 100px 0 1fr;
        padding: .5rem 2rem;
        max-width: 300px;
    }

    .entry-table-row-grid-split {
        border-bottom: 1px solid #e3e8ef;
        display: grid;
        grid-template-columns: 130px 100px 0 1fr;
        padding: 0 2rem;
    }

    .entry-table-div-or-split-grid {
        grid-template-columns: 130px 1fr;
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 2;
        grid-row-end: 2;
    }

    .entry-table-row-noninteractive {
        border-bottom: 1px solid #e3e8ef;
        display: block;
        /*display: grid;
        grid-template-columns: 5fr 4fr 0 1fr;
        padding: .5rem 2rem;*/
        width: 100%;
    }

    .entry-table-ticker-link-blue {
        padding: 4px 0;
    }

    .entry-note-ticker-hashtag {
        padding: 4px 0;
    }

	.entry-table-sentiment-string-text {
		display: none;
	}

    .entry-table-mobile-sentiment-icon {
        display: inline-block;
        vertical-align: middle;
        margin: -6px 0 0 10px;
    }

    .entry-row-sentiment {
        display: none;
    }

    .entry-row-date {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
    }

    .entry-table-ticker-link-cont {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        padding: 5px 0 5px 0;
    }

    .entry-table-ticker-link {
    }

    .entry-table-file-link {
        border-radius: 6px;
        border: none;
        box-shadow: 0 3px 6px rgb(87 106 255 / 13%), 0 3px 6px rgb(87 106 255 / 48%);
        display: inline-block;
        padding: 4px .85rem;
    }

    .entry-table-return-col {
        grid-column-start: 3;
        grid-column-end: 4;
        grid-row-start: 1;
    }

    .entry-row-link {
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 2;
        padding-left: 0;
    }

    .entry-table-div-or-split-sub-grid {
        grid-template-columns: 1fr 1fr;
    }

    .entry-table-div-or-split-sub-grid-ele-1 {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
    }

    .entry-table-div-or-split-sub-grid-ele-2 {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
    }
  
}







/* ipad  */
@media screen and (min-width: 64.94rem) and (max-width: 80.9375rem){

    .entry-table-row-interactive {
        /*grid-template-columns: 130px 140px 60px 1fr auto;*/
    }

    .entry-table-row-noninteractive {
        grid-template-columns: 120px 120px 120px 1fr auto;
    } 

    .entry-table-row-grid {
        border-bottom: 1px solid #e3e8ef;
        display: grid;
        grid-template-columns: 100px 120px 120px 1fr auto;
        padding: 0 2rem;
    }

    .entry-table-row-grid-split {
        border-bottom: 1px solid #e3e8ef;
        display: grid;
        grid-template-columns: 120px 120px 120px 1fr auto;
        padding: 0 2rem;
    }

    .entry-table-div-or-split-sub-grid {
        grid-template-columns: 243px 159px;
    }

    .entry-row-date {
        padding: .45rem 0;
    }

    .entry-table-sentiment-string-text {
        display: none;
    }

    .entry-table-ticker-link-cont {
        padding-top: 5px;
    }

    .entry-table-ticker-link {
    }

    .entry-table-file-link {
        border-radius: 6px;
        border: none;
        box-shadow: 0 3px 6px rgb(87 106 255 / 13%), 0 3px 6px rgb(87 106 255 / 48%);
        display: inline-block;
        padding: 4px .85rem;
    }

    .entry-row-sentiment {
        padding: 6px 0 0 0;
    }

    .entry-row-link {
        padding: .7rem 0 .5rem 0;
    }

}







/* large */
@media screen and (min-width: 80.94rem) and (max-width: 102.9375rem){

    .entry-table-row-grid {
        border-bottom: 1px solid #e3e8ef;
        display: grid;
        grid-template-columns: 100px 110px 120px 1fr auto;
        padding: 0 2rem;
    }

    .entry-table-row-grid-split {
        border-bottom: 1px solid #e3e8ef;
        display: grid;
        grid-template-columns: 100px 110px 120px 1fr auto;
        padding: 0 2rem;
    }

    .entry-table-div-or-split-sub-grid {
        grid-template-columns: 243px 159px;
    }

    .entry-row-date {
        padding: .45rem 0;
    }

    .entry-table-ticker-link-cont {
        padding-top: 5px;
    }

    .entry-table-ticker-link {
    }

    .entry-table-file-link {
        border-radius: 6px;
        border: none;
        box-shadow: 0 3px 6px rgb(87 106 255 / 13%), 0 3px 6px rgb(87 106 255 / 48%);
        display: inline-block;
        padding: 4px .85rem;
    }

    .entry-row-sentiment {
        padding: 6px 0 0 0;
    }

    .entry-row-link {
        padding: .7rem 0 .5rem 0;
    }

}







/* XLarge */
@media screen and (min-width: 102.94rem){ 

    .entry-table-row-grid {
        border-bottom: 1px solid #e3e8ef;
        display: grid;
        grid-template-columns: 100px 110px 120px 1fr auto;
        padding: 0 2rem;
    }

    .entry-table-row-grid-split {
        border-bottom: 1px solid #e3e8ef;
        display: grid;
        grid-template-columns: 100px 110px 120px 1fr auto;
        padding: 0 2rem;
    }

    .entry-table-div-or-split-sub-grid {
        grid-template-columns: 243px 75px;
    }

    .entry-table-ticker-link {
    }

    .entry-table-file-link {
        border-radius: 6px;
        border: none;
        box-shadow: 0 3px 6px rgb(87 106 255 / 13%), 0 3px 6px rgb(87 106 255 / 48%);
        display: inline-block;
        padding: 4px .85rem;
    }

    .entry-row-sentiment {
        padding: .6rem 0 .5rem 0;
    }

    .entry-table-sentiment-string-emoji {
        display: inline-block;
        vertical-align: top;
        margin-top: -2px;
    }

    .entry-row-link {
        padding: .7rem 0 .5rem 0;
    }


}/* global */



/** phone **/
@media screen and (max-width: 64.9375rem) {

    .cash-entry-cont {
        margin: 0;
        max-width: 100%;
    }

    .cash-entry-form-entry-date-grid {
        display: grid;
        grid-column-gap: 0;
        grid-template-columns: 140px 140px 1fr;
    }

    .cash-entry-form-timezone-grid {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-column-gap: 2px;
    }
  
}







/** ipad  **/
@media screen and (min-width: 64.94rem) and (max-width: 80.9375rem){

    .cash-entry-cont {
        margin: 0;
        max-width: 914px;
    }

    .cash-entry-form-entry-date-grid {
        display: grid;
        grid-column-gap: 0;
        grid-template-columns: 140px 140px 140px;
    }

    .cash-entry-form-timezone-grid {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-column-gap: 11px;
    }

}







/* large */
@media screen and (min-width: 80.94rem) and (max-width: 102.9375rem){

    .cash-entry-cont {
        margin: 0;
        max-width: 914px;
    }

    .cash-entry-form-entry-date-grid {
        display: grid;
        grid-column-gap: 0;
        grid-template-columns: 140px 140px 140px;
    }

    .cash-entry-form-timezone-grid {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-column-gap: 11px;
    }

}







/* XLarge */
@media screen and (min-width: 102.94rem){ 

    .cash-entry-cont {
        margin: 0;
        max-width: 914px;
    }

    .cash-entry-form-entry-date-grid {
        display: grid;
        grid-column-gap: 0;
        grid-template-columns: 140px 140px 140px;
    }

    .cash-entry-form-timezone-grid {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-column-gap: 11px;
    }

}/* global */
#entry-file-new-portfolio-submit-button {
    width: 150px;
}

#entry-file-new-ticker-submit-button {
    width: 150px;
}

#entry-file-new-custom-submit-button {
    width: 150px;
}

.input-file-button {
    background: #fff;
    box-shadow: 0 3px 6px rgb(87 106 255 / 13%), 0 3px 6px rgb(87 106 255 / 48%);
    border-radius: 6px;
    border: none;
    color: #5e5cff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: .85rem;
    line-height: 1.7rem;
    font-weight: 500;
    margin: 0.5rem 0 1rem 0;
    padding: .5rem 1rem;
    vertical-align: bottom;
}

/** phone **/
@media screen and (max-width: 64.9375rem) {

    .new-entry-file-form-cont {
        margin: 2rem 0 0 0;
        max-width: 100%;
    }
   
}







/** ipad  **/
@media screen and (min-width: 64.94rem) and (max-width: 80.9375rem){

    .new-entry-file-form-cont {
        margin: 2rem 0 0 0;
        max-width: 752px;
    }


}







/* large */
@media screen and (min-width: 80.94rem) and (max-width: 102.9375rem){

    .new-entry-file-form-cont {
        margin: 2rem 0 0 0;
        max-width: 752px;
    }


}







/* XLarge */
@media screen and (min-width: 102.94rem){ 

    .new-entry-file-form-cont {
        margin: 2rem 0 0 0;
        max-width: 752px;
    }

  

}.stock-note-details-card {
  background: #fff;
  box-shadow: 0 2px 15px rgba(84,96,103,.25);
  border-radius: 4px;
  padding: 0;
}

.form-entry-note-custom-ticker-grid {
	display: grid;
	grid-template-columns: 23px auto;
	margin-bottom: 1.5rem;
	max-width: 130px;
}

.form-entry-note-custom-ticker-hashtag {
    background: #f6fafd;
    border-radius: 8px 0 0 8px;
    border: 1px solid #d3dce4;
    border-right: 0;
    color: #828fa2;
    font-family: 'Open sans', sans-serif;
    font-size: .9rem;
    margin: 0;
    padding: .5rem .5rem;
}

.form-entry-note-custom-ticker-input {
	border-radius: 0 8px 8px 0;
	border: 1px solid #d3dce4;
	color: #242424;
	font-family: 'Open sans', sans-serif;
	font-size: .85rem;
	margin: 0;
	padding: .5rem .5rem;
	max-width: 77px;
}

.form-entry-note-custom-ticker-grid {
		margin: 0 0 1.5rem 0; 
}

/** phone **/
@media screen and (max-width: 64.9375rem) {

  	.new-note-listed-or-custom-radio-cont {
    		margin: 0 0 1.5rem;
  	}

		.stock-note-grid {
		    display: grid;
		    grid-gap: 1rem;
		    grid-template-columns: 1fr;
		    grid-template-rows: auto 1fr;
		    margin: 0;
		}

		.stock-note-details-card {
		    grid-row-start: 2;
		    grid-row-end: 3;
		    max-width: 897px;
		}

		.note-action-graph-col {
		    grid-row-start: 1;
		    grid-row-end: 2;
		}

		.note-action-graph-cont {
				background: #fff;
		    box-shadow: 0 2px 15px rgba(84,96,103,.25);
		    border-radius: 4px;
		    padding: 0;
		    margin: 0;
		    max-width: 897px;
		}

}

/** ipad  **/
@media screen and (min-width: 64.94rem) and (max-width: 80.9375rem){

  	.new-note-listed-or-custom-radio-cont {
    	margin: 0 0 1.5rem;
  	}

	.stock-note-grid {
	    display: grid;
	    grid-gap: 1.5rem;
	    grid-template-columns: 1fr;
	    grid-template-rows: auto 1fr;
	    margin: 0;
	}

	.stock-note-details-card {
	    grid-row-start: 2;
	    grid-row-end: 3;
			max-width: 897px;
	}

	.note-action-graph-col {
	    grid-row-start: 1;
	    grid-row-end: 2;
	}

	.note-action-graph-cont {
			background: #fff;
	    box-shadow: 0 2px 15px rgba(84,96,103,.25);
	    border-radius: 4px;
	    padding: 0;
	    margin: 0;
	    max-width: 897px; 
	}

}

@media screen and (min-width: 80.94rem) and (max-width: 102.9375rem){

  	.new-note-listed-or-custom-radio-cont {
    		margin: 0 0 1.5rem;
  	}

	.stock-note-grid {
	    display: grid;
	    grid-gap: 1.5rem;
	    grid-template-columns: 1fr;
	    grid-template-rows: auto 1fr;
	    margin: 0;
	}

	.stock-note-details-card {
	    grid-row-start: 2;
	    grid-row-end: 3;
			max-width: 897px;
	}

	.note-action-graph-col {
	    grid-row-start: 1;
	    grid-row-end: 2;
	}

	.note-action-graph-cont {
			background: #fff;
	    box-shadow: 0 2px 15px rgba(84,96,103,.25);
	    border-radius: 4px;
	    padding: 0;
	    margin: 0;
	    max-width: 897px; 
	}

}

@media screen and (min-width: 102.94rem){

	.stock-note-grid {
	    display: grid;
	    grid-gap: 2rem;
	    grid-template-columns: 914px auto;
	    grid-template-rows: 1fr;
	    margin: 2rem 0 0 0;
	}

	.stock-note-custom-grid {
	    display: grid;
	    grid-gap: 2rem;
	    grid-template-columns: 914px auto;
	    grid-template-rows: 1fr;
	    margin: 2rem 0 0 0;
	}

	.note-action-graph-cont {
		background: #fff;
	    box-shadow: 0 2px 15px rgba(84,96,103,.25);
	    border-radius: 4px;
	    padding: 0;
	    margin: 0;
	    position: sticky;
	    top: 6.5rem;
	}

  	.stock-note-details-card {
	    grid-column-start: 1;
	    grid-column-end: 2;
  	}

  	.new-note-listed-or-custom-radio-cont {
    	margin: 0 0 2rem;
  	}

}
.note-table-figi-summary-row {
	  border-bottom: 1px solid #e3e8ef;
	  cursor: pointer;
    display: grid;
    grid-template-columns: 60px 80px 150px 120px auto;
    min-height: 33px;
    padding: 0 2rem;
}

.note-table-figi-summary-row:hover {
		background: #ced9eca6;
}

.note-table-expander-cont {
		cursor: pointer;
		padding: 8px 0 0 0;
}

.note-table-expander {
	  background: #5e5cff;
    border-radius: 6px;
    border: none;
    box-shadow: 0 3px 6px rgb(87 106 255 / 13%), 0 3px 6px rgb(87 106 255 / 48%);
    color: #ffffff;
    display: inline-block;
    padding: 4px .85rem;
}

.note-table-figi-expanded-row {
	  border-bottom: 1px solid #e3e8ef;
	  cursor: pointer;
    display: grid;
    grid-template-columns: 60px 80px 150px 120px auto;
    min-height: 33px;
    padding: 0 2rem;
}

.note-table-figi-expanded-row:hover {
		background: #ced9eca6;
}

.expanded-entry-note-table-row {
		background: #e3e8ef61;	
}

.note-table-ticker-link-cont {
    cursor: pointer;
    padding-top: 10px;
}

.note-table-ticker-link-cont:hover {
    text-decoration: underline;
}

.note-table-file-link {
    background: #5e5cff;
    border-radius: 6px;
    border: none;
    box-shadow: 0 3px 6px rgb(87 106 255 / 13%), 0 3px 6px rgb(87 106 255 / 48%);
    color: #ffffff;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1rem;
    margin-top: -3px;
    padding: 4px .85rem;
    text-decoration: none;
}

.note-table-file-link:active {color: #ffffff;}
.note-table-file-link:hover {text-decoration: underline;}
.note-table-file-link:visited {color: #ffffff;}

/** phone **/
@media screen and (max-width: 64.9375rem) {

  

}

/** ipad  **/
@media screen and (min-width: 64.94rem) and (max-width: 80.9375rem){

  

}

@media screen and (min-width: 80.94rem) and (max-width: 102.9375rem){

  

}

@media screen and (min-width: 102.94rem){

	

}
.footer {

}

.footer-para-center {
  color: #525f7f;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-align: center;    
}.loader {
  display: inline-block;
}

#custom-ticker-container {
  display: none;
}

.required {
  color: red;
}

.entry-loading-anim-cont {
    display: inline-block;
    vertical-align: bottom;
}

.select-bar {
  margin: 0 0 1.45rem 0;
  width: 240px;
}

.medium-select {
  width: 147px;
}

.admin-form-h1 {
  color: #222;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 2rem;
  margin: 0 0 3rem 0;
}

.admin-form-h2 {
  color: #222;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  margin: 0 0 2rem 0;
}

.no-margin-h2 {
  color: #222;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  margin: 0;
}

.small-textarea {
  border: 1px solid #555;
  height: 100px;
  font-family: 'Roboto', sans-serif;
  font-size: .9rem;
  max-width: 640px;
}

.admin-row {
  margin: 1rem 0;
}

.admin-label { 
  color: #444;
  font-family: 'Roboto', sans-serif;
  font-size: .85rem;
  margin: .25rem 0;
}

.entry-successful-submission {
  color: #444;
  font-family: 'Roboto', sans-serif;
  font-size: 1rem;
  margin: 0 0 0;
  display: inline-block;
  vertical-align: top;
  line-height: 1.9rem;
}

.entry-successful-delete {
  color: #444;
  font-family: 'Roboto', sans-serif;
  font-size: 1rem;
  margin: 0 0 0;
  display: inline-block;
  vertical-align: top;
  line-height: 1.9rem;
}

.entry-successful-submission a {
  color: #5e5cff;
}

.admin-label-light {
  color: #777;
  font-family: 'Roboto', sans-serif;
  font-size: .75rem;
  margin: .5rem 0 0 0;
}

.small-input-text {
  max-width: 125px;
}

.admin-inline-label { 
  color: #444;
  display: inline;
  font-family: 'Roboto', sans-serif;
  font-size :.85rem;
  margin: .25rem 0;
}

.admin-submit {
  background: #22bb5b;
  border: 0;
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 1.1rem;
  margin: 2rem 0 0 0;
  padding: 1rem 2.33rem;
}

.mobile-full-row {
  padding: 0;
}

.timeslot-form-cont {
  margin: .5rem 0;
}

.timeslot-row {
    border-top: 1px solid #ddd;
    padding: .3rem 0 0 0;
}

.new-timeslot-row {
    background: rgba(34, 187, 91, 0.1);
    padding: .3rem 0 0 0;
}

.admin-submit-inline {
    border: none;
    background: #22bb5b;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: .9rem;
    line-height: 1.8rem;  
    margin: 0;
    padding: 0 .5rem;
}

.admin-edit-inline {
    border: none;
    background: #9836da;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: .9rem;
    line-height: 1.8rem;  
    margin: 0;
    padding: 0 .5rem;
}

.admin-delete-inline {
    background: none;
    border: 0;
    color: #9836da;
    font-family: 'Roboto', sans-serif;
    font-size: .9rem;
    line-height: 1.8rem;
    margin: 0;
    padding: 0;
}

.entry-input-text-small {
    border-radius: 8px;
    border: 1px solid #d3dce4;
    color: #445060;
    font-family: 'Open sans', sans-serif;
    font-size: .9rem;
    height: auto;
    line-height: 1rem;
    padding: .45rem .6rem .45rem .6rem;
    width: 100px;
}

.entry-input-text-small-disabled {
    background: #e3e8ef;
    border-radius: 8px;
    border: 1px solid #d3dce4;
    color: #445060;
    cursor: not-allowed;
    font-family: 'Open sans', sans-serif;
    font-size: .9rem;
    height: auto;
    line-height: 1rem;
    padding: .45rem .6rem .45rem .6rem;
    width: 100px;
}

.entry-input-text-medium-disabled {
    background: #e3e8ef;
    border-radius: 8px;
    border: 1px solid #d3dce4;
    color: #445060;
    cursor: not-allowed;
    font-family: 'Open sans', sans-serif;
    font-size: .9rem;
    height: auto;
    line-height: 1rem;
    padding: .45rem .6rem .45rem .6rem;
    width: 140px;
}

.entry-input-text-medium {
    border-radius: 8px;
    border: 1px solid #d3dce4;
    color: #445060;
    font-family: 'Open sans', sans-serif;
    font-size: .9rem;
    height: auto;
    line-height: 1rem;
    padding: .45rem .6rem .45rem .6rem;
    width: 140px;
}

.radio {
    margin: .5rem 0;
}

.radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.radio-label {
  font-size: .9rem;
}

/*[type=radio]+label {
  margin: 0;
}*/

.radio input[type="radio"] + .radio-label:before {
  content: '';
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  visibility: hidden;
  margin-right: 1em;
  margin-left: 0;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}

.radio input[type="radio"]:checked + .radio-label:before {
  background-color: #5064d2;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}

.radio input[type="radio"]:focus + .radio-label:before {
  border-color: #5064d2;
  outline: none;
}

.radio input[type="radio"]:disabled + .radio-label:before {
  background: #b4b4b4;
  border-color: #b4b4b4;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}

.radio input[type="radio"] + .radio-label:empty:before {
  margin-right: 0;
}

.stv-radio-buttons-wrapper {
  clear: both;
  display: inline-block;
  max-width: 426px;
}

.sentiment-radio-buttons-wrapper {
  clear: both;
  display: inline-block;
  max-width: 426px;
  margin-left: -2px;
}

.sentiment-filter-cont {
  margin: 1.5rem 0 0 0;
}

.sentiment-filter-radio-wrapper {
  clear: both;
  display: inline-block;
  max-width: 470px;
  margin: 0 0 0 -2px;
}

.stock-form-select-bar {
  background: #ffffff;
  border: 1px solid #d3dce4;
  border: 1px solid #dc191947;
  border: 1px solid rgb(87 106 255 / 48%);
  border-radius: 8px;
  box-shadow: 0 8px 6px -6px #dc19192e, 0 8px 6px -6px #dc19190d;
  box-shadow: 0 8px 6px -6px rgb(87 106 255 / 48%), 0 8px 6px -6px rgb(87 106 255 / 13%);
  color: #5e5cff;
  font-family: 'Open sans', sans-serif;
  font-size: .9rem;
  height: auto;
  line-height: 1rem;
  padding: .39rem .6rem .39rem .6rem;
  min-width: 121px;
}

.stock-form-select-bar-disabled {
    background: #e3e8ef;
    border-radius: 8px;
    border: 1px solid #d3dce4;
    border-radius: 8px;
    box-shadow: 0 8px 6px -6px #dc19192e, 0 8px 6px -6px #dc19190d;
    color: #445060;
    cursor: not-allowed;
    font-family: 'Open sans', sans-serif;
    font-size: .9rem;
    height: auto;
    line-height: 1rem;
    padding: .39rem .6rem .39rem .6rem;
    min-width: 121px;
}

.stv-radio-button {
  position: absolute;
  visibility: hidden;
}

.stv-radio-button + label {
  background-color: #f6fafd;
  border: 2px solid #d3dce4;
  border: 1px solid #4444440f;
  border-radius: 8px;
  box-shadow: 0 8px 6px -6px rgba(0,0,0,0.12), 0 8px 6px -6px rgba(0,0,0,0.24);
  box-shadow: 0 8px 6px -6px #dc19192e, 0 8px 6px -6px #dc19190d;
  box-shadow: 0 8px 6px -6px #b7ac0d2e, 0 8px 6px -6px #b7ac0d0d;
  color: #445060;
  cursor: pointer;
  float: left;
  font-family: 'Roboto', sans-serif;
  font-size: .9rem;
  line-height: 22px;
  padding: .25em 1em;
}

.stv-radio-button:checked + label {
    background-color: #158e42;
    border-color: #179b48;
    background-color: #dc1919;
    border-color: #dc191940;
    background-color: #dc19190d;
    background-color: #b7ac0d0d;
    border: 1px solid #dc191947;
    border: 1px solid #d9ca00;
    box-shadow: 0 8px 6px -6px #dc19192e, 0 8px 6px -6px #dc19199e;
    box-shadow: 0 8px 6px -6px #b7ac0d2e, 0 8px 6px -6px #b7ac0d9e;
    color: #fff;
    color: #dc1919;
    color: #9d930a;
    color: #b0a50b;
    font-weight: 500;
}

.stv-radio-button:checked + svg {
    color: #dc1919;
}

.stv-radio-button-label-first {
    margin: 2px 12px 2px 0;
}

.stv-radio-button-label-nth {
    margin: 2px;
}

.stv-radio-button:checked + label svg {
    color: #dc1919;/* !important;*/
}

#access-label-cont {
    display: inline-block;
}

.access-label-cont {
    display: inline-block;
}







/* phone */
@media screen and (max-width: 64.9375rem) {

  .entry-succesful-submission-mobile-padding-adjuster {
      margin: 3px 0 2px 0;
  }

  .entry-successful-submission {
      color: #444;
      font-family: 'Roboto', sans-serif;
      font-size: 1rem;
      margin: 0 0 0;
      display: inline-block;
      vertical-align: bottom;
      line-height: 1.6rem;
  }

  .entry-successful-delete {
      color: #444;
      font-family: 'Roboto', sans-serif;
      font-size: 1rem;
      margin: 1rem 0 0 0;
      display: inline-block;
      vertical-align: top;
      line-height: 1.9rem;
  }


  .admin-form-h1 {
      text-align: center;`
  }

  .admin-form-h2 {
      text-align: center;
  }

  .no-margin-h2  {
      text-align: center;
  }

  .admin-label-large {
      display: none;
  }

  #access-label-cont {
      display: inline-block;
      margin: 0 0 0 .5rem;
  }

  .access-label-cont {
      display: inline-block;
      margin: 0 0 0 .5rem;
  }

  .stock-access-label-private {
      margin: 0;
  }

  .stock-access-label-public {
      margin: 0;
  }

}





/** ipad  **/
@media screen and (min-width: 64.94rem) and (max-width: 80.9375rem){

}






/* large */
@media screen and (min-width: 80.94rem) and (max-width: 102.9375rem){

}




/* XLarge */
@media screen and (min-width: 102.94rem){ 

}/* FIGI Graph (ticker page; new entry for FIGI) */

.figi-graph-hct-ticker {
    color: #445060;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.25rem;
    padding: 1.5rem 1rem 0.5rem 0;
    text-decoration: none
}

.figi-graph-hc-name {
    color: #445060;
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1rem;
    padding: 0;
}

.figi-graph-hc-details-grid {
    color: #445060;
	display: grid;
	grid-column-gap: 20px;
	grid-template-columns: auto auto auto;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    margin: .5rem 0 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.figi-graph-hc-details-grid-datapoint {
    color: #445060;
	font-size: .85rem;
	line-height: .85rem;
}

/* legacy */

.highcharts-container {
  	margin: 0 auto;
}

.graph-stock-name {
    color: #445060;
    font-family: 'Ubuntu', sans-serif;
    line-height: 1.5rem;
    margin: 0;
    font-size: 1rem;
    font-size: 1.3rem;
    font-weight: 700;
    padding: 2rem 0 0 0;
    text-align: left;
}

.stock-card-summary-master-grid {
	display: grid;
	grid-template-columns: 56fr 44fr;
	margin: 0 0 8px 0;
}

.stock-card-summary-yield-and-mkt-cap-grid {
	display: grid;
	grid-template-columns: 100px 1fr;;
}

.stock-ticker-graph-stock-price {
	color: #445060;
	font-family: 'Roboto', sans-serif;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.3rem;
}

.graph-summary-day-over-day {
	margin-left: -1px;
	padding: 4px 0 6px  0;
}


.graph-summary-data-age-str {
	color: #8793a5;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: .85rem;
	font-weight: 400;
	line-height: 1rem;
	margin: .4rem 0 0 0;
}

.graph-market-cap-str {
	color: #8793a5;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: .85rem;
	line-height: 1rem;
	margin: 0 0 .5rem 1px;
}

.graph-stock-exchange {
	color: #8793a5;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: .85rem;
	font-weight: 400;
	line-height: 1rem;
	margin: 0;
}

.graph-summary-div-yield-str {
	color: #445060;
	font-family: 'Roboto', sans-serif;
	font-size: .85rem;
	line-height: 1rem;
}

.la-graph-time-series-historical {
	background: red !important;
	box-shadow: 0 2px 15px rgba(84,96,103,.25);
}

.xxx {
	background-color: #000000;
}

.timerange-disabled {
		color: #8793a5;
		cursor: default;
}

.chart-timerange-change-cont {
		/*border-bottom: 1px solid #e3e8ef;*/
		/*color: #8793a5;*/
	  background: #576aff14;
	  background: #ffffff;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		padding: 0 4px;
}

.chart-timerange-change-cont div {
		font-family: 'Roboto', sans-serif;
    font-size: .85rem;
    line-height: .85rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.chart-timerange-change-cont div:first-child {
		padding-left: 2rem;
}

.chart-timerange-change-cont div:last-child {
		padding-right: 2rem;
}

.timerange-blue div:hover {
		text-decoration: underline;
}

.timescale-search-grid {
		display: none;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 20px;
		padding: 0 2rem;
}

.timescale-date-picker {
	border-radius: 8px;
    border: 1px solid #d3dce4;
    color: #445060;
    cursor: pointer;
    font-family: 'Open sans', sans-serif;
    font-size: .9rem;
    height: auto;
    line-height: 1rem;
    padding: .45rem .6rem .45rem .6rem;
    width: 100px;
}

.analysis-graph-legend-grid {
	display: grid;
	grid-template-columns: 20px auto;
}

.analysis-graph-legend-line-color {
	margin: 10px 0 10px 0;
}

.analysis-graph-legend-line-label {
    font-family: 'Ubuntu', sans-serif;
    font-size: .9rem;
    line-height: 36px;
    margin-left: 10px;
}



/* phone */
@media screen and (max-width: 64.9375rem) {

}




/* ipad */
@media screen and (min-width: 64.94rem) and (max-width: 80.9375rem){

	.chart-timerange-change-cont div:first-child {
		padding-left: 28px;
	}

	.chart-timerange-change-cont div:last-child {
		padding-right: 28px;
	}

}

/* large */

@media screen and (min-width: 80.94rem) and (max-width: 102.9375rem){

}

/* XLarge */
@media screen and (min-width: 102.94rem){

	.new-entry-graph-cont {
		padding: 6px 1.6rem 5px 1.6rem;
	}

}
.category_active {
	width: 30px;
}

.item-category-order-row {
	border-bottom: 1px solid #eee;
	margin: .5rem 0;
	width: 100%;
}

.item-category-order-name {
	color: #222;
	display: inline-block;
	font-family: 'Open sans', sans-serif;
	font-size: .9rem;
	padding: .5rem 0;
	vertical-align: top;
	width: 60%;
}

.item-category-order-up {
	background: #22bb5b;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: 'Open sans', sans-serif;
	font-size: .9rem;
	padding: .5rem;
	text-align: center;
	vertical-align: top;
	width: 20%;
}

.item-category-order-down {
	background: #9836da;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: 'Open sans', sans-serif;
	font-size: .9rem;
	padding: .5rem;
	text-align: center;
	vertical-align: top;
	width: 20%;
}

.dollar_underscore {
  display: inline-block;
  margin-left: -18px;
}

#wip-autosave-feedback {
	color: #8793a5;
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-size: .85rem;
	line-height: 1rem;
	height: 24px;
}

.journal-view-grid {
	display: grid;
	border-bottom: 1px solid #ddd;
	color: #222;
	font-family: 'Roboto', sans-serif;
	font-size: .9rem;
	line-height: 1.4rem;
	margin: .5rem 0;
	padding: .3rem 0 .5rem 0;
	grid-template-columns: 40px 140px 120px 1fr;
	grid-gap: 8px
}

.journal-grid-date {
	color: #888;
}

.journal-grid-sentiment {
	color: #888;
}

.journal-item-card {
  background: #fff;
  border: 1.1px solid #e7e7e7;
  box-shadow: 0 30px 60px -12px rgba(50,50,93,.25), 0 18px 36px -18px rgba(0,0,0,.3), 0 -12px 36px -8px rgba(0,0,0,.025);
  margin: 2rem 0;
  max-width: 870px;
  padding: 2rem;
}

.journal-item-card h1 {
  margin: 0;
}

.journal-view-more,
.journal-hide-more {
	font-family: 'Roboto', sans-serif;
	font-size: .9rem;
	line-height: 1.8rem;
}.nfs-admin-active-referral-grid {
    color: #445060;
    display: grid;
    font-family: 'Roboto', sans-serif;  
    font-size: .9rem;
    line-height: .9rem;
    grid-template-columns: 1fr 1fr 210px 210px;
    margin: 1rem 0 0 0;
}

.nfs-admin-referral-grid {
    color: #445060;
    display: grid;
    font-family: 'Roboto', sans-serif;  
    font-size: .9rem;
    line-height: .9rem;
    grid-template-columns: 130px 1fr;
    margin: 1rem 0 0 0;
}

.nfs-admin-give-key-grid {
    color: #445060;
    display: grid;
    font-family: 'Roboto', sans-serif;  
    font-size: .9rem;
    line-height: .9rem;
    grid-template-columns: 130px 1fr;
    margin: 2rem 0 0 0;
}

.nsa-referral-give-individual-user-a-key {
    margin-bottom: 2px;
}.left-menu-notifications-bubble-cont {
    position: absolute;
	margin-left: 14px;
	margin-top: -17px;
}

.notification-bubble {
    background-color: #5c75ff;
    border-radius: 50%;
    bottom: -2px;
    color: white;
    display: inline-block;
    font-size: 12px;
    padding: 3px;
    position: relative;
	width: 14px;
	height: 14px;
	text-align: center;
	line-height: 14px;
}

.notifications-h1-card {
	background: #fff;
    border-radius: 8px;
	box-shadow: #9E9E9E 0px 3px 40px;
    margin: 0 0 2rem 0;
    max-width: 52rem;
    overflow: auto;
    padding: 0;
}

.notification-item {
	border-top: 1px solid #e3e8ef;
	display: block;
	padding: 1rem 0;
}

.notification-item:hover {
	background: #eff2f7;
	cursor: pointer;
}

.notification-item-grid {
	display: grid;
	grid-template-columns: 60px auto;
	padding: 0 2rem;
}

.notification-item-ticker {
	background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 30px 60px -12px rgba(87, 106, 255, 0.13), 0 18px 36px -18px rgba(87, 106, 255, 0.2), 0 -12px 36px -8px rgba(87, 106, 255, 0.48);
	cursor: pointer;
    margin: 0 0 2rem 0;
    max-width: 52rem;
    overflow: auto;
    padding: 1rem 0;
}

.notification-item-ticker:hover {
	background: rgb(236 236 255);
}

.notification-ticker-cont {
	color: #5c5eff;
    font-family: 'Roboto', sans-serif;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.1rem;
    padding: .5rem 0 .75rem 0;
}

.notification-title-cont {
	color: #5c5eff;
    font-family: 'Roboto', sans-serif;
    font-size: 1.5rem;
    font-weight:500;
    line-height: 1.5rem;
    padding: 1rem 0 .75rem 0;
}

.notification-category-reply {
	height: 25px;
	width: 25px;
	margin-top: 5px;
}

.notification-category-note {
	color: #5c5eff;
	height: 25px;
	width: 25px;
	margin-top: 5px;
}

.notification-category-new-follower {
	color: #8793a5;
	height: 26px;
	width: 26px;
	margin-top: 6px;
}

.notification-profile-icon-cont {
	height: 35px;
	width: 35px;
}

.notification-profile-icon-cont svg {
	border-radius: 35px;
}

.notification-ticker {
	color: #5c5eff;
}

.notification-details-grid {
    display: grid;
    grid-template-columns: 1fr;
}

.notification-summary-cont {
	color: #445060;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1rem;
    padding: 1rem 0 .75rem 0;
}

.notification-username:hover {
	color: #5c5eff;
	text-decoration: underline;
}


.notification-ticker:hover {
	color: #5c5eff;
	text-decoration: underline;
}

.notification-details-cont {
	color: #8793a5;
    display: grid;
    grid-template-columns: 1fr;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.66rem;
}

.notification-extra-margin {
	margin: 2rem 0 0 0;
}

/** phone **/
@media screen and (max-width: 64.9375rem) {

	.notification-item-ticker {
		margin: 0 0 1rem 0;
	}


}

/** ipad  **/
@media screen and (min-width: 64.94rem) and (max-width: 80.9375rem){

  	

}

@media screen and (min-width: 80.94rem) and (max-width: 102.9375rem){

  

}

@media screen and (min-width: 102.94rem){

	

}
.profile-thumbnail {
	border: 1px solid #eee;
	height: 150px;
	width: 150px;
}

.submit-personnel-imgur-upload-button {
    border: none;
    border: 2px dashed #9836da;
    color: #222;
    font-family: 'Open sans', sans-serif;
    font-size: .9rem;
    line-height: 1.8rem;
    margin: 0;
    padding: .5rem;
    background: #eee;
}

.loading-modal {
	display: none;
}

.personnel-item-state-row {
    border-bottom: 1px solid #eee;
    margin: .5rem 0;
    width: 100%;
}

.personnel-item-state-name {
    color: #222;
    display: inline-block;
    font-family: 'Open sans', sans-serif;
    font-size: .9rem;
    padding: .5rem .5rem .5rem 0;
    vertical-align: top;
    width: 80%;
}

.personnel-item-h3-box {
    color: #aaa;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open sans', sans-serif;
    font-size: .9rem;
    padding: .5rem 0;
    text-align: center;
    vertical-align: top;
    width: 20%;
}

.personnel-item-state-box {
    border: 1px solid #aaa;
    color: #aaa;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open sans', sans-serif;
    font-size: .9rem;
    padding: .5rem;
    text-align: center;
    vertical-align: top;
    width: 20%;
}

.personnel-item-state-enabled-active {
    background: #22bb5b;
    border: 1px solid #22bb5b;
    color: #fff;
}

.item-offered-h3 {
  color: #222;
  font-family: 'Open sans', sans-serif;
  font-weight: 400;
  font-size: 1.1rem;
  margin: 1rem 0;
  text-align: left;
}

.hours-delete {
    color: #222;
    font-family: 'Open sans', sans-serif;
    font-size: .9rem;
    height: 1rem;
    margin: .55rem 0;
}

/*************/

.plan-header {
  color: #0d2b3e;
  display: block;
  font-size: 2rem;
  font-family: 'Roboto', 'Open Sans', sans-serif;
  font-weight: 500;
  line-height: 3.3rem;
  margin: 0 0 1rem 0;
  padding: 0;
  text-align: center;
}

.plan-subheader {
  color: #0d2b3e;
  display: block;
  font-size: 1.1rem;
  font-family: 'Roboto', 'Open Sans', sans-serif;
  font-weight: 500;
  line-height: 2.2rem;
  margin: 0 0 4rem 0;
  padding: 0;
  text-align: center;
}

.plan h2 {
  color: #222;
  display: table;
  font-size: 2rem;
  margin: 3rem auto 6rem auto;
  padding: 0 .66rem .66rem .66rem;
}

.plan-grid {
  display: grid;
  grid-template-columns: 250px 1fr;
  grid-gap: 1rem;
}

.plan-grid .th {
  padding: 0 0 2rem 0;
  text-align: center;
}

.plan-grid .border {
}

.plan-grid .border-bot {
}

.plan-grid .border-left {
}

.plan-grid .check {
  color: #4c555a;
  font-family: 'Open sans', sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  padding: 1rem 0;
  text-align: left;
}

.plan-grid .text {
  color: #4c555a;
  font-family: 'Roboto', 'Open Sans', sans-serif;
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  padding: 1rem 0;
  text-align: left;
}

.plan-grid .text-left {
  color: #4c555a;
  font-family: 'Roboto', 'Open Sans', sans-serif;
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  padding: 1rem;
  text-align: left;
}

.plan-grid .item-label {
  color: #4c555a;
  font-family: 'Roboto', 'Open Sans', sans-serif;
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  padding: 1rem 0;
  text-align: left;
}

.plan-grid .item-label-indent {
  color: #4c555a;
  font-family: 'Roboto', 'Open Sans', sans-serif;
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  padding: 1rem 1rem 1rem 3rem;
  text-align: left;
}

.plan-grid .payment-fees {
  color: #4c555a;
  font-family: 'Roboto', 'Open Sans', sans-serif;
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  padding: 1rem 0;
  text-align: left;
}

.plan-grid .scaling-charge {
  color: #4c555a;
  font-family: 'Roboto', 'Open Sans', sans-serif;
  font-size: .15px;
  line-height: 24px;
  line-height: 1.5rem;
  font-weight: 400;
  padding: 1rem 0;
  text-align: left;
}

.plan-grid .h1 {
  background: #222;
  color: #fff;
  display: block;
  font-family: 'Open sans', sans-serif;
  font-size: 1.9rem;
  font-weight: 400;
  padding: 1.66rem 0;
}

.plan-grid .price-cont {
  padding: 2rem 0 0 0;  
}

.plan-grid .price-cont .price-symbol {
  color: #222;
  font-family: 'Open sans', sans-serif;
  font-size: .9rem;
  font-weight: 400;
  line-height: 2rem;
}

.plan-grid .price-cont .price-num {
  color: #222;
  font-family: 'Open sans', sans-serif;
  font-size: 2rem;
  font-weight: 400;
}

.plan-grid .price-label {
  color: #222;
  display: block;
  font-family: 'Open sans', sans-serif;
  font-size: .9rem;
  font-weight: 400;
  padding: .5rem;
} 

.plan-type-card {
  background: #fff;
  border: 2px solid #ccc;
  cursor: pointer;
  margin: 0 0 2rem 0;
  padding: 2rem 1rem;
}

.active-plan-card {
  background: rgba(34, 187, 91, 0.06);
  border: 2px solid #22bb5b;
}

.plan-middle-col {
  padding: 0 .5rem;
}

.plan-type-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 0 1rem 0;
}

.plan-type-title em {
  font-weight: 400;
}

.plan-type-description {
  font-size:  1rem;
  font-weight: 400;
}

.plan-type-monthly-price {
  font-size: 1.77rem;
  font-weight: 700;
  text-align: right;
}

.plan-type-per-month {
  font-size:  1rem;
  font-weight: 400;
  text-align: right;
}

.plan-dollar {
  font-size: 1.44rem;
  vertical-align: top;
}

/*input[type="radio"] {
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 5;
    /* IE 8 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: 0;
    opacity: 0;    
    visibility: hidden;
}*/

.form-error-msg {
  color: red;
}

.faux-radio {
    width: 12px;
    height: 12px;
    background: #f2f2f2;
    border: 1px solid #a6a6a6;
    border-radius: 12px;
    display: inline-block;
    margin-right: 2px;
    position: relative;
}

.faux-radio.faux-active:after {
    content: '';
    width: 6px;
    height: 6px;
    background: #22bb5b;
    border-radius: 6px;
    position: absolute;
    top: 2px;
    left: 2px;
}

@media screen and (max-width: 1025px) {

  .plan-header {
    display: block;
    text-align: center;
  }

  .plan-grid {
    margin: 0 auto;
    max-width: 740px;
  }
  .plan-grid .text {
    font-size: .9em;
  }

  .plan-grid .text-left {
    font-size: .9em;
  }

  .plan-grid .item-label {
    font-size: .9em;
  }

  .plan-grid .item-label-indent {
    font-size: .9em;
  }

  .plan-grid .payment-fees {
    font-size: .9em;
  }

  .plan-grid .scaling-charge {
    font-size: .9em;
  }

  .plan-type-card {
    margin: 2rem auto;
    max-width: 740px;
  }

  .first-card {
    margin-top: 4rem;
  }

  .start-trial-button {
    display: table;
    margin: 0 auto;
  }
}.portfolio-chart-cont {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 30px 60px -12px rgba(50,50,93,.25), 0 18px 36px -18px rgba(0,0,0,.3), 0 -12px 36px -8px rgba(0,0,0,.025);
    margin: 2rem 0;
    max-width: 640px;
    padding: 2rem;
}

.portfolio-h1 {
    color: #222;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.3rem;
    margin: 1rem 0;
    text-align: left;
}

.portfolio-h2 {
    color: #222;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 2.1rem;
    margin: 1rem 0;
    text-align: left;
}

.cash-holdings {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 7px 14px 0 rgba(60,66,87, 0.1), 0 3px 6px 0 rgba(0, 0, 0, .07);
  margin: 0 0 4rem 0;
}

.two-button-cont {;
  background: #f7fafc;
  border-radius: 12px 12px 0 0;
  padding: 0 0 0 2rem;
}

.portfolio-cash-h2 {
  color: #222;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 2.1rem;
  margin: 0;
  padding: 2rem; 
  text-align: left;
}

.cash-holdings-border {
  border-top: 1px solid #e3e8ef;
}

.stock-holdings {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 7px 14px 0 rgba(60,66,87, 0.1), 0 3px 6px 0 rgba(0, 0, 0, .07);
  margin: 0 0 4rem 0;
  padding: 0 0 4rem 0;
}

.portfolio-stocks-h2 {
  color: #22bb5b;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 2.1rem;
  margin: 0;
  padding: 2rem; 
  text-align: left;
}

.portfolio-h3 {
  color: #222;
  display: block;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 1.1rem;
  line-height: 2rem;
  margin: 1rem 0;
  text-align: left;
}

.portfolio-holding-grid {
  border-bottom: 1px solid #dedede;
  color: #222;
  display: grid;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: .9rem;
  grid-gap: 0;
  grid-template-columns: 110px 120px 150px 150px 150px 150px 75px;
  line-height: 2.4rem;
  padding: .5rem 2rem;
  text-align: left;
}

.portfolio-table-mobile-label {
  display: none;
}

.blue-button-portfolio {
  background: #576aff;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border-radius: 6px;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: .85rem;
  font-weight: 500;
    line-height: 1.5rem;
  margin: 0;
  padding: .25rem 1.33rem;
}

.blue-button-portfolio:focus {
  box-shadow: 0 3px 4px #22bb5b, 0 3px 4px #22bb5b;
}

.blue-button-portfolio:hover {
  background: #2b42f9;
  color: #fff;
}

.blue-button-portfolio:active {
  color: #fff;
}

.blue-button-portfolio:visited {
  color: #fff;
}

.blue-link-portfolio {
  border: none;
  color: #576aff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: .85rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin: 0;
  padding: .25rem;
  text-decoration: underline;
}

.blue-link-portfolio:focus {
  box-shadow: 0 3px 4px #22bb5b, 0 3px 4px #22bb5b;
}

.blue-link-portfolio:hover {
  color: #2b42f9;
}

.blue-link-portfolio:active {
  color: #2b42f9;
}

.blue-link-portfolio:visited {
  color: #576aff;
}

.return-positive {
  color: #22bb5b;
}

.return-negative {
  color: red;
}

#cash-view-all-transactions-cont {
  padding: 0 0 2rem 0;
}

.cash-archive-grid-row {
  border-bottom: 1px solid #dedede;
  color: #222;
  display: grid;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: .9rem;
  grid-gap: 0;
  grid-template-columns: 100px 150px 150px 100px 300px;
  line-height: 2.4rem;
  padding: .5rem 2rem;
  text-align: left;
}

.portfolio-percent-cash {
  color: #000;
  font-weight: 700;
}

.portfolio-percent-stocks {
  color: #22bb5b;
  font-weight: 700;
}

.cash-deposit-label {
  color: #22bb5b;
}

.cash-withdraw-label {
  color: #e63a1e;
}

/* new */

.portfolio-table-content-card {
  background: #fff;
  border: 1.1px solid #e7e7e7;
  border-radius: 8px;
  box-shadow: 0 30px 60px -12px rgba(50,50,93,.25), 0 18px 36px -18px rgba(0,0,0,.3), 0 -12px 36px -8px rgba(0,0,0,.025);
  margin: 2rem 0;
  padding: 0;
}

.padding-less-card-padding {
  padding: 0 2.975rem;
}

.portfolio-table-cont {
  margin: 0 0 2.975rem 0;
}

.portfolio-stock-grid {
  border-bottom: 1px solid #e3e8ef;
  display: grid;
  grid-template-columns: 80px 150px 200px 200px 225px 200px 200px 200px;
  padding: .5rem 2.975rem;
}

.portfolio-table-header {
  color: #000;
  font-size: 1.1rem;
  font-weight: 700;
}

.portfolio-table-sub-label {
  color: #444;
  font-size: .8rem;
  font-weight: 400;
}


.portfolio-ticker-button {
  background: #576aff;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border-radius: 6px;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: .85rem;
  font-weight: 500;
  line-height: 1rem;
  margin: 0;
  padding: .25rem 1.33rem;
}

.portfolio-ticker-expand {
  background: #fff;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border-radius: 6px;
  border: none;
  color: #576aff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: .85rem;
  font-weight: 500;
  line-height: 1rem;
  margin: 0;
  padding: .25rem .66rem;
}

.placeholder-active {
  color: #888;
}

.portfolio-stock-price {
  font-size: 1.1rem;
}

.portfolio-daychange {
  font-size: .9rem;
}

.portfolio-page-summary-grid {
    color: #445060;
    display: grid;
    grid-template-columns: 138px auto;
    grid-column-gap: 0;
    margin: .5rem 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    padding-left: 3.5rem;
}

.portfolio-page-total-label-cont {
    text-align: left;
    padding-right: 1.5rem;
}

.portfolio-page-summary-datapoint {
    text-align: left;
    padding-left: 1.5rem;
}

.portfolio-summary-card-weight-padding {
    padding: 1rem 5.5rem 0 5.5rem;
}

.portfolio-page-card {
    background: #fff;
    box-shadow: #9E9E9E 0px 3px 40px;
    border-radius: 4px;
    padding: 0;
    position: relative;
}

/* ids */
#portfolio-view-create-new-anchor {
	width: 156px;
}

#portfolio-view-edit-existing-anchor {
	width: 89px;
}

#portfolio-create-new-submit-button {
	width: 175px;
}

#portfolio-edit-submit-button {
	width: 157px;
}

#portfolio-summary-graph {
    width: auto;
}

/* classes */
.portfolio-select-grid {
	display: grid;
	grid-template-columns: 44px 1fr 44px;
}

.svg-header-portfolio {
	color: #445060;
    height: 24px;
	margin-right: 3px;
	margin-left: -2px;
    width: 24px;
}

.portfolio-header-text {
    color: #445060;
    font-family: 'Ubuntu', sans-serif;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.66rem;
    padding: 2.3rem 0 2rem 0;
}

.portfolio-select-or-edit-grid {
	display: grid;
	grid-template-columns: 156px 1fr;
	grid-column-gap: 2rem;
	margin: 0;
    padding: 1.75rem 2.75rem 0 2.75rem
}

.portfolio-id-select-bar {
  border: 1px solid #dc191969;
  border: 1px solid rgb(87 106 255 / 48%);
  border-radius: 8px;
  box-shadow: 0 8px 6px -6px #dc191969, 0 8px 6px -6px #dc19190d;
  box-shadow: 0 3px 6px rgb(87 106 255 / 13%), 0 3px 6px rgb(87 106 255 / 48%);
  color: #5e5cff;
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-size: 1.3rem;
  font-weight: 500;
  height: auto;
  line-height: 1rem;
  margin: 1.9rem 0 1rem 0;
  padding: .5rem .6rem .39rem .6rem;
  width: 276px;
}

.portfolio-view-select-bar {
  border: 1px solid #dc191969;
  border: 1px solid rgb(87 106 255 / 48%);
  border-radius: 8px;
  box-shadow: 0 8px 6px -6px #dc191969, 0 8px 6px -6px #dc19190d;
  box-shadow: 0 3px 6px rgb(87 106 255 / 13%), 0 3px 6px rgb(87 106 255 / 48%);
  color: #5e5cff;
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-size: 1rem;
  font-weight: 500;
  height: auto;
  line-height: 1rem;
  margin: 0;
  padding: .33rem .6rem .39rem .6rem;
  width: 276px;
}

#portfolio-settings-toggle {
    width: 36px;
    margin: 2.15rem 0 .5rem 1rem;
}

.portfolio-new-portfolio-button-container {
	padding: 0;
}

.portfolio-action-icon-anchor-white {
    color: #fff;
    height: 18px;
    width: 18px;
    margin-top: -2px;
    margin-right: 4px;
    margin-left: -1px;
    margin-bottom: -3px;
}

.portfolio-page-single-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 2rem;
    margin: 1rem 0;
}

.portfolio-page-ticker-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1rem;
    margin: 1rem 0 0 0;
}

.portfolio-page-ticker-card {
    background: #fff;
    box-shadow: #9E9E9E 0px 3px 40px;
    border-radius: 4px;
    padding: 0;
    margin-bottom: 1rem;
}

.entry-table-portfolio {
    background: #5e5cff0d;
    display: block;
}

.holdings-table-footer-padding {
    padding-bottom: 2rem;
}

.portfolio-selected-graph-summary-cont {
    top: 13.5%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 3;
}

.portfolio-graph-header-total {
    font-family: 'Roboto', sans-serif;
    font-size: 3rem;
    font-weight: 300;
    line-height: 3rem;
}

.portfolio-graph-header-currency-symbol {
    font-size: 1.75rem;
    font-weight: 400;
    margin-right: 2px;
}

.portfolio-graph-header-pennies {
    font-size: 1.25rem;
    font-weight: 400;
}

.portfolio-equity-and-income-graph-centerer {
    display: table;
    margin: 0 auto;
}

.portfolio-equity-income-graph-summary-return-grid {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-column-gap: 1rem;
    margin-top: .33rem;
    margin-bottom: .33rem;
}

.portfolio-equity-income-graph-summary-header-income-ttm-grid {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-column-gap: 1rem;
}

#portfolio-equity-income-graph-summary-return-total,
#portfolio-equity-income-graph-summary-header-income-ttm {
    font-family: 'Roboto', sans-serif;
    text-align: left;
}

.portfolio-equity-income-graph-summary-header-income-ttm-label,
.portfolio-equity-income-graph-summary-return-total-label {
    font-family: 'Roboto', sans-serif;
    text-align: right;
}

.portfolio-selected-heatmap-summary-cont {
    height: auto;
    margin: 0 0 1rem 0;
}

.weights-label {
    color: #445060;
    font-family: 'Ubuntu', sans-serif;
    font-size: 1rem;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1rem;
    padding: 0;
    padding: 2.65rem 0 1.5rem 0;
    text-align: left;
}

.weights-ticker-padding {
    display: block;
    padding-top: 1px;
}

.weight-data-grid {
    display: grid;
    color: #445060;
    font-family: 'Roboto', sans-serif;
    font-size: .85rem;
    line-height: .85rem;
    height: 27px;
    padding: 5px 0 0 2px;
    grid-template-columns: 80px 80px 1fr;
}

.holdings-table-header {
    color: #445060;
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.75rem;
    padding: 1.9rem 0 0 0;
}

.portfolio-summary-data-table-bottom-padding {
    padding-top: 1.2rem;
    padding-bottom: 1.3rem;
}

.entry-table-row-portfolio {
    border-bottom: 1px solid #e3e8ef;
    display: block;
    /*grid-template-columns: 100px 110px 120px 1fr auto;
    grid-template-columns: 100px 110px 120px minmax(342px, 390px) 1fr;
    grid-template-columns: 100px 155px 121px minmax(342px, 447px) 1fr;
    grid-template-columns: 100px 155px 121px minmax(342px, 447px) 1fr;
    grid-template-columns: 132px 157px 120px 1fr 120px 1fr 1fr 1fr 1fr;*/
    min-height: 33px;
    padding: 0;
    cursor: pointer;
}


.portfolio-ticker-card-header-grid {
    display: grid;
    grid-template-columns: 5fr 3fr;
}

.portfolio-ticker-card-header-left-name-container {
    padding: 0 1rem 0 0;
}

.holdings-table-figi-ticker-link {
    background: none;
    border: none;
    color: #5e5cff;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 3.5rem;
    padding: 0 0.85rem;
    text-decoration: none
}

.holdings-table-figi-ticker-link-fw400 {
    background: none;
    border: none;
    color: #5e5cff;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 3.5rem;
    padding: 0 0.85rem;
    text-decoration: none
}

.portfolio-ticker-table-figi-ticker-link {
    background: none;
    border: none;
    color: #5e5cff;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.25rem;
    padding: 1.5rem 1.5rem .5rem 1.5rem;
    text-decoration: none
}

.portfolio-ticker-table-figi-ticker-name-label {
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: .9rem;
    font-weight: 500;
    line-height: 1.3rem;
    max-width: 140px;
    padding: 3px 0 0 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}

.portfolio-ticker-card-header-right {
    display: grid;
    padding: 1.5rem 1.5rem 1.5rem 0;
}

.portfolio-ticker-table-figi-equity {
    font-family: "Roboto", sans-serif;
    font-size: 2.25rem;
    font-weight: 300;
    line-height: 2.25rem;
    float: right;
}

.holdings-table-figi-currency {
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 3.3rem;
}

.portfolio-ticker-card-currency-symbol-font-size {
    font-size: 1.5rem;
}

.portfolio-ticker-card-decimal-font-size {
    font-size: .85rem;
}

.portfolio-ticker-card-header-left-stock-price-container {
    padding: 8px 1rem 0 1.5rem;
}

.holdings-table-figi-live-price {
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: .9rem;
    font-weight: 500;
    vertical-align: bottom;
    padding: 0;
}

.portfolio-ticker-table-figi-live-price {
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: .9rem;
    font-weight: 500;
    vertical-align: bottom;
    padding: 0;
}

.portfolio-ticker-card-figi-dod {
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: .9rem;
    padding: 0 0 0 .5rem;
    vertical-align: bottom;
}

.portfolio-ticker-card-dividends-ttm {
    color: #22bb5b;
    font-family: 'Roboto', sans-serif;
    font-size: .95rem;
    float: right;
}

.portfolio-ticker-card-dividend-currency-symbol {
    font-size: .8rem;
    margin-right: 1px;
}

.portfolio-ticker-card-dividend-decimal-value {
    font-size: .8rem;
}

.holdings-table-figi-weight {
    padding: 17px 0 0 0;
}


/* wtf is this mess?? */
@media screen and (max-width: 80.9375em){

  .portfolio-chart-cont {
    max-width: auto;
  }

  .portfolio-holding-grid {
    grid-template-columns: 100%;
  }

  .portfolio-table-mobile-label {
    display: inline-block;
    margin: 0 2rem 0 1.33rem;
    width: 140px;
  }

  .hide-for-mobile-portfolio-table-labels {
    display: none;
  }

}



/** phone **/
@media screen and (max-width: 64.9375rem) {

    /* containers */

        #portfolio-summary-graph {
            width: auto;
        }

        .portfolio-page-master-grid {
            display: grid;
            grid-column-gap: 1rem;
            grid-template-rows: 1fr;
            grid-row-gap: 1rem;
        }

        .portfolio-header-grid {
            display: grid;
            grid-template-columns: 1fr;
            grid-column-gap: 1rem;
        }

        .portfolio-header-left {
            display: grid;
            grid-column-start: 1;
            grid-column-end: 2;
        }

        .portfolio-header-right {
            display: grid;
            grid-column-start: 1;
            grid-column-end: 2;
        }

        #portfolio-summary-graph {
            width: auto;
        }

        .portfolio-page-card {
            grid-column-start: 1;
            grid-column-end: 2;
        }

        .portfolio-page-single-grid {
            display: grid;
            grid-template-columns: 1fr;
            grid-column-gap: 2rem;
            margin: 1rem 0 0 0;
        }

        #portfolio-equity-and-income-graph {
            margin: 1rem 0 0 0;
        }

    /* summary card */


        .portfolio-id-select-bar {
            width: 100%;
        }

        .portfolio-view-select-bar {
            width: 100%;
            margin-bottom: 1rem;
        }

        .portfolio-page-summary-grid {
            padding-left: .5rem;
        }

        .portfolio-summary-card-weight-padding {
            padding: 1rem 2rem 1.5rem 2rem;
        }

    /* ticker grid */

        .portfolio-page-ticker-grid {
            display: grid;
            grid-template-columns: 1fr;
            grid-column-gap: 1rem;
            margin: 1rem 0 0 0;
        }

        .holdings-table-figi-live-price {
            font-family: "Ubuntu", sans-serif;
            font-size: .9rem;
            line-height: .9rem;
            padding: 0;
        }

        .portfolio-ticker-table-figi-equity {
            font-family: "Roboto", sans-serif;
            font-size: 2rem;
            font-weight: 300;
            line-height: 2rem;
            float: right;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        /*.portfolio-ticker-table-figi-ticker-link {
            padding: 1.5rem 1.5rem 3px 1.5rem;
        }*/

        .portfolio-ticker-table-figi-ticker-name-label {
            padding: 3px 0 2px 1.5rem;
        }

        .portfolio-ticker-card-header-left-stock-price-container {
            padding: 3px 1rem 0 1.5rem;
        }

        .portfolio-table-figi-weight {
            padding: 7px 0 0 0;
        }


    /* currency table */

        .holdings-table-header {
            padding: 1.9rem 0;
        }

        .holdings-table-figi-header-row {
            display: none;
        }

        .holdings-table-figi-summary-row {
            border-top: 1px solid #e3e8ef;
            border-bottom: 1px solid #e3e8ef;
            cursor: pointer;
            display: grid;
            grid-template-columns: 48px 110px minmax(95px, 110px) minmax(60px, 100px);
            grid-template-rows: 1fr;
            padding: 0 1rem;
        }

        .holdings-table-figi-weight {
            grid-column-start: 4;
            grid-column-end: 6;
            grid-row-start: 1;
            grid-row-end: 2;
        }

        .time-series-mini-grid-padding {
            display: grid;
            grid-template-columns: minmax(80px, 130px) minmax(0, 3rem);
        }

        .holdings-table-expander-cont {
            padding-top: 11px;
        }

        .holdings-table-expander {
            background: #5e5cff;
            border-radius: 6px;
            border: none;
            box-shadow: 0 3px 6px rgb(87 106 255 / 13%), 0 3px 6px rgb(87 106 255 / 48%);
            color: #ffffff;
            display: inline-block;
            padding: 7px 0.65rem;
        }

        .ticker-table-chart-container {
            width: 100%;
            height: 400px;
        }

        .holdings-table-figi-intraday-time-series-mini {
            grid-column-start: 3;
            grid-column-end: 4;
            grid-row-start: 1;
            grid-row-end: 2;
            padding-right: .5rem;
        }

        .holdings-table-figi-dod {
            grid-column-start: 4;
            grid-column-end: 5;
            grid-row-start: 1;
            grid-row-end: 2;
            padding-top: 7px;
        }

        .holdings-table-figi-cost-basis {
            display: none;
            grid-column-start: 2;
            grid-column-end: 5;
            grid-row-start: 3;
            grid-row-end: 4;
        }

        .holdings-table-figi-return {
            display: none;
            grid-column-start: 2;
            grid-column-end: 5;
            grid-row-start: 3;
            grid-row-end: 4;
        }

        .entry-table-row-portfolio {
            border-bottom: 1px solid #e3e8ef;
            display: grid;
            grid-template-columns: 5fr 4fr 0 2fr;
            padding: .5rem 1rem;
        }

}




/** ipad  **/
@media screen and (min-width: 64.94rem) and (max-width: 80.9375rem){

    /* summary view */

        #portfolio-summary-graph {
            width: auto;
        }

        .portfolio-page-master-grid {
            display: grid;
            grid-column-gap: 1rem;
            grid-template-rows: 1fr;
            grid-row-gap: 1rem;
        }

        .portfolio-header-grid {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            grid-column-gap: 1rem;
        }

        .portfolio-header-left {
            display: grid;
            grid-column-start: 1;
            grid-column-end: 2;
        }

        .portfolio-header-right {
            display: grid;
            grid-column-start: 2;
            grid-column-end: 4;
        }

    /* summary card */

        .portfolio-id-select-bar {
            width: 100%;
        }

        .portfolio-view-select-bar {
            width: 100%;
        }

        .portfolio-page-summary-grid {
            padding-left: 1.5rem;
        }

        .portfolio-summary-card-weight-padding {
            padding: 1rem 3rem;
        }

        .portfolio-ticker-card-header-right {
            padding: 1.5rem 1.5rem 0 0;
        }

        .weight-data-grid {
            grid-template-columns: 80px 80px minmax(auto, 196px);
        }

    /* ticker grid */

        .portfolio-ticker-table-figi-ticker-link {
            color: #5e5cff;
            display: inline-block;
            font-family: "Roboto", sans-serif;
            font-size: 2.25rem;
            font-weight: 700;
            line-height: 2.25rem;
            padding: 1.5rem 1.5rem .5rem 1.5rem;
            text-decoration: none
        }

        .portfolio-ticker-table-figi-ticker-name-label {
            max-width: 120px;
            padding: 9px 0px 6px 1.5rem;
            padding: 4px 0 0 1.5rem;
        }

        .portfolio-ticker-card-header-left-stock-price-container {
            padding: 8px 12px 0 1.5rem;
        }

        .portfolio-ticker-card-figi-dod {
            line-height: .9rem;
        }

        .portfolio-table-figi-weight {
            padding: 7px 0 0 0;
        }

    /* currency table */

        .holdings-table-h3 {
            color: #445060;
            font-family: 'Ubuntu', sans-serif;
            font-size: 1.25rem;
            font-weight: 700;
            line-height: 1.5rem;
            padding: 1rem 0;
        }

        .holdings-table-header-summary-row {
            display: grid;
        }

        .holdings-table-figi-header-row {
            display: grid;
            grid-template-columns: 131px 127px 100px 1fr 82px 1fr 1fr 1fr 1fr;
            padding: .5rem 2rem .5rem 0;
            font-family: 'Roboto', sans-serif;
            font-size: .85rem;
            font-weight: 500;
            color: #445060;
        }

        .holdings-table-figi-summary-row {
            border-top: 1px solid #e3e8ef;
            display: grid;
            grid-template-columns: 131px 127px 100px 1fr 82px 1fr 1fr 1fr 1fr;
            padding: 0 2rem 0 0;
        }

        .holdings-table-figi-summary-row:hover {
            background: #eff2f7;
            cursor: pointer;
        }

        .holdings-table-expander-cont {
            cursor: pointer;
            padding: 14px 0 14px 2rem;
        }

        .holdings-table-expander {
            background: #5e5cff;
            border-radius: 6px;
            border: none;
            box-shadow: 0 3px 6px rgb(87 106 255 / 13%), 0 3px 6px rgb(87 106 255 / 48%);
            color: #ffffff;
            display: inline-block;
            padding: 4px .85rem;
        }

        .holdings-table-expander-hover {
            box-shadow: 0 3px 6px rgb(87 106 255 / 33%), 0 3px 6px rgb(87 106 255 / 66%);
            text-decoration: underline;
        }

        .holdings-table-figi-intraday-time-series-mini {
            font-family: "Ubuntu", sans-serif;
            font-size: .9rem;
            line-height: 1.6rem;
            width: 100px;
            padding: 11px 0 8px 0;
        }

        .time-series-mini-grid-padding {
            display: grid;
            grid-template-columns: minmax(80px, 100px) minmax(0, 2rem);
        }

        .holdings-table-figi-cost-basis {
            font-family: "Ubuntu", sans-serif;
            font-size: .9rem;
            line-height: 1.6rem;
            padding: 18px 0 18px 0;
        }

        .holdings-table-figi-live-price {
            font-family: "Ubuntu", sans-serif;
            font-size: .9rem;
            line-height: .9rem;
            padding: 0;
        }

        .holdings-table-figi-return {
            font-family: "Ubuntu", sans-serif;
            font-size: .9rem;
            line-height: 1.6rem;
            padding: 18px 0 18px 0;
        }

        .holdings-table-figi-weight {
            padding: 15px 0 0 0;
        }

        .holdings-table-bottom-border {
            background: #e3e8ef;
            height: 1px;
        }

}





/* large */
@media screen and (min-width: 80.94rem) and (max-width: 102.9375rem){

    /* summary view */

        #portfolio-summary-graph {
            width: auto;
        }

        .portfolio-page-master-grid {
            display: grid;
            grid-column-gap: 1rem;
            grid-template-rows: 1fr;
            grid-row-gap: 1rem;
        }

        .portfolio-header-grid {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            grid-column-gap: 1rem;
        }

        .portfolio-header-left {
            display: grid;
            grid-column-start: 1;
            grid-column-end: 2;
        }

        .portfolio-header-right {
            display: grid;
            grid-column-start: 2;
            grid-column-end: 4;
        }

    /* summary card */

        .portfolio-id-select-bar {
            width: 100%;
        }

        .portfolio-view-select-bar {
            width: 100%;
        }

        .portfolio-page-summary-grid {
            padding-left: 1rem;
        }

        .portfolio-summary-card-weight-padding {
            padding: 1rem 2.5rem;
        }

    /* ticker cards */

        .portfolio-ticker-card-header-grid {
            grid-template-columns: 6fr 2fr;
        }

        .portfolio-ticker-table-figi-ticker-link {
            color: #5e5cff;
            display: inline-block;
            font-family: "Roboto", sans-serif;
            font-size: 2.25rem;
            font-weight: 700;
            line-height: 2.25rem;
            padding: 1.5rem 1.5rem 0 1.5rem;
            text-decoration: none
        }

        .portfolio-ticker-table-figi-ticker-name-label {
            max-width: 140px;
            padding: 9px 0px 6px 1.5rem;
        }

        .portfolio-ticker-card-header-left-stock-price-container {
            padding: 0 1rem 0 1.5rem;
        }

        .portfolio-ticker-table-figi-equity {
            font-family: "Roboto", sans-serif;
            font-size: 2rem;
            font-weight: 300;
            line-height: 2rem;
            float: right;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .portfolio-ticker-card-decimal-font-size {
            display: none;
        }

        .weight-data-grid {
            grid-template-columns: 80px 80px minmax(auto, 185px);
        }

        .portfolio-ticker-card-header-right {
            padding: 1.5rem 1.5rem 0 0;
        }

        .portfolio-table-figi-weight {
            padding: 9px 0 0 0;
        }

    /* tables */

        .holdings-table-h3 {
            color: #445060;
            font-family: 'Ubuntu', sans-serif;
            font-size: 1.25rem;
            font-weight: 700;
            line-height: 1.5rem;
            padding: 1rem 0;
        }

        .holdings-table-header-summary-row {
            display: grid;
        }

        .holdings-table-figi-header-row {
            display: grid;
            grid-template-columns: 131px 110px 100px 1fr 82px 1fr 1fr 1fr 1fr;
            padding: .5rem 2rem .5rem 0;
            font-family: 'Roboto', sans-serif;
            font-size: .85rem;
            font-weight: 500;
            color: #445060;
        }

        .holdings-table-figi-summary-row {
            border-top: 1px solid #e3e8ef;
            display: grid;
            grid-template-columns: 131px 110px 100px 1fr 82px 1fr 1fr 1fr 1fr;
            padding: 0 2rem 0 0;
        }

        .holdings-table-figi-summary-row:hover {
            background: #eff2f7;
            cursor: pointer;
        }

        .holdings-table-expander-cont {
            cursor: pointer;
            padding: 14px 0 14px 2rem;
        }

        .holdings-table-expander {
            background: #5e5cff;
            border-radius: 6px;
            border: none;
            box-shadow: 0 3px 6px rgb(87 106 255 / 13%), 0 3px 6px rgb(87 106 255 / 48%);
            color: #ffffff;
            display: inline-block;
            padding: 4px .85rem;
        }

        .holdings-table-expander-hover {
            box-shadow: 0 3px 6px rgb(87 106 255 / 33%), 0 3px 6px rgb(87 106 255 / 66%);
            text-decoration: underline;
        }

        .holdings-table-figi-ticker {
            background: #5e5cff;
            border-radius: 6px;
            border: none;
            box-shadow: 0 3px 6px rgb(87 106 255 / 13%), 0 3px 6px rgb(87 106 255 / 48%);
            color: #ffffff;
            display: inline-block;
            font-family: "Roboto", sans-serif;
            font-size: 1rem;
            font-weight: 500;
            line-height: 1rem;
            padding: 4px .85rem;
            text-decoration: none;
        }

        .holdings-table-figi-intraday-time-series-mini {
            font-family: "Ubuntu", sans-serif;
            font-size: .9rem;
            line-height: 1.6rem;
            width: 100px;
            padding: 11px 0 8px 0;
        }

        .time-series-mini-grid-padding {
            display: grid;
            grid-template-columns: minmax(80px, 100px) minmax(0, 2rem);
        }

        .holdings-table-figi-cost-basis {
            font-family: "Ubuntu", sans-serif;
            font-size: .9rem;
            line-height: 1.6rem;
            padding: 18px 0 18px 0;
        }

        .holdings-table-figi-dod {
            font-family: "Ubuntu", sans-serif;
            font-size: .9rem;
            line-height: 1.6rem;
            padding: 18px 0 18px 0;
        }

        .holdings-table-figi-return {
            font-family: "Ubuntu", sans-serif;
            font-size: .9rem;
            line-height: 1.6rem;
            padding: 18px 0 18px 0;
        }

        .holdings-table-figi-weight {
            padding: 17px 0 0 0;
        }

        .holdings-table-bottom-border {
            background: #e3e8ef;
            height: 1px;
        }

}





/* XLarge */
@media screen and (min-width: 102.94rem){ 

    /* summary view */

        .portfolio-page-master-grid {
            display: grid;
            grid-column-gap: 1rem;
            grid-template-rows: 1fr;
            grid-row-gap: 1rem;
        }

        .portfolio-header-grid {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            grid-column-gap: 1rem;
        }

        .portfolio-header-left {
            display: grid;
            grid-column-start: 1;
            grid-column-end: 2;
        }

        .portfolio-header-right {
            display: grid;
            grid-column-start: 2;
            grid-column-end: 4;
        }

    /* ticker cards */

        .portfolio-ticker-card-header-right {
            padding: 1.5rem 1.5rem 0 0;
        }

        .portfolio-ticker-table-figi-ticker-name-label {
            padding: 3px 0 1px 1.5rem;
        }

        .portfolio-table-figi-weight {
            padding: 7px 0 0 0;
        }

    /* holdings table */

        .holdings-table-h3 {
            color: #445060;
            font-family: 'Ubuntu', sans-serif;
            font-size: 1.25rem;
            font-weight: 700;
            line-height: 1.5rem;
            padding: 1rem 0;
        }

        .holdings-table-header-summary-row {
            display: grid;
        }

        .holdings-table-figi-summary-row {
            border-top: 1px solid #e3e8ef;
            display: grid;
            grid-template-columns: 132px 110px 120px 1fr 120px 1fr 1fr 1fr 1fr;
            padding: 0 2rem 0 0;
        }

        .holdings-table-figi-header-row {
            display: grid;
            grid-template-columns: 132px 110px 120px 1fr 120px 1fr 1fr 1fr 1fr;
            padding: .5rem 2rem .5rem 0;
            font-family: 'Roboto', sans-serif;
            font-size: .85rem;
            font-weight: 500;
            color: #445060;
        }

        .holdings-table-figi-summary-row:hover {
            background: #eff2f7;
            cursor: pointer;
        }

        .holdings-table-expander {
            background: #5e5cff;
            border-radius: 6px;
            border: none;
            box-shadow: 0 3px 6px rgb(87 106 255 / 13%), 0 3px 6px rgb(87 106 255 / 48%);
            color: #ffffff;
            display: inline-block;
            padding: 4px .85rem;
        }

        .holdings-table-expander-hover {
            box-shadow: 0 3px 6px rgb(87 106 255 / 33%), 0 3px 6px rgb(87 106 255 / 66%);
            text-decoration: underline;
        }

        .holdings-table-expander-cont {
            cursor: pointer;
            padding: 14px 0 14px 2rem;
        }

        .holdings-table-figi-ticker {
            background: #5e5cff;
            border-radius: 6px;
            border: none;
            box-shadow: 0 3px 6px rgb(87 106 255 / 13%), 0 3px 6px rgb(87 106 255 / 48%);
            color: #ffffff;
            display: inline-block;
            font-family: "Roboto", sans-serif;
            font-size: 1rem;
            font-weight: 500;
            line-height: 1rem;
            padding: 4px .85rem;
            text-decoration: none;
        }

        .holdings-table-figi-intraday-time-series-mini {
            font-family: "Ubuntu", sans-serif;
            font-size: .9rem;
            line-height: 1.6rem;
            width: 131px;
            padding: 7px 2rem 4px 0;
        }

        .holdings-table-figi-cost-basis {
            font-family: "Ubuntu", sans-serif;
            font-size: .9rem;
            line-height: 1.6rem;
            padding: 14px 0;
        }

        .holdings-table-figi-return {
            font-family: "Ubuntu", sans-serif;
            font-size: .9rem;
            line-height: 1.6rem;
            padding: 14px 0;
        }

        .holdings-table-figi-weight {
            padding: 17px 0 0 0;
        }

        .holdings-table-bottom-border {
            background: #e3e8ef;
            height: 1px;
        }

}.public-ticker-page-details-padding {
	padding: 0 2rem;
}

.public-ticker-page-graph-padding {
	padding: 0 1rem;
}

.public-article-header-padding {
	padding: 2rem 0 0 0;
}

.public-article-ticker-h1 {
	display: inline-block;
	font-size: 2.5rem;
	font-weight: 500;
	line-height: 2.5rem;
	margin: 0;
	text-align: left;
	vertical-align: bottom;
}

.article-stock-details-header {
	color: #445060;
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25rem;
    padding: 1rem 0;
}

.article-header-transaction-details {
    color: #445060;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.1rem;
    margin: 0 0 1rem 0;
}

.edit-entry-button {
	margin: 0 0 0 0;
	width: 150px;
}

.article-stock-details-edit-button-grid {
	display: grid;
	grid-column-gap: 2rem;
	grid-template-columns: auto auto auto auto;
	max-width: 280px;
	margin: 1rem 0 2rem 0;
}

.article-stock-details-edit-file-button-grid {
	display: grid;
	grid-column-gap: 2rem;
	grid-template-columns: auto auto auto;
	max-width: 280px;
	margin: 1rem 0 2rem 0;
}

#toggle-duplicate-entry {
	width: 150px;
}

#toggle-delete-entry {
    width: 150px;
}

#cancel-delete-entry-note {
	margin-top: 1.5rem;
}

.article-stock-details-container {
	max-width: 514px;
}

.article-stock-details-grid-row {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 1rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin-bottom: 8px;
}

.article-stock-details-grid-label {
	color: #8793a5;
    display: inline-block;
    grid-column-gap: 1rem;
    margin: 0 0 0 0;
    font-family: 'Roboto', sans-serif;
    font-size: .85rem;
    line-height: .85rem;
}

.article-stock-details-grid-datum {
	color: #445060;
    display: inline-block;
    grid-column-gap: 1rem;
    margin: 0 0 0 0;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    line-height: 1rem;
}

.article-stock-details-grid-datum a {
	color: #5e5cff;
	text-decoration: none;
}

.article-stock-details-grid-datum a:hover {
	color: #5e5cff;
	text-decoration: underline;
}

.article-stock-details-grid-datum a:visited {
	color: #5e5cff;
	text-decoration: none;
}

.article-label-private-cont {
	display: inline-block;
	margin-bottom: -4px;
}

.article-stock-access-label {
	background: #d9dfe7;
    color: #445060;
    cursor: default;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: .85rem;
    line-height: .85rem;
    margin: -5px 0 0 0;
    padding: .33rem .66rem;
    vertical-align: bottom;
}

.stock-ticker-graph-stock-date {
	color: #8793a5;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: .85rem;
	line-height: .85rem;
	margin: .25rem 0 .75rem 0;
}

.public-article-header-sentiment {
	display: inline-block;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
	margin: 0 0 0 1rem;
	text-align: left;
	vertical-align: bottom;
}

.article-header-title {
	color: #445060;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 2.5rem;
	font-weight: 500;
	line-height: 2.5rem;
	margin: 0 0 1rem 0;

}

.article-header-byline {
	color: #445060;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 1.1rem;
	font-weight: 500;
	line-height: 1rem;
	margin: 0 0 .25rem 0;
	text-decoration: none;
}

.article-byline-link {
	text-decoration: none;
}

.article-byline-link:visited {
	color: #5e5cff;
}

.article-byline-link:hover {
	text-decoration: underline;
}

.article-content-date-container {
	padding: .5rem 0 2rem 0;
}

.article-header-byline-edited-on {
    color: #8793a5;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: .85rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.33rem;
    margin: 0 0 0 0;
}

.article-header-byline-timestamp {
    color: #8793a5;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: .85rem;
    font-weight: 400;
    line-height: 1.33rem;
    margin: 0 0 0 0;
}

.details-header-timezone {
    color: #8793a5;
    font-family: 'Roboto', sans-serif;
    font-size: .85rem;
    font-weight: 400;
    line-height: 1.33rem;
    margin: 0 0 .5rem 4px;
}

.article-content div {
    color: #445060;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.33rem;
    margin: .5rem 0;
}

.article-content a {
	color: #5c5eff;
	text-decoration: none;
}

.article-content a:visited {
	color: #5c5eff;
}

.article-content a:hover {
	text-decoration: underline;
}

.article-content table td, .article-content table th {
	border: 1px solid #ddd;
    color: #445060;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
	padding: .5rem;
}

.entry-file-file-icon-svg {
    color: #5e5cff;
    height: 16px;
    width: 16px;
    margin-top: 0;
    margin-left: -1px;
    margin-right: 4px;
    margin-bottom: -2px
}

#article-entry-file-dl-button {
	margin: .5rem 0 0 0;
	width: 150px;
}

@media screen and (max-width: 56.975em){

	.article-stock-details-edit-button-grid {
		grid-template-columns: auto;
	}

	#toggle-duplicate-entry {
		display: block;
		margin-top: 1.5rem;
	}

}

@media screen and (min-width: 57em){ 

}  body {
    background: #e3e8ef;
    font-family: 'Open sans', sans-serif;
    margin: 0;
  }

  #main-cont-public-profile-logged-out {
    margin: 0 auto;
  }

    .public-page-logged-out-top-menu {
        padding: 0 
    }

    .public-page-top-menu-logo {
        width: 40px;
        padding: 1.5rem 0;
    }

  #community-table-cont {
  	margin: 2.4rem 0 0 0;
  }

  #community-ticker-page-table-cont {
    margin: 2.4rem 0 0 0;
  }

  .community-filter-cont {
    display: none;
    padding: 2rem 0 0 0;
  }

  .public-horiz-padding {
  	padding: 0 2rem;
  }

  .back-arrow-button {
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(87,106,255,0.13), 0 3px 6px rgba(87,106,255,0.48);
    color: #576aff;
    cursor: pointer;
    display: block;
    font-size: 2rem;
    letter-spacing: 1px;
    line-height: 1.6rem;
    text-align: center;
    height: 2rem;
    width: 2rem;
  }

  .active-red {
    color: red;
  }

  .row {
    padding: 0 .975rem;
    margin: 0 auto;
    max-width: 64rem;
  }

  .top-bar {
    padding: 1rem 0;
  }

  .goto-app {
    text-decoration: none;
  }

  .logo-img {
    width: 3.1rem;
  }

  .nf-public-page-footer-cont {
    background: #000;
    padding: 3rem 1rem;
    margin: 2rem 0 0 0;
  }

  .nf-public-page-footer-cont p {
    color: #dc1919;
    font-size: 1rem;
    line-height: 1rem;
  }

  .profile-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 30px 60px -12px rgba(50,50,93,.25), 0 18px 36px -18px rgba(0,0,0,.3), 0 -12px 36px -8px rgba(0,0,0,.025);
    margin: 0 0 2rem 0;
    max-width: 52rem;
    overflow: auto;
    padding: 0;
  }

  .public-article-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 30px 60px -12px rgba(50,50,93,.25), 0 18px 36px -18px rgba(0,0,0,.3), 0 -12px 36px -8px rgba(0,0,0,.025);
    margin: 2rem 0 0 0;
    max-width: 52rem;
    overflow: auto;
    padding: 0;
  }

  .public-article-card-first {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 30px 60px -12px rgba(50,50,93,.25), 0 18px 36px -18px rgba(0,0,0,.3), 0 -12px 36px -8px rgba(0,0,0,.025);
    margin: 0 0 0 0;
    max-width: 52rem;
    overflow: auto;
    padding: 0;
  }

  .public-article-card-first-logged-out {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 30px 60px -12px rgba(50,50,93,.25), 0 18px 36px -18px rgba(0,0,0,.3), 0 -12px 36px -8px rgba(0,0,0,.025);
    margin: 5.5rem auto 0 auto;
    max-width: 52rem;
    overflow: auto;
    padding: 0;
  }

  .public-article-card-logged-out {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 30px 60px -12px rgba(50,50,93,.25), 0 18px 36px -18px rgba(0,0,0,.3), 0 -12px 36px -8px rgba(0,0,0,.025);
    margin: 0;
    max-width: 52rem;
    overflow: auto;
    padding: 0;
  }

  .profile-card-grid {
    border-radius: 8px 8px 0 0;
    background :#fff;
    display: grid;
    grid-template-columns: 2fr 9fr;
  }

  .profile-icon-cont {
    padding: 2rem;
    height: 8rem;
    width: 8rem;
  }

  .profile-settings-icon-cont {
    padding: 0;
    height: 8rem;
    width: 8rem;
  }

  .public-article-content-vertical-padding {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .public-article-thesis-grid-cont {
    margin: 2rem 0 2rem 0;
  }

  .public-article-summary-label {
    color: #445060;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2rem;
    margin: 0 0 1rem 0;
  }

  .public-article-summary-grid {
    display: grid;
    grid-template-columns: 20px 1fr;
    padding-left: 2rem;
  }  

  .public-article-thesis-grid {
    display: grid;
    grid-template-columns: 100px 1fr;
    padding-left: 2rem;
  }

  .public-article-summary-grid-margin-spacer {
    margin-top: .5rem;
    margin-bottom: 1rem;
  }

  .public-article-summary-grid-text {
    color: #445060;
    font-family: 'Roboto', sans-serif;
    font-size: 1.1rem;
    line-height: 1.9rem;
  }

  .public-table-large-grid {
    display: grid;
    grid-template-columns: 1fr;
    padding: 0;
  }

  .profile-settings-icon-cont svg {
    border-radius: 50%;
  }

.join-date {
    color: #8793a5;
    font-size: .9rem;
}

.profile-summary {
    color: #445060;
    font-size: .9rem;
    padding: 1rem 0;
}

.public-name-display-name {
    color: #445060;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1rem;
    padding: 1.25rem 0 .25rem 1rem;
    text-decoration: none;
    vertical-align: top;
}

.public-name-display-name:hover {
    color: #576aff;
    text-decoration: underline;
}

.profile-header-name {
    color: #000;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    line-height: 2rem;
    margin: 2rem 0 0 0;
    vertical-align: top;
}

.profile-header-unique-name {
    color: #445060;
    display: block;
    font-family: 'Roboto', sans-serif;
}

.public-profile-settings-gear {
    margin-bottom: -2px;
    margin-right: 2px;
    height: 15px;
    width: 15px;
}

#follow-and-settings-button-cont-large {
    display: inline-block;
    vertical-align: top;
}

.public-profile-user-info-grid {
    display: grid;
    grid-template-columns: auto 1fr;
}

.unfollow-button {
    background: #fff;
    box-shadow: 0 3px 6px rgba(87, 106, 255, 0.13), 0 3px 6px rgba(87, 106, 255, 0.48);
    border-radius: 6px;
    border: none;
    color: #5c5eff;
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 1.1rem;
    line-height: 2.5rem;
    font-weight: 500;
    margin: 2rem 0 0 2rem;
    padding: 0 1.33rem;
    width: 102px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
}

.unfollow-button:focus {
  box-shadow: 2px 4px 7px #ff9800, -2px 3px 4px #ff9800;
}

.unfollow-button:hover {
  background: #576aff;
  box-shadow: 0 3px 6px rgba(87,106,255,0.13), 0 3px 6px rgba(87,106,255,0.48);
  color: #fff;
  text-decoration: underline;
}

.unfollow-button:active {
  color: #fff;
}

.unfollow-button:visited {
  color: #fff;
}

.follow-button {
    background: #5e5cff;
    box-shadow: 0 3px 6px rgba(87, 106, 255, 0.13), 0 3px 6px rgba(87, 106, 255, 0.48);
    border-radius: 6px;
    border: none;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 1.1rem;
    line-height: 2.5rem;
    font-weight: 500;
    margin: 2rem 0 0 2rem;
    padding: 0 1.33rem;
    width: 102px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
}

.follow-button:hover {
    cursor: pointer;
    text-decoration: underline;
}

.settings-button {
    background: #fff;
    box-shadow: 0 3px 6px rgba(87,106,255,0.13), 0 3px 6px rgba(87,106,255,0.48);
    border-radius: 6px;
    border: none;
    color: #576aff;
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
    margin: 2rem 0 0 2rem;
    padding: .44rem 1.33rem;
    text-decoration: none;
    vertical-align: top;
}

.settings-button:hover {
    cursor: pointer;
    text-decoration: underline;
}

#profile-settings-cont {
    border-radius: 8px;
    margin: 0;
    max-width: 440px;
}

.color-picker-cont {
    max-width: 81px;
}

.blue-button {
  background: #576aff;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border-radius: 6px;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;  
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 500;
  margin: 0;
  padding: .44rem 1.33rem;
  vertical-align: bottom;
}

.blue-button:focus {
  box-shadow: 2px 4px 7px #ff9800, -2px 3px 4px #ff9800;
}

.blue-button:hover {
  background: #6375fb;
  box-shadow: 0 3px 6px rgba(87, 106, 255, 0.14), 0 3px 6px rgba(87, 106, 255, 0.6);
  color: #fff;
}

.blue-button:active {
  color: #fff;
}

.blue-button:visited {
  color: #fff;
}

.profile-feed-category-cont {
    margin: 1.5rem 0;
    max-width: 300px;
    padding: 0;
}

#update-public-page-settings {
    padding: 0;
}

.public-page-button-cont {
    background: #f6fafd;
    padding: 1rem;
    margin: 0;
    max-width: 100%;
}

.settings-header {
    margin: 1rem 0 .5rem 0;
    padding: 0;
}

.public-page-form-row {
    margin: 1rem;
    max-width:408px;
}

.public-page-form-label {
    color: #445060;
    display: block;
    margin: 0 0 .25rem 0;
    font-family: "Roboto", sans-serif;
    font-size: .85rem;
    font-weight: 500;
    text-align: left;
}

.input-with-inline-label-grid {
  display: grid;
  grid-template-columns: 145px 1fr;
  margin-top: 8px;
}

.onboard-unique-url-label {
  background: #f6fafd;
  border-radius: 8px 0 0 8px;
  border: 1px solid #d3dce4;
  border-right: 0;
  color: #828fa2;
  font-family: "Open sans", sans-serif;
  font-size: 1rem;
  line-height: 1rem;
  margin: 0;
  padding: .5rem .5rem;
}

.public-table-dot {
	color: #8793a5;
	cursor: pointer;
	display: inline-block;
	font-size: 1.33rem;
	line-height: 1rem;
	padding: 1.25rem .25rem .25rem 0;
	vertical-align: top;
}

.input-text-with-inline-label {
  border-radius: 0 8px 8px 0;
  border: 1px solid #d3dce4;
  color: #445060;
  font-family: "Open sans", sans-serif;
  font-size: .85rem;
  margin: 0;
  padding: .5rem .5rem;
}

.input_text {
  border-radius: 8px;
  border: 1px solid #d3dce4;
  box-sizing: border-box;
  color: #445060;
  display: block;
  font-family: "Open sans", sans-serif;
  font-size: .85rem;
  margin: 0;
  padding: .5rem .5rem;
  width: 100%;
}

.input_text:focus {
    border: 2px solid #ff9800;
    outline: none;
}

.profile-thumbnail {
    border-radius: 50%;
    height: 132px;
    margin: 1rem 0 0 0;
    width: 132px;
}

.hidden {
    display: none;
}

.profile-card-title-cont {
    margin: 2rem 0 0 0;
}

.stock-svg {
    display: inline-block;
    color: #445060;
    height: 22px;
    width: 22px;
    margin: 0;
    margin-bottom: -4px;
}

.public-feed-section-header {
    color: #445060;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1rem;
    margin: 0;
    text-align: left;
    vertical-align: bottom;
}

.profile-feed-category-cont-inactive {
    background-color: #f6fafd;
    border: 1px solid #d3dce4;
    border-radius: 2px;
    box-shadow: 0 8px 6px -6px rgba(0,0,0,0.12), 0 8px 6px -6px rgba(0,0,0,0.24);
    color: #4a5565;
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: .9rem;
    line-height: 22px;
    margin: 2px;
    padding: .25em 1em;
    vertical-align  top;
}

.profile-link {
    color: #5e5cff;
    font-size: .9rem;
    text-decoration: none;
}

.profile-link:hover {
    color: #5e5cff;
    text-decoration: underline;
}

.profile-icon-cont svg {
    border: 2px solid #fff;
    border-radius: 50%;
}

.required {
    color: red;
    font-family: "Roboto", sans-serif;
    font-size: .85rem;
    font-weight: 500;
}

.profile-feed-category-cont-active {
    border-radius: 2px;
    box-shadow: 0 8px 6px -6px rgba(0,0,0,0.12), 0 8px 6px -6px rgba(0,0,0,0.24);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: .9rem;
    line-height: 22px;
    margin: 2px;
    padding: .25em 1em;
    vertical-align  top;
}

.profile-feed-category-cont-inactive {
    color: #8793a5;
}

.public-table-emotion-string {
    color: #8793a5;
    display: inline-block;
	font-family: 'Roboto', sans-serif;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1rem;
    padding: 1.25rem 0 .25rem 0;
    text-decoration: none;
    vertical-align: top;
}

.public-table-ticker-link {
    border-radius: 6px;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: .85rem;
    font-weight: 500;
    line-height: 1rem;
    margin: 0;
    padding-top: 0;
    text-decoration: none;
}

.public-table-ticker-link:visited {
	color: #5e5cff;
}

.public-table-ticker-string {
    background: #5e5cff;
    background: none;
    border: none;
    border-radius: 6px;
    box-shadow: 0 3px 6px rgb(87 106 255 / 13%), 0 3px 6px rgb(87 106 255 / 48%);
    box-shadow: none;
    color: #ffffff;
    color: #5e5cff;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1rem;
    padding: 1.25rem 1rem .25rem 2rem;
    text-decoration: none;
    vertical-align: top;
}

.public-table-ticker-string:hover {
    text-decoration: underline;
}

.td-none {
    text-decoration: none;
}

.public-table-title-link {
    color: #445060;
    display: block;
    font-size: .85rem;
    line-height: 1rem;
    padding: .5rem 0 .75rem 0;
    text-decoration: none;
}

.public-table-title-link:visited {
    color: #445060;
}

.public-table-title-link:hover {
    color: #5e5cff;
    text-decoration: none;
}

.public-table-title-cont {
	color: #445060;
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;articleid
	line-height: 1rem;
    margin: 0;
    padding: .25rem 1rem 0 1rem;
}

.public-table-title-cont:hover {
	color: #5e5cff;
    text-decoration: none;
}

.community-link-active-highlight {
  color: #5e5cff !important;
  /*text-decoration: underline !important;*/
}

.community-ticker-active-highlight {
  color: #5e5cff;
  text-decoration: underline;
}

.public-table-grid {
  border-bottom: 1px solid #efefef;
  display: grid;
  font-size: .9rem;
  grid-template-columns: 56px 1fr;
  padding: 0 2rem;
}

.public-table-grid:hover {
  background: #eff2f7;
  cursor: pointer;
}

.public-table-icon-cont {
    padding: 1rem 0 0 0;
    position: relative;
    z-index: 4;
}

.public-table-icon-cont svg {
    border-radius: 50%;
    position: relative;
    z-index: -4;
}

.paperclip-svg-img {
    padding: 0;
    max-width: .8rem;
}

.calendar-svg-icon {
    width: 12px;
}

.comment-bubble-svg-img {
    bottom: -1px;
	display: inline-block;
    height: 13px;
    width: 13px;
    margin: 0 3px 0 0;
    padding: 0 0 0 1px;
    position: relative;
    vertical-align: top;
    z-index: -4;
}

.article-heart-svg-img {
	display: inline-block;
	height: 13px;
    margin: 1px 3px 0 0;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 13px;
    z-index: -4;
}

.view-svg-img {
	display: inline-block;
    height: 13px;
    margin: 1px 3px 0 0;
    width: 13px;
    padding: 0 0 0 1px;
    vertical-align: top;
}

.public-name-row-grid {
    color: #000;
    display: grid;
    grid-template-columns: auto 1fr;
    padding: 0;
}

.public-name-row-date-color {
    color: #8793a5;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    line-height: 1rem;
    padding: 1.25rem 0 .25rem 0;
    vertical-align: top;
}

.public-name-url-label {
    color: #8793a5;
    display: inline-block;
    font-size: 1rem;
    font-family: 'Roboto', sans-serif;
    grid-row: 2;
    line-height: 1rem;
    padding: 1.25rem .25rem .25rem .25rem;
    text-decoration: none;
    vertical-align: top;
}

.public-name-url-label:visited {
	color: #8793a5;
}

.public-name-url-label:hover {
    color: #576aff;
    text-decoration: underline;
}

.public-table-comment-like-cont {
    color: #8793a5;
    display: grid;
    grid-template-columns: 100px 100px;
    font-size: .8rem;
    line-height: 1rem;
    padding: 0;
}

.like-public-post {
    color: #8793a5;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    line-height: 1rem;
    padding: 6px 0 1rem 0;
    position: relative;
    text-decoration: none;
    vertical-align: top;
    z-index: 4;
}

.like-public-post span {
    position: relative;
    z-index: -4;
}

.liked-public-post {
    color: red;
}

.like-public-post:hover {
    color: blue;
    cursor: pointer;
}

.like-public-post svg {
    fill: red;
    color: red;
}

.public-comment-link {
    color: #8793a5;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    line-height: 1rem;
    padding: 6px 0 1rem 1rem;
    text-decoration: none;
    vertical-align: top;
    z-index: 4;
}

.public-comment-link span {
    position: relative;
    z-index: -4;
}

.public-view-link {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    color: #576aff;
    display: inline-block;
    padding: .33rem .66rem;
    text-decoration: none;
    color: #576aff;
    font-family: 'Roboto', sans-serif;
    font-size: .9rem;
    line-height: 1rem;
}

.view-inline-span {
	display: inline-block;
	vertical-align: top;
}

.public-view-link:visited {
    color: #576aff;
}


.public-table-ticker-row {
    display: block;
    line-height: 1rem;
    padding: 0;
    text-decoration: none;
}

.public-table-linebreak {
    background: #efefef;
    height: 1px;
    font-size: 0;
    line-height: 0;
    margin: .55rem 0 .66rem 0;
    margin: 0;
    width: 100%;
}

.follow-button-mobile {
    display: none;
}

.unfollow-button-mobile {
    display: none;
}

.settings-button-mobile {
    display: none;
}

.public-article-graph-text-figi-full-name {
    color: #445060;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 1.33rem;
    font-weight: 500;
    line-height: 1.33rem;
    margin: 0 0 1rem 0;
}

.article-header-cont {
    margin: 0 0 2rem 0;
}

.public-article-graph-text-figi-ticker {
    color: #5e5cff;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2rem;
    margin: 0 0 1rem 0;
}

.article-header-cont a {
    color: #5e5cff;
    text-decoration: none;
}

.article-header-cont a:visited {
    color: #5e5cff;
}

.article-content p {
    color: #445060;
    font-family: 'Roboto', sans-serif;
    font-size: 19px;
    line-height: 31px;
}

.article-content ul {
    color: #445060;
    list-style: disc;
    margin: 1rem 0 1rem 2rem;
}

.article-content ol {
    color: #445060;
    list-style: number;
    margin: 1rem 0 1rem 2rem;
}

.article-content ul li, ol li {
    color: #445060;
    font-family: 'Roboto', sans-serif;
    font-size: 19px;
    line-height: 31px;
    margin: .5rem 0;
}

/* phone */

@media screen and (max-width: 56.975em){

    body {
        background: #e3e8ef;
    }

    .public-page-top-menu-logo {
        width: 40px;
        padding: .75rem 0 .5rem 0;
    }

    .public-article-card-first {
        margin: 2rem 0 0 0;
    }

    .public-article-card-first-logged-out {
        margin: 5.5rem auto 5rem auto;
    }

    .public-article-card-logged-out {
        margin: 5.5rem auto;
    }

    .public-article-card {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .nf-public-page-footer-cont {
        margin: 1.5rem 0 0 0;
    }

    .back-arrow-button {
        background: #ffffff;
        border-radius: 50%;
        box-shadow: 0 3px 6px rgba(87,106,255,0.13), 0 3px 6px rgba(87,106,255,0.48);
        color: #576aff;
        cursor: pointer;
        display: block;
        font-size: 1.7rem;
        letter-spacing: 1px;
        line-height: 1.6rem;
        margin-left: -2px;
        text-align: center;
        height: 1.7rem;
        width: 1.7rem;
      }

    .profile-card {
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 30px 60px -12px rgba(50,50,93,.25), 0 18px 36px -18px rgba(0,0,0,.3), 0 -12px 36px -8px rgba(0,0,0,.025);
        margin: 0 0 1rem 0;
        padding: 0;
    }

    .profile-icon-grid {
        display: grid;
        grid-template-columns: 9rem 1fr;
    }

    .public-table-icon-cont {
        padding: 1rem 0 0 1rem;
    }

    .profile-icon-cont {
        height: 4rem;
        margin: 0;
        padding: 0;
        width: 4rem;
    }

    .follow-button {
        display: none;
    }

    .profile-header-name {
        padding: 0 0 0 .5rem;
    }

    .follow-button-mobile {
        border: 1px solid #576aff;
        border-radius: 32px;
        color: #576aff;
        display: inline-block;
        font-size: 1rem;
        line-height: 1rem;
        margin: .8rem 0 0 0;
        padding: .5rem 1.25rem .5rem 1rem;
        vertical-align: top;
        text-decoration: none;
    }

    .unfollow-button-mobile {
        background: #fff;
        box-shadow: 0 3px 6px rgba(87, 106, 255, 0.13), 0 3px 6px rgba(87, 106, 255, 0.48);
        border-radius: 6px;
        border: none;
        color: #5c5eff;
        cursor: pointer;
        display: inline-block;
        font-family: "Roboto", sans-serif;
        font-size: 1.1rem;
        line-height: 2.5rem;
        font-weight: 500;
        margin: 2rem 0 0 2rem;
        padding: 0 1.33rem;
        width: 102px;
        text-align: center;
        text-decoration: none;
        vertical-align: top;
    }

    .profile-card-grid {
        grid-template-columns: 1fr;
        padding: 1rem;
    }

    .public-article-card-first-logged-out {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .public-name-display-name {
        padding: 1rem 0 0 1rem;
    }

    .public-table-dot {
        font-size: 1.33rem;
        line-height: 1.33rem;
        padding: 1rem 0 0 0;
    }

    .join-date {
        font-size: .8rem;
        margin: 0 0 0 .5rem;
    }

    .profile-summary {
        color: #445060;
        font-size: 1rem;
        padding: 1rem .5rem;
    }

    .paperclip-svg-img {
        padding: 0 0 0 .5rem;
        max-width: .8rem;
    }

    #profile-settings-cont {
        margin: .5rem .5rem 0 .5rem;
    }

    .profile-feed-category-cont {
        margin: 1rem .5rem;
        max-width: auto;
        padding: 0;
    }

    .public-table-ticker-row {
        display: inline-block;
        line-height: 1rem;
        text-decoration: none;
        margin: 0;
    }

    .article-heart-svg-img {
        padding: 0;
        max-width: .8rem;
    }

    .active-red {
        color: red;
    }

    .public-table-ticker-link {
        border-radius: 6px;
        border: none;
        color: #5c5eff;
        cursor: pointer;
        display: inline-block;
        font-family: 'Roboto', sans-serif;
        font-size: .85rem;
        font-weight: 500;
        line-height: 1rem;
        text-decoration: none;
    }

    .public-table-ticker-link:visited {
        color: #5c5eff;
    }

    .profile-link:visited {
        color: #576aff;
    }

    .public-table-grid {
        display: grid;
        font-size: 1rem;
        grid-template-columns: 68px 1fr;
        padding: 0;
    }

    .public-name-row-grid {
        color: #000;
	    display: grid;
	    grid-template-columns: 1fr;
        padding: 0;
    }

    .public-table-large-grid {
        display: block;
        grid-template-columns: none;
        padding: 0;
    }

    .public-name-row-date-color {
    	display: inline-block;
    	font-family: 'Roboto', sans-serif;
        font-size: 1rem;
        line-height: 1rem;
        padding: 1rem 0 0 .25rem;
    }

    .public-table-ticker-string {
        display: inline-block;
        font-family: 'Roboto', sans-serif;
        font-size: 1rem;
        line-height: 1rem;
        padding: .75rem 1rem;
    }

    .public-table-emotion-string {
        color: #888;
        display: inline-block;
        vertical-align: top;
        font-size: .85rem;
        padding: .75rem 0 .75rem 0;
        text-decoration: none;
    }

    .public-name-url-label {
        display: inline-block;
        font-size: 1rem;
        line-height: 1rem;
        padding: 1rem 0 0 1px;
        grid-row: 1;
    }

    .public-table-comment-like-cont {
        grid-template-columns: 1fr 1fr 1fr;
        padding: .25rem 0 0 0;
    }

    .public-table-title-link-mobile {
        color: #445060;
        display: block;
        padding: .5rem 1rem;
    	text-decoration: none;
    }

    .public-table-title-link-mobile:hover {

    }

    .public-table-title-link-mobile:visited {
        color: #445060;
    }

    .public-mobile-hide {
    	display: none;
    }

    .like-public-post {
        padding-left: .5rem;
    }

	.public-view-link {
	    background: #fff;
	    border-radius: 8px;
	    box-shadow: none;
	    color: #8793a5;
	    display: inline-block;
	    padding: .33rem 0 0 .5rem;
	    text-decoration: none;
	    font-family: 'Roboto', sans-serif;
	    font-size: 1rem;
	    line-height: 1.15rem;
	}

	.public-view-link:visited {
		color: #8793a5;
	}

	.public-table-ticker-link:visited {
		color: #445060;
	}

  .profile-card-title-span {
    display: block;
  }

  .view-community-filters {
    margin: 1rem 0 0 0;
  }

  .profile-pic-image {
    border-radius: 50%;
    height: 48px;
    width: 48px;
  }

}


@media screen and (min-width: 57em){ 

	.public-large-hide {
		display: none;
	}

  .view-community-filters {
    margin-left: 2rem;
    margin-bottom: -6px;
  }

  .profile-pic-image {
    border-radius: 50%;
    height: 56px;
    width: 56px;
  }

}/* global */

.reply-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 30px 60px -12px rgba(50,50,93,.25), 0 18px 36px -18px rgba(0,0,0,.3), 0 -12px 36px -8px rgba(0,0,0,.025);
    margin: 2rem 0 0 0;
    max-width: 52rem;
    overflow: auto;
    padding: 0 0 2rem 0;
}

.reply-profile-card-grid {
    display: grid;
    grid-template-columns: 100px 200px;
    font-family: 'Roboto', sans-serif;
    padding: 2rem 0 1rem 0;
}

.reply-profile-icon-cont svg {
    border: 2px solid #ffffff;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    margin-left: -4px;
}

.reply-profile-link {
    color: #5e5cff;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    margin-top: 10px;
    text-decoration: none;
}

.reply-profile-timestamp {
    color: #8793a5;
    cursor: default;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: .9rem;
    line-height: .9rem;
    margin-top: .5rem;
}

.reply-to-reply-button-cont {
}

.reply-card-delete-expander {
    padding: 1rem 0;
}

.reply-delete-button-cont {
    padding: 2rem 0 0 0;
}

.reply-buttons-grid {
    display: grid;
    grid-template-columns: auto auto;
    padding: 2rem 0 0 0;
}

.toggle-delete-reply-button {
    width: 150px;
}


/** phone **/
@media screen and (max-width: 64.9375rem) {

    .reply-card {
        margin-left: 1rem;
        margin-right: 1rem;
    }
  
}



/** ipad  **/
@media screen and (min-width: 64.94rem) and (max-width: 80.9375rem){


}




/* large */
@media screen and (min-width: 80.94rem) and (max-width: 102.9375rem){



}




/* XLarge */
@media screen and (min-width: 102.94rem){ 


}#left-menu-sec-filings-inbox-num-unread-label {
	position: absolute;
	margin-left: 14px;
	margin-top: -45px;
}

#left-menu-sec-filings-inbox-num-unread-int {
    background-color: #dc1919;
    border-radius: 50%;
    bottom: -2px;
    color: white;
    display: inline-block;
    font-size: 12px;
    padding: 3px;
    position: relative;
	width: 14px;
	height: 14px;
	text-align: center;
	line-height: 15px;
}

.sec-filings-card {
	background: #fff;
    box-shadow: 0 2px 15px rgba(84,96,103,.25);
    border-radius: 4px;
    padding: 0 0 2rem 0;
}

.sec-filings-header-grid {
	display: grid;
	grid-template-columns: 268px 1fr;
	margin: 0 0 1rem 0;
}

.sec-filngs-mark-as-read-button-cont {
	padding-top: 2rem;
}

#sec-filngs-mark-as-read-button-cont {
	margin: 1.7rem 0 0 0;
}

.sec-filing-grid-row {
	display: grid;
}

.sec-filing-grid-row:hover {
	background: #eff2f7;
	cursor: pointer;
}

.sec-filing-grid-date {
	color: #8793a5;
	cursor: pointer;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: .85rem;
    line-height: .85rem;
    padding: 9px 0;
    vertical-align: bottom;
}

.sec-filing-report-type-unread {
	font-weight: 700;
}

.sec-filing-url-unread {
	color: #5e5cff;
	font-weight: 700;
}

.sec-filing-date-unread {
	font-weight: 700;
}

.sec-filing-grid-ticker-link {
	color: #5e5cff;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1rem;
	padding: 4px 20px 4px 20px;
    text-decoration: none;
}

.sec-filing-grid-ticker-link:active {color: #5e5cff;}
.sec-filing-grid-ticker-link:hover {text-decoration: underline;}
.sec-filing-grid-ticker-link:visited {color: #5e5cff;}

.sec-filing-grid-ticker {
    background: #ffffff;
    border-radius: 6px;
    border: none;
    box-shadow: 0 3px 6px rgb(87 106 255 / 13%), 0 3px 6px rgb(87 106 255 / 48%);
    display: inline-block;
    padding: 4px .85rem;
}

.sec-filing-grid-ticker:active {color: #5e5cff;}
.sec-filing-grid-ticker:hover {text-decoration: underline;}
.sec-filing-grid-ticker:visited {color: #5e5cff;}

.sec-filing-grid-report-type {
	color: #8793a5;
	cursor: pointer;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: .85rem;
    line-height: .85rem;
    padding: 9px 0;
    vertical-align: bottom;
}

.sec-filing-grid-url-link {
	color: #445060;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: .85rem;
    line-height: .85rem;
	padding: 9px 0;
    text-decoration: none;
}

.sec-filing-grid-url-link:active {color: #445060;}
.sec-filing-grid-url-link:hover {color: #5e5cff; }
.sec-filing-grid-url-link:visited {color: #445060;}

.sec-filing-grid-filing_url {
	font-size: .9rem;
    line-height: 1rem;
    margin-top: -2px;
}

.sec-filing-grid-filing-url-disabled {
	color: #445060;
}

.sec-filings-mark-as-read-button {
	margin-top: 1.9rem;
}

#sec-filing-nav {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	margin: 2rem 0 0 0;
	padding: 0 2rem;
}

#sec-filing-nav-all {
	display: table;
	margin: 0 auto;
}

#sec-filing-nav-right {
	float: right;
}

/** phone **/
@media screen and (max-width: 55.9375rem) {

	.sec-filings-card {
		max-width: auto;
	}

	.sec-filings-header-grid {
		grid-template-columns: 1fr;
		margin: 0 0 1rem 0;
	}

	#sec-filings-mark-as-read-button {
		margin: .5rem 0 1rem 0;
	}

	.sec-filing-filter-cont1 {
		margin: .5rem 0 0 0;
	}

	.sec-filing-filter-cont2 {
		margin: 1rem 0 0 0;
	}

	#sec-filing-inbox-cont {
		border-top: 1px solid #efefef;
		margin-top: 1.5rem;
	}


	.sec-filing-grid-row {
		display: grid;
		border-bottom: 1px solid #efefef;
		grid-template-columns: 2fr 2fr 1fr;
		padding: .6rem 1rem .4rem 1rem;
	}

	.sec-filing-grid-date {
		grid-column-start: 2;
		grid-column-end: 3;
		grid-row-start: 1;
	}

	.sec-filing-grid-ticker-link {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 1;
		padding: 0 0 0 11px;
	}

	.sec-filing-grid-report-type {
		grid-column-start: 3;
		grid-column-end: 4;
		grid-row-start: 1;
	}

	.sec-filing-grid-url-link {
		grid-column-start: 1;
		grid-column-end: 4;
		grid-row-start: 2;
		padding: 12px 11px 2px 11px;
		line-height: 1rem;
	}
  
}



/** phone **/
@media screen and (max-width: 58.9375rem) {

	.sec-filing-grid-date {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 1;
		grid-row-end: 2;
		padding: 1rem 0 0 0;
	}

	.sec-filing-grid-url-link {
		grid-column-start: 1;
		grid-column-end: 4;
		grid-row-start: 2;
		grid-row-end: 3;
	}

	.sec-filing-grid-report-type {
		grid-column-start: 2;
		grid-column-end: 4;
		grid-row-start: 1;
		grid-row-end: 2;
		padding: 1rem 0 0 0;
	}

	.sec-filing-grid-url-link {
		padding: .5rem 0 .75rem 0;
	}

}

/** ipad  **/
@media screen and (min-width: 55.94rem) and (max-width: 80.9375rem){

	#sec-filing-inbox-cont {
		border-top: 1px solid #efefef;
		margin: 2rem 0 0 0;
	}

	.sec-filing-grid-row {
		border-bottom: 1px solid #efefef;
		grid-template-columns: 97px 111px 100px 1fr;
		padding: 0 1.5rem;
	}

}

/* large */
@media screen and (min-width: 80.94rem) and (max-width: 102.9375rem){

	#sec-filing-inbox-cont {
		border-top: 1px solid #efefef;
		margin: 1.5rem 0;
	}

	.sec-filing-grid-row {
		border-bottom: 1px solid #efefef;
		display: grid;
		grid-template-columns: 97px 129px 85px 1fr;
		padding: 0 1.5rem;
	}

}

/* XLarge */
@media screen and (min-width: 102.94rem){ 

	#sec-filing-inbox-cont {
		border-top: 1px solid #efefef;
		margin: 2rem 0 0 0;
	}

	.sec-filing-grid-row {
		border-bottom: 1px solid #efefef;
		grid-template-columns: 97px 111px 100px 1fr;
		padding: 0 2rem;
	}

	.sec-filings-card {
	    max-width: 47rem;
	}

}.search-card {
    background: #fff;
    box-shadow: 0 2px 15px rgba(84,96,103,.25);
    border-radius: 4px;
    padding: 0;
}

.stock-transaction-details-card {
    background: #fff;
    box-shadow: 0 2px 15px rgba(84,96,103,.25);
    border-radius: 4px;
    padding: 0;
}

.edit-card {
    background: #fff;
    box-shadow: 0 2px 15px rgba(84,96,103,.25);
    border-radius: 4px;
    padding: 0;
}

.edit-entry-card-bottom-padding {
  padding-bottom: 1.5rem;
}

.edit-card h1 {
    margin: 1rem 0 3rem 0;
    text-align: center;
}

.stock-card-invis {
    padding: 0;
    margin: 2rem 0 0 0;
    max-width: 740px;
}

.stock-action-hr {
    border-bottom: 1px solid #d9dfe7;
    border: none;
    margin: .5rem;
}

.stock-summary-line-cont {
    margin: 11px 0 0 0;
}

.stock-card h1 {
    margin: 1rem 0 3rem 0;
    text-align: center;
}

.medium-card-header {
    color: #445060;
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.75rem;
    line-height: 1.3rem;
    padding: 2rem 0;
}

.additional-details-header {
    color: #445060;
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.75rem;
    padding: 2rem 0 1rem 0;
}

.stock-svg-journal-big {
    color: #445060;
    height: 22px;
    margin-bottom: -3px;
    margin-right: 3px;
    margin-left: -2px;
    width: 22px;
}

.stock-svg-sec-filings-big {
    color: #445060;
    height: 25px;
    margin-bottom: -6px;
    margin-right: 3px;
    margin-left: -2px;
    width: 22px;
}

.earnings-calendar-svg-big {
    color: #445060;
    height: 20px;
    margin-bottom: -2px;
    margin-right: 3px;
    margin-left: -2px;
    width: 22px;
}

.file-svg-big {
    color: #445060;
    height: 25px;
    margin-bottom: -6px;
    margin-right: 3px;
    margin-left: -2px;
    width: 22px;
}

.file-svg-small-dark {
    color: #445060;
    height: 16px;
    margin-bottom: -3px;
    margin-right: 3px;
    margin-left: -2px;
    width: 18px;
}

.url-svg-small-dark {
    color: #445060;
    height: 16px;
    margin-bottom: -3px;
    margin-right: 3px;
    margin-left: -2px;
    width: 18px;
}

/* cash entry */

.entry-cash-portfolio-grid {
    display: grid;
    grid-template-columns: 182px 182px;
}

#entry-cash-portfolio-grid-transfer-portfolio-cont {
  display: none;
}

.cash-svg-big {
    color: #445060;
    font-family: 'Roboto', sans-serif;
    height: 22px;
    margin-bottom: -3px;
    margin-right: 3px;
    margin-left: -2px;
    width: 22px;
}

#cash_currency {
    cursor: not-allowed;
}


#entry-cash-new-submit-button {
  width: 210px;
}

.stock-ticker-search-cont-grid {
    background: #f6fafd;
    border-radius: 0 0 8px 8px;
    border-top: none;
    box-shadow: 0 2px 15px rgba(84,96,103,.25);
    display: grid;
    grid-template-columns: 2rem 1fr;
    margin: 0;
    padding: 1.5rem 0;
}

.stock-ticker-search-grid {
    display: grid;
    grid-template-columns: 113px 185px;
}

.stock-ticker-custom-search-grid {
    display: grid;
    grid-template-columns: 24px 150px 170px;
}

.stock-ticker-left-search-input {
    border-radius: 8px 0 0 8px;
    border: 1px solid #d3dce4;
    box-shadow: 0 3px 6px rgba(87, 106, 255, 0.13), 0 3px 6px rgba(87, 106, 255, 0.48);
    color: #242424;
    font-family: 'Open sans', sans-serif;
    font-size: .85rem;
    margin: 0;
    padding: .5rem .5rem;
}

.stock-ticker-left-search-input:focus {
    outline: none;
}

.stock-ticker-custom-search-input{
    border-radius: 0;
    border: 1px solid #d3dce4;
    box-shadow: 0 3px 6px rgba(87, 106, 255, 0.13), 0 3px 6px rgba(87, 106, 255, 0.48);
    color: #242424;
    font-family: 'Open sans', sans-serif;
    font-size: .85rem;
    margin: 0;
    padding: .5rem .5rem;
}

.stock-ticker-custom-search-focus {
    outline: none;
}

.stock-blue-search-button {
    background: #6375fb;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    border-radius: 0 8px 8px 0;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Roboto', sans-serif;  
    font-size: .9rem;
    font-weight: 500;
    margin: 0;
    padding: .44rem 1.33rem;
}

.stock-blue-search-button:hover {
    background: #6375fb;
    box-shadow: 0 3px 6px rgba(87, 106, 255, 0.14), 0 3px 6px rgba(87, 106, 255, 0.6);
    color: #fff;
}

.stock-input-text-disabled {
    border: 1px solid #d3dce4;
    border-radius: 8px;
    color: #445060;
    font-family: 'Open sans', sans-serif;
    font-size: .9rem;
    height: auto;
    line-height: 1rem;
    padding: .45rem .6rem .45rem .6rem;
    width: 100px;
}

.stock-input-text-med {
    border-radius: 8px;
    border: 1px solid #d3dce4;
    color: #242424;
    display: block;
    font-family: 'Open sans', sans-serif;
    font-size: .85rem;
    line-height: .85rem;
    margin: 0;
    max-width: 100px;
}

.stock-input-text-med:focus {
    border: 2px solid #ff9800;
    outline: none;
}

.full-width-input-cont {
    display: flex;
}

.stock-input-text-large {
    border-radius: 8px;
    border: 1px solid #d3dce4;
    color: #445060;
    flex: 1;
    font-family: 'Open sans', sans-serif;
    font-size: .9rem;
    height: auto;
    line-height: 1rem;
    padding: .45rem .6rem .45rem .6rem;
}

.stock-input-text-large:focus {
    border: 2px solid #ff9800;
    outline: none;
}

.stock-form-medium-input-cont {
    padding: 0;
    max-width: 250px;
    min-height: 65px;
    margin: 1rem 0 0 0;
}

.stock-form-large-input-cont {
    padding: 0;
    min-height: 65px;
    margin: 1rem 0 0 0;
}

.stock-form-large-input-cont-first {
    padding: 0;
    min-height: 65px;
    margin: 0;
}

.stock-form-label {
    color: #445060;
    display: block;
    margin: 0 0 .5rem 0;
    font-family: 'Roboto', sans-serif;
    font-size: .85rem;
    line-height: .85rem;
    font-weight: 500;
}

.stock-sentiment-description {
    color: #445060;
    display: block;
    margin: .25rem auto 0 auto;
    font-family: 'Roboto', sans-serif;
    font-size: .85rem;
    line-height: 1rem;
    font-weight: 400;
    text-align: left;
}

.quote-stock-sentiment-description {
    color: #8793a5;
    display: block;
    line-height: 1rem;
    font-style: italic;
    margin-top: .25rem;
    max-width: 447px;
}

.stock-form-summary-type-input-cont {
    margin: 1.35rem 0 0 0;
}

.stock-form-margin-top {
    margin: 1.7rem 0 0 0;
}

.entry-stock-form-longform-toggle-container {
    margin: 1rem 0 1.5rem 0;
}

.stock-form-share-cont {
   margin: 1.7rem 0 2.5rem 0;
}

#new-stock-entry-submit-button {
    width: 200px;
}

#entry-note-edit-submit-button {
    width: 175px;
}

#entry-stock-edit-submit-button {
    width: 175px;
}

#entry-cash-edit-submit-button {
    width: 175px;
}

#cancel-duplicate-entry {
    margin: 1.5rem 0 0 0;
}

#entry-note-duplicate-submit-anchor {
    margin: 1.5rem 0 0 0;
    width: 175px;
}

#duplicate-entry-confirm-cont {
    display: none;
}

#delete-entry-confirm-cont {
    display: none;
}

#discard-changes-entry-confirm-cont {
    display: none;
    float: right;
}

.entry-delete-button-cont {
    padding-top: 1.5rem;
}

#toggle-discard-changes-entry-note {
    float: right;
    margin: 0 0 0 0;
    width: 125px;
}

#entry-edit-delete-anchor {
    width: 150px;
}

#entry-note-edit-discard-changes-anchor {
    margin: 1rem 0 2rem 0;
    width: 150px;
}

#entry-cash-edit-delete-anchor {
    width: 150px;
}

#entry-stock-edit-delete-anchor {
    width: 150px;
}

#toggle-delete-entry-stock {
    float: right;
    width: 175px;
}

#toggle-delete-entry-cash {
    float: right;
    width: 125px;
}

.taxes-form-label {
  color: #8793a5;
  display: block;
  margin: 0 0 .25rem 0;
  font-family: 'Roboto', sans-serif;
  font-size: .85rem;
  font-weight: 500;
}

.cap-gains-link-para {
  color: #8793a5;
  margin: 0 0 2rem 0;
  font-family: 'Roboto', sans-serif;
  font-size: .85rem;
  line-height: 1rem;
}

#stock-ticker-graph-cont {
  margin: 0 0 1rem 0;
  padding: 0 1rem;
}

.stock-graph-ticker-symbol {
    color: #445060;
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.3rem;
    padding: 2rem 0 0 0;
    margin: 0 0 1rem 0;
}

.stock-graph-ticker-price-para {
  line-height: 1.2rem;
  margin: 0;
  padding: 0;
}

.stock-ticker-graph-stock-currency {
  color: #8793a5;
  font-family: 'Roboto', sans-serif;
  font-size: .85rem;
  font-weight: 400;
  line-height: .85rem;
}

.stock-ticker-graph-stock-date {
  /*color: #8793a5;*/
  display: block;
  font-family: 'Roboto', sans-serif;
  font-size: .85rem;
  line-height: 1.33rem;
  margin: 0 0 .5rem 0;
}

.buy-stock-anno {
  background: #158e42;
  box-shadow: 0 8px 6px -6px rgba(0,0,0,0.12), 0 8px 6px -6px rgba(0,0,0,0.24);
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  padding: 3px 6px;
}

#shares-to-sell {
  color: #445060;
  display: none;
  margin: .25rem auto 1rem auto;
  font-family: 'Roboto', sans-serif;
  font-size: .85rem;
  line-height: 1rem;
  font-weight: 400;
  text-align: left;
}

.stock-button-highlight-grid {
  background: #f6fafd;
  border-radius: 0 0 4px 4px;
  border-top: none;
  box-shadow: 0 2px 15px rgba(84,96,103,.25);
  display: grid;
  grid-template-columns: 2rem 1fr 0;
  margin: 0;
  padding: 1.25rem 0;
}

.stock-lock-private {
  color: #445060;
  display: inline-block;
  margin-top: -2px;
  width: 14px;
  vertical-align: middle;
}

.stock-access-label-private {
  background: #d9dfe7;
  color: #445060;
  cursor: default;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: .85rem;
  line-height: .85rem;
  margin: 0 0 0 1rem;
  padding: .33rem .66rem;
  vertical-align: bottom;
}

.stock-access-label-public {
  background: #dc1919;
  color: #fff;
  cursor: default;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: .85rem;
  line-height: .85rem;
  margin: -4px 0 0 0;
  padding: .33rem .66rem;
  vertical-align: bottom;
}

.stock-access-label-public-cont {
    margin: 0 0 0 1rem;
}

.stock-access-label-private-newline {
    background: #d9dfe7;
    color: #445060;
    cursor: default;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: .85rem;
    line-height: .85rem;
    margin: 0 0 0 .5rem;
    padding: .33rem .66rem;
    vertical-align: bottom;
}

.stock-access-label-public-newline {
    background: rgba(152, 54, 218, 0.85);
    color: #fff;
    cursor: default;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: .85rem;
    line-height: .85rem;
    margin: .75rem 0 0 0;
    padding: .33rem .66rem;
    vertical-align: bottom;
}

.stock-timescale-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.chart-meta-data {
    display: none;
}

.chart-timescale-button-border-right {
    background: #fff;
    border: 1px solid rgba(135, 147, 165, 0.38);
    border-left: 0;
    /*box-shadow: 0 2px 3px rgba(87, 106, 255, 0.13), 0 1px 3px rgba(87, 106, 255, 0.48);*/
    box-shadow: 0 8px 6px -6px rgba(87, 106, 255, 0.13), 0 6px 6px -6px rgba(144, 144, 144, 0.48);
    color: #8793a5;
    font-family: 'Roboto', sans-serif;
    font-size: .9rem;
    line-height: 30px;
    font-weight: 400;
    padding: .25em 1em;
    text-align: center;
}

.chart-timescale-button-last {
    background: #fff;
    border: 1px solid rgba(135, 147, 165, 0.38);
    border-left: 0;
    border-right: 0;
    /*box-shadow: 0 2px 3px rgba(87, 106, 255, 0.13), 0 1px 3px rgba(87, 106, 255, 0.48);*/
    box-shadow: 0 8px 6px -6px rgba(87, 106, 255, 0.13), 0 6px 6px -6px rgba(144, 144, 144, 0.48);
    color: #8793a5;
    font-family: 'Roboto', sans-serif;
    font-size: .9rem;
    line-height: 30px;
    font-weight: 400;
    padding: .25em 1em;
    text-align: center;
}

.chart-timescale-button:hover {
    color: #51be7d;
    cursor: pointer;
}

.chart-timescale-active {
    color: #51be7d;
    font-weight: 700;
}

.success-message {
    display: inline-block;
    margin: 0;
}

/** edit **/

.stock-ticker-edit-disabled-input {
    border-radius: 8px;
    border: 1px solid #d3dce4;
    box-shadow: 0 3px 6px rgba(87, 106, 255, 0.13), 0 3px 6px rgba(87, 106, 255, 0.48);
    color: #8793a5;
    cursor: not-allowed;
    font-family: 'Open sans', sans-serif;
    font-size: .85rem;
    margin: 0;
    width: 100px;
    padding: .5rem .5rem;
}

.delete-form-are-you-sure {
    color: #445060;
    font-family: 'Roboto', sans-serif;
    font-size: .9rem;
    line-height: .9rem;
    margin: 0 0 1rem 0;
    padding: 0;
}

.stock-form-error-msg {
    color: red;
    display: block;
    font-family: 'Open sans', sans-serif;
    font-size: .9rem;
    line-height: .9rem;
    margin: .5rem 0 0 0;
}

.entry-form-users-timezone {
    color: #8793a5;
    font-family: 'Open sans', sans-serif;
    display: inline-block;
    font-size: .9rem;
    height: auto;
    line-height: 1rem;
    padding: .45rem .6rem .45rem 0.5rem;
}

.delete-and-discard-changes-grid {
    display: grid;
    grid-gap: .75rem;
}







/* phone */
@media screen and (max-width: 64.9375rem) {

    .stock-horiz-padding {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .stock-top-padding {
        padding-top: 1.5rem;
    }

    .search-card {
        display: table;
        margin: .4rem auto 1rem auto;
        padding: 0;
        width: 100%;
    }

    .edit-card {
        display: table;
        margin: 0 auto 1rem auto;
        padding: 0;
        width: 100%;
    }

    .stock-card {
        display: table;
        margin: 0 auto 0 auto;
        padding: 0;
        width: 100%;
    }

    .stock-card-padding {
        padding: 0 .5rem;
    }

    .stock-card-invis {
        margin: 0;
        padding: .5rem;
        width: 100%;
    }

    .medium-card-header {
        font-size: 1.5rem;
        line-height: 1.5rem;
        padding: 1.4rem 0;
    }

    .stock-ticker-search-cont-grid {
        grid-template-columns: 1.5rem 1fr;
    }

    .stock-graph-ticker-symbol {
        font-size: 1.4rem;
        line-height: 1.3rem;
        padding: 1.5rem 0 0 0;
        margin: 0 0 1rem 0;
    }

    #stock-ticker-graph-cont {
        padding: 0;
    }

    .stock-action-search-grid {
        display: grid;
        grid-gap: 0;
        grid-template-columns: 1fr;
        margin: 0;
        grid-template-rows: auto;
    }

    .entry-stock-form-grid {
        display: grid;
        grid-gap: 1rem;
        grid-template-columns: 1fr;
        margin: 0;
        grid-template-rows: auto auto;
    }

    .entry-transaction-form-tpg-ticker-cont {
        display: none;
    }

    .entry-transaction-form-tpg-portfolio-cont {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
    }

    .stock-transaction-date-cont {
        margin: 1.5rem 0 0 0;
    }

    .stock-transaction-radio-button-cont {
        margin: 1.5rem 0 0 0;
    }

    #shares-to-sell {
        margin: 1rem auto 1rem auto;
    }

    .stock-transaction-fees-cont {
        margin: .75rem 0 .5rem 0;
    }

    .stock-action-form-col {
        grid-row: 2;
    }

    .stock-action-graph-col {
        grid-row: 1;
    }

    .stock-graph-ticker-name {
        margin: 1rem 0 0 0;
    }

    .stock-transaction-details-card {
        padding: 0;
    }

    .ticker-and-portfolio-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin: -1px 0 0 0;
        padding: 0 0 16px 0;
        max-width: 400px;
    }

    .stock-shares-to-sell-cont {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 2;
    }

    #shares-to-sell {
       margin: .25rem 0 0 0;
    }

    .entry-form-entry-date-grid {
        display: grid;
        grid-column-gap: 0;
        grid-template-columns: 140px 140px 1fr;
    }

    .entry-form-timezone-grid {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-column-gap: 2px;
    }

    .transaction-details-international-grid {
        display: grid;
        grid-row-gap: .75rem;
        grid-template-columns: 140px 140px;
        margin: 1.5rem 0 0 0;
        max-width: 400px;
    }

    .stock-button-highlight-grid {
        grid-template-columns: 1.5rem 1fr 0;
    }

    .stock-form-sentiment-cont {
        margin: 1.4rem 0 0 0;
    }

    .new-entry-transaction-form-longform-card {
        background: #fff;
        box-shadow: 0 2px 15px rgb(84 96 103 / 25%);
        border-radius: 4px;
        margin: 1rem 0 0 0;
        padding: 0;
    }

    .transaction-form-additional-details-tags {
        margin-bottom: 1.5rem;
    }

    /* edit + delete */

    .edit-stock-button-highlight-grid {
      background: #f6fafd;
      border-radius: 0 0 4px 4px;
      border-top: none;
      box-shadow: 0 2px 15px rgba(84,96,103,.25);
      display: grid;
      grid-template-columns: 1fr;
      margin: 0;
      padding: .25rem 1.5rem 1.5rem 1.5rem;
    }

    .delete-form-are-you-sure {
      margin: 1rem 0 0 0;
    }

    #delete-entry-button-toggle-cont {
        margin: 1.5rem 0 0 0;
    }

    #toggle-delete-entry {
        width: 125px;
    }

    #toggle-delete-entry-stock {
        float: none;
        width: 175px;
    }

    #toggle-delete-entry-cash {
        float: none;
        width: 125px;
    }

    #entry-edit-delete-anchor {
        display: block;
        float: none;
    }

    #entry-stock-edit-delete-anchor {
        display: block;
        float: none;
    }

    /* cash */

    .entry-cash-portfolio-grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-row-gap: 1.5rem;
    }

}









/* ipad */
@media screen and (min-width: 64.94rem) and (max-width: 80.9375rem){

    .stock-horiz-padding {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .stock-top-padding {
        padding-top: 1.5rem;
    }

    .search-card {
        display: table;
        margin: .4rem 0 0 0;
        margin: 0;
        padding: 0;
    }

    .edit-card {
        display: table;
        margin: 0 auto 1rem auto;
        padding: 0;
        width: 100%;
    }

    .stock-card {
        display: table;
        margin: 0 auto 0 auto;
        padding: 0;
        width: 100%;
    }

    .stock-card-padding {
        padding: 0 .5rem;
    }

    .stock-card-invis {
        margin: 0;
        padding: .5rem;
        width: 100%;
    }

    .medium-card-header {
        font-size: 1.4rem;
        line-height: 1.4rem;
        padding: 1.5rem 0;
    }

    .stock-ticker-search-cont-grid {
        grid-template-columns: 1.5rem 1fr;
    }

    .stock-graph-ticker-symbol {
        font-size: 1.4rem;
        line-height: 1.3rem;
        padding: 1.5rem 0 0 0;
        margin: 0 0 1rem 0;
    }

    #stock-ticker-graph-cont {
        padding: 0;
    }

    .stock-action-search-grid {
        display: grid;
        grid-gap: 2rem;
        grid-template-columns: 8fr 6fr 4fr;
        margin: 0;
        grid-template-rows: auto auto;
    }

    .entry-stock-form-grid {
        display: grid;
        grid-gap: 2rem;
        grid-template-columns: auto;
        margin: 0;
        grid-template-rows: auto auto;
    }

    .stock-transaction-details-card {
        grid-column-start: 1;
        grid-column-end: 2;
        padding: 0;
        max-width: 897px;
    }

    .stock-action-graph-col {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2;
    }

    .stock-graph-ticker-name {
        margin: 1rem 0 0 0;
    }

    .ticker-and-portfolio-grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-row-gap: 1rem;
        margin: .1rem 0 1.3rem 0;
        max-width: 400px;
    }

    .stock-ticker-disabled-input-cont {
        display: none;
    }

    .stock-transaction-radio-button-cont {
        margin: 1.5rem 0 0 0;
    }

    .stock-shares-to-sell-cont {
    }

    .stock-transaction-date-cont {
        margin: 1.5rem 0 0 0;
    }

    #shares-to-sell {
        margin: 1rem auto 1rem auto;
    }

    .entry-form-entry-date-grid {
        display: grid;
        grid-column-gap: 0;
        grid-template-columns: 140px 140px 140px;
    }

    .entry-form-timezone-grid {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-column-gap: 11px;
    }

    .transaction-details-international-grid {
        display: grid;
        grid-template-columns: 140px 140px 140px;
        grid-row-gap: 1.5rem;
        margin: 1.5rem 0 0 0;
    }

    .stock-form-sentiment-cont {
        margin: 1.5rem 0 0 0;
    }

    .stock-form-share-cont {
        margin: 1.5rem 0 2rem 0;
    }

    .new-entry-transaction-form-longform-card {
        background: #fff;
        box-shadow: 0 2px 15px rgb(84 96 103 / 25%);
        border-radius: 4px;
        padding: 0;
        max-width: 752px;
    }

    .transaction-form-additional-details-tags {
        margin-bottom: 1.5rem;
    }

    /* edit */

    .stock-edit-search-grid {
        display: grid;
        grid-gap: 2rem;
        grid-template-columns: 8fr 6fr 4fr;
        margin: 0;
        grid-template-rows: auto auto;
    }

    .stock-edit-grid {
        display: grid;
        grid-gap: 2rem;
        grid-template-columns: 8fr;
        margin: 0;
        grid-template-rows: auto;
    }

    .edit-card {
        display: table;
        margin: 0 auto 0 auto;
        padding: 0;
        width: 100%;
    }

    .edit-stock-button-highlight-grid {
        background: #f6fafd;
        border-radius: 0 0 4px 4px;
        border-top: none;
        box-shadow: 0 2px 15px rgba(84,96,103,.25);
        display: grid;
        grid-template-columns: .5rem 1fr 1fr .5rem;
        margin: 0;
        padding: 1.5rem 1.5rem 1.5rem 1.5rem;
    }

    .delete-form-are-you-sure {
        margin: 1rem 0 0 0;
    }

    #delete-entry-button-toggle-cont {
        margin: 0 0 0 0;
    }

    #delete-entry-confirm-cont {
        float: right;
    }

    #toggle-delete-entry {
        width: 125px;
    }

    #toggle-delete-entry-stock {
        float: right;
        width: 175px;
    }

    #toggle-delete-entry-cash {
        float: right;
        width: 125px;
    }

    #entry-note-edit-delete-anchor {
        display: block;
        float: none;
    }

    #entry-stock-edit-delete-anchor {
        display: block;
        float: none;
    }

}








/* large */
@media screen and (min-width: 80.94rem) and (max-width: 102.9375rem){

    .stock-horiz-padding {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .stock-top-padding {
        padding-top: 1.5rem;
    }

    .search-card {
        display: table;
        margin: .4rem 0 0 0;
        margin: 0;
        padding: 0;
    }

    .stock-card {
        display: table;
        margin: 0 auto 0 auto;
        padding: 0;
        width: 100%;
    }

    .stock-form-sentiment-cont {
        margin: 1.5rem 0 0 0;
    }

    .stock-card-padding {
        padding: 0 .5rem;
    }

    .stock-card-invis {
        margin: 0;
        padding: .5rem;
        width: 100%;
    }

    .medium-card-header {
        font-size: 1.4rem;
        line-height: 1.4rem;
        padding: 1.5rem 0;
    }

    .stock-ticker-search-cont-grid {
        grid-template-columns: 1.5rem 1fr;
    }

    .stock-graph-ticker-symbol {
        font-size: 1.4rem;
        line-height: 1.3rem;
        padding: 1.5rem 0 0 0;
        margin: 0 0 1rem 0;
    }

    #stock-ticker-graph-cont {
        padding: 0;
    }

    .stock-action-search-grid {
        display: grid;
        grid-gap: 2rem;
        grid-template-columns: 8fr 6fr 4fr;
        margin: 0;
        grid-template-rows: auto auto;
    }

    .entry-stock-form-grid {
        display: grid;
        grid-gap: 2rem;
        grid-template-columns: auto;
        margin: 0;
        grid-template-rows: auto auto;
    }

    .stock-transaction-details-card {
        grid-column-start: 1;
        grid-column-end: 2;
        padding: 0;
    }

    .stock-action-graph-col {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2;
    }

    .stock-transaction-fees-cont {
        margin: 0;
    }

    .stock-action-form-col {
        grid-row: 2;
    }

    .stock-graph-ticker-name {
        margin: 1rem 0 0 0;
    }

    .ticker-and-portfolio-grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-row-gap: 1rem;
        margin: 0 0 1.5rem 0;
        max-width: 400px;
    }

    .stock-ticker-disabled-input-cont {
        display: none;
    }

    .stock-transaction-radio-button-cont {
        margin: 1.5rem 0 0
    }

    .stock-transaction-date-cont {
        margin: 1.5rem 0 0 0;
    }

    #shares-to-sell {
        margin: 0rem auto 1rem auto;
    }

    .transaction-details-international-grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-row-gap: 1.5rem;
        margin: 1.5rem 0 0 0;
        max-width: 400px;
    }

    .new-entry-transaction-form-longform-card {
        background: #fff;
        box-shadow: 0 2px 15px rgb(84 96 103 / 25%);
        border-radius: 4px;
        padding: 0;
        max-width: 752px;
    }

    .transaction-form-additional-details-tags {
        margin-bottom: 2rem;
    }

    /* edit */

    .stock-edit-search-grid {
        display: grid;
        grid-gap: 2rem;
        grid-template-columns: 8fr 6fr 4fr;
        margin: 0;
        grid-template-rows: auto auto;

    }

    .stock-edit-grid {
        display: grid;
        grid-gap: 2rem;
        grid-template-columns: 8fr;
        margin: 0;
        grid-template-rows: auto;
    }

    .edit-card {
        display: table;
        margin: 0 auto 0 auto;
        padding: 0;
        width: 100%;
    }

    .edit-stock-button-highlight-grid {
        background: #f6fafd;
        border-radius: 0 0 4px 4px;
        border-top: none;
        box-shadow: 0 2px 15px rgba(84,96,103,.25);
        display: grid;
        grid-template-columns: 2rem 1fr 1fr 2rem;
        margin: 0;
        padding: 1.25rem 0;
    }

    .entry-delete-button {
        background: #ca4934;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        border-radius: 6px;
        border: none;
        color: #efefef;
        cursor: pointer;
        display: inline-block;
        float: right;
        font-family: 'Roboto', sans-serif;
        font-size: .9rem;
        font-weight: 500;
        line-height: .9rem;
        margin: 0;
        padding: .44rem 1.33rem;
        vertical-align: bottom;
    }

    #delete-entry-confirm-cont {
        float: right;
    }

    .entry-form-entry-date-grid {
      display: grid;
        grid-column-gap: 0;
        grid-template-columns: 140px 140px 140px;
    }

    .entry-form-timezone-grid {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-column-gap: 4px;
    }

}








/* XLarge */
@media screen and (min-width: 102.94rem){

    .stock-ticker-disabled-input-cont {
        display: none;
    }

    .stock-horiz-padding {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .stock-top-padding {
        padding-top: 2rem;
    }

    #onboarding_location_instructions_cont {
        padding: 0 1rem;
    }

    .step-mobile-padding {
        padding: 0;
    }

    .onboarding-instruction {
        font-size: 1rem;
        line-height: 2rem;
        padding: 0 1rem;
    }

    .search-card {
        display: table;
        margin: 0;
        width: 530px;
    }

    .stock-ticker-search-cont-grid {
        grid-template-columns: 1.9rem 1fr;
    }

    .stock-card {
        display: table;
        margin: 2rem 0 0 0;
        width: 914px;
    }

    .medium-card-header {
        padding: 1.9rem 0;
    }

    .stock-card-padding {
        padding: 0 .5rem;
    }

    .entry-stock-form-grid {
        display: grid;
        grid-gap: 2rem;
        grid-template-columns: 914px auto;
        grid-template-rows: auto 1fr;
        margin: 2rem 0 0 0;
    }

    .stock-form-sentiment-cont {
        margin: 1.75rem 0 0 0;
    }

    .ticker-and-portfolio-grid {
        height: 65px;
    }

    .entry-stock-form-transaction-details-grid {
        display: grid;
    }

    .stock-transaction-radio-button-cont {
        margin: 1.5rem 0 0 0;
    }

    .stock-transaction-date-cont {
        margin: 1.5rem 0 0 0;
    }

    .stock-shares-to-sell-cont {
        grid-column-start: 2;
        grid-column-end: 4;
        grid-row-start: 2;
    }

    #shares-to-sell {
        margin: 2.35rem 0 0 0;
    }

    .stock-action-graph-col {
        /*position: sticky;
        top: 6.4rem;*/
    }

    .stock-action-graph-cont {
        background: #fff;
        box-shadow: 0 2px 15px rgba(84,96,103,.25);
        border-radius: 4px;
        padding: 0;
        margin: 0;
    }

    .entry-form-entry-date-grid {
        display: grid;
        grid-column-gap: 0;
        grid-template-columns: 140px 140px 140px;
    }

    .entry-form-timezone-grid {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-column-gap: 11px;
    }

    .transaction-details-international-grid {
        display: grid;
        grid-template-columns: 140px 140px 140px;
        height: 65px;
        margin: 1.75rem 0 0 0;
    }

    .new-entry-transaction-form-longform-card {
        background: #fff;
        box-shadow: 0 2px 15px rgb(84 96 103 / 25%);
        border-radius: 4px;
        padding: 0;
        max-width: 914px;
    }

    .transaction-form-additional-details-tags {
        margin-bottom: 2rem;
    }

    /* edit */

    .stock-edit-grid {
        display: grid;
        grid-gap: 2rem;
        grid-template-columns: 47rem 1fr;
        grid-template-rows: auto;
        margin: 2rem 0 0 0;
    }

    .edit-card {
        display: table;
        margin: 0 0 0 0;
        width: 47em;
    }

    .edit-stock-button-highlight-grid {
        background: #f6fafd;
        border-radius: 0 0 4px 4px;
        border-top: none;
        box-shadow: 0 2px 15px rgba(84,96,103,.25);
        display: grid;
        grid-template-columns: 2rem 1fr 1fr 2rem;
        margin: 0;
        padding: 1.25rem 0;
    }

    .entry-delete-button {
        background: #ca4934;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        border-radius: 6px;
        border: none;
        color: #efefef;
        cursor: pointer;
        display: inline-block;
        float: right;
        font-family: 'Roboto', sans-serif;
        font-size: .9rem;
        font-weight: 500;
        line-height: .9rem;
        margin: 0;
        padding: .44rem 1.33rem;
        vertical-align: bottom;
    }

    #delete-entry-confirm-cont {
        float: right;
    }
}


/** phone **/
@media screen and (max-width: 55.9375rem) {
  
}

/** ipad  **/
@media screen and (min-width: 55.94rem) and (max-width: 80.9375rem){

}

/* large */
@media screen and (min-width: 80.94rem) and (max-width: 102.9375rem){

}

/* XLarge */
@media screen and (min-width: 102.94rem){ 

}.public-chart {
    overflow: hidden;
}

iframe {
    overflow: hidden;
}

canvas {
    height: 400px;
}

.ticker-page-no-entries-grid {
	display: grid;
	grid-template-columns: 462px 462px;
}

.ticker-page-stock-todays-price {
	color: #000;
	display: inline-block; 
	font-family: 'Roboto', sans-serif;
	font-size: 1.1rem;
}

.ticker-page-price-details {
	font-weight: 300;
	font-size: .9rem;
}

.ticker-page-details-padding {
	margin: .25rem 0 0 0;
}

.graph-equity-and-income-day-over-day {
	margin: 15px 0 15px -1px;
}

.graph-equity-and-income-year-over-year {
	height: 24px;
	margin: 16px 0 0 -1px;
}

/* journal */

.tpjvg-date {
	color: #888;
}

.tpjvg-sentiment {
	color: #888;
}

.ticker-page-journal-item-card {
  background: #fff;
  border: 1.1px solid #e7e7e7;
  box-shadow: 0 30px 60px -12px rgba(50,50,93,.25), 0 18px 36px -18px rgba(0,0,0,.3), 0 -12px 36px -8px rgba(0,0,0,.025);
  margin: 2rem 0;
  max-width: 1024px;
  padding: 2rem;
}

.ticker-page-journal-item-card h1 {
  margin: 0;
}

.ticker-page-journal-todays-price {
	color: #000;
	display: inline-block; 
	font-family: 'Roboto', sans-serif;
	font-size: 1.1rem;
}

.journal-table-icon {
	color: #4a5565;
	height: 15px;
	width: 15px;
	margin-bottom: -2px;
}

.stock-action-icon-inline {
    color: #4a5565;
    height: 23px;
    width: 23px;
    margin-bottom: -8px;
    margin-right: -6px;
    margin-left: 1px;
}

.stock-action-icon-button-white {
    color: #fff;
    height: 18px;
    width: 18px;
    margin-bottom: -2px;
    margin-left: -1px;
    margin-right: 4px;
}

.stock-action-icon-button-blue {
    color: #5e5cff;
    height: 18px;
    width: 18px;
    margin-bottom: -2px;
    margin-left: -1px;
    margin-right: 4px;
}

.cash-action-icon-button-white {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    height: 18px;
    line-height: 16px;
    margin-bottom: -2px;
    margin-left: 1px;
    margin-right: 2px;
    width: 18px;
}

.note-action-icon-button-white {
    color: #fff;
    height: 16px;
    width: 18px;
    margin-bottom: -2px;
    margin-left: -1px;
    margin-right: 4px;
}

.file-action-icon-button-white {
    color: #fff;
    height: 16px;
    width: 18px;
    margin-bottom: -2px;
    margin-left: -10px;
    margin-right: 4px;
}

..file-action-icon-button-white-new-file {
    color: #fff;
    height: 16px;
    width: 18px;
    margin-bottom: -2px;
    margin-left: -8px;
    margin-right: 4px;
}

.journal-table-icon-white {
	color: #4a5565;
	height: 15px;
	width: 15px;
	margin-bottom: -2px;
}

.search-icon-white {
	color: #fff;
	height: 15px;
	width: 15px;
	margin-bottom: -2px;
}

.search-icon {
	height: 15px;
	width: 15px;
	margin-bottom: -2px;
}

.search-icon-blue {
	color: #576aff;
	height: 15px;
	width: 15px;
	margin-bottom: -2px;
}

.search-icon-disabled {
}

.stock-table-icon-black {
	color: #4a5565;
	height: 17px;
	width: 24px;
	margin-bottom: -2px;
	margin-right: 2px;
}

.question-mark-icon {
	color: #9a9a9a;
	height: 18px;
	width: 18px;
	margin-bottom: -4px;
	margin-left: 2px;
}

.ticker-dual-grid {
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	max-width: 300px;
	font-family: 'Roboto', sans-serif;
	font-size: .9rem;
}

.ticker-dual-grid-label {
	color: #666;
}

.ticker-page-ticker {
	display: inline-block;
	font-weight: 700;
	margin: .5rem 0;
}

.ticker-page-current-value {
	display: inline-block;
	font-size: 1rem;
	margin: 0 0 0 1rem;
}

.ticker-page-details {
	color: #4f566b;
	display: block;
	font-size: 1rem;
	margin: -7px 0 17px 0;
}

.tpsvg-stock-date {
	color: #888;
}

.tpsvg-stock-sentiment {
	color: #888;
}

.total-line-divider {
	border-top: 1px solid #e3e8ef;
	margin: 1rem 0 0 0;
	padding: 1rem 0 0 0;
}

.dividend-chart {
	max-width: 550px;
}

.ddg-date {
	color: #888;
}

.chart-button {
	font-size: 14px;
	margin: 0 .66rem 0 0;
}

.ticker-page-summary-card-weight-padding {
	padding: 0 2rem;
}

.ticker-page-portfolio-weight-container {
	height: 26px;
}

.ticker-page-portfolio-weight-container-global {
	height: 20px;
}

#ticker-page-expander-link {
	color: #5e5cff;
	cursor: pointer;
	font-weight: 700;
}

#ticker-page-expander-link:hover {
	text-decoration: underline;
}

.ticker-page-summary-portfolio-weight-selected-portfolio {
	display: grid;
	grid-template-columns: 144px 1fr;
	grid-column-gap: 1rem;
}

#ticker-page-summary-portfolio-weight-global {
	display: grid;
	grid-template-columns: 144px 1fr;
	grid-column-gap: 1rem;
}

.ticker-page-weight-label {
	display: block;
	margin: .5rem 0 2px 0;
	font-family: 'Roboto', sans-serif;
	font-size: .85rem;
	line-height: .85rem;
	text-align: left;
}

.ticker-portfolio-weight-bar {
	background: #e3e8ef;
    border-radius: 6px;
    border-left: 0;
	display: grid;
    font-family: 'Roboto', sans-serif;
    font-size: .9rem;
    line-height: 1rem;
    height: 5px;
}

.tpwb-string-offset {
	margin-left: 4px;
}

.tpwb-0 {grid-template-columns: 0.5% 99.5%;} 
.tpwb-1 {grid-template-columns: 1% 99%;} .tpwb-2 {grid-template-columns: 2% 98%;} .tpwb-3 {grid-template-columns: 3% 97%;} .tpwb-4 {grid-template-columns: 4% 96%;} .tpwb-5 {grid-template-columns: 5% 95%;} 
.tpwb-6 {grid-template-columns: 6% 94%;} .tpwb-7 {grid-template-columns: 7% 93%;} .tpwb-8 {grid-template-columns: 8% 92%;} .tpwb-9 {grid-template-columns: 9% 91%;} .tpwb-10 {grid-template-columns: 10% 90%;} 
.tpwb-11 {grid-template-columns: 11% 89%;} .tpwb-12 {grid-template-columns: 12% 88%;} .tpwb-13 {grid-template-columns: 13% 9877%;} .tpwb-14 {grid-template-columns: 14% 86%;} .tpwb-15 {grid-template-columns: 15% 85%;} 
.tpwb-16 {grid-template-columns: 16% 84%;} .tpwb-17 {grid-template-columns: 17% 83%;} .tpwb-18 {grid-template-columns: 18% 82%;} .tpwb-19 {grid-template-columns: 19% 81%;} .tpwb-20 {grid-template-columns: 20% 80%;} 
.tpwb-21 {grid-template-columns: 21% 79%;} .tpwb-22 {grid-template-columns: 22% 98%;} .tpwb-23 {grid-template-columns: 23% 77%;} .tpwb-24 {grid-template-columns: 24% 76%;} .tpwb-25 {grid-template-columns: 25% 75%;} 
.tpwb-26 {grid-template-columns: 26% 74%;} .tpwb-27 {grid-template-columns: 27% 73%;} .tpwb-28 {grid-template-columns: 28% 72%;} .tpwb-29 {grid-template-columns: 29% 71%;} .tpwb-30 {grid-template-columns: 30% 70%;} 
.tpwb-31 {grid-template-columns: 31% 69%;} .tpwb-32 {grid-template-columns: 32% 68%;} .tpwb-33 {grid-template-columns: 33% 67%;} .tpwb-34 {grid-template-columns: 34% 66%;} .tpwb-35 {grid-template-columns: 35% 65%;} 
.tpwb-36 {grid-template-columns: 36% 64%;} .tpwb-37 {grid-template-columns: 37% 63%;} .tpwb-38 {grid-template-columns: 38% 62%;} .tpwb-39 {grid-template-columns: 39% 61%;} .tpwb-40 {grid-template-columns: 40% 60%;} 
.tpwb-41 {grid-template-columns: 41% 59%;} .tpwb-42 {grid-template-columns: 42% 58%;} .tpwb-43 {grid-template-columns: 43% 57%;} .tpwb-44 {grid-template-columns: 44% 56%;} .tpwb-45 {grid-template-columns: 45% 55%;} 
.tpwb-46 {grid-template-columns: 46% 54%;} .tpwb-47 {grid-template-columns: 47% 53%;} .tpwb-48 {grid-template-columns: 48% 52%;} .tpwb-49 {grid-template-columns: 49% 51%;} .tpwb-50 {grid-template-columns: 50% 50%;} 
.tpwb-51 {grid-template-columns: 51% 49%;} .tpwb-52 {grid-template-columns: 52% 48%;} .tpwb-53 {grid-template-columns: 53% 47%;} .tpwb-54 {grid-template-columns: 54% 46%;} .tpwb-55 {grid-template-columns: 55% 45%;} 
.tpwb-56 {grid-template-columns: 56% 44%;} .tpwb-57 {grid-template-columns: 57% 43%;} .tpwb-58 {grid-template-columns: 58% 42%;} .tpwb-59 {grid-template-columns: 59% 41%;} .tpwb-60 {grid-template-columns: 60% 40%;} 
.tpwb-61 {grid-template-columns: 61% 39%;} .tpwb-62 {grid-template-columns: 62% 38%;} .tpwb-63 {grid-template-columns: 63% 37%;} .tpwb-64 {grid-template-columns: 64% 36%;} .tpwb-65 {grid-template-columns: 65% 35%;} 
.tpwb-66 {grid-template-columns: 66% 34%;} .tpwb-67 {grid-template-columns: 67% 33%;} .tpwb-68 {grid-template-columns: 68% 32%;} .tpwb-69 {grid-template-columns: 69% 31%;} .tpwb-70 {grid-template-columns: 70% 30%;} 
.tpwb-71 {grid-template-columns: 71% 29%;} .tpwb-72 {grid-template-columns: 72% 28%;} .tpwb-73 {grid-template-columns: 73% 27%;} .tpwb-74 {grid-template-columns: 74% 26%;} .tpwb-75 {grid-template-columns: 75% 25%;} 
.tpwb-76 {grid-template-columns: 76% 24%;} .tpwb-77 {grid-template-columns: 77% 23%;} .tpwb-78 {grid-template-columns: 78% 22%;} .tpwb-79 {grid-template-columns: 79% 21%;} .tpwb-80 {grid-template-columns: 80% 20%;} 
.tpwb-81 {grid-template-columns: 81% 19%;} .tpwb-82 {grid-template-columns: 82% 18%;} .tpwb-83 {grid-template-columns: 83% 17%;} .tpwb-84 {grid-template-columns: 84% 16%;} .tpwb-85 {grid-template-columns: 85% 15%;} 
.tpwb-86 {grid-template-columns: 86% 14%;} .tpwb-87 {grid-template-columns: 87% 13%;} .tpwb-88 {grid-template-columns: 88% 12%;} .tpwb-89 {grid-template-columns: 89% 11%;} .tpwb-90 {grid-template-columns: 90% 10%;} 
.tpwb-91 {grid-template-columns: 91% 9%;} .tpwb-92 {grid-template-columns: 92% 8%;} .tpwb-93 {grid-template-columns: 93% 7%;} .tpwb-94 {grid-template-columns: 94% 6%;} .tpwb-95 {grid-template-columns: 95% 5%;} 
.tpwb-96 {grid-template-columns: 96% 4%;} .tpwb-97 {grid-template-columns: 97% 3%;} .tpwb-98 {grid-template-columns: 98% 2%;} .tpwb-99 {grid-template-columns: 99% 1%;} .tpwb-100 {grid-template-columns: 100% 0%;} 

.tpwb-highlight {
	background: #22bb5b;
    border-radius: 6px 0 0 6px;
	grid-column-start: 1;
	grid-column-end: 2;
	height: 5px;
	width: 100%;
	grid-row-start: 1;
	grid-row-end: 2;
}

.weight-bar-label {
	color: #22bb5b;
	font-family: 'Roboto', sans-serif;
	font-size: .9rem;
	margin: .5rem 0 0 0;
}

.ticker-page-weight-bar {
	background: #e3e8ef;
	border-radius: 6px;
	border-left: 0;
	display: grid;
	font-family: 'Roboto', sans-serif;
	font-size: .9rem;
	line-height: 1rem;
	height: 5px;
	margin: 3px 0 0 0;
}

.ticker-page-weight-percent-label {
	color: #22bb5b;
	font-family: 'Roboto', sans-serif;
	font-size: .9rem;
	margin: -5px 0 0 8px;
}

.tpwb-weight {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 2;
}

.quicklink-grid {
	display: grid;
	grid-template-columns: 165px 170px 180px 1fr;
	margin: 0;
}

.quicklink-edit-link {
	display: inline-block;
	margin: 1rem 0;
	font-size: .85rem;
}

.quicklink-edit-link:hover {
	text-decoration: underline;
}

.entry-input-text-quicklink {
	width: 170px;
}

.submit-quicklink-change {
	max-width: 180px;
}

.tpsvg-split {
	color: #888;
}

.tpsvg-stock-edit:hover {
	text-decoration: underline;
}

.tpsvg-stock-action:hover {
	text-decoration: underline;
}

.tpjvg-title a:hover {
	text-decoration: underline;
}

.sec-filings-cik-link {
	color: #5e5cff;
	text-decoration: none;
}

.sec-filings-cik-link:hover {
	color: #5e5cff;
	text-decoration: underline;
}

.sec-filings-cik-link:visited {
	color: #5e5cff;
	text-decoration: none;
}

.ticker-page-stock-price-card-no-entries {
	z-index: 5;
}

/* phone */
@media screen and (max-width: 56.975em){

	.ticker-triple-grid {
		display: grid;
		grid-template-columns: minmax(200px, 500px);
		grid-template-rows: 320px 1fr 1fr;
		grid-gap: 2rem 0;
	}

	.ticker-triple-grid-zero-first {
		display: grid;
		grid-template-columns: minmax(200px, 500px);
		grid-template-rows: 0 1fr 1fr;
		grid-gap: 2rem 0;
	}

	.ticker-triple-button-aligner {
		display: grid;
		grid-template-columns: 1fr;
		margin: 1rem 0;
	}

	.ticker-page-stock-view-grid {
		background: #fff;
		border: 1px solid #ddd;
		box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
		display: grid;
		color: #222;
		font-family: 'Roboto', sans-serif;
		font-size: .9rem;
		line-height: 1.4rem;
		margin: .5rem 0;
	    padding: .5rem 0 0 1rem;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 2rem 2rem 2rem;
		grid-gap: 8px;
	}

	.tpsvg-running-total {
		display: none;
	}

	.tpsvg-stock-date {
		color: #888;
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 1;
		grid-row-end: 2;
	}

	.tpsvg-stock-sentiment {
		grid-column-start: 2;
		grid-column-end: 3;
		grid-row-start: 1;
		grid-row-end: 2;
	}

	.tpsvg-stock-edit {
		grid-column-start: 3;
		grid-column-end: 4;
		grid-row-start: 1;
		grid-row-end: 2;
	}

	.tpsvg-stock-price {
		grid-column-start: 2;
		grid-column-end: 3;
		grid-row-start: 2;
		grid-row-end: 3;
	}

	.tpsvg-stock-action {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 2;
		grid-row-end: 3;
	}

	.tpsvg-return-label {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 3;
		grid-row-end: 4;
	}

	.tpsvg-return {
		grid-column-start: 2;
		grid-column-end: 4;
		grid-row-start: 3;
		grid-row-end: 4;
	}

	.tpsvg-return-percent {
		grid-column-start: 3;
		grid-column-end: 4;
		grid-row-start: 3;
		grid-row-end: 4;
	}

	.ticker-page-journal-view-grid {
		border: 1px solid #ddd;
		box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
		display: grid;
		color: #222;
		font-family: 'Roboto', sans-serif;
		font-size: .9rem;
		line-height: 1.4rem;
		margin: .5rem 0;
	    padding: .5rem 0 0 1rem;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 25px 31px;
		grid-gap: 8px;
	}

	.tpjvg-date {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 1;
		grid-row-end: 2;
	}

	.tpjvg-sentiment {
		grid-column-start: 2;
		grid-column-end: 3;
		grid-row-start: 1;
		grid-row-end: 2;
	}

	.tpjvg-edit {
		grid-column-start: 3;
		grid-column-end: 4;
		grid-row-start: 1;
		grid-row-end: 2;
	}

	.tpjvg-title {
		grid-column-start: 1;
		grid-column-end: 5;
		grid-row-start: 2;
		grid-row-end: 3;
	}

	.ticker-page-split-view-grid {
		border: 1px solid #ddd;
	    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	    display: grid;
	    color: #222;
	    font-family: 'Roboto', sans-serif;
	    font-size: .9rem;
	    line-height: 1.4rem;
	    margin: .5rem 0;
	    padding: .5rem 0 0 1rem;
	    grid-template-columns: 1fr 1fr 1fr;
	    grid-gap: 8px;
	}

	.tpsvg-split {
		grid-column-start: 2;
		grid-column-end: 4;
		grid-row-start: 1;
		grid-row-end: 2;
	}

	.ticker-page-stock-view-grid-legend {
		display: none;
	}

	.dividend-details-grid {
		border-bottom: 1px solid #ddd;
	    color: #222;
		display: grid;
	    font-family: 'Roboto', sans-serif;
	    font-size: 13px;
		grid-template-columns: 100px 60px 50px 1fr 1fr;
		grid-template-rows: 25px 31px;
	    line-height: 1.4rem;
	    margin: .5rem 0;
	    padding: .5rem 0 0 0;
	}

	.ddg-ph {
		display: none;		
	}

}


/* ipad  */
@media screen and (min-width: 57em) and (max-width: 78.9em){

	.ticker-triple-grid {
		display: grid;
		grid-template-columns: 500px 500px 0;
		grid-template-rows: 312px 360px;
		grid-gap: 2rem 0;
		margin: 0 0 2rem 0;
	}

	.ttg-chart-1 {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 2;
		grid-row-end: 3;
	}

	.ttg-chart-2 {
		grid-column-start: 2;
		grid-column-end: 3;
		grid-row-start: 2;
		grid-row-end: 3;
	}

	.ticker-triple-grid-zero-first {
		display: grid;
		grid-template-columns: 0 minmax(200px, 500px) minmax(200px, 500px);
		grid-template-rows: 312px 360px;
		grid-gap: 2rem 0;
		margin: 0 0 2rem 0;
	}
	
	.ttg-chart-forex-1 {
		grid-column-start: 2;
		grid-column-end: 3;
	}

	.ttg-chart-forex-2 {
		grid-column-start: 3;
		grid-column-end: 4;
	}

	.ticker-page-stock-view-grid,
	.ticker-page-stock-view-grid-legend {
		display: grid;
		border-bottom: 1px solid #ddd;
		color: #222;
		font-family: 'Roboto', sans-serif;
		font-size: .9rem;
		line-height: 1.4rem;
		margin: .5rem 0;
		padding: .3rem 0 .5rem 0;
		grid-template-columns: 40px 104px  120px 90px minmax(100px, 150px) 83px 90px 90px;
		grid-gap: 8px
	}

	.tpsvg-mobile {
		display: none;
	}

	.ticker-page-journal-view-grid {
		display: grid;
		border-bottom: 1px solid #ddd;
		color: #222;
		font-family: 'Roboto', sans-serif;
		font-size: .9rem;
		line-height: 1.4rem;
		margin: .5rem 0;
		padding: .3rem 0 .5rem 0;
		grid-template-columns: 40px 104px  120px 90px 1fr;
		grid-gap: 8px
	}

	.tpjvg-title {
		grid-column-start: 4;
		grid-column-end: 6;
	}

	.tpjvg-stock-date {
		color: #888;
	}

	.dividend-details-grid {
		border-bottom: 1px solid #ddd;
	    color: #222;
		display: grid;
	    font-family: 'Roboto', sans-serif;
	    font-size: .9rem;
		grid-template-columns: 40px minmax(100px, 104px ) minmax(100px, 120px) minmax(100px, 160px) minmax(100px, 160px) 1fr;
	    line-height: 1.4rem;
	    margin: .5rem 0;
	    padding: .3rem 0 .5rem 0;
	}

	.ticker-page-split-view-grid {
		border-bottom: 1px solid #ddd;
	    display: grid;
	    color: #222;
	    font-family: 'Roboto', sans-serif;
	    font-size: .9rem;
	    line-height: 1.4rem;
	    margin: .5rem 0;
		padding: .3rem 0 .5rem 0;
	    grid-template-columns: 40px 120px 1fr;
	    grid-gap: 8px;
	}

	.tpsvg-split {
		grid-column-start: 3;
		grid-column-end: 4;
		grid-row-start: 1;
		grid-row-end: 2;
		padding-left: 114px;
	}

	.tpsvg-date {
		grid-column-start: 2;
		grid-column-end: 3;
		grid-row-start: 1;
		grid-row-end: 2;
	}

}

/* large */
@media screen and (min-width: 79em){

	.ticker-triple-grid {
		display: grid;
		grid-template-columns: minmax(200px, 300px) minmax(200px, 560px) minmax(200px, 560px);
		grid-gap: 3.5rem;
	}

	.ticker-triple-grid-zero-first {
		display: grid;
		grid-template-columns: minmax(200px, 280px) minmax(200px, 550px) minmax(200px, 550px);
	}

	.ticker-triple-button-aligner {
		display: grid;
		grid-template-columns: minmax(200px, 300px) minmax(200px, 560px) 1fr;
		grid-gap: 3.5rem;
	}

	.ticker-page-stock-view-grid,
	.ticker-page-stock-view-grid-legend {
		display: grid;
		border-bottom: 1px solid #ddd;
		color: #222;
		font-family: 'Roboto', sans-serif;
		font-size: .9rem;
		line-height: 1.4rem;
		margin: .5rem 0;
		padding: .3rem 0 .5rem 0;
		grid-template-columns: 40px 120px 120px 160px 110px 110px 110px 110px;
		grid-gap: 8px
	}

	.tpsvg-mobile {
		display: none;
	}

	.tpsvg-stock-price {
		grid-column-start: 5;
		grid-column-end: 6;
	    grid-row-start: 1;
	    grid-row-end: 2;
	}

	.tpsvg-stock-action {
		grid-column-start: 4;
		grid-column-end: 5;
	    grid-row-start: 1;
	    grid-row-end: 2;
	}

	.ticker-page-journal-view-grid {
		display: grid;
		border-bottom: 1px solid #ddd;
		color: #222;
		font-family: 'Roboto', sans-serif;
		font-size: .9rem;
		line-height: 1.4rem;
		margin: .5rem 0;
		padding: .3rem 0 .5rem 0;
		grid-template-columns: 40px 120px 120px 90px 1fr;
		grid-gap: 8px
	}

	.tpjvg-title {
		grid-column-start: 4;
		grid-column-end: 6;
	}

	.dividend-details-grid {
		border-bottom: 1px solid #ddd;
	    color: #222;
		display: grid;
	    font-family: 'Roboto', sans-serif;
	    font-size: .9rem;
		grid-template-columns: 40px 120px 120px 160px 160px 1fr;
	    line-height: 1.4rem;
	    margin: .5rem 0;
	    padding: .3rem 0 .5rem 0;
	}

	.ticker-page-split-view-grid {
		border-bottom: 1px solid #ddd;
	    display: grid;
	    color: #222;
	    font-family: 'Roboto', sans-serif;
	    font-size: .9rem;
	    line-height: 1.4rem;
	    margin: .5rem 0;
		padding: .3rem 0 .5rem 0;
	    grid-template-columns: 40px 120px 1fr;
	    grid-gap: 8px;
	}

	.tpsvg-split {
		grid-column-start: 3;
		grid-column-end: 4;
		grid-row-start: 1;
		grid-row-end: 2;
		padding-left: 129px;
	}

	.tpsvg-date {
		grid-column-start: 2;
		grid-column-end: 3;
		grid-row-start: 1;
		grid-row-end: 2;
	}

	.ticker-single-grid {
		display: grid;
		height: 400px;
		grid-template-columns: minmax(200px, 550px);
	}

}





/* summary tri grid */

#ticker-page-new-entry-button {
	background: #5e5cff;
	box-shadow: 0 3px 6px rgba(87, 106, 255, 0.13), 0 3px 6px rgba(87, 106, 255, 0.48);
    border-radius: 6px;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 1.1rem;
    line-height: 2.5rem;
    font-weight: 500;
    margin: 0;
    padding: 0 1rem;
    text-align: center;
    width: 164px;
    vertical-align: bottom;
}

#ticker-page-new-entry-button:hover {
	background: #5554ec;
}

.tpgsh-grid-line1 {
	display: grid;
	color: #445060;
    font-family: 'Roboto', sans-serif;
    font-size: .85rem;
    line-height: .85rem;
    height: 20px;
    padding: 34px 0 0 0;
	grid-template-columns: 140px 1fr;
}

.tpgsh-grid-label {
	line-height: 1rem;
}

.tpgsh-grid-line2 {
	display: grid;
	color: #445060;
    font-family: 'Roboto', sans-serif;
    font-size: .85rem;
    line-height: .85rem;
    height: 25px;
    padding: 4px 0 10px 0;
	grid-template-columns: 140px 1fr;
}

.tpgsh-grid-line1-equity-and-income {
	display: grid;
	color: #445060;
    font-family: 'Roboto', sans-serif;
    font-size: .85rem;
    line-height: .85rem;
    height: 20px;
    padding: 30px 0 0 2px;
	grid-template-columns: 140px 1fr;
}

.tpgsh-grid-line2-equity-and-income {
	display: grid;
	color: #445060;
    font-family: 'Roboto', sans-serif;
    font-size: .85rem;
    line-height: .85rem;
    height: 25px;
    padding: 4px 0 8px 2px;
	grid-template-columns: 140px 1fr;
}

.tpgsh-summary-datapoint {
    margin: .5rem 0;
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 400;
}

.ticker-page-tri-card {
	background: #fff;
	box-shadow: 0 2px 15px rgba(84,96,103,.25);
	box-shadow: #9E9E9E 0px 3px 40px;
	border-radius: 4px;
	padding: 0;
}

.ticker-page-header-inline-white-button-cont {
	padding: 1.7rem 0 0 0;
}

.ticker-page-sec-filings-white-button-cont {
	padding: 1.6rem 0 0 0;
}

.ticker-page-summary-medium-card-header {
	color: #445060;
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 2rem;
    padding: 2rem 0 0 0;
}

.ticker-page-dividend-summary-card-header {
	color: #445060;
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1rem;
    padding: 2rem 0 1.5rem 0;
}

#ticker-page-new-entry-expand-grid {
	display: grid;
	grid-template-columns: minmax(50px, 70px) minmax(50px, 70px) minmax(50px, 70px) minmax(50px, 70px);
	grid-gap: .5rem;
	margin: 0;
	padding: 0;
}

#top-menu-new-entry-stock {
	display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 1.1rem;
    line-height: 2.5rem;
    font-weight: 500;
	height: 40px;
    margin: 0;
    padding: 0;
    text-align: center;
	width: 46px;
	padding-left: 4px;
    vertical-align: bottom;
}

#top-menu-new-entry-note {
	display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 1.1rem;
    line-height: 2.5rem;
    font-weight: 500;
	height: 40px;
    margin: 0;
    padding: 0;
    text-align: center;
	width: 45px;
	padding-left: 5px;
    vertical-align: bottom;
}

#top-menu-new-entry-cash {
	display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 1.1rem;
    line-height: 2.5rem;
    font-weight: 500;
	height: 40px;
    margin: 0;
    padding: 0;
    text-align: center;
	width: 35px;
	padding: 0 7px;
    vertical-align: bottom;
}

.ticker-page-summary-filter-cont {
	margin: .5rem 0 1rem -2px;
}

.ticker-page-summary-grid {
    color: #445060;
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-column-gap: 1rem;
    margin: .5rem 0;
    padding: 0 2rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.ticker-page-summary-grid-weight-container {
    color: #445060;
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-column-gap: 1rem;
	height: 19px;
    margin: .5rem 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.ticker-page-dual-grid {
	display: grid;
	grid-template-columns: 1fr 462px;
	grid-column-gap: 2rem;
	margin: 2rem 0;
}

.ticker-page-dual-grid-custom {
	display: grid;
	grid-template-columns: 1fr 462px;
	grid-column-gap: 2rem;
	margin: 0;
}

.ticker-page-summary-grid-cont {
	margin: 2rem 0;
}

.ticker-page-summary-grid-cont-last {
	margin: 2rem 0 0 0;
}

.ticker-card-label {
    color: #445060;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: .9rem;
    line-height: .9rem;
}

.ticker-page-return-label-cont {
	display: inline-block;
	width: 55px;
}

.ticker-page-total-label-cont {
	display: inline-block;
	/*width: 48px;*/
}

.return-subtype {
    color: #8793a5;
    display: inline-block;
	grid-column-gap: 1rem;
    margin: 0 0 0 0;
    font-family: 'Roboto', sans-serif;
    font-size: .85rem;
    line-height: .85rem;
}

#ticker-page-equity-and-income-graph-card {
	z-index: 3;
}

.ticker-page-ticker-table-figi-ticker-link {
	background: none;
    border: none;
    color: #5e5cff;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.25rem;
    padding: 1.5rem 1.5rem 0.5rem 1.5rem;
    text-decoration: none;
}

.ticker-page-ticker-table-figi-ticker-name-label {
	color: #445060;
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1rem;
    padding: 0 1.5rem;
}

.ticker-page-global-portfolio-spacer-first {
    border-top: 1px solid #e3e8ef;
    margin: .4rem 0 0 0;
    padding: 0.3rem 0 0 0;
    padding-top: 1.5rem;
}

.ticker-page-global-portfolio-spacer {
	padding-top: 1.2rem;
}

.ticker-page-selected-portfolio-spacer {
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
}

.ticker-page-portfolio-weight-link {
	color: #5e5cff;
	cursor: pointer;
	font-weight: 700;
	text-decoration: none;
}

.ticker-page-portfolio-weight-link:hover {
	text-decoration: underline;
}

.ticker-page-header-and-button-grid {
	display: grid;
	grid-template-columns: auto;
	margin-bottom: .7rem;
}

.ticker-page-entry-table-header {
	color: #445060;
    font-family: 'Ubuntu', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.75rem;
    padding: 2rem 0 1.5rem 0;
}


/* sec filings */
.ticker-page-sec-filings-header-grid {
	display: grid;
	grid-template-columns: 153px 1fr;
	margin-bottom: 1.5rem;
	height: 58px;
}

#ticker-page-sec-filings-inbox-cont {
	border-top: 1px solid #efefef;
	margin-top: 2rem;
	padding-bottom: 2rem;
}

.sec-filing-grid-ticker-page {
	display: grid;
}

.sec-filing-grid-ticker-page:hover {
	background: #eff2f7;
	cursor: pointer;
}

.sec-filing-ticker-page-date-grid {
	display: grid;
	grid-template-columns: 20px 25px 40px
}




/* dividends */

#ticker-page-dividend-view-yield-history-graph-primary-container {
	display: none;
}

#ticker-page-second-tri-grid {
	display: none;
	margin: 2rem 0 0 0;
}

#ticker-page-dividend-view-user-cost-basis-and-yield-at-cost-container {
	display: none;
}










/** phone **/
@media screen and (max-width: 64.9375rem) {

	.ticker-page-master-grid {
		display: grid;
	}

	.ticker-page-tri-card {}
	
	.stock-horiz-padding-graph {
		max-height: 360px;
		padding: 0 1.5rem;
	}

	.dividend-graph-default-view-load-spinner-cont {
		padding: 25px 25px;
	}

	.sec-filing-grid-ticker-page {
		border-bottom: 1px solid #efefef;
		grid-template-columns: 115px 70px 1fr;
		padding: 0 1rem;
	}

	.tpdv-mobile-hidden {
		display: none;
	}

	.tpdv-non-xl-graph-radio-cont {
		margin-top: 22px;
		margin-bottom: -12px;
	}

	.tp-summary-data-table-bottom-padding {
		padding-bottom: 2rem;;
	}

	.ticker-page-sec-filings-header-grid {
		display: grid;
		height: auto;
		grid-template-columns: 1fr;
		margin-bottom: 1.5rem;
	}

	/* summary view */

	.ticker-page-summary-grid {
		grid-template-columns: 185px 1fr;
	}

	.ticker-page-summary-grid-weight-container {
		grid-template-columns: 185px 1fr;
	}

	.ticker-page-total-label-cont {
		width: 25px;
	}

	#ticker-page-summary-portfolio-weight-global {
		max-width: 250px;
	}

	#ticker-page-summary-dividend-weight-global {
		max-width: 250px;;
	}

	.tpgsh-grid-line1-equity-and-income {
		grid-template-columns: 100px 1fr;
		padding: 33px 0 0 2px;
	}

	.tpgsh-grid-line2-equity-and-income {
		grid-template-columns: 100px 1fr;
	}

		/* yes entries */

		.ticker-page-card-summary-text {
			padding-bottom: 0;
			grid-row-start: 1;
			grid-row-end: 2;
			margin: 0 0 1rem 0;
		}

		#ticker-page-equity-and-income-graph-card {
			grid-row-start: 2;
			grid-row-end: 3;
			margin: 0 0 1rem 0;
		}

		#ticker-page-figi-stock-price-card {
			grid-row-start: 3;
			grid-row-end: 4;
			margin: 0 0 1rem 0;
		}

		.ticker-page-entry-table-card-set-to-summary-view {
			grid-row-start: 5;
			grid-row-end: 6;
			margin: 0 0 1rem 0;
		}

		.ticker-page-sec-filings-card-set-to-summary-view-has-entries {
			grid-row-start: 4;
			grid-row-end: 5;
			margin: 0 0 1rem 0;
		}


		/* no entries */

		.ticker-page-master-grid-no-entries {
			display: block;
	    	margin: 0 auto;
		}

		.ticker-page-sec-filings-card-set-to-summary-view-no-entries {
			margin: 0 0 1.5rem 0;
		}

		.ticker-page-no-entries-view-choice-card-cont {
		    display: block;
		    margin: 0 0 1rem 0;
		    max-width: 340px;
		}

	/* dividend view */

		/* yes entries */

		.tpdv-xl-graph-header-cont {
			display: none;
		}

		#tp-div-view-figi-dividend-summary-card {
			padding-bottom: 2rem;
			grid-row-start: 2;
			grid-row-end: 3;
			margin: 0 0 1rem 0;
		}

		#ticker-page-user-cost-basis-and-yield-at-cost-card {
			grid-row-start: 3;
			grid-row-end: 4;
			margin: 0 0 1rem 0;
		}

		#tp-div-view-user-fwd-income-graph-card {
			grid-row-start: 3;
			grid-row-end: 4;
			margin: 0 0 1rem 0;
		}

		.ticker-page-figi-forward-yield-card-yes-entries {
			grid-row-start: 4;
			grid-row-end: 5;
			margin: 0 0 1rem 0;
		}

		.tp-div-view-figi-dividend-growth-history-card-yes-entries {
			grid-row-start: 4;
			grid-row-end: 5;
			margin: 0 0 1rem 0;
		}

		.ticker-page-entry-table-card-set-to-dividend-view {
			grid-row-start: 6;
			grid-row-end: 7;
			margin: 0 0 1rem 0;
		}

		.ticker-page-sec-filings-card-set-to-dividend-view-has-entries {
			grid-row-start: 5;
			grid-row-end: 6;
			margin: 0 0 1rem 0;
		}

		/* no entries */

		.ticker-page-figi-forward-yield-card-no-entries {
			margin: 0 0 1rem 0;
		}

		.tp-div-view-figi-dividend-growth-history-card-no-entries {
			height: auto;
			margin: 0 0 1rem 0;
		}

		.ticker-page-sec-filings-card-set-to-dividend-view-no-entries {
			margin: 0 0 1rem 0;
		}
}











/** ipad  **/
@media screen and (min-width: 64.94rem) and (max-width: 80.9375rem){

	/* summary view */

	#figi-live-graph-card {
		max-width: 897px;
	}

	.stock-horiz-padding-graph {
		max-height: 360px;
		width: 460px;
		margin: 0 auto;
	}

	.ticker-page-graph-card {
		height: 544px;
	}

	.ticker-page-master-grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-columns: 22fr 30fr;
		grid-column-gap: 1rem;
		grid-row-gap: 0;
	}

	.ticker-page-card-summary-text {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 1;
		grid-row-end: 2;
		margin-bottom: 1rem;
	}

	.tpdv-xl-graph-header-cont {
		display: none;
	}

	.tpgsh-grid-line1-equity-and-income {
		padding: 33px 0 0 2px;
	}

	.tpgsh-grid-line2-equity-and-income {
    	padding: 4px 0 12px 2px;
	}

	.tpgsh-grid-line1 {
		grid-template-columns: 192px 1fr;
		padding: 33px 0 0 2px;
	}

	.tpgsh-grid-line2 {
		grid-template-columns: 192px 1fr;
    	padding: 4px 0 12px 2px;
	}

	#ticker-page-figi-stock-price-card {
		grid-column-start: 2;
		grid-column-end: 3;
		margin-bottom: 1rem;
	}

	.ticker-page-summary-grid {
		grid-template-columns: 5fr 4fr;
	}

	.ticker-page-summary-grid-weight-container {
		grid-template-columns: 5fr 4fr;
	}

	.ticker-page-master-grid-no-entries {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 1.5rem;
		grid-row-gap: 1.5rem;
	}

	#ticker-page-sec-filings-inbox-cont {
		padding-bottom: 1rem;
	}

		/* yes entries */
		#ticker-page-equity-and-income-graph-card {
			grid-column-start: 2;
			grid-column-end: 3;
			grid-row-start: 1;
			grid-row-end: 2;
			margin-bottom: 1rem;
		}

		.ticker-page-entry-table-card-set-to-summary-view {
			grid-column-start: 1;
			grid-column-end: 3;
			grid-row-start: 3;
			grid-row-end: 4;
			margin-bottom: 1rem;
		}

		.ticker-page-entry-table-card-set-to-dividend-view {
			grid-column-start: 1;
			grid-column-end: 3;
			grid-row-start: 5;
			grid-row-end: 6;
			margin-bottom: 1rem;
		}

		.ticker-page-sec-filings-card-set-to-summary-view-has-entries {
			grid-column-start: 1;
			grid-column-end: 2;
			grid-row-start: 2;
			grid-row-end: 3;
			margin-bottom: 1rem;
		}

		/* no entries */

		.ticker-page-sec-filings-card-set-to-summary-view-no-entries {
			grid-column-start: 1;
			grid-column-end: 2;
			grid-row-start: 1;
			grid-row-end: 2;
			margin-bottom: 1rem;
		}

	/* dividend view */

	.tpdv-mobile-hidden {
		display: none;
	}

	.tpdv-non-xl-graph-radio-cont {
		margin-top: 22px;
		margin-bottom: -12px;
	}

		/* yes entries */

		.ticker-page-sec-filings-card-set-to-dividend-view-has-entries {
			grid-column-start: 1;
			grid-column-end: 3;
			grid-row-start: 4;
			grid-row-end: 5;
			margin-bottom: 1.5rem;
		}

		#tp-div-view-figi-dividend-summary-card {
			grid-column-start: 1;
			grid-column-end: 2;
			grid-row-start: 2;
			grid-row-end: 3;
			margin-bottom: 1.5rem;
		}

		#ticker-page-user-cost-basis-and-yield-at-cost-card {
			margin-bottom: 1.5rem;
		}

		#tp-div-view-user-fwd-income-graph-card {
			grid-column-start: 2;
			grid-column-end: 3;
			grid-row-start: 1;
			grid-row-end: 2;
			margin-bottom: 1.5rem;
		}

		.ticker-page-figi-forward-yield-card-yes-entries {
			grid-column-start: 2;
			grid-column-end: 3;
			grid-row-start: 2;
			grid-row-end: 3;
			margin-bottom: 1.5rem;
		}

		.tp-div-view-figi-dividend-growth-history-card-yes-entries {
			grid-column-start: 2;
			grid-column-end: 3;
			grid-row-start: 2;
			grid-row-end: 3;
			margin-bottom: 1.5rem;
		}

		/* no entries */

		.ticker-page-no-entries-view-choice-card-cont {
			display: grid;
			grid-template-columns: 1fr 1fr 371px;
			grid-column-gap: 2rem;
			grid-row-gap: 2rem;
			margin: 0 0 1.5rem 0;
		}

		.ticker-page-figi-forward-yield-card-no-entries {
			grid-column-start: 1;
			grid-column-end: 2;
			grid-row-start: 2;
			grid-row-end: 3;
			margin: 0 0 2rem 0;
		}

		.tp-div-view-figi-dividend-growth-history-card-no-entries {
			grid-column-start: 2;
			grid-column-end: 3;
			grid-row-start: 2;
			grid-row-end: 3;
			margin: 0 0 2rem 0;
		}

		.ticker-page-sec-filings-card-set-to-dividend-view-no-entries {
			grid-column-start: 1;
			grid-column-end: 2;
			grid-row-start: 4;
			grid-row-end: 5;
		}

	/* misc */

	.sec-filing-grid-ticker-page {
		border-bottom: 1px solid #efefef;
		display: grid;
		grid-template-columns: 80px 80px 1fr;
		padding: 0 1.5rem;
	}

	.sec-filing-inbox-filter-grid {
		display: grid;
		grid-template-columns: 150px 1fr;
	}

}








/* large */
@media screen and (min-width: 80.94rem) and (max-width: 102.9375rem){

	/* summary view */

	#figi-live-graph-card {
		max-width: 897px;
	}

	.stock-horiz-padding-graph {
		/*height: 350px;*/
		margin: 0 auto;
		width: 460px;
	}

	.ticker-page-master-grid {
		display: grid;
		grid-template-columns: 490px 490px;
		grid-column-gap: 1.5rem;
		grid-row-gap: 0;
	}

	.ticker-page-card-summary-text {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 1;
		grid-row-end: 2;
		margin-bottom: 1.5rem;
	}

	.tpdv-xl-graph-header-cont {
		display: none;
	}

	.tpgsh-grid-line1-equity-and-income {
		padding: 33px 0 0 2px;
	}

	.tpgsh-grid-line2-equity-and-income {
    	padding: 4px 0 12px 2px;
	}

	.tpgsh-grid-line1 {
		padding: 33px 0 0 2px;
	}

	.tpgsh-grid-line2 {
    	padding: 4px 0 12px 2px;
	}

	#ticker-page-figi-stock-price-card {
		grid-column-start: 2;
		grid-column-end: 3;
		margin-bottom: 1.5rem;
	}

	.ticker-page-summary-grid {
		grid-template-columns: 5fr 4fr;
	}

	.ticker-page-summary-grid-weight-container {
		grid-template-columns: 5fr 4fr;
	}

	.ticker-page-master-grid-no-entries {
		display: grid;
		grid-template-columns: 490px 490px;
		grid-column-gap: 1.5rem;
		grid-row-gap: 1.5rem;
	}

		/* yes entries */
		#ticker-page-equity-and-income-graph-card {
			grid-column-start: 2;
			grid-column-end: 3;
			grid-row-start: 1;
			grid-row-end: 2;
			margin-bottom: 1.5rem;
		}

		.ticker-page-entry-table-card-set-to-summary-view {
			grid-column-start: 1;
			grid-column-end: 3;
			grid-row-start: 3;
			grid-row-end: 4;
			margin-bottom: 1.5rem;
		}

		.ticker-page-entry-table-card-set-to-dividend-view {
			grid-column-start: 1;
			grid-column-end: 3;
			grid-row-start: 5;
			grid-row-end: 6;
			margin-bottom: 1.5rem;
		}

		.ticker-page-sec-filings-card-set-to-summary-view-has-entries {
			grid-column-start: 1;
			grid-column-end: 2;
			grid-row-start: 2;
			grid-row-end: 3;
			margin-bottom: 1.5rem;
		}

		/* no entries */

		.ticker-page-sec-filings-card-set-to-summary-view-no-entries {
			grid-column-start: 1;
			grid-column-end: 2;
			grid-row-start: 1;
			grid-row-end: 2;
			margin-bottom: 1.5rem;
		}

	/* dividend view */

	.tpdv-mobile-hidden {
		display: none;
	}

	.tpdv-non-xl-graph-radio-cont {
		margin-top: 22px;
		margin-bottom: -12px;
	}

		/* yes entries */

		.ticker-page-sec-filings-card-set-to-dividend-view-has-entries {
			grid-column-start: 1;
			grid-column-end: 3;
			grid-row-start: 4;
			grid-row-end: 5;
			margin-bottom: 1.5rem;
		}

		#tp-div-view-figi-dividend-summary-card {
			grid-column-start: 1;
			grid-column-end: 2;
			grid-row-start: 2;
			grid-row-end: 3;
			margin-bottom: 1.5rem;
		}

		#ticker-page-user-cost-basis-and-yield-at-cost-card {
			margin-bottom: 1.5rem;
		}

		#tp-div-view-user-fwd-income-graph-card {
			grid-column-start: 2;
			grid-column-end: 3;
			grid-row-start: 1;
			grid-row-end: 2;
			margin-bottom: 1.5rem;
		}

		.ticker-page-figi-forward-yield-card-yes-entries {
			grid-column-start: 2;
			grid-column-end: 3;
			grid-row-start: 2;
			grid-row-end: 3;
			margin-bottom: 1.5rem;
		}

		.tp-div-view-figi-dividend-growth-history-card-yes-entries {
			margin-bottom: 1.5rem;
		}

		/* no entries */

		.ticker-page-no-entries-view-choice-card-cont {
			display: grid;
			grid-template-columns: 1fr 1fr 371px;
			grid-column-gap: 2rem;
			grid-row-gap: 2rem;
			margin: 0 0 2rem 0;
		}

		.ticker-page-figi-forward-yield-card-no-entries {
			grid-column-start: 1;
			grid-column-end: 2;
			grid-row-start: 2;
			grid-row-end: 3;
			margin: 0 0 2rem 0;
		}

		.tp-div-view-figi-dividend-growth-history-card-no-entries {
			grid-column-start: 2;
			grid-column-end: 3;
			grid-row-start: 2;
			grid-row-end: 3;
			margin: 0 0 2rem 0;
		}

		.ticker-page-sec-filings-card-set-to-dividend-view-no-entries {
			grid-column-start: 1;
			grid-column-end: 2;
			grid-row-start: 4;
			grid-row-end: 5;
		}

	/* misc */

	.sec-filing-grid-ticker-page {
		border-bottom: 1px solid #efefef;
		display: grid;
		grid-template-columns: 80px 80px 1fr;
		padding: 0 1.5rem;
	}

	.sec-filing-inbox-filter-grid {
		display: grid;
		grid-template-columns: 150px 1fr;
	}

}








/* XLarge */
@media screen and (min-width: 102.94rem){ 

	.ticker-page-graph-card {
		height: 532px;
		/*position: sticky;
		top: 6.35rem;*/
	}
	
	.stock-horiz-padding-graph {
		margin: 0 auto;
		width: 430px;
	}

	/* summary view */

	.ticker-page-master-grid {
		display: grid;
		grid-template-columns: 371px 1fr 1fr;
		grid-column-gap: 1rem;
		grid-row-gap: 1rem;
	}

	.ticker-page-card-summary-text {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 1;
		grid-row-end: 2;
	}

	.tp-summary-data-table-bottom-padding {
		padding-bottom: 2rem;;
	}

		/* no entries */
		.ticker-page-no-entries-view-choice-card-cont {
			display: grid;
			grid-template-columns: 1fr 1fr 371px;
			grid-column-gap: 1rem;
			grid-row-gap: 1rem;
			margin: 0 0 1rem 0;
		}

		.ticker-page-master-grid-no-entries {
			display: grid;
			grid-template-columns: 470px 470px 0;
			grid-column-gap: 1rem;
			grid-row-gap: 1rem;
		}

		.ticker-page-stock-price-card-has-entries {
			grid-column-start: 3;
			grid-column-end: 4;
			grid-row-start: 1;
			grid-row-end: 2;
		}

		.ticker-page-stock-price-card-no-entries {
			grid-column-start: 2;
			grid-column-end: 3;
			grid-row-start: 1;
			grid-row-end: 2;
		}

		.ticker-page-sec-filings-card-set-to-summary-view-no-entries {
			grid-column-start: 1;
			grid-column-end: 2;
			grid-row-start: 1;
			grid-row-end: 2;
		}

		/* yes entries */

		#ticker-page-equity-and-income-graph-card {
			grid-column-start: 2;
			grid-column-end: 3;
			grid-row-start: 1;
			grid-row-end: 2;
			}

		.ticker-page-entry-table-card-set-to-summary-view {
			grid-column-start: 1;
			grid-column-end: 3;
			grid-row-start: 2;
			grid-row-end: 3;
		}

		.ticker-page-sec-filings-card-set-to-summary-view-has-entries {
			grid-column-start: 3;
			grid-column-end: 4;
			grid-row-start: 2;
			grid-row-end: 3;
		}

	/* dividend view */

	.tpdv-non-xl-graph-header-cont {
		display: none;
	}

	.dividend-graph-default-view-load-spinner-cont {
		padding: 227px 220px;
	}
	
		/* no entries */

		.tp-div-view-figi-dividend-growth-history-card-no-entries {
			grid-column-start: 2;
			grid-column-end: 3;
			grid-row-start: 2;
			grid-row-end: 3;
			margin: 0 0 1rem 0;
		}

		.ticker-page-figi-forward-yield-card-no-entries {
			grid-column-start: 1;
			grid-column-end: 2;
			grid-row-start: 2;
			grid-row-end: 3;
			margin: 0 0 1rem 0;
		}

		.ticker-page-sec-filings-card-set-to-dividend-view-no-entries {
			grid-column-start: 1;
			grid-column-end: 3;
			grid-row-start: 4;
			grid-row-end: 5;
		}
	
		/* yes entries */

		#tp-div-view-user-fwd-income-graph-card {
			grid-column-start: 2;
			grid-column-end: 3;
			grid-row-start: 1;
			grid-row-end: 2;
		}

		#ticker-page-user-cost-basis-and-yield-at-cost-card {
			grid-column-start: 2;
			grid-column-end: 3;
			grid-row-start: 2;
			grid-row-end: 3;
		}

		.ticker-page-figi-forward-yield-card-yes-entries {
			grid-column-start: 3;
			grid-column-end: 4;
			grid-row-start: 1;
			grid-row-end: 2;
		}

		.tp-div-view-figi-dividend-growth-history-card-yes-entries {
			grid-column-start: 3;
			grid-column-end: 4;
			grid-row-start: 2;
			grid-row-end: 3;
		}

		#tp-div-view-figi-dividend-summary-card {
			grid-column-start: 1;
			grid-column-end: 2;
			grid-row-start: 2;
			grid-row-end: 3;
		}

		.ticker-page-sec-filings-card-set-to-dividend-view-has-entries {
			grid-column-start: 3;
			grid-column-end: 4;
			grid-row-start: 3;
			grid-row-end: 4;
		}

		.ticker-page-entry-table-card-set-to-dividend-view {
			grid-column-start: 1;
			grid-column-end: 3;
			grid-row-start: 3;
			grid-row-end: 4;
		}

	/* misc */

	.sec-filing-inbox-filter-grid {
		display: grid;
		grid-template-columns: 268px 1fr;
	}

	.sec-filing-grid-ticker-page {
		border-bottom: 1px solid #efefef;
		grid-template-columns: 85px 70px 1fr;
		padding: 0 2rem;
	}

}#tools-csv-to-graph-generate-submit-button {
	width: 150px;
}

.export-graph-title {
    color: #445060;
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.8rem;
    line-height: 1.6rem;
    font-weight: 700;
    margin-top: 2rem;
    padding: 0 37px;
    text-align: left;
    margin-bottom: 1.5rem;
}

.export-graph-subtitle {
	color: #8793a5;
    font-family: 'Ubuntu', sans-serif;
    font-size: 1rem;
    line-height: 1.3rem;
    font-weight: 400;
    margin: .5rem 0 2rem 0;
    padding: 0 37px;
    text-align: left;
}


.export-graph-grid-inline-cont {
	/*display: inline-block;*/
}

.export-graph-legend-grid {
	display: grid;
	grid-template-columns: 50px 1fr;
	margin: 1rem 0 0 22px;
}

.export-graph-legend-grid-line {
    margin-left: 1rem;
    border-radius: 8px;
    height: 3px;
    margin-top: 7px
}

.export-graph-legend-label {
	font-family: 'Ubuntu', sans-serif;
	font-size: .9rem;
	line-height: .9rem;
	margin-left: .66rem;
}

.graph-export-sources {
	color: #8793a5;
	font-family: 'Ubuntu', sans-serif;
	font-size: .85rem;
	line-height: .85rem;
	margin: 0 37px 1rem 37px;
}




/** phone **/
@media screen and (max-width: 64.9375rem) {

}











/** ipad  **/
@media screen and (min-width: 64.94rem) and (max-width: 80.9375rem){

}








/* large */
@media screen and (min-width: 80.94rem) and (max-width: 102.9375rem){

}








/* XLarge */
@media screen and (min-width: 102.94rem){ 


}.top-bar {
	background: #9836da;
	box-shadow: 0 2px 4px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.21);
	display: block;
	padding: .9rem 0 .3rem 0;
	position: fixed;
	height: 50px;
	width: 100%;
	z-index: 5000000000;
}

.top-bar .hamburger-cont {
	display: inline-block;
	padding: 0 1.2rem;
	vertical-align: top;
	width: 62px;
}

.top-bar .hamburger-icon {
	cursor: pointer;
	fill: #fff;
	max-width: 1.33rem;
	margin-bottom: -8px;
}

.top-bar h1 {
	color: #fff;
	display: inline-block;
	font-family: 'Open sans', sans-serif;
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 400;
	margin: 0;
	padding: 0;
}

.vamp-cont {
	display: inline-block;
	padding: 0;
	width: 270px;
}

.vampy {
	background: #000;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    color: #ff00f2;
    display: none;
    font-family: monospace;
    font-size: 1.3rem;
    height: 31px;
    line-height: 1.3rem;
    margin-top: -4px;
    opacity: 1;
    padding: .33rem .66rem;
    position: absolute;
    transition: .66s opacity ease-in-out, .66s transform ease-in-out;
    z-index: 9999999;
}

#top-menu-new-entry-file {
  display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 1.1rem;
    line-height: 2.5rem;
    font-weight: 500;
  height: 40px;
    margin: 0;
    padding: 0;
    text-align: center;
  width: 35px;
  padding-left: 15px;
    vertical-align: bottom;
}

#top-menu-new-entry-stock:hover {background:#5554ec;}
#top-menu-new-entry-note:hover {background:#5554ec;}
#top-menu-new-entry-file:hover {background:#5554ec;}
#top-menu-new-entry-cash:hover {background:#5554ec;}

@media screen and (max-width: 51.9375em) {

	.vamp-cont {
		display: inline-block;
		padding: 0;
		margin: 0 1rem 0 0;
		width: auto;
	}

	.vampy {
		display: none;
	}

}

.top-menu-fixed {
  background: #ffffff;
  background: #e3e8ef;
  border-bottom: 1px solid #e0e0e0;
  box-shadow: 0 2px 15px rgba(84,96,103,.25);
  height: 67px;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

.top-bar-cont {
  display: grid;
  grid-template-columns: 240px 1fr;
  margin: 0 auto;
  padding: 1.25rem 0 1.25rem 1rem;
} 

.top-bar-logo-button {
  cursor: pointer;
}

.top-menu-block {
  color: #fff;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: .9rem;
  font-weight: 500;
  margin: 0 2rem 0 0;
  vertical-align: middle;
}

.ticker-search-wrap {
  position: fixed;
}

.top-menu-ticker-left-search-input {
  border-radius: 8px 0 0 8px;
  border: 1px solid #d3dce4;
  box-shadow: 0 3px 6px rgba(87, 106, 255, 0.13), 0 3px 6px rgba(87, 106, 255, 0.48);
  color: #242424;
  font-family: 'Open sans', sans-serif;
  font-size: .85rem;
  margin: 0;
  padding: .5rem .5rem;
}

.top-menu-ticker-search-grid {
  display: grid;
  grid-template-columns: 113px 83px auto;
}

#top-menu-ticker-search-form {
  padding: 1.1rem 0 0 0;
}

#ticker-search-input {
  border-radius: 8px 0 0 8px;
  border: 1px solid #d3dce4;
  box-shadow: 0 3px 6px rgba(87, 106, 255, 0.13), 0 3px 6px rgba(87, 106, 255, 0.48);
  color: #242424;
  font-family: 'Open sans', sans-serif;
  font-size: .85rem;
  margin: 0;
  padding: .5rem .5rem;
}

#ticker-search-button {
  background: #5e5cff;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border-radius: 0 8px 8px 0;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: .9rem;
  font-weight: 500;
  margin: 0;
  padding: .44rem 1.33rem;
}

#ticker-search-button:focus {
  box-shadow: 0 3px 4px #22bb5b, 0 3px 4px #22bb5b;
}

#ticker-search-button:hover {
  background: #5554ec;
  color: #fff;
}

#ticker-search-button:active {
  color: #fff;
}

#ticker-search-button:visited {
  color: #fff;
}

.ticker-search-error-cont {
  display: inline-block;
  vertical-align: middle;
}

#ticker-search-error-cont {
  display: inline-block;
  vertical-align: middle;
}

#menu-link-show-entry-categories {
  background: #5e5cff;
  box-shadow: 0 3px 6px rgba(87, 106, 255, 0.13), 0 3px 6px rgba(87, 106, 255, 0.48);
  border-radius: 6px;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;  
  font-size: 1.1rem;
  line-height: 2.5rem;
  font-weight: 500;
  margin: 1.5rem 0 0 0;
  padding: 0 1rem;
  text-align: center;
  width: 132px;
  vertical-align: bottom;
}

#menu-link-show-entry-categories:hover {
  background: #5554ec;
}

#menu-link-new-stock {
  margin-top: 1rem;
}

#menu-link-new-file {
  margin-bottom:0;
}

#menu-link-notes {
  text-decoration: none;
}

#entry-category-cont {
  margin: 0 0 .5rem 0;
}

.menu-link-new-entry:focus {
  box-shadow: 0 3px 4px #22bb5b, 0 3px 4px #22bb5b;
}

.menu-link-new-entry:hover {
  background: #6375fb;
  box-shadow: 0 3px 6px rgba(87, 106, 255, 0.14), 0 3px 6px rgba(87, 106, 255, 0.6);
  color: #fff;
}

.menu-link-new-entry:active {
  background: #6375fb;
}

.menu-link-new-entry:visited {
  color: #ffffff;
}

#menu-link-cms {
  color: #000;
  text-decoration: none;
}

#menu-link-cms:visited {
  color: #000;
  text-decoration: none;
}

.mobile-menu-active {
  border: none;
  box-shadow: none;
}


/* left */

.logo-img {
  display: block;
  margin: .15rem 0 2rem 0;
  max-width: 3.1rem
}

.logo-leaves {
  display: block;
  height: 33px;
  width: 60px;
  margin-left: -4px;
}

.logo-leaves-logged-out {
  display: block;
  height: 33px;
  width: 60px;
}

.left-menu {
  display: grid;
  grid-template-columns: 1fr;
  padding: 5.5rem 0 0 1rem;
  position: fixed;
  /*width: 240px;*/
} 

.left-cont-cat-grid {
  display: grid;
  grid-template-columns: 18px 28px 1fr;
  margin: 1.2rem 0 0 0;
}

.left-menu-icon {
  color: #445060;
}

.left-menu-link {
  color: #445060;
  display: block;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 2rem;
  margin: 0;
  text-align: left;
  text-decoration: none;
}

.left-menu-link:hover {
  color: #000;
  cursor: pointer;
  font-weight: 700;
  letter-spacing: 0;
}

.left-cont-sublink-grid {
  display: grid;
  grid-template-columns: 18px 1fr;
  grid-gap: 28px;
  padding: 0;
}

.left-menu-sub-link {
  color: #4f566b;
  display: block;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: .8rem;
  line-height: 1.66rem;
  margin: 0;
  text-align: left;
  text-decoration: none;

}

.left-menu-sub-link:hover{
  cursor: pointer;
  text-decoration: underline;
}

.left-menu-active-link {
  color: #000;
  font-weight: 700;
  letter-spacing: 0;
}

.left-menu-active-button {
  box-shadow: 0 3px 6px #22bb5b42, 0 3px 6px #000000 !important;
}

.menu-link-new-entry {
  background: #5e5cff;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border-radius: 6px;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: .85rem;
  line-height: 1.7rem;
  font-weight: 500;
  margin: .25rem 0 .5rem 0;
  padding: 0 1rem;
  text-decoration: none;
}

#menu-link-portfolio {
  text-decoration: none;
}
#menu-link-portfolio:visited {
  color: #000;
}

#left-menu-svg-portfolio {
    height: 28px;
    margin-top: 1px;
    margin-right: 3px;
    margin-left: 0px;
    width: 29px;
}
#left-menu-svg-portfolio:hover {
  cursor: pointer;
}

#left-menu-svg-sec-filings {
  height: 38px;
  margin-left: -1px;
  margin-top: 2px;
  width: 38px;
}
#left-menu-svg-sec-filings:hover {
  cursor: pointer;
}
#menu-link-sec-filings {
  color: #000;
  text-decoration: none;
}
#menu-link-sec-filings:visited {
  color: #000;
}
#menu-link-earnings-calendar {
  color: #000;
  text-decoration: none;
  margin-top: .5rem;
}
#menu-link-earnings-calendar:visited {
  color: #000;
}
#left-menu-svg-earnings-calendar {
  text-decoration: none;
  height: 21px;
  width: 21px;
  margin-bottom: -12px;
  margin-left: 3px;
}
#menu-link-notes {
  color: #000;
  text-decoration: none;
}

#left-menu-svg-notes {
  text-decoration: none;
  height: 26px;
  width: 27px;
  margin-bottom: -14px;
}
#menu-link-transactions {
  color: #000;
  text-decoration: none;
}
#left-menu-svg-transactions {
  text-decoration: none;
  height: 22px;
  width: 22px;
  margin-bottom: -11px;
}
#menu-link-notifications {
  color: #000;
  text-decoration: none;
}
#left-menu-svg-notifications {
  text-decoration: none;
  height: 26px;
  width: 26px;
  margin-bottom: -15px;
}
#menu-link-profile {
  color: #000;
  text-decoration: none;
}
#menu-link-profile:visited {
  color: #000;
}
#left-menu-svg-profile {
  text-decoration: none;
  height: 28px;
  width: 28px;
}
#left-menu-svg-cms {
  text-decoration: none;
  height: 20px;
  width: 22px;
  margin-bottom: -9px;
}

#left-menu-svg-community {
  margin-top: -1px;
}

#left-menu-svg-account {
  width: 25px;
  margin-left: 2px;
}

#left-menu-svg-admin {
  width: 25px;
  margin-left: 2px;
}

.left-menu-active-icon {
  color: #000;
}

#left-menu-logged-out-sign-up-button {
  margin: 1rem 0 0 0;
  text-decoration: none;
}

#left-menu-logged-out-sign-up-button {
  text-decoration: none;
}

#top-menu-logged-out-mobile-sign-up-button {
  display: none;
  text-decoration: none;
}






/* phone */
@media screen and (max-width: 64.9375rem) {

  #ticker-search-input {
    padding: .60rem .5rem .65rem .5rem;
  }

  .logo-leaves {
    display: none;
  }

  .logo-leaves-mobile {
    display: inline-block;
    width: 40px;
  }

  .top-menu-padding-grid {
    display: grid;
    margin: 0 auto;
    grid-template-columns: 1fr 140px;
    grid-gap: 0;
  }

  .top-menu-logged-out-padding-grid {
    display: grid;
    margin: 0 auto;
    grid-template-columns: 1fr;
    padding: 0 2.5rem;
  }

  .top-bar-mobile-padding-grid {
    display: grid;
    grid-template-columns: 1rem 1fr 1rem;
  }

  .top-bar-left-cont {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    padding: 1.1rem 1rem 0 0;
  }

  .top-bar-right-cont {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
  }

  .top-bar-cont {
    grid-template-columns: 104px 1fr;
    padding: 1.25rem 0 1.25rem 1.5rem;
  }

  .top-bar-logo-button {
    cursor: pointer;
    padding: 0;
  }

  .logo-img {
    display: none;
  }

  .top-menu-ticker-search-grid {
    grid-template-columns: 113px 83px auto;
  }

  #ticker-page-new-entry-expand-grid {
    display: none;
  }

  .mobile-menu-button-wrap {
    background: #ffffff;
    border-radius: 6px;
    border: none;
    box-shadow: 0 3px 6px rgba(87, 106, 255, 0.13), 0 3px 6px rgba(87, 106, 255, 0.48);
    display: block;
    padding: .3rem .85rem .25rem .85rem;
  }

  .mobile-menu-hamburger-svg {
    color: #6375fb;
    display: inline-block; 
    vertical-align: middle;
    fill:none; /* exported from adobe */
    stroke:#6375fb;
    stroke-width:2;
    stroke-linecap:round;
    stroke-miterlimit:5;
    height: 18px;
    width: 18px;
  }

  .mobile-menu-button {
    color: #6375fb;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: .85rem;
    font-weight: 500;
    line-height: .85rem;
    margin: -14px 0 0 6px;
    vertical-align: middle;
  }

  .left-menu {
    display: none;
  }

  .show-mobile-menu {
    background: #e3e8ef;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    display: block;
    max-height: 100%;
    overflow-y: scroll;
    position: fixed;
    padding: 1.3rem 2.5rem 1.3rem 1.8rem;
    z-index: 2;
    width: 100%;;
  }

  .left-cont-cat-grid {
    margin: 0;
  }

  #top-menu-logged-out-mobile-sign-up-button {
    display: block;
    padding: 0.65rem 0 0.7rem 0;
    text-align: center;
  }

}










/** ipad  **/
@media screen and (min-width: 64.94rem) and (max-width: 80.9375rem){

  #ticker-search-input {
    padding: .60rem .5rem .65rem .5rem;
  }

  .logo-leaves {
    display: none;
  }

  .top-bar-logo-button {
    cursor: pointer;
    padding: 0;
  }

  .logo-leaves-mobile {
    display: inline-block;
    width: 40px;
  }

  .top-menu-padding-grid {
    display: grid;
    margin: 0 auto;
    max-width: 66rem;
    grid-template-columns: 138px 1fr;
  }

  .top-menu-logged-out-padding-grid {
    display: grid;
    grid-template-columns: 1fr;
    margin: 0 auto;
    max-width: 52rem;
    padding: 0 2.5rem;
  }

  .top-bar-mobile-padding-grid {
    display: grid;
    grid-template-columns: 1rem 1fr 1rem;
  }

  .top-bar-left-cont {
    padding: 1.1rem 0 0 16px;
  }

  .top-bar-cont {
    padding: 1.25rem 0 0 2rem;
    grid-template-columns: 104px 1fr;
  }

  .logo-img {
    display: none;
  }

  .mobile-menu-button-wrap {
    background: #ffffff;
    border-radius: 6px;
    border: none;
    box-shadow: 0 3px 6px rgba(87, 106, 255, 0.13), 0 3px 6px rgba(87, 106, 255, 0.48);
    display: block;
    padding: .3rem .85rem .25rem .85rem;
  }

  .mobile-menu-hamburger-svg {
    color: #6375fb;
    display: inline-block; 
    vertical-align: middle;
    fill:none; /* exported from adobe */
    stroke:#6375fb;
    stroke-width:2;
    stroke-linecap:round;
    stroke-miterlimit:5;
    height: 18px;
    width: 18px;
  }

  .mobile-menu-button {
    color: #6375fb;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: .85rem;
    font-weight: 500;
    line-height: .85rem;
    margin: -14px 0 0 6px;
    vertical-align: middle;
  }

  .left-menu {
    position: relative;
    display: none;
  }

  .show-mobile-menu {
    background: #e3e8ef;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    display: block;
    max-height: 100%;
    overflow-y: scroll;
    position: fixed;
    padding: 3.5rem 2.5rem 1.3rem 0;
    z-index: 2;
    width: 100%;;
  }

  .left-mobile-menu-margin {
    display: grid;
    grid-template-columns: 1.5rem 1fr 3.5rem;
    max-width: 66rem;
    margin: 0 auto;  
  }

  .top-menu-ticker-search-grid {
  grid-template-columns: 113px 83px auto;
  }

  #top-menu-logged-out-mobile-sign-up-button {
    display: block;
    padding: 0.65rem 0 0.7rem 0;
    text-align: center;
  }

}










/* large */
@media screen and (min-width: 80.94rem) and (max-width: 102.9375rem){

  .top-menu-padding-grid {
    display: grid;
    margin: 0 auto;
    grid-template-columns: 240px 1fr;
    max-width: 83rem;
  }

  .top-menu-logged-out-padding-grid {
    display: grid;
    grid-template-columns: 1fr;
    margin: 0 auto;
    max-width: 52rem;
    padding: 0 2.5rem;
  }

  .top-bar-mobile-padding-grid {
    display: grid;
    grid-template-columns: 2rem 1fr 2rem;
    max-width: 67rem;
    margin: 0 auto;
  }

  .top-bar-left-cont {
    padding: 1.25rem 0 0 2rem;
  }

  #top-menu-ticker-search-form {
    margin: 0 0 0 1.5rem;
  }

  #ticker-search-button {
    margin-left: 0;
  }

  .top-bar-large-css {
    display: grid;
    margin: 0;
  }

  .mobile-menu-button-wrap {
    display: none;
  }

  .left-menu {
    padding-left: 2rem;
  }

}









/* XL */
@media screen and (min-width: 102.94rem){ 

  .top-menu-padding-grid {
    display: grid;
    margin: 0 auto;
    grid-gap: 1rem;
    grid-template-columns: 240px 1fr;
    max-width: 1648px;
  }

  .top-menu-logged-out-padding-grid {
    display: grid;
    grid-template-columns: 1fr;
    margin: 0 auto;
    max-width: 52rem;
    padding: 0 2.5rem;
  }

  .top-bar-mobile-padding-grid {
    display: grid;
    grid-template-columns: 2rem 1fr 0;
    margin: 0 0 0 2rem;
    margin: 0;
    max-width: 100%;
  }

  .top-bar-left-cont {
    padding: 1.25rem 0 0 2rem;
  }

  #ticker-search-button {
    margin-left: 0;
  }

  .mobile-menu-button-wrap {
    display: none;
  }

  .left-menu {
    padding-left: 2rem;
  }

}.transaction-card {
	background: #fff;
    box-shadow: 0 2px 15px rgba(84,96,103,.25);
    border-radius: 4px;
    margin-top: 2rem;
    max-width: 47rem;
    padding: 0 0 2rem 0;
}

.dollar_underscore {
  display: inline-block;
  margin-left: -18px;
}

.transactions-stock-view-grid {
	display: grid;
	border-bottom: 1px solid #ddd;
	color: #222;
	font-family: 'Roboto', sans-serif;
	font-size: .9rem;
	line-height: 1.4rem;
	margin: .5rem 0;
	padding: .3rem 0 .5rem 0;
	grid-template-columns: 60px 120px 130px 120px 120px 120px 1fr;
	grid-gap: 8px
}

.transactions-stock-grid-date {
	color: #888;
}

.transactions-stock-item-card {
  background: #fff;
  border-bottom: 1px solid #e7e7e7;
  margin: 0;
  max-width: 1024px;
  padding: 1rem 0;
}

.transactions-stock-item-card h1 {
  margin: 0;
}

.transactions-stock-view-more,
.transactions-stock-hide-more {
	font-family: 'Roboto', sans-serif;
	font-size: .9rem;
	line-height: 1.8rem;
}

.transactions-stock-todays-price {
	color: #000;
	display: inline-block; 
	font-family: 'Roboto', sans-serif;
	font-size: 1.1rem;
}

.ticker-live-price {
	display: inline-block;
	width: 70px;
}

.ticker-data-horiz-grid {
	display: grid;
	grid-template-columns: 300px 1fr;
	margin: 1.5rem 0 2rem 0;
}

.ticker-data-grid {
	color: #666;
	display: grid;
	font-family: 'Roboto', sans-serif;
	font-size: .9rem;
	line-height: 1.4rem;
	grid-template-columns: 120px 1fr;

}

.ticker-returns-grid {
	color: #666;
	display: grid;
	font-family: 'Roboto', sans-serif;
	font-size: .9rem;
	line-height: 1.4rem;
	grid-template-columns: 70px 1fr;

}

.greentext {
	color: #22bb5b;
}

.redtext {
	color: red;
}
  
/** mobile only **/
@media screen and (max-width: 55.9375em) {


}#watchlist-table-cont {
  	margin: 2.4rem 0 0 0;
}/* global */
html { 
  /*margin-left: calc(100vw - 100%);*/
  /*overflow: auto;*/
  overflow-y: scroll;
}

body {
  background: #e3e8ef;
  /*background: #d9dfe7;*/
  background-size: contain;
  background-repeat: no-repeat;
  overflow-y: overlay;
  transition: 1.33s ease-in-out background;
}

.standardized_emoji {
  height: 15px;
  width: 15px;
}

.page-large-card {
    background: #fff;
    box-shadow: 0 2px 15px rgba(84,96,103,.25);
    border-radius: 4px;
    margin-top: 0;
    max-width: 866px;
    padding: 0 0 2rem 0;
}

.sub-header {
  color: #445060;
  font-family: 'Ubuntu', sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.1rem;
  margin: 0 0 1rem 0;
}

.black {
  color: #000;
}

.green {
  color: #22bb5b;
}

.lightgreen {
  color: #22bb5ba8;
}

.red {
  color: red;
}

.brandblue {
  color: #576aff;
}

.brandgreen {
  color: #22bb5b;
}

.brandred {
  color: #dc1919;
}

.grey {
  color: #4f566b;
  color: #445060;
}

.dgrey {
  color: #4f566b;
  color: #445060;
}

.lgrey {
  color: #8793a5;
}

.blue {
  color: #576aff;
}

.bluelink-no-underline {
  color: #576aff;
  text-decoration: none;
}

.bluelink-no-underline:hover {
  color: #576aff;
  text-decoration: underline;
}

.bluelink-no-underline:visited {
  color: #576aff;
  text-decoration: none;
}

.bluelink-no-underline:active {
  color: #576aff;
  text-decoration: none;
}

.timerange-blue {
  background: #576aff14;
  background: #ffffff;
  color: #576aff;
  cursor: pointer;
}

.fw300 {
  font-weight: 300;
}

.fw400 {
  font-weight: 400;
}

.fw500 {
  font-weight: 500;
}

.fw700 {
  font-weight: 700;
}

.fwlight {
  font-weight: 400;
}

.br4 {
  border-radius: 4px !important;
}

.main-loader-cont {
  padding: 3rem 1rem;
}

.hover-pointer {
  cursor: pointer;
}

/* main */
.main-container {
  display: grid;
  grid-template-columns: 300px 1fr;
  grid-gap: 0;
  height: 100%;
  padding-top: 50px;
}

.main-content-top-buffer {
    padding: 2rem 0 0 0;
}

.main-menu {
  background: #f8f8f8;
  border-right: 1px solid #ddd;
  overflow-y: scroll;
  padding: 0;
}

.main-menu::-webkit-scrollbar {
  background: #f8f8f8;
  width: 3px;
}
.main-menu::-webkit-scrollbar-thumb {
  background: #cdcdcd;
}

.main-content {
  padding: 0;
}

.hidden {
  display: none;
}

input[type=text]:focus {
  border: 1px solid #ff9800;
  outline: none;
}

input[type=password]:focus {
  border: 1px solid #ff9800;
  outline: none;
}

select {
  border: 1px solid #000;
  color: #222;
  font-family: 'Roboto', sans-serif;
  font-size: .9rem;
  height: 1.8rem;
  margin: 0;
  padding: 0rem .3rem;
}

input[type=checkbox] {
  border: 1px solid #9836da;
  min-height: 18px;
  min-width: 18px;
}

.entry-table-no-match {
  color: #445060;
  font-family: 'Roboto', sans-serif;  
  font-size: 1rem;
  line-height: 1rem;
  margin: 1.5rem 0 0 0;
  font-weight: 400;
}

.text-anchor {
    color: #5e5cff;
    text-decoration: none;
}

.text-anchor:visited: {
    color: #5e5cff;
    text-decoration: none;  
}

.text-anchor:hover {
  text-decoration: underline;
}

.para {
  color: #445060;
  font-family: 'Roboto', sans-serif;  
  font-size: 1rem;
  line-height: 1rem;
}

.p-center {
  text-align: center;
}

strong {
  font-weight: 700;
}

.admin-error-message-cont, 
.form-error-msg {
  color: red;
  font-family: 'Roboto', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  margin: .5rem 0;
}

.admin-success-message-cont,
.form-success-msg {
  color: #222;
  font-family: 'Roboto', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  margin: .5rem 0;
}

.success-message {
  margin: 0 1rem 1rem 1rem;
}

.main-error {
    margin-top: 1.6rem;
    font-family: 'Roboto', sans-serif;
    font-size: .95rem;
    margin-left: 2rem;
}

/**/

.main-content-h1 {
  color: #222;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 1.1rem;
  margin: 1rem 0;
  text-align: center;
}

.big-content-card {
  background: #fff;
  border: 1.1px solid #e7e7e7;
  border-radius: 8px;
  box-shadow: 0 30px 60px -12px rgba(50,50,93,.25), 0 18px 36px -18px rgba(0,0,0,.3), 0 -12px 36px -8px rgba(0,0,0,.025);
  margin: 2rem 0;
  padding: 2rem;
}

.dividend-content-card {
  background: #fff;
  border: 1.1px solid #e7e7e7;
  border-radius: 8px;
  box-shadow: 0 30px 60px -12px rgba(50,50,93,.25), 0 18px 36px -18px rgba(0,0,0,.3), 0 -12px 36px -8px rgba(0,0,0,.025);
  margin: 2rem 0;
  max-width: 800px;
  padding: 2rem;
}

.main-content-card {
  background: #fff;
  border: 1.1px solid #e7e7e7;
  border-radius: 8px;
  box-shadow: 0 30px 60px -12px rgba(50,50,93,.25), 0 18px 36px -18px rgba(0,0,0,.3), 0 -12px 36px -8px rgba(0,0,0,.025);
  margin: 2rem 0;
  max-width: 820px;
  padding: 2rem;
}

.first-secondary-content-card {
  background: #fff;
  border: 1.1px solid #e7e7e7;
  border-radius: 4px;
  box-shadow: 0 30px 60px -12px rgba(50,50,93,.25), 0 18px 36px -18px rgba(0,0,0,.3), 0 -12px 36px -8px rgba(0,0,0,.025);
  margin: 0 0 2rem 0;
  max-width: 47rem;
  width: 820px;
  padding: 0 0 2rem 0;
}

.secondary-content-card {
  background: #fff;
  border: 1.1px solid #e7e7e7;
  border-radius: 4px;
  box-shadow: 0 30px 60px -12px rgba(50,50,93,.25), 0 18px 36px -18px rgba(0,0,0,.3), 0 -12px 36px -8px rgba(0,0,0,.025);
  margin: 2rem 0;
  max-width: 47rem;
  width: 820px;
  padding: 2rem 0;
}

.generic-content-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 30px 60px -12px rgba(50,50,93,.25), 0 18px 36px -18px rgba(0,0,0,.3), 0 -12px 36px -8px rgba(0,0,0,.025);
  margin: 0 0 4rem 0;
}

.invis-content-card {
  margin: 2rem 0;
  max-width: 840px;
  padding: 0;
}

.invis-horiz-padding-3 {
  padding: 0 3rem;
}

.invis-horiz-padding-2 {
  padding: 0 2rem;
}

.invis-horiz-padding-1 {
  padding: 0 1rem;
}

.mobile-single-col {
  max-width: 540px;
}

.desktop-wide-col {
  max-width: 840px;
}

.mobile-content-card {
  background: #fff;
  border: 1.1px solid #e7e7e7;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12);
  margin: 2rem 0;
  padding: 2.2rem;
}

.performance {
  color: #22bb5b;
  font-size: 1rem;
  font-family: 'Roboto', sans-serif;
  margin: 2rem 0;
  text-align: center;
}

.performance-today {
  padding: 0 1rem 0 0;
}

.mobile-row-buffer {
  margin-top: .33rem;
}

#main-cont-logged-out {
  padding: 0 0 1rem 0;
}

#main-wrap-logged-out-wrap {
  display: grid;
  margin: 0 auto;

}

#logged-out-button-public-profile-view-create-account {
  background: #5e5cff;
  box-shadow: 0 3px 6px rgba(87, 106, 255, 0.13), 0 3px 6px rgba(87, 106, 255, 0.48);
  border-radius: 6px;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: 1.1rem;
  line-height: 2.5rem;
  font-weight: 500;
  margin: .5rem 0 0 0;
  padding: 0 1rem;
  text-align: center;
  width: 132px;
  vertical-align: bottom;
  text-decoration: none;
}

#logged-out-button-public-profile-view-login-account {
  background: #ffffff;
  box-shadow: 0 3px 6px rgba(87, 106, 255, 0.13), 0 3px 6px rgba(87, 106, 255, 0.48);
  border-radius: 6px;
  border: none;
  color: #5e5cff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: 1.1rem;
  line-height: 2.5rem;
  font-weight: 500;
  margin: 2rem 0 0 0;
  padding: 0 1rem;
  text-align: center;
  width: 132px;
  vertical-align: bottom;
  text-decoration: none;
}

#logged-out-button-public-profile-view-create-account:hover {
  background: #5554ec;
}

#logged-out-button-public-profile-view-create-account:visited {
  color: #ffffff;
}


/** phone **/
@media screen and (max-width: 64.9375rem) {
  
  html {
  }

  .mobile-only {
      display: block;
  }

  .mobile-mb0 {
      margin-bottom: 0;
      background: red;
  }

  #main-wrap {
    display: grid;
    grid-template-columns: 100%;
    min-height: auto;
  }

  #main-cont {
    padding: 0 0 1rem 0;
  }

  .main-content-top-buffer {
    padding-top: 2rem;
  }

  .main-offset {
    padding-top: 3.5rem;
  }

  .hide-for-mobile {
    display: none;
  }

  .mobile-padding-grid {
      display: grid;
      grid-template-columns: 1rem 1fr 1rem;
  }

  .main-container {
    display: grid;
    grid-template-columns: 1fr;
  }

  .main-menu {
    display: none;
  }

  .mobile-row-buffer {
    margin-top: 1.3rem;
  }

  .main-content-card {
    padding: 1rem;
  }

  .mobile-content-card {
    border-top: 1px solid #eee;
    margin: 1rem 0;
    padding: 1rem;
  }

  .mobile-single-col {
    margin: 0 auto;
    max-width: 100%;
  }

  .desktop-wide-col {
    margin: 0 auto;
    max-width: 100%;
  }

  .main-container h1 {
    font-size: 1.5rem;
    text-align: center;
  }

  .big-content-card {
    padding: .5rem;
  }

  .no-padding-content-card {
    background: #fff;
    border-top: 1px solid #eee;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    margin: 2rem 0;
    padding: 0;
  }

  .secondary-content-card {
    margin: 1rem 0;
  }

  .dividend-content-card {
    padding: .5rem;
  }

  .portfolio-chart-large {
    max-height: 330px;
  }

  .form-error-msg {
      color: red;
      font-family: 'Roboto', sans-serif;
      font-size: 1rem;
      font-weight: 700;
      margin: -.5rem 0 1.5rem 0;
  }

    .error-msg-on-grey-bg {
      color: #dc1919;
      display: block;
      font-family: 'Roboto', sans-serif;
      font-size: 1rem;
      font-weight: 700;
      margin: 1rem 0;
      padding: 0 1.85rem;
    }

}




/** ipad  **/
@media screen and (min-width: 64.94rem) and (max-width: 80.9375rem){

    html {
        margin-left:0;
    }

    .mobile-hidden {
        display: block;
    }

    .mobile-only {
        display: none;
    }

    #main-wrap {
        display: grid;
        grid-template-columns: 1fr;
        margin: 0 auto;
        min-height: 400px;
    }

    #main-cont {
        padding: 5.6rem 0 2rem 0;
    }

    .show-for-mobile-only {
        display: none;
    }

    .main-content-top-buffer {
        padding: .5rem 0 0 0;
    }

    .mobile-padding-grid {
        display: grid;
        grid-template-columns: 1rem 1fr 1rem;
        max-width: 66rem;
        margin: 0 auto;
    }

    .page-large-card {
        background: #fff;
        box-shadow: 0 2px 15px rgba(84,96,103,.25);
        border-radius: 4px;
        margin-top: 0;
        max-width: 100%;
        padding: 0 0 2rem 0;
    }

    .form-error-msg {
        color: red;
        font-family: 'Roboto', sans-serif;
        font-size: 1rem;
        font-weight: 700;
        margin: -.5rem 0 1.5rem 0;
    }

    .error-msg-on-grey-bg {
        color: #dc1919;
        display: block;
        font-family: 'Roboto', sans-serif;
        font-size: 1rem;
        font-weight: 700;
        margin: 1rem 0;
        padding: 0 1.85rem;
    }

}






/* large */
@media screen and (min-width: 80.94rem) and (max-width: 102.9375rem){

    #main-wrap {
      display: grid;
      grid-template-columns: 240px 1fr;
      grid-gap: 0;
      max-width: 83rem;
      margin: 0 auto;
      min-height: 400px;
    }

    .mobile-only {
        display: none;
    }

    #main-cont {
      padding: 6rem 0 3rem 0;
    }

    .main-content-top-buffer {
      padding: 0;
    }

    .show-for-mobile-only {
      display: none;
    }

    .mobile-padding-grid {
        display: grid;
        grid-template-columns: 1.5rem 1fr 1.5rem;
        max-width: 66rem;
        margin: 0 auto;
    }

    .form-error-msg {
        color: red;
        font-family: 'Roboto', sans-serif;
        font-size: 1rem;
        font-weight: 700;
        margin: -.5rem 0 1rem 0;
    }

    .main-content-card {
        padding: 0;
    }

    .error-msg-on-grey-bg {
      color: #dc1919;
      display: block;
      font-family: 'Roboto', sans-serif;
      font-size: 1rem;
      font-weight: 700;
      margin: 1rem 0;
      padding: 0 1.85rem;
    }

}





/* XLarge */
@media screen and (min-width: 102.94rem){ 

    #main-wrap {
        display: grid;
        grid-template-columns: 240px 1fr;
        grid-gap: 1rem;
        margin: 0 auto;
        max-width: 1648px;
        min-height: 400px;
    }

    #logged-out-button-public-profile-view-create-account {
      margin-top: 1rem;
    }

    .mobile-only {
        display: none;
    }
    
    .main-content-top-buffer {
      padding: 0;
    }

    #main-cont {
        padding: 6.5rem 2rem 3rem 0;
    }

    .show-for-mobile-only {
        display: none;
    }

    .page-large-card {
        background: #fff;
        box-shadow: 0 2px 15px rgba(84,96,103,.25);
        border-radius: 4px;
        margin-top: 0;
        padding: 0 0 2rem 0;
    }

    .form-error-msg {
        color: red;
        font-family: 'Roboto', sans-serif;
        font-size: 1rem;
        font-weight: 700;
        margin: -.5rem 0 1rem 0;
    }

    .error-msg-on-grey-bg {
      color: #dc1919;
      display: block;
      font-family: 'Roboto', sans-serif;
      font-size: 1rem;
      font-weight: 700;
      margin: 1rem 0;
      padding: 0 2.35rem;
    }

}