@charset "UTF-8";

body{
    padding-top: 0px;
    background: #F2F2F2;
    font-family: Helvetica;
    height: 100%;
}

body .ui-widget {
    font-family: Arial, sans-serif;
    font-size: 1.1em;
}

body .ui-widget .ui-widget {
    font-size: 1em;
    margin-top: 0px;
}

body .ui-button {
    border-radius: unset;
}

.t-5 {
    top: 5px;
}

body .ui-treetable .ui-treetable-data > tr.ui-state-highlight {
    cursor: pointer;
}

.modal.modal-wide .modal-dialog{
    width: 760px;
}

.add-file-upload-button, .add-file-upload-button:focus {
    display: block;
    text-decoration: none !important;
    border: 1px solid #be9e56;
    background-color: #ffffff;
    color: #be9e56;
    border-width: 3px;
    border-radius: 50px;
    padding: 10px !important;
    text-align: center;
    font-weight: bold;
    width: 100%;
}

.add-file-upload-button:hover {
    background-color: #be9e56;
    color: white;
}

.upload-message {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-style: italic;
    color: #999;
    pointer-events: none;
    white-space: nowrap;
}

.ui-fileupload-content .ui-progressbar {
    width: auto;
}

.ui-fileupload-files > div {
    display: block;
}

.ui-widget-content {
    border-top-width: 1px;
    /*background: #fff;*/
    color: #4f4f4f;
}
    
.checklist-copy-tree .ui-widget-content{
  border: none;
}

.welcomeBody{
    background: #818181;
}

.loginBody{
    background: #4D4D4D;
}

.loginWraper{
    background: #f5f5f7;
    border-radius: 3px 3px 0 0;
    padding: 5px;
}

.bottomWraper{
    background-color: #fff;
    border-top: solid 1px #ccc;
    padding: 20px;
    text-align: center;
    border-radius: 0 0 3px 3px;
}

.gradient{
    background: #4D4D4D; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#4D4D4D, #333333); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#4D4D4D, #333333); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#4D4D4D, #333333); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#4D4D4D, #333333); /* Standard syntax */
    border-style: none;
    border-width: 0px;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
}

.logoItm{
    max-width: 128px;
    max-height: 128px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px;
}

.tableSortLink{
    float: left !important;
}

.tableSortImage{
    float: right !important;
    margin: 5px !important;
    width: 10px !important;
    height: 10px !important;
}

.mainMenuButtonImage{
    width: 28px;
    height: 28px;
}

.background-left-column{
    background: #F2F2F2;
}

.background-middle-column{
    background: #E6E6E6;
}

.productCreatorTitle{
    font-family: Helvetica;
    font-weight: bold;
    font-size: 16pt;
    color: #BE9E56;
    text-align: left;
    margin-top: 32px;
    margin-bottom: 32px;
}

.productCreatorCol1{
    font-family: Helvetica;
    font-weight: normal;
    font-size: 10pt;
    color: #000000;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 24px;
}

.filterHeader{
    background-color: #FFFFFF;
    color: #000000;
}

.filterHeaderActive{
    background-color: #BE9E56;
    color: #FFFFFF;
}

.filterTitleLabel{
    font-family: Helvetica;
    font-weight: bold;
    font-size: 12pt;
    text-align: left;
    margin: 0px;
}

.filterLabel{
    font-family: Helvetica;
    font-weight: normal;
    font-size: 10pt;
    color: #000000;
    text-align: left;
    margin: 0px;
}

.filterLabelBold{
    font-family: Helvetica;
    font-weight: bold;
    font-size: 10pt;
    color: #000000;
    text-align: left;
    margin: 0px;
}

.matrixMessageBold{
    font-family: Helvetica;
    font-weight: bold;
    font-size: 10pt;
    color: #000000;
    margin-left: 5%;
}

.gluePathLabelBold{
    font-family: Helvetica;
    font-weight: bold;
    font-size: 10pt;
    color: #BE9E56;
    text-align: left;
    margin: 0px;
}

.alpha60{
    /* Kompatybinlość wsteczna dla przeglądarek które nie maja opacity*/
    background-color: rgb(0, 0, 0)!important;
    /* RGBa  0.6 opacity */
    background-color: rgba(0, 0, 0, 0.6)!important;
}

#equalheight{
    overflow: hidden;
}

