/*
	colors:

	primary
	#2b3e51 - dark blue
	#227fbb - blue

	secondary
	#e94b35 - red

	helper
	#f0f0f0 - light grey
	#d7d7d7 - middle grey

	#6b6a6a

*/

body {
	margin: 0;
	padding: 0;

	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;

	background: #2b3e51;
	color: #fff;
}

header, footer {
	font-size: 14px;
}

nav {
	height: 108px;
}

#main-menu {
	margin: 0;
	padding: 0;
}

#main-menu li {
	width: 136px;
	color: #fff;
	list-style: none;
	float: left;
	position: relative;
}

#main-menu > li > a {
	color: #fff;
	padding: 16px 40px 16px 20px;
	display: block;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
}

#main-menu > li > a:hover,
#main-menu > li.active > a,
#main-menu > li.keep-active > a {
	background: #31475c;
	cursor: default;
}

#main-menu > li > a > .fa {
	display: block;
	padding: 6px 0;
	font-size: x-large;
}

#main-menu > li > .submenu {
	background: #31475c;
	position: absolute;
	left: 0;
	top: 108px;
	margin: 0;
	padding: 8px 0;
	width: auto;
	display: none;
	z-index: 10000;
}

#main-menu > li > .submenu > li {
	list-style: none;
	width: auto;
	float: none;
	white-space: nowrap;
}

#main-menu > li > .submenu > li > a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 4px 24px;
}

#main-menu > li > .submenu > li > a:hover,
#main-menu > li > .submenu > li.active > a,
#main-menu > li > .submenu > li.keep-active > a {
	background: #e94b35;
}

#main-menu > li > .submenu > li > a > .fa {
	margin-right: 6px;
}

#logo {
	float: right;
	margin-top: 25px;
}

#toolbar {
	background: #f0f0f0;
	color: #404040;
	min-width: 1200px;
}

#toolbar .width-wrapper {
	overflow: hidden;
	padding: 10px 0;
}

a:visited #notification-status {
	color: #404040;
}

#notification-status {
	display: block;
	float: left;
}

#notification-status.got-new-msgs, a:visited #notification-status.got-new-msgs {
	color: #e94b35;
}

#notification-status .fa {
	margin-right: 4px;
}

#login-info {
	display: block;
	float: right;
	margin-right: 46px;
}

#login-info > a {
	text-decoration: none;
	color: #404040;
	font-weight: bold;
}

#logout-action {
	display: block;
	float: right;
	color: #404040;
	text-decoration: none;
}

#login-info > a:hover,
#logout-action:hover {
	text-decoration: underline;
}

#logout-action .fa,
#login-info .fa {
	margin-left: 4px;
}

#breadcrumbs {
	padding: 1px 0;
}

#breadcrumbs .breadcrumb {
	font-size: 12px;
	font-weight: bold;
	color: #6b6a6a;
	text-decoration: none;
}

#breadcrumbs a.breadcrumb:hover {
	color: #8b8a8a;
}

#breadcrumbs .breadcrumb:nth-child(n+2)::before {
	content: '> ';
}

#content {
	min-height: 800px;
	min-width: 1200px;
	color: #2b3e51;
	background: #fff;
	padding-bottom: 30px;
}

footer {
	height: 100px;
}

.width-wrapper {
	width: 1120px;
	padding: 0 40px;
	margin: 0 auto;
}


/* HAVRANEK ENDS */

.ui-datatable thead th.wrap, .ui-datatable tbody td.wrap, .ui-datatable tfoot td.wrap
	{
	white-space: normal;
}

.ui-inputnumber.inputNumberSmall input {
	width: 40px;
}

.ui-inputnumber.inputNumberVerySmall input {
	width: 25px;
}

body.login {
	background: #fff;
}

#center-container {
    font-size: 150%;
	position: absolute;
	top: 50%;
	margin-top: -200px; /* half of #content height*/
	left: 0;
	width: 100%;
}

#center-container .center-content {
	width: 624px;
	margin-left: auto;
	margin-right: auto;
	height: 395px;
	background: #2b3e51;
}

