.bg-gray-100 {
  background-color: #f8f9fc !important;
}

.bg-gray-200 {
  background-color: #eaecf4 !important;
}

.bg-gray-300 {
  background-color: #dddfeb !important;
}

.bg-gray-400 {
  background-color: #d1d3e2 !important;
}

.bg-gray-500 {
  background-color: #b7b9cc !important;
}

.bg-gray-600 {
  background-color: #858796 !important;
}

.bg-gray-700 {
  background-color: #6e707e !important;
}

.bg-gray-800 {
  background-color: #5a5c69 !important;
}

.bg-gray-900 {
  background-color: #3a3b45 !important;
}


.jj-img-opacity-5
{
  opacity: 0.5;
}

.jj-img-opacity-8
{
  opacity: 0.8;
}

.jj-img-opacity-5:hover
{
  opacity: 1.0;
}

.jj-img-opacity-8:hover
{
  opacity: 1.0;
}

.jj-thumb
{
  width: 200px;
  height: 200px;
  padding: 5px;
  border: 1px solid #ddd;
  transform: scale(1);
  transition: transform 200ms ease 0s;
}

.jj-thumb:hover
{
  transform: scale(1.05);
}

.jj-thumb-command
{
  width: 100%;
  height: 100%;
  border: none;
  padding: 5px;
  transform: scale(1);
  transition: transform 200ms ease 0s;
}

.jj-tools-div
{
  margin-top: 10px;
  padding: 10px;
}

.navigate-item-body
{
  padding: 40px;
}

.navigate-item-body-row
{
  margin-top: 15px;
}

.jj-logo-linuxbar
{
  font-size: large;
  color: gold;
}

.jj-article-title
{
  font-size: x-large;
  color: gold;
}

.jj-article-prompt
{
  font-size: x-small;
}

.jj-article-content-wrapper
{
  padding: 20px 16px;
}

.jj-article-container-fluid
{
  margin-top: 5px;
}

.jj-article-content-row
{
  margin-top: 18px;
}

.jj-article-read-link
{
  display: block;
  font-size: x-small;
  text-align: right;
}

.jj-color-block-name-light
{
  font-size: 18px;
  text-align: center;
  color: #FFFFFF;
}

.jj-color-block-name-dark
{
  font-size: 18px;
  text-align: center;
  color: #000000;
}

.jj-color-block-hex
{
  font-size: 16px;
  text-align: center;
}

.jj-disclaimer
{
  color:darkgrey;
  font-size: x-small;
  padding: 10px 50px;
}

.jj-disclaimer-qrcode
{
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: auto;
}

.jj-foot-text
{
  color: #636060;
  font-size: x-small;
}

.jj-footer-img-container
{
  padding: 45px;
}

.jj-cmd-section
{
  margin-top: 50px;
  margin-bottom: 20px;
}

.jj-cmd-section-title
{
  color: goldenrod;
}

.jj-cmd-import
{
  color:cornflowerblue;
}

.jj-cmd-code
{
  padding: 1px;
}

.lb-article-card-title {
  color: #2d2d2f !important;
  font-size: 1.61rem;
}

.lb-article-title {
  color: #595d61 !important;
  font-size: 1.01rem;
}

.lb-share-code-title {
  color: #595d61 !important;
  font-size: 1.01rem;
}

.lb-code-p {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
  color: dimgrey;
}

.lb-code-ul-li {
  margin-top: 0.15rem;
  margin-bottom: 0.15rem;
  margin-left: 1.55rem;
  color: palevioletred;
}