/**
 * Tutaj umieszczamy wszystkie style, które nie pasują do żadnej z
 * pozostałych kategorii. Plik nie powinien zmieniać domyślnego wygląda
 * RF ani PF, a jedynie wygląd elementów, którym nadaliśmy własną klasę.
 */

/** strony błędów */
.errorPageMessage {
	font-size: 120%;
	padding: 30px;
	border: solid white;
	text-align: center
}

.errorPageMessage a {
	font-size: 100%;
}
/** strony błędów - KONIEC */


/** okno edycji */
.editPopupPanel div.rf-p-b {
	padding: 0px;
}

.editPopupPanel div.rf-p {
	padding: 10px 20px;
}

.editPopupPanel div.rf-pp-cnt {
	background-color: white;
}

.editPopupPanel .outerPanel {
	background-color: #E8E8E8;
}

div.dataGroupGrid {
	border-top: none;
	border-bottom: none;
}

/* tabela danych w postaci etykieta: wartosc; etykieta pogrubiona i dosunięta do prawej */
.dataGroupGrid td:first-child {
	text-align: right;
	font-weight: bold;
}

.dataGroupGrid table table td:first-child,.dataGroupGrid .dataTable td:first-child,table.dataGroupGrid table td:first-child
	{
	text-align: inherit;
	font-weight: inherit;
}

/* etykieta pola edycji*/
.editGridWrapper>table>tbody>tr>td:first-child,.editGWValPadding>table>tbody>tr>td:first-child {
	width: 25%;
}

.editGridWrapper>table.longLabels>tbody>tr>td:first-child,.editGWValPadding>table.longLabels>tbody>tr>td:first-child {
	width: 35%;
}

.editGridWrapper>table>tbody>tr>td:nth-child(2) {
	width: 10px;
}

.editGridWrapper>.dataTable>tbody>tr>td:first-child,.editGridWrapper>.dataTable>tbody>tr>td:nth-child(2)
	{
	width: inherit;
}

.editGWValPadding>table>tbody>tr>td:nth-child(2) {
	padding-left: 10px;
}

/**/

.editGridWrapper>table,table.dataGroupGrid {
	width: 100%;
	border-spacing: 2px;
	border-collapse: separate;
}

table.dataGroupGrid.readOnly {
	border-spacing: 10px;
	border-collapse: separate;
}

.textAreaLabel {
	padding-bottom: 12px;
}

.rf-pp-hdr-cntrls a span.pi.pi-times {
	margin: 6px;
	color: white;
}

/* grupy pól edycji */
.editPanelGroup {
	border-top: solid 1px #B6AD84;
	padding: 10px 0;
}

.editPanelGroup:first-child {
	border: inherit;
}
/**/

/* nagłówek dla grupy pól w edycji */
.editGroupHeader,a.editGroupHeader {
	color: inherit;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
}

div.editComments {
	/* komentarz w stopce edycji, np. '* - pola wymagane' */
	padding-right: 10px;
	text-align: right;
	font-size: 95%;
}

/* inputWrapperPanel: panel w którym umieszczony jest input, resetujemy domyślne marginesy, ramki itp. */
.rf-p.inputWrapperPanel,.editPopupPanel .rf-p.inputWrapperPanel {
	border: none;
	background: none;
	padding: 1px 0 1px 0;
	margin: 0;
	box-shadow: none;
}

.rf-p.inputWrapperPanel .rf-p-b {
	padding: inherit;
}

/* Panel wokół ikony wyświetlającej pomoc ("i") */
.graphicTtWrapper,.graphicTtWrapper .rf-p-b {
	display: inline;
}

.inputWrapperPanel.graphicTtWrapper .rf-p-b {
	padding-left: 5px;
}

.pi.pi-question-circle,a.buttonLike .pi-exclamation-circle, .pi-arrow-circle-right, .pi-undo {
	color: #E06832;
	text-shadow: 0 0 5px rgba(255,255,255,1.0), 0 0 5px rgba(255,255,255,1.0);
}

.graphicTtWrapper .pi {
	vertical-align: middle;
	font-size: 21px;
	position: relative;
	top: -2px;
}


.info.pi {
	vertical-align: middle;
	font-size: 21px;
}

/**/

/** okno edycji - KONIEC */


/** chooserTemplate */

/* kolumna zawierająca przycisk "wybierz" otwierający okienko wyboru w edycji */
.chooserButton {
	width: 25%;
	text-align: right;
}

.chooserButton,.narrowChooserButton {
	padding-right: 15px;
}

