/*wspolny plik z poprawkami wygladu dla responsywnego szablonu*/
.no-display {
    display: none;
}

.tabela-bez-empty-message .ui-datatable-empty-message {
    display: none !important;
}

/* Ważne: styl zakładek wyświetlanych jako dialogi */
.dialog_zakladki_ewidencji {
    max-width: 800px;
}


/* color picker: */
.square .clr-field button, .circle .clr-field button {
    width: 22px;
    height: 22px;
    left: 5px;
    right: auto;
    border-radius: 5px;
}


/* Do pól podpisów, z tłem */
.has-background canvas {
    opacity: 0.7;
}

.square .clr-field input, .circle .clr-field input {
    padding-left: 36px;
}

.circle .clr-field button {
    border-radius: 50%;
}

/* Panel wyszukiwania w MultiSelectCheckbox: */

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    background-color: #ffffff !important;
    /* Biały kolor tła */
    max-height: 3rem !important;
    /* Maksymalna wysokość */
}


/* Do scrollowanych tabelek, ale nie tylko :) */

.scrollable-container {
    width: 100%;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
}

.klawisze_grid_open {
    min-width: 70px !important;
}


/*Dodane przez PM 2021-04-06 z default.css*/

.klasa_legendy_tab>legend {
    font-size: larger;
}

.float-right {
    float: right;
}

.small_text {
    font-size: 0.9rem;
}


/* Tekst pod kątem 90 stopni */

.text-vertical {
    transform: rotate(-90deg);
    display: inline-block;
}

body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem.ui-state-default a.color-blue {
    color: blue !important;
}

body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem.ui-state-default a.color-green {
    color: green !important;
}

body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem.ui-state-default a.color-grey {
    color: grey !important;
}

body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem.ui-state-default a.color-black {
    color: black !important;
}

body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem.ui-state-default a.color-darkviolet {
    color: darkviolet !important;
}

body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem.ui-state-default a.color-orange {
    color: orange !important;
}

body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem.ui-state-default a.background-lightgreen {
    background-color: lightgreen !important;
    border-radius: 3px !important;
}

body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem.ui-state-default a.background-lightblue {
    background-color: lightblue !important;
    border-radius: 3px !important;
}

body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem.ui-state-default a.background-yellow {
    background-color: yellow !important;
    border-radius: 3px !important;
}

body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem.ui-state-default a.background-lightgray {
    background-color: lightgray !important;
    border-radius: 3px !important;
}

body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem.ui-state-default a.background-lightgray {
    background-color: lightgray !important;
    border-radius: 3px !important;
}

body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem.ui-state-default a.background-lightred {
    background-color: #FFCCCC !important;
    border-radius: 3px !important;
}

body .ui-fieldset .fieldset_no_padding {
    padding: 0px !important;
}

.dialog_zadania_komentarz_szerszy {
    width: 600px;
    height: 300px;
}

body .ui-dialog {
    padding: 1rem;
}

.image-ring {
    width: 100%;
}

.image-ring .ui-ring-item {
    border-bottom-style: none;
    border-width: 0;
}

.image-ring .ui-ring-item img {
    width: 100%;
}

.ui-ring {
    list-style: none;
    width: 75%;
    height: 10em;
    margin: 1em auto;
}

.ui-ring-item {
    height: 4em;
    width: 8em;
    cursor: pointer;
}

.ui-ring-item-focus {
    cursor: auto;
}

.site_plans__RFID_name {
    background-color: #ffffff;
    font-weight: bold;
    color: #000000;
    white-space: nowrap;
    font-size: 12px;
}

.site_plans_mini_RFID_name {
    background-color: #ffffff;
    font-weight: bold;
    color: #000000;
    white-space: nowrap;
    font-size: 10px;
}

.site_plans_frame {
    position: relative;
    min-width: 200px;
    min-height: 200px;
    border: 1px solid black;
}

.site_plans_menu_frame {
    position: relative;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border: 1px solid gray;
    background: #F2F5F9;
    z-index: 0;
    display: block;
}

.site_plans_plan {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    border: 5px dotted red;
}

.site_plans_point {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    white-space: nowrap;
}

.site_plans_image {
    border: 0px;
    border-color: white;
    border-style: solid;
}

.space_between_buttons {
    width: 5px;
    height: 4px;
}

.bold {
    font-weight: bold;
}

.bold_upper {
    font-weight: bold;
    text-transform: uppercase;
}

.hidden {
    display: none;
}

.table_row_white {
    color: black;
}

.table_row_red {
    color: red;
    font-weight: bold;
}

.table_row_violet {
    color: darkmagenta;
    font-weight: bold;
}

.nowa_obsada_data_bold {
    font-weight: bold;
}

.text_bold_larger {
    font-weight: bold;
    font-size: larger;
}

.pole_upper {
    text-transform: uppercase;
}

.text_align_right {
    text-align: right;
}

.text_align_left {
    text-align: left;
}

.text_align_right_row td {
    text-align: right;
}

.row_align_center td {
    text-align: center;
}

.row_green,
body .ui-datatable tbody tr.ui-datatable-even.row_green,
body .ui-datatable tbody tr.ui-datatable-odd.row_green {
    color: black !important;
    background-color: #a3f393 !important;
}

.row_yellow,
body .ui-datatable tbody tr.ui-datatable-even.row_yellow,
body .ui-datatable tbody tr.ui-datatable-odd.row_yellow {
    color: black !important;
    background-color: #fbff8b !important;
}

.row_red,
body .ui-datatable tbody tr.ui-datatable-even.row_red,
body .ui-datatable tbody tr.ui-datatable-odd.row_red {
    color: black !important;
    background-color: #ff8c80 !important;
}

.row_white,
body .ui-datatable tbody tr.ui-datatable-even.row_white,
body .ui-datatable tbody tr.ui-datatable-odd.row_white {
    color: black !important;
    background-color: white !important;
}

.grey {
    color: gray;
}

.ui-stack {
    bottom: 3px;
    left: 180px;
}

.ui-icon-site {
    background: url(../images/plans/points/home.png) no-repeat;
    height: 16px;
    width: 16px;
}

.ui-icon-rfid {
    background: url(../images/plans/points/rfid.png) no-repeat;
    height: 16px;
    width: 16px;
}

.icon_help {
    background: url(../images/plans/points/help_icon.png) no-repeat;
}

.nowe_wejscie {
    text-transform: uppercase;
}

.nowe_wejscie input {}

.nowe_wejscie_uwagi {
    vertical-align: top;
}

.nowe_wejscie_klawisze {}

.pola_filtr {
    text-transform: uppercase;
}

.row_event_red {
    color: red !important;
    font-weight: bold !important;
}

.row_event_yellow {
    color: #F9A825 !important;
    font-weight: bold !important;
}

.row_event_blue {
    color: #4556a3 !important;
    font-weight: bold !important;
}

.row_event_white {
    color: black !important;
}

.row_signal_red {
    color: red !important;
}

.row_signal_yellow {
    color: #ff9900 !important;
}

.row_signal_blue {
    color: #4556a3 !important;
}

.row_signal_white {
    color: black !important;
}


/*Zmiana koloru nieparzystych wierszy*/

.ui-datatable-odd {
    background: none repeat scroll 0 0 #F2F5F9;
}


/* Koniec importu z default.css */

.ui-button {
    color: white;
}


/* 2020-01-23 IK: */


/*Border in column*/


/* 2020-05-23 PM: Zmieniłem na 1 z obu stron */

