/* Override some theme defaults. */
article section.page h1:first-of-type {
    text-transform: none;
}
article section.page h2 {
    line-height: 2.5rem;
}
article section.page h3 {
    line-height: 2.2rem;
}

/* Table of Contents */
div.progress {
    float: right;
}
#TableOfContents ul {
    padding-right: 0px;
    color: red;
}
#TableOfContents ul li {
    list-style-type: circle;
}
#TableOfContents > ul > li {
    list-style-type: none;
}
#TableOfContents > ul > li > ul {
    list-style-type: none;
}

#TableOfContents > ul {
    border: solid 2px #666;
    padding: 12px;
}
#TableOfContents > ul > li {
    list-style-type: none;
    position: relative;
    padding-left: 12px;
}
#TableOfContents > ul > li:before {
    content: "•";
    font-size: 24px;
    position: absolute;
    left: 0;
}

/*
 * New Alarm table layout, what we want to achieve with this:
 *
 * -----------------------------------------------------------------------------
 * | <Alarm ID>      | <Alarm Scope>   | <Alarm Message>                       |
 * | <Alarm Level>   |                 |                                       |
 * -----------------------------------------------------------------------------
 * | Cause: <Alarm Cause>                         |                            |
 * -----------------------------------------------| <Alarm Parameters>         |
 * | Resolution: <Alarm Resolution>               |                            |
 * -----------------------------------------------------------------------------
*/

/**
 * Since we want different row widths we need to use two separate tables, but we don't want spacing so remove
 * the bottom margin for the first table.
 */
body > article > section.page > div.package-group > div.alarm > table {
    table-layout: : auto !important;
}
body > article > section.page > div.package-group > div.alarm > table:nth-child(1) {
    margin-bottom : 0px;
    border-top    : 2px solid #bbb;
    border-left   : 2px solid #bbb;
    border-right  : 2px solid #bbb;
}
body > article > section.page > div.package-group > div.alarm > table:nth-child(2) {
    border-bottom : 2px solid #bbb;
    border-left   : 2px solid #bbb;
    border-right  : 2px solid #bbb;
    border-top    : none;
}

/**
 * Set positioning for our package names so they are right indented.
 */
body > article > section.page > div.package-group > div.package-name {
    text-align    : right;
    font-size     : 15px;
    margin-bottom : 20px;
    margin-right  : 20px;
}

/**
 * Setup styling for the search box.
 */

body > article > section.page > div.control-container {
    height: 50px
}

body > article > section.page > div.control-container > div.alarm-search-container {
    width   : 60%;
    float   : left;
    display : inline-block;
}

body > article > section.page > div.control-container > div.type-visibility-container {
    width       : 40%;
    float       : right;
    text-align  : right;
    padding-top : 6px;
    display     : inline-block;
}

body > article > section.page > div.control-container > div.type-visibility-container > input {
    margin-left: 4px;
}

body > article > section.page > div.control-container > div.alarm-search-container > input.alarm-search {
    border         : 1px solid #cccccc;
    color          : #555555;
    font-size      : 14px;
    line-height    : 20px;
    padding-bottom : 6px;
    padding-left   : 12px;
    padding-right  : 12px;
    padding-top    : 6px;
    margin-bottom  : 1em;
}
/**
 * No items matching search summary always starts off as hidden.
 */
body > article > section.page > h5.no-matching-alarm-search-summary {
    display     : none;
    padding-top : 1em;
}

/**
 * Colour definitions for our various different alarm states.
 */
body > article > section.page > div.package-group > div.alarm > table tr.alarm-first-row span.NOTICE {
    color: #6961ff;
}
body > article > section.page > div.package-group > div.alarm > table tr.alarm-first-row span.CLEAR {
    color: #228b22;
}

body > article > section.page > div.package-group > div.alarm > table tr.alarm-first-row span.WARNING {
    color: #ffb861;
}
body > article > section.page > div.package-group > div.alarm > table tr.alarm-first-row span.ALARM {
    color: #ff6961;
}

/**
 * Define the first row three field widths.
 */
body > article > section.page > div.package-group > div.alarm > table tr.alarm-first-row td:nth-child(1) {
    width: 15%;
}
body > article > section.page > div.package-group > div.alarm > table tr.alarm-first-row td:nth-child(2) {
    width: 15%;
}
body > article > section.page > div.package-group > div.alarm > table tr.alarm-first-row td:nth-child(3) {
    width: 70%;
}

/**
 * Define the second row two field widths.
 */
body > article > section.page > div.package-group > div.alarm > table tr.alarm-second-row td:nth-child(1) {
    width: 60%;
    border-top: none;
}
body > article > section.page > div.package-group > div.alarm > table tr.alarm-second-row td:nth-child(2) {
    width: 40%;
    border-top: none;
}

/**
 * Styling for our parameter list.
 */
body > article > section.page > div.package-group > div.alarm > table tr.alarm-second-row td.alarm-parameters {
    vertical-align: top;
}

/**
 * 
 * End of alarm CSS definition.
 * 
 */

/* New "div.ftrdd" Field/Type/Required/Default/Description */
body > article > section.page > div.ftrdd > table {
    table-layout: auto !important;
}

body > article > section.page > div.ftrdd > table tr td:nth-child(1),
body > article > section.page > div.ftrdd > table tr th:nth-child(1) {
    width: 15%;
}
body > article > section.page > div.ftrdd > table tr td:nth-child(2),
body > article > section.page > div.ftrdd > table tr th:nth-child(2) {
    width: 15%;
}
body > article > section.page > div.ftrdd > table tr td:nth-child(3),
body > article > section.page > div.ftrdd > table tr th:nth-child(3) {
    width: 15%;
}
body > article > section.page > div.ftrdd > table tr td:nth-child(4),
body > article > section.page > div.ftrdd > table tr th:nth-child(4) {
    width: 15%;
}
body > article > section.page > div.ftrdd > table tr td:nth-child(5),
body > article > section.page > div.ftrdd > table tr th:nth-child(5) {
    width: 40%;
}