table.chooserTemplateButtons {
	float: right;
}

.chooserTemplateButtons .pi-times,a.buttonLike img,a.buttonLike .pi,a.buttonLike .pi,span.buttonLike img,.rf-ddm-lbl-dec img,.rf-ddm-lbl-dis img {
	padding-right: 3px;
}

/* chooserTemplate - KONIEC */


/** popup z komunikatem o błędzie */
.errorPopupGrid .rf-msg-err,.errorPopupGrid .rf-msg-wrn {
	background: none;
	color: inherit;
	white-space: pre-wrap;
	word-break: break-word;
}

.rf-p.alertBottomButtonPanel {
	margin-top: 20px;
	border-bottom: none;
	border-left: none;
	border-right: none;
	background-color: inherit;
}
/** popup z komunikatem o błędzie - KONIEC */


/** panel z przyciskami nad tabelą */
.buttonInnerPanel, .buttons {
	width: 100%;
	margin-bottom: 5px;
}
/**/

.iconLinkLeft {
	margin-right: 5px;
}

img.sortArrow {
	opacity: 0.3;
	margin-left: 2px;
	margin-right: -2px;
}

img.sortArrow:hover, img.sortArrow.set {
	opacity: 1;
}

img.sortArrow.up {
	margin-bottom: -2px;
}

img.sortArrow.down {
	margin-bottom: 2px;
}

/* ----------------------------------- */

