.emi-box {
	background: white;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #ccc;
	position: relative;
}

.comp.form {
  display: flex;
  flex-grow: 1;
  height: 100%;
}

.emi-flex-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.emi-static-content {
  flex-grow: 1;
  overflow: auto;
}

.reset-button-styles {
  display: initial;
  position: initial;
  z-index: initial;
  float: initial;
  height: initial;
  margin: initial;
  padding: initial;
  border-radius: initial;
  border: initial;
  border-top-color: initial;
  border-bottom-color: initial;
  background: initial;
  color: initial;
  font-size: initial;
  font-weight: initial;
  text-shadow: initial;
  background-color: initial;
}

.emi-small-button {


}

/**
 * Style dla modali.
 */


.emi-modals-container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 1000;
}

.emi-modals-overlay {
  position: fixed;
  width: inherit;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
}

.emi-modal {
    display: flex;
    flex-direction: column;
}

.emi-modal-top-bar {
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
}

.func-modal-tab {
	overflow-y: auto;
  flex-grow: 1;
  display: flex;
  flex-direction: column;

  /* https://stackoverflow.com/questions/24741502/can-i-do-anything-about-repaints-on-scroll-warning-in-chrome-for-overflowscr */
  transform: translateZ(0);
}

.emi-lightweight-modal-content p {
	font-size: 1.3em;
}

.func-modal-content-container .modal-safety-mask, .modal-overlay .modal-safety-mask {
    width: 100%;
    height: 100%
}

.modal {
    margin: auto;
    padding-top: 30px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 1000px;
    height: 70%;
    background: #fff;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000
}

.modal-options {
    width: 100%;
    height: 30px;
    position: relative;
    top: -30px
}

.modal-content {
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  flex: 1 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
}

.emi-modal-controls {
  display: flex;
  flex-shrink: 0;
  margin: 3px;
}

.emi-modal-controls .dirty-state-indicator {
  margin-top: 4px;
  margin-right: 3px;
}

.emi-modal-buttons-container {
   display: flex;
}

.emi-modal-buttons-container > li {
  display: inline-block;
  margin-left: 3px;
}

.emi-modal-buttons-container > * a,
.emi-modal-buttons-container > * button {
  margin: 0;
}

.emi-modal-buttons-container > * {
  margin-left: 3px;
}

/**
 * Style ogólne dla pól formularza.
 */