#center-container .center-content input {
	width: 200px;
}

#center-container .center-content button {
	margin: 10px 0;
}

.ui-button.download-button {
	height: 45px;
}

.ui-button.download-button span.ui-button-text {
	padding-left: 40px;
}

.ui-button, button.ui-button.ui-state-default, .ui-button.ui-state-default {
	background: none;
	background-color: #227fbb;
    color: #fff;
    font-size: 12px;
    box-shadow: none !important;
}

.ui-panel.ui-widget-content {
	border: none;
}


.ui-widget-header {
	background: #f0f0f0;
	border-color: #f0f0f0;
	color: #404040;
}

.ui-widget .ui-widget {
    font-size: 12px;
}

.ui-widget {
    font-size: 12px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
}

.ui-toolbar {
	margin: 5px 0;

}


.login-logo {
	padding: 40px 0;
}

.panel-grid-top {
	vertical-align: top;
}


div#__BIRT_ROOT thead th, div#__BIRT_ROOT tbody td, div#__BIRT_ROOT tfoot td, div#__BIRT_ROOT tfoot th {
    border-style: none;
    border-width: 0px;
    padding: 0;
}

td.report-preview div.center-content {
	margin: 20px 0;
	min-height: 500px;
}
td.report-preview thead th, td.report-preview tbody td, td.report-preview tfoot td, td.report-preview tfoot th {
    border-style: none;
    border-width: 0px;
    padding: 0;
}


.control-group-entry .ui-widget-header {
	background: none;
	border: none;
    line-height: 15px;
}
.control-group-entry.ui-panel .ui-panel-titlebar {
    padding: 0px 0px;
}

.control-group-entry {
    line-height: 15px;
}

div.ui-panel.control-group-entry {
	position: relative;
}

.control-group-entry .ui-panel-title label.group-label {
	position: absolute;
	top: 8px;

}

.control-group-entry table td.parameter-label-c {
	padding-left: 10px;
	width: 200px;
}

.control-group-entry table td.parameter-label {
    padding-left: 22px;
    width: 200px;
}

.control-group-entry table td.parameter-value-label {
	padding-left: 20px;
	width: 110px;
}

.control-group-entry a.ui-panel-titlebar-icon {
	position: absolute;
    top: 8px;
    right: 10px;
}



body table.no-border thead tr td {
	border: none;
	padding: 0px 0px;
}

body .pe-master-detail .pe-master-detail-level {
    margin-top: 0px;
}

body .ui-panel-titlebar {
	border-width: 0px;
}
body .ui-panel {
	padding: 0px;
}
body .pe-master-detail .ui-breadcrumb {
	margin-top: 3px;
}

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: none;
}


.pe-dynaform-cell.separator .separatorText {
    width: 15%;
    padding-left: 0;
}

.long-input, .long-input input {
	width: 200px;
}
div.long-input {
	width: 183px;
}
.very-long-input, .very-long-input input {
	width: 300px;
}
div.very-long-input {
	width: 283px;
}

.jqplot-yaxis-tick, .jqplot-xaxis-tick {
    font-size: 7px;
}

.map-user-color {
	border-style: solid;
	border-width: 1px;
	border-color: #000;
	width:20px;
	height:20px;
}

body div.timeline-navigation.ui-state-highlight {
	background-color: #227fbb;
	border: 1px solid #227fbb;
}

body div.timeline-navigation.ui-state-highlight span.ui-icon {
	background-image: url('/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-delta');
}

.location-unknown {
	color: black;
}

.location-too-far {
	color: #e94b35;
}

.location-ok {
	color: green;
}

.red-highlight {
	border: 1px solid #e94b35;
}

.text-error {
    color: #e94b35;
}

.red-highlight-icon {
	border: 1px solid #e94b35;
	padding-top: 2px;
	padding-bottom: 2px;
}

.green-highlight {
	border: 1px solid green;
}