.ui-datatable-tablewrapper table thead tr th {
    border-left: 1px solid #d8d8d8;
    padding-left: 1px !important;
    border-right: 1px solid #d8d8d8;
    padding-right: 1px !important;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button,
.ui-inputfield,
.ui-inputtext,
.ui-widget-content,
.ui-widget-header {
    background-color: white;
}

.ui-dialog .ui-dialog-content {
    padding: 0px;
    margin-top: 8px
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    /*IK 04.05.2020*/
    /*FIX COLOR IN POPUP BOX WHITE -> BLACK*/
    color: black !important;
}

.ui-dialog.ui-dialog-absolute {
    /*IK 04.05.2020*/
    /*FIX FIX POSITION POPUP BOX 'AUTO' -> 40%*/
    left: 40% !important;
}

body .ui-notificationbar {
    /*IK 04.05.2020*/
    /*ORANGE BOX TOP Z-INDEX null => 398px / 270px */
    z-index: 999999;
}

.gc_help_text {
    /*IK 04.05.2020*/
    /*TEXT COLOR ON PAGE "Wybór obiektu" blue => black */
    color: black !important;
}

.dialog_zadania_komentarz {
    /*IK 04.05.2020*/
    /*CHANGE WIDTH AND HEIGHT IN POPUP BOX null => 398px / 270px */
    width: 398px;
    height: 270px;
}

.layout-wrapper .layout-sidebar .nano .sidebar-scroll-conten {
    z-index: 2000 !important;
}

body .ui-dialog.ui-shadow {
    /*IK 04.05.2020*/
    /*ON TOP ALL WINDOWS*/
    z-index: 999999 !important;
}

.ui-datepicker {
    z-index: 999999 !important;
}

@media (max-width: 1400px) {
    .ui-dialog.ui-dialog-absolute {
        /*IK 04.05.2020*/
        /*IF WINDOW WIDTH < 1400px LEFT 40% -> 25%*/
        left: 25% !important;
    }
}

.layout-wrapper .layout-sidebar .sidebar-logo .app-name {
    /*IK 28.04.2020*/
    /*CHANGE APPNAME FONT SIZE*/
    font-size: 14px !important;
}


/*Fix fileloader button*/

.ui-fileupload .ui-fileupload-buttonbar .ui-button input {
    display: none !important;
    ;
}

.ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-button-text {
    color: white;
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-icon {
    color: white !important;
    ;
}

.ui-datatable-tablewrapper table tbody .ui-widget-content td {
    border-left: 1px solid #d8d8d8;
    /* 2020-05-23 PM: Dodałem przesunięcie o 3 pixele w wierszach tabeli: */
    /*padding-left: 3px !important;*/
}


/* 2020-05-18 IK: */


/*ADD SIZES FOR LEFT MENU BUTTON*/


/*FIX HEIGHT SELECTMENU*/

.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {
    max-height: 350px !important;
}

.app_title_font {
    font-weight: bold;
    margin-left: 8px;
}

body .ui-inputfield:focus::placeholder {
    color: transparent;
}

.left_menu_button_size_middle {
    height: 50px;
    padding-top: 16px;
}

.left_menu_button_size_big {
    height: 60px;
    padding-top: 20px;
}


/* 2020-05-20 IK: */


/*FIX LIST IN POPUP BOX*/

body .ui-selectonemenu-panel {
    z-index: 999999 !important;
}


/*Title font size*/

h2 {
    font-size: 32px;
}

body .ui-tabs .ui-tabs-nav>li.ui-tabs-selected a {
    /*color: white !important;*/
}

body .ui-tabs .ui-tabs-nav>li.ui-state-active {
    background-color: transparent;
    border-color: #FFB300;
    border-style: solid;
}

.ui-dialog .ui-dialog-titlebar {
    color: white;
}

.site-selector-responsive .link_top_normal {
    color: #222;
    font-weight: bold;
}

/* 2024-08-29 PM: To powodowało wyświetlanie dodatkowej linii pod każdym wierszem, w komentarz: */
/*
.ui-g tr {
    border-bottom: 1px solid white;
}

tr {
    border-bottom: 1px solid #F5F5F5;
}
*/


/*Fix header responsive*/

.layout-topbar {
    display: inline-flex;
    align-items: center;
}

.topbar-menu {
    position: absolute;
    right: 15px;
    top: 15px;
}

.topbar-menu-btn {
    position: absolute;
    right: 4px;
}

.site-selector-responsive {
    width: auto;
    margin-left: 15px;
}


/*Global separator color*/

.ui-separator {
    color: #F5F5F5 !important;
}


/*Fix column input
2021-04-27 PM: Nie może tego być, bo chowa się checkbox w tabelce
.ui-datatable-tablewrapper table tbody tr td div input {
    width: 100px !important;
}
*/


/*Fix tooltip*/

body .ui-tooltip .ui-tooltip-text {
    min-width: 100px !important;
    max-width: 400px !important;
    /* 2022-03-20 PM: Powiększenie czcionki helpu: */
    /* 2024-10-16 PM: Powiększenie 14px -> 1em */
    font-size: 1em;
}


/*Button animation in column*/

.ui-datatable-tablewrapper table tbody tr td button:hover {
    box-shadow: 0px 0px 17px -10px rgba(90, 57, 171, 1);
}


/*Disable animaton in menu*/

.ui-datatable-tablewrapper table tbody .ui-widget-content td .ui-outputpanel .ui-selectonemenu {
    border-bottom: 0px solid #d8d8d8;
    background: transparent no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-image: none;
    background-size: auto;
    background-image: linear-gradient(to bottom, #333333, #333333), linear-gradient(to bottom, #333333, #333333);
    background-size: 0 2px, 100% 1px;
    background-position: 50% 100%, 50% 100%;
    transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
    padding-bottom: 2px;
    box-sizing: border-box;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}


/*Hidden dropdown elemnt on column*/

.ui-datatable .ui-reflow-dropdown {
    display: none !important;
}

body .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {
    /*background: white !important;*/
    /* 2022-09-27 PM: W komentarz, bo nie można było zmienić tła:
    background: white !important;
    */
}


/*Header elements in one line*/

body .ui-datatable .ui-paginator {
    display: inline-flex;
    justify-content: center;
    width: 100% !important;
}

.layout-wrapper-static .layout-sidebar .sidebar-logo .sidebar-anchor {
    position: absolute;
    top: 10px !important;
    right: 1px !important;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    color: white;
}

.ui-datatable-tablewrapper table tbody .ui-widget-content td {
    /*text-align: left !important;*/
    /* 2020-05-20 PM: Ograniczam margines od lewej krawędzie komórek tabeli: */
    /*padding-left: 2px !important;*/
}


/*Fix inputfield in ui-widget*/


/* 2021-02-19: PM: W komentarz, bo były zbyt wąskie pola:
body .input-field .ui-inputfield {
    width: 100% !important;
}

body .ui-inputfield {
    width: auto !important;
}

body table thead .ui-inputfield {
    width: 100% !important;
}
*/


/*Input element color in  focus*/

.layout-wrapper .layout-sidebar .sidebar-logo .sidebar-anchor {
    position: absolute;
    top: 10px !important;
    right: 2px !important;
}

body .ui-tabs.ui-tabs-top>.ui-tabs-nav {
    /*2023-03-24 DP: W komentarz, przez te stala wysokosc elementy nawigacji nie przeskakuja pod siebie, gdy brak miejsca*/
    /*height: 40px !important;*/
}

.ui-datatable-tablewrapper table tbody .ui-widget-content td {
    border: 1px solid #d8d8d8 !important;
}

.layout-topbar {
    display: inline-flex;
}

.ui-datatable-tablewrapper table thead tr th {
    text-align: center;
    border-left: 1px solid #d8d8d8;
}

.ui-datatable-tablewrapper table tfoot .ui-state-default {
    text-align: center;
}

.ui-datatable-tablewrapper table tbody .ui-widget-content td {
    text-align: center;
}

.site_selector input.ui-autocomplete-input {
    width: 500px;
}

@media (max-width: 1024px) {
    .site-selector-responsive .link_top_normal {
        display: none;
    }
    .site_selector input.ui-autocomplete-input {
        width: 240px !important;
    }
    body .ui-button.ui-button-text-icon-left {
        padding-left: 24px;
    }
}

.site-selector-responsive .hideClass {
    width: 10px;
}

.ui-autocomplete-panel,
.ui-menu {
    z-index: 99999999 !important;
}


/*Column text align*/

.column_text_align_right div input {
    width: auto;
    background-color: red;
    text-align: right;
}

.column_text_align_left div input {
    width: auto;
    text-align: left;
}

.column_text_align_center div input {
    width: auto;
    text-align: center;
}


/* 2020-05-23 PM: W oparciu o wskazówki Ilyi, wyrównanie w tabelach: */

.table_text_align_right {
    width: auto;
    padding-right: 0px !important;
    text-align: right !important;
}

.table_text_align_left {
    width: auto;
    padding-left: 0px !important;
    text-align: left !important;
}

.table_text_align_center {
    width: auto;
    padding: 0px !important;
    text-align: center !important;
}

body .ui-inputfield::placeholder {
    color: black;
}

body .ui-inputfield[id^="0"] {
    color: red;
}


/*Fix materialize.css bugs*/

select {
    display: block !important;
    width: auto !important;
}

input {
    opacity: 1 !important;
}


/*Table text align*/

.td_text_align_right {
    width: auto;
    text-align: right !important;
}

.td_text_align_left {
    width: auto;
    text-align: left !important;
}

.td_text_align_center {
    width: auto;
    text-align: center !important;
}

body .ui-datatable-data tr td {
    text-align: center;
}


/*Fix help-icon size*/

.help_icon {
    height: 16px !important;
    width: 16px !important;
}


/*wyrownanie do gory tekstu w tabelkach na report_documents.xhtml*/

body .ui-datatable-data tr td {
    vertical-align: top;
}


/*przeniesione z cssLayout_GuardCenter dla niebieskich bloczkow info*/

.gc_help_text_events {
    float: left;
    width: 100%;
    background-color: #C9E5FA;
    padding: 5px 10px;
    margin: 10px 0;
    box-sizing: border-box;
}

.gc_help_text {
    font-style: italic;
    color: #379cc4;
    font-size: 13px;
    font-family: "Segoe UI";
    font-weight: normal;
    margin: 2px 0;
}


/*poszerzenie menu, aby nazwy domyslnych ewidencji GuardReport miescily sie w jednej linijce*/

.layout-wrapper .layout-sidebar .layout-menu li>a i.layout-submenu-toggler {
    right: 0px;
}

.layout-wrapper .layout-sidebar .layout-menu li>a>.menuitem-text {
    max-width: 182px;
    word-break: keep-all;
}


/*poprawki wizualne*/

.layout-wrapper .layout-main .layout-content {
    padding: 72px 17px 60px 17px !important;
}

.ui-datatable-tablewrapper button.ui-button {
    padding: 0px 4px;
}

.layout-wrapper .layout-sidebar .sidebar-logo {
    /*IK 28.04.2020*/
    /*CHANGE DIV WIDTH AND HEIGHT FOR APP NAME BOX*/
    background-color: #C10000;
    text-align: center;
    width: 100%;
    /* Firefox */
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    /* Safari and Chrome */
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    padding-top: 2px !important;
    padding-bottom: 8px;
    padding-right: 32px;
    height: 64px;
    /* W3C */
    display: box;
    box-pack: center;
    box-align: center;
    /* 2021-02-01 PM: */
    background-repeat: no-repeat;
}


/* Lista bez ramki */

.dataList_without_border .ui-datalist-content {
    border: none !important;
}

.padding-05rem {
    padding: .5rem !important;
}

@media (max-width: 1024px) and (min-width: 361px) {
    .layout-wrapper .layout-main .layout-content {
        padding: 92px 17px 24px 17px !important;
    }
    .site-selector-responsive {
        /*        right: 65px;
                top: 20px;*/
    }
}

@media (min-width: 601px) {
    .layout-wrapper .layout-main .layout-content {
        padding: 92px 17px 24px 17px !important;
    }
    .site-selector-responsive {
        right: 0px;
        top: 56px;
    }
}

.panel_grid_vertical_middle {
    display: table;
}

.logout-btn-no-site-selected {
    position: absolute;
    top: 21px;
    color: #fff;
    right: 240px;
}

@media (max-width: 1024px) {
    .logout-btn-no-site-selected {
        position: absolute;
        top: 21px;
        color: #fff;
        right: 76px;
    }
}

@media (max-width: 1348px) {
    .ui-panelgrid-cell .ui-datatable {
        width: 100% !important;
    }
}


/* 2023-11-03 PM: W komentarz, bo nie działało łamanie np. z 4 kolumn na 2, tylko od razu na 1:
@media (max-width: 1348px){
    .ui-panelgrid-cell {
        width: 100% !important;
    }
}


@media (max-width: 650px){
    .ui-panelgrid-cell {
        width: 100% !important;
    }
}
*/

img.gc_user_menu_photo {
    border-radius: 10px;
}

@media (max-width: 1024px) {
    .profile-name {
        /*display: none;*/
    }
}

@media (min-width: 1025px) {
    .user-name {
        margin-bottom: 5px;
        position: absolute;
        right: 50px;
        top: -22px;
    }
}

.layout-wrapper:not(.layout-wrapper-static) .layout-sidebar.layout-sidebar-active .app-name {
    display: inline-block !important;
}

.layout-wrapper:not(.layout-wrapper-static) .layout-sidebar.layout-sidebar-active .left-menu-logo:not(.hidden) {
    display: block !important;
}


/* 2020-05-03 PM: Przeniesione z layout-custom Juwentus */

.ui-datatable tbody td.wrap {
    white-space: normal;
}

.ui-datatable-resizable tbody td {
    white-space: normal;
}


/* 2023-09-27 PM: To jest potrzebne przy filtrach :*/

.ui-datatable thead th {
    white-space: pre-line;
}


/* 2023-09-27 PM: Wyłączamy przy tabelkach dok. definiowalnych :*/

.styl_tabelek_z_parametrow.ui-datatable thead th {
    white-space: normal;
}

.ui-datatable-hor-scroll .ui-datatable-tablewrapper,
.scrolling-div .ui-datatable-tablewrapper {
    overflow: auto;
    width: 100%;
    padding-bottom: 5px;
}

.odstep_miedzy_klawiszami {
    width: 8px;
    height: 4px;
}

.odstep_miedzy_etykieta_i_polem {
    width: 5px;
    height: 1px;
}

.dialog_footer {
    float: right;
    margin-bottom: 10px;
    margin-right: 5px;
    margin-top: 5px;
}

.dialog_standard {}

.dialog_wysoki {}

.kolumna_bszeroka {
    width: 350px;
}

.kolumna_szeroka {
    width: 200px;
}

.kolumna_srednia {
    width: 100px;
}

.kolumn_center_important {
    text-align: center !important;
}

.kolumna_data {
    width: 110px;
    max-width: 110px;
    min-width: 110px;
    overflow-wrap: break-word;
}

.kolumna_godzina {
    width: 80px;
    max-width: 80px;
    min-width: 60px;
}

.kolumna_nr_rejestracyjny {
    width: 120px;
    overflow-wrap: break-word;
}

.kolumna_firma {
    width: 150px;
    overflow-wrap: break-word;
}

.kolumna_osoba {
    width: 170px;
    overflow-wrap: break-word;
}

.kolumna_uwagi {
    width: 150px;
    text-align: left !important;
    overflow-wrap: break-word;
}

.kolumna_waska {
    width: 100px;
    text-align: center !important;
}

.kolumna_szersza_niz_waska {
    width: 140px;
    text-align: center !important;
}

.kolumn_align_center {
    text-align: center !important;
}

.kolumna_x_waska {
    width: 150px;
    text-align: center !important;
}

.kolumna_big {
    width: 350px;
}

.kolumna_wezsza {
    width: 80px;
}

.kolumna_wezsza_bardziej {
    width: 50px;
}

.dialog_notification_pattern {}

.ui-datatable tbody td {
    word-break: normal;
}

.dialog_pakiet {
    ;
    top: 5px !important;
    width: 600px;
}

.dialog_cit {
    ;
    top: 150px !important;
}

.ui-menu.ui-menu-dynamic {
    text-align: left;
}

.field_int_narrow {
    width: 50px;
}

.field_date_narrow {
    width: 70px;
}

.field_time_narrow {
    width: 70px;
}

.field_string_narrow {
    width: 100px;
}

.dropdown_narrow {
    width: 100px;
}

.ui-inputfield ui-widget ui-state-default ui-corner-all hasDatepicker {
    width: 80px;
}

.ui-inputfield ui-widget ui-state-default ui-corner-all hasTimepicker {
    width: 80px;
}

.ui-calendar field_time_narrow {
    width: 80px;
}


/* PM: Koniec */


/* 2020-06-21 PM: */

.bold {
    font-weight: bold;
}


/* 2023-10-03 PM: Zmiana font 12->1rem, i 13 blokada -> 1 rem

.grey {
    color: gray;
    font-size: 1rem;
}


.pole_string_szerokie {
    width: 500px;
    font-size: 1rem;
}

.pole_string_szerokie_poltora {
    width: 750px;
    font-size: 1rem;
}

/* 2021-02-09 PM: */

.nowe_ewidencja_pole_opis_blokada {
    /*font-weight: bold;*/
    font-size: 1rem;
    width: 100% !important;
    text-align: left;
}

.nowe_ewidencja_pole_opis_wysoki_blokada {
    /*font-weight: bold;*/
    font-size: 1rem;
    width: 100% !important;
    text-align: left;
}

.nowe_ewidencja_pole_str_blokada {
    /*font-weight: bold;*/
    font-size: 1rem;
}

.nowe_ewidencja_pole_data_blokada {
    /*font-weight: bold;*/
    font-size: 1rem;
}

.nowe_ewidencja_pole_godzina_blokada {
    /*font-weight: bold;*/
    font-size: 1rem;
}

.nowe_ewidencja_pole_int_blokada {
    /*font-weight: bold;*/
    font-size: 1rem;
}

.nowe_ewidencja_pole_dec_blokada {
    /*font-weight: bold;*/
    font-size: 1rem;
    text-align: right;
}

.nowe_ewidencja_pole_opis {
    width: 100% !important;
    vertical-align: top;
    font-size: 1rem;
    min-height: 30px;
}

.pole_string_szerokie {
    width: 100% !important;
    vertical-align: top;
    font-size: 1rem;
    min-height: 30px;
}

.nowe_ewidencja_pole_opis_tabela {
    width: 100% !important;
    vertical-align: top;
    font-size: 1rem;
    min-height: 10px;
    margin: 0px !important;
}

.nowe_ewidencja_pole_opis_wysoki {
    width: 100% !important;
    vertical-align: top;
    font-size: 1rem;
    min-height: 50px;
}

.nowe_ewidencja_pole_str {
    text-transform: uppercase;
    vertical-align: top;
    font-size: 1rem;
    /* 2021-05-08 PM: Bez tego nie widać podkreślenia dolnego (zmiana ostatniego parametru z domyślnych 100 na 98)*/
    background-position: 50% 100%, 50% 98% !important;
}

.nowe_ewidencja_pole_str_bez_upper {
    vertical-align: top;
    font-size: 1rem;
}

.nowe_ewidencja_pole_data input {
    width: auto !important;
    text-align: center;
    vertical-align: top;
    font-size: 1rem;
    /* 2021-05-08 PM: Bez tego nie widać podkreślenia dolnego (zmiana ostatniego parametru z domyślnych 100 na 98)*/
    background-position: 50% 100%, 50% 98% !important;
}

.nowe_ewidencja_pole_godzina {
    /*2021-04-20 DP: przycisk wyboru godziny wyjezdzal poza input*/
    /*width: 70px !important;*/
    text-align: center;
    vertical-align: top;
    font-size: 1rem;
}

.ui-inputfield.nowe_ewidencja_pole_godzina,
.ui-inputfield.nowe_ewidencja_pole_int {
    width: 80px;
}


/* 2023-05-13 PM: Zmiana z 100 na 120 bo font large się nie mieścił*/

.nowe_ewidencja_pole_int {
    width: 120px !important;
    vertical-align: top;
    font-size: 1rem;
    /* 2021-05-08 PM: Bez tego nie widać podkreślenia dolnego (zmiana ostatniego parametru z domyślnych 100 na 98)*/
    background-position: 50% 100%, 50% 98% !important;
}

.nowa_obsada_tekst {
    text-transform: uppercase;
    font-size: 12px;
}

.nowe_ewidencja_pole_dec {
    width: 100px !important;
    text-align: left;
    vertical-align: top;
    font-size: 1rem;
    /* 2021-05-08 PM: Bez tego nie widać podkreślenia dolnego (zmiana ostatniego parametru z domyślnych 100 na 98)*/
    background-position: 50% 100%, 50% 98% !important;
}

@media (max-width: 1024px) {
    .nowe_ewidencja_pole_int {
        width: 100% !important;
    }
    .nowe_ewidencja_pole_dec {
        width: 100% !important;
    }
    .ui-inputfield.hasDatepicker {
        width: 100px !important;
    }
    .nowe_ewidencja_pole_str {
        width: 100% !important;
    }
}

.nowe_ewidencja_pole_str_auto {
    text-transform: uppercase;
    width: auto;
    vertical-align: top;
    font-size: 1rem;
}


/* 2021-02-12 Ilya: aby klikanie przy checkboxach działało tylko w ich obszarze */

body .ui-chkbox .ui-chkbox-box::before {
    position: absolute;
    left: 6px;
    top: 6px;
    content: "";
    height: 0px !important;
    width: 0px !important;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    margin: 0;
}


/* 2021-02-17 PM: Ograniczenie szerokości paska z błędem formatu pól */

body .ui-message.ui-message-error {
    max-width: max-content;
}


/* Margines klawisza rozwiajającego kalendarz */

body .ui-calendar .ui-datepicker-trigger {
    margin-left: 30px;
}


/* Tabelki: lewy margines, wysrodkowanie przycisku wyboru obiektu */

.ui-datatable-tablewrapper table tbody .ui-widget-content td,
body .ui-datatable .ui-datatable-data>tr>td {
    padding-left: 2px !important;
    padding-right: 2px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}


/*2021-02-22 DP: datepicker chowal sie za modalem*/

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all.ui-shadow.ui-input-overlay.p-datepicker-panel {
    z-index: 1000000 !important;
    /* 2023-04-14 PM: */
    min-width: 150px !important;
}

.odstep_pomiedzy_klawiszami {
    width: 8px;
}

.odstep_pomiedzy_polami {
    width: 6px;
    height: 0px;
}

span.required {
    color: red;
}

span.required::after {
    content: "*";
}

.top-aligned-columns {
    /* 2021-03-15 PM: */
    width: 100%;
}

.top-aligned-columns td {
    vertical-align: top;
    /* 2021-03-15 PM: */
    /*width: 100%;*/
}

body .ui-panel .ui-panel-content {
    line-height: 1;
}

body .ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-shadow ui-input-overlay ui-datepicker-timeonly p-datepicker-panel {
    width: 10% !important;
}


/*
.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all.ui-shadow.ui-input-overlay.p-datepicker-panel {
    width: 10% !important;
}
*/


/* 2021-03-16 PM: Ograniczenie szerokości panelu wyboru godziny */

.ui-datepicker-timeonly {
    width: 8% !important;
}

body .ui-button {
    margin: 2px !important;
}

.layout-wrapper-static .layout-main {
    position: relative;
    min-height: 100vh;
}


/*IK 28.02.2022
Mocowanie stopki na samym dole ekranu*/

.layout-wrapper .layout-main .layout-footer {
    border: none !important;
    background: none !important;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    position: absolute;
    right: 0px;
    color: #2F2F2F;
    /*font-size: 1.7vh  !important;*/
    /*bottom: 0px;*/
}


/* 2021-06-18 IK: Usunięcie problemu ze znikającym podkreśleniem pól */

.top-aligned-columns .ui-inputfield {
    display: inline-flex !important;
}

top-aligned-columns tbody {
    display: contents !important;
}


/* Koniec zmian IK */

.panel_grid_horizontal_left_top {
    vertical-align: top !important;
}

form a.forgetPassword {
    color: #9e9e9e !important;
    margin: 30px 0 0 0;
    font-size: 12px;
}

form a.forgetPassword:hover {
    font-weight: bold;
}

.login-body .login-panel .login-panel-content .ui-g-12:last-child,
.login-body .login-panel .login-panel-content .ui-g-6:last-child {
    text-align: right;
}

.ui-galleria-frame-content {
    align-content: center;
}

.card {
    padding-bottom: 1px;
}

tr.opened {
    background-color: #a6bcfd !important;
}


/*usuniecie czerwonego tla w komunikatach bledow, wokol jest czerwone tlo, ale jasniejsze*/


/*.error_box {
    background-color:#e62a10;
    color:white;
    border-color: #e62a10;
    border-style: solid;
}*/


/* Komunikat wyświetlany przy zmianie etapów */

.message_workflow_change {
    width: 100%;
    background-color: #C9E5FA;
    color: black;
    padding: 10px;
}


/* 2023-02-15 DP: Podpis na formularzu musi posiadac ramke, aby podpisujacy byl swiadomy, gdzie sa granice obszaru rysowania*/

.ui-inputfield.kbw-signature {
    background-image: none;
}

.ui-inputfield.kbw-signature.podpis-ramka {
    border: 1px solid #bdbdbd !important;
}

html,
body {
    height: 100%;
}


/*input.wartosc_str:placeholder-shown {
  border: 2px solid red;  Red border only if the input is empty
}*/


/* Show green borders when valid */


/*input.wartosc_str {
    background-color: red !important;
}*/


/*IK: yellow tabbabr 2021.08.25
body .ui-state-active, body .ui-state-highlight {
    background-color: #FFB300 !important;
    color: #212121;
}
body .ui-tabs .ui-tabs-nav > li.ui-state-active {
    border-color: white !important;
}*/


/*usuniecie tla z paska nawigacji*/

body .ui-widget-header.ui-tabmenu-nav {
    background-color: transparent !important;
}


/*ustawienie pozycji, marginesow oraz ramki paska nawigacji*/

body .ui-dialog.ui-shadow.zakladki-nawigacja {
    position: fixed !important;
    left: 60px !important;
    top: 64px !important;
    z-index: 1016 !important;
    padding: 0px;
    margin: 0px;
    border: none;
    box-shadow: none;
    z-index: 100 !important;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 55px;
}


/*ustawienie szerokosci i pozycji paska nawigacji przy wysunietym menu*/

.layout-wrapper.layout-wrapper-static .ui-dialog.zakladki-nawigacja {
    left: 240px !important;
    width: calc(100% - 240px) !important;
}


/*ustawienie szerokosci paska nawigacji przy wsunietym menu*/

.ui-dialog.zakladki-nawigacja {
    width: calc(100% - 60px) !important;
}


/*ustawienie szerokosci i pozycji paska nawigacji w trybie mobilnym*/

@media (max-width: 1024px) {
    body .layout-wrapper.layout-wrapper-static .ui-dialog.zakladki-nawigacja {
        left: 0px !important;
        width: 100% !important;
    }
}


/*usuniecie paska scrollowania pojawiajacego sie, gdy elementy nie mieszcza sie w pasku nawigacji*/

.ui-dialog.zakladki-nawigacja .ui-dialog-content {
    overflow: hidden;
}


/*usuniecie ramki i marginesu w pasku nawigacji*/

body .ui-dialog.zakladki-nawigacja .ui-widget-content {
    border: none;
    margin: 0px;
    width: 100%;
    /*min-height: 48px;*/
}


/*rozszerzenie paska nawigacji na cala strone*/

body .ui-dialog.zakladki-nawigacja .ui-widget-content table {
    width: 100%;
}


/*wyrownanie do prawej przelacznikow na pasku nawigacji*/

.ui-dialog.zakladki-nawigacja .nawigacja-przelaczniki {
    float: right;
    right: 10px;
    top: 5px;
    color: #757575;
}


/*zmniejszenie szerokosci przelacznikow na pasku nawigacji*/

body .ui-dialog.zakladki-nawigacja .ui-widget-content table.nawigacja-przelaczniki {
    width: 120px;
    padding-right: 4px;
}


/*zmniejszenie elementow w pasku nawigacji*/

body .ui-dialog.zakladki-nawigacja .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem>a {
    padding: 0.25em 0.4em;
}


/*wyrownanie w poziomie ikonki home z tytulem dokumentu*/

body .ui-dialog.zakladki-nawigacja .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem>a.tab-home {
    padding-left: 16px;
}


/*wyrownanie w poziomie przelacznikow z ikonka prawego gornego menu*/

body .ui-dialog.zakladki-nawigacja .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem>a .ui-menuitem-icon {
    margin-right: 6px;
}


/*przesuniecie w dol paska nawigacji (cien gornej belki sprawia, ze pasek nawigacji wywawal sie nierowno wypoziomowany)*/

.ui-dialog .ui-dialog-content {
    /*padding-top: 4px;*/
}


/*wyrownanie w pionie informacji o powiadomieniach*/

#topbar_form_zadania {
    padding-top: 1px;
}


/*dodanie dolnego cienia do paska nawigacji*/

body.jest-pasek-zakladek .ui-dialog.ui-shadow.zakladki-nawigacja {
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 14%);
}


/*ukrycie dolnego cienia w gornym pasku, jezeli wyswietlamy dodatkowo pasek nawigacji*/

body.jest-pasek-zakladek .layout-wrapper .layout-main .layout-topbar {
    box-shadow: none;
}

body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem.ui-state-default a {
    color: black !important;
}

body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem.ui-state-active a {
    color: black !important;
}


/*wysrodkowanie elementow w zakladce nawigacji*/

body .ui-dialog.zakladki-nawigacja .ui-widget-content {
    /*display: flex;*/
    display: inline-block;
    align-items: center;
}


/*wyszarzanie przycisku, ktory jest nieaktywny*/

body .ui-button:disabled,
body .ui-button[disabled] {
    cursor: not-allowed;
    /*background-color: rgb(229, 229, 229) !important;*/
}


/* 2023-03-14 PM: aby okna dialogowe modalne były nad menu*/

.layout-wrapper .layout-sidebar {
    z-index: 999996;
}


/*aby boczne menu nie chowalo sie za gornym paskiem aplikacji*/

.layout-wrapper .layout-main .layout-topbar {
    z-index: 999995;
}


/* PM: To wyżej nie działa, nie wiem czemu, więc: */

.nav-wstecz,
nav-dalej {
    min-width: 50px;
}


/*odsuniecie od siebie przyciskow wstecz/dalej w zakladce nawigacji*/

.zakladki-nawigacja .nav-wstecz {
    margin-right: 18px;
}


/*kolorowanie wszystkich zakladek z bledami po zapisie dokumentu*/

body .ui-dialog.zakladki-nawigacja .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem.error>a {
    color: red !important;
}


/*zblizenie do siebie przyciskow wstecz/dalej w sytuacji, gdy nawigacja obok ma jeszcze duzo wolnego miejsca*/

.zakladki-nawigacja .nav-wstecz {
    float: right;
}

.zakladki-nawigacja .nav-dalej {
    float: left;
}


/*przesuniecie w dol wyskakujacych komunikatow w przypadku dodatkowego paska nawigacji*/

body.jest-pasek-zakladek .ui-growl {
    top: 130px;
}


/*domyslna szerokosc kolumny usuwania wierszy w tabelach*/

.ewidencja-wiersze-kolumna-usun {
    width: 62px;
}

.ewidencja-wiersze-kolumna-nizej_wyzej {
    width: 68px;
}

.ewidencja-wiersze-klawisz-nizej_wyzej {
    width: 29px !important;
    height: 29px;
}

.layout-wrapper .layout-sidebar .layout-menu li ul li {
    padding: 0px 0px;
}


/*domyslne ukrycie scrollowania bocznego menu*/

.nano>.nano-content {
    overflow: auto !important;
}


/*2023-03-14 DP: wybor pozycji menu START*/


/*usuniecie nadmiarowej przestrzeni od gory dla wyboru menu*/

.ui-dialog.ui-shadow.wybor-pozycji-menu .ui-dialog-content {
    margin-top: 0px;
}


/*ustawienie pozycji, marginesow oraz ramki paska nawigacji - menu zwiniete*/


/*2024-01-01 PM: Zmiana 999999 -> 999997, bo dialogi były nad growl */

body .ui-dialog.ui-shadow.wybor-pozycji-menu {
    position: fixed !important;
    display: block;
    left: 84px !important;
    top: 84px !important;
    z-index: 1016 !important;
    padding: 5px;
    margin: 0px;
    border: 1px solid #bdbdbd;
    box-shadow: none;
    z-index: 999997 !important;
    /*border-bottom: 1px solid #d8d8d8;*/
    margin-bottom: 55px;
    overflow: hidden;
    /*border-radius: 5px;*/
    /*box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 4px 5px 0 rgb(0 0 0 / 14%);*/
}

body.jest-pasek-zakladek .ui-dialog.ui-shadow.wybor-pozycji-menu {
    top: 134px !important;
}

body .ui-dialog.ui-shadow.wybor-pozycji-menu .ui-dialog-content {
    overflow: hidden;
    padding-right: 15px !important;
}

body .ui-tabmenu .ui-tabmenu-nav {
    overflow-x: hidden !important;
}


/*ustawienie pozycji, marginesow oraz ramki paska nawigacji - menu rozwiniete*/

body .layout-wrapper.layout-wrapper-static .ui-dialog.ui-shadow.wybor-pozycji-menu {
    left: 310px !important;
}


/*przesuniecie w dol tresci strony, jesli itnieje wybor pozycji menu*/

body.jest-wybor-pozycji-menu .layout-wrapper .layout-main .layout-content {
    /*padding-top: 125px !important;*/
}


/*ustawienie szerokosci i pozycji paska nawigacji w trybie mobilnym*/

@media (max-width: 1024px) {
    body .layout-wrapper.layout-wrapper-static .ui-dialog.ui-shadow.wybor-pozycji-menu {
        left: 0px !important;
    }
}


/*2023-03-14 DP: wybor pozycji menu END*/


/*2023-02 DP: START zmiany po przejsciu na primefaces 12.0.4 i serenity-theme 5.1.0*/


/*poprawka wizualna podstawowych inputow*/

body .ui-inputfield {
    background: transparent no-repeat !important;
    background-image: linear-gradient(to bottom, #1E88E5, #1E88E5), linear-gradient(to bottom, #bdbdbd, #bdbdbd) !important;
    background-size: 0 2px, 100% 1px !important;
    /*border: none !important;*/
    /*background-image: linear-gradient(to bottom, #1E88E5, #1E88E5), linear-gradient(to bottom, #bdbdbd, #bdbdbd) !important;*/
    background-position: 50% 100%, 50% 100% !important;
    transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1) !important;
    border-width: 0 !important;
    padding: 2px 2px 2px 2px !important;
    border-radius: 0px !important;
    box-shadow: 0 0 0 0 #cccccc !important;
    border-bottom: 0px solid #cccccc !important;
}


/*poprawka wizualna podstawowych inputow, na ktorych jest focus*/

body .ui-inputfield.ui-state-focus {
    border-width: 0;
    /*background-size: 100% 2px, 100% 1px !important;*/
    background-size: 0 2px, 100% 1px !important;
    outline: none;
    padding-bottom: 2px;
}


/*poprawka wyswietlania material icons w primefaces12*/

body .material-icons {
    font-family: 'Material Icons' !important;
    font-style: normal !important;
    text-decoration: none !important;
}


/*globalne wylaczenie podkreslen z linkow*/

a {
    text-decoration: none !important;
}


/*poprawka wizualna naglowka wyskakujacego okienka*/

body .ui-widget-header {
    color: #ffffff;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
}


/*ustawienie czcionki dla elementow primefaces*/

body .ui-widget,
body .ui-widget .ui-widget {
    font-family: "Roboto", "Helvetica Neue", sans-serif;
}


/*dodanie cienia do przyciskow*/

body .ui-button {
    box-shadow: 0 1px 2.5px 0 rgb(0 0 0 / 26%), 0 1px 5px 0 rgb(0 0 0 / 16%);
}


/*ustawienie odpowiedniej przestrzeni wokol napisu w przycisku*/

.ui-button-text-only .ui-button-text {
    padding: 0.3em 0.6em !important;
}


/* START - datepicker - poprawki wizualne wyskakujacego okienka wyboru daty */

body .ui-button,
body .ui-widget-header,
body .ui-datepicker .ui-datepicker-calendar th,
body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
body .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    color: #ffffff !important;
}

