* {
	font-family: Segoe UI, Arial, sans-serif;
	font-size: 10pt;
}

body { 
	margin: 0px;
	padding: 0px;
}
html, body { 
	height: 100%;
	width: 100%;
}
body { 
	display: block;
}

		/* nahrada/nastaveni border="0" cellspacing="0" cellpadding="0"*/
		table {
			border: 0;
			border-collapse: collapse;
		}
		table td {
			padding-bottom:0;
		}
		/* end of nastaveni */

.header {
	height: 35px;
	background-color: #ececec;
}
.DATABAZE {
	background-color: darkSalmon;
}
.GFRPROD {
	background-color: rgb(172, 12, 66);
	color: white;
}
.GFRPROD a {
	color: #888;
}

.app_title {
	font-size: 11pt;
	font-weight: bold;
}
.app_version {
	color: #888;
}
.app_msg {
	font-size: 11pt;
	font-weight: bold;
}
#supported_browsers *, #powered_by * {
	font-size: 11px;
}
#powered_by img {
	margin-top: 10px;
}
.browser_title {
	color: #444;
}
.browser_version {
	color: #777;
}
#username, #password {
	width: 180px;
}
#application_version {
	color: #888;
	font-size: 10px;
	font-weight: 100;
	text-align: center;
	padding: 0px 250px 0px 250px;
}
.error_text {
	color: red;
	display: none;
}
#locale_switcher { 
	float: right;
	height: 13px;
	margin-right: 10px;
	margin-top: 5px;
	padding-left: 10px;
	vertical-align: middle;
}
#locale_switcher li { 
	background: #dddddd;
	display: block;
	float: left;
	height: 13px;
	margin: 0px 4px 0px 0px;
	padding: 0px;
}
#locale_switcher .nonselected img { 
	opacity: 0.4;
	filter:Alpha(opacity=50);
}
#locale_switcher img { 
	border: 1px solid #eeeeee;
	margin: 0px;
	padding: 0px;
}
#locale_switcher ul { 
	display: block;
	height: 13px;
	margin: 0px;
	padding: 0px;
}
.loginTable{
	border-collapse:separate; 	
}
.loginTable td {
	text-align: right;
}
		
 		.doc_table {
 			width: 100%;
 			border-collapse:collapse;
 		}
 		.doc_table input {
			width: 100%;
		}
		
		.ui-datatable thead th.button_column {
			padding: 0px;
			width: 85px;
			min-width: 85px;
			height: 29px;
		}
		.ui-datatable tbody td.button_column {
			padding: 0px;
			width: 1%;
		}
		
		.file_button {
			width: 100%;
		}
		
		.ui-datatable thead th {
			text-align: left;
			padding: 0px 0px 0px 4px;
			white-space: nowrap;
		}
		
		.ui-datatable tbody td {
			padding: 4px 10px 4px 4px;
		}
		
		.ui-datatable thead th.download_column {
			min-width: 130px;
		}
		.ui-datatable tbody td.download_column{
    		padding: 4px;
    		min-width: 130px;
    	}
		
		/* PF8 override*/
		.ui-datatable table {
		    table-layout: auto;
		}

		.download_column {
			width: 1%;
		}
	
		.doc_table th.download_column, .doc_table th.effdate_column, .doc_table th.accdate_column  {
    		padding: 2px;
			width: 1%;
		}
		.doc_table th.effdate_column {
			min-width: 100px;	
		}
		.doc_table th.accdate_column {
			min-width: 150px;	
		}
		
		.attsize_column {
			width: 1%;
			text-align: right;
		}
		
		.atts_table {
 			border-collapse:collapse;
 		}
		.atts_table input {
			width: 100%;
		}
 		.ruleMetadataTable {
 			width: 100%;
			border-collapse: separate;
			border-spacing: 1px;
 		}
 		.ruleMetadataTable tr {
 			width: 100%;
			/*border: 1px solid #dfdfdf;*/
 		}
		
		.spacer_td {
			width: 8px;
			min-width: 8px;
		}
		
		.label_column {
			width: 1%;
			min-width: 140px;
			padding-right: 5px;
			text-align: right;
			white-space:nowrap;
		}
		.label_column_left_align {
			width: 1%;
			min-width: 140px;
			padding-right: 5px;
			text-align: left;
			white-space:nowrap;
		}
		.label_column_top{ 
			vertical-align: top;
		}
		.nowrap_column {
			white-space:nowrap;
		}
		.textAreaTD {
 			/*padding: 0px 10px 3px 0px;*/	/*v Opera/Chrome je lepsi 0 10 0 0*/
		}
		
		.ruleMetadataTable input {
			width: 150px;
		}
		.ruleMetadataTable textarea {
			width: 100%;
			min-width: 400px;
			height: 36px;
		}
		.atts_table textarea, .doc_table textarea {
			width: 100%;
			height: 17px;
		}
		
		.ruleMetadataTable  .long_input {
			/*width: 300px; to fit  just one column */ /* !!!: selectOneMenu does not work this way, update it in src (add 6px)*/
			width: 100%;
		}
		.ruleMetadataTable .first_value_column{
			width: 1%;
		}
		
		#ruletypeTD {
			padding-bottom: 3px;
		}
		
		.ui-widget, .ui-widget button, .ui-widget .ui-widget {
			font-family: Segoe UI, Arial, sans-serif;
			font-size: 10pt;
		}
		
		.action-bar .ui-button {
		}
		
		.action-bar {
			display: block;
			margin: 4px 8px 4px 8px;
		}
		.ui-button, .ui-fileupload-buttonbar .ui-button {
			margin: 0px 8px 0px 0px;
			background: none;
			background-color: #007236;
			border: 0px;
			height: 28px;

			border-radius: 0px;
			color: white;
			font-weight: normal;
			text-shadow: none;
			font-family: Segoe UI, Arial, sans-serif;
			font-size: 10pt;
			box-shadow: none;
		}
		button.ui-state-default, button.ui-state-focus {
			background: none;
			background-color: #007236;
		}

		/* rules - filter bar */
		.listFilterTable td {
			padding: 0px 15px 3px 0px;
		}

