@CHARSET "UTF-8";

/********/
/* TAGS */
/********/

a img {
	border: none;
}

body {
	width: 100%; 
	min-width: 100%; 
	height: 100%; 
	min-height: 100%;
	font-size: medium;
	font-size-adjust: 0.5;
}

h1, h2, h3 {
	margin-top: 0;
}

h1 {
	font-size: 1.6em;
	font-weight: normal;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1em;
	margin-top: 20px;
}

html {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}

/***********/
/* CLASSES */
/***********/

.alert-activity {
	border-color: yellow;
	border: 5px;
	margin-bottom: 10px;
}

.alert-text {
	display: inline-block;
	max-width: 270px;
}

.alert-thumbnail {
	display: inline-block;
	width: 50px;
	margin: auto auto;
}

.alert-commands {
	display: inline-block;
	width: 50px;
}

.alert-time {
	color: gray;
	max-width: 310px;
}

.align-top { /* utility class */
	vertical-align: top;
}

.ADD {
	color: green;
	font-weight: bold;
}

.DEL {
	color: red;
	font-weight: bold;	
}

.MOD {
	color: gold;
	font-weight: bold;	
}

.banner {
	height: 100%;
	background-size: cover;
}

.banner-picture {
	width: 3em;
}

.button-blue {
	color: #0081c2 !important;
}

.button-gray {
	color: gray !important;
}

/* :not(.fa) .button-blue span.ui-icon { */
/* 	background-image: url("/javax.faces.resource/images/icons/ui-icons_0081c2_256x240.png.xhtml")!important; */
/* } */

.button-green {
	color: green !important;
}

/* :not(.fa) .button-green span.ui-icon { */
/* 	background-image: url("/javax.faces.resource/images/icons/ui-icons_green_256x240.png.xhtml")!important; */
/* } */

.button-red {
	color: #C90000 !important;
}

/* :not(.fa) .button-red span.ui-icon { */
/* 	background-image: url("/javax.faces.resource/images/icons/ui-icons_C90000_256x240.png.xhtml")!important; */
/* } */

.button-yellow {
	color: #FFBF00 !important;
}

/* :not(.fa) .button-yellow span.ui-icon { */
/* 	background-image: url("/javax.faces.resource/images/icons/ui-icons_FFBF00_256x240.png.xhtml")!important; */
/* } */

body button.ui-button:not(.pi).button-small {
	font-size: 0.7rem;
}

.byline {
	margin: -60px 20px 20px 20px;
}

.byline a {
	color: #DC8700;
}

/* The element to be centered, can
   also be of any width and height */ 
