@import url('theme2.css.xhtml');

@media ( min-width : 1600px) {
	.xcontainer {
		width: 98%;
		background-color: yellow;
	}
}

@media ( min-width : 1900px) {
	.xcontainer {
		width: 50%;
		background-color: red;
	}
}

@media screen {
	.container {
		width: 100%;
	}
	body {
		margin: 0px;
	}
}

.ui-widget {
	font-size: 0.85em;
}

ul.ui-menu-child {
	white-space: nowrap !important;
	width: 300px !important;
}

.ui-icon {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.ui-blockui {
	cursor: progress !important;
}

.ui-menuitem {
	padding: 0 16px 0 0 !important;
}

a.ui-link,a.ui-link:VISITED,.ui-link.ui-widget {
	cursor: pointer;
	text-decoration: none;
	color: inherit;
}

a.ui-link:AFTER {
	font-family: FontAwesome;
	content: " \f0a9";
}

a.ui-link.newWindow:AFTER {
	font-family: FontAwesome;
	content: " \f0aa";
}

/* limit combo list height */
.ui-autocomplete-list {
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden; /* add padding to account for vertical scrollbar */
	z-index: 1000 !important;
}

input,textarea {
	background: #fff !important;
}

.eko-readonly,.eko-readonly input,.eko-readonly label,.eko-readonly textarea,textarea.eko-readonly {
	background-color: #dfe8eb !important;
	opacity: 1;
}

.eko-readonly.ui-selectonemenu,.eko-readonly.p-datepicker,.eko-readonly.ui-inputswitch {
	pointer-events: none;
}

table.blockoverview {
	border: 1 px solid black
}

table.blockoverview th {
	border: 1px solid black;
	text-align: center;
}

table.blockoverview td {
	border: 1px solid black;
	text-align: center;
}

.blockoverview .cell.empty {
	background-color: gray;
}

.blockoverview .DRAFT {
	background-color: yellow;
}

.blockoverview .SUBMITTED_TO_REEM,.blockoverview .APPROVED_BY_REEM,.blockoverview .REJECTED_BY_REEM,.blockoverview .SUBMITTED_TO_EC {
	background-color: green;
	color: #fff;
}

tr.deleted td {
	opacity: 0.5;
	background-color: #AAA !important;
}

.ui-panel {
	margin-bottom: 0.5em;
}

.ui-datatable {
	margin-bottom: 0.5em;
}

.wrappable {
	white-space: normal;
	min-width: 600px;
}

.ekoTinyText {
	font-size: 0.7em;
	color: #0879a1;
}

.helpHint {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: smaller;
}

.ui-button.mod-vspaced {
	margin-top: 0.5em;
	margin-bottom: 1em;
}

.paddedCols {
	padding: 0.5em;
}

table.blockOverview,table.valuesOverview,caption {
	background-color: white;
	color: black;
	border: 1px solid black
}

/* table.valuesOverview th.none { */
/* 	border: 0px; */
/* } */

/* table.blockOverview th, table.valuesOverview th { */
/* 	border: 1px solid black; */
/* 	text-align: center; */
/* 	width: 50px; */
/* } */
table.blockOverview td,table.valuesOverview td {
	border: 1px solid black;
	text-align: center;
	/*max-width: 150px; ukinuo jer rastura malRolesPrivs.xhtml, ovako generalni zapis ne bi trebao biti u globalnom css-u*/
}

.mod-report td:nth-child(n+2) {
	width: 50px;
}

table.valuesOverview td.dataCell {
	color: black;
	border-spacing: 0px !important;
	border-width: 0px !important;
	border-style: solid !important;
	border-collapse: separate !important;
	padding: 0px;
	margin: 0px;
}

table.valuesOverview .baselineRow,.threads .selected {
	background-color: #dfe8eb;
	opacity: 0.75;
}

.threads .unread {
	font-weight: bold;
}

.threads .new {
	width: 40pt;
	text-align: center;
	white-space: nowrap;
}

.threads .last {
	width: 95pt;
	white-space: nowrap;
}

.threads .ui-widget-content .last {
	font-weight: normal;
}

.participants .participant {
	display: inline-block;
	background-color: #dfe8eb;
	opacity: 0.75;
	margin: 3px;
	padding: 4px 6px 4px 6px;
	border-radius: 6px;
}

.subject a {
	display: block;
	width: 100%;
}

.message {
	background-color: #dfe8eb;
	opacity: 0.75;
	margin: 8px 8px 8px 4px;
	padding: 0px;
	border-radius: 6px;
	width: 80%;
	float: left;
}

.message.my {
	float: right;
	background-color: #ccf2ff;
}

.message .header {
	display: block;
	margin-bottom: 6px;
	background-color: #b1c4d8;
	padding: 2px 8px 2px 8px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	opacity: 1;
	font-style: italic;
}

.message .name {
	font-weight: bold;
}

.message .role:BEFORE {
	content: " [";
}

.message .role:AFTER {
	content: "]";
}

.message .role {
	font-weight: normal;
}

.message .time {
	float: right;
}

.message .text {
	display: block;
	padding: 8px;
}

.newMessage {
	display: block;
	width: 80%;
	margin-bottom: 6px !important;
}

.blockOverview .cell.empty {
	background-color: gray;
	color: black;
}

.blockOverview a,.blockOverview a:hover,.blockOverview a:visited {
	color: inherit;
	text-decoration: none;
}

.blockOverview .baseline {
	font-style: italic;
}

.ui-panelgrid,.ui-tabs {
	margin-bottom: 1em;
}

.ui-menubar {
	border: none;
	background: #0879a1;
	color: #ffffff;
	font-weight: bold;
	border-radius: 0px;
	font-size: 14px !important;
}

.ui-menubar>ul>li>a,.ui-tabs-nav {
	font-family: Oswald;
	text-transform: uppercase;
}

.ui-tabs-nav .ui-state-active {
	background: #ffffff !important;
}

.ui-tabs-nav .ui-state-active a {
	color: #222;
}

.ui-menubar a {
	color: #ffffff;
}

.ui-menuitem-active a {
	color: #222222 !important;
}

.ui-menu-parent>a {
	color: #ffffff;
}

.ui-menubar .ui-icon {
	background-image: url("/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-eblue");
}

.ui-menubar .ui-state-hover .ui-icon {
	background-image: url("/javax.faces.resource/images/ui-icons_2e6e9e_256x240.png.xhtml?ln=primefaces-eblue");
}

.ui-toolbar {
	background-color: #6bb4cb;
	font-weight: normal;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.shadowed {
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
}

.inactive * {
	opacity: 0.7;
	font-weight: normal;
}

.smallText {
	font-size: smaller;
}

.fullWidth {
	display: block !important;
	width: 100%;
}

.fullWidth .ui-autocomplete-multiple-container {
	width: 100% !important;
}

.ekoFullScreenWithMenu.ui-layout-north {
	z-index: -10 !important;
	overflow: visible !important;
	background: inherit;
}

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

.ekoNoBorder {
	border: none;
}

.reportOverdue.FIRST_REMINDER {
	font-weight: bold;
	color: green;
}

.reportOverdue.SECOND_REMINDER {
	font-weight: bold;
	color: orange;
}

.reportOverdue.ALERT {
	font-weight: bold;
	color: red;
}

.chart-infoBanner-bg {
	background-color: yellow;
}

.status-highlight-INCLUDED {
	color: green;
}

.status-highlight-EXCLUDED {
	color: red;
}

.eko-readonly,.eko-readonly input,.eko-readonly label {
	background-color: #dfe8eb !important;
	color: #2e6e9e !important;
}

.breathing {
	font-size: 100%;
	animation: breathe 2s ease-in-out infinite;
}

.f {
	display: flex;
}

.fc {
	display: flex;
	flex-direction: column;
}

.f-c {
	align-items: center;
}

.f-csa {
	align-items: center;
	justify-content: space-around;
}

.fw {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
}

.f1 {
	flex: 1;
	min-width: 25em;
}

.f2 {
	flex: 2;
	min-width: 50em;
}

.topAlignGrid td {
	vertical-align: top;
}

.no-header .ui-panel-titlebar {
	display: none;
}

.ui-scrollpanel-drag {
	background: #0879a1 !important;
}

.ui-scrollpanel-track {
	background: #dfe8eb;
}

.section-header {
	color: #0879a1;
	font-weight: bold;
}

.ui-toggleswitch-checked .ui-toggleswitch-slider {
	background-color: #0879a1;
}

.ui-toggleswitch-slider {
	background-color: #9acee1;
}

.ui-toggleswitch-slider:before {
	background-color: white;
}

.ui-inputswitch .ui-inputswitch-off {
	font-weight: normal !important;
	color: #1d5987;
}

.tooltipMark[title]:not([title=""])::after {
	content: " (?)";
	vertical-align: super;
	font-size: smaller;
}

/*Tooltip mark mora ici na SPAN koji je unutra buttona inace ode u newline*/
.tooltipMarkButton[title]:not([title=""]) span.ui-button-text.ui-c::after {
	content: " (?)";
	vertical-align: text-top;
	font-size: xx-small;
}

.ui-state-disabled{
	opacity: 80% !important;
}