.trs-rnodes-page {
    display: flex;
    margin: 10px auto;
    max-width: 1200px;
}
.trs-rnodes-list, .trs-rnodes-item {
    height: calc(100vh - 70px);
    margin: 7px;
    border: 5px solid var(--bg-color-panel-section-title);
    background-color: white;
    /* float: left; */
}
/* ----- The list of items on the left ----- */
.trs-rnodes-list {
    flex: .45;
    display: flex;
    flex-direction: column;

    margin-right: 0;
    border-top-left-radius: 40px;
    border-right: 1px solid #aaaaaa; /* Result is 3px wide center vertical line. */
}
.trs-rnodes-list-header {
    padding: 5px;
    border-top-left-radius: 36px; /* To fit with container radius of 40px. */
    border-bottom: 1px solid Gray;
    text-align: center;
}
.trs-rnodes-list-header-rules   { background-color: var(--bg-color-rule-lighter); }
.trs-rnodes-list-header-facts   { background-color: var(--bg-color-fact); }
.trs-rnodes-list-header-rclaims { background-color: var(--bg-color-rclaim); }

.trs-rnodes-list-header-title {
    font-size: 20px;
    font-weight: bold;
}
.trs-rnodes-list-header-subtitle {
    margin-top: 3px;
    font-size: 13px;
}
.trs-rnodes-list-items {
    flex: 1;
    /* height: calc(100vh - 125px); /* Hard coded. */
    overflow-x: auto;
    border-bottom: 2px solid lightgray;
}
.trs-rnodes-list-items:focus {
    outline: none;
}
.trs-rnodes-list-isundergoingedit {
    font-weight: bold;
}
.trs-rnodes-item-undergoingedit {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 45%;
    display: none;

    border: 3px solid gray;
    /* border-radius: 30px; */
    padding: 10px 15px;
    color: gray;
    background-color: ghostwhite;

    font-size: 32px;
    font-weight: bold;
    text-align: center;
}
.trs-rnodes-buttons-container {
    display: flex;
    justify-content: center;
    background-color: GhostWhite;
}
/* ----- The item on the right ----- */
.trs-rnodes-item {
    margin-left: 0;
    flex: .55;
    
    border-top-right-radius: 40px;
    border-left: 2px solid #aaaaaa;
    overflow: hidden;
}
.trs-rnodes-item-description-container {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
    background-color: GhostWhite;
}
.trs-rnodes-item-description-title, .trs-rnodes-item-cl {
    padding: 5px 0 8px 0;
    margin: 5px 0 2px 10px;
    color: var(--bg-color-panel-section-title);
    font-size: 19px;
    font-weight: bold;
    line-height: 17px;
}
.trs-rnodes-item-description-title {
    text-align: center;
    padding-right: 30px;
}
.trs-rnodes-item p { /* Same as info panel. */
    margin: 0 10px 10px 10px;
    font-family: Georgia, "times new roman", times, serif;
    font-size: 17px;
    line-height: 22px;  
}
.trs-rnodes-item-cl {
    position: absolute;
    right: 30px;
    font-weight: normal;
}
/* ----- Same as mce container ----- */
.trs-rnodes-item-description {
    flex: 1; /* Grow vertically to take up all available space. */
    padding: 8px; 
    overflow-x: auto;
    border-top:    2px solid lightgray;
    border-bottom: 2px solid lightgray;
    background-color: white;
}
.trs-rnodes-item-description h1, .trs-rnodes-item-description p, .trs-rnodes-item-description blockquote {
    font-family: georgia,"times new roman",times,serif;
}
.trs-rnodes-item-description h1 {
    font-weight: 700;
    margin: 0 0 10px 0;
}
.trs-rnodes-item-description h2 {
    margin-top: 35px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
}
.trs-rnodes-item-description p {
    margin: 15px 0 15px 0; /* Same as mce container. */
}
.trs-rnodes-item-description blockquote {
    font-style: italic;
    line-height: 22px;
    margin: 15px 30px;
}
.trs-rnodes-item-description img {
    margin: 5px;
    max-width: 100%;
    height: auto;
}
/* Override the above for the dial images. This cuplicates css in Trs Editor line 307. */
.trs-dial-container img {
    margin: 0;
}
/* ----- End same ----- */
/* .trs-rnodes-selected-node-message1, .trs-rnodes-selected-node-message2, .trs-rnodes-buttons-container{
    background-color: ghostwhite;
} */
.trs-rnodes-selected-node-message1, .trs-rnodes-selected-node-message2 {
    padding: 5px 10px 0 12px;
    max-height: 49px; /* Holds 3 lines of text. */
    font-size: 13px;
    overflow: scroll;
    overflow-x: auto;
    overflow-y: auto;
    background-color: GhostWhite;
}
.trs-rnodes-selected-node-inline {
    color: var(--bg-color-panel-section-title);
    font-weight: bold;
}
/* .trs-rnodes-buttons-container {
    display: flex;
    justify-content: center;
    background-color: GhostWhite;
} */
.trs-rnodes-button {
    margin: 12px 10px;
}
/* ----- Edit a rule or fact ----- */
.trs-rnodes-item-editor-container {
    display: none;
    /* display: flex; */
    flex-direction: column;
    position: relative;
    height: 100%;
}
.trs-rnodes-item-editor-container, .trs-rnodes-item-editor-container .mce-toolbar {
    background-color: GhostWhite;
}
.trs-rnodes-item-editor-cl-summary {
    display: flex;
}
.trs-rnodes-item-editor-summary, .trs-rnodes-item-editor-cl, .trs-rnodes-item-editor-description {
    margin: 2px 0 4px 0;
    font-size: 16px;
    font-weight: bold;
    color: var(--bg-color-panel-section-title);
}
.trs-rnodes-item-editor-cl {
    margin-left: -3px;
}
.trs-rnodes-item-editor-description {
    margin: 5px 0 2px 10px;
}
.trs-rnodes-item-editor-summary-textarea {
    width: 97%;
    margin-bottom: 2px;
    resize: none;
    font-size: 17px;
    font-family: Georgia, "times new roman", times, serif;
    line-height: 22px;
}
.trs-rnodes-item-editor-summary-container {
    flex: 1;
    padding: 0 10px;
}
.trs-rnodes-item-editor-cl-container {
    width: 70px;
}
.trs-rnodes-item-editor-cl-input {
    text-align: center;
}
/* ----- Cascade of flex needed to set editor to full height. ----- */
.trs-rnodes-item-rules-editor-wrapper, .trs-rnodes-item-facts-editor-wrapper {
    flex: 1;
    display: flex;
    flex-direction: column;

    overflow: hidden;
    background-color: antiquewhite;
}
/* ----- End cascade ----- */
.trs-rnodes-item-editor-buttons-container {
    display: flex;
    justify-content: center;
    border-top: 2px solid lightgray;
}
.trs-rnodes-item-editor-buttons-container button {
    margin: 12px 10px;
}
/* ----- RClaims page ----- */
.trs-rnodes-page.trs-rnodes-page-rclaims {
    margin: 0; 
    max-width:  none;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
}
.trs-rnodes-rclaims-list, .trs-rnodes-rclaims-item {
    background-color: white;
    display: flex;
    flex-direction: column;
}
.trs-rnodes-page-rclaims .trs-rnodes-list-header {
    border-top-left-radius: 0;
    /* display: flex;
    flex-direction: column; */
}
/* Same as in Trs Analysis General.css for the analysis page. */
.trs-rnodes-rclaims-list { flex: .23; }
.trs-rnodes-rclaims-item { flex: .40; }
.trs-rnodes-rclaims-map  { flex: .37; }