.centered {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.creation-grid {
	width:100%;
}

.dp-xml {
	width: 1000px;
}

.entry {
	padding: 0 20px;
}

.entry p {
	line-height: 200%;
}

.event-red .fc-event,
.event-red a,
.event-red .fc-event-inner{
   background-color: red;
   border-color: red;
   color: white;
}

.event-yellow .fc-event,
.event-yellow a,
.event-yellow .fc-event-inner{
   background-color: yellow;
   border-color: yellow;
   color: white;
}

.event-purple .fc-event,
.event-purple a,
.event-purple .fc-event-inner{
   background-color: purple;
   border-color: purple;
   color: white;
}

.event-green .fc-event,
.event-green a,
.event-green .fc-event-inner{
   background-color: green;
   border-color: green;
   color: white;
}

.event-white .fc-event,
.event-white a,
.event-white .fc-event-inner{
   background-color: white;
   border-color: white;
   color: black;
}

.event-black .fc-event,
.event-black a,
.event-black .fc-event-inner{
   background-color: black;
   border-color: black;
   color: white;
}

.formLabel {
	font-weight: bold;
}

.general-picture {
	width: 2em;
}

.header-image-link {
	width: 32px;
}

.header-image-link:hover {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
}

/* This parent can be any width and height */
.header-layout-unit > .ui-layout-unit-content {
	text-align: center;
}

/* The ghost, nudged to maintain perfect centering */
.header-layout-unit > .ui-layout-unit-content:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.header-layout-unit, .header-layout-unit>.ui-layout-unit-content {
	background-color: transparent;
}

.header-logo {
	height: 100%;
	background: url("/javax.faces.resource/images/logo.png.xhtml") no-repeat 0% 0% transparent;
}

.header-text {
	display: block;
	color: #ffffff;
	font-size:120%;
	text-shadow: 0px 0px 11px #000;
}

.header-text-small {
	display: block;
	color: #ffffff;
	font-size: 9px;
}

.header-username {
	display: block;
	color: #ffffff;
	font-size: 90%;
	font-weight: bold;
	margin-left: 6px;
	margin-right: 10px;
}

.link-nounderline {
	text-decoration: none;
}

.hide-paginator-header .ui-paginator.ui-paginator-top.ui-widget-header {
	display: none !important;
}

.hide-datatable-header .ui-paginator.ui-paginator-top.ui-widget-header {
	display: none !important;
}

.hide-extra { 
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow:ellipsis; 
}

.homeMenu {
	width: 200px;
	float: left;
	margin-right: 10px
}

.homeText {
	line-height: 175%;
}

.imagebox a {
    margin-left:10px;
}

.lims-header, .lims-header tr, .ui-panelgrid.lims-header .ui-panelgrid-cell {
    background-color: #0B4881;
}

.lims-header .header-image-link:hover {
    background: #0081c2;
}       

.links {
	padding: 4px 0px;
	text-align: right;
	font-weight: bold;
}

.links a {
	border: none;
}

.menu {
	margin-bottom: 3px;
	overflow: visible !important; 
	z-index: 10 !important;	
}

.ui-breadcrumb.menu-breadcrumb {
	border: none;
}

@media screen and (max-width : 800px) {
    .menuVertical {
        display: none !important;
    }
}

@media screen and (min-width : 800px) {
    .menuHorizontal {
        display: none !important;
    }
}

.menuFont {
    font-size: 0.8em;
}

.nav-bar {
	background-color: #E5E5E5;
	filter:alpha(opacity=95);
	height: 43px; 
	opacity:0.95;
	z-index: 20; 
}

.pe-layout-pane-content {
	padding: 0;
}

.post {
	padding-bottom: 15px;
}

.post h1 {
	font-weight: normal;
}

.preformatted {
    white-space: pre;
}

.profile-picture {
/* 	margin: auto; */
	display: block;
	max-width: 130px;
	max-height: 130px;
	width: auto;
	height: auto;
	border-radius: 5%;
	-webkit-border-radius: 5%;
	-moz-border-radius: 5%;
/* 	box-shadow: 0 0 8px rgba(0, 0, 0, .8); */
/* 	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8); */
/* 	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8); */
}

.profile-picture:hover {
	filter: brightness(80%);
	background-color: black;
	transition: filter 0.4s
}

.profile-thumbnail {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
/*	box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8); */
}

.header-option {
	display: flex;
	align-items: center;
	padding-top: 0;
	padding-bottom: 0;
}

.notification {
	position: relative;
}

.notification-num {
	position: absolute;
	top: -1.3rem;
	right: -0.33rem;
	width: 1.2rem;
	height: 1.2rem;
	font-size: 0.6rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	border-radius: 50%;
	/*background-color: #e74c3c; */
}

.submenu-content {
	text-align: center;
}

.submenu-title {
	padding: 4px 10px;
}

.tag {
	padding: 0 15px;
}

.title {
	height: 30px;
	margin-left: 10px;
	padding: 8px 0 0 20px;
}

.title a {
	border-bottom: none;
	color: #FFFFFF;
}

.title a:hover {
	border-bottom: 1px dotted #000000;
}

.themeMenu {
	height: 300px;
	width: 200px;
}

.tooManyItems > span {
	text-decoration: underline;
}

.top {
	display: inline-block;
	vertical-align: text-top;
}

.ui-blockui {
    z-index: 21;
}

.ui-blockui-content {
    z-index: 9999;
}

.ui-dialog-limited.ui-dialog {
 	max-height: 480px !important;
 	max-width: 50% !important; 		
}

.ui-dialog-limited.ui-dialog > .ui-dialog-content {
	max-height: 390px !important;
	overflow-y: scroll !important;	
}

.ui-icon.fa {
    text-indent:0px;
	background-image: none !important;
}

.ui-icon-flux-calendar {
    background: url("/javax.faces.resource/images/calendar.png.xhtml")!important;
    height: 16px;
    width: 16px;
}

.ui-icon-flux-disabled-activity {
    background: url("/javax.faces.resource/images/disabled-activity-16x16.png.xhtml")!important;
	height: 16px;
	width: 16px;
}

.ui-icon-flux-document {
    background: url("/javax.faces.resource/images/document-node16x16.png.xhtml")!important;
    height: 16px;
    width: 16px;
}

.ui-icon-flux-home {
    background: url("/javax.faces.resource/images/home_small.png.xhtml")!important;
    height: 16px;
    width: 16px;
}

.ui-icon-flux-minus {
    background: url("/javax.faces.resource/images/minus.png.xhtml")!important;
    height: 16px;
    width: 16px;
}

.ui-icon-flux-network {
    background: url("/javax.faces.resource/images/network-16x16.png.xhtml")!important;
    height: 16px;
    width: 16px;
}

.ui-icon-flux-node {
    background: url("/javax.faces.resource/images/node16x16.png.xhtml")!important;
    height: 16px;
    width: 16px;
}

.ui-icon-flux-node-child {
    background: url("/javax.faces.resource/images/node-select-child16x16.png.xhtml")!important;
    height: 16px;
    width: 16px;
}

.ui-icon-flux-node-sister {
    background: url("/javax.faces.resource/images/node-select-sister16x16.png.xhtml")!important;
    height: 16px;
    width: 16px;
}

.ui-icon-flux-not-permitted-activity {
	background: url("/javax.faces.resource/images/tube-red16x16.png.xhtml")!important;
	height: 16px;
	width: 16px;
}

.ui-icon-flux-plus {
    background: url("/javax.faces.resource/images/plus.png.xhtml")!important;
    height: 16px;
    width: 16px;
}

.ui-icon-flux-selected-document {
    background: url("/javax.faces.resource/images/blue-document-node16x16.png.xhtml")!important;
    height: 16px;
    width: 16px;
}

.ui-icon-flux-selected-node {
    background: url("/javax.faces.resource/images/node-select16x16.png.xhtml")!important;
    height: 16px;
    width: 16px;
}

.ui-icon-flux-tube-empty {
    background: url("/javax.faces.resource/images/tube-empty16x16.png.xhtml")!important;
    height: 16px;
    width: 16px;
}

.ui-icon-flux-tube-full {
    background: url("/javax.faces.resource/images/tube-full16x16.png.xhtml")!important;
    height: 16px;
    width: 16px;
}

.ui-icon-flux-tube-red {
    background: url("/javax.faces.resource/images/tube-full16x16.png.xhtml")!important;
    height: 16px;
    width: 16px;
}

.ui-icon-flux-status-green {
    background: url("/javax.faces.resource/images/status-green-16x16.png.xhtml")!important;
	height: 16px;
	width: 16px;
}

.ui-icon-flux-status-red {
    background: url("")!important;
	height: 16px;
	width: 16px;
}

.ui-icon-flux-status-yellow {
    background: url("/javax.faces.resource/images/status-warning-16x16.png.xhtml")!important;
	height: 16px;
	width: 16px;
}

.ui-growl {
	margin-top: 60px;
}

.ui-layout-north {
	z-index: 20 !important;
	overflow: visible !important;
}

.ui-layout-north .ui-layout-unit-content {
	overflow: visible !important;
}

.ui-layout-unit, #top .ui-layout-unit-content.ui-widget-content {
    padding: 0 !important;
}