body .ui-datepicker tbody td.ui-datepicker-today a.ui-state-active,
body .ui-datepicker tbody td.ui-datepicker-today span.ui-state-active {
    background-color: #FFB300 !important;
    color: #212121;
}

body .ui-datepicker .ui-datepicker-header {
    margin-top: 0rem !important;
}

body .ui-datepicker {
    padding: 2px !important;
}

body .ui-datepicker .ui-datepicker-calendar {
    margin: 0rem 0 !important;
}

body .ui-datepicker .ui-datepicker-buttonbar {
    padding: 0.5rem 0 !important;
}


/* END - datepicker - poprawki wizualne wyskakujacego okienka wyboru daty */


/*poprawka wizualna ikonki datepickera*/

body .p-datepicker .ui-datepicker-trigger.ui-button {
    border: none !important;
    box-shadow: none;
}


/*wyrownanie w poziomie ikonki datepickera*/

body .ui-calendar .ui-datepicker-trigger {
    margin-left: 0px;
}


/*usuniecie ramki wokol selecta*/

body .ui-selectonemenu {
    border: none !important;
}


/*usuniecie nadmiarowej ramki wokol focusowanego selecta*/

body .ui-selectonemenu.ui-state-focus:not(.uiw-state-error) {
    box-shadow: none !important;
}