a .pi.pi-times {
	color: rgb(155,172,138);
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

a:focus .pi.pi-times {
	color: rgb(121, 143, 99);
}

/* ikona informacji */
.pi-info-circle, .inline.pi-question-circle {
	color: #E06832;
	font-size: 1.2em;
	font-weight: bold;
}

/* action arrow enabled */
a span.pi.pi-arrow-right {
	color: rgb(155,172,138);
	text-shadow: none;
}

/* action arrow disabled */
span .pi.pi-arrow-right,a span.pi.pi-arrow-right {
	vertical-align: sub;
	font-size: 1.5em;
	padding-right: 2px;
}

.invalidOutputText {
	display: block;
	border: solid red 1px !important;
	width: 100%;
	color: black;
}

.dateTimeCal input.rf-cal-inp {
	width: 121px !important;
}

input.invalid-input,textarea.invalid-input,.invalid-input input, table.invalid-input,select.invalid-input {
	border: solid red 1px !important;
	background-image: none !important;
	box-sizing: border-box;
}

input[type=checkbox].invalid-input, .invalid-input.ui-texteditor {
	outline: 1px solid red;
}

.invalid-input .rf-pick-tgt .rf-pick-lst-dcrtn {
	border: solid red 1px !important;
	background-image: none !important;
}

.required-field-mark {
	color: red;
}

.headerCommentGreen {
	color: green;
}

textarea[disabled],input[type="text"][disabled],input[type="password"][disabled],select[disabled],input.disabled,td.disabled,.disabled,span .pi.pi-arrow-right {
	color: grey;
}

input[readonly]{
	color: grey;
	cursor: default;
}

input:focus, textarea:focus, select:focus {
	box-shadow: 2px 2px 4px rgb(155,172,138), inset 0 2px 5px rgba(0, 0, 0, 0.1);
}

a.buttonLike:focus>img, input[type="radio"]:focus, input[type="checkbox"]:focus {
	box-shadow: none;
}

input[type="radio"]:focus:only-child, input[type="radio"]:focus + label, input[type="checkbox"]:focus:only-child, input[type="checkbox"]:focus + label, a:focus>img {
	box-shadow: 2px 2px 4px rgb(155,172,138);
}

:focus {
	outline: medium none;
}

img.disabled {
	opacity: 0.5;
}

.invalidMsg {
	color: red;
	display: inline-block;
	position: relative;
	width: 100%;
	padding-right: 10px;
	text-align: left;
}

/* Szerokości pól input oraz select*/

.tinyInput, .tinySelect {
	width: 50px;
}

.tinyInputPanel, .tinySelectPanel {
	width: 55px;
}

.narrowInput, .narrowSelect {
	width: 100px;
	background-color: white;
}

.narrowInputPanel,.narrowSelectPanel {
	width: 105px;
}

.mediumInput,.mediumSelect {
	background-color: white;
	width: 200px;
}

.mediumInputPanel,.mediumSelectPanel {
	width: 205px;
}

.longLabels .wideInput,.longLabels .wideSelect {
	width: 320px;
}

.longLabels .wideInputPanel,.longLabels .wideSelectPanel {
	width: 325px;
}

.wideInput,.wideSelect {
	background-color: white;
	width: 400px;
}

.wideInputPanel,.wideSelectPanel {
	width: 405px;
}

.hugeInput {
	background-color: white;
	width: 700px;
}

.hugeInputPanel {
	width: 705px;
}

.selectColumn {
	width: 100%;
	padding: 3px 0;
}

table.choosingInEdit {
	width: 100%;
	border-spacing: 0;
}

/** podświetlanie i zaznaczanie wiersza w tabeli */
.active-row {
	font-weight: normal;
	text-align: left;
	cursor: pointer;
	background-color: #EEEEEE;
}

tr.selected-row {
	text-align: left;
	font-weight: normal;
}

tr.selected-row td {
	background-color: inherit !important;
}

table.selectedTable tr.selected-row,tr.selected-row {
	background-color: #ffd;
	cursor: default;
}

table.selectedTable tr.selected-row {
	border: 1px double;
	border-color: #757575;
}

/** podświetlanie i zaznaczanie wiersza w tabeli - KONIEC */


div.mainContent {
	max-height: 100%;
	position: relative;
	float: right;
	overflow: auto;
}

/* komentarz na stronie, np. 'kliknij, aby wybrać' */
.comment {
	font-size: 95%;
	font-style: italic;
}

input.panelButton {
	margin: 10px auto 0;
	display: block;
}

.selected-row *.rf-dt {
	font-weight: normal;
}

/* Odtworzenie stylów z FontAwesome dla Prime Icons */
body .pi-2x {
	font-size: 2rem;
}

body .pi-3x {
	font-size: 3rem;
}

body .pi-4x {
	font-size: 4rem;
}

.pi.pi-3x {
	width: 42px;
	margin: 6px 16px 6px 0;
	text-align: center;
}

.pi.big {
	margin: 6px 10px;
	text-align: center;
	font-size: 3em;
}

.pi-exclamation-triangle, .pi-exclamation-circle {
	color: rgba(167, 30, 30, 0.5);
}

a.buttonLike .pi-exclamation-circle, .inline.pi-question-circle {
	margin-left: 5px;
	vertical-align: middle;
}

/** Zawijanie długich słów w dataTable:*/
table.dataTable {
	table-layout: fixed;
	width: 100%;
}

table.dataTable.normalLayout {
	table-layout: inherit;
}
/**/


a.buttonLike:visited,a.buttonLike:hover {
	color: white;
}

a.buttonLike, span.buttonLike, .buttonLikeDdm .rf-ddm-lbl-dec, .fileUploadPanel .rf-fu-btn-cnt-add {
	/* Ten styl należy trzymać w stanie zsynchronizowanym z klasą *.rf-ds-btn w pliku
	 * rf-overrides.css. */
	text-decoration: none;
	white-space: nowrap;
	padding: 0.6em 1.2em 0.66em 1.2em;
	border: 1px solid #5c7049;
	border-radius: 3px;
	color: rgba(255,255,255,0.9);
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2), inset 1px 1px 2px rgba(255,255,255,0.4);
	cursor: pointer;
	display: inline-block;
	text-overflow: clip;
	transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	margin-right: 4px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9bac8a+0,889f71+35,6e8658+79,869c70+100 */
	background: rgb(155,172,138); /* Old browsers */
	background: linear-gradient(to bottom,  rgba(155,172,138,1) 0%,rgba(136,159,113,1) 35%,rgba(110,134,88,1) 79%,rgba(134,156,112,1) 100%);
}

.buttonLikeDdm *.rf-ddm-lbl-dec:after {
	content: "\00a0\00a0▾" /* Trochę brzydkie, ale bez przekompilowania RF chyba nie da się wstawić tu ładniejszego HTMLa. */
}
.buttonLikeDdm .rf-ddm-lbl-dec {
	padding-right: 1.0em;
}

a.buttonLike:focus,a.buttonLike:hover,.fileUploadPanel .rf-fu-btn-cnt-add:hover,.fileUploadPanel .rf-fu-btn-cnt-add:focus,.buttonLikeDdm .rf-ddm-lbl-dec:hover,.buttonLikeDdm .rf-ddm-lbl-dec:focus {
	/* Jak wyżej, synchronizować w klasą *.rf-ds-btn:hover z pliku rf-overrides.css. */
	cursor: pointer;
	color: white;
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3), inset 1px 1px 2px rgba(255,255,255,0.6);
	transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	border: 1px solid #5c7049;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8c9f79+0,7a9262+35,63794f+79,798f63+100 */
	background: rgb(140,159,121); /* Old browsers */
	background: linear-gradient(to bottom,  rgba(140,159,121,1) 0%,rgba(122,146,98,1) 35%,rgba(99,121,79,1) 79%,rgba(121,143,99,1) 100%);
}