.fc-today  /* today */
{
    background-image: linear-gradient(to bottom, #227fbb, #0077b3) !important;
}

body .user-event-1, .user-event-1 .fc-event-skin, .user-event-1 a {
    background-color: #227fbb;
    border-color: #227fbb;
    color: #fff;
    padding: 3px;
}

body .user-event-1-project, .user-event-1-project .fc-event-skin, .user-event-1-project a {
    background-color: #227fbb;
    border-color: #227fbb;
    color: #fff;
    opacity: 0.7;
}

body .user-event-2, .user-event-2 .fc-event-skin, .user-event-2 a {
    background-color: #6b6a6a;
    border-color: #6b6a6a;
    color: #fff;
    padding: 3px;
}

body .user-event-2-project, .user-event-2-project .fc-event-skin, .user-event-2-project a {
    background-color: #6b6a6a;
    border-color: #6b6a6a;
    color: #fff;
    opacity: 0.7;
}

body .user-event-3, .user-event-3 .fc-event-skin, .user-event-3 a {
    background-color: #2b3e51;
    border-color: #2b3e51;
    color: #fff;
    padding: 3px;
}

body .user-event-3-project, .user-event-3-project .fc-event-skin, .user-event-3-project a {
    background-color: #2b3e51;
    border-color: #2b3e51;
    color: #fff;
    opacity: 0.7;
}

.ui-tabs .ui-tabs-nav .tab-style {
	background-color:#227fbb;
}

.ui-tabs .ui-tabs-nav .tab-style.inactive {
    background-color:#227fbb;
    opacity: 0.5;
}


.ui-tabs .ui-tabs-nav .ui-tabs-selected.tab-style  {
	-webkit-box-shadow:inset 0px -3px 0px 0px #e94b35;
    -moz-box-shadow:inset 0px -3px 0px 0px #e94b35;
    box-shadow:inset 0px -3px 0px 0px #e94b35;
 }

.ui-tabs .ui-tabs-nav .tab-style .tab-title {
	color: #fff;
	font-weight: normal;
	text-shadow: none;

}

body .fc-time-grid-event.fc-short .fc-time span {
	display: inline;
}

body .fc-time-grid-event.fc-short .fc-time::before {
    content: "";
}

/* to overcome PF bug for TabView in Chrome */
body .ui-tabs .ui-tabs-panel.ui-helper-hidden  {
	display: none;

}

body a.password-forget {
	color: #fff;
}

body .ui-menu .ui-menuitem,
body div.ui-menu {
    white-space: nowrap;
    width: auto !important;
    min-width: 250px;
}

.ui-row-editor .ui-icon {
	background-color: #fff;
}

body .custom-dialog.ui-dialog {
    background-color: #f9f9f9;
}

body .ui-picklist .ui-picklist-list {
    width: 305px;
    height: 250px;
}

body .small-picklist.ui-picklist .ui-picklist-list {
    width: 220px;
    height: 220px;
}

body .custom-dialog.ui-dialog .ui-dialog-titlebar {
    background-color: #227fbb !important;
    margin: 13px 13px 5px 13px;
}

body .custom-dialog.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    color: #fff;
    text-shadow: none;
    margin: 2px 2px;
}

.datatable-row-highlight {
    background-color: #f0f0f0;
}

.ui-button, .ui-button span, button.ui-button.ui-state-default span, .ui-button.ui-state-default span {
    font-weight: normal;
    text-shadow: none !important;
}

.fa-1_2x {
    font-size: 1.2em;
}

button.ui-button.ui-state-hover, .ui-button.ui-state-hover {
    background-color: #2b3e51;
    text-shadow: none;
}

button.ui-button.ui-state-focus {
    background-color: #2b3e51 !important;
    text-shadow: none;
}

body .ui-datascroller .ui-datascroller-content {
    padding: 0;
}

body .fc-list-item-title a {
    color: #fff;
}

td.fc-list-item-title.ui-widget-content {
    cursor: pointer;
}

th.ui-widget-header.fc-today span {
    color: #ffffff;
    text-shadow: none;
}