/* b612-mono-regular - latin */
@font-face {
    font-family: 'B612 Mono';
    font-style: normal;
    font-weight: 400;
    src: url('/app/resources/fonts/b612-mono-v4-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('B612 Mono Regular'), local('B612Mono-Regular'),
    url('/app/resources/fonts/b612-mono-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/app/resources/fonts/b612-mono-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/app/resources/fonts/b612-mono-v4-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/app/resources/fonts/b612-mono-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/app/resources/fonts/b612-mono-v4-latin-regular.svg#B612Mono') format('svg'); /* Legacy iOS */
}


@font-face {
    font-family: 'costTile';
    src: url('/app/resources/fonts/costTile.eot?ukmlo4');
    src: url('/app/resources/fonts/costTile.eot?ukmlo4#iefix') format('embedded-opentype'),
    url('/app/resources/fonts/costTile.ttf?ukmlo4') format('truetype'),
    url('/app/resources/fonts/costTile.woff?ukmlo4') format('woff'),
    url('/app/resources/fonts/costTile.svg?ukmlo4#costTile') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="costTile-"], [class*=" costTile-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'costTile' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'firminoIcons';
    src: url('/app/resources/fonts/firminoIcons.eot?ukmlo4');
    src: url('/app/resources/fonts/firminoIcons.eot?ukmlo4#iefix') format('embedded-opentype'),
    url('/app/resources/fonts/firminoIcons.ttf?ukmlo4') format('truetype'),
    url('/app/resources/fonts/firminoIcons.woff?ukmlo4') format('woff'),
    url('/app/resources/fonts/firminoIcons.svg?ukmlo4#firminoIcons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="firminoIcons-"], [class*=" firminoIcons-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'firminoIcons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.firminoIcons-car:before {
    content: '\0041';
}

.firminoIcons-company:before {
    content: '\0042';
}

.firminoIcons-directory:before {
    content: '\0043';
}

.firminoIcons-dispatch:before {
    content: '\0044';
}

.firminoIcons-laptop:before {
    content: '\0045';
}

.firminoIcons-maps:before {
    content: '\0046';
}

.firminoIcons-notepad:before {
    content: '\0047';
}

.firminoIcons-paper_money:before {
    content: '\0048';
}

.firminoIcons-safe:before {
    content: '\0049';
}

.firminoIcons-smartphone_in_hand:before {
    content: '\004a';
}

.firminoIcons-views:before {
    content: '\004b';
}

.firminoIcons-website:before {
    content: '\004c';
}

.firminoIcons-accounting:before {
    content: '\004d';
}

.firminoIcons-administrator:before {
    content: '\004e';
}

.firminoIcons-airline:before {
    content: '\004f';
}

.firminoIcons-b2b:before {
    content: '\0050';
}

.firminoIcons-bank:before {
    content: '\0051';
}

.firminoIcons-bill:before {
    content: '\0052';
}

.firminoIcons-book:before {
    content: '\0053';
}

.firminoIcons-box:before {
    content: '\0054';
}

.firminoIcons-briefcase:before {
    content: '\0055';
}

.firminoIcons-cabinet:before {
    content: '\0056';
}

.firminoIcons-calendar:before {
    content: '\0057';
}

.firminoIcons-call:before {
    content: '\0058';
}

.firminoIcons-cart:before {
    content: '\0059';
}

.firminoIcons-customer:before {
    content: '\005a';
}

.firminoIcons-document:before {
    content: '\0061';
}

.firminoIcons-documents:before {
    content: '\0062';
}

.firminoIcons-empty_box:before {
    content: '\0063';
}

.firminoIcons-finance:before {
    content: '\0064';
}

.firminoIcons-handshake:before {
    content: '\0065';
}

.firminoIcons-home:before {
    content: '\0066';
}

.firminoIcons-industry:before {
    content: '\0067';
}

.firminoIcons-job:before {
    content: '\0068';
}

.firminoIcons-lawyer:before {
    content: '\0069';
}

.firminoIcons-management:before {
    content: '\006a';
}

.firminoIcons-money_bag_dollar:before {
    content: '\006b';
}

.firminoIcons-move_stock:before {
    content: '\006c';
}

.firminoIcons-note:before {
    content: '\006d';
}

.firminoIcons-sale_order:before {
    content: '\006e';
}

.firminoIcons-settings:before {
    content: '\006f';
}

.firminoIcons-share:before {
    content: '\0070';
}

.firminoIcons-storage_location:before {
    content: '\0071';
}

.firminoIcons-truck:before {
    content: '\0072';
}

.firminoIcons-tv:before {
    content: '\0073';
}

.firminoIcons-credit_card:before {
    content: '\0074';
}

.costTile-car:before {
    content: "\e900";
}

.costTile-internet:before {
    content: "\e901";
}

.costTile-bank:before {
    content: "\e902";
}

.costTile-programms:before {
    content: "\e903";
}

.costTile-adjust:before {
    content: "\e904";
}

.costTile-phone:before {
    content: "\e905";
}

.costTile-place:before {
    content: "\e906";
}

.costTile-travels:before {
    content: "\e907";
}

.costTile-transport:before {
    content: "\e908";
}

.costTile-report:before {
    content: "\e909";
}

.costTile-computer:before {
    content: "\e90a";
}

.costTile-office:before {
    content: "\e90b";
}

.costTile-payment:before {
    content: "\e90c";
}

.costTile-others:before {
    content: "\e90d";
}

@font-face {
    font-family: 'icomoon';
    src: url('/app/resources/fonts/icomoon.eot?869c6n');
    src: url('/app/resources/fonts/icomoon.eot?#iefix869c6n') format('embedded-opentype'),
    url('/app/resources/fonts/icomoon.woff?869c6n') format('woff'),
    url('/app/resources/fonts/icomoon.ttf?869c6n') format('truetype'),
    url('/app/resources/fonts/icomoon.svg?869c6n#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="iconmoon-"], [class*=" iconmoon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.iconmoon-archive:before {
    content: "\e607";
}

.iconmoon-users:before {
    content: "\e608";
}

.iconmoon-archive2:before {
    content: "\e609";
}

.iconmoon-article:before {
    content: "\e60a";
}

#ui-timepicker-div {
    position: absolute !important;
}

.iconmoon-bookmark:before {
    content: "\e60b";
}

.iconmoon-file:before {
    content: "\e60c";
}

.iconmoon-refresh:before {
    content: "\e606";
}

.iconmoon-user:before {
    content: "\e600";
}

.iconmoon-help:before {
    content: "\e601";
}

.iconmoon-cog:before {
    content: "\e602";
}

.iconmoon-logout .path1:before {
    content: "\e603";
    color: rgb(255, 255, 255);
}

.iconmoon-logout .path2:before {
    content: "\e604";
    margin-left: -1em;
    color: rgb(100, 91, 82);
}

.iconmoon-logout .path3:before {
    content: "\e605";
    margin-left: -1em;
    color: rgb(100, 91, 82);
}

html {
    min-width: 960px !important;
}


.hidden {
    display: none !important;
}

.hidden-element {
    display: none !important;
}

.ui-accordion-header {
    padding: 0.7em 0 0.7em 4px !important;
}

#accordionPanel\:quickMenuForm,
#mainForm\:pf_toolbar {
    padding: 1em 0 1em 0;
}

.ui-panelgrid tbody tr td,
.ui-panelgrid, .ui-panel {
    border: 0 !important;
}

textarea, input, tr {
    background: none !important;
}

.ui-state-hover a {
    color: #26a3eb !important;
}

#mainForm\:accordionPanel {
    margin: 1em 0 1em 0;
}

.textToRight {
    text-align: right;
}

.textCenter {
    text-align: center;
}

.textToLeft {
    text-align: left;
}

.alignTextToRight {
    text-align: right !important;
}

.alignTextToLeft {
    text-align: left !important;
}

.columnIcon {
    text-align: center;
}

.numericColumn,
.numericValue {
    text-align: right;
}


.ui-datepicker-header,
.ui-selectonemenu .ui-selectonemenu-trigger,
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger,
.ui-tabs-top .ui-tabs-nav,
.ui-panel .ui-panel-titlebar,
.layout-header-widgets-submenu li,
.ui-datepicker .ui-datepicker-buttonpane button {
    background: rgba(255, 255, 255, 0.1) !important;
    border: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    color: #fff;
}

.ui-accordion-header .ui-state-hover,
.ui-button .ui-state-hover {
    opacity: 0.9;
}


#login-box #createDemoAccount,
#login-box #createDemoAccount2 {
    width: auto;
}

#login-box #createDemoAccount span,
#login-box #createDemoAccount2 span {
    margin: 0 !important;
    padding: 10px !important;
    font-size: 14px !important;
}

.PaddingTopPercent7 {
    padding-top: 7%;
}

.PaddingTopPercent5 {
    padding-top: 5%;
}

input[type="text"].ui-state-error, input[type="login"].ui-state-error, input[type="password"].ui-state-error {
    border: 1px solid #F03369 !important;
    background-color: rgba(240, 51, 105, 0.3) !important;
}

.blue {
    color: #2980b9;
}

#login-box #mainForm input.ui-state-error {
    border: 1px solid #f03369 !important;
    color: #f03369 !important;
}

#mainForm\:acceptTermsAndConditionsField .ui-state-error {
    border: 1px solid #f03369 !important;
    background-color: rgba(240, 51, 105, 0.1) !important;
}

.ui-tooltip {
    color: #72828b !important;
    font-size: 14px !important;
    line-height: 16px;
}

.TabBtn a {
    color: #96a5ae;
    display: block;
}

.TabBtn a.hover {
    color: #00aeef;
}

.RegistrationTitle, .LoginTitle {
    background-color: #F4F7F9;
    padding: 20px 0px;
    border-bottom: 1px solid #E6E8E8;
    font-size: 22px;
    color: #96a5ae;
    line-height: 28px;
    display: block;
}

#login-box #facebookLogin span,
#registration-box #mainForm\:facebookLogin span,
#fb-login-button {
    margin: 0 !important;
    padding: 5px !important;
    background: #3b5998 !important;
    border: none !important;
    font-size: 15px !important;
    width: 358px !important;
}

#digiclock #digital_container {
    background: url("/app/resources/extcss/images/bg-digiclock.png") no-repeat scroll center top #008ac8 !important;
    border: 2px solid #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    width: 294px;
}

#left_arrow, #right_arrow {
    display: none;
}

#autoComplete #mainForm\:mainFormPanel\:idCustomerReciverFieldIcon {
    right: 5px !important;
}

#autoComplete img.field {
    cursor: pointer;
    position: relative;
}

.ui-datepicker-trigger .ui-icon {
    background-image: url("/app/resources/img/kalendarz.png") !important;
    background-size: 120% !important;
}

.ui-selectonemenu-trigger .ui-icon {
    background-image: url("/app/resources/img/comboBox.png") !important;
    padding-top: 20px;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("/app/jakarta.faces.resource/images/ui-icons_ffffff_256x240.png.do?ln=primefaces-sentinel");
}

.ui-icon-circle-triangle-e, .ui-icon-circle-triangle-s {
    background-image: url("/app/resources/img/ui-icons_0078ae_256x240.png?ln=primefaces-sentinel") !important;
}

.ui-menu .ui-icon {
    background-image: url("/app/resources/img/ui-icons_0078ae_256x240.png?ln=primefaces-sentinel");
}

.ui-datatable .ui-datatable-tablewrapper table tbody tr td .ui-row-toggler.ui-icon-circle-triangle-e {
    background-size: auto !important;
    background-position-x: -48px !important;
    background-position-y: -192px !important;
    background: none !important;
    text-indent: 0px !important;
    display: inline-block;
    width: auto;
    height: auto;
}

.ui-datatable .ui-datatable-tablewrapper table tbody tr td .ui-row-toggler.ui-icon-circle-triangle-e:before {
    font-family: 'Font Awesome 6 Pro' !important;
    content: "\f138";
    display: inline-block;
    text-indent: 0px !important;
    padding-right: 3px;
    vertical-align: middle;
    width: auto;
    height: auto;
    color: #45abdb;
}

.ui-datatable .ui-datatable-tablewrapper table tbody tr td .ui-row-toggler.ui-icon-circle-triangle-s {
    background-size: auto !important;
    background-position-x: -64px !important;
    background-position-y: -192px !important;
    background: none !important;
    text-indent: 0px !important;
    width: auto;
    height: auto;
}

.ui-datatable .ui-datatable-tablewrapper table tbody tr td .ui-row-toggler.ui-icon-circle-triangle-s:before {
    font-family: 'Font Awesome 6 Pro' !important;
    content: "\f13a";
    display: inline-block;
    text-indent: 0px !important;
    padding-right: 3px;
    vertical-align: middle;
    display: inline-block;
    width: auto;
    height: auto;
    color: #45abdb;
}

.ui-commandlink {
    text-decoration: none;
}

#idleDialog, #ui-datepicker-div,
.ui-autocomplete-panel,
.ui-autocomplete-itemtip,
.ui-timepicker,
.ui-selectonemenu-panel,
#dialog.ui-confirm-dialog,
.ui-growl,
.ui-tooltip,
#statusDialogId {
    z-index: 2147483650 !important;
}


.ui-menu.ui-menu-dynamic {
    z-index: 2147483628 !important;
}

.ui-dialog {
    z-index: 2147483628 !important;
}

table {
    width: 100%;
}

#accountingOfficeScrenns {
    margin: 2em 0;
}

.ui-accordion-header {
    background: #fff !important;
    font-size: 20px !important;
    border: 0 none !important;
    -webkit-border-radius: 0px !important;
}

.ui-accordion-header.ui-state-hover,
.ui-accordion-header.ui-state-active {
    color: #45abdb !important;
}

.ui-accordion,
.ui-accordion:hover {
    border-top: 1px solid #e1e1e1 !important;
    border-bottom: 2px solid #e1e1e1 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

h3.ui-accordion-header.ui-state-active {
    border-bottom: 1px solid #e1e1e1 !important;
}

.ui-accordion-content {
    margin-top: 0.5em !important;
}

#mainForm\:accordionPanel\:stateGtZeroFilter {
    position: relative;
    top: 3px;
}

.LineHeight70 {
    line-height: 70px;
}

.LineHeight200 {
    line-height: 200px;
}

.LineHeight18 {
    line-height: 18px;
}

.MarginTop0 {
    margin-top: 0 !important;
}

.MarginTop3 {
    margin-top: 3px;
}

.MarginTop5 {
    margin-top: 5px;
}

.MarginTop10 {
    margin-top: 10px;
}

.MarginTop20 {
    margin-top: 20px;
}

.MarginBottom10 {
    margin-bottom: 10px;
}

.ui-sortable-column-icon {
    display: none !important;
}

.searchCriteriaActions {
    margin: 6px 0;
}

.searchCriteriaActions .ui-button-text-only .ui-button-text {
    padding: 6px 15px !important;
}

.ui-button-text-only .ui-button-text {
    padding: 7px 15px !important;
}

.ui-button-icon-only .ui-button-text {
    padding: 7px 0 !important;
}

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

.searchCriteriaActions .ui-button {
    border: 1px solid #45abdb !important;
}

h3 {
    font-weight: normal !important;
    color: #767676 !important;
}

h3 i {
    margin-right: 3px;
}

.ui-accordion-header .ui-icon-triangle-1-e {
    background-image: url("/app/resources/img/arrowDown.png") !important;
}

.ui-accordion-header .ui-icon-triangle-1-s {
    background-image: url("/app/resources/img/arrowUp.png") !important;
    background-size: 100% auto !important;
}

.ui-accordion-header .ui-helper-reset .ui-state-default .ui-state-active {
    transform: rotate(180deg);
}

.ui-datatable table {
    table-layout: auto !important;
}


th[role=columnheader].ui-selection-column .ui-chkbox-box {
    position: relative;
    left: -1px;
    top: -2px;
}

th[role=columnheader] {
    /*tło tabeli  header */
    background-color: #fff !important;
    border-bottom: 1px solid;
    border-color: black;
}

.ui-datagrid .ui-paginator,
.ui-datatable .ui-paginator {
    background-color: #fff;
}

.ui-datagrid .ui-paginator-top,
.ui-datagrid .ui-paginator-bottom,
.ui-datatable .ui-paginator-bottom {
    border-bottom: none !important;
    padding-top: 9px;
}

#mainForm\:mainFormPanel\:storeDocumentItems_paginator_bottom {
    border-bottom: none !important;
    border-top: none !important;
    padding-top: 9px;
}

#mainForm\:mainFormPanel\:saleDocumentItems_paginator_bottom {
    border-bottom: none !important;
    border-top: none !important;
    padding-top: 9px;
}

th[role=columnheader] .ui-column-title {
    color: #555555;
    /*text-transform: uppercase;*/
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
}

.ui-chkbox .ui-chkbox-box {
    margin-right: 0 !important;
    border-radius: 0 !important;
}

.actionButton button {
    margin-right: 5px;
}

.actionButton .ui-button-text,
#mainForm\:actionButtons .ui-button-text,
#mainForm\:mainFormAccordionPanel\:addCashButton .ui-button-text,
#integrateBaselinker .ui-button-text {
    background: #ff6e00 !important;
    color: #fff !important;
    border: 0 !important;
    font-size: 18px;
    text-transform: uppercase;
    text-shadow: none !important;
    box-shadow: none !important;
}

.ui-state-hover label,
.ui-state-active label {
    border-radius: 0px !important;
}

.columnAction,
.columnSourceLogo {
    width: 23px !important;
    height: 23px !important;
    position: relative;
    top: 2px;
}

.label,
.unbreakableLabel {
    color: #72828b;
}

.wrapLabelSpan .label,
.wrapLabelSpan .unbreakableLabel {
    margin-right: 0px;
}

.LineHeight20 {
    line-height: 1;
}

textarea {
    resize: none;
    overflow: auto;

}

.formActions {
    margin-top: 10px;
    text-align: right;
    border: 0 none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.formActions button {
    margin-right: 5px;
}

.MarBottom10 {
    margin-bottom: 10px;
}

.MarBottom5 {
    margin-bottom: 5px;
}

.Container94 {
    width: 94%;
    overflow: hidden;
    float: left;
}

.Container95 {
    width: 95%;
    overflow: hidden;
    float: left;
}

.Container82 {
    width: 82%;
    overflow: hidden;
    float: left;
}

.Container15 {
    width: 15%;
    overflow: hidden;
    float: left;
}

.Container14 {
    width: 14%;
    overflow: hidden;
    float: left;
}

.Container12 {
    width: 12%;
    overflow: hidden;
    float: left;
}

.Container10 {
    width: 10%;
    overflow: hidden;
    float: left;
}

.Container13 {
    width: 13%;
    overflow: hidden;
    float: left;
}

.Container22px {
    width: 22px;
    overflow: hidden;
    float: left;
}

.MarRight10 {
    margin-right: 10px;
}

.MarRight3 {
    margin-right: 3px;
}

.Mar10 {
    margin: 10px;
}

.Mar5 {
    margin: 5px;
}

.ui-button-text {
    background: #45abdb !important;
    border: 0px !important;
    color: #fff;
    text-shadow: none;
    border-radius: 0px !important;
}


/*
   PRZYCISKI
  .ui-button-text {
    outline: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-radius: 5px;
    font-family: "Lato", sans-serif;
    background: #fff !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;

  }
  */


/*
  .OrangeButton .ui-button-text {
      border: 2px solid #ff6e00;
      color: #ff6e00;
  }
  .OrangeButton:hover .ui-button-text {
    background-color: #ff6e00 !important;
    -webkit-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
  }
  */

.OrangeButton .ui-button-text {
    background: none repeat scroll 0 0 #ff6e00 !important;
    border: 0 none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.OrangeButton:hover .ui-button-text,
.OrangeButton:focus .ui-button-text,
.RedButton:hover .ui-button-text,
.RedButton:focus .ui-button-text {
    color: #e5e5e5;
}


.PurpleButton .ui-button-text {
    background: none repeat scroll 0 0 #3b1c80 !important;
    border: 0 none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.GreenButton .ui-button-text {
    background: none repeat scroll 0 0 #36A222 !important;
    border: 0 none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.RedButton .ui-button-text {
    background: none repeat scroll 0 0 #F95A30 !important;
    border: 0 none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.ui-datatable:hover,
.ui-datagrid:hover {
    border: 1px solid #b1b1b1 !important;
}

.MarginLeft-25 {
    margin-left: -25% !important;
}

.MarginLeft-15 {
    margin-left: -15% !important;
}

.MarginLeft-10 {
    margin-left: -10% !important;
}

.MarginLeft-9 {
    margin-left: -9% !important;
}

.MarginLeft-7 {
    margin-left: -7% !important;
}

.MarginLeft-6 {
    margin-left: -6% !important;
}

.MarginLeft-3 {
    margin-left: -3% !important;
}

.MarginLeft-5 {
    margin-left: -5% !important;
}

.MarginLeft-4 {
    margin-left: -4% !important;
}

.MarginLeft-2 {
    margin-left: -2% !important;
}

.MarginLeft2 {
    margin-left: 2% !important;
}

.MarginLeft5 {
    margin-left: 5% !important;
}

.MarginLeft30 {
    margin-left: 30% !important;
}

.ui-accordion-content h3 {
    font-size: 18px !important;
}

.ui-datatable table tbody tr td {
    border: 1px solid #fff !important;
}

#mainForm\:mainFormPanel\:gusButton {
    width: 10px;
    margin-left: 3px;
}

.MaxWidth450 {
    max-width: 450px;
}

.MinHeight300 {
    min-height: 300px;
}

#settingsMenu,
#analysisMenu {
    margin-bottom: 3.5em;
}

/* BEGIN - MENU w analizach/ustawieniach */

.idTabs {
    margin: 0 !important;
    padding: 0 !important;
}

.idTabs a {
    background: none repeat scroll 0 0 #e0e0e0 !important;
    border: medium none !important;
    font-size: 18px !important;
    float: left;
    list-style: outside none none;
    padding: 10px 20px;
    margin-right: 7px;
    color: #72828b;
}

a.selected, .idTabs a:hover {
    color: #787878;
    background: none repeat scroll 0 0 #fff !important;
}

#accountingEvidenceMainMenu .idTabs a.selected,
#accountingDeclarationsMainMenu .idTabs a.selected {
    border-top: 2px solid #45abdb !important;
    margin-bottom: 2px !important;
}

#mainMenu .idTabs a.selected {
    box-shadow: inset 0px 2px 0px 0px #45abdb;
}


#menuTabs {
    clear: both;
    background: none repeat scroll 0 0 #fff !important;
    width: 100%;
    margin: 1em 0 !important;
}

.insideTabs {
    padding: 0;
    margin-left: 5px;
}

.insideTabs li {
    float: left;
    list-style: outside none none;
    padding: 1.5% 1%;
}

.insideTabs a:hover,
.insideTabs a.selected {
    color: #00aeef !important;
}

/* END - MENU w analizach/ustawieniach*/

.simpleTableActions {
    margin-bottom: 1em;
}

.analysisActionButton .ui-button-text {
    background: none repeat scroll 0 0 #ff6e00 !important;
    border: 0 none !important;
    box-shadow: none !important;
    font-size: 18px;
    text-shadow: none !important;

}

.ui-state-hover {
    background-image: none !important;
}

.jqplot-table-legend {
    width: auto !important;
}

#calendarSearcher .searchCriteriaActions {
    text-align: left;
}

#mainForm\:accordionPanel\:calendar .ui-datepicker {
    margin: 1em auto;
}

.watermark {
    line-height: 35px !important;
}

.ui-datepicker-calendar .ui-state-hover,
.ui-datepicker-calendar .ui-state-active,
.ui-datepicker-calendar {
    background: none !important;
}

.ui-selectonemenu.ui-widget.ui-state-hover {
    border: 1px solid #00aeef !important;
    color: #00aeef !important;
}

#filtersForm .hasDatepicker {
    width: 50% !important;
}

.jqplot-target {
    margin: 20px 0;
}

.charts-command-link {
    float: right;
    margin-right: 3%
}

.ui-datatable .ui-datatable-tablewrapper table thead tr th,
.ui-datatable .ui-datatable-tablewrapper table tfoot tr td,
.ui-datatable table thead tr th {
    background-color: #fff;
    padding: 4px 10px;
    /*border tabeli
      border-bottom: 1px solid !important;
      */
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
}

#vindication\:mainForm\:vindDebtorHomeTable_data > tr > td,
#vindication\:vindHistHomeTable_data > tr > td,
#accounting\:mainForm\:accHomeTable2_data > tr > td,
#accounting\:mainForm\:accHomeTable_data > tr > td,
#companyCondition\:chartForm\:incomeCost_data > tr > td,
#companyCondition\:chartForm\:receivablesCommitments_data > tr > td {
    border-color: #fff !important;
}

#vindication\:mainForm\:vindDebtorHomeTable_data td,
#vindication\:vindHistHomeTable_data td,
#accounting\:mainForm\:accHomeTable_data td,
#accounting\:mainForm\:accHomeTable2_data td,
#companyCondition\:chartForm\:incomeCost_data td,
#companyCondition\:chartForm\:receivablesCommitments_data td {
    height: 15px;
}

.vatSummaryInBasicCurrencyTable table thead tr th,
.vatSummaryInCurrencyTable table thead tr th,
.vatSummaryInBasicCurrencyTable table tbody tr td,
.vatSummaryInCurrencyTable table tbody tr td {
    padding: 0 !important;
    width: 25% !important;
}


.ui-datatable .ui-datatable-tablewrapper table thead tr th.ui-state-hover {
    /*hover na tabeli*/
    background-color: #fff !Important;
    color: #9fadb5;
    border-bottom: 1px solid !important;
}

.ui-datatable .ui-datatable-tablewrapper table thead tr th.ui-state-hover span.ui-column-title {
    /*hover na tabeli*/
    color: #2ca0d1 !Important;
}

.ui-datatable .ui-datatable-tablewrapper table thead tr th.ui-state-active {
    /*aktywna tabela*/
    background-color: #fff !Important;
    color: #9fadb5;
    border-bottom: 1px solid !important;
}

.ui-datatable .ui-datatable-tablewrapper table thead tr th.ui-state-active span.ui-column-title {
    /*aktywna tabela*/
    color: #2ca0d1 !Important;
}

.ui-dialog-titlebar .ui-dialog-title {
    color: #45abdb;
    font-weight: normal;
}

.ui-timepicker-table {
    background: #fff;
}

.ui-timepicker-title {
    color: #45abdb;
}

.ui-timepicker-table {
    border: 1px solid #b1b1b1 !important;
}

.ui-timepicker-minutes {
    background: #f3f5f7;
}

.ui-timepicker-hour-cell .ui-state-active,
.ui-timepicker-minute-cell .ui-state-active {
    background: #45abdb;
    color: #fff;
}

.pe-timepicker-button.pe-timepicker-down {
    bottom: 3px;
    margin: 0 !important;
}

.pe-timepicker-button.pe-timepicker-up {
    top: 3px;
    margin: 0 !important;
}


#mainForm\:mainFormPanel\:documentBasic .Container40 {
    min-width: 50px;
}

.tile {
    width: 90%;
    margin: 0 auto;
    height: 90px;
    border-radius: 0px;
    cursor: pointer;
    border: 1px solid #e1e1e1;
    /*border: solid 1px;
      box-shadow:1px 1px 5px rgba(0,0,0,.1);
      border-color: #e1e1e1; */
    transition: box-shadow 0.3s linear;
}

.tile:hover {
    background-color: #efefef !important;
}

.tile:active {
    background-color: #efefef !important;
    transform: translateY(2px);
}

.tileHover div.tile div.tileContent div.tileIcon p.iconTile {
    color: #ff6e00 !important;
}

.tileHover div.tile div.tileContent div.tileTxt {
    color: #ff6e00 !important;
}


.tileContainer a {
    color: #fff;
}

.tileText {
    font-size: 20px;
    padding-left: 7%;
    top: 25px;
    position: relative;
}

.tileContent {
    margin: 0 auto;
}

.tileTxt {
    color: #767676 !important;
}

.tileIcon {
    min-width: 64px;
}

.tileIcon img {
    position: relative;
    width: 55px;
    height: 55px;
}

.tileSecondLine {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
}

#mainForm\:mainFormPanel\:notesPanel .Container40 {
    padding-top: 35px;
    height: 100% !important;
}


#accordionPanel\:detailsTask_content table td,
#accordionPanel\:income_content table td,
#accordionPanel\:charge_content table td,
#accordionPanel\:commitment_content table td {
    text-align: right;
}

#accordionPanel\:detailsTask_content table td:first-child,
#accordionPanel\:income_content table td:first-child,
#accordionPanel\:charge_content table td:first-child,
#accordionPanel\:commitment_content table td:first-child {
    text-align: left;
}

#accordionPanel\:pastTaskCounted,
#accordionPanel\:allTaskCounted,
.profitAfterTimeLink {
    color: #d70000 !important;
}


.details {
    margin-top: 12px;
}

.homeChartContent {
    margin-top: -15px;
    padding-bottom: 7px;
}


.Underline {
    text-decoration: underline !important;
}

#streamsoftLogo {
    float: right;
    margin: 20px;
}

#accordionPanel {
    margin-top: -10px;
}

#accordionPanel .ui-accordion-header {
    display: none;
}

#breadcrumbs {
    color: #858585;
}

#breadcrumbs {
    float: left;
}

#companyDetails i {
    margin-right: 5px;
}

#topbarMenu {
    float: right;
}

#topMenu {
    margin: 0;
    padding: 0;
}

#topMenu li {
    height: 70px;
    line-height: 70px;
    float: left;
}

#topMenu li a {
    display: block;
    padding: 0 10px;
    color: #858585 !important;
}

#topMenu li a img {
    position: relative;
    top: 5px;
}

#topMenu li a:hover {
    /*
      background: #e2e2e2;
      */
    color: #45abdb !important;
}

#topMenu .iconmoon {
    position: relative;
    top: 4px;
}

.breadcrumbs span,
.breadcrumbs a {
    color: #858585;
}

.breadcrumbs {
    color: #bcbcbc;
}

.breadcrumbs span.active,
.breadcrumbs a:hover {
    color: #45abdb;
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: relative !important;
    float: right;
    margin-right: 20px;
    margin-top: 5px;
}

.ui-accordion-header .ui-icon {
    width: 22px !important;
    height: 22px !important;
}

.ui-accordion .ui-tabs-outline {
    box-shadow: none !important;
}

.tileContainer {
    margin-bottom: 10px;
    margin-top: 2px;
    overflow: visible !Important;
}


table.jqplot-table-legend,
table.jqplot-cursor-legend {
    border: none !important;
}


.ContainerIndentAccordion {
    padding: 10px 5px 0px;
}

#chart,
#notRegisterChart,
#conChart,
#ecomChart {
    margin-top: 10px;
    max-height: 302px !important;
}

#companyCondition\:income_content table,
#companyCondition\:charge_content table,
#companyCondition\:commitment_content table {
    border-collapse: collapse;
}

#invoiceTiles .lastInvoice {
    padding: 10px;
}

#invoiceTiles .Container20:FIRST-CHILD .lastInvoice {
    border-left: 0 none;
}

.lastInvoice:hover {
    background: #efefef !important;
}

.lastInvoice p {
    margin: 0;
}

.invoiceNumber {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 7px;
}

.invoiceQuota {
    font-size: 16px;
    color: #45abdb;
    font-weight: bold;
}

.invoiceQuota i {
    margin-left: 10px;
}

.invoiceSummary {
    padding-top: 7px;
}

#lastInvoices .ui-accordion-content {
    margin: 0 !important;
    padding: 0 !important;
}

.ui-paginator-pages .ui-state-active {
    background: none !important;
}

#taskActionMenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#taskActionMenu li {
    width: 100%;
}

#taskActionMenu li:hover, #taskActionMenu .active {
    background-color: #efefef;
}

#taskActionMenu li a {
    color: #72828b !important;
    padding: 20px;
    display: block;
}

.taskCounter {
    float: right;
    color: #ff6e00;
    font-size: 16px;
    font-weight: bold;
}


#taskActionMenu .active a {
    color: #45abdb !important;
    font-weight: bold;
}

#taskActionMenu .active .taskCounter {
    color: #45abdb;
}


#topMenu #changeCompany, #topMenu #help {
    cursor: pointer;
    color: #858585 !important;
    margin-right: 0px;
}

.ui-fieldset {
    background-color: #fff !important;
    border: 0px !important;
}

.ui-fieldset:hover {
    border: 0px !important;
}

.ui-fieldset-legend {
    background: #fff !important;
    border: 0px !important;
    text-shadow: none !important;
    color: #757575;
    font-weight: bold;
    padding: 10px 20px;
    margin-left: -16px !important;
}

#overlay, #overlayRodo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #444444;
    opacity: 0.3;
    filter: alpha(opacity=30);
    z-index: 2147483619;
    -webkit-backface-visibility: hidden; /* MOBILE FIX */
}

.popup-o2_2 {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #D5D5D5;
    height: auto;
    left: 50%;
    margin: -150px 0 0 -256px;
    position: fixed;
    top: 50%;
    width: 540px;
    z-index: 2147483620;
    -webkit-backface-visibility: hidden; /* MOBILE FIX */
}

#pageLoader,
#statusDialog {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #D5D5D5;
    height: 100px;
    margin: -20px;
    position: fixed;
    width: 100px;
    z-index: 2147483620;
    -webkit-backface-visibility: hidden; /* MOBILE FIX */
}

.pageLoaderWithText {
    height: 300px !important;
    margin: -150px 0 0 -156px !important;
    width: 300px !important;
}

.closeDialogImg {
    background-image: url("/app/resources/img/close.jpg");
    background-repeat: no-repeat;
    width: 33px;
    height: 33px;
}

.logoDemoDialogImg {
    background-image: url("/app/resources/img/logoPaymentDialogs.png");
    background-repeat: no-repeat;
    width: 217px;
    height: 31px;
}

.close {
    cursor: pointer;
    position: relative;
    float: right;
}

.popup_logo {
    padding-left: 37px;
    padding-top: 33px;
}

.popup_top {
    padding-left: 37px;
    padding-right: 37px;
    padding-top: 28px;
    color: #555555;
    font-size: 21px;
    font-family: 'titillium_webregular' !important;
    text-decoration: none;
    line-height: 25px
}

.popup_top_modal {
    padding-top: 28px;
    color: #555555;
    font-size: 21px;
    font-family: 'titillium_webregular' !important;
    text-decoration: none;
    line-height: 25px
}

.page_loader_text {
    display: none;
    text-align: center;
    padding: 28px 37px 25px;
    color: #555555;
    font-size: 21px;
    font-family: 'titillium_webregular' !important;
    text-decoration: none;
    line-height: 25px
}

.popup_top2 {
    padding-left: 37px;
    padding-right: 37px;
    padding-top: 10px;
    color: #555555;
    font-size: 21px;
    font-family: 'titillium_webregular' !important;
    text-decoration: none;
    line-height: 25px
}

.popup_top2_modal {
    padding-top: 10px;
    color: #555555;
    font-size: 21px;
    font-family: 'titillium_webregular' !important;
    text-decoration: none;
    line-height: 25px
}