.trs-rnodes-list-items.trs-rnodes-rclaims-list-items {
    overflow-x: auto;
    flex: 1;
    height: auto;
}
.trs-rnodes-item.trs-rnodes-rclaims-item {
    position: relative;
    margin: 0;
    width: auto;
    border: none;
    border-radius: 0;
    height: auto;
}
.trs-rnodes-rclaims-splitter1, .trs-rnodes-rclaims-splitter2 {
    width: 2px;
    background-color: LightGray;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    cursor: e-resize;
}
.trs-rnodes-page-rclaims .trs-rnodes-item-description-title {
    margin-right: 30px;
}
.trs-rnodes-page-rclaims .trs-rnodes-item-description {
    border-bottom: none;
}
.trs-rnodes-rclaims-map {
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: rgb(236, 239, 255);
}
.trs-rnodes-rclaims-map .trs-arg-map-title {
    font-size: 20px;
}
.trs-rnodes-rclaims-nodesheet-wrapper {
    flex: 1;
    height: 100%;
    overflow: hidden;
}
.trs-rnodes-rclaims-nodesheet {
    height: 100%;
    /* Bkg color for testing. ============= */
    /* background-color: GhostWhite;  */
}
.trs-rnodes-rclaims-map-buttonscontainer {
    border-top: 2px solid lightgray;
    background-color: white;
}