.container {
    margin:1rem auto 1.5rem;
    max-width: none;
    width: 90%;
}
@media only screen and (max-width: 600px) {
    .container {
        width: 100%!important;
    }
}

/* Logo, Nav, Member Menu Trigger */
@media only screen and (min-width: 601px) {
    .nav-wrapper {
        margin:auto;
        width: 90%;
    }
}

/* Side Menu Icon */
nav a.sidenav-trigger {
    display: block!important;
}
nav .sidenav-trigger {
    margin: 8px 18px 0 8px;
    display:block;
    border-radius: 50%;
    transition: background-color 0.3s;
}
.sidenav-trigger:hover {
    background-color: #00796b;
}
.sidenav-trigger i {
    vertical-align: middle;
}
.sidenav .subheader {
    padding: 0 32px;
}
/* Icon disappearing without following code */
@media only screen and (min-width: 993px) {
nav a.sidenav-trigger {
    display: block!important;
}
}
nav a.sidenav-trigger, nav a.sidenav-trigger i {
    height: 40px;
    width: 40px;
    line-height: 40px;
}

/* Logo */
nav .brand-logo {
    font-size:2.1rem;
}
.logo {
    width: 107px;
    height: 20px;
    margin: 18px 0;
}
@media only screen and (max-width: 992px) {
    nav .brand-logo {
        position: relative;
        left:40px;
    }
}
.header-search {
    width: 190px;
    max-width: 50%;
    margin-right: 0;
}
nav {
    height: 56px;
    line-height: 56px;
}
@media only screen and (min-width: 601px) {
    .header-search {
    width: 42%;
    max-width: 350px;
    margin-right: 10px;
    }
}

/** Cards **/
.card {
    border-radius: 5px;
}
.card .card-content {
    border-radius: 5px 5px 0 0;
}
.card .card-action {
    border-radius: 0 0 5px 5px!important;
    display:block;
    overflow:hidden;
}
/** Table on Computers - Cards on Mobile **/
.cards-on-small {
    display:none;
}
.cards-on-small p {
font-size: 1.2rem;
padding: .75rem 1.75rem .5rem;
}
.cards-on-small h1 {
font-size: 3rem;
margin-top:0;
}
.cards-on-small h2 {
font-size: 2rem;
margin-top:1rem;
}
@media only screen and (max-width: 800px) {
    .table-on-large {
        display:none;
    }
    .cards-on-small {
    display:block;
    }
}

/*** Home ***/
/* Premium data */
.premium .row,
.premium .log_in_or_subscribe,
.premium .disfold-ai {
margin-top:0;
margin-bottom:0;
}
.premium .card .card-content {
padding:24px 24px 16px;
}
.premium .card .card-content .card-title {
font-size:1.25rem;
line-height:20px;
margin-bottom:1rem;
}
.premium .card .card-content .card-title i {
margin: 0px 6px 0px 0px;
line-height:20px;
padding:2px 4px;
}
.premium .card .card-content td {
padding:5px;
}
.premium .card-action i.left {
margin: 0 10px 0 5px!important;
}
.premium .card .card-action {
line-height:1rem;
padding: 12px 16px;
}
.premium .card .card-action span {
vertical-align:middle;
}
.premium .log_in_or_subscribe a:hover {
color:#fff!important;
}
.premium .disfold-ai:hover {
background-color: #ff5722!important;
}
.premium .disfold-ai:hover p {
color: #fff!important;
}
@media only screen and (max-width: 600px) {
    .premium .card .col:last-child {
    margin-top: 1rem;
    }
}
@media only screen and (min-width: 1450px) {
  .break-word {
    display: block;
  }
}

/* Home Companies */
.home a:hover {
    color: #03a9f4!important;
}
.home a.btn-small:hover {
    color: #fff!important;
}
.home-list-company {
    display:block;
    font-size:1.75rem;
}
.home-list-header.company {
    padding: 0 0 0 60px;
}
@media only screen and (max-width: 992px) {
    .home-list-header {
        line-height:1.85rem;
    }
    .home-list-logo, .home-list-stock  {
        display:none;
    }
    .home-list-company {
        font-size:1.25rem;
        font-weight:bold;
    }
    .home-list-header.company {
        padding: 0;
    }
}

/** Pages **/
h1.card-title, h2.card-title, h3.card-title, h4.card-title {
    margin:0 0 1rem;
}
.page-type {
    text-transform:uppercase;
}
.company h1,
.company-marketcap h1,
.stock h1,
.stockindex h1,
.list-view h1,
.dashboard h1,
.members h1,
.backtest h1 {
    font-size: 3rem;
    margin:0 0 1.2rem;
}
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: relative;
    opacity: 1;
    pointer-events: auto;
}

