/* --------------- Admin Page ---------- */
.trs-admin-page {
    display: flex; /* Default is row. */
    height: 100%;
}
/* ----- Left column. */
/* .trs-admin-items {
    padding: 20px 0;
    width: 190px;
    font-size: 16px;
    background-color: GhostWhite;
    border-right: 1px solid LightSkyBlue;
    overflow: hidden;
}
.trs-admin-item {
    margin: 0 10px;
    padding: 10px 0 10px 14px;
    border-radius: 50px;
    cursor: default;
}
.trs-admin-item:not(.trs-admin-item-current):hover {
    background-color: LightBlue;
}
.trs-admin-item-current {
    background-color: var(--bg-color-menu-selected);
    color: white;
} */
/* ----- Right column. */
.trs-admin-panel {
    flex: 1;       /* To take up all remaining space to right of items list. */
    display: flex; /* For children. */
    font-size: 14px;
}
.trs-admin-panel .trs-content { /* For User Profile stub in. */
    max-height: 200px;
    margin-top: 100px;
}
.trs-admin-list-container, .trs-admin-edit-container, 
    .trs-admin-options-container, .trs-admin-users-addtext-container {
    display: flex;
    flex-direction: column;    
    margin: 15px;
    background-color: white;
    border-radius: 15px;
    border: 2px solid var(--rounded-border-color-standard);
    overflow: hidden;
}
.trs-admin-list-title {
    padding: 3px;
    text-align: center;
    background-color: WhiteSmoke;
    border-bottom: 1px solid LightGray;
}
.trs-admin-panel-item-row {
    padding: 0 5px;
    cursor: default;
    outline: none;
}
.trs-admin-panel-item-row-current {
    background-color: LightSeaGreen;
    color: white;
}
.trs-admin-panel-item-row:not(.trs-admin-panel-item-row-current):hover {
    background-color: #dff7f6;
}
.trs-admin-list-buttonbar {
    border-top: 1px solid LightGray;
}
.trs-admin-edit-title {
    margin: 6px 0 4px 0;
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    color: var(--rounded-border-color-standard);
}
/* ----- Countries -----  */
.trs-admin-countries-list-items {
    flex: 1;
    width: 300px;
    overflow-x: auto;
}
.trs-admin-countries-edit-container {
    margin-left: 0;
    max-width: 400px;
    max-height: 300px;
}
.trs-admin-countries-edit-fields {
    flex: 1;
    padding: 50px 10px 0 10px;
    font-size: 14px;    
}
.trs-admin-countries-edit-name-label { margin: 10px 0 5px 0; }
.trs-admin-countries-edit-name-input { width: 300px; font-size: 14px; }

/* ----- Organizations -----  */
.trs-admin-orgs-list-items {
    flex: 1;
    width: 300px;
    overflow-x: auto;
}
.trs-admin-orgs-edit-container {
    margin-left: 0;
    max-width: 400px;
    max-height: 450px;
}
.trs-admin-orgs-edit-fields {
    flex: 1;
    padding: 10px 10px 0 10px;
    font-size: 14px;    
}
.trs-admin-orgs-edit-fields input { font-size: 14px; }

.trs-admin-orgs-edit-name-label { margin: 10px 0 5px 0; }
.trs-admin-orgs-edit-name-input { width: 300px; }

.trs-admin-orgs-edit-contactperson-label { margin: 30px 0 5px 0; }
.trs-admin-orgs-edit-contactperson-input { width: 250px; }

.trs-admin-orgs-edit-contactemailaddress-label { margin: 10px 0 5px 0; }
.trs-admin-orgs-edit-contactemailaddress-input { width: 250px; }

.trs-admin-orgs-edit-contactphonenumber-label { margin: 10px 0 5px 0; }
.trs-admin-orgs-edit-contactphonenumber-input { width: 250px; }

.trs-admin-orgs-edit-countriesid-label  { margin: 30px 0 5px 0; }
.trs-admin-orgs-edit-countriesid-select { min-width: 250px; }

