.ui-button.ui-widget {
    display: block;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    font-size: 1rem;
    position: relative;
    border-radius: 0.5rem;
    padding: 0.5rem;
    min-width: 11rem;
    font-family: "UrwDinRegular", sans-serif;
    text-align: -webkit-center;
}

.ui-button.ui-widget .ui-button-text {
    /*height: 1.5rem;*/
    white-space: nowrap;
    margin: auto !important;
}

/** BUTTON LOGIN **/
.button--login.ui-button {
    background: #456D2B;
    margin-left: 1rem;
    min-width: 8rem;
}

.button--login .ui-button-text {
    color: hsl(0, 0%, 100%);
}

/*Buttton wyloguj - wszystkie przeglądarki*/
@media screen and (max-width:640px){
    .nav-auth .ui-widget.button--logout {
        max-width: 144px !important;
        margin: 2rem 1rem !important;
        -webkit-appearance: meter !important;
        color: white !important;
        text-decoration: none;
        text-align: center;
        border-radius: 9px;
        font-family: UrwDinRegular, sans-serif !important;
        width: 176px !important;
        height: 40px !important;
        padding-top: 10px !important;
        margin-top: 42px !important;
    }
}
@media screen and (min-width: 641px) and (max-width: 1024px){
    .nav-auth .ui-widget.button--logout {
        max-width: 144px !important;
        margin: 2rem 1rem !important;
        -webkit-appearance: meter !important;
        color: white !important;
        text-decoration: none;
        text-align: center;
        border-radius: 9px;
        font-family: UrwDinRegular, sans-serif !important;
        width: 176px !important;
        height: 40px !important;
        padding-top: 10px !important;
        margin-top: 0 !important;
    }
}

@media all and (-ms-high-contrast: none) and (max-width:1024px){
    .nav-auth .ui-widget.button--logout {
        max-width: 144px !important;
        -webkit-appearance: meter !important;
        color: white !important;
        text-decoration: none;
        text-align: center !important;
        border-radius: 9px;
        font-family: UrwDinRegular , sans-serif !important;
        width: 176px !important;
        height: 40px !important;
        padding-top: 10px !important;
        padding-left: 45px;
        display: -ms-flexbox;
    }
}
@-moz-document url-prefix() {
    @media screen and (max-width:640px){
        .nav-auth .ui-widget.button--logout {
            max-width: 144px !important;
            margin: 2rem 1rem !important;
            -webkit-appearance: meter !important;
            color: white !important;
            text-decoration: none;
            text-align: center;
            border-radius: 9px;
            font-family: UrwDinRegular, sans-serif !important;
            width: 176px !important;
            height: 40px !important;
            padding-top: 10px !important;
            margin-top: 42px !important;
            display: block;
        }
    }
    @media screen and (min-width: 641px) and (max-width:1024px){
        .nav-auth .ui-widget.button--logout {
            max-width: 144px !important;
            margin: 2rem 1rem !important;
            -webkit-appearance: meter !important;
            color: white !important;
            text-decoration: none;
            text-align: center;
            border-radius: 9px;
            font-family: UrwDinRegular, sans-serif   !important;
            width: 176px !important;
            height: 40px !important;
            padding-top: 10px !important;
            margin-top: 0 !important;
            display: block;
        }
    }
}

/*Koniec wyloguj*/

.button--login.ui-button.ui-widget.ui-state-hover {
    background: #5a7c19;
    box-shadow: 0 1px 3px -2px hsla(0, 0%, 30%, 0.25);
}

/** BUTTON GREEN */
.button--green {
    background: #456D2B;
    margin-left: 1rem;
}

.button--green .ui-button-text {
    color: hsl(0, 0%, 100%);
}

/** BUTTON CLEAN **/
.button--clean.ui-widget {
    background: hsl(0, 0%, 100%);
    border: 2px solid #456D2B;
}

.button--clean.ui-widget .ui-button-text {
    color: #456D2B;
}

.button--clean.ui-widget.ui-state-hover .ui-button-text {
    color: hsl(0, 0%, 100%)
}

/** BUTTON PRIMARY **/
.button--primary.ui-widget {
    background: #456D2B;
    border: 2px solid #456D2B;
    color: white;
}
.button--primary.ui-widget:hover {
    background: #456D2B;
    border: 2px solid #456D2B;

}

.button--primary.ui-widget .ui-button-text {
    color: hsl(0, 0%, 100%);
    font-weight: 100;

}

/** BUTTON SECONDARY **/
.button--secondary.ui-widget {
    background: #EFF2E9;
    border: 2px solid #456D2B;
}

.button--secondary.ui-widget .ui-button-text {
    color: #456D2B;
}

.button--secondary.ui-widget.ui-state-hover .ui-button-text {
    color: hsl(0, 0%, 100%)
}