.equalColumn{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

/*DOMYSLNE STYLE ZMIENIONE PO MIGRACJI PRIMEFACES z 8 na 13*/
body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active,
body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover,
body .ui-paginator .ui-paginator-first.ui-state-hover,
body .ui-paginator .ui-paginator-prev.ui-state-hover,
body .ui-paginator .ui-paginator-next.ui-state-hover,
body .ui-paginator .ui-paginator-last.ui-state-hover
{
    background: #85b2cb;
    border: none;
}

body .ui-datatable .ui-paginator.ui-paginator-top {
    border-width: 0;
}

body .ui-paginator .ui-paginator-current {
    color: white;
}

body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options {
    margin: 0;
    margin-left: 1em;
    margin-right: 1em;
    border: none;
    height: 26px;
    border-radius: 4px;
}

body .ui-datatable .ui-paginator {
    padding: 4px 10px;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page
{
    padding: 4px 10px;
    border: none;
    line-height: 16px;
    height: 26px;
}

body .ui-paginator .ui-paginator-first,
body .ui-paginator .ui-paginator-prev,
body .ui-paginator .ui-paginator-next,
body .ui-paginator .ui-paginator-last
{
    line-height: 20px;
    padding: 4px 10px;
    border: none;
    height: 26px;
}

/****  CONTEXT-MENU  *****/
body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
    margin-right: 0;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
    padding: .55rem 1rem;
    font-weight: 400;
    line-height: 16px;
    cursor: pointer;
}

.ui-menuitem-link.ui-state-disabled {
    pointer-events: auto;
}

/****  PANEL-GRID  *****/
body .ui-panelgrid .ui-panelgrid-cell {
    padding: 4px 10px;
    /*width: 100%;*/
    border: 1px solid #a8a8a8;
}

.attachment-external .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell,
.attachment-from-md .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell {
    background: transparent;
    width: 100%;
}

body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header {
    border: 1px solid #808080;
}

.ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell {
    border-bottom: 1px solid #a8a8a8;
}

.ui-panelgrid .ui-panelgrid-cell.solutions-table-mainheader {
    color: white;
}

.ui-panelgrid .ui-panelgrid-cell.temporary-solution
{
    background-color: #009ACD;
    color: white;
}

/****  TABS  *****/
body .ui-tabs .ui-tabs-nav {
    background: #e1e1e1;
    color: black;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header {
    background: #e1e1e1;
    margin: 0 .2em -1px 0;
    border: 1px solid #a8a8a8;
    height: 30px;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover {
    background: #85b2cb;
    color: #595959;
}

body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active {
    background: #85b2cb;
    border-color: #85b2cb;
    color: #4f4f4f;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline {
    box-shadow: none;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a {
    color: #2f556a;
}

/****  CHIPS - keywords  *****/
body .ui-chips .ui-chips-container {
    padding: 0.5rem 0.5rem;
}

body .ui-chips .ui-chips-container .ui-chips-input-token input {
    font-family: Arial, sans-serif;
    color: black;
}

body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon {
    top: 3%;
    margin-top: 0;
}

/****  INPUT-FIELD  *****/
/*
KM: 2024.07.19 - zmienione, aby po najechaniu pojawiała się niebieska obramówka, będzie to spójne z selectOneMenu 
body .ui-inputfield.ui-state-hover,
body .ui-inputfield.ui-state-focus {
    border-color: rgb(206, 212, 218);
}*/

body .ui-inputfield.ui-state-error {
    border-color: #f44336;
}

body .ui-inputfield.ui-state-focus {
    box-shadow: none;
}

/****  SELECT - ONE - MENU  *****/
body .ui-selectonemenu .ui-selectonemenu-label {
    font-family: Helvetica;
    color: rgb(51, 51, 51);
    padding: .5rem .5rem;
}

body .itm-select-one-menu.ui-selectonemenu {
    background: white;
}

body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
    top: 30%;
    margin-top: 0;
}

body .ui-selectonemenu-panel.itm-style .ui-selectonemenu-item.ui-selectonemenu-row td {
    height: 30px;
    padding: .5rem .8rem;
}

.itm-select-one-menu.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-hover {
    background: #85b2cb;
}

/****  SELECT - CHECKBOX - MENU *****/
body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container {
    background: white;
    font-family: Helvetica;
    padding: .5rem .5rem;
    /*border-radius: unset;*/
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label {
    padding: 0;
    line-height: normal;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    border-left: 1px solid #a8a8a8;
    background: #e1e1e1;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
  font-weight: bold;
  padding-right: 1px;
}

body .ui-selectcheckboxmenu.ui-state-hover {
/*    border-radius: unset;*/
/*    border-width: 0.2px;*/
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon {
    top: 40%;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield {
    border-radius: unset;
    border: none;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon {
    margin-top: -0.75rem !important;
}

/****  PROGRESS-BAR *****/
body .ui-progressbar {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #a8a8a8;
}

body .ui-progressbar .ui-progressbar-value {
    border-radius: 12px;
}

body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div {
    padding: 4px 10px;
}


/****  OVERLAY-PANEL *****/
body .ui-overlaypanel .ui-overlaypanel-content {
    padding: unset;
}

/****  BUTTON *****/
body .ui-button {
    color: #999fa3;
    border: 1px solid #a8a8a8;
}

body .ui-button.ui-button-icon-only .ui-icon {
    margin-top: -10px;
    margin-left: -9px;
    font-size: 16px;
}

/* AS: 26-06-2024 - migracja PF8 -> PF13, zmiana paddingu (dictionary -> language tags -> choose file button) */
body .ui-button.ui-button-text-icon-left .ui-button-text {
    /*padding: .5em 1em .5em 2.1em;*/
    padding: 0.25em 1em 0.25em 2.1em;
}

.itm-style .itm-style-status.ui-button
{
    height: 23px;
    width: 55px;
    padding: 0;
}

body .ui-button.ui-button-icon-only {
    width: 2.4em;
    background: transparent;
    color: black;  
    vertical-align: middle;
}

body .ui-button.ui-button-text-icon-right .ui-button-text {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 7px;
}

body .ui-button.ui-button-text-icon-right .ui-icon {
    right: 1px;
    margin-top: -10px;
}

body .ui-button.ui-button-text-only .ui-button-text {
    padding: .1em .5em;
}

body .file-upload-button.ui-button.ui-button-text-only .ui-button-text {
    color: #4f4f4f;
}

body .ui-button.file-upload-button {
    padding: .3em 1em;
}

body .ui-button.ui-state-hover {
    background: #85b2cb;
    color: black;
    border-color: transparent;
}

.menu-button-style .ui-button.ui-state-hover {
    background: transparent;
}


/****  FILE-UPLOAD *****/
body .ui-fileupload .ui-fileupload-content {
    border: 2px dashed #ccc;
    background: transparent;
    padding: .2em .4em;
}

/* wysrodkowanie ikony 'x' po wrzuceniu pliku do fileUpload */
body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon {
    top: 45%;
    left: 55%;
}


/****  SCROLLPANEL *****/
body .ui-scrollpanel {
    padding: 0;
}


/****  CHECKBOX *****/
body .ui-chkbox .ui-chkbox-box {
    border: 1px solid #a8a8a8;
    width: 20px;
    height: 20px;
    line-height: 18px;
}

/* AS: 26-06-2024 - po migracji z PF8 na PF13, nieprawidłowe ustawienie szerokości */
/* body .ui-chkbox .ui-chkbox-box {
    min-width: 1.25em;
}
*/

.itm-select-checkbox-menu.ui-selectmanycheckbox.ui-widget td,
.itm-select-checkbox-menu.ui-selectoneradio.ui-widget td {
    display: flex;
    padding-bottom: 2px;
    padding-top: 2px;
}

.itm-select-checkbox-menu.ui-selectmanycheckbox label {
    font-weight: normal;
    
    /* zmienione na 0, aby tylko etykieta była klikalna, a nie cały element rozszerzony na 100% */
    flex-grow: 0 !important;
}

body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check {
    font-size: 13px;
    left: 52%;
    top: 42%;
}

body .ui-button.ui-state-focus,
body .ui-chkbox .ui-chkbox-box.ui-state-focus {
    box-shadow: none;
    background: #e1e1e1;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active,
body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover,
body .ui-chkbox .ui-chkbox-box.ui-state-hover {
    border: 1px solid #a8a8a8;
    background: #85b2cb;
    color: black;
}

body .ui-commandlink, .ui-link {
    color: #656565;
}

body .ui-commandlink:hover, .ui-link:hover {
    color: #656565;
    text-decoration: none;
}

.add-file-upload-button.ui-commandlink, .ui-link {
    color: #be9e56;
}

.add-file-upload-button.ui-commandlink:hover, .ui-link:hover {
    color: white;
}

body .ui-commandlink.ui-widget.clear-icon:hover,
.ui-commandlink.ui-widget.clear-icon:hover
{
    color: #AF0000;
    text-decoration: none !important;
}

/****  TREE *****/
body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label {
    white-space: normal;
}

/****  TREE-TABLE *****/
body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s,
body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s::before,
body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e,
body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e::before {
    content: "";
    width: 15px;
    height: 14px;
    border-radius: 4px;
}

body .ui-tree .ui-tree-filter-container .ui-icon {
    top: 30%;
    margin-top: 0;
}

/****  PICK-LIST *****/
body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight {
    background: #8c8c8c;
    color: #fff;
}

body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w,
body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e,
body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w,
body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e {
    margin-top: -10px !important;
    font-size: 1rem !important;
}

/****  DATA-TABLE *****/
body .ui-datatable thead th {
    text-align: center;
}

body .ui-datatable .ui-datatable-data > tr.ui-state-highlight {
    background: #8c8c8c;
    color: #fff;
}

body .ui-datatable thead th.ui-state-active.ui-state-hover,
body .ui-datatable thead th.ui-state-active,
body .ui-datatable thead th.ui-state-focus {
    color: #be9e56;
}

body .ui-datatable thead th.ui-state-hover
{
    color: #495057;
}

/* WIDOK: lista zalacznikow - zmiana kolejnosci */
body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering {
    background-color: #85b2cb;
    color: #4f4f4f;
}

/****  ICONS *****/
body .ui-button.ui-button-text-icon-left .ui-icon {
    width: calc(100% - 125px);
    color: black
}

body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s,
body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s::before,
body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e,
body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e::before {
    content: "";
    width: 15px;
    height: 14px;
    border-radius: 4px;
    margin-top: 8px;
}

body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s,
body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s::before,
body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s,
body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s::before
{
    background: url("/jakarta.faces.resource/icons/toggle-collapse-small.png?ln=img") !important;
    background-image: url("/jakarta.faces.resource/icons/toggle-collapse-small.png?ln=img") !important;
}

body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e,
body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e::before,
body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e,
body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e::before
{
    background: url("/jakarta.faces.resource/icons/toggle-expand-small.png?ln=img") !important;
    background-image: url("/jakarta.faces.resource/icons/toggle-expand-small.png?ln=img") !important;
}

/****  CALENDAR - KALENDARZ *****/
body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar,
body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar::before
{
    background-size: 24px;
    background-repeat: no-repeat;
    content: "";
    background-position-x: 0px;
    background-position-y: 0px;
    width: 24px;
    height: 24px;
    
    margin-left: -12px;
    margin-top: -12px;
}

body .ui-datepicker-trigger.ui-button.ui-button-icon-only {
    width: 36px;
    height: 36px;
    border-radius: 4px;  
    margin-top: -3px;
}

/*body .ui-calendar.ui-trigger-calendar input.hasDatepicker {
    height: 30px;
    border-radius: unset;
}*/

body .ui-calendar.ui-trigger-calendar input.hasDatepicker {
    padding: 6px;
    border-radius: 4px;
}

body .itm-calendar-filter .ui-button.ui-button-icon-only .ui-button-text {
    padding: 0.38rem;
}

body .itm-calendar-filter .ui-inputfield.ui-state-hover,
body .itm-calendar-filter .ui-inputfield.ui-state-focus {
    border-color: #2196f3;
}

/****  MESSAGE - pod polami *****/
body .ui-message.ui-message-error,
body .ui-message.ui-message-fatal {
    padding: 4px;
    margin: 0;
}

body .ui-message {
    padding: 0;
    display: block;
}

body .ui-message.ui-message-error .ui-message-error-icon,
body .ui-message.ui-message-fatal .ui-message-error-icon {
    display: none;
}

.btn.error{
    border-left: solid 2px #FF0000;
}

.linkDisabled {
    pointer-events: none !important;
    cursor: default !important;
}

a.menuLink:link{
    color: #FFFFFF !important;
    background: transparent !important;
    text-decoration: none !important;
}

a.menuLink:visited{
    color: #FFFFFF !important;
    background: transparent !important;
    text-decoration: none !important;
}

a.menuLink:hover{
    color: #BE9E56 !important;
    background: transparent !important;
    text-decoration: none !important;
}

a.menuLink:active{
    color: #BE9E56 !important;
    background: transparent !important;
    text-decoration: none !important;
}

a.whiteTransparentLink:link{
    color: #FFFFFF !important;
    background: transparent !important;
    text-decoration: none !important;
}

a.whiteTransparentLink:visited{
    color: #FFFFFF !important;
    background: transparent !important;
    text-decoration: none !important;
}

a.whiteTransparentLink:hover{
    color: #BE9E56 !important;
    background: transparent !important;
    text-decoration: none !important;
}

a.whiteTransparentLink:active{
    color: #BE9E56 !important;
    background: transparent !important;
    text-decoration: none !important;
}

a.blackLink:link{
    color: inherit !important;
    text-decoration: none !important;
}

a.blackLink:visited{
    color: inherit !important;
}

a.blackLink:hover{
    color: #000000 !important;
}

a.blackLink:active{
    color: inherit !important;
}

a.gold-link:link {
    color: #BE9E56;
}

a.gold:link{
    background-color: transparent ;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12pt;
}

a.gold:visited{
    background-color: transparent !important;
}

a.gold:hover{
    background-color: #BE9E56 !important;
}

a.gold:active{
    background-color: #BE9E56 !important;
}

a.menuGold:link{
    background-color: transparent !important;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 10pt;
    text-align: right;
    line-height: 32px;
    color: #FFFFFF !important;
    display: inline-table;
    vertical-align: middle;
    margin: 0px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 100%;
}

a.menuGold:visited{
    background-color: transparent !important;
}

a.menuGold:hover{
    background-color: #BE9E56 !important;
}

a.menuGold:active{
    background-color: #BE9E56 !important;
}

.menuDropDownImage{
    background-color: #F2F2F2;
    margin-left: 12px;
    margin-right: 0px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 72px;
    height: 32px;
}

a.goldLink:link{
    font-family: Helvetica;
    font-weight: bold;
    font-size: 16pt;
    white-space: normal;
    background: #F2F2F2;
    color: #4D4D4D;
    border-radius: 0;
    box-shadow: 1px 1px 0px 0px #C8C8C8;
}

a.goldLink:visited{
    background: #F2F2F2;
    color: #4D4D4D;
}

a.goldLink:hover{
    background-color: #BE9E56;
    color: #FFFFFF;
    box-shadow: none;
}

a.goldLink:active{
    background-color: #BE9E56;
    color: #FFFFFF;
    box-shadow: none;
}
.btn2.special{
    font-family: Helvetica;
    font-weight: bold;
    font-size: 16pt;
    white-space: normal;
    background: #F2F2F2;
    color: #4D4D4D;
    border-radius: 0;
    box-shadow: 1px 1px 0px 0px #C8C8C8;
    outline: none;
    outline-color: transparent;
    border: 1px;
    border-style: solid;
    border-color: transparent;
}

.btn2.special:active, .btn2.special.active{
    background-color: #BE9E56;
    color: #FFFFFF;
    box-shadow: none;
    outline: none;
    outline-color: transparent;
}
.btn2.special:hover, .btn2.special:active, .btn2.special.active{
    background-color: #BE9E56;
    color: #FFFFFF;
    box-shadow: none;
}

.btn2.special:focused, .btn2.special:focus{
    outline: none;
    outline-color: transparent;
}

.btn.gold{
    font-family: Helvetica;
    font-weight: bold;
    font-size: 16pt;
    white-space: normal;
    background: #F2F2F2;
    color: #4D4D4D;
    border-radius: 0;
    box-shadow: 1px 1px 0px 0px #C8C8C8;
}

.ui-commandlink.dropdown-toggle-list {
    font-size: 16px; 
    color: black; 
    border: 1px solid #b3b3b3; 
    padding: 8px; 
    padding-top: 7px; 
    padding-bottom: 5px; 
    background: white;
}

.btn.gold:hover, .btn.gold:focus, .btn.gold:active, .btn.gold.active, .open > .dropdown-toggle.btn{
    background-color: #BE9E56;
    color: #FFFFFF;
    box-shadow: none;
}

.btn.gold:active, .btn.gold.active{
    background-color: #BE9E56;
    color: #FFFFFF;
    box-shadow: none;
}

.btn.goldNormal{
    font-family: Helvetica;
    white-space: normal;
    background: #F2F2F2;
    color: #4D4D4D;
    border-radius: 0;
    box-shadow: 1px 1px 0px 0px #C8C8C8;
}

.btn.goldNormal:hover, .btn.goldNormal:focus, .btn.goldNormal:active, .btn.goldNormal.active, .open > .dropdown-toggle.btn{
    background-color: #BE9E56;
    color: #FFFFFF;
    box-shadow: none;
}

.btn.goldNormal:active, .btn.goldNormal.active{
    background-color: #BE9E56;
    color: #FFFFFF;
    box-shadow: none;
}

.btn.goldActiveTab{
    font-family: Helvetica;
    white-space: normal;
    background: #BE9E56;
    color: #FFFFFF;
    border-radius: 0;
    box-shadow: none;
}

.btn.goldActiveTab:hover, .btn.goldActiveTab:focus, .btn.goldActiveTab:active, .btn.goldActiveTab.active, .open > .dropdown-toggle.btn{
    background-color: #BE9E56;
    color: #FFFFFF;
    box-shadow: none;
}

.btn.goldActiveTab:active, .btn.goldActiveTab.active{
    background-color: #BE9E56;
    color: #FFFFFF;
    box-shadow: none;
}

.btn.goldNormalNoBorder{
    font-family: Helvetica;
    white-space: normal;
    background: transparent;
    color: #4D4D4D;
    border-radius: 0;
    border: none;
    box-shadow: none;
}

.btn.goldNormalNoBorder:hover, .btn.goldNormalNoBorder:focus, .btn.goldNormalNoBorder:active, .btn.goldNormalNoBorder.active, .open > .dropdown-toggle.btn{
    background-color: #BE9E56;
    color: #FFFFFF;
    border-radius: 0;
    border: none;
    box-shadow: none;
}

.btn.goldNormalNoBorder:active, .btn.goldNormalNoBorder.active{
    background-color: #BE9E56;
    color: #FFFFFF;
    border-radius: 0;
    border: none;
    box-shadow: none;
}

.btn.goldNormalWithBorder{
    font-family: Helvetica;
    white-space: normal;
    background: #F2F2F2;
    color: #4D4D4D;
    border-radius: 0;
    border-top: solid 1px #E6E6E6;
    border-left: solid 1px #E6E6E6;
    border-bottom: solid 1px #C8C8C8;
    border-right: solid 1px #C8C8C8;
}

.btn.goldNormalWithBorder:hover, .btn.goldNormalWithBorder:focus, .btn.goldNormalWithBorder:active, .btn.goldNormalWithBorder.active, .open > .dropdown-toggle.btn{
    background-color: #BE9E56;
    color: #FFFFFF;
    box-shadow: none;
}

.btn.goldNormalWithBorder:active, .btn.goldNormalWithBorder.active{
    background-color: #BE9E56;
    color: #FFFFFF;
    box-shadow: none;
}

.btn-login {
    color: #fff !important;
    background-color: #2c4762;
    border-color: rgba(0,0,0,0.2);
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu{
    background-color: #484848;
    color: #FFFFFF;
}

/* .nav.nav-tabs > li.dropdown.active.open > a, 
.nav.nav-tabs > li.dropdown.active.open > ul.dropdown-menu a:hover,
.nav.nav-tabs > li.dropdown.open > a, 
.nav.nav-tabs > li.dropdown.open > ul.dropdown-menu a:hover
{
  color: #fff;
  background-color: #b91773;
  border-color: #fff;
}

.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
    background-color: #FFFFFF;
    color: #4D4D4F;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #16A170;
    background-image: linear-gradient(to bottom, #17AA76, #149466);
    background-repeat: repeat-x;
    color: #FFFFFF;
    outline: 0 none;
    text-decoration: none;
} */

.table.goldBorder th, .table.goldBorder td {
    border-top: solid 1px #BE9E56;
}

.btn.left{
    clear: left;
    float: left;
}

.btn.right{
    clear: right;
    float: right;
}

.modal-content {
    display: block;
}

.modal-header.itm{
    font-family: Helvetica;
    font-weight: bold;
    font-size: 16pt;
    color: #FFFFFF;
    background-color: #595959;
    margin: 0px;
    padding: 4px 12px;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: #5BA1D4;
    text-align: center;
    min-height: 44px;
}

.modal-title.itm{
    text-align: left;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 16pt;
    text-align: center;
}

.modal-body.itm{
    font-family: Helvetica;
    font-weight: bold;
    font-size: 12pt;
    background-color: #F2F2F2;
}

.modal-body-background {
    background-color: #F2F2F2;
}

.modal-font {
    font-family: Helvetica;
    font-weight: bold;
    font-size: 16pt;
}

.modal-footer.itm{
    font-family: Helvetica;
    font-weight: bold;
    font-size: 16pt;
    background-color: #E6E6E6;
    text-align: center;
    /*padding: 8px 12px;*/
    min-height: 60px;
}

.errorIcon {
    margin-right: 15px;
    max-width: 80px;
    min-width: 80px;
    max-height: 80px;
}

.questionLine {
    border-bottom-color: #136DE5;
}

.errorLine {
    border-bottom-color: #FF0000 !important;
}

.warningLine {
    border-bottom-color: #FFFF00 !important;
}

.informationLine {
    border-bottom-color: #39AAE1 !important;
}

.panel.itmHeaderContentMainMenu{
    background-color: #E6E6E6 !important;
    margin: 0px !important;
    padding: 0px !important;
    border: none transparent 0px !important;
    border-radius: 0px !important;
}
.panel.itmHeaderContentSubMenu{
    background-color: #E6E6E6 !important;
    margin: 0px !important;
    padding: 0px !important;
    border: none transparent 0px !important;
    border-radius: 0px !important;
}

.panel.itmHeaderContentSubSubMenu{
    background-color: #E6E6E6 !important;
    margin: 0px !important;
    padding: 0px !important;
    border: none transparent 0px !important;
    border-radius: 0px !important;
}

.panel.itmHeaderContent{
    background-color: #E6E6E6 !important;
    margin: 0px !important;
    padding: 0px !important;
    border: none transparent 0px !important;
    border-radius: 0px !important;
}

.panel-heading.itmHeaderMainMenu{
    background-size: 18px 18px !important;
    border-radius: 0px !important;
    color: #404040 !important;
}

.itmHeaderMainMenu:hover{
    background-color: #5BA1D4 !important;
    color: #404040 !important;
}

.panel-heading .itmHeaderActiveMainMenu{
    background-size: 18px 18px !important;
    border-radius: 0px !important;
    color: #FFFFFF !important;
}

.panel-heading.itmHeaderButtonMainMenu{
    background: #E6E6E6 url("/jakarta.faces.resource/img/menu/accordion/triangle_gold_right.png") no-repeat right center !important;
    background-size: 18px 18px !important;
    border-radius: 0px !important;
    color: #404040 !important;
}

.panel-heading.itmHeaderButtonMainMenuLevel2{
    background: #E6E6E6 url("/jakarta.faces.resource/img/menu/accordion/triangle_gold_right.png") no-repeat right center !important;
    background-size: 18px 18px !important;
    border-radius: 0px !important;
    color: #404040 !important;
}

.itmHeaderButtonMainMenuLevel2:hover{
    background-color: #5BA1D4 !important;
    color: #404040 !important;
}

.itmHeaderButtonMainMenu:hover{
    background-color: #5BA1D4 !important;
    color: #404040 !important;
}

.panel-heading.itmHeaderButton{
    background: #E6E6E6 url("/jakarta.faces.resource/img/menu/accordion/triangle_gold_right.png") no-repeat right center !important;
    background-size: 18px 18px !important;
    border-radius: 0px !important;
    color: #404040 !important;
}

.panel-heading.itmHeaderButtonActiveMainMenu{
    background: #337ab7 url("/jakarta.faces.resource/img/menu/accordion/triangle_gold_bottom.png") no-repeat right center !important;
    background-size: 18px 18px !important;
    border-radius: 0px !important;
    color: #FFFFFF !important;
}

.panel-heading.itmHeaderButtonActive{
    background: #E6E6E6 url("/jakarta.faces.resource/img/menu/accordion/triangle_gold_bottom.png") no-repeat right center !important;
    background-size: 18px 18px !important;
    border-radius: 0px !important;
    color: #FFFFFF !important;
}

.panel-heading.itmHeaderButtonActiveSubMenu{
    background: #337ab7 url("/jakarta.faces.resource/img/menu/accordion/triangle_gold_bottom.png") no-repeat right center !important;
    background-size: 18px 18px !important;
    border-radius: 0px !important;
    color: #FFFFFF !important;
}

.panel-heading.itmHeaderButtonActiveSubSubMenu{
    background: #337ab7 url("/jakarta.faces.resource/img/menu/accordion/triangle_gold_bottom.png") no-repeat right center !important;
    background-size: 18px 18px !important;
    border-radius: 0px !important;
    color: #FFFFFF !important;
}

.nav.itmContent{
    background: red !important;
    margin: 0px !important;
    padding: 0px !important;
    border: none transparent 0px !important;
    border-radius: 0px !important;
}

a.itmPanelHeaderButton:link{
    height: 24px !important;
    background-color: #595959 !important;
    text-decoration: none !important;
    font-family: Helvetica !important;
    font-weight: bold !important;
    font-size: 12pt !important;
    text-align: center !important;
    line-height: 24px !important;
    color: #FFFFFF !important;
    margin: 0px !important;
    padding: 0px !important;
}

a.itmPanelHeaderButton:visited{
    color: #FFFFFF !important;
}

a.itmPanelHeaderButton:hover{
    background-color: #5BA1D4 !important;
    color: #404040 !important;
}

a.itmPanelHeaderButton:active{
    color: #E6E6E6 !important;
}
itmPanelHeaderMainMenuDis{
    height: 24px !important;
    background-color: #818181 !important;
    text-decoration: none !important;
    font-family: Helvetica !important;
    font-weight: bold !important;
    font-size: 12pt !important;
    text-align: center !important;
    line-height: 24px !important;
    color: #FFFFFF !important;
    margin: 0px !important;
    padding: 0px !important;
}

a.itmPanelHeaderMainMenu:link{
    height: 24px !important;
    background-color: #000000 !important;
    text-decoration: none !important;
    font-family: Helvetica !important;
    font-weight: bold !important;
    font-size: 12pt !important;
    text-align: center !important;
    line-height: 24px !important;
    color: #FFFFFF !important;
    margin: 0px !important;
    padding: 0px !important;
}

a.itmPanelHeaderMainMenu:visited{
    color: #FFFFFF !important;
}

a.itmPanelHeaderMainMenu:hover{
    background-color: #5BA1D4 !important;
    color: #404040 !important;
}

a.itmPanelHeaderMainMenu:active{
    color: #E6E6E6 !important;
}

a.itmPanelHeaderButtonMainMenu:link{
    height: 24px !important;
    background-color: #000000 !important;
    text-decoration: none !important;
    font-family: Helvetica !important;
    font-weight: bold !important;
    font-size: 12pt !important;
    text-align: center !important;
    line-height: 24px !important;
    /*color: #FFFFFF !important;*/
    margin: 0px !important;
    padding: 0px !important;
}

a.itmPanelHeaderButtonMainMenu:visited{
    /*color: #FFFFFF !important;*/
}

a.itmPanelHeaderButtonMainMenu:hover{
    background-color: #5BA1D4 !important;
    color: #404040 !important;
}

a.itmPanelHeaderButtonMainMenu:active{
    color: #E6E6E6 !important;
}
a.itmPanelHeaderButtonSubMenu:link{
    height: 24px !important;
    background-color: #000000 !important;
    text-decoration: none !important;
    font-family: Helvetica !important;
    font-weight: bold !important;
    font-size: 12pt !important;
    text-align: center !important;
    line-height: 24px !important;
    /*color: #FFFFFF !important;*/
    margin: 0px !important;
    padding: 0px !important;
}

a.itmPanelHeaderButtonSubMenu:visited{
    /*color: #FFFFFF !important;*/
}

a.itmPanelHeaderButtonSubMenu:hover{
    background-color: #5BA1D4 !important;
    color: #404040 !important;
}

a.itmPanelHeaderButtonSubMenu:active{
    color: #E6E6E6 !important;
}

a.itmPanelHeaderButtonSubSubMenu:link{
    height: 24px !important;
    background-color: #000000 !important;
    text-decoration: none !important;
    font-family: Helvetica !important;
    font-weight: bold !important;
    font-size: 12pt !important;
    text-align: center !important;
    line-height: 24px !important;
    /*color: #FFFFFF !important;*/
    margin: 0px !important;
    padding: 0px !important;
}

a.itmPanelHeaderButtonSubSubMenu:visited{
    /*color: #FFFFFF !important;*/
}

a.itmPanelHeaderButtonSubSubMenu:hover{
    background-color: #5BA1D4 !important;
    color: #404040 !important;
}

a.itmPanelHeaderButtonSuSubbMenu:active{
    color: #E6E6E6 !important;
}

a.itmPanelButton:link{
    min-height: 48px !important;
    background-color: #404040 !important;
    text-decoration: none !important;
    font-family: Helvetica !important;
    font-weight: bold !important;
    font-size: 12pt !important;
    text-align: center !important;
    line-height: 48px !important;
    color: #E6E6E6 !important;
    margin: 0px !important;
    padding: 0px !important;
}

a.itmPanelButton:visited{
    background-color: #404040 !important;
    color: #E6E6E6 !important;
}

a.itmPanelButton:hover{
    background-color: #5BA1D4 !important;
    color: #FFFFFF !important;
}

a.itmPanelButton:active{
    background-color: #5BA1D4 !important;
    color: #FFFFFF !important;
}

#treeList{
    /*    margin-left: 40px;*/
    font-size: 22px;
}
#treeList img {
    margin-right: 5px;
}
#treeList ul {
    list-style-type: none;
}
#treeList li {
    list-style-type: none;
    display:inline-block;
}

#treeListConversion {
    padding-left: 0px;
}
#treeListConversion a{
    color: black;
}
#treeListConversion ul {
    list-style-type: none;
}
#treeListConversion li {
    list-style-type: none;
    margin-bottom: 5px;
}

#requestTree {
}

