/*=============================================================================
 * PrimeFaces custom icons
 *=============================================================================*/

/* status icon colors */
.csIconActiveColor {
    color: rgb(8,231,0);
    background-color: rgb(8,231,0);
    font-size: 0.6rem !important;
}
.csIconProposalColor {
    color: rgb(255,204,0);
    background-color: rgb(255,204,0);
    font-size: 0.6rem !important;
}
.csIconDeletedColor {
    color: rgb(232,76,61);
    background-color: rgb(232,76,61);
    font-size: 0.6rem !important;
}
.csIconArchivedColor {
    color: rgb(200,200,200);
    background-color: rgb(200,200,200);
    font-size: 0.6rem !important;
}

.csIconCheckedColor {
    color: rgb(8,231,0);
}

.csStatusIconMargin {
    margin-right: 10px;
}

.csIconIntegrityOkColor {
    color: rgb(0,180,0);
    font-size: 1rem !important;
}

.csIconIntegrityUnknownColor {
    color: rgb(180,180,180);
    font-size: 1rem !important;
}

.csIconIntegrityWarningColor {
    color: rgb(255,204,0);
    font-size: 1rem !important;
}

.csIconIntegrityErrorColor {
    color: rgb(232,76,61);
    font-size: 1rem !important;
}

.csTruncate {
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;

}

/*=============================================================================
 * command links on page footer
 *=============================================================================*/
body a.ui-widget.footerLinkHeader, body a.footerLinkHeader {
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #808081;
    white-space: nowrap;
    text-decoration: none;
}

a.footerLinkHeader:hover {
    text-decoration: underline;
}

a.footerLinkHeader:visited {
    color: #808081;
}
/*=============================================================================*/

/* style for link text when classification/version/code is in deleted state */
body td a.deletedLink {
    text-decoration: line-through;
    color: red;
}
body td a.ui-widget.deletedLink {
    text-decoration: line-through;
    color: red;
}

/* style for link text when classification/version/code is in proposal state */
body td a.proposalLink {
    font-style: italic;
}
body td a.ui-widget.proposalLink {
    font-style: italic;
}

/* style for link text when classification/version/code is not currently valid */
body td a.notValidLink {
    color: red;
}

/*=============================================================================*/

/* style for concept code id and name on code selection dialog when concept code is in deleted state */
body td .deletedConceptCode {
    text-decoration: line-through;
    color: red;
}

/* style for concept code id and name on code selection dialog when concept code is in proposal state */
body td .proposalConceptCode {
    font-style: italic;
}

/* style for concept code id and name on code selection dialog when concept code is not currently valid */
body td .notValidConceptCode {
    /* color: lightblue; */
    color: red;
}

/*=============================================================================
 * Messages
 *=============================================================================*/
/*.infoMessages {
    font-size: 13px;
    font-weight: bold;
    color: #454545;
    display: table-cell;
}

.errorMessages {
    font-size: 13px;
    color: red;
    font-weight: bold;
}*/
/*=============================================================================*/

/* Smaller selection buttons, such as for lists */
body .ui-button.buttonSmall .ui-button-text {
    padding: 0.2em 0.5em;
}
body .ui-button.buttonSmall {
    margin-top: 0;
    margin-right: 0;
}

/* Smaller selection buttons, such as for lists, with icon on left */
body .ui-button.buttonSmallWithIcon .ui-button-text {
    padding: 0.2rem 0.5rem 0.3rem 2rem;
}
body .ui-button.buttonSmallWithIcon {
    margin-top: 0;
    margin-right: 0;
}

/* page header quick search */
body #headerForm\:id_quickFindToolbar {
    background-color: #ffffff;
    border: 0 none;
    padding: 0;
}

/* page header quick search button */
body #headerForm\:id_quickFindToolbar .ui-panelgrid-cell {
    padding: 0 0 0 5px;
}

/* page header menuitem icon size & color */
body #headerForm\:headerBar .header-bar-items .ui-menuitem-icon {
    font-size: 18px;
    color: #0019af;
}

/* User menu menuitem icon size & color */
body #headerForm\:id_userMenu .header-bar-items .ui-menuitem-icon {
    font-size: 18px;
    color: #0019af;
}

/* page header main menu menuitem text */
body #headerForm\:headerBar .header-bar-items .ui-menuitem-text {
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #0019af;
    white-space: nowrap;
    text-decoration: none;
}

/* User menu menuitem text */
body #headerForm\:id_userMenu .header-bar-items .ui-menuitem-text {
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #0019af;
    white-space: nowrap;
    text-decoration: none;
}

/* page header main menu submenuitem text */
body #headerForm\:headerBar .header-bar-subitems .ui-menuitem-text {
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #0019af;
    white-space: nowrap;
    text-decoration: none;
}

/* User main menu submenuitem text */
body #headerForm\:id_userMenu .header-bar-subitems .ui-menuitem-text {
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #0019af;
    white-space: nowrap;
    text-decoration: none;
}

