/* Setting up Avular Theme Colors */
[data-md-color-scheme="avular_default"] {

    /* Primary color shades */
    --md-primary-fg-color: #a0a0a5;
    /* Lunar 1 */
    --md-primary-fg-color--light: #231f20;
    /*Black */
    --md-primary-fg-color--dark: #ffffff;
    /* White*/
    --md-primary-bg-color: #ffffff;
    /* White*/
    --md-primary-bg-color--light: #ffffff;
    /* White*/
    --md-typeset-a-color: #779ad0;
    /* Neptune 3 */

    /* Accent color shades */
    --md-accent-fg-color: #ee1e47;
    /* Martian */
    --md-accent-fg-color--transparent: hsla(189, 100%, 37%, 0.1);
    --md-accent-bg-color: #ffffff;
    /* White*/
    --md-accent-bg-color--light: #a0a0a5;
    /* Lunar 1 */

    /* Code block color shades */
    --md-code-bg-color: #e7e7ed;
    /* Lunar 7 */
    --md-code-fg-color: #1f252f;
    /* Ebony Clay */

    /* Footer */
    --md-footer-bg-color: #a0a0a5;
    /* Lunar 1 */
    --md-footer-bg-color--dark: #ffffff;
    /* White*/
    --md-footer-fg-color: #a0a0a5;
    /* Lunar 1 */
    --md-footer-fg-color--light: #a0a0a5;
    /* Lunar 1 */
    --md-footer-fg-color--lighter: #a0a0a5;
    /* Lunar 1 */
}

.wy-side-nav-search {
    background-color: #a0a0a5;
    /* Lunar 1 */
}

.wy-menu-vertical header,
.wy-menu-vertical p.caption {
    color: #ffffff
        /* White*/
}

/* Default width of the text block */
.md-grid {
    max-width: 4 0%;
}

.md-sidebar {
    width: px2rem(480px);
}

/* Media query for medium-sized screens */
@media only screen and (max-width: px2rem(1920px)) {
    .md-sidebar {
        width: px2rem(300px);
    }
}

/* extra.css */
code, pre {
    font-family: "Martian Mono", "Courier New", Courier, monospace;
    /* font-size: 14px; Adjust the font size as needed */
  }

  .msg-title {
    margin-bottom: 40px;
    border-bottom: 1px solid #333;
    padding: 10px 10px 10px 0px;
  }
  
  .filename {
    padding: 5px;
    background-color: #eee;
    border: 1px solid #333;
  }
  
  .comment-text {
    color: blue;
  }
  
  .raw-msg {
    font-family: monospace;
    width: auto;
    font-size: 14px;
    line-height: 16px;
    padding: 5px;
    border: 1px solid #333;
    margin-bottom: 20px;
  }
  
  .compact_definition-msg {
    font-family: monospace;
    width: auto;
    font-size: 14px;
    line-height: 16px;
    border: 1px solid #333;
    padding: 10px;
    margin-bottom: 20px;
  }
  
  .footer {
    font-size: small;
    font-style: italic;
  }
  
/* Table Styles */
/* Global Table Styles */
.md-typeset__table {
  min-width: 100%;
  word-break: break-all;
}

.md-typeset table:not([class]) {
   display: table;
}

/* Tables First Table Head Column */
.md-typeset__table thead tr th {
  font-size: 18px;
  padding: .9375em 1.1em!important;
}

/* Specification - Specification Table Generic */
.md-typeset .specification-generic table {
  table-layout: fixed;
  max-width: 1280px;
}

/* Specification Specification Table Specific */
.md-typeset .specification-specific table {
  table-layout: fixed;
  max-width: 1280px;
}

/* Specification - Specification Table Triple Column */
.md-typeset .specification-tri-col table {
  table-layout: fixed;
  max-width: 1280px;
}
/* Specification - Bill of Material Table */
.md-typeset .bill-of-material table { 
  table-layout: fixed;
  max-width: 880px;
} 

/* Specification Table for Downloadable Assets */
.md-typeset .downloadable-assets table {
  table-layout: fixed;
  max-width: 1920px;
}

.md-typeset .downloadable-assets table td {
  vertical-align: middle;
}

.md-typeset .downloadable-assets table thead tr th:first-child, tbody tr td:first-child {
  width: 140px;
  min-width: 140px;
  max-width: 140px;
 }
 .md-typeset .downloadable-assets table thead tr th:nth-child(2), tbody tr td:nth-child(2) {
  width: 180px;
  min-width: 180px;
  max-width: 180px;
 }

/* Specification Integration Guides Table */
.md-typeset .integration-guides table {
  table-layout: fixed;
  max-width: 750px;
}

/* Specification Simple Dual Column Table */
.md-typeset .simple-dual-col table {
  table-layout: fixed;
  max-width: 640px;
}

/* Specification Simple Triple Column Table */
.md-typeset .simple-tri-col table {
  table-layout: fixed;
  max-width: 1920px;
 }

.md-typeset .simple-tri-col table td {
  vertical-align: middle;
}

.md-typeset .simple-tri-col table thead tr th:first-child, tbody tr td:first-child {
  width: 20%;
  min-width: 20%;
  max-width: 20%;
 }
.md-typeset .simple-tri-col table thead tr th:nth-child(2), tbody tr td:nth-child(2) {
  width: 20%;
  min-width: 20%;
  max-width: 20%;
}

.wy-table-responsive table td, .wy-table-responsive table th {
    white-space: normal !important;
}

.wy-table-responsive {
    overflow : visible !important;
}