#lineBuyStandard {
    padding-left: 37px;
    padding-top: 20px;
}

.lineBuyStandard {
    width: 472px;
    height: 1px;
    background: #dadada;
}

.btn2 {
    float: left;
    padding-left: 37px;
    padding-top: 20px;
}

.btn_cta2 {
    color: #fff;
    background: none repeat scroll 0 0 #aeaeae;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    font-family: 'titillium_webregular' !important;
    font-size: 18px;
    padding: 8px 22px 8px;
    text-decoration: none;
}

.btn3 {
    float: right;
    padding-right: 30px;
    padding-top: 20px;
}

.btn_cta_3:hover, .btn_cta2:hover {
    text-decoration: underline;
}

.closeDialogImg:HOVER {
    opacity: 0.7;
}

.btn_cta_3 {
    color: #fff;
    background: none repeat scroll 0 0 #ff6e00 !important;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    font-family: 'titillium_webregular' !important;
    font-size: 18px;
    padding: 8px 22px 8px;
    text-decoration: none;
}

.importBlue {
    color: #45abdb;
    font-family: 'titillium_webregular', serif !important;
    font-size: 22px;
    padding: 10px;
}

.importCnBlue {
    color: #45abdb;
    font-family: 'titillium_webregular', serif !important;
    font-size: 15px;
}

#importRules\:uploadFile\:fileUpload {
    text-align: center;
}

#importRules\:uploadFile\:charsetLabel {
    display: none;
}

#importRules\:uploadFile\:charset {
    width: 170px !important;
    margin-top: -30px;
}

.requiredInImport {
    color: #45abdb;
}

#examplesForm\:examples\:minExample,
#examplesForm\:examples\:maxExample {
    line-height: 25px;
}


#howManyAdded_header {
    background: none repeat scroll 0 0 #70b12f !important;
    border: 1px solid #578a24 !important;
}

#howManyAdded {
    margin: 12px 0;
    padding-top: 5px;
    text-align: center;
}

#csvEditor\:csvEditorForm\:buttonBoxImport {
    margin-bottom: 10px;
    margin-top: 15px;
    text-align: right;
}

.errorInfo {
    color: red;
}

#csvEditor\:csvEditorForm\:buttonBoxImport button {
    min-width: 290px;
    text-align: center;
}

#makeFirstInvoice:hover {
    color: #45abdb;
}

#topMenu .ui-commandlink {
    height: 70px;
    margin-right: 0px;
}

#settings {
    padding: 0 25px;
}

.companyChooserMenu .active span {
    color: #45abdb !important;
    font-weight: bold;
}

.companyChooserMenu .notPayedCompany span,
.notPayedCompany {
    color: #F95A30 !important;
}

.payedCompany {
    color: #45abdb !important;
}

#mainForm\:mainFormPanel\:nameParamButton {
    position: absolute;
}

.summaryDocument {
    color: #008ac8;
    font-size: 18px;
    font-weight: bold;
    margin-top: -10px;
    margin-bottom: 31px;
    text-align: center;
    display: block;
}

#mainForm\:accordionPanel\:idCustomerFilterIcon {
    left: -3%;
    top: 5px;
}

#mainForm\:mainFormPanel\:contact_primary_data #mainForm\:mainFormPanel\:idCustomerField_input {
    width: 100% !important;
}


#analysis\:chartForm\:chartTypes {
    position: relative;
    top: -50px;
}

#analysis\:chartForm .jqplot-target {
    margin-top: -80px;
}

#export-data {
    text-align: right !important;
    margin-right: 2px !important;
}

.redBoldFont {
    color: #d70000 !important;
    font-size: 14px;
    font-weight: bold !important;
}

.greenFont {
    color: #75b13f !important;
    font-size: 14px;
}

.redFont {
    color: #d70000 !important;
    font-size: 14px;
}

.greenBoldFont {
    color: #75b13f !important;
    font-size: 14px;
    font-weight: bold !important;
}

/* Facebook Button */
.btn-auth,
.btn-auth:visited {
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    position: relative;
    display: inline-block;
    padding: 0 1em;
    border: 1px solid #999;
    border-radius: 2px;
    margin: 0;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    color: #222;
    background: #fff;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* iOS */
    -webkit-appearance: none; /* 1 */
    /* IE6/7 hacks */
    *overflow: visible; /* 2 */
    *display: inline; /* 3 */
    *zoom: 1; /* 3 */
}

.btn-auth:before {
    content: "";
    float: left;
    width: 36px;
    height: 36px;
    background: url(/app/resources/img/auth-icons.png) no-repeat 99px 99px;
}

/*
  * Remove excess padding and border in FF3+
  */
.btn-auth::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* Facebook (extends .btn-auth)
  ========================================================================== */
.btn-facebook,
.btn-facebook:visited {
    border-color: #29447e;
    border-bottom-color: #1a356e;
    background-color: #5872a7;
    background-image: -webkit-linear-gradient(#637bad, #5872a7);
    background-image: -moz-linear-gradient(#637bad, #5872a7);
    background-image: -ms-linear-gradient(#637bad, #5872a7);
    background-image: -o-linear-gradient(#637bad, #5872a7);
    background-image: linear-gradient(#637bad, #5872a7);
    -webkit-box-shadow: inset 0 1px 0 #879ac0;
    box-shadow: inset 0 1px 0 #879ac0;
}

.btn-facebook:active {
    background: #4f6aa3;
    -webkit-box-shadow: inset 0 1px 0 #45619d;
    box-shadow: inset 0 1px 0 #45619d;
}

#facebookIntegrationPanel\:switchOffIntegrationButton {
    background-color: #3b5998 !important;
    font-family: 'titillium_webregular' !important;
    text-decoration: none !important;
}

/*
  * Icon Facebook
  */
.btn-facebook:before {
    border-right: 1px solid #465f94;
    margin: 0 1em 0 -1em;
    background-position: 0 -22px;
}

.accountOrderTabButtons {
    display: block;
    float: right;
}

.infoCompanyLabel {
    float: left;
    display: inline;

}

.infoCompanyLabel .wrapLabelSpan {
    line-height: 20px !important;
}

.infoCompanyField {
    float: left;
    display: inline;
    margin-left: 10px;
    line-height: 35px;
    width: 60%;
}

.infoTxtIco {
    background: url(/app/resources/img/info.png) scroll 0px 11px no-repeat;
    color: #666666;
    font-size: 11px;
    line-height: 40px;
    padding-bottom: 30px;
    padding-top: 15px;
    padding-right: 0px;
    padding-left: 28px;
}

.infoTxtIcoPartner {
    background: url(/app/resources/img/info.png) scroll 0px 11px no-repeat;
    color: #666666;
    font-size: 11px;
    line-height: 25px;
    padding-bottom: 10px;
    padding-top: 15px;
    padding-right: 0px;
    padding-left: 28px;
}

.infoTxtIcoWithRedText {
    background: url(/app/resources/img/info.png) scroll 0px 11px no-repeat;
    line-height: 22px;
    padding: 15px 0 30px 28px;
    color: red;
    font-weight: bold;
    font-size: 13px;
    margin-left: 150px;
}

.inputReadonlyStyle {
    border-width: 1px !important;
    color: gray !important;
    cursor: default;
}

#mainForm\:mainFormPanel\:saleDocumentCorrectionItems th {
    border: 0 !important;
}

.input-warning {
    border-color: orange !important;
}

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

#mainForm\:mainFormPanel\:saleDocumentCorrectionItems\:tbody_element {
    text-align: center;
}

#mainForm\:mainFormPanel\:saleDocumentCorrectionItems\:tbody_element td:nth-child(1) {
    min-width: 10px;
}

.vatSaleSaveButton {
    float: right;
    margin-top: 10px;
}

#mainForm\:mainFormPanel\:purchaseDocument_primary_data .companyDocumentTypeInput {
    left: 12%;
    margin-left: 5px;
    position: absolute;
    width: 30%;
}

.ui-accordion-header {
    margin-top: 15px !important;
    border-bottom: solid 1px !important;
    border-color: #e1e1e1 !important;
}

.ui-accordion-header:FIRST-CHILD {
    margin-top: 0 !important;
}

.ui-accordion {
    background: #fff !important;
    border: 0 none !important;
}

.ui-accordion:hover {
    border: 0 none !important;
}

.ui-accordion-content {
    background: #fff !important;
    margin-top: 0 !important;
    padding-top: 1em !important;
}

.ui-accordion .ui-accordion-content {
    top: 0 !important;
    overflow: hidden !important;
}

#mainForm\:mainFormPanel\:saleDocumentRecurring_title #mainForm\:mainFormPanel\:idSaleDocumentSourceFieldIcon {
    position: relative !important;
}

.ui-datatable, .ui-datatable:hover, .ui-datatable:active {
    border: 0 none !important;
    background: #fff;
!important;
}

/*
  Aby w formularzach nie pokazywac tego typu komunikatow pokazuje to growl
  */
.ui-messages-info {
    display: none !important;
}

.input-warning {
    border-color: orange !important;
}

input.ui-inputfield.input-warning {
    background: #fff6e6 !important;
    -moz-box-shadow: inset 0 2px 0 #ffe9c2 !important;
    -webkit-box-shadow: inset 0 2px 0 #ffe9c2 !important;
    box-shadow: inset 0 2px 0 #ffe9c2 !important;
}

.panelTitle {
    color: #757575;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: left;
    text-transform: uppercase;
}

.panelTitleRight {
    color: #757575;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: right;
    text-transform: uppercase;
}

#mainForm\:mainFormPanel\:summaryPanel,
#mainForm\:saleDocumentAdvanceFromOrderDialogModalForm\:summaryPanel {
    color: #ff6e00 !important;
    border: solid 1px;
    background: #fff;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    line-height: normal;
    margin-right: 5px;
}


.multiSummaryPanel {
    background: none repeat scroll 0 0 #ff6e00;
    color: #fff;
    padding: 10px;
    text-align: center;
    margin-right: 5%;
    line-height: normal;
}

.multiSummaryField {
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
}

#mainForm\:mainFormPanel\:docSummary .ui-panelgrid {
    background: #ff6e00 !important;
}

.docSummaryQuota {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
}

.docSummaryQuotaBc {
    font-size: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.ui-inputfield {
    border: 1px solid #b1b1b1;
    box-sizing: border-box;
}

.ui-selectonemenu, .ui-selectcheckboxmenu {
    border: 1px solid #b1b1b1 !important;
}

#mainForm\:mainFormPanel\:saleDocument_primary_data.ui-accordion-content,
#mainForm\:mainFormPanel\:storeDocument_primary_data.ui-accordion-content,
#mainForm\:mainFormPanel\:purchaseDocument_primary_data.ui-accordion-content,
#mainForm\:mainFormPanel\:booking_income_primary_data.ui-accordion-content,
#mainForm\:mainFormPanel\:booking_cost_primary_data.ui-accordion-content,
#mainForm\:mainFormPanel\:cash_document_primarydata.ui-accordion-content,
#mainForm\:mainFormPanel\:bank_document_primarydata.ui-accordion-content {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
}

.breakableActive {
    float: right;
    margin-right: 10px;
    padding: 1px 0;
}


.ui-datatable .ui-datatable-tablewrapper {
    padding: 0.1px;
}

.removeButton .ui-icon-arrowreturnthick-1-w,
.removeButton .ui-icon-closethick,
.ui-icon-comment {
    background-image: url("/app/resources/img/ui-icons_0078ae_256x240.png?ln=primefaces-sentinel") !important;
}

.icon-chat-alt {
    color: #45abdb !important;
}

.icon-ok-circled {
    color: #45abdb !important;
}

.icon-cancel-circled {
    color: #FE2B5F !important;
}

.columnBooleanIcon {
    font-size: 20px !important;
}

.ui-datatable .ui-datatable-tablewrapper table tbody .ui-state-highlight td:hover,
.ui-datatable .ui-datatable-tablewrapper table tbody .ui-state-highlight a:hover {
    color: #27aae1 !important;
}

.Wid95 {
    width: 95% !important;
}

.Wid9 {
    width: 9% !important;
}

.Wid6 {
    width: 6% !important;
}

.Wid3 {
    width: 3% !important;
}

.ui-autocomplete-dropdown .ui-button-text {
    margin: 0px !important;
    padding: 0px !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 0px none !important;
    box-shadow: none !important;
}

.ui-autocomplete .ui-autocomplete-dropdown .ui-icon-triangle-1-s {
    background-image: url('/app/resources/img/search1.png') !important;
    background-size: 140% auto !important;
    height: 22px;
    margin-top: -11px;
}

.decimalInputField input:not(:empty) {
    text-align: right !important;
}

#mainForm\:saleDocumentTableDocument tr,
#mainForm\:saleDocumentTableCorrection tr,
#mainForm\:saleDocumentTableProform tr,
#mainForm\:saleDocumentTableOrder tr,
#mainForm\:saleDocumentRecurringTable tr {
    border: 0 none !important;
}

#mainForm\:mainFormPanel\:saleDocument_items tr,
#mainForm\:mainFormPanel\:purchaseDocument_items tr,
#mainForm\:mainFormPanel\:storeDocument_items tr {
    background: #fff !important;
}

#mainForm\:mainFormPanel\:saleDocumentItems.saleDocumentItems thead tr,
#mainForm\:mainFormPanel\:saleDocumentCorrectionItems.saleDocumentCorrectionItems thead tr,
#mainForm\:mainFormPanel\:storeDocumentItems.storeDocumentItems thead tr {
    background: #a5a5a5 !important;
    color: #fff !important;
    /*
      text-transform: uppercase;
      */
}

#mainForm\:mainFormPanel\:saleDocumentItems #mainForm\:mainFormPanel\:saleDocumentItems_head th,
#mainForm\:mainFormPanel\:saleDocumentCorrectionItems #mainForm\:mainFormPanel\:saleDocumentCorrectionItems_head th,
#mainForm\:mainFormPanel\:storeDocumentItems #mainForm\:mainFormPanel\:storeDocumentItems_head th {
    padding: 5px 0 !important;
    text-align: center !important;
}

#mainForm\:mainFormPanel\:saleDocumentItems th,
#mainForm\:mainFormPanel\:storeDocumentItems th,
#mainForm\:mainFormPanel\:storeDocumentItems tr,
#mainForm\:mainFormPanel\:saleDocumentItems tr,
#mainForm\:mainFormPanel\:saleDocumentCorrectionItems th,
#mainForm\:mainFormPanel\:saleDocumentCorrectionItems tr {
    border: none !important;
    font-weight: normal;
    padding: 0px !important;
    margin: 0px !important;
    text-align: left !important;
}

.saleDocumentItems .Container60,
.saleDocumentCorrectionItems .Container60,
.storeDocumentItems .Container60 {
    width: 100% !important;
}

.saleDocumentItems .ui-inputfield,
.saleDocumentCorrectionItems .ui-inputfield,
.storeDocumentItems .ui-inputfield,
.ui-selectonemenu-label {
    background-color: rgba(255, 255, 255, 0.1);
}

.saleDocumentItems td span.label,
.saleDocumentCorrectionItems td span.label,
.storeDocumentItems td span.label {
    display: none;
}

.saleDocumentItems td .ui-dialog span.label {
    display: inline;
}

#mainForm\:mainFormPanel\:saleDocumentItems\:tbody_element,
#mainForm\:mainFormPanel\:saleDocumentCorrectionItems\:tbody_element,
#mainForm\:mainFormPanel\:storeDocumentItems\:tbody_element {
    text-align: center;
}

#mainForm\:mainFormPanel\:saleDocument_items .Container50,
#mainForm\:mainFormPanel\:purchaseDocument_items .Container50,
#mainForm\:mainFormPanel\:saleDocumentCorrection_items .Container50,
#mainForm\:mainFormPanel\:order_items .Container50 {
    float: right !important;
}

#mainForm\:mainFormPanel\:saleDocumentItems.ui-datatable thead th,
#mainForm\:mainFormPanel\:saleDocumentItems.ui-datatable tbody td,
#mainForm\:mainFormPanel\:saleDocumentItems.ui-datatable tfoot td,
#mainForm\:mainFormPanel\:saleDocumentItems.ui-datatable tfoot th,
#mainForm\:mainFormPanel\:saleDocumentCorrectionItems.ui-datatable thead th,
#mainForm\:mainFormPanel\:saleDocumentCorrectionItems.ui-datatable tbody td,
#mainForm\:mainFormPanel\:saleDocumentCorrectionItems.ui-datatable tfoot td,
#mainForm\:mainFormPanel\:saleDocumentCorrectionItems.ui-datatable tfoot th,
#mainForm\:mainFormPanel\:storeDocumentItems.ui-datatable thead th,
#mainForm\:mainFormPanel\:storeDocumentItems.ui-datatable tbody td,
#mainForm\:mainFormPanel\:storeDocumentItems.ui-datatable tfoot td,
#mainForm\:mainFormPanel\:storeDocumentItems.ui-datatable tfoot th {
    padding: 2px !important;
    border: 0 none !important;
}

.formActionsAdditional button {
    margin-right: 5px;
    margin-top: 10px;
}

.addItemButton, .addCorrItemButton {
    margin-left: 20px;
}

#mainForm\:mainFormPanel\:saleDocumentItems_head,
#mainForm\:mainFormPanel\:saleDocumentVatSummaryCurrencyBc_head,
#mainForm\:mainFormPanel\:saleDocumentVatSummaryCurrency_head,
#mainForm\:mainFormPanel\:storeDocumentItems_head {
    font-size: 11px !important;
}

#mainForm\:mainFormPanel\:saleDocumentVatSummaryCurrencyBc_head th,
#mainForm\:mainFormPanel\:saleDocumentVatSummaryCurrency_head th {
    border: 0 none !Important;
}


#mainForm\:mainFormPanel\:saleDocumentItems_data td,
#mainForm\:mainFormPanel\:storeDocumentItems_data td,
#mainForm\:mainFormPanel\:storeDocumentItems_data td {
    height: 20px !Important;
}

.ui-datepicker-trigger .ui-icon {
    height: 24px;
    width: 24px;
    left: 13px;
    top: 13px;
}

.ui-datepicker-trigger .ui-button-text, .ui-datepicker-trigger.ui-state-active .ui-button-text {
    background-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: none !important;
}

.ui-datepicker-trigger.ui-state-active {
    background: rgba(255, 255, 255, 0.1) !important;
    box-shadow: none !important;
}

.ui-selectonemenu-trigger .ui-icon-triangle-1-s,
.ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s {
    background-size: 120% !important;
}

#mainForm #registration-box .ui-chkbox .ui-chkbox-box {
    width: 22px !important;
    height: 22px !important;
    margin-top: 3px;
    padding-top: 2px;
    padding-left: 2px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 0px !important;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0px !important;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0px !important;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0px !important;
}

#mainForm #originalRadioButtons .ui-radiobutton {
    display: inline-block;
    margin: 0px 0px !important;
    position: static;
    width: 15px !important;
}

#mainForm #originalRadioButtons .ui-radiobutton .ui-icon-bullet {
    background-image: url("/app/jakarta.faces.resource/images/radio-on.svg.do?ln=primefaces-sentinel") !important;
    background-size: 100%;
    background-position: center center !important;
    margin: 0.5px -1px !important;
}

#mainForm #originalRadioButtons .ui-radiobutton-icon {
    height: 13px !important;
}

#mainForm #originalRadioButtons .ui-corner-all {
    width: 16px !important;
    height: 16px !important;
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
}

.breadcrumbItemCustom {
    margin-left: 3px;
}

.ui-datatable-tablewrapper {
    overflow: inherit !important;
}

#mainForm\:mainFormPanel\:saleDocument_items #mainForm\:mainFormPanel\:saleDocumentVatSummary .ui-datatable-summaryrow,
#mainForm\:mainFormPanel\:order_items #mainForm\:mainFormPanel\:saleDocumentVatSummary .ui-datatable-summaryrow,
#mainForm\:mainFormPanel\:purchaseDocument_items #mainForm\:mainFormPanel\:saleDocumentVatSummaryCurrencyBc .ui-datatable-summaryrow,
#mainForm\:mainFormPanel\:purchaseDocument_items #mainForm\:mainFormPanel\:saleDocumentVatSummary .ui-datatable-summaryrow,
#mainForm\:mainFormPanel\:bookingDocumentVatSummaryCurrencyBc_foot .ui-datatable-summaryrow,
#mainForm\:mainFormPanel\:bookingDocumentVatSummaryCurrency_foot .ui-datatable-summaryrow {
    background: #fff !important;
    text-shadow: none !important;
    border: 0 none !Important;
}

#mainForm\:mainFormPanel\:bookingDocumentVatSummaryCurrencyBc_foot .ui-datatable-summaryrow td,
#mainForm\:mainFormPanel\:bookingDocumentVatSummaryCurrency_foot .ui-datatable-summaryrow td {
    border-top: 1px solid #efefef !important;
    color: #555 !important;
    text-align: right;
    margin-right: 5px;
}

#mainForm\:mainFormPanel\:bookingDocumentVatSummaryCurrencyBc_foot .ui-datatable-summaryrow td:last-child,
#mainForm\:mainFormPanel\:bookingDocumentVatSummaryCurrency_foot .ui-datatable-summaryrow td:last-child {
    border-top: none !important;
}

#mainForm\:mainFormPanel\:saleDocument_items #mainForm\:mainFormPanel\:saleDocumentVatSummary .ui-datatable-summaryrow td {
    color: #72828b !important;
    font-weight: bold;
    border: 0 none !important;
}

#mainForm\:mainFormPanel\:saleDocumentVatSummaryCurrencyBc_data {
    border: 0 none !important;
    width: 100% !important;
}

.itemArticleHeader {
    float: left !important;
    margin-left: 8px !important;
}

#mainForm\:mainFormPanel\:saveCustomerButton {
    float: right;
    margin: 0;
}

#mainForm\:mainFormPanel\:fastSaveButton,
#mainForm\:mainFormPanel\:mainForm\:addNewCustomerArticlePriceButton {
    margin-left: 4px;
}

.ui-chkbox .ui-chkbox-label {
    color: #72828b;
    display: inline;
}

.ui-radiobutton .ui-state-active .ui-icon-bullet, .ui-radiobutton .ui-state-focus .ui-icon-bullet {
    background-image: url("/app/resources/svg/rect.svg") !important;
    background-size: 45% auto;
    background-position: center center;
    margin: -1px 0 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .ui-radiobutton .ui-state-active .ui-icon-bullet, .ui-radiobutton .ui-state-focus .ui-icon-bullet {
        margin: -1px;
    }
}

#docActionsDialogModalForm\:tabs\:printPanel,
#docActionsDialogModalForm\:tabs\:langPanel {
    border: 1px solid #B1B1B1 !important;
}

.ui-tabs-top .ui-tabs-panels .ui-tabs-panel {
    background-color: #fff !important;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav {
    background-color: #efefef !important;
}

.ui-state-default .ui-corner-top .ui-state-hover {
    background-color: #FBFCFD !important;
}

.ui-tabs-top {
    border: 1px solid #B1B1B1 !important;
}

#docActionsDialogModalForm\:tabs\:plannedDateOfPaymentField_input,
#docActionsDialogModalForm\:tabs\:dateOfPaymentField_input,
#docActionsDialogModalForm\:tabs\:paymentTypeField_label,
#docActionsDialogModalForm\:tabs\:paymentQuotaLeftField,
#docActionsDialogModalForm\:tabs\:paymentTypeField,
#docActionsDialogModalForm\:tabs\:plannedDateOfPaymentInDayField,
#docActionsDialogModalForm\:tabs\:selectFiscalPrinterField {
    width: 90% !important;
}

#docActionsDialogModalForm\:tabs\:payAll {
    margin-left: 2px;
}

.removeItemIcon {
    background-image: url('/app/resources/svg/iks.svg') !important;
    background-size: 100% auto !important;
}

.revertArrowIcon {
    background-image: url('/app/resources/svg/revertArrow.svg') !important;
    background-size: 100% auto !important;
}


.ui-datepicker-header .ui-datepicker-next .ui-icon {
    background-image: url("/app/jakarta.faces.resource/images/right-arrow.svg.do?ln=primefaces-sentinel") !important;
}

.ui-datepicker .ui-datepicker-next {
    background-color: #a5a5a5;
    opacity: 0.3;
}

.ui-datepicker .ui-datepicker-next-hover {
    background-color: #7FC3FA;
    opacity: 1;
}

.ui-datepicker .ui-datepicker-prev {
    background-color: #a5a5a5;
    opacity: 0.3;
}

.ui-datepicker .ui-datepicker-prev-hover {
    background-color: #7FC3FA;
    opacity: 1;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick {
    background-image: url('/app/resources/svg/iks.svg') !important;
    background-size: 100% auto !important;
}

.tablePanel i {
    margin-left: 7px;
    margin-right: 5px;
}

table tbody tr td,
.ui-datatable tbody td {
    border: 0px none;
}

.itemClassificationCode {
    padding-right: 3px !important;
}

.ui-datatable .ui-datatable-tablewrapper table thead th[role=columnheader] {
    /*border: 1px solid #efefef !important;*/
}

.ui-datatable .ui-datatable-tablewrapper table thead th[role=columnheader]:FIRST-CHILD {
    border-left: 0 none !important;
}

.ui-dialog.saleDocumentSummaryDialog .ui-dialog-content,
.ui-dialog.saleDocumentSummaryDialog .ui-tabs .ui-tabs-panel,
.ui-dialog.cashDocumentSummaryDialog .ui-dialog-content,
.ui-dialog.cashDocumentSummaryDialog .ui-tabs .ui-tabs-panel,
.ui-dialog.bankDocumentSummaryDialog .ui-dialog-content,
.ui-dialog.bankDocumentSummaryDialog .ui-tabs .ui-tabs-panel {
    padding: 0px !important;
}

.ui-dialog.saleDocumentSummaryDialog .ui-tabs-top,
.ui-dialog.cashDocumentSummaryDialog .ui-tabs-top,
.ui-dialog.bankDocumentSummaryDialog .ui-tabs-top {
    border: 0px none !important;
}

.summaryTabQuota {
    font-size: 26px;
    background: #fff;
    color: #ff6e00;
    border: solid 1px;
    text-transform: uppercase;
    display: inline-block;
    font-weight: bold;
    float: right;
    margin-right: 24px;
    text-align: center;
    width: 80%;
    padding: 10px 10px;
}

#docActionsDialogModalForm\:tabs\:paymentQuotaField {
    width: 71%;
}

.saleDocumentSummaryButtons,
.cashDocumentSummaryButtons,
.bankDocumentSummaryButtons {
    position: absolute;
    bottom: 15px;
    right: 20px;
}

.marginLeftAndRight10px {
    margin-left: 10px;
}

.tablePanel h3 {
    font-size: 20px !important;
    line-height: 30px !important;
    margin-top: 8px;
}

#mainForm\:mainFormPanel\:company_payU .ui-inputfield.inputReadonlyStyle {
    opacity: 0.8;
}

.ui-inputfield.inputReadonlyStyle,
.calendarReadonlyStyle .ui-inputfield,
.inputDictionaryReadonlyStyle .ui-inputfield {
    opacity: 0.5;
    cursor: default;
}

.ui-button-icon-left {
    left: 0;
}

#analysis\:mainForm\:saleDocumentTable,
#analysis\:mainForm\:vatSaleTable,
#analysis\:mainForm\:registerCustomerTable,
#analysis\:mainForm\:analizeTable,
#mainForm\:mainFormPanel\:storeDocumentItems {
    margin-left: 10px;
    margin-right: 10px;
}

.paddingRight10Percent {
    padding-right: 10% !important;
}

.ui-button {
    margin-right: 4px;
}

.formActions button {
    margin-right: 4px;
}

#mainForm\:saleDocumentAdvanceDialog {
    height: 230px;
}

.storeDocumentSummary {
    float: right !important;
}

.Wid60.field .ui-inputfield {
    width: 60%;
}

.measure-unit-spacer {
    height: 33px;
}

.accountCreationDate, .accountActiveDate {
    font-size: 12px;
}

#accountPanel .ui-state-active {
    color: #45abdb !important;
    cursor: auto;
}

.accountType {
    text-transform: uppercase;
    color: #ff6e00;
    font-size: 26px;
    font-weight: bold;
}

.accountActive {
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    background: #75b13f;
    padding: 4px 20px;
    display: inline-block;
}

#accountPanel.ui-accordion,
.ui-tabs.ui-tabs-top > .ui-tabs-nav {
    padding: 0 !important;
}

.MarLeft5 {
    margin-left: 5%;
}

.ui-tabs-top {
    border: 0 none !important;
}

#infoTabView .ui-tabs-panel {
    padding: 0 !important;
}

#infoTabView\:refreshOrderButton .ui-button-text,
#infoTabView\:placeOrderButton .ui-button-text,
#extendAccountProductsButton .ui-button-text,
#mainForm\:placeOrderWindowDialogModalForm\:tabView\:orderButton .ui-button-text {
    background: none repeat scroll 0 0 #ff6e00 !important;
    border: 0 none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

#infoTabView #infoTabView\:placeOrderButton .ui-button-text {
    background: none repeat scroll 0 0 #45abdb !important;
}

#infoTabView .ui-tabs-nav a {
    font-size: 16px;
}

.cartHeader .addExtendButton.ui-button,
.cartHeader .facebookPromotionButton.ui-button {
    margin-right: 0px;
}

#infoTabView\:refreshOrderButton .ui-button-text {
    text-align: center;
}

#infoTabView\:totalValueBox {
    background: none repeat scroll 0 0 #ff6e00;
    color: #fff;
    font-weight: bold;
    padding: 10px 40px;
    text-align: center;
    font-size: 18px;
    line-height: normal;
    display: inline-block;
    text-transform: uppercase;
    margin-left: 4px;
}

#addAccountProductWindowDialogModalForm\:totalValueBox,
#addAccountingWindowDialogModalForm\:totalValueBox,
#extendExtraAccountProductsWindowDialogModalForm\:totalValueBox {
    background: none repeat scroll 0 0 #ff6e00;
    color: #fff;
    font-weight: bold;
    padding: 5px 20px;
    text-align: center;
    font-size: 16px;
    line-height: normal;
    display: inline-block;
    text-transform: uppercase;
    margin-left: 15px;
}

#infoTabView\:placeOrderButton {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}

#infoTabView\:placeOrderButton .ui-button-text {
    padding: 13px 40px !important;
}

.extendsTable {
    margin-left: 22px;
}

.extendsTable .radioLabel, .extendProductTable .radioLabel {
    margin-left: 10px;
    font-weight: bold !important;
}

#extendAccountProductsWindowDialogModalForm\:accountProductsModalTable_head,
#extendExtraAccountProductsWindowDialogModalForm\:accountProductsModalTable_head {
    display: none;
}

.ui-datatable table tbody tr td {
    border-bottom: 1px solid #efefef !important;
}

#companyCondition\:chartForm\:incomeCost .ui-datatable table tbody tr td {
    border-bottom: none !important;
}

.ui-datatable table tbody tr:last-child td {
    border-bottom: #fff !important;
}

#infoTabView\:cart td {
    line-height: 30px;
}

.ui-dialog {
    background-color: #fff !important;
}

.EmptyBox2 {
    display: block;
    width: 100%;
    height: 2px;
    overflow: hidden;
}

.EmptyBox1 {
    display: block;
    width: 100%;
    height: 1px;
    overflow: hidden;
}

.MarginLeft-20 {
    margin-left: -20%;
}

.paymentAccountDetails {
    margin: 0;
    padding: 0;
}

.LineHeightNormal {
    line-height: normal !important;
}

#mainForm\:placeOrderWindowDialogModalForm\:tabView\:nextButton .ui-icon-circle-triangle-e {
    background-image: url("/app/jakarta.faces.resource/images/ui-icons_ffffff_256x240.png.do?ln=primefaces-sentinel") !important;
}

#mainForm\:accordionPanel\:taskStateFilterFilter .ui-selectonemenu {
    width: 59.5% !important;
}

#analysis\:mainForm\:saleDocumentTable_foot,
#analysis\:mainForm\:analizeTable_foot,
#analysis\:mainForm\:registerCustomerTable_foot,
#analysis\:mainForm\:vatSaleTable_foot {
    border-top-color: #c1d5df !important;
    border-top-style: double;
    border-width: 1px;
}

.removeButton .ui-button-text {
    background: none repeat scroll 0 0 #fff !important;
    border: 0px !important;
    box-shadow: none !important;
}

.ui-accordion .ui-accordion-header.ui-state-hover,
.ui-accordion .ui-accordion-header.ui-state-active {
    background: none repeat scroll 0 0 #fff !important;
}

.ui-accordion .ui-state-hover,
.ui-accordion .ui-state-active,
.ui-datepicker-trigger .ui-button-text,
.ui-datepicker-trigger.ui-state-hover .ui-button-text,
.ui-datepicker-trigger.ui-state-active .ui-button-text,
.ui-autocomplete-dropdown .ui-button-text,
.ui-autocomplete-dropdown.ui-state-hover .ui-button-text,
.ui-autocomplete-dropdown.ui-state-active .ui-button-text,
.ui-autocomplete-adding .ui-button-text,
.ui-autocomplete-adding.ui-state-hover .ui-button-text,
.ui-autocomplete-adding.ui-state-active .ui-button-text,
.ui-autocomplete-clear .ui-button-text,
.ui-autocomplete-clear.ui-state-hover .ui-button-text,
.ui-autocomplete-clear.ui-state-active .ui-button-text,
.ui-advanceautocomplete-search .ui-button-text,
.ui-advanceautocomplete-search.ui-state-hover .ui-button-text,
.ui-advanceautocomplete-search.ui-state-active .ui-button-text,
.ui-advanceautocomplete-add .ui-button-text,
.ui-advanceautocomplete-add.ui-state-hover .ui-button-text,
.ui-advanceautocomplete-add.ui-state-active .ui-button-text,
.ui-advanceautocomplete-edit .ui-button-text,
.ui-advanceautocomplete-edit.ui-state-hover .ui-button-text,
.ui-advanceautocomplete-edit.ui-state-active .ui-button-text,
.ui-advanceautocomplete-clear .ui-button-text,
.ui-advanceautocomplete-clear.ui-state-hover .ui-button-text,
.ui-advanceautocomplete-clear.ui-state-active .ui-button-text,
.ui-customselectonemenu-add .ui-button-text,
.ui-customselectonemenu-add.ui-state-hover .ui-button-text,
.ui-customselectonemenu-add.ui-state-active .ui-button-text,
.ui-customselectonemenu-edit .ui-button-text,
.ui-customselectonemenu-edit.ui-state-hover .ui-button-text,
.ui-customselectonemenu-edit.ui-state-active .ui-button-text,
.ui-customselectonemenu-clear .ui-button-text,
.ui-customselectonemenu-clear.ui-state-hover .ui-button-text,
.ui-customselectonemenu-clear.ui-state-active .ui-button-text,
.ui-inputtext-icon .ui-button-text,
.ui-inputtext-icon.ui-state-hover .ui-button-text,
.ui-inputtext-icon.ui-state-active .ui-button-text,
.ui-inputtext-second-icon .ui-button-text,
.ui-inputtext-second-icon.ui-state-hover .ui-button-text,
.ui-inputtext-second-icon.ui-state-active .ui-button-text {
    background-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: none !important;
}