/** BUTTON LARGE **/
.button--large.ui-button.ui-widget {
    padding: 1rem;
}

.wsteczButton:hover > span {
    color: white !important;
}
/** BUTTON XLARGE **/
.button--xlarge.ui-button.ui-widget {
    padding: 2rem 7.5rem;
    text-transform: uppercase;
}

.button--xlarge.ui-button.ui-widget .ui-button-text {
    font-size: 1.2rem;
}

/** BUTTON FULL WIDTH **/
.button--full-width.ui-button.ui-widget {
    width: 100%;
}

/** BUTTON RETURN **/
.button--return.ui-button.ui-widget .ui-icon.fa.fa-arrow-left {
    left: 1rem;
}

/** HOVER **/
.ui-button.ui-widget.ui-state-hover.button--primary, .ui-button.ui-widget.ui-state-hover.button--secondary,
.ui-button.ui-widget.ui-state-hover.button--clean {
    background-color: #456D2B;
    border: 2px solid #456D2B;
}

.button--clean.ui-state-hover .ui-button-text {
    color: #456D2B;
}

.ui-button-text-icon-right .ui-button-text {
    padding: 0 1.5rem 0 1rem;
}

.ui-button-text-icon-right .ui-icon {
    margin: -10px 12px;
    width: 18px;
    height: 18px;
}

.ui-button-text-icon-right .ui-icon.fa, .ui-button-text-icon-left .ui-icon.fa
{
    margin-top: -10px;
    margin-left: 1rem;
}

.ui-button.ui-widget.button--with-icon {
    min-width: 13rem;
}

/** ICONS **/
.fa-search:before, .fa-arrow-right:before, .fa-arrow-left:before,
.fa-close:before, .fa-plus:before {
    content: '';
}

.ui-widget .ui-icon.fa.fa-search {
    background-image: url("/javax.faces.resource/img/icon-btn-search.png.xhtml")
    !important;
    background-size: 13px 13px !important;
}

.ui-widget .ui-icon.fa.fa-plus {
    background-image: url("/javax.faces.resource/img/icon-btn-plus.png.xhtml") !important;
    background-size: 13px 13px !important;
}

.ui-widget .ui-icon.fa.fa-close {
    background-image: url("/javax.faces.resource/img/icon-btn-close.png.xhtml")
    !important;
    background-size: 13px 13px !important;
}

.ui-widget .ui-icon.fa {
    background-repeat: no-repeat !important;
    width: 21px;
    height: 13px;
    background-size: 21px 13px !important;
    margin-top: -5px;
}
.summary__actions.button--group .ui-widget .ui-icon.fa.fa-arrow-right {
    background-image: url("/javax.faces.resource/img/icon-arrow-right.png.xhtml")
    !important;
}
.button--secondary.ui-state-hover.ui-widget .ui-icon.fa.fa-arrow-right {
    background-image: url("/javax.faces.resource/img/icon-arrow-right-light.png.xhtml")
    !important;
}

.ui-widget .ui-icon.fa.fa-arrow-left {
    background-image: url("/javax.faces.resource/img/icon-btn-arrow-left.png.xhtml")
    !important;
}

.button--secondary.ui-state-hover.ui-widget .ui-icon.fa.fa-arrow-left {
    background-image: url("/javax.faces.resource/img/icon-arrow-left-light.png.xhtml")
    !important;
}

.button--secondary.ui-state-hover.ui-widget .ui-icon.fa.fa-close {
    background-image: url("/javax.faces.resource/img/icon-btn-close-light.png.xhtml")
    !important;
}

.button--group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;

}

.button--group>* {
    margin-right: 1rem;
}

.button--group>:last-child {
    margin: 0 0 0 1rem;
}

@media screen and (max-width: 640px) {
    .button--group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .button--group>.ui-widget {
        margin: 0 0 1rem 0;
    }
    .form__actions .ui-button.ui-state-default {
        min-width: initial;
    }
    .panel-grid__button-new button {
        width: 100%;
    }
    .button--xlarge.ui-button.ui-widget {
        padding: 1rem 2rem;
    }
}

@media screen and (min-width: 1280px) {
    .button--return.ui-button.ui-widget {
        min-width: 13rem;
    }
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5) and (min-width:
        1025px) , only screen and (-moz-min-device-pixel-ratio: 1.5) and
(min-width: 1025px) , only screen and (-o-min-device-pixel-ratio: 3/2)
and (min-width: 1025px) , only screen and (min-device-pixel-ratio:
        1.5) and (min-width: 1025px) {
    .ui-button.ui-widget .ui-button-text {
        height: 1rem;
    }
    .button--large.ui-button.ui-widget .ui-button-text {
        height: 1.5rem;
    }
}