/* New "div.ftprdd" Field/Type/Protocol-Equivalent/Required/Default/Description */
body > article > section.page > div.ftprdd > table {
    table-layout: auto !important;
}
body > article > section.page > div.ftprdd > table tr td:nth-child(1),
body > article > section.page > div.ftprdd > table tr th:nth-child(1) {
    width: 10%;
}
body > article > section.page > div.ftprdd > table tr td:nth-child(2),
body > article > section.page > div.ftprdd > table tr th:nth-child(2) {
    width: 10%;
}
body > article > section.page > div.ftprdd > table tr th:nth-child(3) {
body > article > section.page > div.ftprdd > table tr td:nth-child(3),
    width: 15%;
}
body > article > section.page > div.ftprdd > table tr td:nth-child(4),
body > article > section.page > div.ftprdd > table tr th:nth-child(4) {
    width: 15%;
}
body > article > section.page > div.ftprdd > table tr td:nth-child(5),
body > article > section.page > div.ftprdd > table tr th:nth-child(5) {
    width: 15%;
}
body > article > section.page > div.ftprdd > table tr td:nth-child(6),
body > article > section.page > div.ftprdd > table tr th:nth-child(6) {
    width: 35%;
}

/* New "div.edr" Field/Type/Presence/Description */
body > article > section.page > div.edr > table {
    table-layout: auto !important;
}
body > article > section.page > div.edr > table tr td:nth-child(1),
body > article > section.page > div.edr > table tr th:nth-child(1) {
    width: 20%;
}
body > article > section.page > div.edr > table tr td:nth-child(2),
body > article > section.page > div.edr > table tr th:nth-child(2) {
    width: 15%;
}
body > article > section.page > div.edr > table tr td:nth-child(3),
body > article > section.page > div.edr > table tr th:nth-child(3) {
    width: 15%;
}
body > article > section.page > div.edr > table tr td:nth-child(4),
body > article > section.page > div.edr > table tr th:nth-child(4) {
    width: 50%;
}

/* New "div.fd" Field/Description */
body > article > section.page > div.fd > table {
    table-layout: auto !important;
}
body > article > section.page > div.fd > table tr td:nth-child(1),
body > article > section.page > div.fd > table tr th:nth-child(1) {
    width: 20%;
}
body > article > section.page > div.fd > table tr td:nth-child(2),
body > article > section.page > div.fd > table tr th:nth-child(2) {
    width: 80%;
}

/* New "div.ftd" Field/Type/Description */
article section.page table.ftd {
    table-layout: auto !important;
}
body > article > section.page > div.ftd > table tr td:nth-child(1),
body > article > section.page > div.ftd > table tr th:nth-child(1) {
    width: 25%;
}
body > article > section.page > div.ftd > table tr td:nth-child(2),
body > article > section.page > div.ftd > table tr th:nth-child(2) {
    width: 20%;
}
body > article > section.page > div.ftd > table tr td:nth-child(3),
body > article > section.page > div.ftd > table tr th:nth-child(3) {
    width: 55%;
}

/* Compress down the table lists a bit */
ul.tablelist {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

/* Make tables flexible by default */
body > article > section.page > table {
    table-layout: auto;
}

/* New "table.ftd" Field/Type/Description */
article section.page table.ftd {
    table-layout: fixed;
}
article section.page table.ftd tr td:nth-child(1),
article section.page table.ftd tr th:nth-child(1) {
    width: 25%;
}
article section.page table.ftd tr td:nth-child(2),
article section.page table.ftd tr th:nth-child(2) {
    width: 20%;
}
article section.page table.ftd tr td:nth-child(3),
article section.page table.ftd tr th:nth-child(3) {
    width: 55%;
}
article section.page table.ftd tr td.subparam:first-child {
    border-left: 7px solid #f6f6f6;
}
article section.page table.ftd tr td.subsubparam:first-child {
    border-left: 13px solid #f6f6f6;
}
article section.page table.ftd tr td.subsubsubparam:first-child {
    border-left: 19px solid #f6f6f6;
}

/* New "table.ftxd" Field/Type/XML Type/Description */
article section.page table.ftxd {
    table-layout: fixed;
}
article section.page table.ftxd tr td:nth-child(1),
article section.page table.ftxd tr th:nth-child(1) {
    width: 25%;
}
article section.page table.ftxd tr td:nth-child(2),
article section.page table.ftxd tr th:nth-child(2) {
    width: 15%;
}
article section.page table.ftxd tr td:nth-child(3),
article section.page table.ftxd tr th:nth-child(3) {
    width: 10%;
}
article section.page table.ftxd tr td:nth-child(4),
article section.page table.ftxd tr th:nth-child(4) {
    width: 50%;
}
article section.page table.ftxd tr td.subparam:first-child {
    border-left: 7px solid #f6f6f6;
}
article section.page table.ftxd tr td.subsubparam:first-child {
    border-left: 13px solid #f6f6f6;
}
article section.page table.ftxd tr td.subsubsubparam:first-child {
    border-left: 19px solid #f6f6f6;
}

article section.page table td.subparam {
    padding-left: 20px;
}
article section.page table td.subsubparam {
    padding-left: 40px;
}
article section.page table td.subsubsubparam {
    padding-left: 60px;
}

article section.page code {
    color: #666;
}