/* ----- Users -----  */
.trs-admin-users-button-delete { display: none; }
.trs-admin-users-list-items {
    flex: 1;
    min-width: 300px;
    overflow-x: auto;
}
.trs-admin-users-edit-container {
    margin-left: 0;
    min-width: 420px;
    max-height: 540px;
}
.trs-admin-users-edit-fields {
    flex: 1;
    padding: 0 10px 0 10px;
    font-size: 14px;    
}
/* .trs-admin-users-edit-fields input, .trs-admin-users-edit-password-input { font-size: 14px; } */

.trs-admin-users-edit-name-label { margin: 5px 0 3px 0; }
.trs-admin-users-edit-name-input { width: 300px; }

.trs-admin-users-edit-emailaddress-label { margin: 15px 0 3px 0; }
.trs-admin-users-edit-emailaddress-input { width: 300px; }

.trs-admin-users-edit-organizationsid-label, .trs-admin-users-edit-userrole-label { width: 100px; }

.trs-admin-users-edit-organizationsid-label  { display: inline-block; margin: 15px 0 3px 0; }
.trs-admin-users-edit-organizationsid-select { display: inline-block; min-width: 200px; margin-bottom: 5px; }

.trs-admin-users-edit-userrole-label  { display: inline-block; margin: 15px 0 3px 0; }
.trs-admin-users-edit-userrole-select { display: inline-block; min-width: 200px; margin-bottom: 20px; }

.trs-admin-users-edit-lastlogondate-box   { margin-bottom: 20px; }
.trs-admin-users-edit-lastlogondate-label { display: inline-block; width: 130px; margin: 0 0 3px 0; }
.trs-admin-users-edit-lastlogondate-value { display: inline-block; min-width: 200px; }

.trs-admin-users-edit-is-box { padding: 2px 8px; border: 1px solid #ababab; background: GhostWhite; }
.trs-admin-users-edit-is-box div { margin: 5px 0; }
.trs-admin-users-edit-is-box input, .trs-admin-users-edit-showpassword-box input { 
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}
.trs-admin-users-edit-is-box label {  font-size: 13px; }

.trs-admin-users-edit-password-instructions {
    float: right;
    margin-top:15px;
    width: 240px;
    font-size: 13px;
    color: Gray;
}
/* The two pwd fields use the same styles. */
.trs-admin-users-edit-password-label { margin: 10px 0 5px 0; }
.trs-admin-users-edit-password-input { width: 140px; }

#trs-admin-users-edit-password-strength {
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
}
.trs-admin-users-edit-showpassword-box { margin-top: 10px; }
.trs-admin-users-edit-showpassword-box label { margin: 15px 0 3px 0; font-size: 13px; }

/* ----- Users far right panel for options ----- */
.trs-admin-users-options-container {
    margin-left: 0;
    padding: 0 10px 0 10px;
    min-height: 140px;
}
.trs-admin-users-options-container .trs-admin-edit-title,
    .trs-admin-users-addtext-container .trs-admin-edit-title { font-size: 17px; }
.trs-admin-users-options-organizationsid-label  { margin: 20px 0 5px 0; }
.trs-admin-users-options-organizationsid-select { min-width: 250px; margin-bottom: 20px; }

.trs-admin-users-addtext-container { 
    margin-left: 0;
    padding: 0 10px 25px 10px;
    font-size: 14px; 
    width: 250px;
    max-height: 200px;
}
.trs-admin-users-addtext-container .trs-admin-edit-title { margin-bottom: 10px; }

