/*
 * Copyright (C) 2005 - 2023 TIBCO Software Inc. All rights reserved.
 * http://www.jaspersoft.com.
 *
 * Unless you have purchased a commercial license agreement from Jaspersoft,
 * the following license terms apply:
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program. If not, see <http://www.gnu.org/licenses/>.

/* --------------------------------------
   TABLE OF CONTENTS

    1. BASE STYLES
       1a. General styles
       1b. Column-specific styles
       1c. Edit mode

    2. MANAGE ORGANIZATIONS AND USERS
       2a. Shared styles
       2b. Organizations
       2c. Users

    3. SERVER SETTINGS
       3a. Shared styles
       3b. Server attributes
       3c. Restore defaults

    4. MISCELLANEOUS/UNKNOWN
  -----------------------------------
    File last modified May 15, 2023
  -----------------------------------  */


/* ------------------------------------ */
/*  1. BASE STYLES, ATTRIBUTES TABLE    */
/* ------------------------------------ */
/*  1a. General styles                  */
/* ------------------------------------ */
.baseTable {
    background-color: transparent;
}

/*.baseTable .table-row {
    height: 100%;
    width: 100%;
} Not sure why this is needed. Remove if there are no issues. */

.baseTable .table-row:after {
    /* clearfix */
    clear: both;
    content: "";
    display: table;
}

.baseTable .table-row.thead {
    border-bottom: none;
}

.baseTable .tbody .table-row {
    border-bottom: 1px solid var(--border-grey-10);
}

.baseTable .table-column {
    float: left;
    font-weight: normal;
    height: 32px;
    min-width: 50px;
    text-align: left;
    vertical-align: middle;
}

.baseTable .table-column:not(.actions) .item {
    line-height: 32px;
}

.baseTable > .thead .table-column {
    border-bottom: 1px solid var(--border-grey-10);
    text-overflow: ellipsis;
}