#requestTree ul {
    list-style-type: none;
}

#requestTree li {
    list-style-type: none;
}
#requestTree li:hover {
    background-color: white;
}

.conversionTable {
    width: 100%;
    font-size: 12px;
}
.conversionTable thead {
    font-weight: bold;
}
.conversionTable td {
    border: 1px solid white;
}

.conversionTable tr:hover td{
    background-color: #009ACD !important;
}

.lightGreen {
    background-color: lightgreen;
}
.lightRed {
    background-color: #FF6A6A;
}

/*#treeListConversion li:nth-child(odd) {background-color:#818181 }
#treeListConversion li:nth-child(even) { background-color:#484848 }
#treeListConversion li:nth-child(odd) ul li:nth-child(odd)  { background-color:#484848 }
#treeListConversion li:nth-child(odd) ul li:nth-child(even)  { background-color:#818181 }
#treeListConversion li:nth-child(even) ul li:nth-child(odd)  { background-color:#818181 }
#treeListConversion li:nth-child(even) ul li:nth-child(even)  { background-color:#484848}*/

.ui-growl{
    position: fixed;
    left: 20px;
    top: 20px;
    margin: 0 auto;
}

.kafelNieRendered{
    width: 230px;
    height: 195px;
    padding-top: 10px;
    border-radius: 8px 8px 8px 8px;
    background-color: rgb(153,153,153);
    box-shadow: 2px 2px 5px #595959;
    margin: 0 auto;
    background: transparent;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid white;
}