/*prawe gorne menu - wyrownanie od gory*/

.topbar-menu {
    top: 15px;
}


/*wyrownanie napisow w zakladkach*/

body .ui-tabs .ui-tabs-nav li.ui-tabs-header {
    padding: 0 1.5rem !important;
}


/*poprawka polozenia przycisku otwierajacego select*/

body .ui-selectonemenu .ui-selectonemenu-trigger {
    width: 1rem !important;
    right: -1rem !important;
}


/*poprawka wielkosci przycisku datepickera*/

body .p-datepicker .ui-datepicker-trigger.ui-button {
    padding: 0 !important;
    max-width: 30px !important;
}


/*Ukrycie nadmiarowych naglowkow dublujacych tresc, w menu po lewej*/

.layout-menuitem-root-text {
    display: none !important;
}


/* 2023-10-22 PM: Elementy edytowalne w tabelkach nie mogą być na szaro */

.styl_tabelek_z_parametrow .mozliwosc_edycji .ui-inputfield {
    background-color: white !important;
}

@media (max-width: 1024px) {
    /*ulozenie dzwoneczka polozonego na ikonce profilowej rozwijajacej menu responsywne*/
    .layout-wrapper .layout-main .layout-topbar .topbar-menu-btn.topbar-menu-notifications {
        display: inline-block;
        float: right;
        color: #9b9b9b;
        position: absolute;
        right: 25px;
        top: 12px;
        z-index: 9999;
    }
    /*kolor aktywnego dzwoneczka polozonego na ikonce profilowej rozwijajacej menu responsywne*/
    .layout-wrapper .layout-main .layout-topbar .topbar-menu-btn.topbar-menu-notifications.warning {
        color: red;
    }
    /*zmniejszenie rozmiaru dzwoneczka polozonego na ikonce profilowej rozwijajacej menu responsywne*/
    .layout-wrapper .layout-main .layout-topbar .topbar-menu-btn.topbar-menu-notifications i {
        font-size: 18px !important;
    }
    /*wyrownanie w gore ikonki dzwoneczka (z powiadomieniami)*/
    #topbar_form_zadania {
        padding-top: 5px;
    }
    /*wyrownanie w pionie i w poziomie opcji powiadomien w rozwijanym menu responsywnym po prawej stronie*/
    .layout-wrapper .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu.topbar-menu-active>li>form>a {
        padding: 8px 14px;
    }
    /*wyrownanie w poziomie napisu opcji powiadomien w rozwijanym menu responsywnym po prawej stronie*/
    .layout-wrapper .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu.topbar-menu-active>li #gc_notification-count {
        display: inline-block;
        vertical-align: super;
    }
    /*ukrycie licznika na dzwoneczku w rozwijanym menu, zamiast tego jest obok tekst informujacy o ilosci powiadomien*/
    .layout-wrapper .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu.topbar-menu-active>li .message-counter {
        display: none;
    }
    /*kolor nieaktywnego dzwoneczka powiadomien w menu responsywnym po prawej stronie*/
    #topbar_form_zadania .ui-commandlink i {
        color: #757575;
    }
    /*kolor i rozmiar tekstu informujacego o ilosci powiadomien w menu responsywnym po prawej stronie*/
    #topbar_form_zadania #gc_notification-count .messages_count {
        color: #212121;
        font-size: 14px;
    }
    /*kolor aktywnego dzwoneczka i tekstu powiadomien w menu responsywnym po prawej stronie*/
    #topbar_form_zadania .ui-commandlink.warning i,
    #topbar_form_zadania .ui-commandlink.warning #gc_notification-count .messages_count {
        color: red;
    }
}