.ui-accordion .ui-state-hover,
.ui-accordion .ui-state-active {
    background: rgba(255, 255, 255, 0.1) !important;
}

.ui-panelgrid {
    background-color: #fff !important;
}

#mainForm\:accordionPanel\:searchPanel #searchDivId .Container100 {
    text-align: center !important;
}

.ui-datepicker-trigger,
.ui-autocomplete-dropdown,
.ui-autocomplete-adding,
.ui-autocomplete-clear,
.ui-advanceautocomplete-search,
.ui-advanceautocomplete-add,
.ui-advanceautocomplete-edit,
.ui-advanceautocomplete-clear,
.ui-custominputmask-icon,
.ui-inputtext-icon,
.ui-inputtext-second-icon {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

img {
    outline: 0 none !important;
}

.ui-autocomplete .ui-autocomplete-dropdown {
    border-top: 1px solid #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
    border-right: 1px solid #b1b1b1;
}

.ui-autocomplete .ui-autocomplete-dropdown.ui-state-focus,
.ui-autocomplete .ui-autocomplete-dropdown.ui-state-hover,
.ui-autocomplete .ui-autocomplete-adding.ui-state-focus,
.ui-autocomplete .ui-autocomplete-adding.ui-state-hover,
.ui-autocomplete .ui-autocomplete-clear.ui-state-focus,
.ui-autocomplete .ui-autocomplete-clear.ui-state-hover,
.ui-autocomplete .ui-advanceautocomplete-search.ui-state-focus,
.ui-autocomplete .ui-advanceautocomplete-search.ui-state-hover,
.ui-autocomplete .ui-advanceautocomplete-add.ui-state-focus,
.ui-autocomplete .ui-advanceautocomplete-add.ui-state-hover,
.ui-autocomplete .ui-advanceautocomplete-edit.ui-state-focus,
.ui-autocomplete .ui-advanceautocomplete-edit.ui-state-hover,
.ui-autocomplete .ui-advanceautocomplete-clear.ui-state-focus,
.ui-autocomplete .ui-advanceautocomplete-clear.ui-state-hover,
.ui-inputtext-icon.ui-state-focus,
.ui-inputtext-icon.ui-state-hover,
.ui-inputtext-second-icon.ui-state-focus,
.ui-inputtext-second-icon.ui-state-hover {
    border-bottom: 1px solid #00aeef;
    border-right: 1px solid #00aeef;
    border-top: 1px solid #00aeef;
    filter: none !important;
}

.ui-autocomplete {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.ui-autocomplete-input {
    border-right: none !important;
    padding: 6px 2px 6px 6px !important;
    margin-right: -4px !important;
}

.ui-autocomplete-input-border-right {
    border-right: solid 1px #b1b1b1 !important;
}

.ui-autocomplete .ui-autocomplete-adding,
.ui-autocomplete .ui-autocomplete-clear,
.ui-autocomplete .ui-advanceautocomplete-search,
.ui-autocomplete .ui-advanceautocomplete-add,
.ui-autocomplete .ui-advanceautocomplete-edit,
.ui-autocomplete .ui-advanceautocomplete-clear,
.ui-selectonemenu .ui-customselectonemenu-add,
.ui-selectonemenu .ui-customselectonemenu-edit,
.ui-selectonemenu .ui-customselectonemenu-clear,
.ui-custominputmask-icon,
.ui-inputtext-icon,
.ui-inputtext-second-icon {
    height: auto;
    margin: 0;
    padding: 0;
    position: relative !important;
}

.ui-autocomplete-input.ui-inputfield.ui-state-hover,
.ui-autocomplete-input.ui-inputfield.ui-state-focus {
    border-right: none;
}

.firstInput, .secondInput {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.ui-confirm-dialog-severity {
    display: none !important;
}

#quickMenuForm\:addDocumentMenu {
    height: 235px !important;
    margin-left: -12px;
    background-color: #26779D !important;
    border: 0 none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

#quickMenuForm\:addDocumentMenu .ui-menu-list,
#quickMenuForm\:addDocumentMenu .ui-slidemenu-backward {
    background-color: #26779D !important;
}

.ui-slidemenu-wrapper,
.ui-slidemenu-content {
    height: 235px !important;
}

#quickMenuForm\:addDocumentMenu .ui-menuitem-link,
#quickMenuForm\:addDocumentMenu .ui-slidemenu-backward {
    color: #fff;
    font-size: 16px !important;
}

#quickMenuForm\:addDocumentMenu .ui-icon-triangle-1-e,
#quickMenuForm\:addDocumentMenu .ui-icon-triangle-1-w {
    display: none;
}

#quickMenuForm\:addDocumentMenu .ui-slidemenu-backward {
    text-align: center;
    font-size: 14px !important;
}

#quickMenuForm\:addDocumentMenu .ui-menuitem .ui-menuitem-link:hover,
#quickMenuForm\:addDocumentMenu .ui-slidemenu-backward:hover {
    background: #26779D !important;
    color: #ff6e00;
}

#quickMenuForm\:addDocumentMenu .mainMenuItem {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px !important;
    padding: 18px;
}

.MinWidth180 {
    min-width: 180px;
}

#exportDialog .Container30 {
    overflow: visible !important;
}

/* STYLE DO GROWLI BEGIN */

/* INFO */
.ui-growl-image-info {
    background-image: url("/app/jakarta.faces.resource/images/warn-blue.svg.do?ln=primefaces-sentinel&v=15.0.5&e=15.0.5") !important;
}

.ui-growl-image-info + div.ui-growl-message {
    border-color: #cee4f5 !important;
    color: #63bce2 !important;
}

/* WARN */
.ui-growl-image-warn {
    background-image: url("/app/jakarta.faces.resource/images/warn-hardal.svg.do?ln=primefaces-sentinel&v=15.0.5&e=15.0.5") !important;
}

.ui-growl-image-warn + div.ui-growl-message {
    border-color: #e19929 !important;
    color: #e19929 !important;
}

/* ERROR */
.ui-growl-image-error {
    background-image: url("/app/jakarta.faces.resource/images/warn-red.svg.do?ln=primefaces-sentinel&v=15.0.5&e=15.0.5") !important;
}

.ui-growl-image-error + div.ui-growl-message {
    border-color: #f03369 !important;
    color: #f03369 !important;
}

/* FATAL */
.ui-growl-image-fatal {
    background-image: url("/app/jakarta.faces.resource/images/warn-red.svg.do?ln=primefaces-sentinel&v=15.0.5&e=15.0.5") !important;
    background-position: center center !important;
    background-size: 140% auto !important;
}

.ui-growl-image-fatal + div.ui-growl-message {
    border-color: #f03369 !important;
    color: #f03369 !important;
}

/* ALL */

.ui-growl {
    width: 350px !important;
}

.ui-growl-message {
    width: 250px !important;
    margin-top: 3px;
    font-size: 15px !important;
}

.ui-growl-image {
    width: 40px !important;
    height: 40px !important;
}

.ui-growl-item-container {
    padding: 0 !important;
    margin-top: 20px !important;
    opacity: 1 !important;
}

.ui-growl-item {
    border: none;
    height: 92px;
}

/* STYLE DO GROWLI END */

#articleStateButtons .ui-button-text-only .ui-button-text {
    padding: 7px 5px !important;
}

#extendAccountProductsWindowDialogModalForm\:compareAccountTypesLink:hover {
    color: #45abdb;
}

#contactForm .ui-dialog-content {
    overflow: hidden;
}

.everySecondRowColored tr:nth-child(2n+0) {
    background: #f8f8f8 none repeat scroll 0 0 !important;
}

#contactFormDialogModalForm\:msg {
    max-height: 150px;
}

.ui-lightbox-loading {
    background: url("/app/resources/gfx/ajax-loader.gif?pfdrid_c=true") rgba(0, 0, 0, 0) center center no-repeat;
    background-size: 32px 32px;
}

.ui-lightbox-content {
    background-color: #fff;
}

#refreshLink {
    cursor: pointer;
}

.gusErrorMsg {
    margin-left: -10px;
    color: #f03369;
}

#mainForm\:mainFormPanel\:emailSettingsNameLabel {
    padding-left: 25px;
}

#unique-link {
    border-bottom: 1px solid #008ac8;
    font-size: 15px;
    text-align: center;
}

.materialContent:nth-last-child(n) {
    display: block;
    text-align: center;
}

.materialContent {
    padding-bottom: 20px;
    width: 100% !important;
}

.materialElement {
    margin-top: 20px;
}

#accountPartnerState {
    padding: 0 10px;
    color: #45abdb;
}

#accountTypeChooserForm\:chooserField {
    width: 180px !important;
    margin-right: 20px;
    margin-top: 18px;
}

#mainForm\:mainFormPanel\:idCustomerField .ui-autocomplete-dropdown .ui-button.ui-state-hover span {
    color: #45abdb !important;
}

.ui-button.ui-state-focus span,
.ui-button.ui-state-hover span,
.ui-button.ui-state-active .ui-button-text,
.ui-buttonset .ui-state-active .ui-button-text {
    color: #fff !important;
}

#mainForm\:mainFormPanel\:changeStateMenu\:changeStateMenu.ui-button.ui-state-hover span,
#mainForm\:mainFormPanel\:changeStateMenu\:changeStateMenu.ui-button.ui-state-focus span {
    color: #45abdb !important;
}

.ui-button.ui-state-hover .ui-button-text {
    color: #fff !important;
}

.ui-button.ui-state-hover {
    filter: contrast(135%);
}

.rowBorder tr {
    border-bottom: 1px solid #efefef;
}

.jqplot-data-label {
    color: #222;
}

.ui-menu:hover,
.ui.menu:focus {
    border: 1px solid #D1D3D4;
}

#mainForm\:calendarTabs\:taskTable .ui-commandlink {
    color: #72828b !important;
}

#mainForm\:calendarTabs\:taskTable tr:hover .ui-commandlink,
#mainForm\:calendarTabs\:taskTable tr:focus .ui-commandlink {
    color: #26a3eb !important;
}

.cellsWithoutPadding .ui-panelgrid-cell, .cellsWithoutPadding i {
    padding: 1px 0px;
    margin: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: #00aeef;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

#analysis h3 .ui-icon.ui-icon-triangle-1-s {
    display: none;
}

#analysis h3 {
    cursor: default;
}

.login-back {
    background: none !important;
}

.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right .ui-icon {
    background-image: url("/app/jakarta.faces.resource/images/right-one-arrow-for-data.svg.do?ln=primefaces-sentinel");
    opacity: 0.4;
}

.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left .ui-icon {
    background-image: url("/app/jakarta.faces.resource/images/left-one-arrow-for-data.svg.do?ln=primefaces-sentinel");
    opacity: 0.4;
}

.ui-tabs-top .ui-tabs-panels,
.insideTabs a,
.jqplot-table-legend,
.ui-selectmanycheckbox label,
.ui-selectoneradio label,
.ui-dialog .ui-dialog-content,
.ui-datepicker-header,
.ui-datepicker .ui-datepicker-buttonpane button,
.ui-confirm-dialog .ui-dialog-content .ui-confirm-dialog-message,
.ui-tabs-top .ui-tabs-nav li a,
table tbody tr td {
    color: #72828b !important;
}

.ui-outputlabel,
table tbody tr td {
    color: #72828b;
}


.ui-menu .ui-menuitem .ui-menuitem-link,
.ui-datatable table tbody tr td,
.ui-datatable .ui-datatable-tablewrapper table tbody .ui-state-highlight td,
.ui-datatable .ui-datatable-tablewrapper table tbody .ui-state-highlight a,
.ui-autocomplete-panel .ui-autocomplete-items .ui-state-highlight,
.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item,
.ui-selectonemenu-panel .ui-selectonemenu-list-item,
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item,
.ui-inputfield,
.ui-inputfield.ui-state-hover,
.ui-inputfield.ui-state-focus,
#tasks\:mainForm\:taskTable tr td a,
.ui-tooltip-content {
    color: #555 !important;
}

.ui-widget-content a {
    color: #555;
}

.ui-datatable table tbody tr:hover td,
.ui-selectonemenu-panel .ui-state-highlight,
.ui-selectcheckboxmenu-panel .ui-state-highlight,
.ui-datatable .ui-datatable-tablewrapper table tbody .ui-state-hover td,
.ui-datatable .ui-datatable-tablewrapper .ui-state-hover td a {
    color: #27aae1 !important;
}

#helpLineDialog .ui-dialog-content {
    overflow: hidden;
}

#helpMenu\:helpSubMenu .fa {
    left: 1px;
    position: relative;
    top: 2px;
    color: #309FD1 !important;
}

#accountDetails\:accountSubMenu .fa {
    left: 1px;
    position: relative;
    top: 2px;
    color: #309FD1 !important;
}

#accountDetails\:accountSubMenu .ui-icon {
    text-indent: 0px !important;
    background-image: none;
}

.ui-growl-image-error + div.ui-growl-message a {
    color: #f03369 !important;
    font-weight: bold !important;
}

.scrollableX .ui-datatable-tablewrapper {
    overflow-x: auto !important;
}

span.ui-button-icon-left.ui-icon.ui-c.fa.fa-download {
    color: #fff;
}

#mainForm\:accordionPanel\:arrearTypeField_panel .ui-selectonemenu-item:nth-child(2) {
    display: none !important;
}

.addDictionaryButton {
    color: #1591c8 !important;
    cursor: pointer;
    position: absolute !important;
    margin-left: -12px;
}

tr.ui-state-active a,
tr.ui-state-active span {
    color: #45abdb !important;
}

#mainForm\:mainFormPanel\:countryCodeField {
    margin-right: 4px;
}


#mainForm\:mainFormPanel\:customerModalDialogModalForm\:customerTabs\:countryCodeField,
#mainForm\:mainFormPanel\:customerModalDialogModalForm\:customerTabs\:countryCodeSourceFieldByCountry,
#mainForm\:costManagerPanel\:customerModalDialogModalForm\:customerTabs\:countryCodeField,
#mainForm\:costManagerPanel\:customerModalDialogModalForm\:customerTabs\:countryCodeSourceFieldByCountry,
#mainForm\:mainFormPanel\:customerModalEditDialogModalForm\:customerTabs\:countryCodeField,
#mainForm\:mainFormPanel\:customerModalEditDialogModalForm\:customerTabs\:countryCodeSourceFieldByCountry,
#mainForm\:costManagerPanel\:customerModalEditDialogModalForm\:customerTabs\:countryCodeField,
#mainForm\:costManagerPanel\:customerModalEditDialogModalForm\:customerTabs\:countryCodeSourceFieldByCountry,
#mainForm\:costManagerPanel\:companyCostCustomerModalDialogModalForm\:customerTabs\:countryCodeField,
#mainForm\:costManagerPanel\:companyCostCustomerModalDialogModalForm\:customerTabs\:countryCodeSourceFieldByCountry,
#mainForm\:mainFormPanel\:countryCodeField,
#mainForm\:mainFormPanel\:countryCodeSourceFieldByCountry {
    cursor: pointer;
}

#mainForm\:mainFormPanel\:customerModalDialogModalForm\:customerTabs\:countryCodeField.ui-inputfield.inputReadonlyStyle,
#mainForm\:mainFormPanel\:customerModalDialogModalForm\:customerTabs\:countryCodeSourceFieldField.ui-inputfield.inputReadonlyStyle,
#mainForm\:costManagerPanel\:customerModalDialogModalForm\:customerTabs\:countryCodeField.ui-inputfield.inputReadonlyStyle,
#mainForm\:costManagerPanel\:customerModalDialogModalForm\:customerTabs\:countryCodeSourceFieldField.ui-inputfield.inputReadonlyStyle,
#mainForm\:mainFormPanel\:customerModalEditDialogModalForm\:customerTabs\:countryCodeField.ui-inputfield.inputReadonlyStyle,
#mainForm\:mainFormPanel\:customerModalEditDialogModalForm\:customerTabs\:countryCodeSourceFieldField.ui-inputfield.inputReadonlyStyle,
#mainForm\:costManagerPanel\:customerModalEditDialogModalForm\:customerTabs\:countryCodeField.ui-inputfield.inputReadonlyStyle,
#mainForm\:costManagerPanel\:customerModalEditDialogModalForm\:customerTabs\:countryCodeSourceFieldField.ui-inputfield.inputReadonlyStyle,
#mainForm\:costManagerPanel\:companyCostCustomerModalDialogModalForm\:customerTabs\:countryCodeField.ui-inputfield.inputReadonlyStyle,
#mainForm\:costManagerPanel\:companyCostCustomerModalDialogModalForm\:customerTabs\:countryCodeSourceFieldField.ui-inputfield.inputReadonlyStyle,
#mainForm\:mainFormPanel\:countryCodeField.ui-inputfield.inputReadonlyStyle,
#mainForm\:mainFormPanel\:countryCodeSourceFieldField.ui-inputfield.inputReadonlyStyle {
    opacity: 1;
    text-align: left !important;
}

#mainForm\:mainFormPanel\:customerModalDialogModalForm\:customerTabs\:countryCodeField:disabled,
#mainForm\:costManagerPanel\:customerModalDialogModalForm\:customerTabs\:countryCodeField:disabled,
#mainForm\:mainFormPanel\:customerModalEditDialogModalForm\:customerTabs\:countryCodeField:disabled,
#mainForm\:costManagerPanel\:customerModalEditDialogModalForm\:customerTabs\:countryCodeField:disabled,
#mainForm\:costManagerPanel\:companyCostCustomerModalDialogModalForm\:customerTabs\:countryCodeField:disabled,
#mainForm\:mainFormPanel\:countryCodeField:disabled {
    opacity: 0.5 !important;
}

#mainForm\:mainFormPanel\:customerModalDialogModalForm\:customerTabs\:countryCodeByCountry,
#mainForm\:costManagerPanel\:customerModalDialogModalForm\:customerTabs\:countryCodeByCountry,
#mainForm\:mainFormPanel\:customerModalEditDialogModalForm\:customerTabs\:countryCodeByCountry,
#mainForm\:costManagerPanel\:customerModalEditDialogModalForm\:customerTabs\:countryCodeByCountry,
#mainForm\:costManagerPanel\:companyCostCustomerModalDialogModalForm\:customerTabs\:countryCodeByCountry,
#mainForm\:mainFormPanel\:countryCodeByCountry,
#mainForm\:mainFormPanel\:countryCodeSourceFieldByCountry,
#mainForm\:mainFormPanel\:customerCountryCodeByCountry {
    position: absolute;
    left: 13%;
    margin-left: 3px;
    border: 0 none !important;
    top: 60px;
}

#mainForm\:mainFormPanel\:countryCodeSourceFieldByCountry {
    top: 100px;
}

#mainForm\:mainFormPanel\:customerModalDialogModalForm\:customerTabs\:countryCodeByCountry_label,
#mainForm\:mainFormPanel\:customerModalDialogModalForm\:customerTabs\:countryCodeByCountry .ui-selectonemenu-trigger,
#mainForm\:mainFormPanel\:customerModalDialogModalForm\:customerTabs\:countryCodeSourceFieldByCountry_label,
#mainForm\:mainFormPanel\:customerModalDialogModalForm\:customerTabs\:countryCodeSourceFieldByCountry .ui-selectonemenu-trigger,
#mainForm\:costManagerPanel\:customerModalDialogModalForm\:customerTabs\:countryCodeByCountry_label,
#mainForm\:costManagerPanel\:customerModalDialogModalForm\:customerTabs\:countryCodeByCountry .ui-selectonemenu-trigger,
#mainForm\:costManagerPanel\:customerModalDialogModalForm\:customerTabs\:countryCodeSourceFieldByCountry_label,
#mainForm\:costManagerPanel\:customerModalDialogModalForm\:customerTabs\:countryCodeSourceFieldByCountry .ui-selectonemenu-trigger,
#mainForm\:mainFormPanel\:customerModalEditDialogModalForm\:customerTabs\:countryCodeByCountry_label,
#mainForm\:mainFormPanel\:customerModalEditDialogModalForm\:customerTabs\:countryCodeByCountry .ui-selectonemenu-trigger,
#mainForm\:mainFormPanel\:customerModalEditDialogModalForm\:customerTabs\:countryCodeSourceFieldByCountry_label,
#mainForm\:mainFormPanel\:customerModalEditDialogModalForm\:customerTabs\:countryCodeSourceFieldByCountry .ui-selectonemenu-trigger,
#mainForm\:costManagerPanel\:customerModalEditDialogModalForm\:customerTabs\:countryCodeByCountry_label,
#mainForm\:costManagerPanel\:customerModalEditDialogModalForm\:customerTabs\:countryCodeByCountry .ui-selectonemenu-trigger,
#mainForm\:costManagerPanel\:customerModalEditDialogModalForm\:customerTabs\:countryCodeSourceFieldByCountry_label,
#mainForm\:costManagerPanel\:customerModalEditDialogModalForm\:customerTabs\:countryCodeSourceFieldByCountry .ui-selectonemenu-trigger,
#mainForm\:costManagerPanel\:companyCostCustomerModalDialogModalForm\:customerTabs\:countryCodeByCountry_label,
#mainForm\:costManagerPanel\:companyCostCustomerModalDialogModalForm\:customerTabs\:countryCodeByCountry .ui-selectonemenu-trigger,
#mainForm\:costManagerPanel\:companyCostCustomerModalDialogModalForm\:customerTabs\:countryCodeSourceFieldByCountry_label,
#mainForm\:costManagerPanel\:companyCostCustomerModalDialogModalForm\:customerTabs\:countryCodeSourceFieldByCountry .ui-selectonemenu-trigger,
#mainForm\:mainFormPanel\:countryCodeByCountry_label,
#mainForm\:mainFormPanel\:countryCodeByCountry .ui-selectonemenu-trigger,
#mainForm\:mainFormPanel\:countryCodeSourceFieldByCountry_label,
#mainForm\:mainFormPanel\:countryCodeSourceFieldByCountry .ui-selectonemenu-trigger,
#mainForm\:mainFormPanel\:customerCountryCodeByCountry_label,
#mainForm\:mainFormPanel\:customerCountryCodeByCountry .ui-selectonemenu-trigger {
    display: none;
}

.stocktakingStateValue {
    color: #45abdb !important;
    font-size: 20px;
}

.taxSummaryStateValue {
    color: #45abdb !important;
    font-size: 20px;
}


#mainForm\:mainFormPanel\:nameServiceField {
    margin-bottom: -6px;
}

#mainForm\:mainFormPanel\:nameArticleLabel {
    line-height: 14px !important;
}

#promotionCodeActivatorWrapper a {
    color: #00aeef !important;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 0.5;
}

#stickyGrowl_container a {
    color: #2c85af;
    text-decoration: underline;
}

#pageLoaderId .ui-dialog-content,
#statusDialogId .ui-dialog-content {
    width: 100px !important;
    height: 100px !important;
}

.loader {
    text-align: center;
    margin: 20px auto;
    font-size: 5px;
    position: relative;
    text-indent: -9999em;
    border-top: 6px solid rgba(0, 0, 0, 0.2);
    border-right: 6px solid rgba(0, 0, 0, 0.2);
    border-bottom: 6px solid rgba(0, 0, 0, 0.2);
    border-left: 6px solid #45abdb;
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    box-sizing: unset !important;
}

.loader,
.loader:after {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    box-sizing: content-box !important;
}

@-webkit-keyframes load8 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.grayLine {
    color: #e1e1e1;
}

div {
    box-sizing: border-box;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    width: auto !important;
}

.hasDatepicker {
    position: relative;
    z-index: 10;
}

#changeLastAccountingDateWindowDialogModalForm\:lastAccountingDateCal_inline {
    z-index: 2147483628;
}

.ui-datepicker-trigger {
    margin-left: -31px !important;
    margin-right: 0 !important;
    position: absolute;
    z-index: 100;
}

#mainForm\:mainFormPanel\:saleDocumentVatSummary table th[role=columnheader] {
    text-align: right;
}

.itemsFieldset .removeButton {
    margin: 0 !important;
    padding: 0 !important;
}

.searchCriteriaActions input,
#searchButton input {
    width: auto;
}

#mainForm\:mainFormPanel\:article_salePriceTitle input {
    width: 90%;
}

#login-box .ui-button {
    width: 100%;
}

*, *:before, *:after {
    box-sizing: border-box;
}

.LineHeight21 {
    line-height: 1;
}

.ui-selectonemenu .ui-selectonemenu-label {
    line-height: 1 !important;
    display: inline-flex;
    display: -ms-inline-flexbox;
    display: -moz-stack;
    display: -webkit-box;
}

.LineHeight35 .ui-selectonemenu {
    line-height: 1 !important;
    padding: 2px 0 3px !important;
}

.itemsFieldset .ui-selectonemenu {
    line-height: 1 !important;
    padding: 2px 0 3px !important;
}

.LineHeight35 {
    /* line-height: 1 !important; sprawdzic czy wylaczenie nie zepsulo wysokosci dictionary */
}

_:-ms-fullscreen,
:root .itemsFieldset .ui-selectonemenu {
    padding: 2px 0 1px !important;
}

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

.vertAlMiddleElement {
    display: block;
}

.ui-datatable tr,
.ui-datatable th,
.ui-datatable td {
    vertical-align: middle;
}

.ui-datatable td {
    height: 45px;
}


#mainForm\:mainFormPanel\:saleDocumentCorrectionItems td {
    height: auto !important;
}

input.ui-autocomplete-input.ui-state-error {
    border-right: 0 none !important;
}

button.ui-autocomplete-dropdown.ui-state-error {
    border-left: 0 none !important;
}

.ui-menu .ui-menuitem .ui-menuitem-link {
    width: 100% !important;
}

.DispFlex {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.labelWrapper,
.doubleInputSeparatorWrapper {
    -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1; /* OLD - Firefox 19- */
    -webkit-flex: 1; /* Chrome */
    -ms-flex: 1; /* IE 10 */
    flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    display: flex;

    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

    -webkit-justify-content: center;
    justify-content: center;
}

.labelWrapper > * {
    margin-right: 10px;
}

.inputWrapper {
    display: flex;

    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;

    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}

.calendarWithoutTimePicker input {
    width: 100%;
}

.ui-autocomplete.Wid100 .ui-autocomplete-input,
.ui-autocomplete-with-dropdown.Wid100 .ui-autocomplete-input.ui-state-disabled {
    width: calc(100% - 30px);
}

.ui-autocomplete-with-dropdown.Wid100 .ui-autocomplete-input {
    width: calc(100% - 60px);
}

.PaddingBottom10 {
    padding-bottom: 10px;
}

#mainForm\:mainFormPanel\:documentBasic {
    display: flex;
}

#mainForm\:mainFormPanel\:documentBasic:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

#mainForm\:mainFormPanel\:plannedDateOfPaymentField input,
#dayPayment input {
    width: 100%;
}

/* FIX na IE do flexów w pozycjach dok */
.itemsFieldset .ui-datatable .DispFlex,
.itemsFieldset .ui-datatable .inputWrapper.inputDecimalWrapper,
.itemsFieldset .ui-datatable .inputWrapper.inputPercentWrapper,
.itemsFieldset .ui-datatable .inputWrapper.inputTextWrapper {
    display: block !important;
}

.itemsFieldset .ui-datatable .ui-dialog .DispFlex,
.itemsFieldset .ui-datatable .ui-dialog .inputWrapper.inputDecimalWrapper,
.itemsFieldset .ui-datatable .ui-dialog .inputWrapper.inputPercentWrapper,
.itemsFieldset .ui-datatable .ui-dialog .inputWrapper.inputTextWrapper {
    display: flex !important;
}

.ui-datatable .numericValue,
.ui-datatable .decimalInputField {
    width: inherit;
    display: block;
}

.MarginRight15Procent {
    margin-right: 15%;
}

#mainForm\:mainFormPanel\:nonList {
    width: 24px;
    min-width: 24px;
}

.iframeWithMap {
    width: 100%;
    min-height: 550px;
}

table .ui-selectonemenu label {
    width: 100% !important;
}

.ui-selectonemenu {
    text-align: left;
}

.ui-selectonemenu label {
    width: calc(100% - 25px) !important;
}

.ui-timepicker-table a {
    box-sizing: content-box !important;
}

.calendarWithTimePickerWrapper {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.pe-timepicker-input {
    width: 80px;
}

#mainForm\:accordionPanel\:searchPanel .inputWrapper {
    flex-direction: row;
}

.inputWrapper .ui-radiobutton,
.inputWrapper .ui-chkbox {
    margin: 0 !important;
}

.inputWrapper td div,
.inputWrapper .ui-chkbox {
    vertical-align: bottom !important;
}

.ui-chkbox .ui-chkbox-label {
    vertical-align: top !important;
}

.LHeight35 {
    line-height: 35px;
}

#mainForm\:mainFormPanel\:saleDocumentVatSummary td {
    padding: 0;
}

#mainForm\:mainFormPanel\:saleDocumentVatSummary input {
    width: 90px;
    text-align: right;
    display: inline-block;
}

.Wid78 {
    width: 78% !important;
}

.Wid45 {
    width: calc(45% + 2px) !important;
}

.Wid100 {
    width: 100% !important;
}

.MarLeft16 {
    margin-left: 16.5%;
}

.MarLeft3 {
    margin-left: 3%;
}

#addAccountProductWindow .ui-radiobutton,
#extendAccountProductsWindow .ui-radiobutton,
#mainForm\:placeOrderWindow .ui-radiobutton {
    vertical-align: text-top;
}

.documentItemVatRateColumn {
    width: 80px !important;
}

.bigDictionaryWithAddPositionButton {
    float: left;
}

.EmptyBox8 {
    display: block;
    width: 100%;
    height: 8px;
    overflow: hidden;
}

.EmptyBox8 {
    display: block;
    width: 100%;
    height: 8px;
    overflow: hidden;
}

.EmptyBox15 {
    display: block;
    width: 100%;
    height: 15px;
    overflow: hidden;
}

.Container55 {
    width: 55%;
    overflow: hidden;
    float: left;
}

.Container5 {
    width: 5%;
    overflow: hidden;
    float: left;
}

.Container2 {
    width: 2%;
    overflow: hidden;
    float: left;
}

.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-disabled {
    display: none !important;
}

.marginLeft8px {
    margin-left: 8px;
}

.marginLeft10px {
    margin-left: 10px;
}

.bookingInfoIcon {
    position: absolute;
    margin-top: 4px;
    cursor: help;
    margin-left: 4px;
}

.vatInfoIcon {
    font-size: 14px;
    margin-top: 2px ! important;
    margin-left: 5px ! important;
    display: inline;
}

.vatInfoIconDocument {
    font-size: 14px;
    margin-top: -1px ! important;
    margin-left: 5px ! important;
    display: inline;
}

.ui-autocomplete-adding,
.ui-advanceautocomplete-search,
.ui-advanceautocomplete-add,
.ui-advanceautocomplete-edit,
.ui-advanceautocomplete-clear,
.ui-inputtext-icon,
.ui-inputtext-second-icon,
.ui-autocomplete-clear {
    border-top: 1px solid #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
    border-right: 1px solid #b1b1b1;
}

.ui-autocomplete .ui-autocomplete-adding.ui-state-focus .ui-button-icon-primary,
.ui-autocomplete .ui-autocomplete-adding.ui-state-hover .ui-button-icon-primary,
.ui-autocomplete-adding .ui-button-icon-primary,
.ui-autocomplete .ui-autocomplete-clear.ui-state-focus .ui-button-icon-primary,
.ui-autocomplete .ui-autocomplete-clear.ui-state-hover .ui-button-icon-primary,
.ui-autocomplete-clear .ui-button-icon-primary{
    color: #45abdb !important;
}

.ui-state-hover.ui-advanceautocomplete-search .ui-button-icon-primary,
.ui-state-hover.ui-advanceautocomplete-edit .ui-button-icon-primary,
.ui-state-hover.ui-advanceautocomplete-clear .ui-button-icon-primary,
.ui-state-hover.ui-custominputmask-icon .ui-button-icon-primary,
.ui-state-hover.ui-customselectonemenu-edit .ui-button-icon-primary,
.ui-state-hover.ui-customselectonemenu-clear .ui-button-icon-primary {
    color: #1b94cb !important;
}

.ui-state-hover.ui-advanceautocomplete-add .ui-button-icon-primary {
    color: #ff6e00 !important;
}

.ui-advanceautocomplete-search.ui-state-default .ui-button-icon-primary {
    font-size: 16px !important;
    color: #1b94cb !important;
    margin-top: 2px;
}

.ui-advanceautocomplete-search.ui-state-default .ui-button-icon-primary-second {
    font-size: 16px !important;
    color: rgba(27, 148, 203, 0.2) !important;
}

.ui-advanceautocomplete-clear.ui-state-default .ui-button-icon-primary-second,
.ui-customselectonemenu-clear.ui-state-default .ui-button-icon-primary-second {
    font-size: 20px !important;
    color: rgba(27, 148, 203, 0.2) !important;
}

.ui-advanceautocomplete-search.ui-state-default .ui-button-icon-zero-opacity,
.ui-advanceautocomplete-edit.ui-state-default .ui-button-icon-zero-opacity,
.ui-customselectonemenu-edit.ui-state-default .ui-button-icon-zero-opacity {
    color: rgba(0, 0, 0, 0) !important;
}

.ui-advanceautocomplete-edit.ui-state-default .ui-button-icon-primary,
.ui-customselectonemenu-edit.ui-state-default .ui-button-icon-primary {
    margin-top: 2px;
    font-size: 16px;
    color: #1b94cb !important;
}

.ui-advanceautocomplete-add.ui-state-default .ui-button-icon-primary {
    margin-top: 2px;
    font-size: 18px;
    color: #ff6e00 !important;
}

.ui-advanceautocomplete-clear.ui-state-default .ui-button-icon-primary,
.ui-customselectonemenu-clear.ui-state-default .ui-button-icon-primary {
    margin-top: 1px;
    font-size: 20px;
    color: #1b94cb !important;
}

.ui-autocomplete-adding.ui-state-error,
.ui-advanceautocomplete-search.ui-state-error,
.ui-advanceautocomplete-add.ui-state-error,
.ui-advanceautocomplete-edit.ui-state-error,
.ui-advanceautocomplete-clear.ui-state-error,
.ui-custominputmask-icon.ui-state-error,
.ui-inputtext-icon.ui-state-error,
.ui-inputtext-second-icon.ui-state-error,
.ui-autocomplete-clear.ui-state-error {
    border: 0px !important;
    border-top: 1px solid #f03369 !important;
    border-bottom: 1px solid #f03369 !important;
    border-right: 1px solid #f03369 !important;
    color: #f03369;
    right: 1px;
}

.addArticleFromDocumentModal .ui-tabs-panels {
    height: 200px !important;
}

.ui-datatable .addArticleFromDocumentModal .numericValue,
.ui-datatable .addArticleFromDocumentModal .decimalInputField {
    width: auto;
}

