body, html { min-width:320px; scroll-margin-top: 110px; scroll-padding-top: 110px; }

.bi-x-circle-fill, .bi-x-square-fill, .bi-arrow-down-circle-fill, .bi-exclamation-triangle-fill, .bi-caret-down-square-fill { color: #dc3545;  }
.bi-check-circle-fill, .bi-check-square-fill, .bi-arrow-up-circle-fill, .bi-arrow-up-square-fill, .bi-caret-up-square-fill { color: #0d0; }

.bi-info-circle-fill { color: #00f; }
.bi-star-fill { color: rgb(255, 165, 0); }
.bi-circle-fill { color:  #ddd; }
.bi-patch-question {  color: rgba(var(--bs-warning-rgb)); }

.bi-ul { list-style-type: none; margin-left: 2em; padding-left: 0; }
.bi-li { left: 0em; position: absolute; text-align: center; width: 2em; line-height: inherit; }

.bi-twitter-x { color: #000000; }
.bi-reddit { color: #FF4500; }
.bi-youtube { color: #FF0000; }
.bi-discord { color: #7289DA; }
.bi-pinterest { color: #E60023; }
.bi-facebook { color: #1877F2; }
.bi-instagram { color: #E4405F; }
.bi-threads { color: #000000; }
.bi-quora { color: #B92B27; }

#summary table .bi { position: absolute; display: contents; padding: 0; margin: 0; font-size: 1.2rem; margin-top: -0.2rem; }
.table-data th, .table-data td { padding: 0.1rem 0.25rem; font-size: .8rem;  }
/*.table-sm th,  .table-sm td { padding: 1px 3px;  font-size: .8rem; }*/
/*.table-sm th,  .table-sm td { padding: 0.1rem 0.25rem; font-size: .8rem; }*/

/*.biabc {
  display: inline-block;
  content: "";
  vertical-align: -.125em;
  background-image: url("/penketrading.com/html/images/icons/coins-solid.svg");
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  background-fill: yellow;
}
*/
blockquote { background: #fff3cd; border: 1px solid rgba(0,0,0,.125); padding: 19px 0 19px 125px; margin:  85px 0 2rem 0; font-style: italic; font-size: 1.25rem;  font-weight: 400; }
blockquote > img { position: absolute; margin-top: -85px !important; margin-left: -120px !important; width: 100px; box-shadow: none;  }
blockquote > p { padding: 0 !important; padding-right: 20px !important; margin: 0 !important; text-align: left !important;  }

.analyzeTogether { position: absolute; top: 0; right: 0; background: #fff3cd; border: 1px solid rgba(0,0,0,.125); padding: 19px 0 19px 125px; margin:  85px 0 2rem 0; font-style: italic; font-size: 1.25rem;  font-weight: 400; }
.analyzeTogether > img { position: absolute; margin-top: -85px !important; margin-left: -120px !important; width: 100px; box-shadow: none;  }

.analyzeTogether2 { float: right; margin: -15px -25px -15px 5px; padding: 0px 5px; background: #fff3cd; border: 1px solid rgba(0,0,0,.125); border-radius: 10px; }
/*.analyzeTogether2 { position: absolute; top: 0; right: 0; background: #fff3cd; border: 1px solid rgba(0,0,0,.125); margin-top: 10px; margin-right: -10px; padding: 5px; border-radius: 10px; }*/
.analyzeTogether2 > img { max-width: 80px; margin-bottom: 5px; }

a, .nav-link, .page-link { color: #198754; }
a:hover, .nav-link:hover, .page-link:hover { color: #043210; }
.navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,.55); }

.keypoint { padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; color: #664d03; background-color: #fff3cd; border-color: #ffecb5; }

blockquote.keypoint { padding: 1rem; margin: 0; border: 1px solid transparent; border-radius: 0.25rem; color: #664d03; background-color: #fff3cd; border-color: #ffecb5; font-size:1rem !important; font-style:normal !important; font-weight:normal !important; }
blockquote.keypoint ul { margin-bottom: 0 !important; }

.progress { color: #664d03; background-color: #fff3cd; border: 1px solid #ddd; }

.badge .fa { line-height: 0.1;  }

.text-gold { color: #FFD700;  }
.text-silver { color: #C0C0C0;  }
.text-bronze { color: #CD7F32;  }

.bg-gold { background: #FFD700;  }
.bg-silver { background: #C0C0C0;  }
.bg-bronze { background: #CD7F32;  }

.form-check-input:checked,
.dropdown-item:active,
.page-item.active .page-link { background-color: #198754; border-color: #198754;  }

.guide-menu { font-family: "Open Sans", sans-serif; -webkit-font-smoothing: antialiased; }
.guide-menu .list-group-item { padding: .25rem .25rem; }
.guide-menu .list-group-item.active { background-color: #198754; border-color: #198754; }
.guide-menu h3 { font-size: 1.3rem; font-weight:bold; }
.guide-menu h4 { font-size: 1.1rem; }
.guide-menu-right { position: -webkit-sticky; position: sticky; top: 5rem; display: block !important; max-height: calc(100vh - 6rem); padding-left: 0.25rem; margin-left: -0.25rem; font-size: 0.8rem; }
.guide { font-family: "Open Sans", sans-serif; -webkit-font-smoothing: antialiased; font-size: 1rem; line-height: 1.8rem; }
/*.guide img { margin: 10px 0px; max-width: 90% !important; box-shadow: 0 0px 10px rgba(0,0,0,0.05); }*/
.guide img { margin: 10px 0px; max-width: 100% }
.guide img.img-right { float: right; margin-left: 50px;  }
.guide img.img-left { float: left; margin-right: 50px;  }
/*.guide iframe { width: 100% !important; min-height: 400px; margin: 0; }*/
/*.guide ul { padding-left: 25px;  }*/
.guide ul,
.guide ol,
.guide p { font-size: 1.125rem; color: #444; margin-bottom: 2rem; text-align: justify; }
.guide h1 { margin-bottom: 1.5rem; font-size: 2.625rem; line-height: 3.2rem; }
.guide h2 { color: #444; font-size: 1.6rem; font-weight: 600; line-height: 2rem; margin-bottom: 1.5rem; scroll-margin-top: 90px; }
.guide h3 { color: #444; font-size: 1.4rem; font-weight: 600; line-height: 2rem; margin-bottom: 1.5rem; scroll-margin-top: 90px; }
.guide h4 { color: #444; font-size: 1.2rem; font-weight: 600; line-height: 2rem; margin-bottom: 1.5rem; }

.guide .page-item.active .page-link, .list-group-item.active { background-color: #198754; border-color: #198754; }
.guide .page-link { color:  #444; }

#stocks, #symbols { scroll-margin-top: 200px;   }

.dashboard .card, .dashboard h1, .dashboard h2, .dashboard h3, .dashboard h4, .dashboard h5, .dashboard h6 { scroll-margin-top: 90px;  }

.blog { font-family: "Open Sans", sans-serif; -webkit-font-smoothing: antialiased;  }
/*.blog p { font-size: 1.125rem; margin-bottom: 2rem; text-align: justify; }*/

/* horizontal submenu */
.nav-scroller { position: relative; z-index: 2; height: 2.75rem; overflow-y: hidden; }
.nav-scroller .nav { display: flex; flex-wrap: nowrap; padding-bottom: 1rem; margin-top: -1px; overflow-x: auto; color: rgba(255, 255, 255, .75); text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.nav-underline .nav-link { padding-top: .75rem; padding-bottom: .75rem; font-size: .875rem; /*color: #6c757d;*/ }
.nav-underline .nav-link:hover { /*color: #343a40;*/ }
.nav-underline .active { font-weight: 500; color: #343a40; }

/* gauge */
.gauge-container {  white-space: nowrap; }
/*.gaugeTotalReview { float: right; padding: 20px; margin: 0px 0px 10px 15px; background: #f9f9f9; }*/
.gauge { display: inline-block; min-width: 90px; height: 10px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px #000; box-shadow: inset 0 1px 1px #666; background: -webkit-linear-gradient(left, red, #ddd, #0f0); background: -o-linear-gradient(right, red, #ddd, #0f0); background: -moz-linear-gradient(right, red, #ddd, #0f0); background: linear-gradient(to right, red, #ddd, #0f0); }
.gauge-empty { background: #ddd !important; }
.gauge-meter { position: relative; left: 50%; width: 4px; height: 17px; margin-left: -2px; margin-top: -4px; background: #000; }

.popover { max-width: 600px; width: auto; }
.navbar-nav .dropdown-menu { z-index: 1030; }

.keyboard { align-items: center; background: linear-gradient(-225deg,#d5dbe4,#f8f8f8); border-radius: 2px; box-shadow: inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,0.4); display: flex; height: 18px; justify-content: center;  margin-right: 0.4em; padding: 0 0 1px; color: #6c757d; border: 0; width: 20px; }
[type=button]:focus,[type=button]:active,.btn:focus,.btn:active { outline: none !important; box-shadow: none; }

.btn-toggle-nav a { display: inline-flex; padding: .1875rem .25rem; margin-top: .125rem; margin-left: 0.25rem; text-decoration: none; }
.scrollarea { overflow-y: auto; }

.penke-sidebar { position: -webkit-sticky !important; position: sticky !important; top: 5rem; display: block !important; max-height: calc(100vh - 6rem); padding-left: 0.5rem; margin-left: -0.25rem; overflow-y: auto; }
.debug { border: 3px dashed red; background: yellow; padding: 10px; }

.live { color: red; animation: blink 2s infinite; }
@keyframes blink { 0%, 100% { opacity: 0; } 50% { opacity: 1; }}

.sized-ads { width: 300px; height: 200px; background: #eee; }
.ad-disclaimer-inside { position:absolute; bottom:4px; width: 100%; font-size:12px; text-align: center; font-weight: normal; font-family: var(--bs-body-font-family); color: #888; line-height: var(--bs-body-line-height); text-decoration:none;  }
.ad-disclaimer-under { font-size:12px; text-align: center; font-weight: normal; font-family: var(--bs-body-font-family); color: #888; line-height: var(--bs-body-line-height); text-decoration:none;  }

/* X-Small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  .sized-ads { width: 468px; height: 60px; }
  .ad-disclaimer { font-size:11px;  }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .sized-ads { width: 728px; height: 90px; }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { }

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {  }

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
  .penke-sidebar { z-index: 1045 !important;  }
  abbr[title]:hover::after { content: ' (' attr(title) ')'; }
}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
  .nav-item {  }  
  .nav-link { border-bottom: 1px solid #fff3cdfef; margin-bottom: 1px; text-align: center;  } 
}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {  }

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {  }













.btn-toggle {
  padding: .25rem .5rem;
  font-weight: 600;
  color: var(--bs-emphasis-color);
  background-color: transparent;
}
.btn-toggle:hover,
.btn-toggle:focus {
  color: rgba(var(--bs-emphasis-color-rgb), .85);
  background-color: var(--bs-tertiary-bg);
}

.btn-toggle::before {
  width: 1.25em;
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform .35s ease;
  transform-origin: .5em 50%;
}

[data-bs-theme="dark"] .btn-toggle::before {
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
}

.btn-toggle[aria-expanded="true"] {
  color: rgba(var(--bs-emphasis-color-rgb), .85);
}
.btn-toggle[aria-expanded="true"]::before {
  transform: rotate(90deg);
}

.btn-toggle-nav a {
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: 1.25rem;
}
.btn-toggle-nav a.active,
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
  background-color: #fff3cd;
}