a.buttonLike:active {
	/* Jak wyżej, synchronizować z klasą *.rf-ds-btn:active z pliku rf-overrides.css. */
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2) inset;
	text-shadow: none;
	transition: all 50ms cubic-bezier(0.42, 0, 0.58, 1);

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a5b694+0,94aa7e+35,7c9862+79,92a77d+100 */
	background: rgb(165,182,148); /* Old browsers */
	background: linear-gradient(to bottom,  rgba(165,182,148,1) 0%,rgba(148,170,126,1) 35%,rgba(124,152,98,1) 79%,rgba(146,167,125,1) 100%);
}

span.buttonLike {
	opacity: .35;
}

.rf-ddm-lbl.rf-ddm-dis, .fileUploadPanel .rf-fu-btn-cnt-add-dis {
	/* Jak wyżej, synchronizować z klasą *.rf-ds-btn.rf-ds-dis z pliku rf-overrides.css. */
	display: inline-block;
	text-decoration: none;
	white-space: nowrap;
	padding: 8px 14px;
	border: 1px solid rgba(153,153,153,0.3);
	border-radius: 3px;
	color: rgba(0,0,0,0.6);
	box-shadow: inset 1px 1px 2px rgba(255,255,255,0.4);
	text-shadow: none;
	margin-right: 4px;
	cursor: default;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9b9b9b+0,888888+35,6f6f6f+100&0.3+0,0.3+100 */
	background: linear-gradient(to bottom,  rgba(155,155,155,0.3) 0%,rgba(136,136,136,0.3) 35%,rgba(111,111,111,0.3) 100%);
}

.dataTable a.buttonLike,
.dataTable span.buttonLike,
.rf-dt-hdr-c a.buttonLike,
.dataTable .buttonLikeDdm .rf-ddm-lbl-dec,
.dataTable button,
.dataTable input[type="reset"],
.dataTable input[type="submit"],
.dataTable input[type="button"],
.dataTable .rf-ddm-lbl.rf-ddm-dis,
.chooserTemplateButtons a.buttonLike,
.chooserTemplateButtons span.buttonLike,
a.smallButtonLike,
span.smallButtonLike,
.smallBtns .rf-pick-btn,
input[type="button"].small,
button.small,
.small.buttonLikeDdm .rf-ddm-lbl-dec {
	padding: 0.2em 0.4em 0.3em 0.5em;
	margin: 2px;
}

a.buttonLike,.buttonLikeDdm,.buttonContainer {
	display: inline-block;
}

.buttonLikeDdm {
	padding: 0;
	border: none;
	background: none;
	z-index: inherit;
}
/**/


/** Style strony z filtrami na górze*/
table.topFilterGrid,table.popupHeader {
	width: 100%;
}

table.topFilterGrid>tbody>tr>td {
	vertical-align: top;
	padding-right: 15px;
}

table.topFilterGrid td:last-child {
	padding-right: inherit;
}
/**/


/** ogólne */
.alignBottom {
	vertical-align: bottom;
}

.alignCenter {
	text-align: center;
}

.alignLeft,td.alignLeft,.buttonLikeDdm .rf-ddm-pos {
	text-align: left;
}

.alignMiddle {
	vertical-align: middle;
}

.alignRight,td.alignRight {
	text-align: right;
}

.alignSub {
	vertical-align: sub;
}

.grayedOut {
	opacity: 0.4;
}

.noBorder {
	border: none !important;
}

.noPadding {
	padding: 0 !important;
}

.notDisplayed {
	display: none !important;
}

.notVisible {
	visibility: hidden;
}

.nowrap {
	white-space: nowrap;
}

.w-2 {
	width: 2%;
}

.w-3 {
	width: 3%;
}

.w-4 {
	width: 4%;
}

.w-5 {
	width: 5%;
}

.w-6 {
	width: 6%;
}

.w-7 {
	width: 7%;
}

.w-8 {
	width: 8%;
}

.w-9 {
	width: 9%;
}

.w-10 {
	width: 10%;
}

.w-12 {
	width: 12%;
}