.kafelNieRendered:hover{
    box-shadow: 2px 2px 5px #009ACD;
    box-shadow: 2px 2px 5px #5BA1D4;
}

.kafelPelny {
    width: 230px;
    height: 195px;
    padding-top: 10px;
    border-radius: 8px 8px 8px 8px;
    background-color: rgb(153,153,153);
    box-shadow: 2px 2px 5px #595959;
}

.kafelPelnyKlik {
    width: 230px;
    height: 195px;
    padding-top: 10px;
    border-radius: 8px 8px 8px 8px;
    background-color: #F3F3F3;
    box-shadow: 2px 2px 5px #595959;
}



.kafelPelny:hover{
    box-shadow: 2px 2px 5px #009ACD;
    box-shadow: 2px 2px 5px #5BA1D4;
}

.kafelPelnyMini {
    width: 150px;
    height: 135px;
    padding-top: 10px;
    border-radius: 8px 8px 8px 8px;
    background-color: rgb(153,153,153);
    box-shadow: 2px 2px 5px #595959;
}
.kafelPelnyMini:hover {
    box-shadow: 2px 2px 5px #009ACD;
    box-shadow: 2px 2px 5px #5BA1D4;
}

.minikafel {
    width: 112px ;
    height: 101px ;
    padding-top: 10px;
    border-radius: 8px 8px 8px 8px;
    background-color: rgb(153,153,153);
    box-shadow: 2px 2px 5px #595959;
}
.minikafel:hover {
    box-shadow: 2px 2px 5px #009ACD;
    box-shadow: 2px 2px 5px #5BA1D4;
}