/* ----- Thiwnk mods to tingle library ----- */
.tingle-modal-box__content {
    overflow: auto;
}
/* ----- Patterns ------------------------------------------------------------ */
.trs-patterns-tabs {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    background-color: #ddddfb;
}
.trs-patterns-tabsetcontainer {
    font-family: var(--font-sans-serif);
}
.trs-patterns-list-tab-impact {
    padding: 0 10px;
}
.trs-patterns-list-tab-impact p {
    margin: 7px 0;
}
.trs-patterns-list-row-data-container {
    flex: 1;
    overflow-y: scroll;
    cursor: pointer;
}
.trs-patterns-list-row {
    padding: 2px 0;
    font-size: 11px;
    border-bottom: 1px solid lightgray;
    outline: none;
}
.trs-patterns-list-row:not(.trs-sortablelist-row-selected):hover {
    background-color: lightgray;
}
.trs-patterns-list-row div {
    display: inline-block;
}
.trs-patterns-list-row-header-container {
    display: flex;
    min-width: 375px;
    padding: 0;
    line-height: 12px;
    background-color: lightgray;
    border-bottom: 1px solid gray;
}
.trs-patterns-list-row-header {
    padding-top: 2px;
    padding-bottom: 2px;
}
.trs-patterns-list-row-header:hover {
    background-color: wheat;
    cursor: pointer;
}
.trs-patterns-list-row-header:active {
    background-color: #ffa600;
    cursor: pointer;
}
.trs-sortablelist-row-selected {
    color: white;
    background-color: #008881;
    border-bottom: 1px solid #008881;
}
.trs-patterns-list-row-data-line5 {
    border-bottom: 2px solid #b5b5b5;
}
.trs-patterns-list-row-data-line10 {
    border-bottom: 2px solid gray;
}
.trs-patterns-list-footer {
    padding: 3px 10px 5px 10px;
    font-size: 11px;
    text-align: left;
    border-top: 1px solid gray;
}
/* .trs-patterns-list-column1 {
    width: 155px; 
    margin-left: 10px;
}
.trs-patterns-list-column2 {
    width: 40px; 
    text-align: center;
}
.trs-patterns-list-column3 {
    width: 30px; 
    text-align: right;
}
.trs-patterns-list-column4 {
    width: 30px; 
    margin-left: 10px;
    text-align: right;
}
.trs-patterns-list-column5 {
    width: 45px; 
    margin-left: 12px;
    text-align: right;
} */
/* ----- Set Source CR ------------------------------------------------------------ */
.trs-sourcecr-list-title-container {
    background-color: WhiteSmoke;
    border-bottom: 1px solid LightGray;    
}
.trs-sourcecr-list-title-maintitle, .trs-sourcecr-list-title-did, 
    .trs-sourcecr-list-title-cr, .trs-sourcecr-list-title-uc {
    display: inline-block;
    padding: 3px;
    text-align: center;
}
.trs-sourcecr-list-title-maintitle {
    margin-left: 50px;
}
.trs-sourcecr-list-title-did, .trs-sourcecr-list-title-cr, .trs-sourcecr-list-title-uc {
    float: right;
}
.trs-sourcecr-list-title-did { margin-right: 10px; } 
.trs-sourcecr-list-title-cr  { margin-right: 15px; }
.trs-sourcecr-list-title-uc  { margin-right: 8px;  }

.trs-sourcecr-row-name, .trs-sourcecr-row-did, .trs-sourcecr-row-cr, .trs-sourcecr-row-uc {
    display: inline-block;
}
.trs-sourcecr-row-did, .trs-sourcecr-row-cr, .trs-sourcecr-row-uc {
    float: right;
    text-align: right;
}
.trs-sourcecr-row-name { width: 220px; }
.trs-sourcecr-row-did  { width: 40px;  }
.trs-sourcecr-row-cr   { width: 48px;  }
.trs-sourcecr-row-uc   { width: 30px;  }