.ui-menu.ui-widget li.ui-corner-all, .ui-menu.ui-widget a.ui-corner-all {
    border-radius: 2px;
    margin-right: 16px;
}

/* submenu width based on its content */
.ui-menubar .ui-menu-list {
	width: auto !important;
}

/* make space for rightward facing arrows */
.ui-menubar ul.ui-menuitem {
    padding-right: 64px !important;
}

/* hides the downward facing arrows of the menu item in the menubar */
.ui-menuitem-link > .ui-icon-triangle-1-s {
	display: none !important;
}

/* wraps the rightward facing arrows */
.ui-menuitem-link > span.ui-icon-triangle-1-e {
	position: absolute;
	right: 0px;
}

/* prevents line break after menu item icon (both below) */
.ui-menuitem > .ui-menuitem-link > .ui-menuitem-text {
	position: relative !important;
	margin-left: 6px !important;
}

.ui-menu-list > .ui-menuitem {
	/*display: inline-block;*/
	white-space: nowrap;
}

.ui-panel {
	border: 0;
}

.ui-panelgrid td {
	padding: 2.5px 3px 2.5px 3px;
}

.ui-panelgrid-cell {
	border: 0 !important;
}

.ui-state-highlight .ui-icon {
    background-image: url("/javax.faces.resource/images/ui-icons_333333_256x240.png.xhtml?ln=primefaces-bootstrap");	
}

.ui-themeswitcher a.ui-selectonemenu-label-container {
	text-decoration: none !important;
}

.ui-widget {
	font-size: 90%;
}

.ui-widget .ui-widget {
	font-size: 100%;
}

.unread-alerts {
	background-color: red;
	padding: 1px 3px;
	border-radius: 2px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .7);
}

.unread-alerts-new {
	background-color: #e74c3c;
}

.ware-header, .ware-header tr {
    background-color: #157854;
}

.ware-header .header-image-link:hover {
    background: #30AC59;
}

.with-border>tbody>tr, .with-border>tbody>tr>td {  
	border-style: solid !important; 
}

/* .without-border td { */
/* 	vertical-align: top; */
/* } */

.without-border tr, .without-border td {
	border: 0;
	border-style: none !important; 
	margin: 0;
	padding: 0;
}