.miniKafelDisabled {
    padding-top: 10px;
    border-radius: 8px 8px 8px 8px;
    background-color: rgb(153,153,153);
    box-shadow: 2px 2px 5px #595959;
    margin: 0 auto;
    background: transparent;
    border: 1px solid white;

    width: 112px ;
    height: 101px ;
}
.miniKafelDisabled:hover {
    box-shadow: 2px 2px 5px #009ACD;
    box-shadow: 2px 2px 5px #5BA1D4;
}

.kafelTop {
    width: 230px;
    height: 195px;
    padding-top: 10px;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid white;
}

.kafelekDemoTop {
    position: relative;
    overflow: hidden;
    width: 230px;
    height: 175px;
    padding-top: 10px;
    border-radius: 8px 8px 0px 0px;
    border: 1px solid white;
}
.kafelekDemoDown {
    width: 230px;
    height: 20px;
    border-radius: 0px 0px 8px 8px;
    background-color: rgb(190,158,86);
    border: 1px solid white;
    border-top-style: none;
    font-weight: bold;
}

.kafelNieAktywny {
    background: transparent;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid white;
}

.customInput {
}

.customInput label {
    font-weight: normal;
}

.customInput input[type=radio]{
    margin-right: 5px;
}

.calculatorLine {
    height: 50px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    display: inline-block;
}