.trs-sourcecr-label-default, .trs-sourcecr-input-default, .trs-sourcec-select-default,
    .trs-sourcecr-label-inline {
    font-size: 12px;
}
.trs-sourcecr-label-inline {
    display: inline;
}
.trs-sourcecr-rightpanel-tabtextarea {
    width: 100%;
    height: 100%;
    border: none;
    font-family: var(--font-sans-serif);
    outline: none;
    resize: none;
    overflow-y: scroll;
}
.trs-sourcecr-rightpanel-tabsetcontainer {
    overflow-y: unset;
}
.trs-sourcecr-patternsbox-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;

    margin: 7px 0;
    padding: 7px;
    border: solid 1px gray;
    border-radius: 10px;
    background-color: ghostwhite;
}
.trs-sourcecr-label-data-unchangeable {
    display: inline-block;
    width: 40px;
    padding: 0 5px;
    border: solid 1px gray;
    background-color: #f1f1f1; /* Very light gray. */
    text-align: center;
    line-height: 14px;
}
.trs-sourcecr-patternsbox-dataline {
    margin-top: 6px;
}
.trs-sourcecr-patternsbox-tabsetcontainer {
    border: solid 1px gray;
    height: 127px; /* If too small a line under current tab appears. */
    overflow-y: unset;
    font-family: var(--font-sans-serif); 
}
.trs-sourcecr-patternsbox-tabsetcontainer p {
    margin: 4px 0 0 0;
    font-size: 10.5px;
    font-family: var(--font-sans-serif);
    line-height: 15px;
    letter-spacing: -.2px;
}
.trs-sourcecr-rightpanel-container {
    flex: 1; 
    display: flex;
    flex-direction: column;
    position: relative;

    margin-left: 0;
    min-width: 300px; 
    max-width: 700px;
    border-radius: 15px;
    border: 2px solid var(--rounded-border-color-standard);
    overflow: hidden;
}
/* .trs-sourcecr-rightpanel-tabsetcontainer p {
    font-size: 13px;
} */
.trs-sourcecr-rightpanel-paragraphcount, .trs-sourcecr-rightpanel-wordcount {
    position: absolute;
    font-size: 11px;  
    right: 12px;
}
.trs-sourcecr-rightpanel-paragraphcount { top: 35px; }
.trs-sourcecr-rightpanel-wordcount      { top: 19px; }