.switcher {
	background-color: #ececec;
	padding: 5px 5px 0px 10px;
	border: 0px solid black;
}
.switcher .tab {
	height: 22px;
	padding: 5px 10px 0px 10px;
	margin: 0px 4px 0px 0px;
	white-space: nowrap;
}
.switcher .active {
	background-color: #ffffff;
}
.switcher .inactive {
	background-color: #d7d7d7;
}
.switcher a {
	color: #202020;
	text-decoration: none;
}

.info-icon {
	background-color: #FF1D1D;
	color: white;
	border-radius: 10px;
	padding:  0 5px;
	margin-left: 3px;
	margin-right: -5px;
} 

.subordinate-tabs .info-icon {
	background-color: #007236;
} 

.main-body {
	margin: 6px;
	display: block;
}
.filter-block, .dialog-filter-block {
	padding: 3px 0px 5px 0px;
	display: block;
}
.filter-block td {
	padding: 0px 5px 0px 0px;
}

.dialog-filter-block .ui-button {
	margin: 0px 8px 0px 8px;
}

.listFilterTable td.filter-label {
	padding-right: 5px; 
	white-space:nowrap
}

.required_mark {
	color: red;
}

.header .ui-button {
	margin-right: 0px;
}

/* this must be because of stupid IE and displacing problem with primefaces dropdowns (p:selectOneMenu) */
body {
    overflow-y: scroll;
}


.left_align {
	text-align: left;
}

.label_bold {
	font-weight: bold;
}

.hint-text {
	font-style: italic;
	padding: 5px 0px;
}

/* attachment */
.attachmentsDiv {
	padding-top: 5px;
	
}
.attachmentsLabel {
	padding-top: 5px;
	font-weight: bold;
	padding-bottom: 5px;
	
}
/* reset primefaces setting */
.attachmentsDiv table {
	width: auto;
}

