/* Main Body Background*/
/*----------------------------------------------*/
.stws-theme-background {
    background-color: var(--bg-colour);
}

.stws-index-background {
    background-color: var(--index-bg-color);
}

/* Default Text Colour */
/* not(.row *) -> hack for CodeMirror */
*:not(.row *, .alert, .date *, input, textarea, select, .form-control *, .popover-header, .popover-body, button, button *, .context-menu-list *, div.ant-picker-dropdown *, div.ant-picker-dropdown-range *, div.ant-table *, .codemirror *, .exclude-theme *) {
    color: var(--text-main-colour);
}

/* Code Mirror Colour */

.cm-line {
    color: black;
}

/* Main Text Style*/
/*----------------------------------------------*/
.stws-theme-text-main {
    color: var(--text-main-colour);
}

/* Table Styles */
/*----------------------------------------------*/
.table {
    color: var(--text-main-colour);
    background-color: var(--table-colour);
}

table > thead > tr {
    background-color: var(--table-head-colour);
}

table.table-hover tbody tr:hover {
    color: var(--table-row-hover-color);
    background-color: var(--table-row-hover-background);
}

table.table-bordered td, table.table-bordered th {
    border: solid 1px var(--table-border-colour);
}

table > tbody > tr.header-row {
    background-color: var(--table-sub-heading);
}

.number-column {
    background-color: var(--ob-action-column-bg);
}


.row-action-column {
    background-color: var(--ob-action-column-bg);
}

/* Modal Style */
/*----------------------------------------------*/
.modal > .modal-dialog > .modal-content {
    background: var(--modal-background-colour);
    border: solid 1px var(--modal-border-colour);
}

/* feedback comment modal */
div#comment-modal {
    background-color: var(--modal-background-colour);
    border: solid 1px var(--modal-border-colour);
}

/* Fixed Buttons */
/*----------------------------------------------*/

#fixed-button-container-actions {
    background-color: var(--fixed-button-background);
    border-color: var(--fixed-button-border);
}

/* Occurrencebook/Evidencebank UI */
/*----------------------------------------------*/
div#side-background {
    background-color: var(--bg-colour);
}

#header-table .row-action-column, #header-table .number-column {
    background-color: var(--ob-action-column-header);
    z-index: 1;
}

.table-selected-row > td:not(.number-column, .row-action-column) {
    background-color: var(--ob-table-selected-row) !important;
}

.sort-column {
    background-color: var(--ob-sort-column-header);
}

#top-ui-wrapper {
    background-color: var(--ob-top-ui-bg);
    border-bottom: solid 1px var(--ob-top-ui-border);
}
/* Feedback */
#comments-container .feedback-field {
    background-color: var(--ob-feedback-comment-bg);
}

/* Runtime */
/*----------------------------------------------*/
div#navbar > div#runtime-desktop-status-icon * {
    color: white !important;
}

div.tooltip * {
    color: white !important;
}

/* Input Group Label */
/*----------------------------------------------*/
.input-group > .input-group-prepend > .input-group-text {
    background-color: var(--input-group-colour);
    border: solid 1px var(--input-group-border);
}
/* Multiselect */
.ms-container label {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    padding-bottom: 0.5rem;
    color: var(--text-main-colour);
    background-color: var(--bg-colour);
}

.ms-container input, .ms-container ul.ms-list > li > span {
    color: black;
}
/* CodeMirror */
/*div.CodeMirror > div.CodeMirror-scroll {
    color: black;
}*/
/* Datetime picker */
.bootstrap-datetimepicker-widget * {
    background-color: white;
    color: black;
}
/* Popconfirm */
.popover * {
    color: black;
}

.popover button {
    color: white;
}
/* Fixed Nav Buttons */
#fixed-button-wrapper #fixed-button-container-scroll > button > i {
    color: white;
}