.addArticleFromDocumentModal .ui-dialog-content,
.addArticleFromDocumentModal .ui-tabs .ui-tabs-panel {
    padding: 0px !important;
}

.addArticleFromDocumentModal .formSaveButton {
    margin-right: 20px;
    margin-bottom: 10px;
}

.addArticleFromDocumentModal .ui-tabs-top {
    background-color: #fff;
}

.storeDocumentItems td .addArticleFromDocumentModal span.label {
    display: inline;
}

#mainForm\:mainFormPanel\:saleDocument_items .addArticleFromDocumentModal .Container50,
#mainForm\:mainFormPanel\:purchaseDocument_items .addArticleFromDocumentModal .Container50,
#mainForm\:mainFormPanel\:saleDocumentItems .addArticleFromDocumentModal .Container50 {
    float: left !important;
}

.textareaCounter {
    float: right;
    position: relative;
    top: -25px;
    left: -20px;
}

#mainForm\:mainFormPanel .groupTable tr,
#mainForm\:mainFormPanel .groupTable th {
    text-align: center !important;
    font-size: 16px !important;
}

#mainForm\:mainFormPanel .groupTable td {
    height: 35px !important;
}

#mainForm\:mainFormPanel .groupTable th[role="columnheader"] .ui-column-title {
    font-size: 14px !important;
}

.documentTab .ui-button-text {
    background: #E0E0E0 none repeat scroll 0 0 !important;
    color: #72828b;
    text-transform: none !important;
    transition: all 0.5s ease 0s;
    border: 0 none !important;
    box-shadow: none !important;
    font-size: 18px;
    text-shadow: none !important;
}

.documentTab.active .ui-button-text,
.documentTab.ui-state-hover .ui-button-text {
    color: #787878 !important;

}

.documentTab.active .ui-button-text {
    background: #fff none repeat scroll 0 0 !important;
    color: #45abdb !important;
    border-top: 2px solid #45abdb !important;
}

#mainFormAccordionPanel\:cashTableContainer.ui-outputpanel.ui-widget div.actionButton {
    text-align: right;
}

.marginLeftAndRight2p {
    margin-left: 2%;
    margin-right: 2%;
}

.floatRight {
    float: right;
}

.floatLeft {
    float: left !important;
}

.disableOnClick.linked .linkedColumnTxt a {
    color: #3D9FCE !important;
}

.disableOnClick.linked .linkedColumnTxt a:hover {
    text-decoration: underline !important;
}

.ui-fileupload-content {
    display: none !important;
}

div.noscriptDiv {
    text-align: center;
    padding: 21px;
    color: #555555;
    font-size: 18px;
    font-family: 'titillium_webregular' !important;
    text-decoration: none;
}

.cashSettingsIconColor {
    color: #a5a5a5;
}

.bankSettingsIconColor {
    color: #a5a5a5;
}

.facebookPromotionButton .ui-button-text {
    background-color: #3b5998 !important;
    box-shadow: 0 0 0 1px #3b5998 inset;
}

.facebookPromotionButton {
    background-color: #3b5998 !important;
}

.facebookPromotionButton .fa-facebook {
    color: #fff !important;
}

.promotionLabelContainer {
    width: 320px;
    text-align: center;
    border-bottom: 1px solid #728FAE !important;
    line-height: 0.1em;
    margin: 15px auto;
}

.promotionLabel {
    background: #efefef;
    padding: 0 10px;
}

.promotionDescriptionContainer {
    width: 320px;
    margin: 5px auto;
    text-align: right;
}

.promotionDescriptionContainer a {
    color: #606e8f;
    font-size: 13px;
}

#idCompanyBankAccountForPrintingFieldContainer {
    left: -1px;
    position: relative;
    width: 87% !important;
}

#mainForm\:mainFormAccordionPanel\:bankTable_data .numericColumn {
    text-align: center !important;
}

#addBankDialogModalForm\:bankAccountField,
#addBankDialogModalForm\:bankAccountOtherField,
#mainForm\:mainFormPanel\:addBankDialogModalForm\:bankAccountField,
#mainForm\:mainFormPanel\:addBankDialogModalForm\:bankAccountOtherField {
    text-align: left !important;
}

#mainForm\:mainFormPanel\:resetCurrencyButton {
    float: right;
    margin-right: 0;
}

.buttonReadonlyStyle {
    border-top: 1px solid #D8D8D8 !important;
    border-bottom: 1px solid #D8D8D8 !important;
}

.buttonReadonlyStyle.ui-state-hover,
.buttonReadonlyStyle.ui-state-focus {
    border-top: 1px solid rgba(69, 171, 218, .5) !important;
    border-bottom: 1px solid rgba(69, 171, 218, .5) !important;
    border-right: 1px solid rgba(69, 171, 218, .5) !important;
}

#defaultEconomicEventsFilter {
    float: right;
    padding-right: 20px;
}

#defaultEconomicEvents\:idEconomicEventTypeFilter {
    width: 100% !important;
    margin: 10px;
}

.cursorPointer {
    cursor: pointer;
}

#mainForm\:mainFormPanel\:cashSettlements .ui-selectonemenu .ui-selectonemenu-label,
#mainForm\:mainFormPanel\:bank_document_settlements .ui-selectonemenu .ui-selectonemenu-label {
    line-height: inherit !important;
}

#mainForm\:mainFormPanel\:plannedDateOfPaymentField.Wid90 input {
    width: 90% !important;
}

.ui-autocomplete-itemtip {
    min-width: 250px !important;
}

.EmptyBox0 {
    display: block;
    width: 100%;
    height: 0px;
    overflow: hidden;
}

.documentSwitcherContainer {
    position: absolute;
    z-index: 20000;
    background: #fff !important;
    /*border-bottom: 1px solid #E1E1E1;*/
    margin-left: -20px;
    margin-top: -25px;
    height: 52px;
    display: inline-flex;
}

.documentName {
    background: #ff6e00 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 26px;
    font-weight: bold;
    padding: 10px 20px;
    text-transform: uppercase;
}

.documentNameInSwitcher {
    font-size: 17px;
    border: solid 1px;
    background: #fff;
    padding: 10px 15px;
    color: #2c85af;
    text-transform: uppercase;
    display: inline-block;
    font-weight: bold;
    margin-top: 8px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.factureNavigation a {
    display: table;
    float: left;
}

.factureNavigation img {
    margin-top: 20px;
}

.factureNavigation img.documentIconSwitcher {
    margin-top: 17px;
}

.documentSwitcherContainer .buttons {
    margin-top: 8px;
    text-align: right;
}

.factureNavigation span {
    display: table;
    float: left;
}

.Container45 {
    float: left;
    overflow: hidden;
    width: 45%;
}


.buttonsContainer {
    display: inline-block;
    margin-right: 20px;
}


.fixed {
    position: fixed !important;
}

.breadcrumbSignMargin {
    margin: 0 3px;
}

.documentSwitcherContent {
    margin-left: 20px;
}

#mainForm\:documentActionsMenu {
    position: absolute;
}

.newDocumentSwitcherNavigationLink {
    font-size: 44px;
    position: relative;
    top: 2px;
    display: block;
    margin-right: 0px !important;
}

.factureNavigation {
    display: table;
}

.factureNavigation a:hover {
    color: #ff6e00 !important;
}

.documentSwitcherNavigationLink {
    font-size: 32px;
    position: relative;
    top: 8px;
    display: block;
}

.newDocumentSwitcherNavigationLink [class^="icon-"]::before, [class*=" icon-"]::before {
    margin-left: 0px;
    margin-right: 0px;
}

.monthField,
.quarterField {
    width: 59%;
}

.yearField {
    width: 40%;
    margin-left: 1%;
}

#mainForm\:jpkCompleteDataPanel .ui-accordion-header {
    opacity: 1 !important;
}

#mainForm\:mainFormPanel\:jpk_file_primary_data {
    margin: 0px !important;
    padding: 0px !important;
}

#mainForm\:mainFormPanel\:dateStartBusinessField_input {
    width: 223px;
}

#mainForm\:mainFormPanel\:dateStartAccountingMonth,
#mainForm\:mainFormPanel\:startDateRecurringMonth {
    width: 120px;
}

#mainForm\:mainFormPanel\:dateStartAccountingYear,
#mainForm\:mainFormPanel\:startDateRecurringYear {
    width: 100px;
}

#mainForm\:mainFormPanel\:accountingMethodField,
#mainForm\:mainFormPanel\:kpirNumerationField,
#mainForm\:mainFormPanel\:methodCostSettlementField,
#mainForm\:mainFormPanel\:lumpSumColumnField {
    width: 45%;
}

#mainForm\:mainFormPanel\:idCompanyTaxOfficeField,
#mainForm\:mainFormPanel\:idCompanyTaxFreeCauseField,
#mainForm\:mainFormPanel\:idCompanyTaxSettlementPeriodField,
#mainForm\:mainFormPanel\:idCompanySaleTypeField,
#mainForm\:mainFormPanel\:regonField,
#mainForm\:mainFormPanel\:communeField,
#mainForm\:mainFormPanel\:countyField,
#mainForm\:mainFormAccordionPanel\:idCompanyTaxOfficeField,
#mainForm\:mainFormAccordionPanel\:idCompanyTaxFreeCauseField,
#mainForm\:mainFormAccordionPanel\:idCompanyTaxSettlementPeriodField,
#mainForm\:mainFormAccordionPanel\:idCompanySaleTypeField {
    width: 45%;
}

#mainForm\:mainFormPanel\:idCompanySaleTypeInfo,
#mainForm\:mainFormAccordionPanel\:idCompanySaleTypeInfo {
    left: 59% !important;
}

#mainForm\:startYearField {
    width: 95%;
}

.documentMarginLeft {
    margin-left: 5%;
    margin-right: 10%;
}

#tasks\:addTaskHome {
    width: 90%;
}

.kpirTransferMargin {
    margin-left: 2%;
    margin-right: 10%;
}

.kpirTransferSeparatorMargin {
    margin-left: 0%;
    margin-right: 10%;
}

#mainForm\:taskDialogModalForm\:fromField_input {
    width: 100%;
}

#mainForm\:taskDialogModalForm\:toField_input {
    width: 100%;
}

.blueHeader {
    min-width: 100px;
    color: #fff !important;
    background: #45abdb !important;
}

#companySettlement\:details_settelmentZus td {
    padding: 4px 10px !important;
    font-size: 16px;
}

#companySettlement\:details_settelmentTaxOffice td {
    padding: 4px 10px !important;
    font-size: 16px;
}

.ui-datatable {
    border-radius: 0px !important;
}

.costManagerDescription {
    text-align: justify;
}

.costTile {
    cursor: pointer;
}

.costTileInner {
    padding-top: 20px;
}

.costTile:hover {
    background: #f6f6f6;
}

.costTileSeparator, .costManagerDocumentSeparator {
    border-top: 1px solid #f6f6f6;
    margin: 0;
    padding: 0;
}

.costManagerDocumentDescriptionText {
    margin-top: 10px;
}

*#mainForm\:costManagerPanel\:idGlobalCost .ui-button,
*#mainForm\:costManagerDocumentSettingsPanel\:idCost .ui-button {
    margin: 0 2px 2px 0 !important;
}

#mainForm\:costManagerPanel\:idGlobalCost .ui-button-text,
#mainForm\:costManagerDocumentSettingsPanel\:idCost .ui-button-text {
    transition: all 0.5s ease 0s;
    -webkit-box-shadow: 0 0 0 1px #e6e8e8 inset !important;
    box-shadow: 0 0 0 1px #e6e8e8 inset !important;
    color: #858585 !important;
    background-color: #f4f7f9 !important;
}

#mainForm\:costManagerPanel\:idGlobalCost .ui-button.ui-state-hover .ui-button-text,
#mainForm\:costManagerDocumentSettingsPanel\:idCost .ui-button.ui-state-hover .ui-button-text {
    color: #258fc1 !important;
}

#mainForm\:costManagerPanel\:idGlobalCost .ui-button.ui-state-active .ui-button-text,
#mainForm\:costManagerDocumentSettingsPanel\:idCost .ui-button.ui-state-active .ui-button-text {
    color: #fff !important;
    background-color: #45abdb !important;
    -webkit-box-shadow: 0 0 0 1px #258fc1 inset !important;
    box-shadow: 0 0 0 1px #258fc1 inset !important;
}

#mainForm\:costManagerPanel\:idGlobalCost .ui-button.ui-state-active .ui-button-text,
#mainForm\:costManagerPanel\:idGlobalCost .ui-button.ui-state-focus .ui-button-text,
#mainForm\:costManagerDocumentSettingsPanel\:idCost .ui-button.ui-state-active .ui-button-text,
#mainForm\:costManagerDocumentSettingsPanel\:idCost .ui-button.ui-state-focus .ui-button-text {
    color: #fff !important;
    background-color: #45abdb !important;
    -webkit-box-shadow: 0 0 0 1px #258fc1 inset !important;
    box-shadow: 0 0 0 1px #258fc1 inset !important;
}

ul.circle, ul.circle > li {
    margin-left: 25px;
    padding: 5px;
    list-style-type: disc;
}

.Container1 {
    width: 1%;
    overflow: hidden;
    float: left;
}

.Container59 {
    width: 59%;
    overflow: hidden;
    float: left;
}

#mainForm\:costManagerPanel\:costManagerCustomerTypeField.ui-selectonemenu {
    line-height: 1 !important;
    padding: 3px 0 4px !important;
}

.costManagerControlledDocumentQuotaContent {
    margin-bottom: 10px;
}

#mainForm\:tryAccountingPanel {
    padding: 0 !important;
}

#overlayCommercialDialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #262626;
    opacity: 0.8;
    filter: alpha(opacity=30);
    z-index: 2147483619;
    -webkit-backface-visibility: hidden; /* MOBILE FIX */
}


.buttonCommercialDialog {
    position: absolute;
    left: 50px;
    top: 275px;
}

.commercialDialogImg {
    width: 700px;
    height: 400px;
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
}

.commercialDialogPopup {
    height: auto;
    left: 50%;
    margin: -200px 0 0 -350px;
    position: fixed;
    top: 50%;
    width: 700px;
    z-index: 2147483620;
    -webkit-backface-visibility: hidden; /* MOBILE FIX */
}


#overlayCommercialDialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #262626;
    opacity: 0.8;
    filter: alpha(opacity=30);
    z-index: 2147483619;
    -webkit-backface-visibility: hidden; /* MOBILE FIX */
}


.buttonCommercialDialog {
    position: absolute;
    left: 50px;
    top: 278px;
}

.commercialDialogCloseImg {
    float: right;
    display: inline-block;
}

.ui-steps {
    margin-top: 25px;
    margin-bottom: 25px;
    width: 100% !important;
}

.ui-steps .ui-steps-item {
    margin-right: 0 !important;
}

.ui-steps .ui-steps-item .ui-steps-number {
    border: solid 1px #45abdb !important;
    background: #45abdb !important;
    color: #fff !important;
    padding: 5px 7px !important;
}

.ui-steps .ui-steps-item .ui-steps-title {
    color: #858585 !important;
    margin: 5px 10px !important;
}

#mainForm\:closeMonthWizardFormPanel\:closeMonthWizardSteps.ui-steps {
    display: inline-block;
}

#mainForm\:closeMonthWizardFormPanel\:closeMonthWizardSteps.ui-steps .ui-steps-item {
    width: 25%;
}

#mainForm\:closeMonthWizardFormPanel\:closeMonthWizarStepsContainer {
    width: 100% !important;
}

#mainForm\:closeMonthWizardFormPanel div.ui-state-disabled {
    opacity: 1;
}

.ui-state-disabled .ui-icon-triangle-1-e {
    display: none;
}

#mainForm\:closeMonthWizardFormPanel div.linkedAccordionHeader {
    cursor: pointer !important;
}

.linkedAccordionHeaderDisabled {
    cursor: pointer !important;
    opacity: 0.5 !important;
}

.countryCodeCustomer {
    opacity: 1 !important;
}

.columnCopyableContent {
    margin-right: 5%;
}

.copyableButton > i {
    padding: 8px;
    border: solid 1px;
    border-radius: 100%;
    color: #008ac8;
}

.copyableButton {
    color: #fff !important;
}

.copyableButton:hover > i {
    color: #27aae1
}

.copyableButton:active > i {
    border: none;
    margin-left: 2px;
}


/*css od banneru  w tryAccounting*/
#moduleBanner.banner-container,
#settlementBanner.banner-container,
#storeBanner.banner-container,
#vindicationBanner.banner-container,
#tryAccountingBanner.banner-container,
#ecommerceBanner.banner-container {
    width: 100%;
    display: inline-block;
    height: 440px;
    min-height: 440px;
    overflow: hidden;
    position: relative;
    background-color: #F8FDFF;
}

#settlementBanner .banner {
    display: block;
    background-position: right center;
    background-size: cover;
    overflow: hidden !important;
    width: 630px;
    height: 440px;
}

#storeBanner .banner {
    display: block;
    background-position: right center;
    background-size: cover;
    overflow: hidden !important;
    width: 830px;
    height: 440px;
}

#tryAccountingBanner .banner {
    display: block;
    background-position: right center;
    background-size: cover;
    overflow: hidden !important;
    width: 550px;
    height: 440px;
}

#vindicationBanner .banner {
    display: block;
    background-position: right center;
    background-size: cover;
    overflow: hidden !important;
    width: 630px;
    height: 440px;
}

#moduleBanner .banner {
    display: block;
    background-position: right center;
    background-size: cover;
    overflow: hidden !important;
    width: 630px;
    height: 440px;
}

#ecommerceBanner .banner {
    display: block;
    background-position: right center;
    background-size: cover;
    overflow: hidden !important;
    width: 575px;
    height: 495px;
}

#moduleBanner .ribbon,
#settlementBanner .ribbon,
#storeBanner .ribbon,
#vindicationBanner .ribbon,
#tryAccountingBanner .ribbon,
#ecommerceBanner .ribbon {
    font-family: 'Open Sans', serif;
    background: #2c85af;
    padding: 10px 100px 10px 100px;
    color: #fff;
    text-transform: uppercase;
    -ms-transform: rotate(-44deg); /* IE 9 */
    transform: rotate(-44deg);
    position: absolute;
    top: 30px;
    left: -83px;
    font-weight: 900;
}

#moduleBanner .banner-txt,
#settlementBanner .banner-txt,
#storeBanner .banner-txt,
#vindicationBanner .banner-txt,
#tryAccountingBanner .banner-txt,
#ecommerceBanner .banner-txt {
    font-family: 'Open Sans', serif;
    margin-left: 100px;
    margin-top: 35px;
    max-width: 550px;
}

#moduleBanner h2,
#settlementBanner h2,
#storeBanner h2,
#vindicationBanner h2,
#tryAccountingBanner h2,
#ecommerceBanner h2 {
    font-size: 24px;
    color: #45ABDB;
    font-weight: bold;
}

#moduleBanner p,
#settlementBanner p,
#storeBanner p,
#vindicationBanner p,
#tryAccountingBanner p,
#ecommerceBanner p {
    color: #45ABDB;
    font-size: 16px;
    margin: 16px;
    margin-left: 0px;
}

#moduleBanner li,
#settlementBanner li,
#storeBanner li,
#vindicationBanner li,
#tryAccountingBanner li,
#ecommerceBanner li {
    list-style: disc !important;
    color: #ff6e00;
    margin: 5px;
}

#moduleBanner .red li,
#settlementBanner .red li,
#storeBanner .red li,
#vindicationBanner .red li {
    color: #ff5863 !Important;
}

#moduleBanner li span,
#settlementBanner li span,
#storeBanner li span,
#vindicationBanner li span,
#tryAccountingBanner li span,
#ecommerceBanner li span {
    color: #45ABDB;
}

#moduleBanner .dark h2,
#settlementBanner .dark h2,
#storeBanner .dark h2,
#vindicationBanner .dark h2,
#tryAccountingBanner .dark h2,
#ecommerceBanner .dark h2 {
    font-size: 24px;
    color: #2c85af;
    font-weight: bold;
}

#moduleBanner .dark p,
#settlementBanner .dark p,
#storeBanner .dark p,
#vindicationBanner .dark p,
#tryAccountingBanner .dark p,
#ecommerceBanner .dark p {
    color: #2c85af;
    font-size: 16px;
}

#moduleBanner .dark li,
#settlementBanner .dark li,
#storeBanner .dark li,
#vindicationBanner .dark li,
#tryAccountingBanner .dark li,
#ecommerceBanner .dark li {
    color: #ff6e00;
}

#moduleBanner .dark li span,
#settlementBanner .dark li span,
#storeBanner .dark li span,
#vindicationBanner .dark li span,
#tryAccountingBanner .dark li span,
#ecommerceBanner .dark li span {
    color: #2c85af;
}

#moduleBanner ul,
#settlementBanner ul,
#storeBanner ul,
#vindicationBanner ul,
#tryAccountingBanner ul,
#ecommerceBanner ul {
    padding-left: 18px;
}

#moduleBanner a.btn-banner,
#settlementBanner a.btn-banner,
#storeBanner a.btn-banner,
#vindicationBanner a.btn-banner,
#tryAccountingBanner a.btn-banner,
#ecommerceBanner a.btn-banner {
    background: #ff6e00;
    color: #fff !Important;
    text-decoration: none;
    padding: 8px 20px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    margin-top: 15px;
}

#moduleBanner a.red.btn-banner,
#settlementBanner a.red.btn-banner,
#storeBanner a.red.btn-banner,
#vindicationBanner a.red.btn-banner {
    background: #ff5863 !Important;
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li.rsliderElement {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li.rsliderElement:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}

.emptyLinkRow {
    opacity: 0.5;
}

.emptyLinkRow.ui-state-hover {
    cursor: default !important;
}

#mainForm\:taxSummaryTable .currentRow {
    font-weight: bold !important;
}

#mainForm\:taxSummaryTable .archiveRow a,
#mainForm\:taxSummaryTable .archiveRow .numericColumn span {
    color: #55AACC !important;
}

#mainForm\:closeMonthWizardFormPanel\:closeMonthWizardSteps.ui-steps .ui-steps-title {
    white-space: pre-line !important;
    margin: 5px auto !important;
    max-width: 120px;
}

.bold {
    font-weight: bold;
}

#mainForm\:costManagerPanel .ui-accordion-header,
#mainForm\:costManagerDocumentSettingsPanel .ui-accordion-header,
#mainForm\:costManagerCostGroupPanel .ui-accordion-header {
    opacity: 1 !important;
}

.vatPanel {
    margin-top: 1px !important;
}

.vatPanelBottom {
    margin-bottom: 1px !important;
}

#mainForm\:mainFormPanel\:customerModal .ui-dialog-content,
#mainForm\:costManagerPanel\:customerModal .ui-dialog-content,
#mainForm\:mainFormPanel\:customerModalEdit .ui-dialog-content,
#mainForm\:costManagerPanel\:customerModalEdit .ui-dialog-content,
#mainForm\:costManagerPanel\:companyCostCustomerModal .ui-dialog-content {
    padding: 0px !important;
}

.customerModalSaveButton {
    margin-right: 10px;
    margin-bottom: 10px;
}

.ContainerIndentWidth {
    overflow: hidden;
    display: block;
    margin: 8px 10px;
}

#declarModal .ui-dialog-content,
#mainForm\:closeMonthWizardFormPanel\:declarModal .ui-dialog-content {
    padding: 0px !important;
}

.GreenStep:first-child .ui-steps-number, .GreenStep {
    background: #4BC02E !important;
    border: solid 1px #4BC02E !important;
}

#mainForm\:closeMonthWizardFormPanel\:declarModalDialogModalForm\:save {
    margin-right: 10px;
    margin-bottom: 10px;

}

.closeMonthDialogs {
    font-size: 16px;
}

.jpkGuide {
    text-decoration: underline;
    padding-left: 9px;
}

.eSkladka,
.taxAccountNumberLink {
    text-decoration: underline;
}

.generateMicroAccountLink {
    float: right;
    text-decoration: underline;
}

#mainForm\:mainFormPanel\:costManagerLink,
#mainForm\:mainFormPanel\:manageCostGroups,
#mainForm\:mainFormPanel\:showHidden,
#mainForm\:costManagerPanel\:editCostGroup,
#mainForm\:costManagerPanel\:showHidden,
#mainForm\:costManagerPanel\:manageCosts,
#mainForm\:costManagerPanel\:cancelModifyCosts,
#mainForm\:costManagerPanel\:showEditOption {
    color: #45abdb !important;
    font-size: 15px;
    margin-top: 6px;
    font-weight: bold;
    text-decoration: underline;
}

.ui-password-panel {
    width: 172px !important;
}

#mainForm\:mainFormPanel\:jpkTypeField {
    width: 230px !important;
}

#mainForm\:mainFormPanel\:zusSocialQuotaField,
#mainForm\:mainFormPanel\:zusHealthQuotaField {
    width: 200px !important;
}

#mainForm\:mainFormPanel\:kstChose .ui-dialog-content,
#mainForm\:costManagerPanel\:assetSaveDialogModalForm\:kstChose .ui-dialog-content,
#mainForm\:mainFormPanel\:assetSaveDialogModalForm\:kstChose .ui-dialog-content,
#mainForm\:mainFormAccordionPanel\:moduleAccountingAccordionContent\:modulesAccountingAccordionDetailsContent\:insuranceCode .ui-dialog-content,
#mainForm\:mainFormPanel\:insuranceCode .ui-dialog-content,
#mainForm\:closeMonthWizardFormPanel\:insuranceCode .ui-dialog-content,
#mainForm\:closeMonthWizardFormPanel\:insuranceCodeHolidays .ui-dialog-content,
#mainForm\:changeTaxMethodDialogModalForm\:changeTaxMethodView .ui-dialog-content {
    padding: 0px !important;
}

#mainForm\:mainFormPanel\:kstChose .ui-tree,
#mainForm\:costManagerPanel\:assetSaveDialogModalForm\:kstChose .ui-tree,
#mainForm\:mainFormPanel\:assetSaveDialogModalForm\:kstChose .ui-tree,
#mainForm\:mainFormAccordionPanel\:moduleAccountingAccordionContent\:modulesAccountingAccordionDetailsContent\:insuranceCodeDialogModalForm\:insuranceCodeTab\:secondTab .ui-tree,
#mainForm\:mainFormPanel\:insuranceCodeDialogModalForm\:insuranceCodeTab\:secondTab .ui-tree,
#mainForm\:closeMonthWizardFormPanel\:insuranceCodeDialogModalForm\:insuranceCodeTab\:secondTab .ui-tree,
#mainForm\:closeMonthWizardFormPanel\:insuranceCodeHolidaysDialogModalForm\:insuranceCodeHolidaysTab\:secondTab .ui-tree {
    width: auto !important;
    border: none !important;
}

#mainForm\:mainFormPanel\:kstChose .ui-icon-triangle-1-e,
#mainForm\:costManagerPanel\:assetSaveDialogModalForm\:kstChose .ui-icon-triangle-1-e,
#mainForm\:mainFormPanel\:assetSaveDialogModalForm\:kstChose .ui-icon-triangle-1-e,
#mainForm\:mainFormAccordionPanel\:moduleAccountingAccordionContent\:modulesAccountingAccordionDetailsContent\:insuranceCodeDialogModalForm\:insuranceCodeTab\:secondTab .ui-icon-triangle-1-e,
#mainForm\:mainFormPanel\:insuranceCodeDialogModalForm\:insuranceCodeTab\:secondTab .ui-icon-triangle-1-e,
#mainForm\:closeMonthWizardFormPanel\:insuranceCodeDialogModalForm\:insuranceCodeTab\:secondTab .ui-icon-triangle-1-e,
#mainForm\:closeMonthWizardFormPanel\:insuranceCodeHolidaysDialogModalForm\:insuranceCodeHolidaysTab\:secondTab .ui-icon-triangle-1-e {
    background-image: url("/app/resources/img/arrowDown.png") !important;
    background-size: 100% auto !important;
}

#mainForm\:mainFormPanel\:kstChose .ui-icon-triangle-1-s,
#mainForm\:costManagerPanel\:assetSaveDialogModalForm\:kstChose .ui-icon-triangle-1-s,
#mainForm\:mainFormPanel\:assetSaveDialogModalForm\:kstChose .ui-icon-triangle-1-s,
#mainForm\:mainFormAccordionPanel\:moduleAccountingAccordionContent\:modulesAccountingAccordionDetailsContent\:insuranceCodeDialogModalForm\:insuranceCodeTab\:secondTab .ui-icon-triangle-1-s,
#mainForm\:mainFormPanel\:insuranceCodeDialogModalForm\:insuranceCodeTab\:secondTab .ui-icon-triangle-1-s,
#mainForm\:closeMonthWizardFormPanel\:insuranceCodeDialogModalForm\:insuranceCodeTab\:secondTab .ui-icon-triangle-1-s,
#mainForm\:closeMonthWizardFormPanel\:insuranceCodeHolidaysDialogModalForm\:insuranceCodeHolidaysTab\:secondTab .ui-icon-triangle-1-s {
    background-image: url("/app/resources/img/arrowUp.png") !important;
    background-size: 100% auto !important;
}

#mainForm\:mainFormPanel\:amortRateField_input {
    width: 100%;
    text-align: right;
}

#mainForm\:mainFormPanel\:amortTypeField,
#mainForm\:mainFormPanel\:factorField,
#mainForm\:costManagerPanel\:assetSaveDialogModalForm\:amortTypeField,
#mainForm\:costManagerPanel\:assetSaveDialogModalForm\:factorField,
#mainForm\:mainFormPanel\:assetSaveDialogModalForm\:amortTypeField,
#mainForm\:mainFormPanel\:assetSaveDialogModalForm\:factorField {
    height: 35px;
}

.morecontent span {
    display: none;
}

.moreTextLink {
    display: block;
}

.agreementTextDiv {
    margin-left: 2%;
    font-size: 15px;
}

.agreementTextBackDiv {
    margin-left: 2%;
    background-color: #ffff9f;
    padding: 4px;
}

.downloadAgreementPdfButton {
    float: right;
    margin-top: 5px;
    margin-bottom: 14px;
}

.downloadAgreementRodoPdfButton {
    margin-top: 14px;
    margin-bottom: 14px;
}

.confirmRodoButton {
    margin-left: 2%;
    margin-top: 14px;
    margin-bottom: 14px;
}

#rodoAgreement {
    height: 320px;
    padding: 30px;
    overflow-y: scroll;
    border-radius: 3px;
    background: #FDF8F8;
    margin-left: 2%;
}

.rodoHeader {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 30px;
}

.rodoParagraph {

}

.rodoSubList {
    margin-left: 12px;
}

.rodoList {
    margin-left: 12px;
}


#mainForm\:mainFormAccordionPanel\:expireDaysField,
#mainForm\:mainFormAccordionPanel\:minCharField {
    width: 50px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.LineHeightPassSettings {
    line-height: 25px;
}

#mainForm\:placeOrderWindow div.ui-dialog-content {
    padding: 0px !important;
}

#mainForm\:closeMonthWizardFormPanel\:assetList div.ui-dialog-content {
    padding: 1px !important;
}

.testPageButton {
    height: 60px;
    margin-left: 10px;
}

#mainForm\:mainFormPanel\:supervisorInformDatePickerField {
    float: left !important;
}

.vat7ImgDeclarPages {
    margin-top: 10px;
    margin-right: 10px;
    float: right;
}

.Wid170px {
    width: 170px !important;
}

.whiteBackground {
    background-color: #fff;
}

#mainForm\:goToNextYear {
    margin-right: 14px;
    float: right;
}

#mainForm\:taxSummaryTable + #export-data {
    display: none;
}

#mainForm\:mainFormPanel\:docTabs .ui-tabs-nav {
    display: none !important;
}

#mainForm\:mainFormPanel\:docTabs\:tabs .ui-tabs-nav {
    display: inherit !important;
}

#mainForm\:mainFormPanel\:pit28DocManagePanel,
#mainForm\:mainFormPanel\:pit36DocManagePanel {
    margin-bottom: 10px;
}

#mainForm\:mainFormPanel\:pit28_file .field {
    height: inherit;
    white-space: inherit;
    font-weight: inherit !important;
}

.ui-splitbutton {
    border: none !important;
    padding-top: 0px !important;
}

.ui-state-disabled .ui-splitbutton-menubutton .ui-icon-triangle-1-s {
    display: inherit;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button,
.Animated05 {
    transition: none !important;
}

.validationError .ui-button-text {
    background: none repeat scroll 0 0 #F95A30 !important;
    border: 0 none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.ui-tabs-top .ui-tabs-nav li.ui-state-error {
    border: 2px solid #F95A30 !important;
    background-color: rgba(249, 90, 48, .3) !important;
}

.ui-tabs-top .ui-tabs-nav li.ui-state-error.ui-tabs-selected {
    border: 2px solid #F95A30 !important;
    background-color: #FBFCFD !important;
}


#mainForm\:recalculateDeclar {
    width: 450px !important;
}

.CommercialButtonPollingStyle {
    position: absolute;
    top: 277px;
    left: 49px;
    width: 114px;
    height: 35px;
    background: #FF5964 !important;
}

.CommercialButtonPollingStyle .ui-button-text {
    background: none repeat scroll 0 0 #FF5964 !important;
    border: 0 none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    outline: none;
}

.CommercialButtonPollingStyleOrange {
    position: absolute;
    top: 277px;
    left: 49px;
    width: 114px;
    height: 35px;
    background: #f46e00 !important;
}

.CommercialButtonPollingStyleOrange .ui-button-text {
    background: none repeat scroll 0 0 #f46e00 !important;
    border: 0 none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    outline: none;
}


#mainForm\:mainFormPanel\:activityTypeField {
    width: 45%;
}

#mainForm\:idAccountingTypeField {
    margin-top: 10px;
    margin-right: 10px;
}

.maxResquestCountLabel2 {
    margin: 10px;
}

.vindicationSettingsLabelSpace {
    margin: 4px;
}

.maxResquestCountDivCreator2 {
    text-align: left !Important;
    margin-top: 8px;
}

.maxResquestCountLabelCreator2 {
    padding-left: 6px;
}

#mainForm\:accordionPanel\:idVindicationCustomerField,
#mainForm\:accordionPanel\:idCustomerField {
    width: 80.5% !Important;
    margin-left: 10%;
}

#mainForm\:bookingCompleteDataPanel .ui-state-disabled {
    opacity: 1;
}

.dispBlockImportant {
    display: block !Important;
}

.vindicationCreatorSettingsIconPadding,
.fiscalizationCreatorSettingsIconPadding {
    padding: 5px;
}

.boolButtonHeight {
    height: 23px !Important;
}

.boolButtonWidth {
    width: 70px;
}

.settingsPrintEmailTabs {
    margin-left: 2px;
}


#liDisc ul {
    padding-left: 18px;
}

#liDisc li {
    list-style: disc !important;
    margin: 5px;
}

.vindicationGuide,
.fiscalizationGuide {
    text-decoration: underline;
}

.guideInfo,
.vindicationGuideInfo,
.fiscalizationGuideInfo,
.baselinkerGuideInfo {
    color: #458fdb !important;
}

.inputCountryPopup {
    margin-left: 3px;
    border: 0 none !important;
}