.emi-floating-form {
  position: relative;
  border-radius: 5px;
  border: 1px solid #ccc;
  color: #2c2823;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f6f6f6), to(#D4D4D5));
  background: -webkit-linear-gradient(#f6f6f6, #D4D4D5);
  background: -moz-linear-gradient(#f6f6f6, #D4D4D5);
  background: -ms-linear-gradient(#f6f6f6, #D4D4D5);
  background: -o-linear-gradient(#f6f6f6, #D4D4D5);
  background: linear-gradient(#f6f6f6, #D4D4D5);
  -pie-background: linear-gradient(#f6f6f6, #D4D4D5);
}

.form-top-bar h3 {
  float: left;
}

.form-top-bar .dirty-state-indicator {
  float: right;
  display: block;
  margin: 2px;
  margin-right: 10px;
}

img { max-width: none; }

.emi-hidden {
    display: none
}

.emi-hidden-form {
    display: none
}


.emi-noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.emi-form-field {
	margin: 0 0 3px 0;
}

.emi-form-field-label, .emi-form-field-field, .emi-form-field-tip, .emi-form-field-controls {
  /* display: inline-block; */
  /* vertical-align: top; */
}

.emi-form-field-controls {
  margin-left: 5px;
}

.emi-form-field-label {
  text-align: right;
  margin-right: 5px;
  width: 300px;
  font-size: 12px;
  line-height: 25px;
}

.emi-form-field-tip {
	width: 25px;
  height: 25px;
  margin-right: 5px;
}

.emi-form .func-fieldset {
  padding: 20px;
}

.emi-form select,
.emi-form input:not([type=checkbox]) {
  width: 400px;
  box-sizing: border-box;
}

.emi-form [data-field-type=textarea] .emi-controls button {
  /*margin-bottom: 3px;*/
  display: block;
}

.emi-form-field-controls span {
	margin-left: 3px;
	margin-right: 0px;
}


.tooltipsy {
	padding: 15px;
	background: white;
	box-shadow: 0 0 1px #c8c7c6;
	border-radius: 5px;
	border: 1px solid #ccc;
	max-width: 300px;
}

.emi-vertical-center {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.emi-form-controls button {
  margin-right: 6px;
}

.emi-generic-button {
  border-radius: 5px;
  font-size: 14px;
  padding: 9px 10px;
  background-color: azure;
  text-shadow: 1px 1px 0 #ddd;
  border: 1px solid #cbcbcb;
  border-top-color: #cecece;
  border-bottom-color: #b1b1b1;
  border-right-color: #b1b1b1;
}

/*.emi-generic-button:hover {
  color: #e10000;
}*/

/**
 * Ogólne dla grida
 */

.comp.grid .emi-grid-top-section {
	display: flex;
	justify-content: space-between;
	/*margin-bottom: 20px;*/
}

.comp.grid .emi-grid-top-section .emi-grid-left-column > *, .comp.grid .emi-grid-top-section .emi-grid-right-column > * {
  margin-bottom: 20px;
}

.emi-grid-top-section button {
	margin-right: 3px;
}

.empty-grid-placeholder {
	padding: 20px;
	background: white;
	border-radius: 5px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
	font-size: 1.2em;
}

.gridTable {
	margin-bottom: 20px;
}

.comp.grid .emi-grid-checkbox {
	width: 19px;
	text-align: center;
	vertical-align: middle;
	padding: 0; border: 0; background: none; box-shadow: none;
}

.comp.grid .emi-grid-lp {
	text-align: center;
}

.comp.grid td, .comp.grid th {
	height: 25px;
}

.comp.grid .emi-table tbody tr:hover td:not(.emi-grid-checkbox):not(.emi-grid-options-cell) {
	background-color: rgb(230, 230, 230);
}

.comp.grid .emi-grid-options-cell, .emi-table .emi-grid-options-cell {
  width: 140px;
  height: 26px;
  border: 0;
  background: none;
  box-shadow: none;
  padding: 1px 0 1px 4px;
}

.comp.grid .emi-func-grid-controls .emi-fa-icon-button, .emi-table .emi-grid-options-cell .emi-fa-icon-button {
  margin-right: 3px;
}

.comp.grid .emi-blank, .emi-table .emi-blank {
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}

.comp.grid .timeline-buttons {
  margin-bottom: 20px;
}

.emi-tiles-container .emi-tile {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
  vertical-align: top;
  cursor: pointer;
}

.emi-tile .emi-tile-description {
  position: absolute;
  width: inherit;
  box-sizing: border-box;
  padding: 5px;
  background: rgba(255, 255, 255, 0.7);
  bottom: 10px;
}

/**
 * Grid paginator.
 */

.comp.gridPaginator {
	margin: 0 0 20px;
}

.comp.gridPaginator ol {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.comp.gridPaginator li {
	position: relative;
	font-size: 1.2em;
	text-shadow: 0 1px 0 #fff;
	margin-right: 2px;
	display: inline-block;
	vertical-align: top;
}

.comp.gridPaginator select {
	height: 26px;
}

.comp.gridPaginator .emi-control-button {
	cursor: pointer;
	margin: 0;
}

.comp.gridPaginator li.emi-page-button {
	overflow: hidden;
	padding: 0 5px;

	border-radius: 4px;
	border: 1px solid #d2d2d2;
	border-top-color: #bcbcbc;

	text-align: center;

	background: #dddddd;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#D5d5d5));
	background: -webkit-linear-gradient(#fefefe, #D5d5d5);
	background: -moz-linear-gradient(#fefefe, #D5d5d5);
	background: -ms-linear-gradient(#fefefe, #D5d5d5);
	background: -o-linear-gradient(#fefefe, #D5d5d5);
	background: linear-gradient(#fefefe, #D5d5d5);
	-pie-background: linear-gradient(#fefefe, #D5d5d5);

	box-shadow: 0 1px 0 #adadad;

	color: #b03500;
	font-weight: 700;
	line-height: 23px;

	cursor: pointer;
}

.comp.gridPaginator li.emi-page-button:hover {
	color: black;
}

.comp.gridPaginator li.emi-page-button.emi-page-active-button {
	color: #000;
}


/**
 * Pole niepoprawne.
 */

.emi-invalid-input input {
	background-color: rgb(255, 129, 129);

	color: white;
}

.emi-invalid-input label {
	color: rgb(255, 129, 129);
}

/**
 * Style dla pola checkbox.
 */

.emi-form-field-field input[type=checkbox] {
	margin: 0.5em 0px;
}

/**
 * Style dla list.
 */

.emi-form-field-select-simple.emi-select {
	display: inline-block;
	vertical-align: top;
	/*margin-right: 5px;*/
}

[data-enable-autocomplete=on] select.emi-select {
	width: 311px;
}

/**
 * style dla list 
 */

/**
 * Style dla pola passwordChanger
 */

.comp.passwordChanger .emi-form-field-field > * {
	float: left;
}

.comp.passwordChanger .emi-form-field-field label {
	width: auto;
}

.comp.passwordChanger .emi-form-field-field input[type=checkbox] {
	margin-right: 5px;
}

.comp.passwordChanger .emi-form-field-field input[type=password] {
	margin-top: 3px;
	clear: both;
}

/* Style dla big cropper area */

.comp.bigCropperArea {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
/* 
.emi-cropper-container {
  flex-grow: 1;
  display: flex;
  overflow: auto;
}

.emi-cropper-container > img {
  max-height: 90%;
  max-width: 90%;
}


.emi-cropper-top-controls {
  margin-bottom: 20px;
}

.emi-cropper-top-controls button {
  margin-right: 6px;
} */

/*
Style dla checkboxDb
*/

.comp.checkboxDb .emi-form-group li label {
  font-size: 12px;
  line-height: 17px;
}

.comp.checkboxDb .emi-form-group li > input[type=checkbox],
.comp.proceeding .emi-form-group li > input[type=checkbox] {
	width: auto;
  margin: 3px;
  margin-left: 0;
}

.comp.checkboxDb .emi-form-group li > *,
.comp.proceeding .emi-form-group li > * {
	float: left;
}

.comp.checkboxDb .emi-form-group li > span > *,
.comp.proceeding .emi-form-group li > span > * {
	float: left;
}

.comp.checkboxDb .emi-form-field-controls {
	display: block;
}

/**
 * Procedowanie
 */

.comp.proceedingCheckboxList > .grid:first-child {
	margin-bottom: 20px;
}

.comp.proceedingCheckboxList > .grid:first-child > div {
	font-size: 12px;
	padding: 5px 0;
}
.comp.proceedingCheckboxList > .grid:first-child > div.emi-proceeding-procedure-name {
	font-weight: bold;
	font-size: 1.6em;
}

.comp.proceedingCheckboxList > .grid {
	padding: 20px;
}

.comp.proceedingCheckboxList > .grid button {
  margin-right: 6px;
}

.emi-proceeding-procedure-status > * {
  display: inline-block;
  font-size: 12px
}

.emi-proceeding-message {
	font-style: italic;
}

.emi-proceeding-message-failed {
	color: rgb(232, 34, 34);
}

.emi-proceeding-message-finished {
	color: rgb(44, 171, 17);
}

.emi-proceeding-message-not-attempted {
	color: rgb(232, 34, 34);
}

.comp.proceedingCheckboxList ul {
  margin-top: 0;
  margin-bottom: 20px;
  list-style: none;
  font-size: 12px;
  padding-left: 0;
}

.comp.proceedingCheckboxList input[type="checkbox"],
.comp.proceedingCheckboxList input[type="radio"] {
  margin-right: 5px;
}


/**
 * Style dla steppera
 */

.comp.stepper .emi-form-field-field {
	position: relative;
}

.emi-stepper-controls div {
	display: block;
	width: 27px; height: 13px; background: url(../images/sprite-a.png) no-repeat;
	text-indent: -3000em;
	cursor: pointer;
}

.emi-stepper-controls {
	position: absolute;
  right: 0px;
  top: 0px;
	z-index: 1;
}

.emi-stepper-controls .emi-stepper-plus-one { background-position: -147px -362px; }
.emi-stepper-controls .emi-stepper-minus-one { background-position: -147px -375px; }

.emi-stepper-minus-one {}

/**
 * Style dla pola kontekstu
 */

.comp.context .emi-form-field-field {
	font-size: 12px;
  	line-height: 25px;
}

/**
 * Pasek postępu
 */

.emi-func-progress-outer {
	background: url(../images/sprite-a.png) 0 -725px repeat-x;
	border-radius: 4px;
	box-shadow: 0 1px 0 #fff;
	border: 1px solid #d2d2d2;
	border-top-color: #cbcbcb;
	height: 11px;
}

.emi-func-progress-inner {
  border-radius: 4px;
	width: 0px;
	height: 11px;
	box-shadow: inset 0 0 1px rgba(0,0,0,.05);
	background: url(../images/sprite-a.png) 0 -741px repeat-x;
}

/**
 * Komentarze do procedur
 */

.emi-proceeding-comment, .emi-proceeding-no-comment {
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #ccc;
	background: #fafafa;
}

.emi-proceeding-comment:not(:last-child), .emi-proceeding-no-comment:not(:last-child) {
  margin-bottom: 10px;
}

.emi-proceeding-comment-date {
	font-style: italic;
	color: rgb(170, 170, 170);
	margin-bottom: 10px;
}

/**
 * procedowanie
 */

.proceedingField > div {
	float: left;
	margin-right: 5px;
}

.emi-proceeding-edit-procedure {
	float: right;
}

.emi-func-procedure-node > * {
	float: left;
}

.emi-func-procedure-node > input {
	margin-top: 7px;
	margin-right: 5px;
}

.emi-func-procedure-node > .emi-control-button {
	margin: 0;
}


/**
 * Diagram procesów
 */

.emi-process {
	padding: 20px;
	background: white;
	margin-bottom: 20px;
	box-shadow: 0 0 1px #c8c7c6;
	border-radius: 5px;
	border: 1px solid #ccc;
}

.emi-process-edit-process {
	float: right;
}

.emi-process .emi-process-name {
	font-size: 1.5em;
}

.comp.processAction {
	padding: 7px;
	background-color: rgb(232, 232, 232);
	margin-top: 7px;
	/* box-shadow: 0 0 1px #c8c7c6; */
	border-radius: 5px;
	border: 1px solid #ccc;
}

.emi-process-edit-event {
	float: right !important;
}

.comp.processAction > div {
	font-size: 1.2em;
}

.comp.processAction form {
	margin-top: 5px;
}

.comp.processAction > div:not(:nth-of-type(1)) {
	margin-top: 7px;
}

.emi-action-name {
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 5px;
	display: inline-block;
}

.emi-action-clarification-selects select {
	margin-right: 5px;
}

.comp.processAction .proceedingField .emi-proceeding-status, .comp.processAction .proceedingField .emi-proceeding-procedure-name, .comp.processAction .proceedingField .emi-proceeding-procedure-message {
	padding-top: 7px;
}

/*
Style dla raportów.
 */

.comp.generateReport {
    float: left
}

/*
definicje stylów dla przycisków
*/

/*.emi-control-button {
	display: block;
	position: relative;
	float: left;
	width: 25px;
	height: 26px;
	margin: 0 3px 0 0;
	background: url(../images/sprite-a.png) -3000em -3000em no-repeat;
	text-indent: -3000em;
	text-align: left;
}

.emi-control-button-mode {
    display: block;
    width: 27px;
    height: 28px;
    background: url(../images/sprite-a.png) -218px -101px no-repeat;
    cursor: pointer;
}

.emi-control-button-mode:hover {
	background-position: -247px -101px;
}*/

/**
 * Dropzone style.
 */

.emi-grid-dropzone *, .emi-grid-row-dropzone * {
    pointer-events: none
}

.emi-grid-dropzone {
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(255, 255, 255, 0.7);
	top: 0px;
	left: 0px;
	padding: 20px;
	box-sizing: border-box;
	overflow-y: auto;
	z-index: 10;
}

.emi-grid-row-dropzone {
	width: 100%;
	position: absolute;
	background: rgba(255, 255, 255, 0.8);
	top: 0px;
	left: 0px;
	padding-top: 8px;
  padding-left: 7px;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 10;
  border: 1px solid rgb(150, 150, 150);
  border-radius: 4px;
}

.emi-grid-dropzone-placeholder {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 10px;
    border-radius: 5px;
    border: 1px dashed #ccc;
    background: rgb(250, 250, 250);
    font-size: 2.5em;
}

.dz-preview {
	padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: rgb(250, 250, 250);
    margin-bottom: 10px;
}

.emi-table tr {
	position: relative;
	width: auto;
	height: auto;
}

/**
 * Style dla daty rozmytej
 */

.comp.fuzzyDate input[type=radio] {
	width: 20px;
}

.comp.fuzzyDate .emi-fuzzy-date-control > * {
  display: inline-block;
  vertical-align: top;
}

.comp.fuzzyDate .emi-fuzzy-date-control {
  margin: 2px 0;
}

.comp.fuzzyDate .emi-fuzzy-date-control span {
	width: 90px;
}

.comp.fuzzyDate select {
	width: 100px;
}

.emi-fuzzy-date-list-container > div {
  margin-bottom: 3px;
}

.emi-fuzzy-date-list-container span {
	display: inline-block;
	width: 90px;
}

.emi-fuzzy-date-range > div {
	float: left;
	margin-right: 20px;
}

.comp.fuzzyDate  .emi-fuzzy-date-range {
  margin-top: 3px;
}

.emi-fuzzy-date-texts > * {
	display: inline-block;
}

.comp.fuzzyDate .emi-fuzzy-date-texts .from-label {
	width: 90px;
}

.comp.fuzzyDate .emi-fuzzy-date-texts .to-label {
  width: 110px;
  padding-left: 20px;
  box-sizing: border-box;
}

.comp.fuzzyDate .emi-fuzzy-date-texts > input[type=text] {
	width: 100px;
}

/**
 * Style dla komponentu z prawami do kart modali.
 */

.emi-modal-rights-container {
	margin-bottom: 20px;
}

.emi-modal-rights-title {
	font-size: 1.5em;
	font-weight: 600;
	margin-bottom: 10px;
}

.emi-modal-rights-title > span {
	font-style: italic;
	color: #828282;
}

.emi-modal-rights-tabs ul > li {
	display: inline-block;
	padding: 5px;
	border-radius: 5px;
    border: 1px solid #ccc;
    background-color: #fff;
    margin-right: 5px;
    margin-top: 5px;
}

.emi-modal-rights-tabs ul > li > * {
	display: inline-block;
}

.emi-modal-rights-tabs ul > li > input {
	margin-right: 5px;
}

.emi-modal-rights-tabs ul > li > label > span {
	font-style: italic;
	color: #828282;
}

/**
 *
 */

.emi-subform-relations-select-container {
	margin-bottom: 20px;
}

/**
 * Łączenie duplikatów
 */

.comp.resolveMergingConflicts .emi-resolving-group {
	margin-bottom: 20px;
}

.comp.resolveMergingConflicts .emi-document-id {
    font-size: 1.5em;
}
.comp.resolveMergingConflicts ul {
	margin-bottom: 10px;
}

.comp.resolveMergingConflicts > :last-child {
  margin-bottom: 20px;
}

.comp.resolveMergingConflicts button {
  margin-right: 5px;
}

.comp.setupDuplicatesMerging > * {
  margin-bottom: 10px;
}

.comp.setupDuplicatesMerging > :last-child {
  margin-bottom: 20px;
}

.comp.setupDuplicatesMerging > p {
  font-size: 12px;
}

.comp.setupDuplicatesMerging ul > li > * , .comp.resolveMergingConflicts ul > li > * {
	display: inline-block;
	vertical-align: top;
}

.comp.setupDuplicatesMerging ul > li, .comp.resolveMergingConflicts ul > li {
	padding-top: 5px;
}

.comp.setupDuplicatesMerging ul > li > label, .comp.resolveMergingConflicts ul > li > label {
	margin-left: 5px;
	font-size: 12px;
}

/*.comp.setupDuplicatesMerging .emi-export-structure-select {
	margin-bottom: 20px;
}*/

.comp.setupDuplicatesMerging table td {
	font-size: 1.4em;
}

.comp.setupDuplicatesMerging table td:first-child {
	padding-right: 10px;
}

.comp.resolveMergingConflicts .emi-field-group {
	background-color: white;
    margin-top: 20px;
}

.comp.resolveMergingConflicts .emi-field-group > .emi-field-name {
	font-size: 1.5em;
	margin-bottom: 10px;
}

.comp.resolveMergingConflicts .emi-exact-value > span {
	font-size: 1.5em;
}

.comp.resolveMergingConflicts .emi-resolving-controls {
	margin-top: 20px;
}

/**
 * Komponent z czynnościami cyklicznymi
 */

.cyclicActions .emi-cyclic-date-container {
	margin-bottom: 20px;
}

.cyclicActions .emi-cyclic-date-container > * {
	float: left;
	margin-right: 5px;
}

.cyclicActions .emi-cyclic-date-container > span {
	font-size: 1.5em;
	margin-top: 4px;
}

/**
 * Autouzupełnianie w listach.
 */

.emi-list-db-autocompletion-container {
	display: inline-block;
	vertical-align: top;
	width: 84px;
	margin-right: 5px;
}
.comp .emi-list-db-autocompletion-container > input[type=text] {
	width: 84px;
  box-sizing: border-box;
}

/**
 * Style dla filtrów w gridzie.
 */

.comp.gridFilter .emi-active-filters-container {
	margin-right: 56px;
	min-height: 27px;
	padding: 0 25px 0 100px;
	border: 1px solid #c0c0c0;
	background: #ddd;
	color: #7a7a7a;
	font-size: 14px;
	font-style: normal;
	line-height: 25px;
	border-radius: 5px;
	box-sizing: border-box;
	position: relative;
}

.comp.gridFilter .emi-active-filters-container > label {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0 !important;
	padding: 0 0 0 32px;
	background: url(../images/sprite-a.png) 5px -842px no-repeat;
	color: #999;
	font-weight: 700;
	font-style: normal;
	font-size: 14px;
	line-height: 26px;
}

.comp.gridFilter .emi-active-filters-bar {
  display: flex;
  flex-wrap: wrap;
}

.comp.gridFilter .emi-active-filters-bar > .emi-active-filter {
	font-size: 12px;
  display: flex;
  align-items: center;
  margin-right: 5px;
}

.comp.gridFilter .emi-active-filters-bar .emi-active-filter-remove {
  display: inline-block;
  flex-shrink: 0;
  width: 20px;
	height: 18px;
	cursor: pointer;
	background: url(../images/sprite-a.png) no-repeat;
	background-position: -348px -31px;
	margin-left: 5px;
}

.comp.gridFilter .emi-active-filters-controls {
	width: 84px;
	position: absolute;
	top: 0px;
	right: -60px;
}

.comp.gridFilter .emi-filter-controls {
  margin-top: 20px;
  margin-left: 307px;
}

.comp.gridFilter .emi-active-filters-controls .emi-control-button {
	cursor: pointer;
}

.comp.gridFilter .emi-filter-fields-container.active {
	position: relative;
	left: 0;
	top: 0;
  margin-top: 20px;
}

.comp.gridFilter .emi-filter-fields-container {
	/*margin-left: 100px;*/
	position: absolute;
	left: -3000em;
	top: -3000em;
}

.comp.gridFilter .emi-filter-field {
	width: 100%;
	margin-bottom: 5px;
}

.comp.gridFilter .emi-filter-field > * {
	display: inline-block;
  vertical-align: top;
}

.comp.gridFilter .emi-filter-field > .filter-field > input:only-child {
	width: 407px;
}

.comp.gridFilter .emi-filter-field > .filter-field > select:only-child {
	width: 424px;
}

.comp.gridFilter .emi-filter-field .filter-label {
	width: 280px;
  font-size: 12px;
  text-align: right;

  padding-top: 7px;
  box-sizing: border-box;
}

.comp.gridFilter .emi-filter-field .func-empty-value-switch {
  padding: 0 7px;
  padding-top: 7px;
}

/*.comp.gridFilter .emi-filter-field .filter-label > span {

}*/

.comp.gridFilter .emi-filter-field .filter-db-checkbox input[type=checkbox] {
	width: auto; margin-left: 5px; position: relative; top: 3px;
}

.comp.gridFilter [data-type=calendar] input[type=text],
.comp.gridFilter [data-type=datetime] input[type=text],
.comp.gridFilter [data-type=number] input[type=text],
.comp.gridFilter [data-type=currency] input[type=text],
.comp.gridFilter [data-type=stepper] input[type=text],
.comp.gridFilter [data-type=forgivingDate] input[type=text] {
	width: 193px;
	margin-right: 5px;
}

.comp.gridFilter [data-type=list] select {
  width: 423px;
}

.comp.gridFilter [data-type=text] input[type=text],
.comp.gridFilter [data-type=iconclass] input[type=text],
.comp.gridFilter [data-type=textarea] input[type=text],
.comp.gridFilter [data-type=computedValue] input[type=text] {
  width: 407px;
}

.comp.gridFilter [data-type=iconclass] .left-column,
.comp.gridFilter [data-type=iconclass] .right-column {
  width: 423px;
}


.func-empty-value-switch label {
	line-height: 20px;
}

.func-empty-value-switch label input[type=checkbox] {
	vertical-align: middle;
	margin-left: 5px;
}

.emi-filter-controls button {
  margin-right: 6px;
}

/*
Filtr iconclass
*/

.func-filter-field .pinned-notations {
    margin-bottom: 3px;
  width: 416px;
}

.func-filter-field .pinned-notation {
  display: inline-block;
  margin-right: 5px;
}

.func-filter-field .pinned-notation > div {
  vertical-align: top;
  display: inline-block;

}

.func-filter-field .pinned-notation .notation-text {
  font-size: 12px;
  padding: 3px;
}

/**
 * Komponent do określania celu.
 */

.emi-destination-filter {
	padding: 20px;
	background: white;
	margin-bottom: 20px;
	box-shadow: 0 0 1px #c8c7c6;
	border-radius: 5px;
	border: 1px solid #ccc;
	width: 200px;
	float: left;
}

.emi-destination-filter .emi-destination-filter-item {
	text-decoration: none;
	font-size: 1.2em;
	padding: 5px 0;
}

.emi-destination-filter .emi-destination-filter-item .emi-active-destination-filter {
	font-weight: bold;
}

.emi-destination-filter .emi-destination-filter-item .emi-disabled-destination-filter {
	color: gray;
	text-decoration: none;
	cursor: default;
}

.emi-destination-chooser {
	float: left;
	margin-left: 20px;
}

.emi-destination-data-source {
	margin-bottom: 20px;
}

.emi-destination-clarification {
	margin-bottom: 20px;
}

.emi-destination-controls button {
	float: left;
	margin-right: 6px;
}

/**
 * Definicje stylów dla przycisków
 */

.emi-control-button {
	display: inline-block;
	position: relative;
	/*float: left;*/
	width: 25px;
	height: 26px;
	margin: 0 3px 0 0;
	background: url(../images/sprite-a.png) -3000em -3000em no-repeat;
	text-indent: -3000em;
	text-align: left;
	cursor: pointer;
}

.emi-small-control-button {
	width: 18px;
	height: 18px;
	background: url(../images/sprite-a.png) -3000em -3000em no-repeat;
	text-indent: -3000em;
	text-align: left;
}

.emi-control-button-mode {
	display: block;
	width: 26px;
	height: 26px;
	background: url(../images/sprite-a.png) -219px -101px no-repeat;
	cursor: pointer;
}

.emi-control-button-mode:hover {
	background-position: -247px -101px;
}

/**
 * Stlye dla edytora JSON i kodu
 */

.comp.jsonRaw .emi-jsonraw-editor, .comp.code .emi-code-editor {
	position: relative;
	width: 400px;
	height: 200px;
}

/**
 * Style dla komponentu ze źródłem JSON
 */

.raw-json-buttons {
    margin-bottom: 10px;
}
.raw-json-buttons button {
    margin-right: 6px;
}
.raw-resolved {
    display: none
}

.emi-control-button.emi-btn-reorder {background-position: 0 -661px; }
.emi-control-button.emi-btn-configure {background-position: -28px -661px; }
.emi-control-button.emi-btn-close {background-position: -56px -661px; }
.emi-control-button.emi-btn-refresh {background-position: -113px -661px; }
.emi-control-button.emi-btn-clear {background-position: -141px -661px; }
.emi-control-button.emi-btn-edit {background-position: -169px -661px; }
.emi-control-button.emi-btn-form {background-position: -197px -661px; }
.emi-control-button.emi-btn-grid {background-position: -225px -661px; }
.emi-control-button.emi-btn-pin {background-position: -342px -165px; }
.emi-control-button.emi-btn-add {background-position: -342px -195px; }
.emi-control-button.emi-btn-calendar {background-position: -32px -315px; }
.emi-control-button.emi-btn-play {background-position: -131px -315px; }
.emi-control-button.emi-btn-resume {background-position: -131px -286px; }
.emi-control-button.emi-btn-diagnose {background-position: -131px -256px;}
.emi-control-button.emi-btn-prev {background-position: -319px -364px; }
.emi-control-button.emi-btn-next {background-position: -291px -364px; }
.emi-control-button.emi-btn-file {background-position: -84px -661px; }
.emi-control-button.emi-btn-procreate {background-position: -342px -285px; }
.emi-control-button.emi-btn-question {background-position: -342px -255px; }
.emi-control-button.emi-btn-pinGrid {background-position: -342px -225px; }
.emi-control-button.emi-btn-search {background-position: -32px -882px; }
.emi-control-button.emi-btn-folded {background-position: -391px -33px; }
.emi-control-button.emi-btn-unfolded {background-position: -368px -33px;}
.emi-control-button.emi-btn-page-next { background-position: -350px -661px; }
.emi-control-button.emi-btn-page-next-next { background-position: -378px -661px; }
.emi-control-button.emi-btn-page-next-next-next { background-position: -406px -661px; }
.emi-control-button.emi-btn-page-prev { background-position: -322px -661px; }
.emi-control-button.emi-btn-page-prev-prev { background-position: -294px -661px; }
.emi-control-button.emi-btn-page-prev-prev-prev { background-position: -266px -661px; }

.emi-small-control-button.emi-btn-close {background-position: -350px -55px;}

.emi-control-button.emi-btn-reorder:hover { background-position: 0 -632px; }
.emi-control-button.emi-btn-configure:hover { background-position: -28px -632px; }
.emi-control-button.emi-btn-close:hover { background-position: -56px -632px; }
.emi-control-button.emi-btn-refresh:hover { background-position: -113px -632px; }
.emi-control-button.emi-btn-clear:hover { background-position: -141px -632px; }
.emi-control-button.emi-btn-edit:hover { background-position: -169px -632px; }
.emi-control-button.emi-btn-form:hover {background-position: -197px -632px; }
.emi-control-button.emi-btn-grid:hover {background-position: -225px -632px; }
.emi-control-button.emi-btn-pin:hover {background-position: -370px -165px; }
.emi-control-button.emi-btn-add:hover {background-position: -370px -195px; }
.emi-control-button.emi-btn-calendar:hover {background-position: -60px -315px; }
.emi-control-button.emi-btn-play:hover {background-position: -159px -315px; }
.emi-control-button.emi-btn-resume:hover {background-position: -159px -286px; }
.emi-control-button.emi-btn-diagnose:hover {background-position: -159px -256px; }
.emi-control-button.emi-btn-prev:hover {background-position: -347px -364px; }
.emi-control-button.emi-btn-next:hover {background-position: -263px -364px; }
.emi-control-button.emi-btn-file:hover {background-position: -84px -632px; }
.emi-control-button.emi-btn-procreate:hover {background-position: -370px -285px; }
.emi-control-button.emi-btn-question:hover {background-position: -370px -255px; }
.emi-control-button.emi-btn-pinGrid:hover {background-position: -370px -225px; }
.emi-control-button.emi-btn-search:hover {background-position: -32px -882px; }
.emi-control-button.emi-btn-page-next:hover { background-position: -350px -632px; }
.emi-control-button.emi-btn-page-next-next:hover { background-position: -378px -632px; }
.emi-control-button.emi-btn-page-next-next-next:hover { background-position: -406px -632px; }
.emi-control-button.emi-btn-page-prev:hover { background-position: -322px -632px; }
.emi-control-button.emi-btn-page-prev-prev:hover { background-position: -294px -632px; }
.emi-control-button.emi-btn-page-prev-prev-prev:hover { background-position: -266px -632px; }

.emi-control-button.emi-btn-prev.emi-btn-disabled {background-position: -347px -364px; }
.emi-control-button.emi-btn-next.emi-btn-disabled {background-position: -263px -364px;}

.emi-small-control-button.emi-btn-close:hover {background-position: -350px -31px;}

.options-a, .options-a > .inner { width: 140px; height: 26px; }
	/*.options-a a, .emi-form-field-control-button { display: block; position: relative;float: left; width: 25px; height: 26px; margin: 0 3px 0 0; background: url(../images/sprite-a.png) -3000em -3000em no-repeat; text-indent: -3000em; text-align: left; }*/
		.options-a a.a, .emi-form-field-control-button.a {background-position: 0 -661px; }
		.options-a a.b, .emi-form-field-control-button.b {left: 0px; background-position: -28px -661px; }
		.options-a a.c, .emi-form-field-control-button.c {left: 0px; background-position: -56px -661px; }
		.options-a a.d, .emi-form-field-control-button.d {background-position: -113px -661px; }
		.options-a a.e, .emi-form-field-control-button.e {background-position: -141px -661px; }
		.options-a a.f, .emi-form-field-control-button.f {background-position: -169px -661px; }
		.options-a a.g, .emi-form-field-control-button.g {background-position: -197px -661px; }
		.options-a a.h, .emi-form-field-control-button.h {background-position: -225px -661px; }
		.options-a a.i, .emi-form-field-control-button.i {background-position: -342px -165px; }
		.options-a a.j, .emi-form-field-control-button.j {background-position: -342px -195px; }
		.options-a a.k, .emi-form-field-control-button.k {background-position: -32px -316px; }
		.options-a a.l, .emi-form-field-control-button.l {background-position: -342px -255px; }
		.options-a a.m, .emi-form-field-control-button.m {background-position: -342px -285px; }
		.options-a .filter { left: 0; background-position: -388px -33px; }
		.filter-a.active .options-a .filter { background-position: -366px -33px; }
			.options-a .a:hover { background-position: 0 -632px; }
			.options-a .b:hover { background-position: -28px -632px; }
			.options-a .c:hover { background-position: -56px -632px; }
			.options-a .d:hover { background-position: -113px -632px; }
			.options-a .e:hover { background-position: -141px -632px; }
			.options-a .f:hover { background-position: -169px -632px; }
			.options-a .h:hover {background-position: -225px -632px; }
			.options-a .i:hover {background-position: -370px -165px; }
			.options-a .j:hover {background-position: -370px -195px; }
			.options-a .k:hover {background-position: -60px -316px; }
			.options-a .l:hover {background-position: -370px -255; }
			.options-a .m:hover {background-position: -370px -285px; }
		.options-a .inactive { cursor: default; }
			.options-a .a.inactive { background-position: 0 -690px; }
			.options-a .b.inactive { background-position: -28px -690px; }
			.options-a .c.inactive { background-position: -56px -690px; }
			.options-a .d.inactive { background-position: -113px -690px; }
			.options-a .e.inactive { background-position: -141px -690px; }
			.options-a .i.inactive { background-position: -314px -165px; }
			.options-a .j.inactive { background-position: -314px -195px; }
			.options-a .k.inactive {background-position: -32px -316px; }

.emi-form-field-control-button.pgd{
	background: url(../images/sprite-a.png) -342px -225px no-repeat;
}
.emi-form-field-control-button.pgd:hover{
	background-position: -370px -225px;
}

table {
	position: relative;
}

.table-a td { text-align: left; height: 38px;}
.table-a td.scheme-a { text-align: center; }

/*
clearfix:;
http://css-tricks.com/snippets/css/clear-fix/
*/
.emi-form-field:before, .group:before,
.emi-form-field:after, .group:after {
    content: "";
    display: table;
}
.emi-form-field:after, .group:after {
    clear: both;
}
.emi-form-field, .group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/*
Style dla geolocation
 */

.geolocationEmbedded {
  width: 100%;
  height: 100%;
}

.emi-filter-field[data-type=geolocation] div {
    position: relative;
    margin-bottom: 5px;
}
.emi-filter-field[data-type=geolocation] div span {
    position: absolute;
    top: 7px
}
.emi-filter-field[data-type=geolocation] div input {
    float: left;
    left: 125px
}
.emi-filter-field[data-type=geolocation] div button {
    float: left;
    margin-left: 125px
}

.geolocationEmbedded .func-save-coords {
    margin-top: 10px
}

.geolocationEmbedded .func-places-search {
  width: 300px;
}

.emi-geolocation-iframe {
    width: 100%;
    height: inherit
}

.modal-content .geolocationIframe {
    height: 550px
}

.comp.geolocation .emi-form-field-field .func-mark-on-map {
  margin-left: 5px;
}

.func-map-container {
  width: 100%;
  height: 100%;
}

form .func-map-container {
	width: 416px;
	height: 200px;
	margin-left: 128px !important;
}


.comp.gridFilter .func-map-container {
	width: 224px;
	margin-left: 135px !important;
}

/* Style dla list */
select:not([multiple]) {
	position: relative;
	height: 25px;
	/* margin-bottom: 3px; */
	padding: 0px 25px 0px 5px;
	border-radius: 5px;
	border-right: 1px solid #CBCBCB;
	border-left: 1px solid #CBCBCB;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	border-width: 1px;
	border-style: solid;
	border-color: #D4D4D4 #CBCBCB #ADADAD;
	color: #666;
	font-size: 12px;
	font-style: italic;
	line-height: 24px;
	background: url('../images/sprite-a.png') no-repeat scroll 100% -405px transparent;
}

select:disabled {
  background-color: rgb(235, 235, 228);
}

.tbody-reorder-placeholder {
  display: table-row;
}

.grid {
	background: linear-gradient(#f6f6f6, #D4D4D5);
	padding: 20px;
	border-radius: 5px;
	border: 1px solid #ccc;
	position: relative;
}

.modal-content .grid {
	background: #fafafa;
	padding-top:20px;
	padding-right: 20px;
	padding-left: 20px;
}

.comp.gridFilter .filter-a > div span.label, .js #root .filter-a > div span.label { display: block; position: absolute; left: 0; top: 0; margin: 0 !important; padding: 0 0 0 32px; background: url(../images/sprite-a.png) 5px -842px no-repeat; color: #999; font-weight: 700; font-style: normal; font-size: 14px; line-height: 26px; }
	.comp.gridFilter .filter-a > p.has-options { width: 100%; min-height: 27px; padding: 0 25px 0 97px; border: 1px solid #d2d2d2; border-color: #c0c0c0; background: #ddd; color: #7a7a7a; font-size: 14px; font-style: normal; line-height: 25px; border-radius: 5px;}
	.comp.gridFilter .filter-a > p.has-options { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }
		.comp.gridFilter .filter-a > p.has-options > label {padding: 0 0 0 32px!important; font-style: normal; color: #999;}
		/* Pozycja przycisków "Wyczyść" i "Zastosuj" w dolnej części  filtra */
		.comp.gridFilter .filter-a.active > div > p:last-child {margin-top: 15px; position: relative; width: 100%;}
.comp.gridFilter .filter-a .active-filters {overflow: hidden; }
.comp.gridFilter .filter-a .active-filters > .active-filter {display: inline-block; padding: 0px 5px; }
	.comp.gridFilter .filter-a span.active-filters > span.active-filter{position:relative; cursor: pointer; padding-right: 22px}
		/* Ikonka "usuń"(X) dla aktywnego filtra */
		.comp.gridFilter .filter-a span.active-filters > .active-filter .remove {
			width: 20px;
			height: 18px;
			display: inline-block;
			/*margin: 2px 2px;*/
			position: relative;
			top: 3px;
			left: 3px;
			cursor: pointer;
			background: url(../images/sprite-a.png) no-repeat;
			background-position: -348px -31px;/* visibility: hidden*/}
			/* Tekst dla spana z ikonką "usuń"(X) */
			.comp.gridFilter .filter-a span.active-filters > span.active-filter span.remove span{visibility: hidden}

.comp.grid .emi-table th {
  border-color: #cecece;
  min-height: 28px;
  padding: 7px;
  box-shadow: none;
}
.comp.grid .emi-table tfoot td:not(.emi-grid-checkbox):not(.emi-blank) {
	text-align: right;
	background: #e3e3e3
}

.comp.grid .pagination-a li > select {height: 23px; width: 35px; direction: rtl; margin: 0px; padding: 0px 6px 0px 0px; font-size: 1em; font-weight: 400; text-shadow: 0 1px 0 #fff; line-height: 0.7em; box-shadow: 0 1px 0 #fff; border-radius: 4px; border: 1px solid #d2d2d2; border-top-color: #bcbcbc; background: #dddddd; color: #000; text-decoration: none;}
.modal-a .tabs-a {box-shadow: none; border: none; background: none; margin: 0 0 10px 0;}
.modal-a .tabs-a:before {background: none; border: none; border-top: solid  1px #FFF;}

.comp.gridMode,
.comp.gridFilterMode {
	margin-bottom: 20px;
}

.comp.gridMode {
	float: left;
}

.comp.gridMode a,
.comp.gridFilterMode a {
	float: right;
}

.comp.mode {
	float: right;
}

.gridFilter {
       background: linear-gradient(#f6f6f6, #D4D4D5);
       padding: 20px;
       border-radius: 5px;
       border: 1px solid #ccc;
       margin-bottom: 20px;
}

.modal-content .grid {
        background: #fafafa;
        padding-top:20px;
        padding-right: 20px;
        padding-left: 20px;
}

.modal-content .gridFilter {
       background: #fafafa;
       padding-top:20px;
       padding-right: 20px;
       padding-left: 20px;
}

.filter-a{ border-bottom: none;}
.filter-a:after {background: none; }
.ui-state-default.ui-state-highlight{color: green;font-weight: bolder;}

/*
Poprawki wyświetlania pól do filtrów.
 */
.comp.gridFilter .triple-a > * { float: none;}
.comp.gridFilter .filter-row.group { width: 100%; margin: 0px 0px 10px 0px; }
.comp.gridFilter .filter-row.group { margin-left: 34px; }
.comp.gridFilter .filter-row.group > * { float: left; }
.comp.gridFilter .filter-row.group > .filter-field > input:only-child { width: 408px; }
.comp.gridFilter .filter-row.group > .filter-field > select:only-child { width: 424px; }
.comp.gridFilter .filter-row.group .filter-label { width: 120px; font-size: 10pt; }
.comp.gridFilter .filter-row.group .filter-label > span{ padding-top: 4px; padding-right: 5px; overflow-wrap: break-word; display: block;}
.comp.gridFilter .filter-row.group .filter-db-checkbox { margin-left: 120px; clear:both;}
.comp.gridFilter .filter-row.group .filter-db-checkbox input[type=checkbox] { width: auto; margin-left: 5px; position: relative; top: 3px; }

/*
Style dla defaultSort
 */

.comp.defaultSorter .comp.listDb .emi-form-field-label {
  display: none;
}

.comp.defaultSorter select {
	width: 198px;
}

.comp.defaultSorter div {
	float: left;
}
.comp.defaultSorter .listDb {
	width: 202px;
}

/*
Style dla komponentu przlicznika.
 */
.comp.converter {
	margin-bottom: 5px;
}
.comp.converter select {
	width: 95px;
	margin-left: 5px;
}

.comp.discreteConverter {
	margin-bottom: 5px;
}

.comp.discreteConverter select {
	width: 130px;
}

.comp.discreteConverter select:first-child {
	margin-right: 5px;
}

/* Komponent okruszkowy */

.comp.breadcrumbs {
	padding-bottom: 20px;
	font-size: 10pt;
}

.comp.breadcrumbs span {
	margin: 20px 0;
	padding-left: 5px;
}

.comp.breadcrumbs span a {
	text-decoration: none;
}

.comp.breadcrumbs span a:hover {
	text-decoration: underline;
}

.comp.breadcrumbs span:first-child {
	padding-left: 0px;
}

.comp.breadcrumbs span:not(:last-child):after {
	content: '»';
}
.comp.breadcrumbs span:not(:last-child)::after {
	padding-left: 5px;
}

.comp.dataSourceChooser select {
	width: 100px;
}

/**
 * Style dla gridPerPage
 */

.comp.gridPerPage select {
	float: right;
}


/* Formularz logowania do systemu */
.comp.loginComp .emi-login-controls {
  margin-top: 20px;
  margin-left: 335px;
}

.comp.loginComp .emi-login-controls button {
  margin-right: 6px;
} 


.comp.rights table tr:hover td {
	background-color: rgb(230, 230, 230);
}

.comp.ckeditor .cke {
  display: inline-block;
}


.comp.componentor .componentor-wrapper {
	margin-left: 128px;
}

.comp.componentor .componentor-wrapper > div {
	position: relative;
}

.comp.componentor .componentor-wrapper span {
	display: inline-block;
	position: absolute;
	top: 2px;
	left: 23px;
	font-size: 1.5em;
}

.comp.componentor .componentor-wrapper ul {
	display: none;
	margin: 5px 0;
	margin-left: 30px;
}

.comp.componentor .componentor-toggle-button {
	display: inline-block;
	background: url(../images/sprite-a.png) -3000em -3000em no-repeat;
	background-position: -327px -55px;
	width: 20px;
	height: 20px;
}

button.pin-grid-data {
	float: none;
	margin: auto;
}

.comp.grid .summary-a .pagination-a{
	bottom: auto;
}

/** Tagi */
.comp.tags input.func-new-tag {
	margin-right: 5px;
}

.comp.tags .emi-tags-list {
	width: 385px;
}

.comp.tags .emi-tags-list > div {
	font-size: 13px;
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	height: 20px;
}

.comp.tags .emi-tags-list > div > div {
	display: inline-block;
	vertical-align: top;
}

.comp.tags .emi-tags-list .emi-tag-value {
  line-height: 17px;
  font-size: 12px;
}

.comp.tags .emi-tags-list .emi-tag-remove {
  margin-left: 5px;
}

.comp.tags .emi-tags-list .emi-tag-remove > span {
  display: inline-block;
  cursor: pointer;
}

.comp.tags .emi-tag-input-container input {
  width: 400px;
}

.comp.tags span.ui-helper-hidden-accessible { display: none }

.comp.tags .emi-form-field-field .emi-tag-input-container,
.comp.tags .emi-form-field-field .emi-form-field-controls
 {
  display: inline-block;
  vertical-align: top;
}

/** Autouzupełnianie - css wzięty z jQuery-ui i "poprawiony". */
.autocomplete { z-index: 400 }
.autocomplete .ui-menu { z-index: 400; list-style: none; padding: 0; margin: 0; display: block; outline: none }
.autocomplete .ui-menu .ui-menu { position: absolute }
.autocomplete .ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  font-size: 12px;
 }
.autocomplete .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0 }
.autocomplete .ui-menu-icons { position: relative }
.autocomplete .ui-menu-icons .ui-menu-item { padding-left: 2em }
.autocomplete .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0 }
.autocomplete .ui-menu .ui-menu-icon { left: auto; right: 0 }
.autocomplete .ui-menu .ui-state-focus, .ui-menu .ui-state-active { font-weight: bold }
.autocomplete ul { z-index: 400; list-style-type: none; list-style: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border: 1px solid #DDD; cursor: default; display: none; left: 128px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; position: absolute; text-align: left; top: 25px; vertical-align: baseline; background: #FFF; background-color: #FFF }
.autocomplete li { z-index: 400; list-style-type: none; list-style: none; cursor: pointer; display: list-item; position: relative; vertical-align: baseline; width: 100%; background: #FFF; background-color: #FFF; border-left: none; border-right: none; background: none }
.autocomplete li::after { border-left: none; border-right: none; background: none }
.autocomplete li a { z-index: 400; font-size: 12px; font-weight: normal; color: #2c2823; background: none; background-image: none; text-decoration: none; list-style: none }
.ui-helper-hidden-accessible {
  display: none;
}
.progress-a { padding: 0; }
.progress-a .fit-a { width: 100%; }
.progress-a .fit-a .inner { width: 0%; }

/* Ostatnia kolumna grida dostosowuje szerokość do przycisków kontrolnych */
/*.comp.grid table { table-layout: fixed; width: auto; }*/
.comp.grid .emi-table th:last-child,
.comp.grid .emi-table td:last-child { width: 1%; white-space: nowrap; }
.comp.grid .emi-table td:last-child .gridControls.inner { display: inline-block; width: auto; }
.comp.grid .emi-table td:last-child .gridControls.inner:empty {width: 0px; height: 0px; margin:none; padding:none; display: none;}
.comp.grid .emi-table td:last-child .gridControls a { float: none; display: inline-block; }

/* Fix dla braku ramki w gridzie po prawej stronie w modalach w FF */
html.gecko.ff3 .modal-a .comp.grid table { border-collapse: inherit; }

/* Placeholdery */
.comp ::-webkit-input-placeholder { color: #8f8f8f; }
/* Mozilla Firefox 4 to 18 */
.comp :-moz-placeholder { color: #8f8f8f; opacity: 1; }
/* Mozilla Firefox 19+ */
.comp ::-moz-placeholder { color: #8f8f8f; opacity: 1; }
/* Internet Explorer 10+ */
.comp :-ms-input-placeholder { color: #8f8f8f; }


.grid-options button {
	float: left;
	clear: both;
	margin-bottom: 5px;
}

.form-a .comp.converter input[type=text] {
	width: 149px;
}

.thank-you {
	text-align: center;
}

.comp.calendar select, .comp.datetime select {
	width: 95px;
	margin-left: 5px;
}

.form-a .comp.calendar input[type=text], .form-a .comp.datetime input[type=text] {
	width: 149px;
}

.func-fullcalendar-container table {
	margin: 0;
}

.func-fullcalendar-container table td, .func-fullcalendar-container table th {
	box-shadow: none;
}

.func-fullcalendar-container div.fc-left > h2 {
	padding: 0;
}
.emi-table th {
    height: 33px;
    vertical-align: middle;
}
li.tree label{
    display: inline-block;
    padding: 5px;
}

/**
 * Image reader.
 */
.emi-image-reader-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
}

.comp.imageReader {
    /*padding: 20px;
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    font-size: 1.2em*/

	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10000;
	background: rgba(0, 0, 0, 0.9);
  display: flex;
  flex-direction: column;
}

.comp.imageReader[data-half-width=true] {
	width: 50%;
}

.comp.imageReader .top-bar {
	background: rgba(0, 0, 0, 0.5);
	color: rgb(220, 220, 220);
	padding: 10px;
	position: relative;
	height: 25px;
}

.comp.imageReader .top-bar .info-bar {
	font-size: 12pt;
}

.comp.imageReader .top-bar .close-button {
	width: 25px;
	height: 25px;
    background-position: center;
    background-repeat: no-repeat;
	background-image: url('/images/close.svg');
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.comp.imageReader .big-image {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.comp.imageReader .big-image .openseadragon-container {
  flex-grow: 1;
}

.comp.imageReader .zoomContainer {
    z-index: 1000;
}
.comp.imageReader .thumbnail-bar {
    overflow: hidden;
    position: relative;
    /*height: 76px;*/
    padding: 10px;
    background: rgba(0, 0, 0, 0.5);
}
.comp.imageReader .thumbnail-bar ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    /*position: absolute;*/
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.comp.imageReader .thumbnail-bar ul li {
    float: left;
    padding: 5px;
    cursor: pointer;
}

.comp.imageReader .thumbnail-bar .thumbnail-container {
  width: 100px;
  height: 100px;
}

.comp.imageReader .thumbnail-bar .loading-img {
  width: 50px;
  height: 50px;
  position: relative;
  top: 25px;
  left: 25px;
}

.comp.imageReader .thumbnail-bar ul li:hover {
    background: #fff;
}
.comp.imageReader .thumbnail-bar ul li.active {
    background: #fff;
}

.comp.imageReader .viewer-controls {
  display: flex;
  flex-direction: column;
  padding: 10px;
}

.comp.imageReader .viewer-controls button {
  margin-bottom: 3px;
}

.image-description {
	padding-top: 5px;
	font-size: 8pt;
	text-align: center;
	color: white;
}

.comp.imageReader .thumbnail-bar ul li.active .image-description, .comp.imageReader .thumbnail-bar ul li:hover .image-description {
	color: black;
}

.comp.imageReader .emi-func-open-reader {
    float: right;
}

.comp.imageReader .big-image-container {
	position: relative;
  flex-grow: 1;
  display: flex;
}

.comp.imageReader .ui-resizable-handle {
  height: 100%;
  width: 5px;
  cursor: col-resize;
  position: absolute;
  top: 0;
}

/**
 * Style dla meta grid config
 */

.meta-grid-config-button-container {
	margin-bottom: 20px;
  display: flex;
  justify-content: flex-end;
}

/**
 * Style dla gridDbList
 */

/*.gridDbList > * {
	display: inline-block;
	vertical-align: top;
}*/

.gridDbList .filter-db-field-controls {
	margin-left: 5px;
}

.gridDbList[data-multiple] select {
	width: 275px;
}

.gridDbList select {
  width: 304px;
}

.gridDbList .select-segment > * {
  display: inline-block;
  vertical-align: top;
}

.gridDbList .pinned-container table:not(:empty) {
  margin-top: 3px;
}

.gridDbList table {
  margin-bottom: 0px;
  width: 425px;
}

.gridDbList table .options-cell {
  border: 0;
  padding: 2px 0;
  padding-left: 3px;
  background: none;
  box-shadow: none;
  width: 25px;
}

/**
 * Style dla subformImage
 */

.comp.subformImage {
	text-align: center;
}

.comp.subformImage .emi-box {
	display: inline-block;
}

/**
 * Style dla elementu datepicker z jquery ui
 */

/* .ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px
}
.ui-timepicker-div dl {
    text-align: left
}
.ui-timepicker-div dl dt {
    float: left;
    clear: left;
    padding: 0 0 0 5px
}
.ui-timepicker-div dl dd {
    margin: 0 10px 10px 45%
}
.ui-timepicker-div td {
    font-size: 90%
}
.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0
}
.ui-timepicker-rtl {
    direction: rtl
}
.ui-timepicker-rtl dl {
    text-align: right;
    padding: 0 5px 0 0
}
.ui-timepicker-rtl dl dt {
    float: right;
    clear: right
}
.ui-timepicker-rtl dl dd {
    margin: 0 45% 10px 10px
}
.ui-helper-clearfix {
    min-height: 0
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}
.ui-slider-horizontal {
    height: .8em
}
.ui-slider {
    position: relative;
    text-align: left;
    background: #b4b4b4;
    -webkit-border-radius: 4px;
    border-radius: 4px
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    background: #e0e0e0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #c8c8c8
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}
.ui-datepicker {
    width: 20em
} */

/*!
 * jQuery UI Slider @VERSION
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

/* fuzzyDate filter */
.emi-filter-field[data-type=fuzzyDate] .emi-func-min,
.emi-filter-field[data-type=fuzzyDate] .emi-func-max,
.emi-filter-field[data-type=fuzzyDate] .emi-func-from,
.emi-filter-field[data-type=fuzzyDate] .emi-func-to {
	width: 50px;
	padding-right: 0px;
}

.emi-filter-field[data-type=fuzzyDate] .slider-container > div {
	float: left;
	margin-right: 10px;
}

.emi-filter-field[data-type=fuzzyDate] .emi-func-slider {
	width: 265px;
	position: relative;
	top: 8px;
}

.emi-filter-field[data-type=fuzzyDate] .selected-dates-container {
	text-align: center;
}

.emi-filter-field[data-type=fuzzyDate] .selected-dates-container > span {
	display: inline-block;
}

.emi-filter-field[data-type=fuzzyDate] .selected-dates-container > span:last-child {
	margin-left: 100px;
}

.emi-filter-field[data-type=fuzzyDate] .ui-slider-range {
	background-color: #616161;
}

/**
 Iconclass pole w formularzu
*/

.emi-form-field-field .iconclass-browser .iconclass-autocomplete-container input {
  width: 400px;
}

.emi-form-field-field .iconclass-browser .left-column,
.emi-form-field-field .iconclass-browser .right-column {
  width: 400px;
}


.emi-form-field-field .pinned-notations {
  margin-bottom: 3px;
  width: 400px;
}

.emi-form-field-field .pinned-notations .close-btn-cell {
  padding: 2px;
  width: 18px;
  cursor: pointer;
}

.notation-row {
  background: #e3e3e3
}

.notation-row:nth-child(odd) {
  background: white;
}

.notation-row > div {
  display: inline-block;
  vertical-align: top;
}

.notation-row .notation-row-close-button {
  padding: 2px;
  width: 18px;
  cursor: pointer;
}

.notation-row .notation-row-name {
  width: 100px;
  box-sizing: border-box;
  padding: 5px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.notation-row .notation-row-text {
  width: 278px;
  box-sizing: border-box;
  padding: 5px;
}

.iconclass-add-notation-container {
  margin-bottom: 3px;
}

.iconclass-add-notation-container .input-row {
  margin-bottom: 3px;
}

.iconclass-add-notation-container .add-notation-header {
  padding: 5px 0;
  font-weight: bold;
  font-size: 13px;
}

.iconclass-add-notation-container .add-notation-label {
  vertical-align: top;
  display: inline-block;
  width: 80px;
  margin-right: 5px;
  padding: 7px 0;
}

.iconclass-add-notation-container .input-row input[type=text],
.iconclass-add-notation-container textarea {
  vertical-align: top;
  display: inline-block;
  width: 315px;
}

/**
style dla przeglądarki notacji iconclass
*/


/*
Style dla powiadomień
*/

.noty_text {
  font-size: 12px;
}

/**
Style dla sortowania notacji
*/
.pinned-notations .ui-sortable {
  display: block;
  position: relative;
  overflow: visible;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pinned-notations .ui-sortable:before,
.pinned-notations .ui-sortable:after{
  content: " ";
  display: table;
}

.pinned-notations .ui-sortable:after{
  clear: both;
}

.pinned-notations .ui-sortable .ui-sortable-item {
  float: left;
  cursor: move;
}

.pinned-notations .ui-sortable .ui-sortable-item.ui-sortable-dragging {
  position: absolute;
  z-index: 1688;
}

.pinned-notations .ui-sortable .ui-sortable-placeholder {
  display: none;
}

.pinned-notations .ui-sortable .ui-sortable-placeholder.visible {
  display: block;
  z-index: -1;
}

.vertical.ui-sortable-item {
  float: none;
  display: block;
}

/**
  Style dla komponentu uploadu plików
*/

/**
Przycisk z ikoną fontawesome.
*/

.emi-fa-icon-button {
  position: relative;
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: top;
  background: url(../images/blank-icon.png) no-repeat;
  text-align: center;
  padding: 5px 0;
  cursor: pointer;
  color: #343434;
  box-sizing: border-box;
}

.emi-fa-icon-button .fa {
  line-height: initial;
  vertical-align: top;
  text-shadow: white 0 1px;
  font-size: 15px;
}

.emi-fa-icon-button:not([disabled]):hover {
  color: #ac0404;
}

.emi-fa-icon-button[disabled] {
  color: #868686;
}

.emi-fa-icon-button .icon-number {
  position: absolute;
  top: 13px;
  left: 13px;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  padding: 0px;
  background: rgb(173, 31, 4);
  color: #fff;
  text-align: center;
  font: 8px Arial, sans-serif;
}

.adminBar {
  width: 1205px;
  margin: 0 auto;
  padding: 5px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.adminBar .avatar img {
  width: 25px;
  height: 25px;
}

.adminBar .username {
  font-size: 13px;
  font-weight: bold;
}

.adminBar > div {
  margin-left: 5px;
}

.adminBar .controls > *:not(:first-child) {
  margin-left: 3px;
}



/*
Style dla context chooser
*/

.contextChooser table {
  width: auto;
}

.contextChooser table td {
  padding: 3px;
}

.contextChooser input {
  width: 400px;
  box-sizing: border-box;
  vertical-align: top;
  height: 26px;
}

.contextChooser .emi-func-pin {
  vertical-align: top;
  margin-left: 5px;
  margin-right: 0;
}

.contextChooser select {
  width: 400px;
}

.contextChooser .emi-list-filter-row td:first-child input {
  width: 370px;
}

/**
Style dla grida z przypinką
*/

.comp.pinAndCloseGrid {
  display: flex;
  height: 100%;
}

.comp.pinAndCloseGrid .emi-static-footer {
  padding-top: 20px;
}
/*
.comp.pinAndCloseGrid .emi-func-grid-pin-selected {
  margin-top: 20px;
}*/

/**
Style dla mikrofiltra
*/

.comp.microFieldFilter > .emi-box {
  padding: 20px;
  padding-left: 0;
  margin-bottom: 20px;
}

.comp.setupDocumentsExport > *:not(:last-child) {
  margin-bottom: 10px;
}

.comp.setupDocumentsExport > *:last-child {
  margin-bottom: 20px;
}

.comp.setupDocumentsExport > p {
  font-size: 12px;
}

.comp.setupExportFieldMap p {
  font-size: 12px;
  margin-bottom: 10px;
}

.comp.setupExportFieldMap > *:not(:last-child) {
  margin-bottom: 10px;
}

.comp.setupExportFieldMap table {
  margin: 0;
}


.emi-form-field-error {
  display: inline-block;
  padding: 5px;
  margin-left: 5px;
  border-radius: 3px;
  position: relative;
  border: 1px solid rgb(226, 83, 83);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;
  background-color: rgb(255, 129, 129);
  color: rgb(255, 255, 255);
  font-weight: bold;
}

.comp {
  position: relative;
}

.emi-component-refresh-overlay {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 10000;
  top: 0px;
  left: 0px;
}


.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 1000;
	border: 1px dotted black;
}