/*
 * Copyright (C) 2005 - 2025 Cloud Software Group, Inc. All Rights Reserved. Confidential & Proprietary.
 * Licensed pursuant to commercial Cloud Software Group, Inc. End User License Agreement.
 */

/* --------------------------------------
   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 Aug 28, 2024
  -----------------------------------  */


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

.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(--jrs-theme-medium);
    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: var(--text-light);
    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: var(--text-light);
    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 var(--border-grey-10);
    border-collapse: separate;
    border-radius: 3px;
    position: relative;
    width: 100%;
}

.attributes .baseTableContainer .table-row.over,
.resetSettings .baseTableContainer .table-row.over {
    /* background-color: #efefef; replaced with different color variable below, aug 2024 */
    background-color: var(--background-grey-04) /* #f4f4f4 */
}

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

.server .thead .table-column,
.resetSettingsTable .thead .table-column {
    color: var(--text-dark);
    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;
}