.trs-sourcecr-rightpanel-tabset {
    display: flex;
    flex-direction: column;
    flex: 1;
    /* margin-bottom: 7px; */
}
.trs-sourcecr-flex-column {
    flex-direction: column;
    display: flex;
}
.trs-sourcecr-tabreadonly { /* Duplicate part of mce-content-body p */
    /* font-family: georgia,"times new roman",times,serif;
    font-size: 17px;
    line-height: 22px; */
    height: 100%;
    margin-right: -4px;
    padding-right: 5px;
    overflow-y: scroll;
}
.trs-sourcecr-tabreadonly a {
    text-decoration: none;
}
/* .trs-sourcecr-tabtexteditor-articletitles-wrapper, 
.trs-sourcecr-tabtexteditor-articles-wrapper, 
.trs-sourcecr-tabtexteditor-comments-wrapper {
    margin: 0px -6px;
} */
/* ----- Patterns of Deception box ------------------------------------------------------------ */
.trs-podbox-container {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.trs-podbox-row-headings {
    margin: 3px 0 2px 0;
    font-size: 13px;
}
.trs-podbox-row-headings div {
    display: inline-block;
}
.trs-podbox-box-for-rows {
    flex: 1;
    border: solid 1px gray;
    padding: 2px 0 3px 7px;
    overflow-y: scroll;
    background-color: white;
}
.trs-podbox-row-container {
    font-size: 12px;
}
.trs-podbox-row-container div {
    display: inline-block;
}
/* ----- Analyze source marks --------------------------------------------------------------------- */
.trs-splitter-horizontal {
    height: 2px;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    background-color: LightGray;
    cursor: n-resize;
}
/* ----- Page layout ----- */
.trs-anamarks-container{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: white;
}
.trs-anamarks-panel-top {
    display: flex;
    width: 100%;
    flex: 1;
}
.trs-anamarks-panel-bottom {
    width: calc(100vw - 162px);
    transition: width .5s;
    /* height: 295px; */
    background-color: antiquewhite;
}
.trs-anamarks-panel-left {
    display: flex;
    flex-direction: column;
    /* position: relative; */
    width: 500px;
    padding-top: 10px;
    border-right: solid 1px darkgray;
    background-color: #f5f5f5; /* Very light gray. */
}
.trs-anamarks-panel-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #f5f5f5; /* Very light gray. */
}
.trs-anamarks-panel-right-header-title {
    margin-top: 3px;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    color: var(--rounded-border-color-standard);
}
.trs-anamarks-info {
    text-align: right;
}
.trs-anamarks-panel-right-header-line2 {
    padding: 0 5px 0 5px;
    font-size: 12px;
}
.trs-anamarks-panel-right-upper {
    flex: 1;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    /* height: 100%; */
}
/* ----- Other ----- */
.trs-anamarks-leftpanel-tabsetcontainer {
    overflow-y: unset;
}
.trs-anamarks-paragraph-container {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.trs-anamarks-paragraph-source-select {
    width: calc(100% - 10px);
    margin-left: 10px;
    font-size: 12px;
}
.trs-anamarks-paragraph {
    flex: 1;
    margin: 5px 0 0 10px;
    padding: 5px;
    /* width: 200px; */
    border: solid 1px lightgray;
    border-bottom: none;
    background-color: white;
    font-family: var(--font-serif);
    font-size: 15px;
    line-height: 20px;
    overflow-x: auto;
}
.trs-anamarks-sourcetab-header {
    padding: 10px;
}
.trs-anamarks-sourceselect {
    /* width: 300px; */
    display: inline-block; /* Doesn't yet matter since only element in container. */
}
.trs-anamarks-sourcetab-text {
    flex: 1;
    padding: 10px;
    overflow-y: scroll;
}
.trs-anamarks-headercheckbox {
    margin: 0 5px 0 0;
    display: inline-block;
}
.trs-anamarks-elementnumber {
    margin: 0 15px 0 5px;
    display: inline-block;
}
:root { 
    --anamarks-color-tab1:  #e1f3ff; /* Light blue */
    --anamarks-color-tab2:  #a6dcda; /* Light green */
    --anamarks-color-tab3:  #ffe6e6; /* Light pink */
}
/* So far these are used only once in a class, so we don't need constants. ===== */
.trs-anamarks-color-tab1 { background-color: var(--anamarks-color-tab1); }
.trs-anamarks-color-tab2 { background-color: var(--anamarks-color-tab2); }
.trs-anamarks-color-tab3 { background-color: var(--anamarks-color-tab3); }

.trs-anamarks-mark {
    /* margin: 0 4px; */
    padding: 1px 5px;
}
.trs-anamarks-mark-highlight { 
    padding: 0px 4px;
    border: 1px solid gray;
    background-color: yellow; 
}
/* ----- Simple grid ----------------------------------------- */
.trs-sgrid-container {
    background-color: var(--bg-color-title-verylightgray);
    white-space: nowrap;
    border-bottom: 1px solid lightgray;
}
.trs-sgrid-rows-container {
    overflow-y: scroll;
}
.trs-sgrid-columns-row {
    display: flex;
    border-bottom: 1px solid gray;
    background-color: lightgray;
    overflow-y: scroll;
}
.trs-sgrid-columns-row > div {
    padding: 2px 0;
    border-right: 1px solid darkgray; 
}
.trs-sgrid-column, .trs-sgrid-cell {
    overflow: hidden;
    text-overflow: ellipsis;
} 
.trs-sgrid-column { /* First style causes two line column names to work well. */
    white-space: pre-wrap;
    font-size: 13px;
    /* font-weight: bold; */
}
.trs-sgrid-row {
    display: flex;
    border-bottom: 1px solid gray;
}
.trs-sgrid-row-oddnumber { background-color: ghostwhite; }

.trs-sgrid-row-selected {
    background-color: darkslategray;
    color: white;
}
.trs-sgrid-cell {
    padding: 2px 3px;
    font-size: 13px;
    border-right: 1px solid darkgray;
}
.trs-sgrid-cell-highlight {
    background-color: lightyellow;
}
.trs-sgrid-row-selected .trs-sgrid-cell-highlight {
    color: black;
}
.trs-sgrid-cellforhover {
    cursor: pointer;
}
.trs-sgrid-cellforhover:hover {
    background-color: darkgrey;
}