@media (min-width: 1025px) {
    /*wyrownanie w gore ikonki dzwoneczka (z powiadomieniami)*/
    #topbar_form_zadania {
        margin-top: 0px;
    }
    /*Ukrycie tekstu "Powiadomienia: "*/
    #gc_notification-count {
        display: none;
    }
    /*zwiekszenie ikonki z dzwoneczkiem - powiadomienia*/
    #topbar_form_zadania i {
        font-size: 32px !important;
    }
    /*ustawienie pozycji licznika na ikonie dzwoneczka z powiadomieniami*/
    #topbar_form_zadania .ui-commandlink .message-counter {
        position: absolute;
        top: 7px;
        right: 12px;
        color: #000000;
    }
    /*ustawienie koloru powiadomienia na ikonce z powiadomieniem*/
    #topbar_form_zadania .ui-commandlink {
        color: #E8EAF6;
        font-weight: bold;
    }
    /*ustawienie koloru ikonki z powiadomieniem, jesli chcemy przypomniec uzytkownikowi o powiadomieniach*/
    #topbar_form_zadania .ui-commandlink.warning {
        color: red;
    }
    /*ustawienie koloru tekstu na ikonce z powiadomieniem, jesli chcemy przypomniec uzytkownikowi o powiadomieniach*/
    #topbar_form_zadania .ui-commandlink.warning .message-counter {
        color: #ffffff;
    }
}


/*usuniecie tla z przycisku zwijajacego/rozwijajocego dana zakladke w formularzu new_document.xhtml*/

body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler {
    background-color: transparent !important;
}


/*poprawka dla tabView - powinno miec te sama wysokosc, jesli jest w dwoch i wiecej wierszach*/

body .ui-tabs.ui-tabs-top>.ui-tabs-nav li.ui-tabs-header {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}


/*poprawka dla spinnera - nie bylo widac wartosci w inpucie*/

body .ui-spinner .ui-spinner-button.ui-button {
    min-width: 1rem !important;
    width: 1rem !important;
}

body .ui-spinner .ui-spinner-input {
    padding-right: 1.5rem !important;
}


/*wyskakujace okienko - zmniejszenie wysokosci naglowka*/

body .ui-dialog .ui-dialog-titlebar {
    padding: 0rem !important;
    text-align: center;
    vertical-align: middle;
}


/*ulozenie napisu na naglowku wyskakujacego okienka*/

body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    float: left !important;
    padding-top: 0.5rem !important;
    padding-left: 1rem !important;
}


/*co drugi wiersz w tabelkach z delikatnie ciemniejszym tlem*/

body .ui-datatable tbody tr.ui-datatable-even {
    background-color: #f4f4f4 !important;
}


/*zmniejszamy zaokraglenie przyciskow tak, jak bylo to w starszym serenity*/

body .ui-button {
    border-radius: 2px !important;
}


/*domyslnie biale przyciski paginacji tabelki*/

body .ui-paginator .ui-paginator-pages a {
    color: #ffffff !important;
}

body .ui-paginator>a {
    color: #ffffff !important;
}

.ui-paginator-current {
    color: #ffffff !important;
}

body .ui-paginator .ui-paginator-current,
body .ui-paginator .ui-paginator-rpp-options {
    padding-top: 0.5rem !important;
}


/*wyrownanie filtrow tabelki i ich modyfikacja wizualna*/

.ui-datatable .ui-filter-column {
    position: relative !important;
}


/*wyrownanie filtrow tabelki i ich modyfikacja wizualna*/

.ui-datatable .ui-column-filter {
    position: absolute !important;
    bottom: 5px !important;
    padding-top: 0.5rem !important;
    background-color: #fbfbfb !important;
    border-radius: 6px !important;
    margin-right: 1px;
}


/*wyrownanie filtrow tabelki i ich modyfikacja wizualna*/

body .ui-datatable thead th.ui-filter-column {
    padding-bottom: 2rem !important;
}


/*zmniejszenie rozmiarow przyciskow z ikonkami*/

.ui-button-text-icon-left .ui-button-text {
    padding: 0.3em 1em 0.3em 2.1em !important;
}


/*odsuniecie elementow pod selectami - stykaly sie z nimi*/

body .ui-selectonemenu {
    /* 2023-09-01 PM: Zmiana z 1 */
    margin-bottom: 0rem !important;
}


/*zmiana rozmiaru paginatora tabelki*/

body .ui-datatable .ui-paginator {
    padding: 0rem 1rem !important;
}


/*zmniejszenie wysokosci naglowka wyskakujacego okienka*/

body .ui-padding-0 .ui-dialog .ui-dialog-content {
    padding: 0 !important;
    margin-top: 0px !important;
}

body .ui-dialog.zakladki-nawigacja .ui-dialog-content {
    padding: 0px !important;
}


/* Poprawa okien dialogowych w new_document */

body #form_dialogi .ui-dialog .ui-dialog-content {
    padding: 1rem;
}

body #form_dialogi textarea {
    font-family: "Roboto", "Helvetica Neue", sans-serif;
}

body #form_dialogi .ui-dialog-footer.ui-widget-content {
    padding-top: 0px;
}


/*rozjezdzal sie przycisk w ostatniej kolumnie*/

.ui-datatable-tablewrapper button.ui-button {
    padding: 0px 0px !important;
}


/*lekkie przesuniecie w lewo ikonek prawego gornego menu*/

.topbar-menu {
    right: 20px !important;
}


/*wyroznienie wybrannej strony w paginacji tablicy*/

body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    color: #FF902A !important;
}


/*tekst walidacji pod polem w formularzu najezdzal na siebie, gdy byl w dwoch linijkach*/

body .ui-panel .ui-panel-content .ui-message.ui-message-error {
    line-height: 1.5 !important;
}


/*domyslne ukrycie scrollowania bocznego menu*/

.nano>.nano-content {
    overflow: auto !important;
}


/*przechodzenie w drugia i nastepne linie elementow nawigacji*/

body .ui-tabs.ui-tabs-top>.ui-tabs-nav,
body .ui-tabmenu .ui-tabmenu-nav {
    flex-wrap: wrap !important;
    display: flex !important;
}


/*kolor ikonki domu w nawigacji*/

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon {
    color: black !important;
}


/* 2023-02-23 DP: Ponizszych zmian nie usuwam na razie, moga sie przydac.
    Sa to ustawienia w mobilnym layoucie, ktore przesuwaja przycisk wyboru obiektu do prawej,
    a info o obiekcie wyrownuja do lewej, obok przycisku
*/


/*@media (max-width: 1024px) {

    .layout-wrapper .layout-main .layout-topbar {
        text-align: left;
        padding: 16px 4px 12px 10px !important;
    }

    body .ui-button.ui-button-text-icon-left {
        padding-left: 0px !important;
    }

    body .ui-button.ui-button-text-icon-left .ui-button-text {
        padding: 0.3em 0.6em 0.3em 2.0em !important;
    }

    body .menu_gorne {
       right: 42px;
       top: 18px;
       width: 100px;
       position: absolute;
    }
    .layout-topbar-menu-wrapper .ui-widget-header {
        display: inline-block !important;
        width: calc(100% - 100px) !important;
    }

    .layout-topbar-menu-wrapper {
        width: calc(100% - 178px) !important;
    }

    .layout-topbar-menu-wrapper {
        padding-left: 7px;
    }

}*/


/*2023-02 DP: END zmiany po przejsciu na primefaces 12.0.4 i serenity-theme 5.1.0*/


/*przyciski gora/dol pola typu liczbowego nakladaly sie na siebie*/

body .ui-button.ui-spinner-button {
    margin: 0px !important;
}


/*usuniecie ciaglej linii pod zakladkami nawigacji*/

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
    border-bottom: none !important;
}


/*podswietlanie elementu w zakladkach nawigacji*/

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
    border-bottom: 2px solid #FF902A !important;
}


/*usuniecie tal z naglowkow sekcji formularza*/

body .ui-fieldset .ui-fieldset-legend {
    background: none !important;
}

body .ui-fieldset .ui-fieldset-legend {
    padding-left: 1rem;
    padding-right: 1rem;
}


/*pokaz/ukryj przycisk zapisu/zapisu tymczasowego dokumentu oraz wybor tych opcji z listy*/

@media (min-width: 1501px) {
    .save_document_select {
        display: none;
    }
    .Zapisz_top_tymczasowy,
    .Zapisz_top {
        display: block;
    }
}


/*pokaz/ukryj przycisk zapisu/zapisu tymczasowego dokumentu oraz wybor tych opcji z listy*/

@media (max-width: 1500px) {
    .save_document_select {
        display: inline-block;
    }
    .Zapisz_top_tymczasowy,
    .Zapisz_top {
        display: none;
    }
}


/*IK ALDEV-1172 monitoruje rozdzielczość ekranu i w przypadku jego zmniejszenia zmniejsza się długość tekstu "Pokaż jedną zakładkę"*/

.nawigacja-przelaczniki tbody tr td:first-child {
    display: flex;
    flex-shrink: 1;
}

@media (max-width: 768px) {
    .nawigacja-przelaczniki tbody tr td:first-child {
        width: 50px;
    }
}

.nawigacja-przelaczniki {
    border-collapse: collapse;
}

.nawigacja-przelaczniki td {
    padding: 3px;
    margin: 0;
    border: none;
}

body .ui-accordion .ui-accordion-header {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    min-height: 10px !important;
    height: 20px !important;
}


/*usuniecie podwojego naglowka w tabelkach primefaces*/

.ui-datatable-scrollable-theadclone {
    visibility: collapse;
}

@media (max-width: 1024px) {
    /*zmniejszenie rozmiarow przyciskow z ikonkami*/
    .ui-button-text-icon-left .ui-button-text {
        padding: 0.3em 1em 0.3em 0.5em !important;
    }
    /*ukrywanie tekstu Numer obiektu w site selector*/
    .site_id_label {
        display: none;
    }
}

body.jest-tryb-podgladu-pdf .ui-dialog.zakladki-nawigacja,
body.jest-tryb-podgladu-pdf button.Zapisz_top,
body.jest-tryb-podgladu-pdf button.Zapisz_top_tymczasowy,
body.jest-tryb-podgladu-pdf .save_document_select,
body.jest-tryb-podgladu-pdf #form_tabela_zalacznikow,
body.jest-tryb-podgladu-pdf #MK1280162,
body.jest-tryb-podgladu-pdf #pola\:cb_zapisz_dokument_tymczasowy_2,
body.jest-tryb-podgladu-pdf #pola\:cb_zapisz_dokument_2,
body.jest-tryb-podgladu-pdf #pola\:cb_hide_document {
    display: none !important;
}

body.jest-tryb-podgladu-pdf .layout-wrapper .layout-main .layout-content {
    padding-top: 72px !important;
}


/*ALDEV-1175*/


/*

body .ui-tabmenu .ui-tabmenu-nav {
    display: grid !important;
    grid-template-columns: auto repeat(2, min-content) 1fr;
    grid-template-rows: auto auto auto auto auto;
    align-items: center !important;
    position: inherit !important;
}

li.menu-nav-pos:nth-child(4)::before {
  content: "";
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

li.menu-nav-pos:first-child {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
}

li.menu-nav-pos:nth-child(2) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    max-width: 100px;
}

li.menu-nav-pos:nth-child(3) {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
    max-width: 100px;
}

li.menu-nav-pos:nth-child(4) {
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 3;
    word-break: break-word;
}


li.menu-nav-pos:nth-child(n+5) {
    grid-row-start: 3;
    grid-row-end: 4;
    word-break: break-word;
}

li.menu-nav-pos:nth-child(5) {
    grid-column-start: 2;
}

li.menu-nav-pos:nth-child(6) {
    grid-column-start: 3;
}

li.menu-nav-pos:nth-child(7) {
    grid-column-start: 4;
}

li.menu-nav-pos:nth-child(8) {
    grid-column-start: 5;
}

li.menu-nav-pos:nth-child(9) {
    grid-column-start: 6;
}

li.menu-nav-pos:nth-child(10) {
    grid-column-start: 10;
}

li.menu-nav-pos:nth-child(4) .ui-menuitem-text {
  white-space: normal;
}

@media (max-width: 1200px) {
    body .ui-tabmenu .ui-tabmenu-nav {
        grid-template-columns: auto repeat(2, min-content) 1fr;
        grid-template-rows: auto auto auto auto auto;
    }

    .nawigacja-przelaczniki tbody tr td:first-child {
      width: 50px;
    }

    li.menu-nav-pos:nth-child(7) {
        grid-row-start: 4;
        grid-row-end: 5;
        grid-column-start: 2;
    }

    li.menu-nav-pos:nth-child(n+8) {
        grid-row-start: 5;
        grid-row-end: 6;
    }

    li.menu-nav-pos:nth-child(8) {
        grid-column-start: 2;
    }

    li.menu-nav-pos:nth-child(9) {
        grid-column-start: 3;
    }

    li.menu-nav-pos:nth-child(10) {
        grid-column-start: 4;
    }
}*/