/*	
.attachmentsLabel {
	min-width: 60px;
	float: left;
}
*/
 .floatDiv {
 	float: left;
 }
 
 .floatRightDiv {
 	float: right;
 }
 
.floatReset {
	clear:both;
}
/* zalozka/sekce dokumentu  */
.sectionLabel {
	/*background-color: rgb(204,204,204);*/
	padding: 3px 0px;
	border-bottom: 2px solid rgb(79,129,189);
	margin-bottom: 3px;
}

.cancelDirSectionLabel {
	padding: 3px 0px;
	margin-bottom: 3px;
}

.updateLabel {
	padding: 3px 0px;
	border-bottom: 1px dotted rgb(79,129,189);
}

#spacer {
	width: 70%;
	height: 1px;
	float: left;
	
}
/* metadata dokumentu - tabulka */
.docMetadataTable {
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
}
.docMetadataTable td{
	vertical-align: top;
}
/* TODEL
.docMetadataDatesCol {
	width: 1%;
	white-space: nowrap;
	padding-right: 10px;
}
*/
.docMetadataTable textarea {
	width: 100%;
}
.currentDocMetadataLabel {
	width: 150px; 
}

/*float: left; dat. ucinnosti do zahlavi*/
.documentIdentifier {
	font-weight: bold;
	padding: 0px;
}
.documentIdentifierSpan{
	font-weight: bold;
	display: inline-block;
}
.documentIdentifierSpanNotEdit{
	font-weight: bold;
	display: inline-block;
}
.documentIdentifierInTableSpan{
	font-weight: bold;
	color: black;
}

/* END metadata dokumentu */
/* prepinaci ikony */ 
.fullwordingicon {
	padding-right: 10px;
}
/* END zalozka/sekce dokumentu  */
/* subordinates overview */

.highlight_not_accepted,
.highlight_not_accepted a {
	font-weight: bold;
	color: red;
}
/* ruleholders > ruleMetadataTable */
.so_main-body {
	padding: 3px 10px;
}
.ruleholdersmetadata .label_column {
	text-align: left;
}

.td_emphasis {
	font-weight: bold;
}
.so_title { /*title in subordinate views */
	font-weight: bold;
	font-size: 15pt;
	background-color: rgb(204,204,204);
	/*border-radius: 2px;*/
	padding: 10px 10px;
	padding-top: 5px;
	margin-bottom: 5px;
}
/* END ruleholders > ruleMetadataTable */

/* accept document */
.acceptBlock {
	background-color: rgb(255,201,14);	/*"gold"*/
	text-align: center;
	font-weight: bold;
	padding: 15px;
	margin-top: 5px;
}
.acceptName {
	color: red;
}
.acceptDirectiveName {
	font-weight: normal;
	font-size: 14pt;
}
.acceptButton {
	color: white;
	font-weight: bold;
	min-width: 100px;
	margin: 10px; 	
}
/* END accept document */

/* XXX overide of theme default - grey input fields */
.ui-widget-content input.ui-state-default {
	background-color: rgb(255,255,255);
}

/*ruleholders detail*/
.third_div {
	width: 30%;
}
.so_left_div {
	width: 365px;
}
.so_left_div  .documentIdentifier{
	display: inline-block;
	text-align: right;
	padding-left: 1px;
	padding-right: 5px;
}
/*
.ui-icon-folder-open {
	background: url('images/toggle.png') no-repeat center;
}

.ui-icon-folder-collapsed{
	background: url('images/toggle-expand.png') no-repeat center;
}
*/

/* os screen */
.full_width_div {
	width: 100%;
}
.os-panel{
	width: 100%;
}

.ui-tree .ui-icon-triangle-1-e{
	background-color: green;
}

.ui-tree .ui-icon-triangle-1-s{
	background-color: green;
}