.w-15 {
	width: 15%;
}

.w-17 {
	width: 17%;
}

.w-20 {
	width: 20%;
}

.w-25 {
	width: 25%;
}

.w-27 {
	width: 27%;
}

.w-30 {
	width: 30%;
}

.w-35 {
	width: 35%;
}

.w-40 {
	width: 40%;
}

.w-42 {
	width: 42%;
}

.w-45 {
	width: 45%;
}

.w-50 {
	width: 50%;
}

.w-55 {
	width: 55%;
}

.w-57 {
	width: 57%;
}

.w-60 {
	width: 60%;
}

.w-62 {
	width: 62%;
}

.w-65 {
	width: 65%;
}

.w-70 {
	width: 70%;
}

.w-72 {
	width: 72%;
}

.w-75 {
	width: 75%;
}

.w-80 {
	width: 80%;
}

.w-90 {
	width: 90%;
}

.w-92 {
	width: 92%;
}

.w-95 {
	width: 95%;
}

.width_100p, .w-100 {
	width: 100% !important;
}

/* Styl do aktywnego linku w kolumnie z akcjami*/
.actionColumn>a {
	display: block;
	color: black;
	padding: 0;
}

/* Styl do linku disabled w kolumnie z akcjami */
.actionColumn>span {
	display: block;
	color: grey;
	padding: 0;
}

/* Styl do aktywnego linku w kolumnie z akcjami*/
.actionColumn>a:hover {
	text-decoration: underline;
}

/* filtr z datą w nagłówku tabeli */
div.dateFilter {
	display: inline-block;
}

.dateFilterGrid {
	margin: 0 auto;
}

.dateFilterGrid .leftContent, th .leftContent {
	margin-right: 5px;
}

/* Style dla plików pomocy */
.helpPanel {
	max-width: 60em;
}

.helpPanel>.rf-pp-cnt-scrlr, .helpPanel>.rf-pp-shdw {
	max-width: 100%;
}

td.helpImgCol {
	text-align: right;
	vertical-align: top;
	padding-left: 5px;
}

.helpPanel .elem {
	font-style: italic;
	background-color: lightyellow;
}

.helpPanel .value {
	font-style: italic;
	background-color: #EEE;
}

.helpPanel .pi {
	margin: 0 5px;
}
/**/

.bold {
	font-weight: bold;
}

.note {
	opacity: 0.5;
	font-size: 90%;
}

/** Style dla badge'a osób */
div.badgeGroup  {
	margin-top: 10px;
}

.badgeGroup li:first-letter {
	text-transform: capitalize;
}

#osobaBadgeData td {
	padding: 2px;
	vertical-align: top;
}
/**/


/* animacja ikonek na przyciskach (ktore nie otwieraja menu) */
@keyframes pulse-grow {
	to {
		transform: scale(1.3);
	}
}

a.buttonLike:hover>img, a.buttonLike:hover>.pulse, .pulse:hover {
	animation: pulse-grow 0.4s linear 0.8s infinite alternate;
}

.uad-paginator {
	margin: 4px 5px 0 0; /* TODO tragiczne do ostylowania (wyśrodkowania w pionie) */
	float: right;
}

/* Wyrownanie wysokości linii w tabeli z editDelete dla HTML5 */
*.rf-dt-c a img, *.rf-dt-c span img, *.rf-cst-c a img, *.rf-cst-c span img {
	vertical-align: text-top;
}

/* Style tooltipa walidacji */
.valTT img {
	vertical-align: top;
	padding-right: 3px;
}

.valTT span:last-child {
	vertical-align: top;
	color: red;
}

/* Styl do selecta i autocompleta w popup'ie */
.rf-sel-lst-cord.inPopup, .ui-autocomplete-panel.inPopup {
	position: fixed;
}

/* Ten wpis pozwala ostylować klasą "rf-msgs-err" komponent h:messages tak, że komunikat o błędzie wygląda jak w rich:messages */
ul.rf-msgs-err {
	list-style-type: none;
}

/* Styl zapewniający wyświetlanie tylko dużych liter w polu */
input.uppercase, span.uppercase {
	text-transform: uppercase;
}

/* Styl dla h:selectOneRadio, który dodaje odstęp między wartościami */
td:not(:last-child)>input[type="radio"]+label {
	padding-right: 10px;
}

a.languages {
	color: rgba(255, 255, 255, 0.95); /* Dla systemów bez Emoji; odpowiednik koloru z ui-menu */
	font-size: 1.5em;
}