.roundBox {
    margin: 0 auto;
    margin-bottom: 30px;
    border-radius: 8px;
    border: 1px solid black;
    padding: 20px;
    width: 240px;
    min-height: 150px;
}

.roundBoxHighlight {
    margin: 0 auto;
    margin-bottom: 30px;
    border-radius: 8px;
    border: 2px solid #BE9E56;
    padding: 20px;
    width: 240px;
    min-height: 150px;
}

p.conversionTableV2Description {
    margin: 0 auto;
    margin-top: 32px;
    padding-left: 24px !important;
    width: 80%;
    color: #000000;
    text-align: left;
    font-weight: normal;
    border-collapse: collapse;
    border: none 0px transparent !important;
    background: transparent !important
}

p.conversionText {
    margin: 0 auto;
    margin-top: 12px;
    width: 80%;
    color: #000000;
    text-align: left;
    font-weight: normal;
    border-collapse: collapse;
    border: none 0px transparent !important;
    background: transparent !important
}

.conversionTableV2 {
    margin: 0 auto;
    width: 80%;
    color: #000000;
    text-align: center;
    font-weight: normal;
    border-collapse: collapse;
    background-color: #F2F2F2;
    border: solid 1px #D9D9D9
}

.conversionTableV2 th {
    height: 50px;
    border: solid 1px #D9D9D9;
    font-weight: bold;
    text-align: center;
}

.conversionTableV2 tr {
    height: 38px !important;
    border: solid 1px #D9D9D9
}

.conversionTableV2 td {
    border: solid 1px #D9D9D9
}

.conversionTableV2LeftAlignColumn {
    text-align: left
}

.conversionTableV2LeftAlignColumnWithLeftPadding {
    padding-left: 12px;
    text-align: left
}

a.tableCellLink:link{
    height: 38px !important;
    line-height: 38px !important;
    display: block !important;
    background: transparent !important;
    color: #000000 !important;
    vertical-align: middle !important;
    text-decoration: none !important;
}

a.tableCellLink:visited{
    color: #000000 !important;
    background: transparent !important;
    text-decoration: none !important;
}

a.tableCellLink:hover{
    color: #BE9E56 !important;
    background: transparent !important;
    text-decoration: none !important;
}

a.tableCellLink:active{
    color: #BE9E56 !important;
    background: transparent !important;
    text-decoration: none !important;
}

.conversionTableNote {
    margin: 0 auto;
    width: 80%;
    vertical-align: top;
    color: #000000;
    text-align: left;
    font-weight: normal;
    border-collapse: collapse;
    background-color: transparent;
    border: none 0px transparent
}

.conversionTableNote th {
    border: none 0px transparent;
    vertical-align: top;
    font-weight: bold;
    text-align: center
}

.conversionTableNote tr {
    vertical-align: top;
    border: none 0px transparent
}

.conversionTableNote td {
    padding-top: 12px;
    vertical-align: top;
    border: none 0px transparent
}

.tableForDocumetation
{
    margin:0 auto;
    margin-top:40px;
    width: 80%;
    border-collapse: collapse;
}

.tableForAttachments
{
    margin:0 auto;
    margin-top:40px;
    width: 60%;
    border-collapse: collapse;
}

.labelForAttachment
{
    display: inline-block;
    width:270px;
    background-color:#EFEEF5;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border:1px solid black;
    padding:9px;
    -webkit-box-shadow: -1px 0px 11px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 0px 11px 2px rgba(0,0,0,0.75);
    box-shadow: -1px 0px 11px 2px rgba(0,0,0,0.75);
}

.documentation-image:hover
{
    width: 27% !important;
}