.comp-logo, .flag {
    display:inline-block;
    float: right;
    line-height:0;
}
@media only screen and (max-width: 992px) {
    .comp-logo, .flag {
        float: left;
    }
}
.comp-logo img, .flag img {
    max-width:128px;
}
.short-desc p {
    font-size: .9rem;
}
.company-categs, .stock-prices, .stock-categs {
    display:inline-block;
}
.card-action ul {
    margin:0;
}
.stock-indices .card-action a,
.backtests-info .card-action a,
.signals-info .card-action a {
    display:block;
    text-transform:none !important;
}
.company-stocks h3,
.market-cap h3,
.stocks-list h3,
.stock-indices h3,
.backtests-info h3,
.signals-info h3 {
    font-size: 1rem;
    text-transform:uppercase;
    margin:0;
}
.company .company-stocks a, a .single-stock {
    font-size: 1.3rem;
}
.company .stock-quote {
border:2px solid #fff;
border-radius:5px;
line-height:1.6rem;
padding: 0 3px 1px;
margin: 0 20px 0 10px;
}
.company .stock-indices h3,
.company-marketcap .stock-indices h3 {
    margin: 0 0 1.5rem;
    text-transform:none;
}
.comp-overview .card-action:hover {
    background: #00838f!important;
}
.market-cap p.mcap {
    font-size: 3rem;
}
.market-cap p {
    font-size: 1rem;
}
.company-categs a, .market-cap a, a .stock-categs, .stockindex-categs a, a .regular-card.card-action {
    font-size: 1.3rem;
    text-transform:uppercase;
}
.regular-card.card-action:hover {
    background: #cfd8dc!important;
}
.market-cap .card-action:hover {
    background: #388e3c!important;
}
.stock-overview .card-action:hover, .company-marketcap .single-stock.card-action:hover {
    background: #558b2f!important;
}
.stockindex-overview .card-action:hover {
    background: #546e7a!important;
}
.stockindex-overview .card-action:hover {
    background: #546e7a!important;
}
.backtest-overview .card-action:hover {
    background: #ff7043!important;
}
p.sources {
    font-size: 1rem;
    margin: 1rem 0 0!important;
}
.stock-indices li,
.company-marketcap .company-stocks li,
.backtests-info li,
.signals-info li,
.guide-info li {
    padding: .7rem 1rem;
}
.company-marketcap .company-stocks li:hover {
    background: #33691e!important;
}
.company .stock-indices li:hover {
    background: #fff!important;
}
.stock-indices li:hover {
    background: #455a64!important;
}
.backtests-info li:hover {
    background: #e64a19!important;
}
.signals-info li:hover {
    background: #00796b!important;
}
.guide-top li:hover {
    background: #455a64!important;
}
.guide-top i.material-icons {
    vertical-align: middle;
    padding:10px;
}
.guide-info ul.feature-usp {
    margin:1rem 0 1rem 1.5rem;
}
.guide-info ul.feature-usp li {
    list-style-type:square;
    padding:0;
    font-weight:bold;
}
.members .signup-usp .card .card-content {
padding:19px 20px 20px;
}
.members .signup-usp p {
font-size:.9rem;
}
.stock .stock-details,
.stockindex .stockindex-details,
.list-view .stocks-list,
.backtest .stock-details {
    display:inline-block;
    float: right;
}
@media only screen and (max-width: 992px) {
    .stock .stock-details, .stockindex .stockindex-details, .list-view .stocks-list, .backtest .stock-details {
        float: left;
    }
}
.list-view .stocks-list h2, .list-view .signals-list h2 {
    font-size:2rem;
    margin:0;
}
.stock .stock-details h3,
.stockindex .stockindex-details h3,
.list-view .stocks-list h3,
.backtest .stock-details h3 {
    font-size:1.8rem;
    margin:0;
}
p.yr-change {
    clear:both;
    font-weight:bold;
}
p.yr-change.green-text, p.yr-change.red-text {
    font-size:1.8rem;
}
.comp-categs .btn,
.competitors .btn-small,
.stockindex .btn-small,
.list-view .btn-small,
.dashboard .btn-small,
.log_in_or_subscribe .btn {
    margin: .25rem 0;
}
.line-graph .btn-small {
    padding: 0 6px;
    height: 26px;
    line-height: 26px;
}

/** Backtest Form **/
.backtest-form .card-content {
    padding:1.5rem 2rem 1rem;
}
.backtest-form h3.card-title {
    font-size: 1.3rem;
    text-transform:uppercase;
    margin:0;
    padding-bottom:.6rem;
}
/*.backtest-form form {
    display:block;
}*/
.backtest-form .form-sub-block{
    display:block;
    margin: 1rem 0 1.5rem;
    padding: 1rem 1rem 0.1rem;
}
.backtest-form .switch label {
    font-size: 1rem;
}
.backtest-form .switch {
    margin: .7rem 0 1rem;
}
.backtest-form button {
    height:50px;
    width: 100%;
    text-align: center;
}