.inputCountryField.ui-inputfield.inputReadonlyStyle {
    opacity: 1;
    text-align: left;
}

.inputCountryField:disabled {
    opacity: 0.5 !important;
}

.inputCountryField {
    cursor: pointer;
}

.inputCountryDiv .ui-selectonemenu-trigger {
    display: none;
}

.inputCountryDiv .ui-selectonemenu-label {
    display: none;
}

.closeMonthVatUekExist {
    font-weight: bold;
    padding: 2px;
}

.registerTermsLink {
    text-decoration: underline;
    font-weight: bold;

}

.bankAccountbutton {
    height: 33px;
    width: 33px;
    color: #0682B9 !important;
    padding-top: 6px;
    margin-right: 0px !important;
}

.bankAccountbutton:hover {
    border-bottom: 1px solid #00aeef;
    border-right: 1px solid #00aeef;
    border-top: 1px solid #00aeef;
    border-left: 1px solid #00aeef !important;
    margin-right: 0px !important;
    padding-right: 1px;
}

.bankAccountCustomerDiv {
    display: flex;
}


#passwordWindowDialogModalForm\:pwd1_panel {
    position: fixed !important;
    margin-left: 273px;
}

#changeEmailAndPassDialogModalForm\:pwd1_panel {
    position: fixed !important;
    margin-left: 380px;
}

.lineHeight13 {
    line-height: 1.3;
}

.manyCheckboxHelp {
    height: 10px;
    width: 10px;
    color: #0682B9 !important;
    padding-top: 0px;
    padding-right: 15px !important;
    border: none;
    background: #fff;
}

.manyCheckboxTip {
    font-size: 12px;
}

.textBlue {
    color: #45abdb;
}

#accountDetails a {
    color: #858585;
}

#accountDetails a:hover {
    color: #45abdb;
}

#changeCompany {
    padding-left: 20px;
}

.changeCompanyIcon {
    color: #858585;
}

.changeCompanyText {
    color: #45abdb !important;
}

.homeAccountingChartHeader {
    padding-left: 7px;
}


.companyConditionSeriesTypeDiv {
    margin-left: 102px;
    min-width: 172px;
}

#operatorName {
    margin-right: 10px;
}

.companyName {
    margin-right: 10px;
}

.operatorNameSpan {
    line-height: 62px;
}

@media only screen and (max-width: 1200px) {
    /*
      #operatorName {
          display: none !important;
      }
      #layout-portlets-cover {
          padding-left: 90px !important;
      } */
}

.companyConditionChartStyle {
    margin-top: 6px;
    margin-left: 8px;
}

.homeChartVindicationContentDiv {
}


#layout-menubar.slimmenu .layout-menubar-container li:hover {
    width: 330px !important;
    min-width: 330px !important;
}

.ui-link {
    color: #27aae1;
}

.ui-datatable .ui-paginator .ui-paginator-rpp-options {
    padding-top: 1px;
    height: 24px;
    margin-top: 0px;
}

.ContainerDonut {
    min-width: 280px;
}

/* LAYOUT  */


#layout-menubar {
    background-color: #FAFAFA;
    border-right: none;
    /*padding-top: 65px;*/
    padding-top: 0px;
    min-height: 500px;
    z-index: 2147483618 !important;
    position: fixed;
}

#layout-menubar {
    position:fixed;
    height: 100vh;
}

.layout-menubar-submenu-container {
    background-color: #FAFAFA !important;
}


#layout-menubar .layout-menubar-submenu-container li a {
    color: #767676;
}

#layout-portlets-cover, body {
    background: #fff;
}

#layout-menubar li {
    /* transition: all 0.5s ease 0s; */
    width: 100%;
    margin: 0px !important;
}

#layout-menubar li:hover > a,
#layout-menubar li:hover > a i {
    color: #45abdb !important;
}

#layout-menubar li a:hover {
    color: #fff;
}

.layout-menubar-active {
    background-color: #FAFAFA;
    text-shadow: none;
}

#layout-menubar li:hover {
    background-color: #efefef;
    color: #fff !important;
}

#layout-menubar .layout-menubar-active a,
#layout-menubar .layout-menubar-active i {
    color: #45abdb;
    position: relative;
}

#layout-menubar .layout-menubar-active > a {
    border-left: 8px solid #45abdb !important;
    padding-left: 17px;
    color: #45ABDB !important;
}

#layout-menubar li.ui-widget-header.layout-menubar-active {
    border-left: 8px solid #45abdb !important;
}

.layout-menubar-active a:after {
    /*
      content: '';
      border-bottom: 1px solid #45abdb;
      position: absolute;
      bottom: 14px;
      width: 100%;
      right: 0;
      width: calc(100% - 62px);
      */
}

.layout-menubar-active a:hover:after {
    /*
      border-bottom: 1px solid #ff6e00 !important;
      */
}

.layout-menubar-submenu-container li a {
    font-size: 16px !important;
}


.menuRemoveBackground {
    background: #fff !important;
}

.layout-menubar-submenu-container a:after {
    border-bottom: none !important;
}

.layout-menubar-submenu-container a:hover:after {
    border-bottom: none !important;
}


.layout-menubar-submenu-container li:hover a {
    border-bottom: none !important;
}


#layout-menubar-resize,
#layout-menubar-resize2 {
    background-color: #fff;
    color: #fff;
}


#layout-menubar-resize2:hover {
    color: #000;
}

.layout-menubarinner-box {
    padding: 5px 0 0 10px;
    width: 240px;
}


#sm-topmenu .layout-header-widgets-submenu li {
    border: none !important;
}


.slimmenu .layout-menubarinner-box {
    padding: 6px 0 0 10px;
}

#layout-menubar-resize:hover {
    color: #ff6e00;
}

#layout-menubar li h3 {
    padding: 10px 15px 10px 15px;
    padding-left: 60px;
    line-height: 30px;
    color: #767676;
    font-size: 18px;
    border: none !important;
    width: 100%;
}

#layout-menubar li h3 > span:nth-of-type(1) {
    display: none;
}

.slimmenu #main_menu\:layout-menubar-resize {
    text-align: left;
    display: flex !important;
}


#layout-header {
    box-shadow: none !important;
    min-width: 960px;
}

#main_menu > div > ul.ui-menu-list {
    background: #FAFAFA;
    margin-bottom: 0px !important;
    width: 300px;
    padding: 0px;
}

/* Dodaje scrollbar jezeli warunki się zgadzaja */
@media (max-width: 810px), (max-height: 599px) {
    .layout-menubar-container {
        /* scroll */
        position: relative;
        overflow-y: scroll;
        overflow-x: hidden;
        /* Maksymalna wysokosc ekranu - 70px (odstęp miedzy logiem, a menu) */
        max-height: calc(100vh - 70px);
        scrollbar-width: none !important;
    }

    /* Poprawki do bocznego menu */
    .layout-menubar-container::-webkit-scrollbar {
        width: 0px !important;
    }

    /* Poprawki do bocznego menu */
}

.layout-menubar-container a:hover i.yellow,
.layout-menubar-container .layout-menubar-active a i {
    color: #ff6e00;
}

.layout-header-widgets-submenu {
    margin: 8px 0 0 -335px;
    width: 350px;
}


#layout-header {
    background: #FAFAFA;
    border: none !important;
    text-shadow: none !important;
    color: #a5a5a5;
}


#layout-logo img {
    height: 70px;
    max-width: 300px;
}

#layout-logo span.Fleft {
    margin-left: 1em;
    line-height: 29px;
}

#topMenu > li {
    padding-top: 3px;
}

#topbarElements {
    border-bottom: solid 1px #ececec;
}


/*
  .GeneralContent {
      border-top: 1px solid;
      border-color: #ececec;
  }
  */


#layout-logo {
    /*cien menu*/
    box-shadow: 1px 0px 0px rgba(236, 236, 236, 1);
    margin: 0;
}


#layout-header {
    z-index: 2147483617 !important;
}


.bigmenu {
    /*cien menu */
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);

}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #555 !important;
}


#vindicationDocumentsChart > svg,
#vindicationValueChart > svg {
    overflow: visible;
}

#mainForm\:calendarTabs ul,
#infoTabView ul {
    background-color: #fff !important;
}

#infoTabView li.ui-state-active > a:nth-child(1),
#mainForm\:calendarTabs li.ui-state-active > a:nth-child(1) {
    border-top: solid 1px !important;
}


.ui-growl-item .ui-growl-message {
    position: relative;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background: #fff !important;
    padding-right: 20px !important;
    width: 290px !important;
    margin-top: 0px;
    margin-left: 60px !important;
    padding-left: 20px;
    height: 92px;
    align-content: center;
}

.ui-growl-warn .ui-growl-item  .ui-growl-message {
    border: solid 1px #ff6e00 !important;
}

.ui-growl-error .ui-growl-item  .ui-growl-message,
.ui-growl-fatal .ui-growl-item  .ui-growl-message {
    border: solid 1px #AC091E !important;
}

.ui-growl-info .ui-growl-item  .ui-growl-message {
    border: solid 1px #45ABDB !important;
}

.ui-growl-item .ui-growl-message:before {
    content: '\f071' !important;
    position: absolute !important;
    top: 50% !important;
    right: calc(100% + 12px) !important;
    transform: translateY(-50%) !important;
    font-size: 32px !important;
    font-family: 'Font Awesome 6 Pro' !important;
    line-height: 1 !important;
    color: #fff !important;
}

.ui-growl-item-container {
    box-shadow: none !important;
}

.ui-growl-item-container .ui-growl-item {
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    margin-top: 0 !important;
    /*padding: 20px 0 !important;*/
}

div.ui-growl-icon-close.ui-icon.ui-icon-closethick {
    z-index: 99;
    margin-right: 4px;
    margin-top: 4px;
    background-image: url("/app/resources/img/times-regular.svg") !important;
}

span.ui-growl-image.ui-growl-image-warn {
    position: absolute;
    background: #ff6e00 !important;
    width: 60px !important;
    height: 100% !important;
    display: block !important;
}

.ui-growl-image.ui-growl-image-warn + .ui-growl-message {
    background-color: #fff5ed !important;
    color: #414040 !important;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    border: 1px solid #ff6e00 !important;
}

span.ui-growl-image.ui-growl-image-info {
    position: absolute;
    background: #45ABDB !important;
    width: 60px !important;
    height: 100% !important;
    display: block !important;
}

.ui-growl-image.ui-growl-image-info + .ui-growl-message {
    background-color: #F2F9FC !important;
    color: #414040 !important;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    border: 1px solid #45ABDB !important;
}

span.ui-growl-image.ui-growl-image-fatal,
span.ui-growl-image.ui-growl-image-error {
    position: absolute;
    background: #AC091E !important;
    width: 60px !important;
    height: 100% !important;
    display: block !important;
}

.ui-growl-image.ui-growl-image-fatal + .ui-growl-message,
.ui-growl-image.ui-growl-image-error + .ui-growl-message {
    background-color: #F9EEEF !important;
    color: #414040 !important;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    border: 1px solid #AC091E !important;
}


.ui-growl-title {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

.ui-datepicker-calendar tbody tr td a {
    color: #767676 !important;
}

.ui-growl-message {
    font-size: 13px !important;
}

#helpMenu\:helpSubMenu .ui-icon {
    text-indent: 0px !important;
    width: 20px;
    margin-top: 2px;
}

.ui-datatable .ui-datatable-tablewrapper table tbody .ui-state-hover td {
    background-color: #efefef !Important;
}

#companyCondition\:chartForm\:incomeCost th,
#companyCondition\:chartForm\:receivablesCommitments th {
    min-width: 7vw;
}

.slimmenu .layout-menubar-container > li > a:first-child:not(i) {
    color: rgba(0, 0, 0, 0) !important;
}

#vindication\:vindHistHomeTable tr,
#vindication\:mainForm\:vindDebtorHomeTable tr,
#accounting\:mainForm\:accHomeTable tr,
#accounting\:mainForm\:accHomeTable2 tr,
#companyCondition\:chartForm\:incomeCost_data > tr > td:nth-child(1),
#companyCondition\:chartForm\:receivablesCommitments_data > tr > td:nth-child(1),
#tasks\:mainForm\:taskTable_data > tr > td:nth-child(1) {
    cursor: default !important;
}

#growl_container,
#growlValidation_container,
#stickyGrowl_container,
#nonStickyGrowl_container {
    margin-top: 30px;
    height: 0px;
}

.columnDiscount {
    max-width: 73px;
}

.currentFilterLabelStyle {
    font-size: 16px;
}

.manualEditRow > span,
.manualEditRow > a {
    color: #45abdb;
}

.charsetCn {
    width: 125px;
}

.marginRight4 {
    margin-right: 4px;
}

#uploadTransaction\:fileUploadBankTransactions_input {
    top: -15px;
    right: -20px;
    height: 100px;
    font-size: 10px;
}

#mainForm\:closeMonthWizardFormPanel\:previewVdekDialogModalForm .ui-tabs.ui-tabs-top > .ui-tabs-nav {
    background-color: #ffffff !important;
}


#mainForm\:closeMonthWizardFormPanel\:previewVdekDialogModalForm .ui-tabs-selected.ui-state-active a {
    border-top: solid 1px !important;
    background: #ffffff none repeat scroll 0 0;
    color: #27aae1;
}

#mainForm\:closeMonthWizardFormPanel\:previewVdekDialogModalForm a {
    background: #E0E0E0 none repeat scroll 0 0;
    color: #72828b;
}

.gtuHelp {
    width: calc(70% - 33px);
    overflow: hidden;
    float: left;
}

.gtuHelpFirst {
    vertical-align: top;
    width: 75px;
}

.gtuHelpLast {
    vertical-align: top;
}


.infoButton .ui-button.ui-state-focus span,
.infoButton .ui-button.ui-state-hover span {
    color: #0682b9 !important;
}

.commandButtonAwesomeIconFix {
    position: initial !important;
    text-indent: 0px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
    width: auto !important;
    height: auto !important;
    overflow: inherit !important;
    background-image: none !important;
}


.ui-panel-title {
    color: #45abde;
}

#mainForm\:closeMonthWizardFormPanel\:previewVdekDialogModalForm .ui-datatable table tbody tr:hover td {
    color: #555555 !important;
}

.jpkPreviewPanelPadding {
    padding-left: 20px !important;
}

.Height1 {
    height: 1px;
}

.documentSwitcherHelperContainer {
    padding-top: 10px;
}

#registerGoogle,
#loginGoogle {
    width: 358px;
    height: 31px;
    margin-left: -2px;
    cursor: pointer;
}

#registerGoogle.google-btn p.btn-text {
    margin-top: 7px;
    margin-left: 6px;
}


#loginGoogle.google-btn p.btn-text {
    margin-top: 7px;
    margin-left: 6px;
}

#registerGoogle.google-btn .google-icon,
#loginGoogle.google-btn .google-icon {
    width: 16px;
    height: 16px;
}

#switchOnIntegrationGoogle.google-btn .google-icon {
    width: 24px;
    height: 24px;
    margin-left: 10px;
    margin-top: 7px;
}

#switchOnIntegrationGoogle.google-btn .btn-text {
    margin-left: 10px !important;
}

.google-btn {
    display: inline-block;
    width: 184px;
    height: 42px;
    background-color: #fff;
    border: solid 1px;
    border-color: #d1d3d4;
}

.google-icon {
    margin-top: 6px;
}

.google-icon-wrapper {
    display: inline-flex;
    align-items: normal;
}

.google-btn .btn-text {
    text-align: center;
    margin-top: 10px;
    margin-left: 16px;
    color: #72828b;
    font-size: 15px;
    letter-spacing: 0.2px;
    cursor: pointer;
}

.google-btn:active {
    transition: all 0.5s ease;
    border: solid 1px #00AEEF !important;
}

.google-btn:hover {
    transition: all 0.5s ease;
    border: solid 1px #00AEEF !important;
}

.googleUrl {
    display: block;
}

/* KSIĘGOWANIE W MODUŁY -> KSIĘGOWOŚĆ */

#mainForm\:mainFormAccordionPanel\:dateStartBusinessField_input {
    width: 230px;
}

#mainForm\:mainFormAccordionPanel\:accountingMethodField {
    width: 45%;
}

#mainForm\:mainFormAccordionPanel\:kpirNumerationField {
    width: 45%;
}

#mainForm\:mainFormAccordionPanel\:activityTypeField {
    width: 45%;
}

/* KSIĘGOWANIE W MODUŁY -> KSIĘGOWOŚĆ */

/* ROZLICZ MIESIĄC */

.closeMonthTitleSet {
    color: #45abdb !important;
    font-weight: normal !important;
    font-size: 20px !important;
}

#mainForm\:closeMonthWizardFormPanel\:taxZusOutputPanel.ui-outputpanel .ContainerIndent {
    width: 100%;
    text-align: center !important;
}

/* ROZLICZ MIESIĄC */

/* DANE FIRMY (USTAWIENIA) */

#mainForm\:mainFormPanel\:postCodeField.numericValue {
    text-align: left !important;
}

/* DANE FIRMY (USTAWIENIA) */

.Container79 {
    width: calc(100% - 40%);
}

.allPaidInputWrapper {
    display: flex;
    justify-content: right;
    float: right;
    width: 57%;
}

#mainForm\:mainFormPanel\:payAll {
    float: right;
    margin: 0;
    width: 30%;
}

.ContainerAccountMicroNumber {
    width: calc(14% + 6px);
    overflow: hidden;
    float: left;
}

/* Ikona z informacją */

.iconWithDescriptionHelp {
    height: 10px;
    width: 0px;
    color: #0682B9 !important;
    padding-top: 0px;
    padding-right: 15px !important;
    border: none;
    background: #fff;
}

.iconWithDescriptionTip {
    font-size: 12px;
}

.iconWithDescBackground {
    max-width: 375px;
}

.iconWithDescUrlDec {
    text-decoration: underline;
}

.iconWithDescContainerDiv {
    width: calc(49% + 2px);
    overflow: hidden;
    float: left;
}

/* Ikona z informacją */

/* Poprawki do darkmode */

.strTileBackgroundColor {
    background: white;
}

/* Poprawki do darkmode */

#login-box input[type="text"].ui-state-error,
#login-box input[type="password"].ui-state-error {
    border: solid 1px #FF0000 !important;
}

.layoutContainerSpace {
    width: 310px;
    overflow: hidden;
    float: left;
}

.layoutContainerSpaceSlimMenu {
    width: 90px;
    overflow: hidden;
    float: left;
}

.layoutHeaderContainerSpace {
    width: 300px;
    overflow: hidden;
    float: left;
}

.layoutHeaderContainerSpaceSlimMenu {
    width: 80px;
    overflow: hidden;
    float: left;
}

#logoMiniHeader {
    display: none;
}

@media (max-width: 810px), (max-height: 599px) {
    .layoutContainerSpace {
        width: 0px;
        overflow: hidden;
        float: left;
    }

    .layoutHeaderContainerSpace {
        width: 80px;
        overflow: hidden;
        float: left;
    }

    #logoMiniHeader {
        display: inline !important;
    }
}

#layout-menubar {
    display: block;
    width: 300px;
}

#layout-menubar-show-btn {
    color: #858585 !important;
}

#layout-menubar-show-btn-icon {
    font-size: 36px;
    margin-left: calc(50% - 23.5px);
    margin-top: calc(50% - 18.5px);
}

#breadcrumbsText {
    margin-left: 15px;
    margin-top: 10px;
}

#layout-menubar-show-btn:hover {
    color: #5dabdb !important;
}

.marginLevel-1 {
    padding-left: 50px !important;
}

@media (max-width: 810px), (max-height: 599px) {
    #layout-menubar {
        display: none;
    }

    .documentSwitcherContainer {
        margin-left: 0px !important;
    }

    .documentSwitcherContent {
        margin-left: 0px !important;
    }

    #layout-menubar li:hover a {
        width: 300px;
    }

    #layout-menubar .layout-menubar-active > a {
        padding-left: 17px !important;
    }

    #layout-menubar .layout-menubar-container li a .i {
        margin-right: 10px;
    }

    .marginLevel-1 {
        padding-left: 52px !important;
    }

    #layout-menubar .layout-menubar-container li:hover {
        width: 300px;
    }
}

.layout-menubar-submenu-li-active-color {
    background-color: #efefef;
}

.faPadding {
    padding: 4px;
}

span.ui-autocomplete-customer-details {
    font-size: 10px !important;
}

.customerShortDescription {
    font-size: 12px;
    display: inline-block;
    margin-top: 5px;
    width: 60%;
}

/* Poprawki boczne menu
  #docActions_modal.ui-widget-overlay,
  #mainForm\:saleCorrectionWizard_modal.ui-widget-overlay,
  #mainForm\:saleDocumentAdvanceDialog_modal.ui-widget-overlay,
  #mainForm\:stocktakingWizard_modal.ui-widget-overlay,
  #mainForm\:task_modal.ui-widget-overlay,
  #mainForm\:stocktakingModal_modal.ui-widget-overlay,
  #mainForm\:mainFormPanel\:customerModal_modal.ui-widget-overlay,
  #mainForm\:mainFormPanel\:customerModalEdit_modal.ui-widget-overlay,
  #mainForm\:mainFormPanel\:customerDataTable_modal.ui-widget-overlay,
  #mainForm\:mainFormPanel\:reciverDataTable_modal.ui-widget-overlay,
  #mainForm\:mainFormPanel\:idCostGroupInfoDialog_modal.ui-widget-overlay,
  #mainForm\:costManagerPanel\:customerDataTable_modal.ui-widget-overlay,
  #mainForm\:costManagerPanel\:customerModal_modal.ui-widget-overlay,
  #mainForm\:costManagerPanel\:customerModalEdit_modal.ui-widget-overlay,
  #mainForm\:settleSettlement_modal.ui-widget-overlay,
  #mainForm\:mainFormPanel\:articleDataTable_modal.ui-widget-overlay {
      background: #444444;
      opacity: .3;
  }

  Ukrycie niektórych elementow, ktore wydawaly sie byc nad spotlight usunieto przez ustawienie na overlay wysokiego z-index
  */

.ui-widget-overlay {
    z-index: 2000000000;
}

/* Poprawki boczne menu */

.uploadArea {
    border: 1px dashed #ccc;
    border-radius: 0px;
    padding: 7px;
    padding-left: 7px;
    transition: background-color .01s linear .01s;
    position: relative;
}

.ui-datagrid {
    border: none !important;
    background-color: #FFFFFF;
    color: #9FADB5;
}

.ui-datagrid:hover {
    border: none !important;
}

#drop_zone {
    width: auto;
    height: auto;
}

.fileThumb {
    text-align: center;
    border: 1px solid #e9e9e9;
    width: 200px;
    height: 145px;
    object-fit: scale-down;
    border-radius: 0;
}

.fileThumb:hover {
    border: 1px solid;
    border-color: #45abdb;
}

.fileLabel {
    width: 200px;
}

.fileDelete {
    position: absolute;
    left: auto;
    right: 0;
    padding: 0;
    margin: 0;
    background-color: #f0f0f0;
}

.attachment-title {
    display: block;
    float: none;
    height: 21px;
    white-space: nowrap;
    width: 200px;
    word-wrap: normal;
}

.position-actions,
.attachment-delete {
    position: absolute;
    left: auto;
    right: 0;
    padding: 0;
    margin: 0;
    background-color: #FFFFFF;
    visibility: visible;
}

.thumTitles dt,
.thumTitles dd {
    position: relative;
    text-align: left;
}

.emptyImageBox {
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    width: 200px;
    height: 145px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.productImageBox {
    /*border: 1px solid #e9e9e9;*/
    border-radius: 3px;
    text-align: right;
    vertical-align: middle;
    /*display: table-cell;*/
}

.tableView {
    display: table-cell;
    vertical-align: middle;

}

.productText {
    display: block;
    text-align: left;
    padding: 5px;

}


.customFontSize {
    font-size: 7vw;
}

.cardContentDiv {
    border: 1px solid #e9e9e9;
    display: block;
    position: relative;
    min-width: 263px;
    height: 172px;
}

.cardContentDiv:hover {
    border-color: #45abdb;
}


.fileThumb2 {
    padding: 5px;
    width: 100px;
    height: 100px;
    float: right;
}

.cardText {
    padding-top: 5px;
    padding-left: 15px;
}

.twoLineText {
    height: 2.1em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 18px;
}

.oneLineText {
    height: 1.1em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.VertAlMiddle:before {
    vertical-align: middle !important;
}


#mainForm\:mainFormPanel\:files div.ui-datagrid-column {
    min-width: 210px;
}

#mainForm\:articlesView div.ui-datagrid-column {
    min-width: 275px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.gridSeparatorColor {
    border-bottom: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, #e9e9e9, #ffffff);
}

.articleGridQuantity {
    position: absolute;
    top: calc(100% - 27px);
    left: 15px;
}

.hiddenVis {
    visibility: hidden;
}

.colorBlue {
    color: #45abdb;
}

.clka {
    margin-top: 10px;
}

.colorEEE {
    color: #eee;
}

.colorOrange1 {
    color: #ff6e00;
}

.colorOrange > li::marker {
    color: #ff6e00;
}


.lhcustom {
    line-height: 9px;
}

.csw {
    height: 2px;
}

.separeTextDiv {
    height: 7px;
}

.articleGridNetMar {
    margin-right: 4px;
}

.pictureUploadContainer {
    width: 100% !important;
    background-color: #ffffff;
}

.pictureUploadImageContainer {
    width: auto;
    max-width: 100%;
    height: 235px;
    max-height: 100%;
    object-fit: scale-down;
    width: 70px;
    height: 70px;
}

.ui-galleria-panel-wrapper {
    width: 100% !important;
    height: 250px !important;
}

.ui-galleria-panel {
    width: 100% !important;
    height: 250px !important;
}


/*Right Arrow fix  */
.ui-icon-circle-triangle-e, .ui-icon-circle-triangle-s {
    background-image: url("/app/jakarta.faces.resource/images/rightarrow-gray.svg.do?ln=primefaces-sentinel") !important;
}

.emptyPictureIcon {
    color: #eeeeee;
}

.pictureActionDefault {

}

.ui-galleria-nav-prev {
    top: calc(100% - 45px);
}

.ui-galleria-nav-next {
    top: calc(100% - 45px);
}

.ui-galleria-frame-add {
    float: left;
    margin-right: 5px;
    opacity: 1 !important;
    cursor: pointer;
    color: #f29955;
}

.ui-galleria-frame-add:hover {
    color: #ff6e00;
}

.ui-galleria-frame-content-add {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.ui-galleria-filmstrip-wrapper {
    border-top: solid 1px #FFF;
    background-color: #FFF;
}

.ui-galleria:hover {
    border-color: #45abdb;
}

.ui-galleria-frame:hover {
    border-color: #45abdb;
}

.ui-galleria-filmstrip-wrapper-fixed {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
    margin-left: 15px !important;
}

.ui-galleria-click-elements {

}

.ui-galleria-base-elements {
    display: flex;
}

.ui-galleria-panel-add-wrapper {
    position: relative;
    padding: 0px;
    margin: 0px;
}

.ui-galleria-filmstrip-wrapper {
    margin: 5px !important;
    margin-left: 15px !important;
}


/*--ukrywanie galeri ikon */
.ui-galleria-panel:hover > div > div > div > div > i {
    opacity: 1 !important;
    -moz-opacity: 1 !important;
}

.ui-progressbar {
    height: 24px !important;
}

.ui-progressbar-value {
    background-image: none !important;
}

.defaultTextColor {
    color: #72828b;
}

.ui-progressbar-value {
    background-color: #74c465;
}

#mainForm\:progressBarRed .ui-progressbar-value {
    background-color: #D03636;
}

.ui-progressbar-label {
    color: #72828b;
    margin-top: 2px;
}

#mainForm\:progressBarRed .ui-progressbar-label {
    color: #d9e0e3;
}

#mainForm\:accountFilesBrowsePanel .documentSwitcherContainer {
    margin-top: -25px !important;
}

.maxImagePreviewContainer {
    max-height: 700px;
    max-width: 700px;
    object-fit: scale-down;
}

#viewer {
    height: 400px;
}

#mainForm\:articlesView .ui-chkbox .ui-chkbox-box {
    width: 20px !important;
    height: 20px !important;
}

.centerThumb {
    vertical-align: middle;
    display: table-cell;
}

.columnImage {
    max-height: 30px;
    max-width: 30px;
}

#mainForm\:articlesView .ui-selectmanycheckbox {
    display: inline;
}

#mainForm\:articlesView .ui-selectmanycheckbox tbody tr {
    display: inline-block;
    width: 20px;
}

.lineHeight25 {
    line-height: 25px;
}

.deleteAttachIcon:hover {
    color: #45abdb;
}


.blueHover:hover {
    color: #45abdb;
}

.orangeHover:hover {
    color: #ff6e00;
}

.contrastHover:hover {
    filter: contrast(135%)
}

.ui-datagrid .ui-paginator-bottom {
    margin-top: 0px;
}

.addPictureTextDiv {
    position: absolute;
    top: 25%;
    width: 33.4%;
}

.addPictureCarTextDiv {
    position: absolute;
    top: 40%;
    width: 33.4%;
}

#mainForm\:mainFormPanel\:customerDataTable,
#mainForm\:mainFormPanel\:reciverDataTable {
    overflow: hidden !important;
}

.imageBoxActions {
    position: relative;
    z-index: 999;
}


#previewFileForm\:previewFilesModalDialog > div:nth-child(2) {
    overflow: hidden;
    height: 100% !important;
}

#mainForm\:mainFormPanel\:pictureBox_panel {
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
}


.ui-lightbox-content img.ui-helper-hidden {
    object-fit: scale-down;
}

.ui-galleria-frame-image {
    object-fit: scale-down;
}

#previewFileForm\:previewContentFile object,
#viewierJs {
    height: calc(100vh - 130px);
}

#mainForm\:accountFilesBrowsePanel #mainForm\:updateButton > span {
    display: none;
}

@media (max-width: 810px), (max-height: 599px) {
    .documentSwitcherHelperContainer .documentSwitcherContainer {
        margin-left: -20px !important;
    }

    .documentSwitcherContent {
        margin-left: 20px !important;
    }

    .documentSwitcherHelperContainer .documentSwitcherContainer.smallSizeSwitcherContainer {
        margin-left: -20px !important;
    }

    .documentSwitcherHelperContainer .documentSwitcherContent.smallSizeSwitcherContent {
        margin-left: 20px !important;
    }
}

@media (max-width: 810px), (max-height: 599px) {
    .documentSwitcherHelperContainer .documentSwitcherContainer {
        margin-left: -20px !important;
    }

    .documentSwitcherHelperContainer .documentSwitcherContent {
        margin-left: 10px !important;
    }
}

.leftMenuPartnerSmallSizeContainer {
    margin-left: 70px !important;
}

.leftMenuPartnerContainer {
    margin-left: 300px !important;
}

.fc .fc-daygrid-body {
    width: 100% !important;
}

#mainForm\:mainFormPanel\:taxAccountNumberMethodDictionaryButtonInfo,
#mainForm\:mainFormPanel\:taxAccountNumberMethodDictionaryZusButtonInfo,
#mainForm\:mainFormAccordionPanel\:moduleAccountingAccordionContent\:modulesAccountingAccordionDetailsContent\:taxAccountNumberMethodDictionaryButtonInfo,
#mainForm\:mainFormAccordionPanel\:moduleAccountingAccordionContent\:modulesAccountingAccordionDetailsContent\:taxAccountNumberMethodDictionaryZusButtonInfo,
#mainForm\:mainFormPanel\:addArticleDialogModalForm\:addArticleTabs\:idGtuButtonInfo,
#mainForm\:mainFormAccordionPanel\:baselinkerOrdersAutoInvoiceTypeButtonInfo,
#mainForm\:mainFormPanel\:baselinkerOrdersAutoInvoiceTypeButtonInfo,
#mainForm\:mainFormPanel\:addOwnerDialogModalForm\:addOwnerTabs\:taxAccountNumberMethodDictionaryButtonInfo,
#mainForm\:mainFormPanel\:addOwnerDialogModalForm\:addOwnerTabs\:taxAccountNumberMethodDictionaryZusButtonInfo {
    margin-top: 8px !important;
    margin-right: 10px !important;
}


#mainForm\:mainFormPanel\:taxAccountNumberMethodDictionaryButtonInfo .ui-button-text,
#mainForm\:mainFormPanel\:taxAccountNumberMethodDictionaryZusButtonInfo .ui-button-text,
#mainForm\:mainFormAccordionPanel\:moduleAccountingAccordionContent\:modulesAccountingAccordionDetailsContent\:taxAccountNumberMethodDictionaryButtonInfo .ui-button-text,
#mainForm\:mainFormAccordionPanel\:moduleAccountingAccordionContent\:modulesAccountingAccordionDetailsContent\:taxAccountNumberMethodDictionaryZusButtonInfo .ui-button-text,
#mainForm\:mainFormPanel\:addArticleDialogModalForm\:addArticleTabs\:idGtuButtonInfo .ui-button-text,
#mainForm\:mainFormAccordionPanel\:baselinkerOrdersAutoInvoiceTypeButtonInfo .ui-button-text,
#mainForm\:mainFormPanel\:baselinkerOrdersAutoInvoiceTypeButtonInfo .ui-button-text,
#mainForm\:mainFormPanel\:addOwnerDialogModalForm\:addOwnerTabs\:taxAccountNumberMethodDictionaryButtonInfo .ui-button-text,
#mainForm\:mainFormPanel\:addOwnerDialogModalForm\:addOwnerTabs\:taxAccountNumberMethodDictionaryZusButtonInfo .ui-button-text {
    background: none !important;
    border: solid 0px #fff !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

#taxAccountNumberDiv .Container30,
#zusAccountNumberDiv .Container30 {
    width: 0% !important;
}

.ui-advanceautocomplete-addlabel-panel {
    height: auto !important;
    overflow: hidden !important;
}

.ui-advanceautocomplete-addlabel {
    width: 100%;
    border: none;
    box-shadow: none !important;
    font-weight: 700 !important;
}

#mainForm\:mainFormPanel\:idCustomerField_addLabel li,
#mainForm\:mainFormPanel\:numerationSeriesField_addLabel li,
#mainForm\:mainFormPanel\:idCompanyBankAccountForPrintingField_addLabel li,
ul[id$="idArticleField_addLabel"] li,
ul[id$="idMeasureUnitField_addLabel"] li {
    font-weight: bold;
    text-decoration: underline;
}

#mainForm\:mainFormPanel\:numerationSeriesField_addLabel:hover,
ul[id$="idMeasureUnitField_addLabel"]:hover {
    background-color: #ffffff;
}

#mainForm\:mainFormPanel\:numerationSeriesField_panel .ui-selectonemenu-items-wrapper,
#mainForm\:mainFormPanel\:idCompanyBankAccountForPrintingField_panel .ui-selectonemenu-items-wrapper,
div[id$="idMeasureUnitField_panel"] .ui-selectonemenu-items-wrapper {

    overflow-x: hidden;
}