/* page footer texts */
.footer-bar-items {
    font-family: "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #808081;
    white-space: nowrap;
    text-decoration: none;
}

/* style for topmost panelGroup on most pages */
.fieldsetpanel {
    background-color: white;
    padding: 1rem 0 1rem 0;
    margin-top: -0.4rem;
    margin-bottom: -0.7rem;
    border-radius: 4px;
    border:0px;
}

/* table in help */
.helpTermTable {
    width: 100%;
    border-collapse: collapse;
    border-style:none;
}

/* table cells in help */
.helpTermTable td {
    padding: 5px;
    border-style:solid;
    border-color: #DEE2E5;
    border-width: 1px;
}

/* table header in help */
.helpTermTableHdr {
    background-color: #e4eaed;
}

/* Increase order list width */
body .ui-orderlist .ui-orderlist-caption {
    width: 700px;
}

body .ui-orderlist .ui-orderlist-list {
    width: 700px;
}

/* setting vertical align; use with columnClasses="" and rowClasses="" */
.vertTop {
    vertical-align: top;
}

.alignRight {
    text-align: right;
}

alignLeft {
    text-align: left;
}

/*=============================================================================
 * column styles for panelGrid; mainly for setting width and alignment
 *=============================================================================*/
.panelGridColumn20 {
    text-align: left;
    vertical-align: top;
    width: 20%;
}

.panelGridColumn40 {
    text-align: left;
    vertical-align: top;
    width: 40%;
}

.ui-panelgrid .ui-panelgrid-cell.panelGridColumn40 {
    text-align: left;
    vertical-align: top;
    width: 40%;
}

.panelGridColumn60 {
    text-align: left;
    vertical-align: top;
    width: 60%;
}

.ui-panelgrid .ui-panelgrid-cell.panelGridColumn60 {
    text-align: left;
    vertical-align: top;
    width: 60%;
}

.panelGridColumnTop {
    text-align: left;
    vertical-align: top;
}
/*=============================================================================*/

/* custom paging panel style for navigation buttons */
.codeNavigatePanel {
    text-align: left;
}

/* style for not valid version name & validity date */
.deletedItemColor {
    color: #ff0000;
}

/* event details dialog field style */
th.eventd-changes {
    padding-right: 10px;
    text-align: left;
}

/* event details dialog field style */
th.eventd-oldvalue {
    padding-right: 10px;
    text-align: left;
}

/* event details dialog field style */
th.eventd-newvalue {
    padding-right: 10px;
    text-align: left;
}

/* event details dialog field style */
td.eventd-field {
    font-weight: bold;
    color: #808080;
    padding-right: 10px;
    white-space: nowrap;
    vertical-align: top;
}

/* event details dialog field style */
td.eventd-oldvalue {
    color: Gray;
    padding-right: 20px;
    vertical-align: top;
}

/* event details dialog field style */
td.eventd-newvalue {
    vertical-align: top;
}

/* style for classification version references tab */
.refmapClassification {
	border: 1px solid black;
	padding: 5px;
	background-color: white;
	border-radius:4px
}

/* style for classification version references tab */
.refmapArrowColumn {
	width: 23px
}

/* indication of modified field on task list related concept code list and view  */
.fieldModified {
    background-color: #FFb4b4;
}

/* visible columns selection, category selection and classification search area  */
.actionPanelArea {
    border-top-width: 1px;
    padding-top:5px;
    padding-bottom:5px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-style:solid;
    border-color: #dee2e5;
    border-radius: 2px;
    margin-bottom: 5px;
    width: max-content;
}

/* ensure no space above page (e.g. disable browser added default)  */
body {
    margin-top:0px;
}

/* space on top of page above header */
#headerWrapper {
    margin-top: 10px;
}


#contentDiv {
    display: inline-block;
    min-width: 100%;
    width: auto;
}

/* Used e.g. to set links to be same color as normal text */
.normalTextColor {
    color: #454545;

}
.normalTextColor:hover {
    color: #454545;
}

/* Color of date fields */
.invalidDateColor {
    color: red;
}

/* Output text without browser wrapping it */
.prewrap {
    white-space: pre-wrap;
}

/* checkbox on classification category select panel of main page. */
.csCategorySelectLine {
    height: 1.5em;
    margin-left: 4px;
}

/* outermost panelgrid/table of cs:paginator component  */
.cs-paginator-grid {
    margin-bottom: 5px;
    margin-top: 5px;
    margin-right: 0px;
    margin-left: 0px;
}

/* style for page panel of codelist pages. allows page dropdown menus be visible without scrollbars on panel */
.ui-panel.codelistPanel .ui-panel-content  {
    min-height: 15em;
}

/* style for not valid exclamation mark */
.notValidMark {
    color: red;
    margin-left: 5px;
    font-weight: bold;
    vertical-align: baseline
}

.ui-growl {
    left: 40%;
    margin-top: 200px;
}