/* PF reset */
.ui-corner-all {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.ui-corner-top {
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
}
.ui-inputfield,.ui-widget-content .ui-inputfield,.ui-widget-header .ui-inputfield
	{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.ui-icon {
	width: 16px;
	height: 16px;
	background-image: url('ui-icons_555555_256x240.png');
}

/* fix of PF green theme checkbox */
.ui-state-default .ui-chkbox-icon {
	display: block;
}

.ui_checkbox_label_right.ui-chkbox-label {
	float:right;
}

/* change of PF default error icon */
.ui-messages-error-icon {
	background-position: 0px -184px;
}

/* Preview mode label */
.previewIdentifier {
	font-size: 18pt;
	font-weight: bold;
	color: red;
}

.nstIdentifier {
	font-size: 11pt;
	font-weight: bold;
	margin-left: 20px;
}

.historyDetailExpansionButton {
	width:30px; 
	height:25px; 
	background-color: #007236; 
	border:0px; 
	color:white;
}

.mustAceeptInfoLink {
	padding-left: 147px;
}
.mustAceeptInfoLink a {
	font-size: 18pt;
	font-weight: bold;
}

.ui-datatable-header {
    font-weight: bold;
}

.acceptanceAfterFamDateHighlighting {
	color: red;
}

.ask-assign-dialog .ui-widget-header {
	background: #35528f;
	color: white;
}

.docValidityEnd {
	font-weight: bold;
	color: red;
}

.selectDialog .ui-widget-content .ui-state-highlight {
	color: white;
	background: rgb(172, 12, 66);
}

.emailsHistoryDialog .ui-dialog-footer {
	text-align: right;
}

.searchEmployeeDialog .ui-datatable-scrollable-body {
	overflow-x: hidden;
}

#busyScreen_blocker, #busyScreen, #loadingOSScreen_blocker, #loadingOSScreen {
	position: fixed;
}

.screenBlocker {
	position: fixed;
	z-index:999; 
	display: none; 
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:#aaaaaa;
	opacity: .30;
	filter: Alpha(Opacity = 30);
}

.dirStatistics {
	float: right;
}

.dirStatistics .ui-icon-refresh{
	background-image: url('images/ui-icons_555555_256x240.png');
	display: inline-block;
	background-position: -64px -80px;
	background-color: rgba(0,0,0,0);	
}

.copyAttachmentsButton {
	float: right;
	margin-right: 0;
}

.action-bar .yellow-button {
	background-color: #b9b909;
	color: black;
}

.centerText {
	text-align: center;
}

.newDepTable td, .deletedDepTable td {
	border: 1px solid #dfdfdf;
} 

.newDepTable th, .deletedDepTable th {
	border: 1px solid #dfdfdf;
	background: #e6e6e6;
	color: #555555;
	font-weight: normal;
}

.confirmDialog .ui-confirm-dialog-message {
	width: 95%;
}

.srcDepartment {
	margin-bottom: 10px; border: 1px;
}

.srcDepartment td {
	padding: 4px 10px 4px 4px;
}

.filterEmployeeId {
	width: 100px; 
}


/* undo for scrollable table columns issue */ 
.ui-datatable-scrollable table {
	table-layout: fixed;
}

.ui-datatable-scrollable thead th {
	white-space: unset;
}

.info-icon-button {
	background-position: -32px -145px;
	background-color: red;
	border-radius: 10px
}

.configButtonTile {
	width: 150px;
	height: 100px;
	font-weight: bold;
}

.main-body .ui-datatable .truncatedColumn {
	text-overflow: ellipsis; 
	white-space: nowrap;
	overflow: hidden;
} 

.truncatedColumn > span {
	display: inline;
}

.white-background-tr {
	background: white;
}

.ui-datepicker-calendar-container .ui-state-active {
	color: white;
	background: #007236;
}

.roles .ui-datatable {
	padding-bottom: 10px;
}

.roles td, .roles th {
	width: 25%;
}

.background-white > .ui-chkbox-box {
	background: white;
} 