.ui-customselectonemenu-addlabel {
    width: 100%;
    border: none;
    box-shadow: none !important;
    font-weight: 700 !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon-search {
    width: 25px !Important;
    height: 25px !Important;
}

.ui-selectonemenu-filter {
    width: 100% !important;
    height: 28px !important;
}

.ui-selectonemenu-filter-container {
    width: 100%;
}

.spaceLabel {
    white-space: pre;
}


#mainForm\:mainFormPanel\:lightImages_panel .ui-lightbox,
#mainForm\:mainFormPanel\:pictureBox_panel .ui-lightbox {
    width: 70vw !important;
    height: 70vh !important;
    text-align: center;
    margin-left: 30px;
    background-color: white;
}


#mainForm\:mainFormPanel\:lightImages_panel .ui-lightbox-content img,
#mainForm\:mainFormPanel\:pictureBox_panel .ui-lightbox-content img {
    object-fit: scale-down;
    margin: auto;
    width: 65vw !important;
    height: calc(70vh - 62px) !important;
}


#mainForm\:mainFormPanel\:lightImages_panel .ui-lightbox-content,
#mainForm\:mainFormPanel\:pictureBox_panel .ui-lightbox-content {
    display: flex;
    text-align: center;
    width: auto;
    height: auto;
}


.columnOverlayImage {
    object-fit: scale-down;
}

.ui-button.ui-state-focus .ui-button-text,
.ui-inputswitch-handle.ui-state-focus,
.ui-slider-handle.ui-state-focus {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.removeItemTipClass {
    display: none !important;
}

.Container230px {
    width: 230px;
    overflow: hidden;
}

.ui-autocomplete-input.ui-state-error {
    margin-right: 0.1px !important;
}

.ui-autocomplete-input.ui-inputfield.ui-state-disabled.ui-state-hover {
    border-right: none !important;
}

.ui-autocomplete-input.ui-inputfield.ui-state-disabled.ui-autocomplete-input-border-right.ui-state-hover {
    border-right: solid 1px #00AEEF !important;
}

.Container22 {
    width: 21.4%;
    overflow: hidden;
    float: left;
}

.Container25 {
    width: 25%;
    overflow: hidden;
    float: left;
}

.Container17 {
    width: 17.7%;
    overflow: hidden;
    float: left;
}

#SmallResMenuBtn {
    display: none;
    width: 70px;
    height: 70px;
    border-right: solid 1px #ececec;
    float: left;
}

#export-data {
    margin-top: 20px;
}

.MarLeft20px {
    margin-left: 20px;
}

.MarLeft22px {
    margin-left: 22px;
}

.MarLeft30px {
    margin-left: 30px;
}

.MarLeft40px {
    margin-left: 40px;
}

.rowTogglerIcon {
    cursor: pointer;
    font-size: 16px;
    margin-right: 3px;
}

.editCompanyData {
    margin-left: 2%;
}

.Wid50 {
    width: 50%;
}

.rodoOperatorDataChangeButton {
    border: 1px solid #45ABDB;
    margin-top: 12px !important;
    font-size: 12px;
    color: #45ABDB;
    text-align: center;
    float: left;
    width: 60px;
    padding: 7px;
    cursor: pointer;
}

.rodoOperatorDescription {
    font-size: 16px;
}

.Wid75 {
    width: 75% !important;
}

.accountExpiredDescription {
    font-size: 16px;
    color: red;
    font-weight: bold !important;
}

/* EDYTOR HTML */

.ui-editor {
    padding: 0px !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

.ui-editor-toolbar {
    border: solid 1px #f0f0f0;
    border-bottom: solid 1px #999;
    background-color: #f0f0f0 !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

.ui-editor-popup {
    z-index: 2147483628;
}

/* EDYTOR HTML */

.Hei100 {
    height: 100% !important;
}

.deactivateAccountButton {
    margin-top: 112px;
    text-decoration: underline;
    text-align: left;
    margin-left: 8px;
    cursor: pointer;
    font-size: 14px;
}

.hideSeccondLabelCheckbox > tbody > tr:nth-child(1) > td:nth-child(2) > label:nth-child(1) {
    display: none;
}

.handCursor {
    cursor: pointer;
}

.companyBankAccountContainer {
    width: 87.3%;
}

.ui-selectonemenu {
    transition: none !important;
}

.ui-customselectonemenu-add,
.ui-customselectonemenu-edit,
.ui-customselectonemenu-clear {
    border-left: 1px solid #b1b1b1;
}

.ui-customselectonemenu-add.ui-state-focus,
.ui-customselectonemenu-add.ui-state-hover,
.ui-customselectonemenu-edit.ui-state-focus,
.ui-customselectonemenu-edit.ui-state-hover,
.ui-customselectonemenu-clear.ui-state-focus,
.ui-customselectonemenu-clear.ui-state-hover {
    border-left: 1px solid #00aeef;
    filter: none !important;
}

.ui-state-hover.ui-advanceautocomplete-add .ui-button-icon-primary,
.ui-state-hover.ui-customselectonemenu-add .ui-button-icon-primary,
.ui-state-hover.ui-advanceautocomplete-addlabel .ui-button-icon-primary {
    color: #ff6e00 !important;
}

.ui-advanceautocomplete-addlabel .ui-button-icon-primary,
.ui-customselectonemenu-addlabel .ui-button-icon-primary {
    color: #ff6e00 !important;
}

.ui-advanceautocomplete-add.ui-state-default .ui-button-icon-primary,
.ui-customselectonemenu-add.ui-state-default .ui-button-icon-primary {
    margin-top: 2px;
    font-size: 18px;
    color: #ff6e00 !important;
}

#mainForm\:mainFormPanel\:idCompanyBankAccountForPrintingField,
#mainForm\:mainFormPanel\:numerationSeriesField,
#mainForm\:startYearField,
ul[id$="idMeasureUnitField"] {
    padding: 0px 0px 0px !important;
    height: 33px;
    line-height: inherit !important;
}

#mainForm\:mainFormPanel\:addBankDialogModalForm\:addBankDialogTabs\:addBankDialogFirstTab,
#mainForm\:mainFormPanel\:addBankDialogModalForm\:addBankDialogTabs\:addBankDialogSecondTab,
#mainForm\:mainFormAccordionPanel\:moduleAccountingAccordionContent\:modulesAccountingAccordionDetailsContent\:insuranceCodeDialogModalForm\:insuranceCodeTab\:firstTab,
#mainForm\:mainFormAccordionPanel\:moduleAccountingAccordionContent\:modulesAccountingAccordionDetailsContent\:insuranceCodeDialogModalForm\:insuranceCodeTab\:secondTab,
#mainForm\:mainFormPanel\:insuranceCodeDialogModalForm\:insuranceCodeTab\:firstTab,
#mainForm\:mainFormPanel\:insuranceCodeDialogModalForm\:insuranceCodeTab\:secondTab,
#mainForm\:closeMonthWizardFormPanel\:insuranceCodeDialogModalForm\:insuranceCodeTab\:firstTab,
#mainForm\:closeMonthWizardFormPanel\:insuranceCodeDialogModalForm\:insuranceCodeTab\:secondTab,
#mainForm\:closeMonthWizardFormPanel\:insuranceCodeHolidaysDialogModalForm\:insuranceCodeHolidaysTab\:firstTab,
#mainForm\:closeMonthWizardFormPanel\:insuranceCodeHolidaysDialogModalForm\:insuranceCodeHolidaysTab\:secondTab,
#mainForm\:changeTaxMethodDialogModalForm\:changeTaxMethodView\:firstTab,
#mainForm\:changeTaxMethodDialogModalForm\:changeTaxMethodView\:secondTab {
    padding: 0 !important;
}

#mainForm\:mainFormPanel\:addBankDialogModalForm\:addBankDialogTabs > ul.ui-tabs-nav,
#mainForm\:mainFormAccordionPanel\:moduleAccountingAccordionContent\:modulesAccountingAccordionDetailsContent\:insuranceCodeDialogModalForm\:insuranceCodeTab > ul.ui-tabs-nav,
#mainForm\:mainFormPanel\:insuranceCodeDialogModalForm\:insuranceCodeTab > ul.ui-tabs-nav,
#mainForm\:closeMonthWizardFormPanel\:insuranceCodeDialogModalForm\:insuranceCodeTab > ul.ui-tabs-nav,
#mainForm\:closeMonthWizardFormPanel\:insuranceCodeHolidaysDialogModalForm\:insuranceCodeHolidaysTab > ul.ui-tabs-nav,
#mainForm\:welcomeDialogModalForm\:welcomeTabsView > ul.ui-tabs-nav,
#mainForm\:changeTaxMethodDialogModalForm\:changeTaxMethodView > ul.ui-tabs-nav {
    display: none !important;
}

#mainForm\:mainFormPanel\:addBankDialogModalForm\:addBankDialogTabs\:bankAccountField,
#mainForm\:mainFormPanel\:addBankDialogModalForm\:addBankDialogTabs\:bankAccountOtherField {
    text-align: left;
}

.articleNameModalColumn {
    max-width: 250px;
    text-overflow: ellipsis;
}

#mainForm\:closeMonthWizardFormPanel\:printButton_menu {
    width: 220px;
}

.EmptyBox7 {
    display: block;
    width: 100%;
    height: 7px;
    overflow: hidden;
}

.documentGtuInfoColumn {
    width: 90px !important;
}

.scrollableY {
    overflow-y: scroll;
}

.EmptyBox12 {
    display: block;
    width: 100%;
    height: 12px;
    overflow: hidden;
}

.Fleft {
    float: left;
}

.Fright {
    float: right;
}

.streamsoftLogoFooter {
    width: 30%;
    overflow: hidden;
    float: left;
    height: 20px;
}

.copyrightStreamsoftIcon {
    font-size: 10px;
    margin: 4px 3px 0px 0px;
    float: right;
}

.yearPit5Field {
    float: left;
    width: 170px;
}

#mainForm\:stocktakingModalDialogModalForm\:save {
    top: 10px;
}

.ui-selectonemenu-panel .ui-customselectonemenu-scrollbar::-webkit-scrollbar {
    background: #393939;
}

.ui-selectonemenu-panel .ui-customselectonemenu-scrollbar::-webkit-scrollbar-track {
    display: none;
}

.ui-selectonemenu-panel .ui-customselectonemenu-scrollbar::-webkit-scrollbar-thumb {
    background: #858585;
}

.ui-selectonemenu-panel .ui-customselectonemenu-scrollbar {
    scrollbar-color: #858585 #393939;
}

#howManyAdded_header .ui-panel-title {
    color: white;
}

.width35 {
    width: 35px;
}

#mainForm\:closeMonthWizardFormPanel\:infoOver > span:nth-child(2) {
    display: none;
}

#mainForm\:closeMonthWizardFormPanel\:infoOver.ui-state-hover > span:nth-child(1),
#mainForm\:closeMonthWizardFormPanel\:infoOver.ui-state-focus > span:nth-child(1) {
    color: #45abdb !important;
}

.zusSendInfo {
    width: 1000px;
}

#mainForm\:closeMonthWizardFormPanel\:zusIdentificationModalDialogModalForm\:zusIdent\:docNrField,
#mainForm\:closeMonthWizardFormPanel\:zusIdentificationModalDialogModalForm\:docNrField {
    text-align: left;
}

.ui-datatable tr {
    cursor: pointer;
}

.selectedCounter {
    border: 1px solid #45abdb;
    color: #45abdb;
    height: 33px;
    margin-left: 4px;
    font-size: 14px !important;
    text-align: center !important;
    padding: 9px 20px;
}

.BlueButton .ui-button-text {
    background: none repeat scroll 0 0 #45abdb !important;
    border: 0 none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.resetCounterButton .ui-button-text {
    height: 33px;
    padding: 5px 12px !important;
}

.resetCounterButton .ui-button-text.ui-c:before {
    font-family: 'Font Awesome 6 Pro' !important;
    content: "\f00d";
    font-size: 20px;
}

.inputNumberStyleClass,
.inputTextStyleClass {
    color: #0682B9;
    cursor: pointer;
    font-size: 16px;
}

.popupModalZIndex {
    z-index: 2147483628 !important;
}

#mainForm\:closeMonthWizardFormPanel\:zusIdentificationModalDialogModalForm\:zusIdent\:declarNo_info,
#mainForm\:closeMonthWizardFormPanel\:zusIdentificationModalDialogModalForm\:declarNo_info,
#mainForm\:mainFormPanel\:code_info,
#mainForm\:mainFormPanel\:sku_info,
#mainForm\:mainFormPanel\:storeCode_info,
#mainForm\:mainFormPanel\:ean_info,
#mainForm\:mainFormPanel\:addArticleDialogModalForm\:addArticleTabs\:code_info,
#mainForm\:mainFormPanel\:addNumerationSeriesDialogModalForm\:numerationSeriesFormat_info,
#mainForm\:mainFormPanel\:addArticleDialogModalForm\:addArticleTabs\:sku_info,
.checkboxInfoButtonFix {
    color: #0682B9 !important;
    border: none;
    background: rgba(0, 0, 0, 0);
    padding-top: 8px !important;
}

.checkboxInfoButtonFix {
    bottom: 18%;
}

.checkboxInfoButtonFix .ui-button-text {

    display: none;
}


#mainForm\:closeMonthWizardFormPanel\:zusIdentificationModalDialogModalForm\:zusIdent\:declarNo_info.ui-button,
#mainForm\:closeMonthWizardFormPanel\:zusIdentificationModalDialogModalForm\:declarNo_info.ui-button,
#mainForm\:mainFormPanel\:code_info.ui-button,
#mainForm\:mainFormPanel\:sku_info.ui-button,
#mainForm\:mainFormPanel\:storeCode_info.ui-button,
#mainForm\:mainFormPanel\:ean_info.ui-button,
#mainForm\:mainFormPanel\:addArticleDialogModalForm\:addArticleTabs\:code_info.ui-button,
#mainForm\:mainFormPanel\:addNumerationSeriesDialogModalForm\:numerationSeriesFormat_info.ui-button,
#mainForm\:mainFormPanel\:addArticleDialogModalForm\:addArticleTabs\:sku_info.ui-button {
    margin-right: 6px !important;
    margin-left: 6px !important;
}

#mainForm\:closeMonthWizardFormPanel\:zusIdentificationModalDialogModalForm\:declarNo_info.ui-button.ui-state-hover span,
#mainForm\:closeMonthWizardFormPanel\:zusIdentificationModalDialogModalForm\:declarNo_info.ui-button.ui-state-active span,
#mainForm\:closeMonthWizardFormPanel\:zusIdentificationModalDialogModalForm\:declarNo_info.ui-button.ui-state-focus span,
#mainForm\:closeMonthWizardFormPanel\:zusIdentificationModalDialogModalForm\:zusIdent\:declarNo_info.ui-button.ui-state-hover span,
#mainForm\:closeMonthWizardFormPanel\:zusIdentificationModalDialogModalForm\:zusIdent\:declarNo_info.ui-button.ui-state-active span,
#mainForm\:closeMonthWizardFormPanel\:zusIdentificationModalDialogModalForm\:zusIdent\:declarNo_info.ui-button.ui-state-focus span,
#mainForm\:mainFormPanel\:code_info.ui-button.ui-state-hover span,
#mainForm\:mainFormPanel\:code_info.ui-button.ui-state-active span,
#mainForm\:mainFormPanel\:code_info.ui-button.ui-state-focus span,
#mainForm\:mainFormPanel\:storeCode_info.ui-button.ui-state-hover span,
#mainForm\:mainFormPanel\:storeCode_info.ui-button.ui-state-active span,
#mainForm\:mainFormPanel\:storeCode_info.ui-button.ui-state-focus span,
#mainForm\:mainFormPanel\:sku_info.ui-button.ui-state-hover span,
#mainForm\:mainFormPanel\:sku_info.ui-button.ui-state-active span,
#mainForm\:mainFormPanel\:sku_info.ui-button.ui-state-focus span,
#mainForm\:mainFormPanel\:ean_info.ui-button.ui-state-hover span,
#mainForm\:mainFormPanel\:ean_info.ui-button.ui-state-active span,
#mainForm\:mainFormPanel\:ean_info.ui-button.ui-state-focus span,
#mainForm\:mainFormPanel\:addArticleDialogModalForm\:addArticleTabs\:code_info.ui-button.ui-state-hover span,
#mainForm\:mainFormPanel\:addArticleDialogModalForm\:addArticleTabs\:code_info.ui-button.ui-state-active span,
#mainForm\:mainFormPanel\:addArticleDialogModalForm\:addArticleTabs\:code_info.ui-button.ui-state-focus span,
#mainForm\:mainFormPanel\:addNumerationSeriesDialogModalForm\:numerationSeriesFormat_info.ui-button.ui-state-hover span,
#mainForm\:mainFormPanel\:addNumerationSeriesDialogModalForm\:numerationSeriesFormat_info.ui-button.ui-state-active span,
#mainForm\:mainFormPanel\:addNumerationSeriesDialogModalForm\:numerationSeriesFormat_info.ui-button.ui-state-focus span,
#mainForm\:mainFormPanel\:addArticleDialogModalForm\:addArticleTabs\:sku_info.ui-button.ui-state-hover span,
#mainForm\:mainFormPanel\:addArticleDialogModalForm\:addArticleTabs\:sku_info.ui-button.ui-state-active span,
#mainForm\:mainFormPanel\:addArticleDialogModalForm\:addArticleTabs\:sku_info.ui-button.ui-state-focus span {
    color: #0682B9 !important;
}

#mainForm\:closeMonthWizardFormPanel\:zusIdentificationModalDialogModalForm\:zusIdent\:declarNo_info > span.ui-button-text,
#mainForm\:closeMonthWizardFormPanel\:zusIdentificationModalDialogModalForm\:declarNo_info > span.ui-button-text,
#mainForm\:mainFormPanel\:code_info > span.ui-button-text,
#mainForm\:mainFormPanel\:storeCode_info > span.ui-button-text,
#mainForm\:mainFormPanel\:sku_info > span.ui-button-text,
#mainForm\:mainFormPanel\:ean_info > span.ui-button-text,
#mainForm\:mainFormPanel\:addArticleDialogModalForm\:addArticleTabs\:code_info > span.ui-button-text,
#mainForm\:mainFormPanel\:addNumerationSeriesDialogModalForm\:numerationSeriesFormat_info > span.ui-button-text,
#mainForm\:mainFormPanel\:addArticleDialogModalForm\:addArticleTabs\:sku_info > span.ui-button-text {
    padding: 0px !important;
    background: none !important;
    border: solid 0px #fff !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.labelWrapperAdvanceDictionary {
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.Container66 {
    width: 66.5%;
    overflow: hidden;
    float: left;
}

#mainForm\:unsettledSettlementsTable_foot > tr > td:nth-child(7n),
#mainForm\:settledSettlementsTable_foot > tr > td:nth-child(5n),
#mainForm\:carMileageTable_foot > tr > td:nth-child(7n),
#mainForm\:mainFormPanel\:carMileageTable_foot > tr > td:nth-child(7n) {
    text-align: center !important;
}

.Container43 {
    width: 43%;
    overflow: hidden;
    float: left;
}

#mainForm\:closeMonthWizardFormPanel\:taxIncomeCalculatedDialogModalForm\:taxIncomeDataTable\:dataTableFirstCol > span,
#mainForm\:closeMonthWizardFormPanel\:taxIncomeCalculatedDialogModalForm\:taxIncomePaymentTable\:paymentTableFirstCol > span,
#mainForm\:closeMonthWizardFormPanel\:taxZusCalculatedDialogModalForm\:taxZusPaymentTable\:paymentTableFirstCol > span {
    font-weight: bold;
    font-size: 16px;
}

#mainForm\:closeMonthWizardFormPanel\:taxIncomeCalculatedDialogModalForm\:taxIncomePaymentTable_data > tr:last-child {
    font-weight: bold;
}

.refreshButtonDiv {
    width: 36px;
    overflow: hidden;
    float: left;
}

.changedTaxMethodLabel {
    line-height: 1.5;
    padding-top: 15px;
    padding-right: 50px;
}

#mainForm\:mainTabs {
    margin-left: 50px;
    margin-right: 50px;
}

#mainForm\:mainTabs > ul {
    background: none !important;
}

#mainForm\:mainTabs > ul > li {
    font-size: 18px !important;
    color: #787878 !important;
    transition: none !important;
    background-color: #e0e0e0;
}

#mainForm\:mainTabs > ul > li .ui-state-active,
#mainForm\:mainTabs > ul > li .ui-state-hover {
    background: none repeat scroll 0 0 #fff !important;
}

#mainForm\:mainTabs > ul > li.ui-state-active > a {
    border-top: solid 3px #45abdb !important;
}

.Container51 {
    float: left;
    overflow: hidden;
    width: 51%;
}

.DispGrid {
    display: grid;
    grid-template-columns: 33% 33% 33%;
}

.DispGridEntity {
    display: flex;
    flex-direction: column;
    text-align: center;
    color: #45abdb;
}

.Fs100 {
    font-size: 100px;
}

.Fs32 {
    font-size: 32px;
}

#mainForm\:unsettledSettlementsTable_paginator_bottom,
#mainForm\:settledSettlementsTable_paginator_bottom,
#mainForm\:carMileageTable_paginator_bottom {
    border-top: none !important;
}

#analysis\:filtersForm\:buttonInfoUnaccountedDocuments > span:nth-child(2) {
    display: none;
}

#mainForm\:closeMonthWizardFormPanel\:btnPanel {
    width: 60vw;
}

.checkDocumentAction {
    font-size: 0.8rem;
    align-items: center;
    margin-top: 0.5rem;
}

.actionDescription {
    margin-left: 5px;
}

.checkDocumentAction button {
    font-size: 0.75rem;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0px;
}

.checkDocumentBlueButton {
    color: #45abdb;
    border-bottom: 1px solid #45abdb !important;
}

.checkDocumentRedButton {
    color: red;
    border-bottom: 1px solid red !important;
}

.saveButtonContainer {
    text-align: right;
}

.confirmDeleteButtons {
    margin-top: 10px;
    justify-content: right;
}

.confirmDeleteButtons button {
    background: none;
    width: 23% !important;
    padding: 5px;
}

.quotaKpirContainer {
    font-size: 0.8rem;
    justify-content: right;
}

.ui-selectcheckboxmenu-trigger > span.ui-icon {
    background-image: url('/app/resources/img/comboBox.png') !important;
    margin-left: -10px !important;
}

.ui-selectcheckboxmenu-label {
    font-size: 14px !important;
}

.changeTaxMethodInfoMessageContainer {
    width: 98%;
    font-size: 16px;
    padding: 5px;
    line-height: 1.2rem;
    margin-left: 10px;
}

.changeTaxMethodButtonContainer {
    display: flex;
    margin-right: 5px;
    margin-bottom: 20px;
    margin-left: 15px;
    margin-top: 15px;
}

.newTermsAndConditionsDialog,
.baselinkerDuplicatedArticlesDialog,
.baselinkerAutoInvoiceErrorDialog {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #D5D5D5;
    height: auto;
    left: 50%;
    position: fixed;
    top: 50%;
    width: 540px;
    z-index: 2147483620;
    -webkit-backface-visibility: hidden; /* MOBILE FIX */
}

#mainChangesInfo {
    width: 600px;
    margin-left: 15px;
}

#acceptNewTermsAndConditionsContainer {
    line-height: 18px;
}

.titleContainer {
    text-align: center;
    font-size: 26px;
}

.registrationCheckbox {
    height: 2px;
    width: 10px;
}

.LineHeight14 {
    line-height: 14px;
}

.TextBlueButton {
    color: #45abdb !important;
    border: none;
    cursor: pointer;
    font-size: 14px;
    background: none;
}

.WhiteButton {
    border: 1px solid #45ABDB;
    color: #45ABDB !important;
    text-align: center;
    cursor: pointer;
    padding: 8px;
}

.regulationsLink {
    color: #45abdb;
    text-decoration: underline;
}

.downloadRodoButton {
    margin-top: 5px;
    width: 500px;
}

.downloadRegulationsButton {
    width: 250px;
}

#mainForm\:mainFormPanel\:addNumerationSeriesDialogModalForm\:numerationSeriesExample_overlayPanel {
    z-index: 21474836289 !important;
}

.ui-custominputmask-icon.ui-state-default .ui-button-icon-primary {
    font-size: 18px !important;
    color: #1b94cb !important;
    margin-top: 2px;
}

.inputMaskInherit {
    flex-direction: inherit;
}

#mainForm\:openMonthButton {
    margin-right: 10px !important;
}

#mainForm\:mainFormAccordionPanel\:moduleAccountingAccordionContent\:modulesAccountingAccordionDetailsContent\:insuranceCodeDialogModalForm\:insuranceCodeTab .ui-tree .ui-tree-container,
#mainForm\:mainFormPanel\:insuranceCodeDialogModalForm\:insuranceCodeTab .ui-tree .ui-tree-container,
#mainForm\:closeMonthWizardFormPanel\:insuranceCodeDialogModalForm\:insuranceCodeTab .ui-tree .ui-tree-container,
#mainForm\:closeMonthWizardFormPanel\:insuranceCodeHolidaysDialogModalForm\:insuranceCodeHolidaysTab .ui-tree .ui-tree-container {
    overflow-x: hidden;
    height: 200px;
}

.ui-tree .ui-treenode .ui-state-highlight {
    color: #ff6e00 !important
}

.taxZusModalHiddenZIndex {
    z-index: 2147483627 !important;
}

.ui-custominputmask-icon.ui-state-hover,
.ui-custominputmask-icon.ui-state-focus {
    border-color: #45abdb;
}

.ui-custominputmask-icon {
    border-top: 1px solid #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
    border-right: 1px solid #b1b1b1;
    border-left: 1px solid #b1b1b1;
}

.ui-custominputmask-icon .ui-button.ui-state-focus,
.ui-custominputmask-icon .ui-button.ui-state-hover {
    border-bottom: 1px solid #00aeef;
    border-left: 1px solid #00aeef;
    border-right: 1px solid #00aeef;
    border-top: 1px solid #00aeef;
    filter: none !important;
}

.blueFont {
    color: #45abdb !important;
    font-size: 14px;
}

#mainForm\:payedTaxTableDialogModalForm\:payedTaxTable.ui-datatable tbody td,
#mainForm\:correctionPayedTaxTableDialogModalForm\:correctionPayedTaxTable.ui-datatable tbody td {
    padding: 4px 10px;
}

/*Tylko dla deklaracji*/
.krsSearchLink {
    z-index: 999;
    color: #408baf !important;
    border: none;
    cursor: pointer;
    font-size: 14px;
    background: none;
    text-decoration: underline;
}

.CreatorAccountTypeTitle {
    --text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
}

.CheckBoxUnderSelectOneMenu {
    width: 80%;
    margin: auto;
}

.manuallyCompleteDataElement {
    cursor: pointer;
    text-decoration: underline;
    color: #45abdb;
    font-weight: bold;
}

.manuallyCompleteDataElementHover {
    color: #5cb4dd !important;
}

.WelcomeModalContainer79 {
    width: 79%;
    overflow: hidden;
    float: left;
}

.EmptyBox25 {
    display: block;
    width: 100%;
    height: 25px;
    overflow: hidden;
}

.EmptyBoxField {
    display: block;
    width: 100%;
    height: 43px;
    overflow: hidden;
}

.HintAddButton {
    margin-left: 5px;
    margin-top: 8px;
    color: #ff6e00 !important;
}

.addLabelClass:hover {
    background-color: #FBFCFD !important;
    color: #ff6e00 !important;
    cursor: pointer;
    transition: 0.3s
}

#mainForm\:mainFormPanel\:idDocumentGroupField {
    margin-left: 9px;
}

#mainForm\:closeMonthWizardFormPanel\:zusIdentificationModal > div:nth-child(2) {
    padding-top: 0px !important;
}

.Wid49 {
    width: 49% !important;
}

#mainForm\:mainFormPanel\:insertIncome {
    margin-right: 0px !important;
}

#mainForm\:mainFormPanel\:modifyStateButton {
    margin-top: 5px;
    margin-right: 0px !important;
}

.ui-menu {
    width: 299px !important;
}

.fiscalPrinterIcon {
    padding: 5px;
    width: 100px;
    height: 100px;
    float: right;
}

.printerSelected {
    border-color: #45abdb;
}

#numerationSeriesTable_data > tr > td:nth-child(1),
#numerationSeriesTable_data > tr > td:nth-child(2) {
    width: 35% !important;
}

#salePriceTable_data > tr > td,
#bankAccountsTable_data > tr > td {
    width: 33% !important;
}

#companySaleDocumentOrderStatesTable_data > tr > td {
    width: 25% !important;
}

#articleGroupTable_data > tr > td {
    width: 50% !important;
}

.JustifyRight {
    justify-content: right !important;
}

#sessionTimerElement {
    display: none;
    border-right: solid 1px #ececec;
}

#sessionTimerText {
    display: block;
    font-size: 16px;
    line-height: 62px;
    margin-right: 10px;
}

.sessionTimerIcon {
    display: block;
    font-size: 20px;
    line-height: 60px;
    margin-right: 5px;
}

.secondValueClass {
    color: #8C8C8C;
    font-size: 12px;
    top: 3px;
    position: relative;
    white-space: nowrap;
}

.secondValueClass::before {
    content: "\a";
    white-space: pre;
}

.welcomeDialog-title {
    width: 100%;
    font-weight: bold;
    font-size: 30px;
    color: #45ABDB;
}

.welcomeDialog-content {
    width: 100%;
    font-size: 20px;
    color: #45ABDB;
}

.welcomeDialog-input {
    --size-bezel: .5rem;
    --size-radius: 4px;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    display: block;
    width: 100%;
    border: 1px solid #45ABDB;
    padding: calc(var(--size-bezel) * 1.5) var(--size-bezel);
    color: #767d80;
    background: transparent;
    border-radius: var(--size-radius) !important;
    font-size: 18px;
}

.welcomeDialog-label {
    --size-bezel: .5rem;
    position: absolute;
    color: #45ABDB;
    padding: calc(var(--size-bezel) * 0.75) calc(var(--size-bezel) * .5);
    margin: calc(var(--size-bezel) * 0.75 + 3px) calc(var(--size-bezel) * .5);
    white-space: nowrap;
    background: white;
    font-weight: bold;
    font-size: 14px;
    top: -50%;
    left: 10px;
}

.welcomeDialog-circle {
    position: absolute;
    width: 42px;
    height: 32px;
    background: #45ABDB;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    right: 0;
    top: 0;
}

.welcomeDialog-counter {
    position: relative;
    color: white;
    top: 7px;
    left: -1px;
}

.welcomeDialog-button {
    background-color: #45ABDB !important;
    border: solid 1px #45ABDB;
    color: white;
    cursor: pointer;
    transition: none !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 40px;
    width: 200px;
}

.welcomeDialog-button-orange {
    background-color: #ff6e00 !important;
    border: solid 1px #ff6e00;
}

.taxSummaryVatLink {
    color: #45ABDB;
    cursor: pointer;
    text-decoration: underline;
}

#mainForm\:startYearField.ui-selectonemenu label.ui-selectonemenu-label {
    line-height: 1.3 !important;
}

#mainForm\:startYearField_add > span.ui-button-icon-primary {
    font-size: 16px !important;
    color: #45ABDB !important;
}

#helpMenu\:contactFormItem > span,
#helpMenu\:helpLineItem > span,
#helpMenu\:guideItem > span,
#helpMenu\:createInvoiceTutorialItem > span,
#ksefMenu\:notNumber > span,
#ksefMenu\:notSend > span {
    background-image: none;
    float: left;
    margin-top: 1px !important;
}

#lastIntegrationDate {
    font-size: 12px;
    padding: 12px;
}

.Padding5 {
    padding: 5px;
}

#idVatRateFieldContainer .ui-baselinker-error,
input[type="text"].ui-baselinker-error,
input.ui-autocomplete-input.ui-baselinker-error,
.ui-advanceautocomplete-edit.ui-baselinker-error,
.ui-advanceautocomplete-clear.ui-baselinker-error,
.ui-autocomplete-input.ui-baselinker-error,
.ui-selectonemenu.ui-baselinker-error {
    background-color: rgba(240, 51, 105, 0.3) !important;
    border-color: #F03369 !important;
}

.ui-advanceautocomplete-edit.ui-baselinker-error,
.ui-advanceautocomplete-clear.ui-baselinker-error {
    background-color: #fff !important;
}

.liDisc ul {
    padding-left: 18px;
}

.liDisc li {
    list-style: disc !important;
    margin: 5px;
}

#baselinkerSummary b {
    font-weight: bold !important;
}

.columnSourceLogo {
    display: block;
    margin: auto;
}

#mainForm\:mainFormPanel\:articlesViewAction_menu.ui-menu {
    width: fit-content !important;
}

#mainForm\:mainFormPanel\:articlesViewAction_button > .ui-button-text {
    height: 34px;
}

#mainForm\:mainFormPanel\:articlesViewAction_button > .ui-icon-triangle-1-s {
    margin-left: 30% !important;
}

.addStoreDocumentItem {
    margin-left: 30px;
}

.ui-state-error-dictionary {
    background-color: rgba(255, 0, 54, 0.28) !important;
    border: solid 1px #FF0000 !important;
}

.costTileTitle {
    color: #72828b;
    height: 52px;
}

.Fs80 {
    font-size: 80px;
}

.Container33 {
    width: 33%;
    overflow: hidden;
    float: left;
}

.costManagerGroupIconTile {
    cursor: pointer;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.costManagerGroupIconTile:hover {
    background: #EEE;
}

.Fs16 {
    font-size: 16px;
}

.fiscalStep > ul > li {
    width: calc(100% / 3)
}

.mobileFiscalStep > ul > li {
    width: calc(100% / 2)
}

.mobileAndDesktopFiscalStep > ul > li {
    width: calc(100% / 4)
}

.addGroupModal-content {
    width: 100%;
    font-size: 20px;
    color: #45ABDB;
    text-align: center;
    justify-content: center;
}

.JustifyCenter {
    justify-content: center !important;
}

.costManagerCostGroupIconsContainer {
    height: 400px !important;
    overflow-y: scroll;
}

.costGroupTrashClass {
    color: red;
    font-size: 14px;
}

.costGroupPencilClass {
    color: #45ABDB;
    font-size: 14px;
    margin-right: 5px;
}


#mainForm\:welcomeDialogModalForm\:welcomeTabsView\:isVatPayerList_items .ui-selectonemenu-item {
    font-size: 18px;
    color: #767d80 !important;
}

#mainForm\:welcomeDialogModalForm\:welcomeTabsView\:isVatPayerList {
    height: 48px !important;
    border: 1px solid #45abdb !important;
}

#mainForm\:welcomeDialogModalForm\:welcomeTabsView\:isVatPayerList_label {
    font-weight: bold !important;
    font-size: 18px !important;
    color: #767d80 !important;
    display: flex;
    justify-content: center;
    height: 48px !important;
    line-height: 1.6 !important;
    opacity: 0.9 !important;
    position: relative !important;
    left: 8px;
}

#mainForm\:welcomeDialogModalForm\:welcomeTabsView\:isVatPayerList > label > div {
    top: 15% !important;
}