.backButton span.ui-button-text {
    min-height: 22px;
}

@media only screen and (min-width:1024px) {
    .marginRightButton {
        margin-right: 2.5%;
    }
}

@media only screen and (min-width:640px) {
    .marginRightButton {
        margin-left: auto
    }
}

.content__section .searchInput input.searchWindow {
    border: 1px solid hsl(0, 0%, 72%);
    border-top: 2px solid #737373 !important;
    border-bottom: 1px solid hsl(0, 0%, 72%) !important;
    border-radius: 0.5rem;
}

@media screen and (min-width: 640px) {
    .content__section .searchInput input.searchWindow {
        width: 300px !important;
    }
    .content__section--return-button.backButton {
        margin-left: auto !important;
    }
}

.searchInput input.ui-widget.ui-inputfield.ui-state-default {
    padding: 0 !important;
    height: 42px;
    padding-left: 5px !important;
}
.hiddenButton{
    border: none;
    background-color: transparent;
    cursor: pointer;
}
@media only screen and (min-width:640px) and (max-width:1024px){
    .nav-auth{
        padding-top: 3rem !important;
    }
}
.iconArrowSend{
    background-image: url(../img/icon-arrow-right-light.png.xhtml) !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important;
    background-position-x: 90% !important;
    background-position-y: 11.5px !important;
    text-align: center;
    font-size: 16px !important;
    padding-top: 9px !important;

}
.iconAdd2.buttonAdd {
    background-image: url(../img/icon-btn-plus-blue.png.xhtml) !important;
    background-repeat: no-repeat !important;
    background-size: 15px !important;
    background-position-x: 90% !important;
    background-position-y: 11px !important;
    color: #456D2B !important;
    text-align: center;
    right: 0 !important;
    font-size: 16px !important;

}

a {
    text-decoration: none;
}
@media screen and (min-width: 640px) {
    .content__section--return-button {
        margin-left: auto;
    }
}
@media screen and (min-width: 1025px){
    .content__section--return-button {
        padding-right: 0 !important;
    }
}
/*button na górze strony*/
@media screen and (min-width: 640px){
.buttonPowrot {
    width: 208px !important;
    height: 42px !important;
    margin-left: auto !important;
    text-align: center;
    background: #EFF2E9 !important;
    border: 2px solid #456D2B !important;
    border-radius: 0.5em !important;
    padding-top: 10px !important;
    color: #456D2B !important;
    display: block;
    background-image: url(../img/icon-btn-close.png.xhtml) !important;
    background-repeat: no-repeat !important;
    background-position-x: 90% !important;
    background-position-y: 50% !important;
}
.buttonPowrot:hover {
    background-color: #456D2B !important;
    border: 1px solid #456D2B !important;
    color: white !important;
    background-image: url(../img/icon-btn-close-light.png.xhtml) !important;

}
}
@media screen and (max-width: 640px) {
    .buttonPowrot {
        width:100% !important;
        height: 42px !important;
        margin-left: auto !important;
        text-align: center;
        background: #EFF2E9 !important;
        border: 2px solid #456D2B !important;
        border-radius: 0.5em !important;
        padding-top: 10px !important;
        color: #456D2B !important;
        display: block;
        background-image: url(../img/icon-btn-close.png.xhtml) !important;
        background-repeat: no-repeat !important;
        background-position-x: 90% !important;
        background-position-y: 50% !important;
    }
}
/*koniec*/
.wsteczButton span {
    color: #456D2B !important;
}
/*button niebieski ze strzałką*/
@media screen and (min-width: 640px) {
    .dalejButton {
        display: block !important;
        width: 176px !important;
        height: 42px !important;
        background: #456D2B !important;
        border: 2px solid #456D2B !important;
        padding-top: 8px !important;
        text-align: center;
        color: white !important;
        border-radius: 0.5em !important;
        margin-left: auto !important;
        background-image: url("../img/icon-btn-arrow-right-light.png.xhtml") !important;
        background-repeat: no-repeat !important;
        background-position-x: 90% !important;
        background-position-y: 50% !important;
        float: right !important;
    }
    .dalejButton:active{
        cursor: pointer !important;
    }

    .dalejButton:hover {
        background-color: #456D2B !important;
        border: 2px solid #456D2B !important;
        color: white !important;
        padding-top: 8px !important;
    }
    .wsteczButton {
        display: block !important;
        width: 176px !important;
        height: 42px !important;
        background: #EFF2E9 !important;
        border: 2px solid #456D2B !important;
        padding-top: 7px !important;
        text-align: center;
        color:#456D2B !important;
        border-radius: 0.5em !important;
        margin-left: auto !important;
        background-image: url("../img/icon-btn-arrow-left.png.xhtml") !important;
        background-repeat: no-repeat !important;
        background-position-x: 10% !important;
        background-position-y: 50% !important;
        float:left !important;;
    }
    .wsteczButton:hover {
        background-color: #456D2B !important;
        border: 2px solid #456D2B !important;
        color: white !important;
        padding-top: 6px !important;
        background-image: url("../img/icon-btn-arrow-left-light.png.xhtml") !important;

    }
}
@media screen and (max-width: 640px) {
    .dalejButton {
        display: block !important;
        width: 100% !important;
        height: 42px !important;
        background: #456D2B !important;
        border: 2px solid #456D2B !important;
        padding-top: 11px !important;
        text-align: center;
        color: white !important;
        border-radius: 0.5em !important;
        margin-left: auto !important;
        background-image: url("../img/icon-btn-arrow-right-light.png.xhtml") !important;
        background-repeat: no-repeat !important;
        background-position-x: 90% !important;
        background-position-y: 50% !important;
    }
    .wsteczButton {
        display: block !important;
        width: 100% !important;
        height: 42px !important;
        background: #EFF2E9 !important;
        border: 2px solid #456D2B !important;
        padding-top: 11px !important;
        text-align: center;
        color:#456D2B !important;
        border-radius: 0.5em !important;
        margin-left: auto !important;
        background-image: url("../img/icon-btn-arrow-left.png.xhtml") !important;
        background-repeat: no-repeat !important;
        background-position-x: 10% !important;
        background-position-y: 50% !important;
    }
}
/*koniec*/