.without-border > tr, .without-border > td {
	border: 0;
    border-style: none !important; 
    margin: 0;
    padding: 0;
}

.wms-header, .wms-header tr {
    background-color: #d88f41;
}

.wms-header .header-image-link:hover {
    background: #FFA319;
}

.module-container {
	border-radius: 3px; 
	background-color: #39A0ED; 
	color: #fff; 
	font-size: 0.7rem; 
	white-space: nowrap; 
	padding: 0 5px; 
	max-width: 300px; 
	overflow: hidden; 
	text-overflow: ellipsis;
	margin-left: 5px;
}

/*******/
/* IDs */
/*******/

#banner-content {
	width:100%;
	background: url("/javax.faces.resource/images/logo.png.xhtml") no-repeat 0% 0%;
	background-size: contain;
	background-color: #0B4881;
	margin:0 auto;
	height:110%;
	font-size:140%;
}

#content {
	width: 70%;
	float: left;
}

#countdowntimer {
	display: block;
}

#footer {
	height: 70px;
	margin: 0 auto;
	padding: 0 20px;
	font-size: 14px;
}

#footer a {

}

#footer p {
	margin: 0;
	padding: 25px 0 0 0;
	text-align: center;
}

#footer .copyright {
	float: left;
}

#footer .link {
	float: right;
}

#globalthemeswitcher {
	position: absolute;
	top: 5px;
	right: 50px;
}

#header {
	border:none;
}

#header > .ui-layout-unit-content {
	padding: 0 !important;
}

#header-grid {
	width:100%;
	height:4em;
	border-collapse: separate;
}

#header-grid td{
	border-width: 0;
}

#logo {
	text-align: left;
}

#page {
	padding: 10px 0px;
	background: #FFFFFF;
}

#sidebar {
	float: left;
	width: 25%;
	padding: 0 10px;
	margin-left: -1px;
	overflow: hidden;
}

#sidebar a.ui-state-hover,#sidebar a.ui-state-highlight {
	border: 0 none;
	text-decoration: none;
	font-weight: normal;
}

#sidebar table {
	width: 100%;
}

#sidebar table td {
	vertical-align: top;
}

#sidebar ul {
	padding: 0;
	margin: 0;
}

#sidebar ul li {
	list-style-type: none;
	padding: 1px;
}

#top.ui-widget-content {
	border: none;
}

/*
 * Had to override the ui-state-error to work with ui-inputfield
 * since, when a inputfield validation fails, its contents and the background
 * were both colored white, so the user couldn't see what she was typing into
 * the input field.
 * Hack made by daniel conrado (2020-12-15)
 */
.ui-inputfield.ui-state-error 
{
	border: 1px solid #cd0a0a;
	color: inherit;
}

.workflow-card-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.workflow-card {
	flex: 1;
	box-sizing: border-box;
	border-radius: .5rem;
	box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
	margin-bottom: 8px;
	padding: 0;
	display: flex;
}

.workflow-card-header {
	margin: 0;
	padding: 16px;
	border-top-left-radius: .5rem;
	border-bottom-left-radius: .5rem;
	flex: 1;
	background-color: #0b4881;
}

.workflow-card-header h2 {
	margin: 0;
	text-align: center;
}

.workflow-card-header a {
	color: #fff;
	text-decoration: none;
}

.workflow-card-ruler {
	border-left-width: 4px;
	border-left-style: hidden; /* hidden for now */
	border-left-color: #c179b9; /* alternatives: purple #c179b9 red #B02E0C, yellow #FFAD05, blue #0D86C4. Color palette generated by: https://coolors.co/0b4881-f5f5f5-0d86c4-ffad05-b02e0c */
}

.workflow-card-body {
	flex: 3;
	padding: 16px;
	margin: 0;
}

.workflow-card-actions {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.workflow-card-actions .primary {
	font-size: 108%;
	font-weight: bold;
	margin-bottom: 2px;
}

.action-container {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.action-container p:first-of-type {
	margin-top: 0;
}

.CodeMirror {
	height: auto;
}

body .ui-layout-unit {
	border: 0
}

.icon-badge:after {
	position:relative;
	right:8px;
	top:-10px;
	width:10px;
	height:10px;
	line-height:5px;
	padding:5px;
	color:#c93a3a;
	background-color:#c93a3a;
	font-size:5px;
	border-radius:30px;
	content:"A:";
	border:solid 1px #c93a3a;
}   

.layoutpane-leftpanel {
	margin-top: 2px;
	margin-left: 0px;
	margin-right: 2px;
}

.layoutpane-rightpanel {
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 0px;
}

.layoutpane-middlepanel {
	margin-top: 0px;
}