.costTypePencilClass {
    position: relative;
    bottom: 2px;
    font-size: 14px;
    margin-right: 3px;
}

.costGroupActionTextFix {
    text-decoration: underline;
    position: relative;
    top: 1px;
}

#mainForm\:welcomeDialogModalForm\:welcomeTabsView\:isVatPayerList.ui-selectonemenu.ui-state-error,
#mainForm\:welcomeDialogModalForm\:welcomeTabsView\:isVatPayerList > div.ui-selectonemenu-trigger.ui-state-error {
    border: 1px solid #F03369 !important;
    background-color: rgba(240, 51, 105, 0.3) !important;
}

.costManagerNotVisibleStyle {
    opacity: 0.5;
}

.colorsListItemClass {
    width: 85%;
    height: 30px;
    display: inline-block;
}

#mainForm\:mainFormPanel\:costManagerCostGroupDialogModalForm\:colorsList > div > table > tbody > tr.ui-state-highlight {
    background-color: white !important;
    color: white !important;
}

#mainForm\:mainFormAccordionPanel\:addStoreButton > span,
#mainForm\:mainFormAccordionPanel\:showStorePlusDialogButton > span,
#mainForm\:mainFormAccordionPanel\:integrateBaselinker > span {
    font-size: 20px !important;
}


#mainForm\:costManagerPanel\:costManagerCostDialogModalForm\:vatRateField_panel {
    z-index: 2147483628 !important;
}

div[id$="idMeasureUnitField"],
div[id$="idCarField"] {
    height: 33px !important;
}

div[id$="idMeasureUnitField"] .ui-selectonemenu-trigger > span,
div[id$="idCarField"] .ui-selectonemenu-trigger > span {
    position: relative;
    bottom: 2px;
}

button[id$="idMeasureUnitField_add"],
button[id$="idCarField_add"],
button[id$="idCarField_edit"],
button[id$="idCarField_clear"] {
    height: 33px !important;
    bottom: 3px !important;
}

#mainForm\:mainFormPanel\:addMeasureUnit_modal,
#mainForm\:mainFormPanel\:addArticleDialogModalForm\:addArticleTabs\:addMeasureUnit_modal,
#mainForm\:mainFormPanel\:addArticle {
    z-index: 2147483626 !important;
}

#mainForm\:mainFormPanel\:addMeasureUnit,
#mainForm\:mainFormPanel\:addArticleDialogModalForm\:addArticleTabs\:addMeasureUnit,
#mainForm\:costManagerPanel\:idBookingSchemaVatPayerInfoDialog,
#mainForm\:costManagerPanel\:costManagerCostDialogModalForm\:costManagerCostTabView\:vatRateField_panel,
#mainForm\:mainFormPanel\:customerModal,
#mainForm\:costManagerPanel\:customerModal,
#mainForm\:costManagerPanel\:companyCostCustomerModal {
    z-index: 2147483627 !important;
}

#mainForm\:costManagerPanel\:costManagerCostDialogModalForm\:costManagerCostTabView\:idBookingSchemaVatPayerInfo:before {
    margin-left: 0px;
    margin-right: 0px;
    position: relative;
    bottom: 2.5px;
}

#mainForm\:costManagerPanel\:costManagerCost_modal,
#mainForm\:mainFormPanel\:customerModal_modal,
#mainForm\:costManagerPanel\:customerModal_modal {
    z-index: 2147483625 !important;
}

#mainForm\:costManagerPanel\:costManagerCost {
    z-index: 2147483626 !important;
}

.costManagerAddCostModal .ui-dialog-content,
.costManagerAddCostModal .ui-tabs .ui-tabs-panel {
    padding: 0px !important;
}

.costManagerAddCostModal .ui-tabs-top {
    background-color: #fff;
}

#mainForm\:differentSourceDocument > div.ui-dialog-content {
    text-align: left;
}

#mainForm\:mainFormPanel\:confirmChangeCustomerDataDialog {
    z-index: 2147483628 !important;
}


.fontRed {
    color: #FF0000;
}

#mainForm\:mainFormPanel\:baselinkerCreatorInvoicesDescriptionContainer {
    width: 50%;
    margin: auto;
    font-size: 16px;
    line-height: 20px;
    text-align: justify;
}

.ui-selectonemenu.ui-state-error,
.ui-customselectonemenu.ui-state-error,
.ui-customselectonemenu.ui-state-error.ui-state-hover {
    border: 1px solid #F03369 !important;
    background-color: rgba(240, 51, 105, 0.3) !important;
}

.ui-customselectonemenu.ui-state-error > label,
.ui-customselectonemenu.ui-state-error > button {
    background-color: rgba(240, 51, 105, .0) !important;
}

#mainForm\:mainFormPanel\:documentDiscountButton_menu,
#mainForm\:articleTableAction_menu {
    width: fit-content !important;
}

#mainForm\:mainFormPanel\:isIntegrateWithItemsOverlayPanel,
#mainForm\:mainFormPanel\:sendInvoicesOverlayPanel,
#mainForm\:mainFormPanel\:autoDocClassificationOverlayPanel,
#mainForm\:mainFormPanel\:isIntegrateWithCustomerOverlayPanel,
#mainForm\:mainFormPanel\:isArticlesEntryIntegrationOverlayPanel,
#mainForm\:mainFormPanel\:isImagesFromFirminoOverlayPanel,
#mainForm\:mainFormPanel\:isDeleteFromBaselinkerOverlayPanel {
    width: 25%;
}

#mainForm\:mainFormPanel\:changeDocumentTypeDialog {
    height: 240px !important;
}

[id$=":idStore_label"]:not([id*="Before"]) {
    display: none !important;
}

[id$=":idStore"] {
    border: 0 none !important;
    position: absolute;
    height: 33px;
    margin-left: 5.66%;
}

[id$=":idStore_panel"] {
    margin-left: -4.87%;
}

@-moz-document url-prefix() {
    [id$=":idStore"] {
        margin-left: 0%;
    }
}

[id$=":idStoreCode"] {
    max-width: 100%;
    left: 0;
    position: absolute;
}

[id$=":idStoreBefore_label"] {
    display: none !important;
}

[id$=":idStoreBefore"] {
    border: 0 none !important;
    position: absolute;
    height: 33px;
    margin-left: 5.66%;
}

[id$=":idStoreCodeBefore"] {
    width: 100%;
}

.Fs18Span > span {
    font-size: 18px !important;
}


#docActionsDialogModalForm\:buyFiscal > div:nth-child(1) {
    background-color: #FFFFFF;
    border-bottom: none !important;
}


#docActionsDialogModalForm\:fiscalPrinterNotFound > div:nth-child(2) {
    padding-left: 20px !important;
    padding-top: 20px !important;
    padding-bottom: 16px !important;
}

#mainForm\:buyAcc b,
#mainForm\:nonFiscalizedDoc b,
#mainForm\:panelDocListMessage b,
#mainForm\:mainFormPanel\:fiscalNotFound b,
#mainForm\:fiscalPrinterNotFound b,
#mainForm\:mainFormPanel\:fiscalPrinterNotFound b {
    font-weight: bold;
}

#docActionsDialogModalForm\:buttonsPanel {
    display: contents;
}

.createInvoiceActionMenuClass {
    display: block !important;
    opacity: 1 !important;
}

#ecommmerceHomePanel\:integrateBaselinker .ui-button-text {
    background: #ff6e00 !important;
    color: #fff !important;
    border: 0 !important;
    font-size: 14px;
    text-transform: uppercase;
    text-shadow: none !important;
    box-shadow: none !important;
}

@media only screen and (max-width: 1835px) {
    #ecommmerceHomePanel\:statsHistory table {
        position: relative;
        top: 11px;
    }
}

@media only screen and (max-width: 2347px) and (min-width: 1836px) {
    #ecommmerceHomePanel\:statsHistory table {
        position: relative;
        top: 26px;
    }
}

@media only screen and (min-width: 2347px) {
    #ecommmerceHomePanel\:statsHistory table {
        position: relative;
        top: 43px;
    }
}

.ecomChartTypeStyle {
    margin-top: 8px;
    margin-left: 10px;
}

.baselinkerCardContainer,
.fiscalizationCardContainer,
.ksefCardContainer {
    width: 90%;
    height: 90%;
    margin: 8px auto auto;
}

.baselinkerCreatorCardCheckbox,
.fiscalizationCardCheckbox,
.ksefCreatorCardCheckbox {
    width: 100%;
    justify-content: right;
}

.baselinkerCreatorCardCheckbox .ui-chkbox-label,
.fiscalizationCardCheckbox .ui-chkbox-label,
.ksefCreatorCardCheckbox .ui-chkbox-label {
    display: none;
}

.baselinkerIntegrationTypeCardTextContainer {
    margin-left: 10px;
}

.baselinkerIntegrationTypeCard,
.fiscalizationTypeCard {
    width: 225px;
    height: 325px;
    cursor: pointer;
}

.fiscalizationTypeCard {
    height: 260px;
}


.baselinkerIntegrationTypeCardActive,
.fiscalizationTypeCardActive,
.ksefAuthorizationTypeCardActive {
    border: 1px solid #45ABDB;
    box-shadow: 0 2px 4px grey;
}

.baselinkerIntegrationTypeCardInactive,
.fiscalizationTypeCardInactive,
.ksefAuthorizationTypeCardInactive {
    border: 1px solid #939393;
    color: #939393;
    border-color: lightgrey;
}


.baselinkerCreatorStartAccordionTitle,
.modernCreatorHeader,
.ksefCreatorStartAccordionTitle {
    font-size: 22px;
    color: #45ABDBD6;
}

.baselinkerCreatorIntegrationTypeImage,
.enableFiscalizationTypeImage {
    width: 160px;
    height: 130px;
}

.baselinkerCreatorModuleChoiceImageContainer,
.ksefCreatorModuleChoiceImageContainer {
    width: 50%;
    margin: auto;
    height: 88px;
}

#mainForm\:mainFormPanel\:ordersOptionImg {
    width: 65px;
    height: 80px;
}

#mainForm\:mainFormPanel\:productsOptionImg {
    width: 71px;
    height: 68px;
}


#mainForm\:mainFormPanel\:storesOptionImg {
    width: 101px;
    height: 88px;
}

.baselinkerModuleChoiceCard {
    width: 225px;
    height: 350px;
    cursor: pointer;
}

.BaselinkerCreatorFourStep > ul > li {
    width: calc(100% / 4)
}

.BaselinkerCreatorThreeStep > ul > li {
    width: calc(100% / 3)
}

.BaselinkerCreatorTwoStep > ul > li {
    width: calc(100% / 2)
}

.customFacetIcon {
    height: 50px;
    margin-bottom: -15px;
    padding: 5px;
}

.marginRight0 > span {
    margin-right: 0;
}

.GridContainer {
    display: inline-grid;
    grid-template-columns: 10% 90%;
}

.tokenContainer,
.ksefAuthContainer {
    width: 755px;
}


#adBlockDetectedModal {
    max-width: 25%;
}

#adBlockDetectedModal > div.ui-dialog-titlebar {
    display: none;
}

.adBlockCenterTitleContent {
    justify-content: center;
    display: flex;
    flex-direction: column
}

.adBlockDetectedModal-title {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.adBlockDetectedModal-content {
    text-align: center;
}

#mainForm\:mainFormPanel\:advancedIntegrationImportOrdersCheckField > div,
#mainForm\:mainFormPanel\:advancedIntegrationSendInvoicesCheckField > div,
#mainForm\:mainFormPanel\:advancedIntegrationImportProductsCheckField > div,
#mainForm\:mainFormPanel\:advancedIntegrationImportStoresCheckField > div,
#mainForm\:mainFormPanel\:simpleIntegrationImportInvoicesCheckField > div {
    border: none !important;
}

#mainForm\:mainFormPanel\:articleIntegrationProperties,
#mainForm\:mainFormPanel\:integrationTypeDescriptionPanel,
#autoDocClassificationCheckboxTipContent,
#baselinkerCreatorInvalidSerieContainer,
.baselinkerCreatorList {
    line-height: 24px;
}

#mainForm\:mainFormPanel\:articleIntegrationProperties > ul > li,
#mainForm\:mainFormPanel\:integrationTypeDescriptionPanel > ul > li,
#autoDocClassificationCheckboxTipContent > ul > li,
#baselinkerCreatorInvalidSerieContainer > ul > li,
.baselinkerCreatorList > ul > li {
    list-style: disc !important;
    color: #ff6e00;
    font-weight: bold;
}

#mainForm\:mainFormPanel\:articleIntegrationProperties > ul > li > span,
#mainForm\:mainFormPanel\:integrationTypeDescriptionPanel > ul > li > span,
#autoDocClassificationCheckboxTipContent > ul > li > span,
#baselinkerCreatorInvalidSerieContainer > ul > li > span,
.baselinkerCreatorList > ul > li > span {
    color: #72828b !important;
    font-weight: normal;
}

#mainForm\:accordionPanel\:stateGtZeroFilter {
    margin-left: 9.8%;
}

.baselinkerCreatorEndImg {
    width: 60%;
}

.blueTextButtonBorder {
    border-bottom: 1px solid #45abdb !important;
}

.partnerAccountState {
    color: #45abdb;
    height: 33px;
    font-size: 16px !important;
    float: left;
}

.simpleSwitcherContainer {
    margin-bottom: 65px;
}

#mainForm\:mainFormPanel\:idJpkMagStoreField {
    width: 230px !important;
}

.taxZusCalculatedModal .ui-dialog-content,
.taxZusCalculatedModal .ui-tabs .ui-tabs-panel {
    padding: 0px !important;
}

#mainForm\:closeMonthWizardFormPanel\:taxZusCalculatedDialogModalForm\:taxZusCalculatedTabView\:taxZusFpTable_data > tr:last-child > td,
#mainForm\:closeMonthWizardFormPanel\:taxZusCalculatedDialogModalForm\:taxZusCalculatedTabView\:taxZusSocialTable_data > tr:last-child > td,
#mainForm\:closeMonthWizardFormPanel\:taxZusCalculatedDialogModalForm\:taxZusCalculatedTabView\:taxZusHealthTable_data > tr:last-child > td,
#mainForm\:closeMonthWizardFormPanel\:taxZusCalculatedDialogModalForm\:taxZusCalculatedTabView\:taxZusFpTable_head > tr:first-child > th > span,
#mainForm\:closeMonthWizardFormPanel\:taxZusCalculatedDialogModalForm\:taxZusCalculatedTabView\:taxZusSocialTable_head > tr:first-child > th > span,
#mainForm\:closeMonthWizardFormPanel\:taxZusCalculatedDialogModalForm\:taxZusCalculatedTabView\:taxZusHealthTable_head > tr:first-child > th > span {
    font-weight: bold;
}

#mainForm\:mainFormPanel\:sourceDocLabel > img {
    position: relative;
    top: 5px;
    height: 18px;
    left: 3px;
}

.sourceDocBaselinkerImgContainer {
    border: 1px solid rgb(128, 128, 128, .3);
    border-left: none;
    text-align: right;
}

.sourceDocBaselinkerContainer {
    flex-direction: row !important;
}

.sourceDocBaselinkerContainerInput {
    border-right: none !important;
}

#afterIconContainer.ui-state-hover,
#afterIconContainer.ui-state-focus {
    border-color: rgb(0, 174, 239, .5) !important;
}

.sourceDocBaselinkerImg {
    height: 22px;
    margin-top: 4px;
    margin-right: 4px;
}

.StoreContainer {
    width: 100%;
    display: flex;
    justify-content: center;
}

.importStoreBlue {
    color: #45abdb;
    font-family: 'titillium_webregular' !important;
    font-size: 22px;
    margin-bottom: 14px !important;
}

.importArticleBlue {
    color: #45abdb;
    font-family: 'titillium_webregular' !important;
    font-size: 22px;
    padding-top: 10px;
    margin-bottom: 17px !important;
}

#mainForm\:mainFormPanel\:customerRelatedOverlayPanel {
    max-width: 375px;
}

#mainForm\:taxSummaryTable td {
    white-space: nowrap;
}

.vindicationSteps > ul > li {
    width: calc(100% / 5);
}

#mainForm\:mainFormPanel\:enableFiscalizationSuccessInfoGuideLabel {
    margin-left: 17px;
}

#mainForm\:mainFormPanel\:fiscalizationLinkInfoField {
    margin-left: 4px;
}


.statusKsefRed {
    color: #FF0000;
}

.statusKsefRed > input {
    color: #FF0000 !important;
}

.statusKsefRed > span {
    color: #FF0000 !important;
}

.statusKsefYellow {
    color: #FF9104;
}

.statusKsefYellow > input {
    color: #FF9104 !important;
}

.statusKsefYellow > span {
    color: #FF9104 !important;
}

.statusKsefGreen {
    color: #36A222;
}

.statusKsefBlue {
    color: #45abdb;
}

.lineHeight30 {
    line-height: 30px;
}

.ksefTopBar {
    margin-right: 6px;
}

#ksefMenu\:ksefSubMenu {
    width: 268px !important;
}

.menuAwesomeIconFix {
    text-indent: 0px !important;
    background-image: none !important;
}

#mainForm\:mainFormPanel\:stageField {
    width: 134px;
}

#mainForm\:mainFormPanel\:startDateField_input {
    width: 134px;
}


.ulDisk > li {
    list-style: disc;
}

.Container500px {
    width: 500px;
    float: left;
    overflow: hidden;
}


#mainForm\:mainFormPanel\:insertRw {
    margin-left: 0px !important;
    padding: 0px !important;
    margin-left: 1.23%;
}

#mainForm\:mainFormPanel\:insertPw {
    margin-left: 0px !important;
}

.Container49 {
    float: left;
    overflow: hidden;
    width: 49%;
}

#mainForm\:changeTaxMethodDialogModalForm\:lumpSumColumnField,
#mainForm\:changeTaxMethodDialogModalForm\:kpirNumerationField {
    height: 31px;
}

#mainForm\:mainFormAccordionPanel\:stageField,
#mainForm\:mainFormAccordionPanel\:authTypeField {
    max-width: 140px;
}

#mainForm\:mainFormAccordionPanel\:startKsefDateField_input {
    max-width: 140px;
}

#helpMenu\:helpSubMenu.ui-menu.ui-menu-dynamic,
#accountDetails\:accountSubMenu.ui-menu.ui-menu-dynamic,
#ksefMenu\:ksefSubMenu.ui-menu.ui-menu-dynamic {
    position: fixed;
}

.ksefPanelTitle {
    text-transform: none !important;
}

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

#mainForm\:mainFormPanel\:articleDataTableDialogModalForm\:storeComboLabel {
    margin-right: 18%;
}

#mainForm\:mainFormPanel\:articleDataTableDialogModalForm\:stateGtZeroFilter {
    margin-left: 15.6%;
}

.baselinkerTokenLabelContainer {
    width: 95px;
    justify-content: center;
}

.baselinkerTokenLabel {
    font-size: 18px;
    position: relative;
    top: 5px;
}

.orangeIcon {
    color: #ff6e00;
}

.redIcon {
    color: red;
}

.greenIcon {
    color: #36A222;
}

.greyIcon {
    color: #b8b7b7;
}

.blueIcon {
    color: #45abdb;
}
.blueIconMenu {
    color: #047aac;
}

div[id*="mainForm:saleDocumentTableDocument:"].ui-menu {
    width: 230px !important;
}

div.addLabelClass.ui-state-highlight {
    background-color: #FBFCFD !important;
    color: #ff6e00 !important;
    cursor: pointer;
    transition: 0.3s
}

#mainForm\:mainFormPanel\:customerCountryCodeField {
    text-align: center !important;
}

.analysisChart {
    width: 98%;
    margin: auto auto auto 0px;
}

.jqplot-table-legend.jqplot-table-legend-label {
    padding-left: 4px;
}

div.jqplot-table-legend-swatch-outline {
    padding: unset !important;
}

#mainForm\:mainFormPanel\:addArticleDialogModalForm\:addArticleTabs\:gtuPanel div.labelWrapper div {
    margin-top: 5px;
}

#mainForm\:mainFormPanel\:storeCodeinputTextOverlayPanel {
    top: 46% !important;
    left: 48% !important;
}

#mainForm\:mainFormPanel\:quantityDiffZeroFilter {
    margin-bottom: 12px;
    margin-right: 144px;
}

#mainForm\:mainFormPanel\:quantityDiffZeroFilter .ui-chkbox-label {
    font-size: medium !important;
}

@-moz-document url-prefix() {
    #mainForm\:mainFormPanel\:quantityDiffZeroFilter {
        margin-bottom: 12px;
        margin-right: 176px;
    }
}

.ui-state-hover.ui-inputtext-icon .ui-button-icon-primary,
.ui-state-hover.ui-inputtext-second-icon .ui-button-icon-primary {
    color: #0682B9 !important;
}

.ui-inputtext-icon.ui-state-default .ui-button-icon-primary,
.ui-inputtext-second-icon.ui-state-default .ui-button-icon-primary {
    margin-top: 2px;
    font-size: 18px;
    color: #0682B9 !important;
}

.iconWithDescBackground.ui-overlay-visible {
    margin-top: 12px;
}

#mainForm\:mainFormPanel\:tripPurposeField_icon > span.ui-button-icon-primary {
    color: #0682B9 !important;
    font-size: 16px !important;
}

#mainForm\:mainFormPanel\:tripPurposeField_secondIcon > span.ui-button-icon-primary {
    margin-top: 2px;
    color: #0682B9 !important;
    font-size: 20px;
}

.settingsPermissionHeader {
    font-weight: bold;
}

.settingsPermissionColumn {
    width: 33.33%;
}

table[id^="mainForm\:mainFormPanel\:operatorPeremissionCol"] tbody tr td:first-child {
    width: 30px;
}

#mainForm\:closeMonthWizardFormPanel\:taxZusModalDialogModalForm\:incomeFieldsLabel {
    margin-left: 25px;
}

.titleClass {
    font-weight: bold;
    color: #45ABDB;
}

.listClass {
    font-size: 16px;
    margin-left: 5px !important;
    color: #45ABDB;
}

.listElementClass {
    list-style: inside !important;
    color: #FF6E00 !important;
}

.listElementSpanClass {
    color: #45ABDB;
}

.paragraphClass {
    white-space: nowrap;
    font-size: 18px !important;
    color: #45ABDB;
}

#mainForm\:mainFormPanel\:codeField_icon > span.ui-button-icon-primary,
#mainForm\:mainFormPanel\:addArticleDialogModalForm\:addArticleTabs\:codeField_icon > span.ui-button-icon-primary {
    color: #00AEEF !important;
    font-size: 15px;
}

#mainForm\:mainFormPanel\:codeField_icon.ui-state-hover,
#mainForm\:mainFormPanel\:codeField_icon.ui-state-focus,
#mainForm\:mainFormPanel\:addArticleDialogModalForm\:addArticleTabs\:codeField_icon.ui-state-hover,
#mainForm\:mainFormPanel\:addArticleDialogModalForm\:addArticleTabs\:codeField_icon.ui-state-focus {
    color: #00AEEF !important;
}

#acceptNewTermsAndConditionsContainer {
    line-height: 22px !important;
}

.Container99 {
    width: 99%;
    overflow: hidden;
    float: left;
}

.Container65 {
    width: 65%;
    overflow: hidden;
    float: left;
}

#mainForm\:mainFormPanel\:changeStateMenu\:changeStateSubMenu .ui-icon {
    text-indent: 0px !important;
    width: 20px;
    margin-top: 2px;
    background-image: none;
}

.ArticleStateField {
    width: calc(70% - 10px);
}

#mainForm\:mainFormPanel\:changeAvgPrice.ui-button.ui-state-hover span,
#mainForm\:mainFormPanel\:changeAvgPrice.ui-button.ui-state-focus span {
    color: #45abdb !important;
}

#mainForm\:mainFormPanel\:changeStateMenu\:changeStateMenu.ui-autocomplete-adding {
    border-left: 1px solid #b1b1b1;
}

#mainForm\:mainFormPanel\:changeAvgPrice.ui-autocomplete-adding {
    border-left: 1px solid #b1b1b1;
}

div[id*="mainForm:articleTable"].ui-menu.ui-menu-dynamic {
    width: fit-content !important;
}

#mainForm\:articlesActionsBasicGroup.ui-state-disabled {
    cursor: default !important;
    opacity: initial;
    background-color: #e5ebf0;
    color: #767676 !important;
}

#confirmBackToDocumentListContentMessage {
    line-height: 22px !important;
}

#mainForm\:articlesActionsBaselinkerGroup.ui-state-disabled {
    cursor: default !important;
    opacity: initial;
    background-color: #e5ebf0;
    color: #767676 !important;
}

#mainForm\:mainFormPanel\:article_priceListTitle .searchCriteriaActions,
#mainForm\:mainFormPanel\:articleHistoryGroup .searchCriteriaActions {
    margin: 0px 0 10px !important;
}

[id$="idArticleField_panel"] {
    max-width: 50% !important;
}

[id$="idArticleField_itemtip"] {
    max-width: 25% !important;
}

#draftDocumentBlockActionMessage {
    line-height: 22px !important;
}

#mainForm\:welcomeDialogModalForm\:welcomeTabsView\:companyTypeList_items .ui-selectonemenu-item {
    font-size: 18px;
    color: #767d80 !important;
}

#mainForm\:welcomeDialogModalForm\:welcomeTabsView\:companyTypeList {
    height: 48px !important;
    border: 1px solid #45abdb !important;
}

#mainForm\:welcomeDialogModalForm\:welcomeTabsView\:companyTypeList_label {
    font-weight: bold !important;
    font-size: 18px !important;
    color: #767d80 !important;
    display: flex;
    justify-content: center;
    height: 48px !important;
    line-height: 1.6 !important;
    opacity: 0.9 !important;
    position: relative !important;
    left: 8px;
}

#mainForm\:welcomeDialogModalForm\:welcomeTabsView\:companyTypeList > label > div {
    top: 15% !important;
}

#mainForm\:welcomeDialogModalForm\:welcomeTabsView\:companyTypeList.ui-selectonemenu.ui-state-error,
#mainForm\:welcomeDialogModalForm\:welcomeTabsView\:companyTypeList > div.ui-selectonemenu-trigger.ui-state-error {
    border: 1px solid #F03369 !important;
    background-color: rgba(240, 51, 105, 0.3) !important;
}

#mainForm\:exceededNotRegisterCompanyLimitDialog {
    line-height: 22px !important;
}

#notRegisterLimitChart > svg {
    overflow: visible;
}

.insuranceCodeHolidaysClass {
    height: 33px;
    margin-top: 4px;
}

.LineHeight14Relative {
    line-height: 1.4 !important;
}

.legend-grid {
    width: 100%;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4;
}

.legend-grid label,
.legend-grid span {
    display: block;
    padding: 2px 0;
}

.legend-grid .legend-value {
    font-weight: bold;
    margin-left: 16px;
}

[id^="homeSaleRecord:mainForm"][id$="legendTable"] tbody tr td {
    padding: 0px !important;
}

.LegendTableShadowBox {
    margin: 0;
    padding: 25px 0;
    background-color: #FCFCFC;
}

.LegendTableSpan {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 5px;
    margin-left: 10px
}

.LegendTableValue {
    display: block;
    padding-left: 17px;
    font-size: 1.5em;
    font-weight: bold !important;
    margin-left: 28px;
}

.NotRegisterWarningContainer {
    margin-left: 1.7%;
    display: flex;
    border-left: 10px solid #e74c3c;
    background-color: #fdf7f7;
    padding: 10px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
}

#donutSaleRecord_labelGroup1-outer {
    transform: translate(0, 40px);
}

#donutSaleRecord_labelGroup0-outer {
    transform: translate(277px, 40px);
}

#saleRecordFilters ~ div.Container100 {
    display: none;
}

@media (max-width: 1600px) {
    #donutSaleRecord_labelGroup1-outer {
        transform: translate(-7px, 40px) !important;
    }

    #donutSaleRecord_labelGroup0-outer {
        transform: translate(235px, 40px) !important;
    }
}

.saleRecordMonth {
    min-width: 123px;
}

#mainForm\:welcomeDialogModalForm\:welcomeTabsView\:isVatPayerList_label + div.ui-selectonemenu-trigger.ui-state-default.ui-corner-right span {
    margin-top: 15px !important;
}

.SaleRecordWarningMessage,
.taxSummaryWarningTitle {
    font-weight: bold;
    color: #333;
    line-height: 1.6;
    font-size: 15px
}

.SaleRecordTable {
    width: 35%;
    overflow: hidden;
    float: left;
}

.SaleRecordDonut {
    width: 45%;
    overflow: hidden;
    float: left;
}

@media (max-width: 1500px) {
    .SaleRecordTable {
        width: 40%;
        overflow: hidden;
        float: left;
    }

    .SaleRecordDonut {
        width: 40%;
        overflow: hidden;
        float: left;
    }
}



.ui-autocomplete-input:disabled,
input[id*="idOwnerField_input"].ui-autocomplete-input {
    border-right: solid 1px #b1b1b1 !important;
    padding: 6px 2px 6px 6px !important;
    margin-right: -4px !important;
}

.ui-accordion-header.disabledAccordion.ui-state-hover,
.ui-accordion-header.disabledAccordion.ui-state-active {
    color: #767676 !important;
}

#mainForm\:mainFormPanel\:insuranceCode_modal.ui-widget-overlay,
#mainForm\:mainFormPanel\:addOwnerDialogModalForm\:addOwnerTabs\:insuranceCodeTitleConfirm_modal.ui-widget-overlay {
    z-index: 2147483642 !important;
}

#mainForm\:mainFormPanel\:ownershipHistory_modal.ui-widget-overlay {
    z-index: 2147483634 !important;
}

#mainForm\:mainFormPanel\:ownershipHistory.ui-dialog {
    z-index: 2147483635 !important
}

#mainForm\:mainFormPanel\:addOwnershipHistory_modal.ui-widget-overlay,
mainForm\:mainFormPanel\:deleteOwnershipHistory_modal.ui-widget-overlay,
div[id*="mainForm:mainFormPanel:ownershipHistoryDialogModalForm:ownershipHistoryTable"].ui-menu.ui-menu-dynamic {
    z-index: 2147483636 !important;
}

#mainForm\:mainFormPanel\:addOwnershipHistory.ui-dialog,
#mainForm\:mainFormPanel\:deleteOwnershipHistory.ui-dialog {
    z-index: 2147483637 !important;
}


#mainForm\:mainFormPanel\:insuranceCode.ui-dialog,
#mainForm\:mainFormPanel\:insuranceCodeTitleConfirm.ui-dialog,
#mainForm\:mainFormPanel\:insuranceCodeDialogModalForm\:insuranceCodeTab\:idInsuranceRetireOrRentField_panel,
#mainForm\:mainFormPanel\:insuranceCodeDialogModalForm\:insuranceCodeTab\:idInsuranceDisabilityLevelField_panel,
#mainForm\:mainFormAccordionPanel\:moduleAccountingAccordionContent\:modulesAccountingAccordionDetailsContent\:deleteTaxIncomeSettingsHistory.ui-dialog,
div[id*="mainForm:mainFormAccordionPanel:moduleAccountingAccordionContent:modulesAccountingAccordionDetailsContent:taxIncomeSettingsHistoryDialogModalForm:taxIncomeSettingsHistoryTable"].ui-menu.ui-menu-dynamic {
    z-index: 2147483643 !important;
}

#mainForm\:mainFormPanel\:addOwnerDialogModalForm\:addOwnerTabs\:taxAccountNumberMethodDictionaryButtonInfo_overlayPanel,
#mainForm\:mainFormPanel\:addOwnerDialogModalForm\:addOwnerTabs\:taxAccountNumberMethodDictionaryZusButtonInfo_overlayPanel {
    z-index: 2147483644 !important;
}

#mainForm\:mainFormPanel\:addOwnerDialogModalForm\:addOwnerTabs\:insuranceCodeField,
#mainForm\:mainFormPanel\:addOwnerDialogModalForm\:addOwnerTabs\:insuranceCodeField_button {
    height: 33px;
}

#acceptNewTermsAndConditionsContainer {
    line-height: 22px !important;
}

#mainForm\:mainFormPanel\:addOwnerDialogModalForm\:addOwnerTabs\:idTaxOfficeField_panel,
#mainForm\:mainFormPanel\:addOwnerDialogModalForm\:addOwnerTabs\:idProvinceField_panel,
#mainForm\:mainFormPanel\:addOwnerDialogModalForm\:addOwnerTabs\:idTaxSettlementPeriodField_panel,
#mainForm\:mainFormPanel\:addOwnerDialogModalForm\:addOwnerTabs\:taxAccountNumberMethodDictionaryField_panel,
#mainForm\:mainFormPanel\:addOwnerDialogModalForm\:addOwnerTabs\:taxAccountNumberMethodDictionaryZusField_panel,
#mainForm\:mainFormPanel\:addOwnerDialogModalForm\:addOwnerTabs\:nfzField_panel,
#mainForm\:mainFormPanel\:addOwnerDialogModalForm\:addOwnerTabs\:zusReliefTypeField_panel,
#mainForm\:mainFormPanel\:addOwnerDialogModalForm\:addOwnerTabs\:docTypeField_panel,
#mainForm\:mainFormPanel\:addOwnerDialogModalForm\:addOwnerTabs\:idTaxFormField_panel {
    z-index: 2147483641 !important;
}

#mainForm\:mainFormAccordionPanel\:moduleAccountingAccordionContent\:modulesAccountingAccordionDetailsContent\:taxIncomeSettingsHistory {
    z-index: 2147483629 !important
}

#mainForm\:mainFormAccordionPanel\:moduleAccountingAccordionContent\:modulesAccountingAccordionDetailsContent\:addTaxIncomeSettingsHistory {
    z-index: 2147483631 !important;
}

#mainForm\:mainFormAccordionPanel\:moduleAccountingAccordionContent\:modulesAccountingAccordionDetailsContent\:addTaxIncomeSettingsHistory_modal {
    z-index: 2147483630 !important
}

.otherIncomeQuotaContainer {
    width: 8.55%;
    overflow: hidden;
    float: left;
}

#mainForm\:closeMonthWizardFormPanel\:recordIncomeOtherIncomeDialogModalForm\:quotaCalc20Field.ui-state-disabled,
#mainForm\:closeMonthWizardFormPanel\:recordIncomeOtherIncomeDialogModalForm\:quotaCalc17Field.ui-state-disabled,
#mainForm\:closeMonthWizardFormPanel\:recordIncomeOtherIncomeDialogModalForm\:quotaCalc15Field.ui-state-disabled,
#mainForm\:closeMonthWizardFormPanel\:recordIncomeOtherIncomeDialogModalForm\:quotaCalc14Field.ui-state-disabled,
#mainForm\:closeMonthWizardFormPanel\:recordIncomeOtherIncomeDialogModalForm\:quotaCalc125Field.ui-state-disabled,
#mainForm\:closeMonthWizardFormPanel\:recordIncomeOtherIncomeDialogModalForm\:quotaCalc12Field.ui-state-disabled,
#mainForm\:closeMonthWizardFormPanel\:recordIncomeOtherIncomeDialogModalForm\:quotaCalc10Field.ui-state-disabled,
#mainForm\:closeMonthWizardFormPanel\:recordIncomeOtherIncomeDialogModalForm\:quotaCalc85Field.ui-state-disabled,
#mainForm\:closeMonthWizardFormPanel\:recordIncomeOtherIncomeDialogModalForm\:quotaCalc55Field.ui-state-disabled,
#mainForm\:closeMonthWizardFormPanel\:recordIncomeOtherIncomeDialogModalForm\:quotaCalc3Field.ui-state-disabled,
#mainForm\:closeMonthWizardFormPanel\:recordIncomeOtherIncomeDialogModalForm\:quotaCalc2Field.ui-state-disabled {
    opacity: 1 !important;
}

