.phoenix-panel-head {
    color: var(--panel-head-font);
    font-weight: normal;
    font-style: normal;
    font-size: 1.6rem;
    text-transform: uppercase;
    line-height: 2.0rem;
}

.phoenix-panel-headline {
    color: var(--table-headline-font);
    font-weight: normal;
    font-style: normal;
    font-size: 1.6rem;
    text-transform: uppercase;
    line-height: 2.0rem;
    padding: 0 0 .3rem 0;
    position: relative;
    margin-bottom: 1rem;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.phoenix-panel-headline::before {
    content: "";
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background-color: var(--grey-light-4);
}

.phoenix-label {
    color: var(--label-font);
    font-weight: 300;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 2.0rem;
}

.phoenix-popup-content {
  margin-bottom: 1rem;
}

.phoenix-id,
.phoenix-id-long,
.phoenix-id-long-long {
    color: var(--value-mutable-font);
    font-weight: bold;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 2.2rem;
}

.phoenix-label.value-pair .phoenix-id {
    font-size: 1.8rem;
    font-weight: normal;
}

.phoenix-value {
    color: var(--value-mutable-font);
    font-weight: normal;
    font-style: normal;
    font-size: 1.8rem;
    line-height: 2.2rem;
    text-overflow: ellipsis;
}

.phoenix-text-preserve {
    white-space: pre-wrap ;
}


.phoenix-value.fixed-information {
    color: var(--value-immutable-font);
    margin-left: 1.4rem;
}

.phoenix-value.centered,
.phoenix-value.fixed-information.centered {
    text-align: center;
}

.phoenix-instruction {
    color: var(--instruction-font);
    font-weight: 300;
    font-style: italic;
    font-size: 1.6rem;
    line-height: 2.0rem;
}

.phoenix-comment {
    color: var(--comment-font);
    font-weight: 300;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 2.0rem;
}

.phoenix-comment-headline {
    color: var(--accent-1);
    font-weight: 400;
}

.phoenix-comment-subheadline {
    color: var(--accent-1);
    font-weight: 400;
    padding: 0 0 .3rem 0;
    position: relative;
    margin-bottom: 10px;
}

.phoenix-comment-subheadline::before {
    content: "";
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background-color: var(--accent-1);
}

.date-and-time-info {
    color: var(--date-and-time-font);
    font-weight: 300;
    font-style: italic;
    font-size: 1.2rem;
    line-height: 1.5rem;
}

.phoenix-user {
    color: var(--user-font);
    font-weight: normal;
    font-style: normal;
    font-size: 1.8rem;
    line-height: 2.2rem;
}

.phoenix-input-text {
    color: var(--value-mutable-font);
    font-weight: normal;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.phoenix-description {
    color: var(--label-font);
    font-weight: 300;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 2.0rem;
}

.phoenix-roles span.tag {
    color: var(--default-font);
    background-color: var(--accent-1-tint-006);
    font-weight: 300;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 2.0rem;
    text-transform: uppercase;
    padding: 4px 8px 4px 8px;
    border-radius: 5px;
    margin: 0 2px 2px 0;
}

.centered-link-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.phoenix-link {
    color: var(--medialink-default-font);
    font-weight: normal;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 2.2rem;
    text-overflow: ellipsis;
    text-decoration: none;
    text-decoration: underline;
    display: inline-block;
}

.phoenix-link::before {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.phoenix-link:hover {
    color: var(--medialink-default-font);
    font-weight: bold;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 2.2rem;
    text-overflow: ellipsis;
    text-decoration: none;
    text-decoration: underline;
    display: inline-block;
}

/*Ensures that date and time are written below each other.*/
.phoenix-date {
    word-spacing: 1000px;
}

/***********/
/*Hierarchy*/
/***********/
.hierarchy-instance {
    margin-bottom: 10px;
}

.hierarchy-instance:not(:first-of-type) {
    margin-left: 10px;
}

.hierarchy-instance .blueprint-label {
    font-family: Calibri, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hierarchy-instance .blueprint-value {
    font-family: Calibri, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1.8rem;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/**********/
/*Wrappers*/
/**********/
.phoenix-label-value-pair {
    margin-bottom: 15px;
}

.phoenix-label-value-pair-last {
    margin-bottom: 0;
}

/**************/
/*Placeholders*/
/**************/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: var(--placeholder-font) !important;
    opacity: 1;
    font-weight: 300;
    font-style: italic;
    font-size: 1.8rem;
    line-height: 2.2rem;
    vertical-align: top;
    text-indent: 1rem;
}

::-moz-placeholder { /* Firefox 19+ */
    color: var(--placeholder-font) !important;
    opacity: 1;
    font-weight: 300;
    font-style: italic;
    font-size: 1.8rem;
    line-height: 2.2rem;
    text-indent: 1rem;
}

:-ms-input-placeholder { /* IE 10+ */
    color: var(--placeholder-font) !important;
    opacity: 1;
    font-weight: 300;
    font-style: italic;
    font-size: 1.8rem;
    line-height: 2.2rem;
    text-indent: 1rem;
}

:-moz-placeholder { /* Firefox 18- */
    color: var(--placeholder-font) !important;
    opacity: 1;
    font-weight: 300;
    font-style: italic;
    font-size: 1.8rem;
    line-height: 2.2rem;
    text-indent: 1rem;
}

.phoenix-placeholder {
    color: var(--placeholder-font);
    opacity: 1;
    font-weight: 300;
    font-style: italic;
    font-size: 1.8rem;
    line-height: 2.2rem;
    text-indent: 1rem;
}

#NoPlaceholderStyle input {
    color: var(--value-mutable-font);
    font-weight: normal;
    font-style: normal;
    font-size: 1.8rem;
    line-height: 2.2rem;
    text-indent: 1rem;
}

.phoenix-muted-italic {
    --bs-text-opacity: 1;
    color: gray !important;
    font-style: italic;
}

.phoenix-vertical-radiobutton {
    padding-top: 6px;
}

.historyColumn {
    background-color: var(--panel-body-right-column-background) !important;
    border: 1px solid var(--panel-border);
    box-shadow: var(--big-shadow);
    margin-right: 2px;
}

.phoenix-grid table tbody td .error-info-font {
    color: var(--accent-1) !important;
    font-weight: normal !important;
}

/*********/
/*Success*/
/*********/
.success-font {
    color: var(--success-font);
}

/*********/
/*Warning*/
/*********/
.warning-font {
    color: var(--warning-font);
}

/*******/
/*Alert*/
/*******/
.alert-content {
    color: var(--alert-body-font);
}

/**********/
/*Inactive*/
/**********/
.phoenix-inactive > * {
    color: var(--inactive-font) !important;
}

/**********/
/*Links*/
/**********/
.notbar-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 80%;
}