/*usuniecie ikonki lupy z pol wyszukiwania na formularzach*/

body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon.ui-icon-search {
    display: none;
}


/*zmniejszenie odstepu pomiedzy wierszami formularza poprzez usuniecie marginesu*/

body .ui-widget+.ui-message {
    margin: 0 0 0 0rem !important;
}


/*zmniejszenie odstepu pomiedzy wierszami formularza poprzez usuniecie paddingu*/

body .ui-widget+.ui-message {
    /*padding: 0rem 1rem !important;*/
}


/*zmniejszanie paddingu gornego naglowka tabeli, gdy pojawia sie w nim pole do wyszukiwania*/

body .ui-datatable thead th.ui-filter-column {
    padding-top: 0rem !important;
}


/*usuniecie krawedzi dolnej w spisie tresci*/

body .ui-tabmenu .ui-tabmenu-nav:before {
    border-bottom: none !important;
}


/*dodanie ukrytej krawedzi dolnej w spisie tresci, aby przy najezdzaniu myszka nie przesuwalo tresci*/

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
    border-bottom: 2px solid transparent !important;
}


/*dodawanie krawedzi dolnej po najechaniu myszka na element*/

body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover {
    border-bottom: 2px solid #ccc !important;
}


/*zredukowanie do zera zajmowanego miejsca przez ui-message, jezeli nic nie wyswietla*/

body .ui-widget+.ui-message:empty {
    padding: 0rem !important;
}


/*przesuniecie ui-message na prawo, obok selecta*/

.ui-selectonemenu {
    display: inline-flex !important;
}


/*zmniejszenie paddingow pomiedzy przyciskami stronicowania tabeli, aby miescily sie w jednej linii*/

@media (min-width: 1025px) and (max-width: 1400px) {
    body .ui-paginator .ui-paginator-pages .ui-paginator-page {
        min-width: 2rem !important;
    }
    body .ui-paginator .ui-paginator-first,
    body .ui-paginator .ui-paginator-prev,
    body .ui-paginator .ui-paginator-next,
    body .ui-paginator .ui-paginator-last {
        width: 2rem !important;
    }
    body .ui-datatable .ui-paginator {
        padding: 0rem 0rem !important;
    }
}


/*usuniecie podkreslenia dla przelacznika pokazywania jednej zakladki*/

.nawigacja-przelaczniki tr {
    border-bottom: none;
}


/*zmniejszenie lewego odstepu glownych opcji w menu*/

.layout-wrapper .layout-sidebar .layout-menu li ul li a {
    padding-left: 5px;
}

input.nowe_ewidencja_pole_data {
    padding-bottom: 0px !important;
}

input.nowe_ewidencja_pole_dec {
    padding-bottom: 0px !important;
}

textarea.nowe_ewidencja_pole_opis {
    height: 10px;
    /* 2023-05-30 PM: W komentarz:
    line-height: 1.25 !important;
    */
    padding-bottom: 0px !important;
    /* 2023-09-01 PM: w komentarz + line */
    line-height: 1.2;
}


/*zwiekszenie padding dla wierszy podstawowej zakladki formularza*/

.pierwsza_zakladka {
    padding-top: 1rem;
}

@media (min-width: 1025px) {
    /*zapobieganie najezdzaniu na siebie opcji w gornej belce i przyciskow zapisu dokumentu*/
    .layout-topbar-menu-wrapper {
        width: calc(100% - 100px) !important;
    }
}

body .klawisz_okragly {
    border-radius: 50% !important;
}


/*Bez tego komunikaty były wyświetlane pod overlay panel*/


/*2024-01-01 PM: Zmiana z 999990 na 999999 bo komunikaty były pod oknem dialogowym */

body .ui-growl {
    z-index: 999999 !important;
}


/*menu u gory po prawej po rozwinieciu powinno zakrywac wyswietlane komunikaty*/

.layout-wrapper .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu>li>ul {
    z-index: 999991 !important;
}

@media (max-width: 1280px) {
    /*ukrywanie w site selector napisu 'Wybrany obiekt:' przy mniejszych szerokosciach ekranu*/
    .current-site-text {
        display: none;
    }
}


/*wysrodkowanie przelacznika pod napisem jednej zakladki*/

body .zakladki-nawigacja .ui-toggleswitch {
    right: -2rem;
}


/* 2023-10-04 PM: checkbox zawsze wyświetlamy, więc w komentarz:*/


/*ukrycie checboxa jednej zakladki (gorne prawe menu) przy wiekszej szerokosci okna*/


/*@media (min-width: 1025px) {

    .menu-btn-ukryj-pozostale-zakladki{
        display: none !important;
    }
}
*/

@media (max-width: 1024px) {
    /*ukrycie checkboxa jednej zakladki przy mniejszej szerokosci okna*/
    .nawigacja-przelaczniki {
        display: none;
    }
    /*zmniejszenie szerokosci przyciskow wstecz/dalej przy mniejszej szerokosci okna*/
    body .ui-button.nav-wstecz,
    body .ui-button.nav-dalej,
    body .save_document_select .ui-button {
        min-width: 85px !important;
    }
}


/*wyszarzanie nieaktywnego przycisku nawigacji*/

body .ui-button.ui-state-disabled.nav-wstecz,
body .ui-button.ui-state-disabled.nav-dalej {
    background-color: #e5e5e5 !important;
    color: #818181 !important;
    cursor: not-allowed;
}


/* 2023-06-01 DP: zmniejszenie odstepow pomiedzy polkami w formularzu, domyslnie w theme.css jest 1rem*/


/* jezeli odstep 0.5 bedzie za maly, to ten css DO USUNIECIA */


/* poprawka dla ALDEV-1200 pkt 3, odstepy pomiedzy wierszami formularza bez etykiet */

body .ui-panelgrid .ui-panelgrid-cell {
    padding: 0.5rem !important;
}


/*opcja pokazywania tylko przycisku wstecz/dalej, bez spisu tresci, trasnsparentne tlo i pozycja przyciskow*/

body .ui-dialog.zakladki-nawigacja-tylko-wstecz-dalej .ui-dialog-content,
body .ui-dialog.zakladki-nawigacja-tylko-wstecz-dalej.ui-widget-content {
    background: transparent !important;
    float: right;
}


/*opcja pokazywania tylko przycisku wstecz/dalej, bez spisu tresci*/

body.jest-pasek-zakladek .ui-dialog.ui-shadow.zakladki-nawigacja.zakladki-nawigacja-tylko-wstecz-dalej {
    box-shadow: none;
    float: right;
    border: none;
}


/*opcja pokazywania tylko przycisku wstecz/dalej, bez spisu tresci - pozycjonowanie przyciskow*/

body .ui-dialog.zakladki-nawigacja.zakladki-nawigacja-tylko-wstecz-dalej .ui-widget-content {
    width: auto;
}


/*opcja pokazywania tylko przycisku wstecz/dalej, bez spisu tresci - pozycjonowanie przyciskow*/

.zakladki-nawigacja-tylko-wstecz-dalej.zakladki-nawigacja .nav-dalej {
    float: right;
}


/*Wygląd okna dialogowego, napisał GPT*/

.question-dialog {
    width: 400px;
    max-width: 90%;
}

.question-dialog .ui-dialog-titlebar {
    border-bottom: 20px;
}

.question-dialog .ui-dialog-title {}

.question-dialog .ui-dialog-content {
    padding: 20px;
}

.question-dialog .ui-dialog-footer {
    border-top: 1px solid;
    text-align: right;
    padding: 20px;
}

.question-dialog .ui-dialog-footer .ui-button {
    margin-left: 10px;
}

@media (max-width: 600px) {
    .question-dialog {
        width: 90%;
    }
}

@media (max-width: 1348px) {
    .nowe_ewidencja_pole_opis_wysoki,
    .nowe_ewidencja_pole_str,
    .nowe_ewidencja_pole_str_bez_upper,
    .pole_string_szerokie,
    .nowe_ewidencja_pole_str_auto,
    .nowe_ewidencja_pole_opis {
        /* 2023-06-08 PM: Aby szerokość nie była większa niż kontener (potrzebne na smartfonach) */
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
}


/* 2023-07-11 DP: testowo zmiana minimalnej szerokosci na mniejsza, aby selecty z dlugimi tekstami nie byly za szerokie */

.ui-selectonemenu.nowe_ewidencja_pole_str_auto {
    min-width: 70px !important;
}


/* 2023-07-31 DP: poprawka scrollowania bocznego menu w przypadku duzej ilosci elementow i powiekszenia systemowego elementow na 125% */

.layout-wrapper .layout-sidebar .nano .sidebar-scroll-content {
    height: calc(100% - 64px) !important;
}


/* 2023-08-25 PM: Tabelki wygodne do obsługi na smartfonach, wysokie wiersze (niestety pierwszy styl nie działa...):*/

.table_high_row_centered tbody>tr>td {
    display: flex;
    align-items: center;
    /* Wyśrodkowanie zawartości w pionie */
    justify-content: center;
    /* Wyśrodkowanie zawartości w poziomie (opcjonalne) */
    min-height: 50px;
    /* Ustawienie wysokości komórki */
}

.table_row_50>tr>td {
    display: table-cell;
    height: 50px;
    vertical-align: middle;
}


/* Styl dla szerokich ekranów (domyślny) */

.ui-paginator-page {
    display: inline-block;
}

.panel_group_site_selector_class {
    text-align: left;
}

.date_picker_field {
    /*    max-width: 15em !important;*/
    /*min-width: 5em !important;*/
    width:100%  !important;
}

.ui-inputfield.ui-widget.ui-state-default.ui-corner-all.ui-state-filled.hasDatepicker {
    max-width: 7em !important;
    /*width: 100% !important;*/
}

.time_picker_field {
    max-width: 15em !important;
    min-width: 4em !important;
}

.date_time_picker {
    max-width: 15em !important;
    min-width: 8em !important;
}

.ui-inputfield.ui-widget.ui-state-default.ui-corner-all.nowe_ewidencja_pole_data.ui-state-filled.hasDatepicker {
    max-width: 7em !important;
}

.p-datepicker.ui-calendar.nowe_ewidencja_pole_data.ui-inputwrapper-filled.ui-trigger-calendar {
    width: 10em !important;
}

.ui-inputfield.ui-widget.ui-state-default.ui-corner-all.nowe_ewidencja_pole_data.date_picker_field.hasDatepicker {
    max-width: 7em !important;
}

.p-datepicker.ui-calendar.nowe_ewidencja_pole_data.date_picker_field.ui-trigger-calendar {
    width: 10em !important;
}

.doc_fieldset {
    margin-bottom: 13px;
}

.doc_list_bottom,
#idContainerMap {
    margin-left: 5px;
    margin-right: 5px;
}

.doc_field {
    padding-left: 0px !important;
}

.doc_label {
    padding-bottom: .2rem;
}

.ui-datatable-tablewrapper {
    margin-top: 2px;
}

.ui-tabs-panel.ui-widget-content.ui-corner-bottom {
    margin-bottom: 2px;
}

.visible_on_smartphone {
    display: none;
}

.icon_tag {
    display: block;
    width: 48px;
    height: 48px;
}

.vertical_middle {
    vertical-align: middle !important;
}

.icon-big-size .ui-icon .ui-button-icon-left .ui-c .pi {
    width: 4rem;
    height: 4rem;
}

.card-panel {
    word-wrap: break-word;
    padding: 15px;
}