.ui-widget .ui-widget {
    font-weight: 100;
}
@media screen and (max-width: 1024px){
    button.button--login.ui-button {
        background: #456D2B;
    }
}

@media screen and (min-width: 641px) and (max-width: 1025px){
    a.payButton,button.payButton {
        width: 176px !important;
        height: 62px !important;
        padding-top:20px !important;
    }
}
@media screen and (min-width: 641px){
    div.content__section--return-button a.wcagBack.ui-button.ui-widget.button--with-icon {
        width: 208px !important;
        min-width: 208px !important;
    }
}
.button--primary.ui-widget:hover, .button--primary.ui-widget.ui-state-hover {
    background-color: #5a7c19 !important;
    border: 2px solid #5a7c19 !important;
}
.lupka{
    background-image: url(../img/icon-btn-search.png.xhtml) !important;
    background-repeat: no-repeat !important;
    background-position-x: 90% !important;
    background-position-y: 50% !important;
    background-size: 14px !important;
}

.plusik{
    background-image: url(../img/icon-btn-plus.png.xhtml) !important;
    background-repeat: no-repeat !important;
    background-position-x: 90% !important;
    background-position-y: 50% !important;
    background-size: 12px !important;
}
a.plusik{
    background-image: url(../img/icon-btn-plus.png.xhtml) !important;
    background-repeat: no-repeat !important;
    background-position-x: 90% !important;
    background-position-y: 50% !important;
    background-size: 12px !important;
}
a.greenButtonPrimary.plusik:hover {
    background-color: #5a7c19 !important;
}
@media screen and (max-width: 640px){
    .lupka{
        background-image: url(../img/icon-btn-search.png.xhtml) !important;
        background-repeat: no-repeat !important;
        background-position-x: 95% !important;
        background-position-y: 53% !important;
        background-size: 16px !important;
    }
    .plusik {
        background-image: url(../img/icon-btn-plus.png.xhtml) !important;
        background-repeat: no-repeat !important;
        background-position-x: 95% !important;
        background-position-y: 53% !important;
        background-size: 15px !important;
    }
}
@media screen and (max-width: 640px){
    a.greenButtonPrimary {
        width:100% !important;
    }
}
@media screen and (min-width: 641px){
    a.greenButtonPrimary {
        width: 176px !important;
    }
}
a.greenButtonPrimary {
    background-color: #456d2b !important;
    display: block;
    height: 42px !important;
    text-align: center !important;
    padding-top: 9px !important;
    border-radius: 0.5em !important;
    color: white !important;
}

a.greenButtonPrimary:hover{
    background-color: #5a7c19 !important;
}
@media screen and (width: 640px){
    .ui-button.ui-widget.button--with-icon {
        width: 100% !important;
    }
}

.strzalkaPrawo{
    background-image: url("../img/icon-arrow-right-light.png.xhtml") !important;
    background-repeat: no-repeat !important;
    background-position-x: 95% !important;
    background-position-y: 50% !important;
    background-size: 14px !important;
}

div.ui-growl-icon-close.ui-icon.ui-icon-closethick {
    background-image: url(../img/closeBlack.png.xhtml) !important;
    background-repeat: no-repeat !important;
    background-size: 10px !important;
    background-position: 2px 0;
}
.ui-growl-icon-close {
    top: 10px !important;
}