/*** Pricing ***/
/** Billing cycle tabs **/
/* Form Tabs */
.billing-cycle .tabs .tab a{
    color:#455a64;
} /*Black color to the text*/
.billing-cycle .tabs .tab a:hover,
.billing-cycle .tabs .tab a.active {
    background-color:#fff;
} /*Text color on hover and active*/
.billing-cycle .tabs .indicator {
    background-color:#455a64;
} /*Color of underline*/
/** Product features list **/
.features-list {
 margin:0 2rem;
}
@media only screen and (max-width: 600px) {
    .features-list {
     margin:0;
    }
}

/** External Promotions Widget **/
.external:hover {
	background:#0d47a1!important;
}
.external img {
	border:5px solid #fff;
}
.external .download {
	position: relative;
	width:95px;
	margin:15px 20px 0 0;
	float:left;
}
.external .badge.price {
	position: absolute;
    right: -15px;
	top: -10px;
	font-size:1rem;
	border:2px solid #fff;
	height:1.7rem;
}

/** FOOTER + Icons for Company and Stock page **/
/** Icons from Fon Awesome **/
.company-details .fa-brands,
.company-details .fa-solid,
.company-details .fa-regular {
  padding: 25px 10px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  background: darkgrey;
}
.stay-in-touch .fa-brands,
.stay-in-touch .fa-regular {
  margin-left:10px;
  padding: 10px 5px;
  width: 35px;
  text-align: center;
  text-decoration: none;
  background: #00897B;
  border-radius:50%;
}
.page-footer .fa-brands,
.page-footer .fa-solid,
.page-footer .fa-regular {
  padding: 25px 10px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  background: #00796b;
  border-radius:50%;
}
/* Email */
.fa-envelope:hover {
  background: #004d40;
}
/* Facebook */
.fa-facebook-f:hover {
  background: #0866FF;
}
/* X Twitter */
.fa-x-twitter:hover {
  background: #000;
}
/* Linkedin */
.fa-linkedin-in:hover {
  background: #0A66C2;
}
/* Website Link */
.fa-link:hover {
  background: #006064;
}
/* Wikipedia */
.fa-wikipedia-w:hover {
  background: #333;
}
/* Yahoo */
.fa-yahoo:hover {
  background: #6001d2;
}
.page-footer h3 {
font-size:1.5rem;
}
.page-footer .footer-copyright {
padding:.5rem 1rem 0;
}


/* NEW FOR V2 */

/* Django AllAuth */
.members .errorlist li {
color: #d50000;
}

/* Trading Signals */
.stocks-trading-signals h1, .indices-trading-signals h1  {
    font-size: 3rem;
    margin:0 0 1rem;
}
.indices-trading-signals h2,
.disclaimer h2,
.backtests-explanation h2,
.backtests-explanation .card-content p {
    margin:0 0 1rem;
}
.stocks-trading-signals .stock-index-trend h3 {
    font-size:1.8rem;
    margin:0;
}
.stocks-trading-signals .stock-index-trend i, .indices-trading-signals .h2-title i {
    font-size:1.8rem;
    padding-top:2px;
}
.stocks-trading-signals .stocks-signals-header i {
    font-size:2.5rem;
    border-radius:3px;
    padding: 0 5px;
    margin:.5rem .75rem .5rem 0;
}
.stocks-trading-signals .opposite_trend_stocks i {
    border-radius:2px;
    padding: 0 3px;
}
.indices-trading-signals .indices-signals .btn-small,
.backtests-results .btn-small,
.watchlist .btn-small,
.stocks-trading-signals .btn-small,
.home .btn-small,
.company .btn-small,
.companies-list .btn-small,
.stockindex .btn-small.stock-btn {
height: 1.5rem;
line-height: 1.5rem;
font-size: 1rem;
padding: 0 5px;
}
.backtests-rankings h3 {
font-size: 1.25rem;
margin:1rem 0;
}
tr.collapsible-headings {
display:none!important;
}
.sub-headings th {
font-weight: normal;
font-size: .8rem;
}
th.wide {
min-width: 180px;
}
th.narrow {
max-width: 90px;
}
th.narrow-2 {
max-width: 60px;
}
.company-signals.collapsible,
.company-signals .collapsible-header,
.company-signals .collapsible-body,
.company-signals ul.collapsible>li {
  margin: 0!important;;
  padding: 0!important;
  border: 0!important;
  box-shadow: none!important;
  background: transparent;
}
.company-signals .collapsible-header {
display:block;
}
.company-signals .expand-less,
.company-signals .active .expand-more {
display:none;
}
.company-signals .active .expand-less {
display: inline-block;
}
.trading-signal {
padding:2px 6px;
border-radius:3px;
}
.returns {
display:block;
border-radius:3px;
}
@media (max-width: 992px) {
    tr.main-headings,
    tr.sub-headings {
        display:none!important;
    }
    tr.collapsible-headings {
        display:block!important;
    }
    th.wide,
    th.narrow,
    th.narrow-2 {
    max-width: auto;
    }
}