.baseTable .table-column p,
.baseTable .table-column input,
.baseTable .table-column select {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.baseTable .table-column p {
    margin-bottom: 0;
}

.baseTable .actionButtons {
    margin-left: auto;
    margin-right: auto;
    width: 60px;
}

.baseTable .actionButtons span {
    display: inline-block;
}

.baseTable .button.simple.action.over,
.baseTable .button.simple.action.pressed {
    background-color: transparent;
}

.baseTable .error > .message.warning {
    max-width: 310px;
}

.readOnly .addNewItem,
.readOnly .actions,
.readOnly .filtersContainer {
    display: none;
}

.baseTableContainer .addNewItem:before {
    background-image: url(images/disclosure_indicators_icons_sprite.svg);
    background-position: -31px -449px;
    background-repeat: no-repeat;
    background-size: 170px;
    content: "";
    height: 13px;
    left: 0;
    position: absolute;
    width: 13px;
}

.baseTableContainer .addNewItem {
    color: var(--theme-medium-dark);
    display: block;
    font-family: source_sans_prosemibold, Franklin Gothic, Verdana, Arial, sans-serif;
    font-size: 13px;
    left: 0;
    margin: 10px;
    padding-left: 18px;
    position: relative;
}

/*  ---------------------------  */
/*  1b. Column-specific styles   */
/*  ---------------------------  */
/* .baseTable .table-column.owner .item - can't find this in use anywhere */
.baseTable .thead .table-column.secure .item,
.baseTable .table-column.name .item,
.baseTable .table-column.value .item,
.baseTable .table-column.inherited .item,
.baseTable .table-column.permission .item {
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
}

.baseTable .table-column.secure .item {
    text-align: center;
}

.baseTable .table-column.secure input {
    display: block;
    margin: 10px auto 0 auto;
}

.baseTable .table-column.actions {
    line-height: 0;
    min-width: 60px;
    position: absolute; /* prevents buttons from wrapping on narrow browser widths */
    right: 3px;
}

.baseTable .table-column.permission {
    padding: 0 5px;
}

.baseTable .table-column.permission .item {
    margin: 0;
}

.baseTable .tbody .table-column.permission .item {
    margin-top: 8px;
}

.baseTable .tbody .table-column.name .item p,
.baseTable .tbody .table-column.value .item p {
    white-space: pre;
}

.baseTable .table-column.actions button {
    height: 24px;
    margin: 4px 0 0 4px;
    width: 24px;
}

.baseTable .table-column.actions button.edit {
    background-position: 2px -328px;
}

.baseTable .table-column.actions button.delete {
    background-position: 2px -538px;
}

/*  ----------------  */
/*  1c. Edit mode     */
/*  ----------------  */
.baseTable .table-row > .editMode {
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
}

.baseTable .editMode .firstInputGroup {
    display: inline-block;
    margin-bottom: 0;
    min-height: 65px;
    width: 100%;
}

.baseTable .editMode .name,
.baseTable .editMode .value {
    float: left;
    margin-bottom: 0;
    width: 50%;
}

.baseTable .editMode .name {
    padding-right: 24px;
}

.baseTable .editMode .value {
    padding-right: 0;
}

.baseTable .editMode .permission {
    float: left;
    height: 100%;
    position: static;
}

.baseTable div.editMode label.descriptionArea {
    width: 100%;
}

.baseTable .editMode .name input,
.baseTable .editMode .value input,
.baseTable .editMode .descriptionArea input {
    margin-top: 5px;
    padding: 5px;
    width: 100%;
}

.descriptionArea textarea {
    margin-top: 5px;
} /* can't find any instances of this element */

.baseTable .editMode .permission select {
    margin-right: 32px;
    min-width: 110px;
    width: auto;
}

.baseTable .editMode .secure {
    float: left;
    margin-top: 4px;
    padding: 6px 0 0 0;
    width: auto;
}

.tenant .baseTable .editMode .secure {
    padding-top: 15px;
}

.baseTable .editMode .actions {
    float: right;
    margin-top: 12px;
}

.baseTable .editMode .secure input {
    display: inline;
    float: left;
    left: 0;
    margin: 0 5px 0 0;
    position: relative;
    top: 0;
}

.baseTable .editMode .secure .wrap {
    display: block;
    float: left;
}


/* ------------------------------------- */
/*  2. MANAGE ORGANIZATIONS AND USERS    */
/* ------------------------------------- */
/*  2a. Shared styles                    */
/* ------------------------------------  */
.tenant > .baseTable > .thead,
.user > .baseTable > .thead {
    background-color: var(--background-grey-08);
}

.tenant > .baseTable .table-column ,
.user > .baseTable .table-column {
    color: #666666;
    font-family: source_sans_proregular, Franklin Gothic, Verdana, Arial, sans-serif;
    font-size: 13px;
}

.attributesViewer .tenant,
.attributesViewer .user {
    border: 1px solid var(--border-grey-10);
    border-bottom: none;
    margin: -8px 10px 20px 10px;
}

.attributesViewer .baseTable .table-column.viewer .item {
    text-align: left;
}

.attributesViewer .baseTable .tbody .table-column.secure.viewer .item {
    margin-right: 5px;
    margin-left: 5px;
}

.attributesDesigner .filtersContainer + .tenant,
.attributesDesigner .filtersContainer + .user {
    margin-top: 34px;
}

.filtersContainer {
    background-color: var(--background-grey-08);
    color: #666666;
    font-family: source_sans_prosemibold, Franklin Gothic, Verdana, Arial, sans-serif;
    height: 32px;
    margin: 0;
    padding-top: 7px;
    padding-left: 6px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.filtersContainer span {
    font-family: inherit;
    font-size: 13px;
}

.filtersContainer .filterItems {
    display: inline-block;
    margin-top: 0;
    width: auto;
}

/*  ------------------  */
/*  2b. Organizations   */
/*  ------------------  */
.tenant .table-column.name,
.tenant .table-column.value,
.tenant .table-column.permission {
    width: 20%;
}

.tenant .table-column.secure {
    width: 13%;
}

.tenant .table-column.inherited {
    width: 13%;
}

.tenant .table-column.actions {
    width: 12%;
}

.tenant .baseTable .table-column.actions button {
    width: 22px;
}

.attributesViewer .tenant .table-column.name.viewer,
.attributesViewer .tenant .table-column.value.viewer {
    width: 23%;
}

.attributesViewer .tenant .table-column.permission.viewer {
    width: 25%;
}

/*  -----------  */
/*  2c. Users    */
/*  -----------  */
.user .table-column.name {
    width: 30%;
}

.user .table-column.value {
    width: 25%;
}

.user .table-column.secure {
    width: 17%;
}

.user .table-column.inherited {
    width: 15%;
}

.user .table-column.actions {
    width: 13%;
}

.attributesViewer .user .table-column.value.viewer {
    width: 30%;
}

.attributesViewer .user .table-column.secure.viewer {
    width: 20%
}

.attributesViewer .user .table-column.inherited.viewer {
    width: 20%;
}


/* ------------------------- */
/*  3. SERVER SETTINGS       */
/* ------------------------- */
/*  3a. Shared styles        */
/* ------------------------- */
.attributes .baseTableContainer,
.resetSettings .baseTableContainer {
    border: 1px solid #e4e4e4;
    border-collapse: separate;
    border-radius: 3px;
    position: relative;
    width: 100%;
}

.attributes .baseTableContainer .table-row.over,
.resetSettings .baseTableContainer .table-row.over {
    background-color: #efefef;
}

.server .thead,
.resetSettingsTable .thead {
    background-color: var(--background-grey-03);
}

.server .thead .table-column,
.resetSettingsTable .thead .table-column {
    color: #212121;
    font-family: source_sans_prosemibold, Franklin Gothic Medium, Verdana, Arial, sans-serif;
    font-size: 13px;
}

.server .table-column.name .item,
.resetSettingsTable .table-column.name .item {
    margin-left: 8px;
}

/* -------------------------- */
/*  3b. Server attributes     */
/* -------------------------- */
#serverAttributes #settings {
    min-width: 675px;
}

.server .table-column.name {
    width: 30%;
}

.server .table-column.value {
    width: 30%;
}

.server .table-column.secure {
    width: 15%;
}

.server .table-column.permission {
    width: 15%;
}

.server .table-column.inherited,
.server .table-column.actions {
    width: 10%;
}

.server .editMode .secure {
    padding-top: 16px;
}

/*  ---------------------  */
/*  3c. Restore defaults   */
/*  ---------------------  */
.resetSettingsTable .table-row .table-column.name,
.resetSettingsTable .table-row .table-column.value {
    width: 48%;
}

.resetSettingsTable .table-row .table-column.actions {
    width: 7%;
}

.resetSettingsTable .actionButtons {
    width: 28px;
}

.resetSettingsTable .tbody .table-row:last-of-type {
    border-bottom: none;
}


/* ---------------------------- */
/*  4. MISCELLANEOUS/UNKNOWN   */
/* ---------------------------- */
.emptyTemplateMessage {
    margin-top: -5px;
    margin-left: 20px;
}

.confirmationDialog .subcontainer {
    word-wrap: break-word;
}

.confirmationDialog .welcome {
    word-wrap: break-word;
}