.glass-panel{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 24px;
    top: 0;
    left: 0;
    background: #FFFFFF;
    opacity: 0.8;
    z-index: 10000;
    text-align: center;
    vertical-align: middle;
}

#glass-panel-content
{
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    text-align: center;
}

#glass-panel-body
{
    height: auto;
    position: relative;
    top: -50%;
    text-align: center;
}

.matrixSavedLp{
    background: #BE9E56 !important;
    color: #000000 !important;
    border: solid #000000 1px !important;
}


.iframe-container {
    padding-bottom: 60%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.iframe-container iframe,
.iframe-container object,
.iframe-container embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.modal.in .modal-dialog {
    transform: none; /*translate(0px, 0px);*/
}

.commercialDataLabel_cell_1
{
    text-align:right;
    padding-bottom:10px;
}

.commercialDataLabel_cell_2
{
    padding-left:10px;
    padding-bottom:10px;
}

/* KM: 24.01.2019: Usunąłem !important */
.ui-inputfield {
    width:160px;
}

.modal-table, .modal-table-tr, .modal-table-td
{
    font-size:14px;
    text-align:center;
}

.operting-mode-buttons:hover
{

}

.link-not-active {
    pointer-events: none;
    cursor: default;
}

.booleanCheckBox {
    height: 20px;
    width: 20px;
    vertical-align: middle;
}

.columnsWidth {
    width: 50%;
}

.infoCircle {
    border: 0.1em solid grey;
    border-radius: 100%;
    height: 1.5em;
    min-width: 1.5em;
    padding-top: 0.15em;
    text-align: center;
    background-color: #009ACD;
    display: inline-block
}

/*margin-top: -0.1em !important;*/
.infoCircle p {
    margin: 0px;
    font-size: 0.8em;
    font-weight: bold;
    font-family: sans-serif;
    color: white;
}


.searchPhraseWhatsNew {
    border-radius: 50px;
    border-color: lightgray;
    border-style: solid;
    width: 100%;
    padding-left: 10px;
}

/* enable absolute positioning */
.inner-addon {
    position: relative;
}

/* style glyph */
.inner-addon .glyphicon {
    position: absolute;
    padding: 10px;
    pointer-events: none;
}

/* align glyph */
.left-addon .glyphicon  {
    left:  0px;
}
.right-addon .glyphicon {
    right: 0px;
}

/* add padding  */
.left-addon input  {
    padding-left:  30px;
}
.right-addon input {
    padding-right: 30px;
}

/*chrome and safari*/
#searchWhatsNew::-webkit-input-placeholder {
    color: white !important;
}
/*firefox*/
#searchWhatsNew:-moz-placeholder {
    color: white !important;
}
#searchWhatsNew::-moz-placeholder {
    color: white !important;
}
#searchWhatsNew:-ms-input-placeholder {
    color: white !important;
}


.background-dark {
    background-color: rgb(129, 129, 129);
}

.background-light {
    background: #e6e6e6;
}

.background-dark-light {
    background: #D9D9D9;
}

.font-normal {
    font-weight: normal !important;
}

.font-bold {
    font-weight: bold !important;
}

/* Tekst zapisany z dużej litery */
.text-capitalize-first {
    text-transform: lowercase;
}

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

.error-message {
    font-weight: bold;
    color: #FF0000;
}

.not-published-file input {
    font-weight: bold !important;
    color: #FF0000 !important;
}

.form-button-link {
    font-family: Helvetica;
    font-weight: bold !important;
    font-size: 16pt !important;

    color: #BE9E56;
    background: #F2F2F2 !important;

    border-radius: 0px !important;
    text-transform: uppercase;
}

.form-button-link:hover, .form-button-link:focus, .form-button-link:active {
    background-color: #BE9E56;
    color: #FFFFFF !important;
}

.btn-disabled.form-button-link:hover .btn-disabled.form-button-link:focus, .btn-disabled.form-button-link:active{
    background: #F2F2F2 !important;
}

.action-dropdown-button-link {
    font-family: Helvetica;
    font-weight: bold !important;
    font-size: 14pt !important;

    color: #BE9E56;
    background: #F2F2F2 !important;

    border-radius: 0px !important;
    text-transform: uppercase;
}

.action-dropdown-button-link:hover, .action-dropdown-button-link:focus, .action-dropdown-button-link:active {
    background-color: #BE9E56;
    color: #BE9E56 !important;
}

.btn-disabled.action-dropdown-button-link:hover .btn-disabled.action-dropdown-button-link:focus, .btn-disabled.action-dropdown-button-link:active{
    background: #F2F2F2 !important;
}

.form-button {
    font-family: Helvetica;
    font-weight: bold !important;
    font-size: 16pt !important;


    color: #BE9E56;
    /*    border-left: 2px solid #BE9E56 !important;*/


    border-radius: 0px !important;
    text-transform: uppercase;
}

.form-button:hover, .form-button:focus, .form-button:active {
    background-color: #BE9E56;
    color: #FFFFFF !important;
}

.content {
    box-shadow: 0 0 5px rgba(57, 63, 72, 0.3);
}

.sticky {
    position:sticky;
    top: 5px;
}

.btn-disabled {
    cursor: default;
    opacity: 0.35;
    box-shadow: none;
}

.btn-disabled.form-button:hover, .btn-disabled.form-button:focus, .btn-disabled.form-button:active {
    background-color: transparent;
    color: #BE9E56 !important;
    cursor: default;
}

@media (min-width:768px) {
    .col-sm-offset-1-5{
        margin-left:12.5%
    }
    .col-sm-2-4{
        width:20%;
        float:left;
        padding:1%
    }
}
@media (min-width:992px) {
    .col-md-offset-1-5{
        margin-left:12.5%
    }
    .col-md-2-4{
        width:20%;
        float:left
    }
}
@media (min-width:1200px) {
    .col-lg-offset-1-5{
        margin-left:12.5%
    }
    .col-lg-2-4{
        width:20%;
        float:left
    }
}


/*
a.gold:link{
    background-color: transparent ;
    font-family: Helvetica;
    font-weight: normal;
    font-size: 12pt;
}

a.gold:visited{
    background-color: transparent !important;
}

a.gold:hover{
    background-color: #BE9E56 !important;
}

a.gold:active{
    background-color: #BE9E56 !important;
}

.btn.gold{
    font-family: Helvetica;
    font-weight: bold;
    font-size: 16pt;
    white-space: normal;
    background: #F2F2F2;
    color: #4D4D4D;
    border-radius: 0;
    box-shadow: 1px 1px 0px 0px #C8C8C8;
}

.btn.gold:hover, .btn.gold:focus, .btn.gold:active, .btn.gold.active, .open > .dropdown-toggle.btn{
    background-color: #BE9E56;
    color: #FFFFFF;
    box-shadow: none;
}

.btn.gold:active, .btn.gold.active{
    background-color: #BE9E56;
    color: #FFFFFF;
    box-shadow: none;
}*/

.content {
    box-shadow: 0 0 5px rgba(57, 63, 72, 0.3);
}

.sticky {
    position:sticky;
    top: 5px;
}

.buttonsContent {
    justify-content: space-around;
    align-items: flex-start;
}

.stickyForm {
    position:sticky;
    bottom:0;
    align-self: flex-end;
}

.stickyPanel {
    position: relative;
    position:sticky;
    top:5px;
}