.word-wrap {
    word-wrap: break-word;
}

.version_number {
    color: gray;
}

.no-headers-if-no-rows thead {
    display: none !important;
}

.table-time {
    text-align: left;
}

.table-dropdown {
    text-align: left;
    width: calc(100% - 0.8em);
}


/* Ograniczenie paddingu góra-dół dla elementów p:selectOneMenu */

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
    padding-top: 0.6rem !important;
    padding-bottom: 0.6rem !important;
}


/* Standardowo było 1rem */

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item {
    padding-top: 0.6rem !important;
    padding-bottom: 0.6rem !important;
}

body .ui-selectonemenu-items li {
    padding-top: 0.6rem !important;
    padding-bottom: 0.6rem !important;
}

.no-arrow .ui-selectonemenu-trigger {
    display: none !important;
}

.no-background {
    background: none !important;
}

.center-input-100procent input {
    width: 100%;
    text-align: center;
}


/* Aby ukryć podkreślenie, używamy klasy no-underline */

.no-underline .ui-inputfield,
.no-underline .ui-inputfield:focus {
    border-bottom: none !important;
    box-shadow: none !important;
}


/* Jeśli element jest w tablce, ukrywamy podkreślenia */

.ui-datatable .ui-cell-editor .ui-inputfield,
.ui-datatable .ui-cell-editor .ui-inputfield:focus,
.ui-datatable .ui-inputfield.ui-inputtext,
.ui-datatable .ui-inputfield.ui-inputtext:focus {
    border-bottom: none !important;
    box-shadow: none !important;
}


/* 2023-08-30 PM: Parametry dla smarftona */


/* 2023-09-30 PM: Zmieniłem z 500 na 600 */

@media (max-width: 600px) {
    /*2024-03-16 PM: Na raportach tekst ograniczony */
    .truncate_smartphone {
        display: -webkit-box;
        -webkit-line-clamp: 5;
        /* Liczba linii tekstu, które chcesz wyświetlić */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /* Card z polami dokumentu bez marinesów: */
    #div_pola {
        maring-left: -8px;
        margin-right: -8px;
    }
    /* Tabelki na całą szerokość, oprócz reflow */
    /* .ui-datatable.ui-widget.styl_tabelek_z_parametrow:not (.styl_tabeli_reflow) { */
    .ui-datatable.ui-widget.styl_tabelek_z_parametrow:not(.styl_tabeli_reflow) {
        /*2024-01-25 PM: Przez to ucinana była lewa krawędź:
        margin-left: -1rem !important;
        width: calc(100% + 2rem) !important;
        */
    }
    .layout-wrapper .layout-main .layout-content {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .ui-paginator-page:not(:nth-child(-n+0)) {
        display: none;
    }
    .hidden_on_smartphone {
        display: none !important;
    }
    .visible_on_smartphone {
        display: block;
    }
    .siteName_link_responsive {
        max-width: 220px !important;
        display: block;
        overflow: hidden;
        /*
        white-space: nowrap;
        text-overflow: ellipsis;
        */
    }
    .doc_page {
        margin-left: 0px;
        margin-right: 0px;
    }
    .doc_header {
        margin-left: 15px;
        margin-right: 15px;
    }
    .doc_footer {
        margin-left: 15px;
        margin-right: 15px;
    }
    .doc_workflow {
        margin-left: 15px;
        margin-right: 15px;
    }
    .doc_buttons {
        margin-left: 15px;
        margin-right: 15px;
    }
    .doc_content {
        margin-left: 0px;
        margin-right: 0px;
    }
    .doc_content_with_margin {
        margin-left: 15px;
        margin-right: 15px;
    }
    .card-panel {
        margin-left: 15px;
        margin-right: 15px;
    }
    .ui-fieldset-content {
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-right: 0px;
    }
    .doc_fieldset {
        margin-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        border-left: none !important;
        border-right: none !important;
    }
    .doc_fields_before_tab {
        padding-left: 15px;
        padding-right: 15px;
    }
    .ui-fieldset {
        border-bottom: none !important;
    }
    .fieldset-border-hidden .ui-fieldset {
        border: none !important;
        border: 0px !important;
    }
    .fieldset-border-hidden .ui-fieldset .ui-fieldset-content {
        border: none !important;
    }
    .fieldset-legend-hidden .ui-fieldset-legend {
        display: none !important;
    }
    body .ui-fieldset .fieldset_no_padding {
        padding: 0px !important;
    }
    .doc_list_bottom {
        margin-left: 0px;
        margin-right: 0px;
    }
    .left_margin_smartphone {
        margin-left: 15px;
    }
    .center_on_smartphone {
        text-align: center !important;
    }
    .icon_tag {
        display: block;
        width: 48px;
        height: 48px;
    }
    .hide-table-header_on_smarthpone thead {
        display: none;
    }
    .ui-fieldset-legend.ui-corner-all.ui-state-default {
        padding-left: 10px;
        padding-right: 10px;
    }
    .ui-panel-content.ui-widget-content {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .ui-fieldset.ui-widget.ui-widget-content.ui-corner-all.ui-hidden-container.doc_fieldset {
        padding-left: 0.3rem !important;
        padding-right: 0.3rem !important;
    }
    .ui-panel.ui-widget.ui-widget-content.ui-corner-all.document_panel {
        margin-left: -0.5rem !important;
    }
    .ui-fieldset-legend.ui-corner-all.ui-state-default {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .ui-tabs-panel.ui-widget-content.ui-corner-bottom {
        padding: 0px !important;
        margin-bottom: 2px;
    }
    .ui-datepicker-trigger.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .ewidencja-wiersze-kolumna-usun {
        width: 32px;
    }
    /* Ograniczenie paddingu góra-dół dla elementów p:selectOneMenu */
    body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    /* Standardowo było 1rem */
    body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    body .ui-selectonemenu-items li {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
    /* 2024-03-05 IK: Okrągłe klawisze na smartfonach: */
    body .ui-button,
    .ui-button-text-only,
    .mobile-button {
        border-radius: 8px !important;
        min-height: 48px !important;
        max-width: 100%;
    }
    /* Szerokosc ikony zapisu */
    #form_topbar_menu\:save_document_select_sm_button {
        width: 48px !important;
    }
    /* Na smartfonie maksymalnie dwie linie z nazwą obiektu */
    #form_topbar_menu\:PMSSEL025txtSm {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (min-width: 601px) {
    .hidden_on_desktop {
        display: none !important;
    }
}


/* Ograniczenie wyświetlanych ikon z numerami stron dla wąskich ekranów */

@media (max-width: 600px) {
    /* 600px to przykładowa wartość, możesz ją dostosować */
    .ui-paginator-page:not(:nth-child(-n+2)) {
        /* Wyświetla pierwsze trzy ikony z numerami stron */
        display: none;
    }
}


/* Ograniczenie wyświetlanych ikon z numerami stron dla wąskich ekranów */

@media (max-width: 750px) {
    /* 600px to przykładowa wartość, możesz ją dostosować */
    .ui-paginator-page:not(:nth-child(-n+3)) {
        /* Wyświetla pierwsze trzy ikony z numerami stron */
        display: none;
    }
}


/* Ograniczenie wyświetlanych ikon z numerami stron dla wąskich ekranów */

@media (max-width: 1000px) {
    /* 600px to przykładowa wartość, możesz ją dostosować */
    .ui-paginator-page:not(:nth-child(-n+6)) {
        /* Wyświetla pierwsze trzy ikony z numerami stron */
        display: none;
    }
}


/*Szerokość kolumny na klawisze na listach dokumentów pod edycją */

.doc_list_column_buttons {
    width: 160px;
}

@media (max-width: 600px) {
    .doc_list_column_buttons {
        width: 80px;
    }
}


/*2023-09-11 DP: zwezenie datepickera przy mniejszych szerokosciach ekranu*/

@media (max-width: 400px) {
    body .ui-datepicker .ui-datepicker-calendar td>a,
    body .ui-datepicker .ui-datepicker-calendar td>span {
        width: 2.3rem !important;
    }
}

@media (max-width: 380px) {
    body .ui-datepicker .ui-datepicker-calendar td>a,
    body .ui-datepicker .ui-datepicker-calendar td>span {
        width: 2.2rem !important;
    }
}

@media (max-width: 360px) {
    body .ui-datepicker .ui-datepicker-calendar td>a,
    body .ui-datepicker .ui-datepicker-calendar td>span {
        width: 2.1rem !important;
    }
}

@media (max-width: 350px) {
    body .ui-datepicker .ui-datepicker-calendar td>a,
    body .ui-datepicker .ui-datepicker-calendar td>span {
        width: 2.0rem !important;
    }
}

@media (max-width: 340px) {
    body .ui-datepicker .ui-datepicker-calendar td>a,
    body .ui-datepicker .ui-datepicker-calendar td>span {
        width: 1.9rem !important;
    }
}

@media (max-width: 330px) {
    body .ui-datepicker .ui-datepicker-calendar td>a,
    body .ui-datepicker .ui-datepicker-calendar td>span {
        width: 1.8rem !important;
    }
}

@media (max-width: 320px) {
    body .ui-datepicker .ui-datepicker-calendar td>a,
    body .ui-datepicker .ui-datepicker-calendar td>span {
        width: 1.7rem !important;
    }
}

@media (max-width: 310px) {
    body .ui-datepicker .ui-datepicker-calendar td>a,
    body .ui-datepicker .ui-datepicker-calendar td>span {
        width: 1.6rem !important;
    }
}

@media (max-width: 300px) {
    body .ui-datepicker .ui-datepicker-calendar td>a,
    body .ui-datepicker .ui-datepicker-calendar td>span {
        width: 1.5rem !important;
    }
}


/*styl dla h:inputTextarea w tabelkach - odpowiednik tego z przedrostkiem p:*/

.ui-datatable textarea.nowe_ewidencja_pole_opis {
    font-size: 1rem;
    border-width: 0 0 1px 0;
    min-height: 1.2rem;
    resize: none;
    background: transparent;
    border-bottom-color: #cccccc;
    font-family: "Roboto", "Helvetica Neue", sans-serif;
}


/*styl dla h:inputTextarea w tabelkach - odpowiednik tego z przedrostkiem p:*/

.ui-datatable textarea.nowe_ewidencja_pole_opis:focus {
    outline: none !important;
    border-bottom-color: #999999;
}


/*styl dla h:selectOneMenu w tabelkach - odpowiednik tego z przedrostkiem p:*/

.ui-datatable select.table-dropdown {
    appearance: none;
    background-color: transparent;
    border: none;
    padding: 0 1em 0 0;
    margin: 0;
    width: 100% !important;
    font-family: inherit;
    font-size: inherit;
    cursor: inherit;
    line-height: inherit;
    border-width: 0 0 1px 0;
    border-bottom: 1px solid #cccccc;
}


/*styl dla h:selectOneMenu w tabelkach - odpowiednik tego z przedrostkiem p:*/

.ui-datatable select.table-dropdown:focus {
    outline: none !important;
    border-bottom-color: #999999;
}

.padding-top-bottom-2px .ui-datatable-tablewrapper table tbody .ui-widget-content td {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.vertical-center .ui-datatable-tablewrapper table tbody .ui-widget-content td {
    vertical-align: middle;
}


/*poprawka pokazywania gornej ramki tabelek, nadpisanie stylu w theme.css*/

body .ui-datatable thead th {
    border-width: 1px !important;
}

.leaflet-popup-content-wrapper {
    /*padding: 5px !important;*/
}

.leaflet-left {
    left: calc(100% - 50px) !important;
}

.leaflet-top {
    top: calc(100% - 100px) !important;
}

#idContainer {
    /*    -webkit-box-shadow: 0 4px 6px -6px #222;
        -moz-box-shadow: 0 4px 6px -6px #222;
        box-shadow: 0 4px 6px -6px #222;*/
}

.ui-chart {
    width: 100%;
    height: 40%;
    text-align: center;
}

.ui-chart.pie-chart,
.ui-chart.pie-chart-legenda-pod-spodem {
    width: 80%;
    height: 50%;
    position: relative;
    left: 10%;
}


/*wysrodkowanie wykresow*/

.ui-chart canvas {
    display: inline !important;
}

@media (min-width: 1000px) and ( max-width: 1920px) {
    .ui-chart.pie-chart,
    .ui-chart.pie-chart-legenda-pod-spodem {
        width: 50%;
        height: 30%;
        position: relative;
        left: 25%;
    }
}


/* Na smartfonach dwie kolumny zamiast jednej, w grid: */


/* Styl dla ekranów mniejszych niż 600px */

@media (max-width: 600px) {
    .panel-grid-custom_2_cols_smartphone {
        grid-template-columns: repeat(2, 1fr);
    }
}


/*.ui-chart.pie-chart, .ui-chart.pie-chart-legenda-pod-spodem {
    width: 40%;
    height: 40%;
}*/


/*@media (max-width: 1024px) {
    .ui-chart.pie-chart, .ui-chart.pie-chart-legenda-pod-spodem {
        width: 80%;
        height: 80%;
    }
}

@media (min-width: 1025px) and ( max-width: 1400px) {
    .ui-chart.pie-chart, .ui-chart.pie-chart-legenda-pod-spodem {
        width: 70%;
        height: 70%;
    }
}

@media (min-width: 1401px) and ( max-width: 1600px) {
    .ui-chart.pie-chart, .ui-chart.pie-chart-legenda-pod-spodem {
        width: 60%;
        height: 60%;
    }
}

@media (min-width: 1501px) and ( max-width: 1920px) {
    .ui-chart.pie-chart, .ui-chart.pie-chart-legenda-pod-spodem {
        width: 50%;
        height: 50%;
    }
}*/


/*@media (min-width: 801px) {
    .ui-chart.pie-chart {
        display: block;
    }
    .ui-chart.pie-chart-legenda-pod-spodem {
        display: none;
    }
}

@media (max-width: 800px) {
    .ui-chart.pie-chart {
        display: none;
    }
    .ui-chart.pie-chart-legenda-pod-spodem {
        display: block;
    }
}*/


/* 2023-11-23 IK: Zmiany dla GuardCenter */

.ui-tabs {
    padding: 1px !important;
}

#okno_planu {
    margin-top: 32px;
    min-height: 600px;
}

#employeeDialog_content #allForm {
    display: grid;
    grid-auto-flow: row;
}

#main_form\:round_tabs\:edit_rounds {
    height: 100px;
}