.taxSummaryTooltip {
    display: none;
    position: absolute;
    background-color: #2b2b2b;
    border-radius: 3px;
    padding: 0px 5px 5px 4px;
    text-align: left;
}

.taxSummaryTooltipLabel {
    font-weight: lighter;
    color: white;
    font-size: 14px;
}

#mainForm\:mainFormPanel\:addBankDialogModalForm\:addBankDialogTabs\:printQrCodeOverlayPanel {
    z-index: 2147483629 !important;
}

#mainForm\:mainFormPanel\:addBankDialogModalForm\:addBankDialogTabs\:printQrCodeField > span.ui-chkbox-label {
    line-height: 1.3 !important;
}

#mainForm\:mainFormPanel\:addOwner.ui-dialog {
    z-index: 2147483630 !important;
}

#mainForm\:mainFormPanel\:addOwnerOwnerCompany_modal.ui-widget-overlay {
    z-index: 2147483630 !important;
}

#mainForm\:mainFormPanel\:addOwnerOwnerCompany.ui-dialog {
    z-index: 2147483631 !important;
}

div[id*="mainForm:mainFormPanel:addOwnerDialogModalForm:addOwnerTabs:ownerOtherOwnerCompanyTable:"].ui-menu {
    z-index: 2147483631 !important;
}

.completeIncomeStyleClass .ui-tabs-nav {
    display: none !important;
}

.completeIncomeStyleClass .ui-tabs-top .ui-tabs-panels {
    padding: 0 !important;
    border: 0 !important;
}

.completeIncomeStyleClass .ui-tabs-top .ui-widget-content {
    padding-top: 0 !important;
}

.recordIncomeOtherIncomeCompanyNameLabel {
    margin-right: 10px;
    padding-top: 5px;
}

#mainForm\:mainFormPanel\:changeStateMenu\:changeStateSubMenu .ui-icon {
    text-indent: 0px !important;
    width: 20px;
    margin-top: 2px;
    background-image: none;
}

.ArticleStateField {
    width: calc(70% - 10px);
}

#mainForm\:mainFormPanel\:changeAvgPrice.ui-button.ui-state-hover span,
#mainForm\:mainFormPanel\:changeAvgPrice.ui-button.ui-state-focus span {
    color: #45abdb !important;
}

#mainForm\:mainFormPanel\:changeStateMenu\:changeStateMenu.ui-autocomplete-adding {
    border-left: 1px solid #b1b1b1;
}

#mainForm\:mainFormPanel\:changeAvgPrice.ui-autocomplete-adding {
    border-left: 1px solid #b1b1b1;
}

div[id*="mainForm:articleTable"].ui-menu.ui-menu-dynamic {
    width: fit-content !important;
}

#mainForm\:articlesActionsBasicGroup.ui-state-disabled {
    cursor: default !important;
    opacity: initial;
    background-color: #e5ebf0;
    color: #767676 !important;
}

#mainForm\:articlesActionsBaselinkerGroup.ui-state-disabled {
    cursor: default !important;
    opacity: initial;
    background-color: #e5ebf0;
    color: #767676 !important;
}

#mainForm\:mainFormPanel\:article_priceListTitle .searchCriteriaActions,
#mainForm\:mainFormPanel\:articleHistoryGroup .searchCriteriaActions {
    margin: 0px 0 10px !important;
}

#mainForm\:mainFormAccordionPanel\:moduleAccountingAccordionContent\:modulesAccountingAccordionDetailsContent\:confirmChangeTaxIncomeSettingsHistory {
    z-index: 2147483630 !important
}

#mainForm\:closeMonthWizardFormPanel\:infoOver > span {
    margin-bottom: 2px;
}

#mainForm\:closeMonthWizardFormPanel\:taxZusModalDialogModalForm\:taxMethods\:healthScaleTab,
#mainForm\:closeMonthWizardFormPanel\:taxZusModalDialogModalForm\:taxMethods\:healthLinearTab,
#mainForm\:closeMonthWizardFormPanel\:taxZusModalDialogModalForm\:taxMethods\:healthLumpTab {
    padding: 0 !important;
}

.noMarginModal .ui-widget-content,
#mainForm\:mainFormPanel\:addOwner > div:nth-child(2) {
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#mainForm\:mainFormAccordionPanel\:moduleAccountingAccordionContent\:modulesAccountingAccordionDetailsContent\:ownerCompany_modal.ui-widget-overlay {
    z-index: 2147483629 !important;
}

#mainForm\:mainFormAccordionPanel\:moduleAccountingAccordionContent\:modulesAccountingAccordionDetailsContent\:ownerCompany.ui-dialog,
#mainForm\:mainFormAccordionPanel\:moduleAccountingAccordionContent\:modulesAccountisngAccordionDetailsContent\:openTaxSummaryFlagsConfirm_modal.ui-widget-overlay {
    z-index: 2147483630 !important;
}

#mainForm\:mainFormAccordionPanel\:moduleAccountingAccordionContent\:modulesAccountingAccordionDetailsContent\:openTaxSummaryFlagsConfirm.ui-dialog {
    z-index: 2147483631 !important;
}

div[id*="mainForm:closeMonthWizardFormPanel:documentSummaryTable:"].ui-menu {
    width: fit-content !important;
}

#mainForm\:mainFormPanel\:printQrCodeOverlayPanel {
    z-index: 9999 !important;
}

#mainForm\:mainFormPanel\:ownersTable.ui-datatable table tbody tr td {
    border-bottom: none !important;
}

.addOwnersBtn {
    margin-left: 11px;
}

.taxSummaryWarningContainer {
    display: flex;
    border-left: 10px solid #e74c3c;
    background-color: #fdf7f7;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
}

.ui-customselectonemenu-add,
.ui-customselectonemenu-edit,
.ui-customselectonemenu-clear {
    background-color: rgba(255, 255, 255, 0);
}

#layout-menubar span.ui-icon {
    width: 27.5px;
    height: 22px;
}

#layout-menubar .ui-menu .ui-menuitem .ui-menuitem-link .ui-icon {
    margin-right: 8px;
    font-size: 22px;
}

#main_menu\:sm_leftmenu {
    padding: 0px;
}

.ui-menu {
    border-top: none !important;
    border-left: none !important;
    border-bottom: none !important;
}

.ui-menu .ui-menuitem-link {
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
}

#layout-menubar li a {
    font-size: 18px;
    padding-left: 25px;
}

#layout-menubar li a span.ui-menuitem-text {
    white-space: nowrap;
    margin-top: 3px;
}

#layout-menubar li h3 span:nth-of-type(2) {
    margin-top: 2px;
    left: 1.15em;
    font-size: 22px;
}

#layout-menubar li.layout-menubar-active h3 span:nth-of-type(2) {
    left: .85em;
}

#layout-menubar li.layout-menubar-active h3 {
    padding-left: 54px !important;
    color: rgb(69, 171, 219) !important;
}

.ui-menu.ui-menu-toggleable li.ui-widget-header .ui-icon {
    margin-top: -11px !important;
}

#layout-menubar li.ui-submenu-child {
    border: none !important;
}

#layout-menubar li.ui-submenu-child > a {
    font-size: 16px;
    padding-left: 50px !important;
}

#layout-menubar li.ui-submenu-child > a > span::before {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 400;
    margin-right: 10px;
    content: "\f105";
}

#layout-menubar ul li.ui-widget-header h3::after {
    content: '\e982';
    font-family: "fontello";
    float: right;
}

#main_menu\:layout-menubar-resize span {
    float: right;
}

.slimmenu .layout-menubar-container {
    width: 80px !important;
}

.slimmenu .layout-menubar-container > ul {
    width: 80px !important;
}

.slimmenu .layout-menubar-container > ul > li > a > span.ui-menuitem-text {
    width: 0;
    opacity: 0;
}

.slimmenu .layout-menubar-container > ul > li > a:hover > span.ui-menuitem-text {
    opacity: 1;
}

.slimmenu .layout-menubar-container > ul > li > h3 {
    font-size: 0 !important;
}

.slimmenu .layout-menubar-container > ul > li:hover > h3 {
    font-size: 18px !important;
}

.slimmenu .layout-menubar-container > ul > li[aria-expanded="true"] {
    width: 330px !important;
    min-width: 330px !important;
}

.slimmenu .layout-menubar-container > ul > li[aria-expanded="true"] > h3 {
    font-size: 18px !important;
}

.slimmenu .layout-menubar-container > ul > li[style=""] {
    display: block;
    width: 330px !important;
}

.slimmenu .layout-menubar-container > ul > li[style=""] > a > span.ui-menuitem-text {
    opacity: 1;
    width: 330px !important;
}

#main_menu\:layout-menubar-resize span > i {
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: relative;
    top: 2.8px;
    font-size: 22px;
    margin-right: 8px;
}

#main_menu\:layout-menubar-resize span a {
    display: flex;
}

.layout-menubar-container {
    border-right: none !important;
    background-color: #FAFAFA;
}

.ui-submenu-child,
.ui-menu .ui-menu-list .ui-widget-header{
    background-color: #FAFAFA;
}

#layout-menubar li a {
    color: #797979 !important;
}

#layout-portlets-cover {
    padding-top: 70px;
}

.ui-datatable-data td {
    outline: none;
    outline-offset: 0px;
}

.ui-panelgrid .ui-panelgrid-header {
    color: #45ABDB !important;
}

.ui-grid-responsive .ui-panelgrid-cell.formLabel {
    width: 40%;
}

.ui-grid-responsive .ui-panelgrid-cell.formField {
    width: 60%;
}

thead th[scope="col"] .ui-column-title {
    color: #555555;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
}

div.ui-accordion .ui-accordion-header:hover {
    color: #45abdb !important;
}

div.ui-accordion .ui-accordion-header[aria-expanded="false"] {
    color: #767676;
}

#mainForm\:costManagerPanel\:costManagerDocument_chooseCostCategoryTitle_header,
#mainForm\:closeMonthWizardFormPanel\:closeMonthWizard_title_header,
#mainForm\:bookingCompleteDataPanel\:jpk_file_primary_data_header {
    pointer-events: none;
}

.ui-paginator .ui-paginator-first .ui-icon,
.ui-paginator .ui-paginator-prev .ui-icon,
.ui-paginator .ui-paginator-next .ui-icon,
.ui-paginator .ui-paginator-last .ui-icon {
    height: 16px !important;
}
.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-prev,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last,
.ui-paginator .ui-paginator-pages .ui-paginator-page {
    transition: all 0.5s ease !important;
    background-color: #fff;
}

.ui-inplace .ui-inplace-display.ui-state-highlight {
    background-color: #fff;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

#mainForm\:mainFormPanel\:dateLabelEditableText {
    width: 107% !important;
}

.ui-spinner-button.ui-spinner-up {
    padding: 0 !important;
    margin-right: 0 !important;
    width: 16px !important;
    height: 18px !important;
    cursor: pointer;
}

.ui-spinner-button.ui-spinner-down {
    padding: 5px 0 0 !important;
    margin-right: 0 !important;
    width: 16px !important;
    height: 18px !important;
    cursor: pointer;
}

.ui-spinner .ui-spinner-up .ui-button-text .ui-icon,
.ui-spinner .ui-spinner-down .ui-button-text .ui-icon{
    background-size: 80% !important;
    margin-left: 0 !important;
}

.ui-growl-title {
    color: #414040 !important;
    font-weight: bold;
}

.ui-growl-message > p {
    color: #414040 !important;
}

.ui-selectonemenu-trigger .ui-icon.ui-icon-triangle-1-s {
    position: relative !important;
}

th.ui-selection-column .ui-chkbox-box[role="checkbox"] {
    position: relative;
    left: -1px;
    top: -2px;
}

.ui-selection-column .ui-chkbox-box[role="checkbox"] {
    border-radius: 0;
}

.ui-icon-loading {
    opacity: 0 !important;
}

#mainForm\:welcomeDialogModalForm\:welcomeTabsView\:isVatPayerList.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    margin-top: 15px !important;
}

li.ui-selectonemenu-item.ui-selectonemenu-list-item[data-label="45abdb"][id*="colorsListField"],
span.ui-selectonemenu-label.ui-inputfield[aria-label="45abdb"][id*="colorsListField"] {
    color: #45ABDB !important;
    background-color: #45ABDB !important;
}

li.ui-selectonemenu-item.ui-selectonemenu-list-item[data-label="617ec9"][id*="colorsListField"],
span.ui-selectonemenu-label.ui-inputfield[aria-label="617ec9"][id*="colorsListField"] {
    color: #617EC9 !important;
    background-color: #617EC9 !important;
}

li.ui-selectonemenu-item.ui-selectonemenu-list-item[data-label="4386d9"][id*="colorsListField"],
span.ui-selectonemenu-label.ui-inputfield[aria-label="4386d9"][id*="colorsListField"] {
    color: #4386D9 !important;
    background-color: #4386D9 !important;
}

li.ui-selectonemenu-item.ui-selectonemenu-list-item[data-label="236594"][id*="colorsListField"],
span.ui-selectonemenu-label.ui-inputfield[aria-label="236594"][id*="colorsListField"] {
    color: #236594 !important;
    background-color: #236594 !important;
}

li.ui-selectonemenu-item.ui-selectonemenu-list-item[data-label="b8b8b8"][id*="colorsListField"],
span.ui-selectonemenu-label.ui-inputfield[aria-label="b8b8b8"][id*="colorsListField"] {
    color: #B8B8B8 !important;
    background-color: #B8B8B8 !important;
}

li.ui-selectonemenu-item.ui-selectonemenu-list-item[data-label="bfb178"][id*="colorsListField"],
span.ui-selectonemenu-label.ui-inputfield[aria-label="bfb178"][id*="colorsListField"] {
    color: #BFB178 !important;
    background-color: #BFB178 !important;
}

li.ui-selectonemenu-item.ui-selectonemenu-list-item[data-label="42a644"][id*="colorsListField"],
span.ui-selectonemenu-label.ui-inputfield[aria-label="42a644"][id*="colorsListField"] {
    color: #42A644 !important;
    background-color: #42A644 !important;
}

li.ui-selectonemenu-item.ui-selectonemenu-list-item[data-label="237d27"][id*="colorsListField"],
span.ui-selectonemenu-label.ui-inputfield[aria-label="237d27"][id*="colorsListField"] {
    color: #237D27 !important;
    background-color: #237D27 !important;
}

li.ui-selectonemenu-item.ui-selectonemenu-list-item[data-label="209db0"][id*="colorsListField"],
span.ui-selectonemenu-label.ui-inputfield[aria-label="209db0"][id*="colorsListField"] {
    color: #209DB0 !important;
    background-color: #209DB0 !important;
}

li.ui-selectonemenu-item.ui-selectonemenu-list-item[data-label="c675c7"][id*="colorsListField"],
span.ui-selectonemenu-label.ui-inputfield[aria-label="c675c7"][id*="colorsListField"] {
    color: #C675C7 !important;
    background-color: #C675C7 !important;
}

li.ui-selectonemenu-item.ui-selectonemenu-list-item[data-label="aa6dc2"][id*="colorsListField"],
span.ui-selectonemenu-label.ui-inputfield[aria-label="aa6dc2"][id*="colorsListField"] {
    color: #AA6DC2 !important;
    background-color: #AA6DC2 !important;
}

li.ui-selectonemenu-item.ui-selectonemenu-list-item[data-label="bd4b60"][id*="colorsListField"],
span.ui-selectonemenu-label.ui-inputfield[aria-label="bd4b60"][id*="colorsListField"] {
    color: #BD4B60 !important;
    background-color: #BD4B60 !important;
}

li.ui-selectonemenu-item.ui-selectonemenu-list-item[data-label="a84374"][id*="colorsListField"],
span.ui-selectonemenu-label.ui-inputfield[aria-label="a84374"][id*="colorsListField"] {
    color: #A84374 !important;
    background-color: #A84374 !important;
}

#mainForm\:mainFormPanel\:costManagerCostGroupDialogModalForm\:colorsListField_label {
    width: 93%;
}

.costManagerCostGroupIconsContainer .ui-panelgrid-cell {
    width: 100% !important;
}

.ui-dialog.lightbox-dialog,
.ui-dialog.lightbox-dialog .ui-dialog-content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.lightbox-dialog .ui-dialog-content {
    overflow: hidden !important;
}

.lightbox-dialog .lightbox-content {
    padding:0;
    overflow:hidden;
    background:transparent;
    border:none;
    box-shadow:none;
}

.ui-galleria {
    border-radius: 0 !important;
}

#mainForm\:mainFormPanel\:galeria .ui-galleria-item {
    display: inline !important;
}

#mainForm\:mainFormPanel\:multipleFilesGalleria .ui-galleria-item {
    display: flex !important;
    justify-content: center;
}

.ui-galleria .ui-galleria-items {
    width: 100%;
}

.bigImageContainer {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: 235px;
    object-fit:scale-down;
}

.ui-galleria .ui-galleria-items {
    transition: opacity 0.6s ease-in-out !important;
}

#mainForm\:mainFormPanel\:multipleFilesGalleria.ui-galleria,
#mainForm\:costManagerPanel\:multipleFilesGalleria {
    border: none !important;
}

#mainForm\:mainFormPanel\:multipleFilesGalleria .ui-galleria-items .ui-galleria-item > i.fa-chevron-left {
    margin-right: 10px;
}

#mainForm\:mainFormPanel\:multipleFilesGalleria .ui-galleria-items .ui-galleria-item > i.fa-chevron-right {
    margin-right: 10px;
}

#mainForm\:mainFormPanel\:multipleFilesGalleria .ui-galleria-items .ui-galleria-item > i.fa-chevron-left,
#mainForm\:mainFormPanel\:multipleFilesGalleria .ui-galleria-items .ui-galleria-item > i.fa-chevron-right {
    cursor: pointer;
}

.ui-galleria-thumbnail-next-icon {
    background-position: center !important;
    background-size: 140% !important;
}

.ui-galleria-thumbnail-prev-icon {
    background-position: center !important;
    background-size: 120% !important;
}

.ui-icon-circle-triangle-w {
    background-image: url("/app/jakarta.faces.resource/images/leftarrow-gray.svg.do?ln=primefaces-sentinel") !important;
}

.accountingOfficeElementDescription {
    text-align: center;
    margin-top: 3px;
}

li.ui-selectonemenu-item.ui-selectonemenu-list-item[data-label="45abdb"][id*="colorsListField"],
span.ui-selectonemenu-label.ui-inputfield[aria-label="45abdb"][id*="colorsListField"] {
    color: #45ABDB !important;
    background-color: #45ABDB !important;
}

li.ui-selectonemenu-item.ui-selectonemenu-list-item[data-label="617ec9"][id*="colorsListField"],
span.ui-selectonemenu-label.ui-inputfield[aria-label="617ec9"][id*="colorsListField"] {
    color: #617EC9 !important;
    background-color: #617EC9 !important;
}

li.ui-selectonemenu-item.ui-selectonemenu-list-item[data-label="4386d9"][id*="colorsListField"],
span.ui-selectonemenu-label.ui-inputfield[aria-label="4386d9"][id*="colorsListField"] {
    color: #4386D9 !important;
    background-color: #4386D9 !important;
}

li.ui-selectonemenu-item.ui-selectonemenu-list-item[data-label="236594"][id*="colorsListField"],
span.ui-selectonemenu-label.ui-inputfield[aria-label="236594"][id*="colorsListField"] {
    color: #236594 !important;
    background-color: #236594 !important;
}

li.ui-selectonemenu-item.ui-selectonemenu-list-item[data-label="b8b8b8"][id*="colorsListField"],
span.ui-selectonemenu-label.ui-inputfield[aria-label="b8b8b8"][id*="colorsListField"] {
    color: #B8B8B8 !important;
    background-color: #B8B8B8 !important;
}

li.ui-selectonemenu-item.ui-selectonemenu-list-item[data-label="bfb178"][id*="colorsListField"],
span.ui-selectonemenu-label.ui-inputfield[aria-label="bfb178"][id*="colorsListField"] {
    color: #BFB178 !important;
    background-color: #BFB178 !important;
}

li.ui-selectonemenu-item.ui-selectonemenu-list-item[data-label="42a644"][id*="colorsListField"],
span.ui-selectonemenu-label.ui-inputfield[aria-label="42a644"][id*="colorsListField"] {
    color: #42A644 !important;
    background-color: #42A644 !important;
}

li.ui-selectonemenu-item.ui-selectonemenu-list-item[data-label="237d27"][id*="colorsListField"],
span.ui-selectonemenu-label.ui-inputfield[aria-label="237d27"][id*="colorsListField"] {
    color: #237D27 !important;
    background-color: #237D27 !important;
}

li.ui-selectonemenu-item.ui-selectonemenu-list-item[data-label="209db0"][id*="colorsListField"],
span.ui-selectonemenu-label.ui-inputfield[aria-label="209db0"][id*="colorsListField"] {
    color: #209DB0 !important;
    background-color: #209DB0 !important;
}

li.ui-selectonemenu-item.ui-selectonemenu-list-item[data-label="c675c7"][id*="colorsListField"],
span.ui-selectonemenu-label.ui-inputfield[aria-label="c675c7"][id*="colorsListField"] {
    color: #C675C7 !important;
    background-color: #C675C7 !important;
}

li.ui-selectonemenu-item.ui-selectonemenu-list-item[data-label="aa6dc2"][id*="colorsListField"],
span.ui-selectonemenu-label.ui-inputfield[aria-label="aa6dc2"][id*="colorsListField"] {
    color: #AA6DC2 !important;
    background-color: #AA6DC2 !important;
}

li.ui-selectonemenu-item.ui-selectonemenu-list-item[data-label="bd4b60"][id*="colorsListField"],
span.ui-selectonemenu-label.ui-inputfield[aria-label="bd4b60"][id*="colorsListField"] {
    color: #BD4B60 !important;
    background-color: #BD4B60 !important;
}

li.ui-selectonemenu-item.ui-selectonemenu-list-item[data-label="a84374"][id*="colorsListField"],
span.ui-selectonemenu-label.ui-inputfield[aria-label="a84374"][id*="colorsListField"] {
    color: #A84374 !important;
    background-color: #A84374 !important;
}

#mainForm\:mainFormPanel\:costManagerCostGroupDialogModalForm\:colorsListField_label {
    width: 93%;
}

.costManagerCostGroupIconsContainer .ui-panelgrid-cell {
    width: 100% !important;
}

.ui-datatable-data td[role="gridcell"] {
    outline: none !important;
}

.addLabelClass,
.addLabelClass span,
.addLabelClass ul,
.addLabelClass ul > li {
    transition: none !important;
}

#mainForm\:taskDialogModalForm\:fromPickerField_input,
#mainForm\:taskDialogModalForm\:toPickerField_input {
    height: 32.8px;
}

#mainForm\:closeMonthWizardFormPanel div.linkedAccordionHeader {
    cursor: pointer !important;
}

#mainForm\:closeMonthWizardFormPanel div.ui-state-disabled.linkedAccordionHeader {
    pointer-events: all;
    color: #767676 !important;
}

#mainForm\:closeMonthWizardFormPanel\:taxZusModalDialogModalForm\:zusTabView\:zusReliefTypeField,
#mainForm\:closeMonthWizardFormPanel\:insuranceCodeHolidaysDialogModalForm\:insuranceCodeHolidaysTab\:idInsuranceDisabilityLevelField {
    min-width: auto !important;
}

/*
KLASY p:textEditor kopia z saga-blue theme.css
 */

.ui-texteditor .ui-editor-toolbar {
    background: #f8f9fa;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.ui-texteditor .ui-editor-toolbar.ql-snow {
    border: 1px solid #dee2e6;
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke {
    stroke: #6c757d;
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill {
    fill: #6c757d;
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
    border: 0 none;
    color: #6c757d;
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
    color: #495057;
}

.ui-texteditor
.ui-editor-toolbar.ql-snow
.ql-picker
.ql-picker-label:hover
.ql-stroke {
    stroke: #495057;
}

.ui-texteditor
.ui-editor-toolbar.ql-snow
.ql-picker
.ql-picker-label:hover
.ql-fill {
    fill: #495057;
}

.ui-texteditor
.ui-editor-toolbar.ql-snow
.ql-picker.ql-expanded
.ql-picker-label {
    color: #495057;
}

.ui-texteditor
.ui-editor-toolbar.ql-snow
.ql-picker.ql-expanded
.ql-picker-label
.ql-stroke {
    stroke: #495057;
}

.ui-texteditor
.ui-editor-toolbar.ql-snow
.ql-picker.ql-expanded
.ql-picker-label
.ql-fill {
    fill: #495057;
}

.ui-texteditor
.ui-editor-toolbar.ql-snow
.ql-picker.ql-expanded
.ql-picker-options {
    background: #fff;
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    padding: 0.5rem 0;
}

.ui-texteditor
.ui-editor-toolbar.ql-snow
.ql-picker.ql-expanded
.ql-picker-options
.ql-picker-item {
    color: #495057;
}

.ui-texteditor
.ui-editor-toolbar.ql-snow
.ql-picker.ql-expanded
.ql-picker-options
.ql-picker-item:hover {
    color: #495057;
    background: #e9ecef;
}

.ui-texteditor
.ui-editor-toolbar.ql-snow
.ql-picker.ql-expanded:not(.ql-icon-picker)
.ql-picker-item {
    padding: 0.5rem 1rem;
}

.ui-texteditor .ql-container.ql-snow {
    border: 1px solid #dee2e6;
}

.ui-texteditor .ql-container .ql-editor {
    background: #fff;
    color: #495057;
}

.ui-texteditor .ql-snow.ql-toolbar button:hover,
.ui-texteditor .ql-snow.ql-toolbar button:focus {
    color: #495057;
}

.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke,
.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke {
    stroke: #495057;
}

.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill,
.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill {
    fill: #495057;
}

.ui-texteditor .ql-snow.ql-toolbar button.ql-active,
.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
    color: #2196f3;
}

.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
    stroke: #2196f3;
}

.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill,
.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
    fill: #2196f3;
}

.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
.ui-texteditor
.ql-snow.ql-toolbar
.ql-picker-item.ql-selected
.ql-picker-label {
    color: #2196f3;
}

.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow,
.ui-texteditor.ui-state-error .ql-container.ql-snow {
    border-color: #f44336;
}

.ql-container {
    font-family: var(--font-family) !important;
}

.ql-editor .ql-bg-blue {
    background-color: var(--text-color);
}

.ql-editor .ql-color-white {
    color: var(--surface-a);
}

.ql-editor .ql-color-blue {
    color: var(--text-color);
}

@media (pointer: coarse) {
    .ql-snow.ql-toolbar button:hover:not(.ql-active),
    .ql-snow .ql-toolbar button:hover:not(.ql-active) {
        color: var(--text-color);
    }

    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
        fill: var(--text-color);
    }

    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
        stroke: var(--text-color);
    }
}

.ql-snow .ql-stroke {
    stroke: var(--text-color);
}

.ql-snow .ql-stroke-miter {
    stroke: var(--text-color);
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
    fill: var(--text-color);
}

.ql-snow .ql-picker {
    color: var(--text-color);
}

.ql-snow .ql-picker-options {
    background-color: var(--surface-a);
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
    background-color: var(--surface-a);
}

.ql-snow .ql-tooltip {
    background-color: var(--surface-a);
    color: var(--text-color);
}

.ql-editor strong {
    font-weight: bold !important;
}

.ql-editor em {
    font-style: italic !important;
}

.ql-editor u {
    text-decoration: underline !important;
}

.colImportExample {
    width: 16%;
    overflow: hidden;
}

.colImportFullExample {
    width: 7.5%;
    overflow: hidden;
}

.ui-autocomplete-clear.ui-state-default .ui-button-icon-primary {
    font-size: 20px;
    margin-top: 2px;
}

.loggedOffModeIcon {
    cursor: pointer;
}

.loggedOffModeIcon:hover {
    color: #45ABDB !important;
}

#facebookLogin,
#mainForm\:facebookLogin {
    width: 358px !important;
}

.ui-autocomplete .ui-autocomplete-dropdown {
    position: relative;
    height: auto;
}

#mainForm\:mainFormPanel\:bankAccountSettlementField_button,
#mainForm\:mainFormPanel\:bankAccountSettlement2Field_button,
#mainForm\:mainFormPanel\:bankAccountSettlement3Field_button {
    right: -4px !important;
}

.ui-autocomplete .ui-autocomplete-adding {
    right: 1px;
}

#mainForm\:mainFormPanel\:bankAccountSettlementField_input.inputReadonlyStyle,
#mainForm\:mainFormPanel\:bankAccountSettlement2Field_input.inputReadonlyStyle,
#mainForm\:mainFormPanel\:bankAccountSettlement3Field_input.inputReadonlyStyle {
    border-right: none !important;
}

#sendFileButton,
#sendFileButtonBuyDialog {
    margin-top: -10px;
}

.colImportExampleCustomer {
    width: 20%;
    overflow: hidden;
}

.colImportFullExampleCustomer {
    width: 10%;
    overflow: hidden;
}

[id$=":idSettlementCommitmentField_searchButton"] {
    margin-right: 0px !important;
}

#mainForm\:mainFormAccordionPanel\:contentField_editor {
    height: 250px;
}

#docActionsDialogModalForm\:tabs\:contentField_editor {
    height: 100px;
}

#mainForm\:vindicationSendManualDialogModalForm\:sendManualContentField_editor {
    height: 160px;
}

.jpkPreviewValueColumn {
    padding-left: 10px;
    padding-right: 10px;
}

#selectCheckBox {
    position: absolute;
    left: calc(100% - 35px);
    top: calc(100% - 37px);
}

#mainForm\:mainFormPanel\:articleDataTableDialogModalForm {
    overflow-x: hidden;
}

#mainForm\:mainFormPanel\:pwd1_panel {
    min-width: 172px !important;
}

div[id$=":idStore"] {
    max-width: 113px !important;
    min-width: 92% !important;
    position: relative;
    left: 0;
    margin-bottom: 1px;
}

div[id$=":idMeasureUnitField"] {
    display: flex;
}

ul.ui-tree-container {
    overflow-x: hidden !important;
}

.ui-tree .ui-treenode .ui-treenode-label {
    white-space: wrap;
}

.ui-selectonemenu {
    min-width: 0 !important;
}

.ui-selectonemenu-label {
    width: calc(100% - 25px) !important;
}

.ui-state-loading.ui-button-text-only .ui-icon-loading + .ui-button-text {
    opacity: 1 !important;
}

#contactFormItem > span.ui-menuitem-icon {
    min-height: 16px;
    max-height: 16px;
    font-size: 15px;
}

.contactFormIcon::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    content: "\f086";
    min-height: 16px !important;
    max-height: 16px !important;
    font-size: 15px;
}

.helpLineItemIcon::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    content: "\f095";
    min-height: 16px !important;
    max-height: 16px !important;
    font-size: 15px;
    margin-left: 1px;
}

.guideItemIcon::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    content: "\f02d";
    min-height: 16px !important;
    max-height: 16px !important;
    font-size: 15px;
    margin-left: 2px;
}

.createInvoiceTutorialItemIcon::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    content: "\3f";
    min-height: 16px !important;
    max-height: 16px !important;
    font-size: 15px;
    margin-left: 4px;
}

#mainForm\:mainFormPanel\:gtuHelp,
#mainForm\:closeMonthWizardFormPanel\:declarVdekPreview,
#mainForm\:ksefInvoiceHtmlPreview,
#mainForm\:ksefInvoiceHtmlPreview_content {
    overflow: hidden !important;
}

#tokenIntegrationImageContainer,
#certificateAuthorizationImageContainer {
    display: flex;
    justify-content: center;
}

.ksefAuthorizationTypeCardTextContainer {
    display: flex;
    justify-content: center;
    height: 90px;
}

.ksefAuthorizationTypeCardText {
    font-weight: bold;
    align-content: center;
}

.ksefCreatorAuthorizationTypeImage {
    width: 104px;
    height: 106px;
}

.ksefAuthorizationTypeCard {
    width: 225px;
    height: 255px;
    cursor: pointer;
}

#mainForm\:ksefImportBufferAddDocument_modal {
    z-index: 2147483625 !important;
}

#mainForm\:ksefImportBufferAddDocument {
    z-index: 2147483626 !important;
}

#mainForm\:car_modal {
    z-index: 2147483627 !important;
}

#mainForm\:car {
    z-index: 2147483628 !important;
}

.guideInfoUnderline {
    text-decoration: underline;
}

#mainForm\:mainFormPanel\:uploadPrivateKey_label,
#mainForm\:mainFormPanel\:uploadPublicCert_label {
    display: none;
}

#mainForm\:mainFormPanel\:uploadPrivateKey .ui-fileupload-choose,
#mainForm\:mainFormPanel\:uploadPublicCert .ui-fileupload-choose {
    background: none !important;
    border: none !important;
    padding: 0;
}

#mainForm\:mainFormPanel\:uploadPrivateKey .ui-button,
#mainForm\:mainFormPanel\:uploadPublicCert .ui-button {
    color: #858585;
}

#mainForm\:mainFormPanel\:uploadPrivateKey.upload-icon-active .ui-button,
#mainForm\:mainFormPanel\:uploadPublicCert.upload-icon-active .ui-button {
    color: #45ABDB;
}

#mainForm\:mainFormPanel\:uploadPrivateKey .ui-fileupload-choose::before,
#mainForm\:mainFormPanel\:uploadPublicCert .ui-fileupload-choose::before {
    font-family: 'Font Awesome 6 Pro' !important;
    content: "\f56d";
    font-size: 64px;
    font-weight: 300;
}

#mainForm\:mainFormPanel\:uploadPrivateKey .ui-fileupload-choose span,
#mainForm\:mainFormPanel\:uploadPublicCert .ui-fileupload-choose span {
    display: none;
}


#mainForm\:mainFormPanel\:uploadPrivateKey .ui-fileupload-choose:hover,
#mainForm\:mainFormPanel\:uploadPublicCert .ui-fileupload-choose:hover {
    cursor: pointer;
    opacity: 0.85;
}

#mainForm\:ksefInvoiceHtmlPreview {
    width: 95vw !important;
    height: 95vh !important;
}

#mainForm\:ksefInvoiceHtmlPreview_content {
    max-height: unset;
}

body .ui-autocomplete-panel .ui-autocomplete-items {
    max-height: 240px !important;
    overflow-y: auto !important;
}