.itemStyles {
    margin-top: 30px;
    background-color: #595959;
    border-top: 2px solid #BE9E56
}


.sticky-panel-start {
    justify-content: space-around !important;
    align-items: flex-start !important;
}

.sticky-top-panel {
    position: sticky !important;
    top: 0px;
}

.sticky-bottom-panel {
    position: sticky !important;
    bottom: 0px;
    align-self: flex-end;
}

.video-window-modal {
    width: -moz-min-content;
    width: -webkit-min-content;
}

.videoWindowModalIE {
    display: -ms-grid;
    -ms-grid-columns: min-content;
}

.invisible-panel.ui-panel{
    border: none;
    background: none;
    color: transparent;
    padding: 0px;
    border-radius: 0px;
    font-size: 1em;
}
/* Style do logowania */
.error-login{
    border: 5px solid #be9e56;
    height: 100px;
    display: grid;
    grid-template-areas: "warning-message";
    grid-template-columns: auto;
}
.login-error-warning-icon {
    grid-area: warning-icon;
    justify-self: center;
    margin: auto;
    padding-left: 5px;
}
.login-error-warning-message {
    grid-area: warning-message;
    justify-self: center;
    margin: auto;
    font-weight: bold;
    color: white;
    font-size: 20px;
}

.info-login {
    border: 5px solid #be9e56;
    height: 100px;
    display: grid;
    grid-template-areas: "warning-icon warning-message";
    grid-template-columns: 10% auto;
}

.info-login-message {
    grid-area: warning-message;
    justify-self: center;
    margin: auto;
    font-weight: bold;
    color: white;
    font-size: 17px;
    padding-left: 10px;
}

.user-parameter-image {
    /*height: max-content;*/
    max-height: 400px;
    max-width: 600px;
    margin: auto;
}

body .dialog-button {
    font-family: Helvetica;
    font-weight: bold;
    font-size: 16pt !important;

    background-color: #F2F2F2 !important;
    color: #BE9E56 !important;

    border-radius: 0px;
    text-transform: uppercase;

    border: 1px solid #A8A8A8;
    min-width: 64px;
    display: inline-block;

    font-size: 18px;
    padding: 6px 12px;
}

.modal-footer > .dialog-button,
.modal-footer .btn+.btn
{
    margin-left: 10px ;
}

input.dialog-button, a.dialog-button, span.dialog-button {
    padding: 6px 12px;
}

.dialog-button .ui-button-text, .dialog-button.ui-button-text-only .ui-button-text {
    padding: 6px 16px;
}

.dialog-button:hover, .dialog-button:focus, .dialog-button:active {
    background-color: #BE9E56 !important;
    color: #FFFFFF !important;
    border: 1px solid #BE9E56;
    text-decoration: none;
    outline: unset;
}

.filter-input-container {
    width: calc(100% - 40px) !important;
    float: left;
}

.container-date {
    width: auto !important;
    max-width: 140px;
}

.clear-icon-container {
    width: 32px;
    text-align: center;
    padding-top: 7px;
    float: right;
}

.clear-icon-container-date {
    width: 32px;
    text-align: center;
    padding-top: 6px;
    display: inline-block;
}

.clear-icon, .ui-widget.clear-icon {
    color: red;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none !important;
}

.ui-widget-header a.clear-icon {
    color: red;
}

.ui-widget-header a.clear-icon:hover,
.ui-widget-header a.clear-icon:focus,
.clear-icon:hover,
.clear-icon:focus {
    color: #AF0000;
    text-decoration: none !important;
}


.customPickList {
    margin: auto;
}

.customPickList .ui-picklist-list.ui-picklist-source, .ui-picklist-list.ui-picklist-target {
    height: 400px;
    width: 100%;
}

.customPickList .ui-picklist-list.ui-picklist-target {
    height: 400px;
    width: 100%;
}
.customPickList .ui-picklist-list-wrapper {
    min-width: 450px;
    max-width: 450px;
}
.customPickList .modal-dialog {
    width: 772px;
}
.customPickList .modal-content {
    width: 812px;
}

.customPickList .ui-picklist .ui-picklist-list li {
    font-weight: normal;
    font-size: 65%;
}

.modal-dialog.assign-dialog {
    min-width: 1024px;
}

.customPickList .ui-state-hover, .customPickList.ui-state-hover,
.customPickList .ui-widget-content .ui-state-hover, .customPickList.ui-widget-content .ui-state-hover,
.customPickList .ui-picklist-item .ui-corner-all .ui-sortable-handle .ui-state-hover {
    background: #85b2cb;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    text-shadow: none;
}

.customPickList .ui-state-highlight, .itm-style.ui-state-highlight,
.customPickList .ui-widget-content .ui-state-highlight, .itm-style.ui-widget-content .ui-state-highlight,
.customPickList .ui-picklist-item .ui-corner-all .ui-sortable-handle .ui-state-highlight {
    background: #8c8c8c;
    color: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    text-shadow: none;
}
/* kombinowanie z ikonkami w pickliscie
.customPickList .ui-button-icon-left .ui-icon .ui-c .ui-icon .ui-icon-arrow-1-e,
.customPickList .ui-picklist-button-add .ui-icon-arrow-1-e,
.customPickList .ui-icon-arrow-1-e,
.customPickList .ui-state-default .ui-icon{
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f105";
}
.customPickList .ui-picklist-button-remove-all {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f100"
}
.customPickList .ui-picklist-button-remove {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f104"
}
.customPickList .ui-picklist-button-add-all {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    content: "\f101"
}

.customPickList .ui-pick-list .ui-button {
    background-color: #F2F2F2 !important;
    color: #BE9E56 !important;
    border-radius: 0px;
}

.customPickList .ui-pick-list .ui-button:hover, .customPickList .ui-pick-list .ui-button:focus, .customPickList .ui-pick-list .ui-button:active {
    background-color: #BE9E56 !important;
    color: #FFFFFF !important;
}
*/

.modal-dialog-850.modal-dialog {
    width: 850px;
}

.checkbox-without-margin {
    width: 20px;
    float: left;
}

.input-text-wrap-heigh80px {
    width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
    max-height: 80px;
}

.panel-group-label {
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    top: -15px;
    left: 55px;
    background: #f2f2f2;
    border: 1px solid gray;
    padding: 2px 10px 2px 10px;
}

.wider-dialog {
    width: 800px;
    max-width: 90%;
}

.toggle-margin {
    margin-left: 7px  !important;
    margin-top: 4px !important;
}

.toggle-margin-width.accordion-toggle-black::after {
    width: 16px !important;
}

.label-margin {
    margin-top: 4px !important; 
    margin-bottom: 3px
}

.dropdown-menu-right {  
    right: 0;
    left: auto;
    top: 30px;
}

.pnl-icon-border {
    border: 1px solid #a8a8a8;
}

.btn-group-vertical .content-left-button
{
    font-size: 15pt !important;
    display: inline-flex;
    justify-content: left;
    align-items: center;
    width: 100%;
    word-wrap: anywhere !important;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 27px;
    
    min-height: 40px; 
    white-space: normal; 
    border-radius: 0px !important;
}

.rights-tree tr {
    height: unset !important;
}

/* KM: Nie wiadomo czemu w PF jest content-box */
.rights-tree.ui-treetable thead th {
    box-sizing: border-box !important;
}