#form_report\\:acc_main\\:reportsSimpleFiltersTab table:nth-of-type(2) tr td:nth-child(2),
#form_report\\:acc_main\\:reportsSimpleFiltersTab table:nth-of-type(2) tr td:nth-child(3) {
    display: none;
}

div[id*="form:basicCarousel"] .ui-carousel-item {
    width: 200px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center;
    flex: none !important;
}

ui-carousel-items-container {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    padding: 32px;
}

div.ui-datatable-header:nth-child(1) {
    height: 100% !important;
}

.ui-outputpanel.employee_carousel_picture {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100px;
}

.ui-outputpanel.employee_carousel_picture img {
    max-width: 100%;
    max-height: 100px;
    object-fit: contain;
    margin-bottom: 16px;
}

#main_form div table:first-of-type tbody tr {
    display: flex;
    flex-direction: column;
    width: 100%;
}

#main_form div table:first-of-type tr {
    display: flex;
    flex-direction: row;
    width: 100%;
}

#main_form div table:first-of-type tr td {
    flex-grow: 1;
    min-width: 0;
}

#allForm:allForm:tab_emp div div table tbody tr td {
    padding-top: 4px;
    padding-bottom: 4px;
}

@media (max-width: 768px) {
    #form_report\:acc_main\:reportsAdvancedFiltersTab {
        overflow-x: auto;
        width: 100%;
    }
}

@media (max-width: 768px) {
    #edytor {
        width: 1300px;
        min-width: 1300px;
        overflow-x: auto;
        display: block;
    }
}


/*2023-12-21 DP: Rozszerzenie pol autocomplete na formularzach*/

.nowe_ewidencja_pole_str_auto,
.nowe_ewidencja_pole_str_auto input {
    width: 100% !important;
}


/* 2024-01-18 PM: margines prawy przy listach wielokrotnego wyboru, strzałka nachodziła na tekst */

.ui-selectcheckboxmenu-multiple-container.ui-widget.ui-inputfield.ui-state-default.ui-corner-all {
    padding-right: 2rem !important;
}


/* 2024-01-25 PM: Aby zawartość kolumny nie przekraczała jej szerokości */


/* 2024-01-30 PM: Nie można tego użyć, bo źle się wyświetlają kolumny, których styl jest określony w css_kolumn zakładki (parametrze) */

.tabelka_pola_ewidencji {
    table-layout: fixed;
}


/* 2024-01-24 PM: Zabezpieczenie przed wyświetlaniem list wyboru poza ekranem na wąskich ekranach */

@media (max-width: 643px) {

    /* 2024-10-09 PM: Poprawa drop down, przy poprzednim ustawieniu wyświetlało się zawsze przy lewej krawędzi ekranu */
    .ui-selectonemenu-panel {
        left: auto !important;
        right: 0;
        max-width: 100vw;
        width: auto !important;
    }

    .ui-selectonemenu-items-wrapper {
        max-width: 100vw;
        overflow-x: auto;
    }

    .ui-selectonemenu-items {
        white-space: nowrap;
    }
    /* było:
    .ui-selectonemenu-panel.ui-widget.ui-widget-content {
        left: 0px !important;
    */
}


/* 2024-01-25 PM: Aby nie zawartość nie wykraczała poza kolumny: */

@media (max-width: 643px) {
    .ui-g {
        overflow: hidden;
    }
}


/* 2024-01-25 PM: Aby lista wyboru była węższa, bez tego strzałka wychodzi poza obszar */

.ui-selectonemenu.ui-widget.nowe_ewidencja_pole_str_auto {
    max-width: calc(100% - 5px);
}

/* 2024-10-11 PM: height 100->120 bo ucinało literę y */
.wiersz_naglowka_tabeli_dok {
    width: 100%;
    height: 120%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.liczba_dokumentow_ograniczona {
    color: black;
}

.global_szukaj_filtr {
    background-color: white;
    max-width: 300px;
}

#globalFilter::placeholder {
    color: darkgray;
}

::placeholder {
    color: darkgray;
    opacity: 1;
}

.liczba_dokumentow_ograniczona_prosze_czekac {
    color: red;
}


/* 2024-03-05 PM: Ograniczenie miejsca na komunikaty walidacji: */

body .nasa_message_error_validation.ui-message {
    padding-top: 0px;
    padding-bottom: 0px;
}


/* 2024-03-05 IK: Wyglad na smartfonach */


/* Uwaga: Nie podmieniać wszystkiego, są komentarze PM */

.mobile-inputfield {
    /* 2024-03-05 PM: */
    padding-left: 10px;
    border-radius: 8px !important;
    font-size: 16px;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    min-height: 48px !important;
    margin-bottom: 0 !important;
    border: 1px solid #ccc !important;
}

.mobile-inputfield:focus {
    border-color: blue;
    /* Kolor obramowania przy fokusie */
}

.mobile-button {
    /* width: 50% !important; */
}

.mobile-container .mobile-inputfield {
    width: 100% !important;
    max-width: 100% !important;
}

.mobile-span {
    width: 100% !important;
    display: flex;
    flex-direction: row;
}

.div-input-contanier button {
    /* width: 50% !important; */
}

.div-title-contanier {}

.div-info-contanier {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #80808026;
}

.mobile-inputfield span {
    line-height: 1.5;
}

.mobile-span-inputfield {
    display: flex !important;
    align-items: center !important;
    margin-left: 0px !important;
    padding-right: 0px !important;
    padding-left: 8px;
}


/* Wyglad na smartfonach koniec */

@media (max-width: 600px) {
    .uploadImage {
        display: none !important;
    }
    .profileMobileForm {
        margin: 0px !important;
        padding-top: 1px !important;
    }
    .ui-g-divider {
        border-bottom: 1px solid #ccc;
        padding-bottom: 1px;
    }
    .profile-ui-button {
        border-radius: 2px;
        padding: 8px 24px;
    }
    .back_div {
        width: 100%;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .button_back {
        width: 100%
    }
    .header_profile {
        font-size: 14px !important;
    }

    .w_100 {
        margin-bottom: -4px !important;
        margin-top: -12px !important;
    }

    .w_100 h2 {
        font-size: 22px;
    }
    .w_100 h2 span.user-name {
        display: block;
    }
}

@media (min-width: 601px) {
    .hide_button {
        display: none !important;
    }
}

@media (max-width: 600px) {
    .hide_button_mobile {
        display: none !important;
    }
}

@media only screen and (max-width: 600px) {
    .full-screen-panel {
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        background-color: white;
        overflow: auto;
        padding: 4px;
    }
}

.ui-g-container {
    display: flex;
    flex-wrap: wrap;
}

.ui-g-inner-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 100% !important;
}

.close-btn {
    cursor: pointer;
    position: absolute;
    top: 45px;
    right: 12px;
    background: #ccc;
    border: none;
}

#password-criteria {
    list-style: none;
    background-color: #E7F2FB;
    padding: 8px;
    border-radius: 4px;
}

#password-criteria li {
    margin: 5px 0;
    font-family: Arial, sans-serif;
}

#password-criteria li.valid {
    color: green;
}

.mobile-padding-form {
    margin-top: -30px !important;
}

#passwordRules {
    background: #E7F2FB;
    border-radius: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 16px;
    padding-right: 16px;
}

/* stała pozycja, np. dla dialogów */
.fixed-dialog {
    position: fixed !important;
}


body .ui-fileupload.file-uploader-galeria-pola .ui-widget-header {
    background: none !important;
}

body .ui-fileupload.file-uploader-galeria-pola .ui-fileupload-content {
    display: none;
}

body .ui-fileupload.file-uploader-galeria-pola .ui-fileupload-buttonbar  {
    border: none;
}

body .ui-fileupload.file-uploader-galeria-pola .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before {
    content: "\e96c";
}

@media screen and (max-width: 40em) {
    body .ui-fileupload.file-uploader-galeria-pola .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon {
        font-size: 2rem;
        margin-left: -1rem;
        margin-top: -1rem;
    }
}
/* 2024-07-31 MM: Ikona Check na przycisku */

.check-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.check-button:before {
    font-family: 'primeicons' !important;

}
.check-button-wrap {
    display: table !important;
    align-items: center !important;
    justify-content: center !important;
}

.check-button-wrap:before {
    font-family: 'primeicons' !important;
}
.sea-like-button-border {
    background-color: #5391ae !important;
    width: 220px !important;
    min-height: 40px !important;
    font-size: 1.2em !important;
    color: #faf5f5 !important;
    border: 1px solid #faf5f5 !important;
    font-family: Verdana, sans-serif;
}
.sea-like-button {
    background-color: #5391ae !important;
    width: 220px !important;
    min-height: 40px !important;
    font-size: 1.2em !important;
    color: #faf5f5 !important;
    font-family: Verdana, sans-serif;
}
.big-sea-like-button{
    background-color: #5391ae !important;
    width: 100% !important;
    max-width: 350px !important;
    min-height: 60px !important;
    font-size: 1.1em;
    color: #faf5f5 !important;
    font-family: Verdana, sans-serif;
    text-align: left !important;
}

.show-password-block {
    text-align: left;
}



/* 2025-02-25 PM: */
/* tooltipy: */

/* tooltipy: */
.custom-tooltip {
    /* position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*width: 29.17%;*/
    /*height: 100%;*/
    /*background-color: #A5DD9B;*/
}

.custom-tooltip::before {
    content: attr(data-tooltip);
    position: fixed;
    z-index: 2147483647;
    background-color: rgba(50, 50, 50, 0.9);
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 1.4em;
    white-space: pre-line;
    max-width: 300px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s;
    pointer-events: none;
    left: var(--tooltip-left);
    top: var(--tooltip-top);
}

.custom-tooltip.show-tooltip::before {
    opacity: 1;
    visibility: visible;
}

.custom-tooltip::before {
    max-width: 80vw; /* Maksymalna szerokość to 80% szerokości viewportu */
    word-wrap: break-word; /* Zawijanie długich słów */
    overflow-wrap: break-word;
}
/* toootipy koniec */

/* 2025-04-15 PM: Poprawa wyswietlania naglowkow wierszy grupujacych */
.group-header-column .ui-column-title {
    display: none !important;
}