/*  PODSTRONA DAROWIZNY  ***********************************************************************************/
/* *** */
.input_txt.kwota-dowolna::-webkit-input-placeholder {
    color: #ED1C24;
}

.input_txt.kwota-dowolna:-moz-placeholder {
    color: #ED1C24;
    opacity: 1;
}

.input_txt.kwota-dowolna::-moz-placeholder {
    color: #ED1C24;
    opacity: 1;
}

.input_txt.kwota-dowolna:-ms-input-placeholder {
    color: #ED1C24;
}

.page-darowizny-online-box:hover .input_txt.kwota-dowolna::-ms-input-placeholder {
    color: #FFF;
}

.page-darowizny-online-box:hover .input_txt.kwota-dowolna::-webkit-input-placeholder {
    color: #FFF;
}

.page-darowizny-online-box:hover .input_txt.kwota-dowolna:-moz-placeholder {
    color: #FFF;
}

.page-darowizny-online-box:hover .input_txt.kwota-dowolna::-moz-placeholder {
    color: #FFF;
}

.page-darowizny-online-box:hover .input_txt.kwota-dowolna:-ms-input-placeholder {
    color: #FFF;
}

.page-darowizny-online-box:hover .input_txt.kwota-dowolna::-ms-input-placeholder {
    color: #FFF;
}

/** formularz #2 ** /
.form-info-wymagane {
    margin-top: 20px;
}

.field-field {
    position: relative;
}
.field-label {
    position: absolute;
    left: 0;
    padding: 0.6rem 1.2rem;
    color: #b0b0b0;
    text-align: left;
    z-index: 1;
    width: 100%;
    font-size: 2rem;
    font-style: italic;
    font-weight: 200;
    line-height: 2.5rem;
}
.field-input {
    font-size: 1.8rem;
    font-weight: 600;
    position: static;
    z-index: 2;
}
/* checkbox - zgody * /
.box-wplata .input-chk-group {
    position: relative;
    padding-left: 3rem;
}
.box-wplata .input-chk-group .tooltip-zgoda {
    border: solid 1px #ccc;
    background-color: #fafafa;
    padding: 5px 10px;
    margin-bottom: 2rem;
}

.box-wplata .input-chk-group input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
}
.box-wplata label.label-chk span.glyphicon {
    color: lightgray;
    font-size: smaller;
    margin-left: 10px;
}
.info-text {
    margin: 15px 0;
    font-size: 1.6rem;
    line-height: normal;
}
.info-text.info-text-small {
    font-size: 1.4rem;
}
.info-text a {
    color: #ED1C24;
    font-weight: bold;
}
/***/
.field-field .icon {
    display: none;
    position: absolute;
    background-image: url("../img/exclamation.png");
    background-repeat: no-repeat;
    background-position: center center;
    height: 24px;
    width: 24px;
    content: " ";
}

.field-field .wpl-msg {
    display: none;
    position: absolute;
    padding: 0px 2.0rem;
    font-size: small;
    color: red;
    background-color: #eaeaea;
    border-radius: 15px;
    z-index: 10;
}

.field-field.invalid-input .icon {
    display: block;
}

.messages-box {
    position: absolute;
    top: 0px;
    z-index: 30;
    width: 98%;
    margin-left: 1%;
}

.message-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(148, 148, 148, 0.8);
    opacity: 0.7;
}

.message-wrapper {
    font-size: 1.0em;
    position: absolute;
    width: 70%;
    margin-top: 100px;
    margin-left: 15%;
    box-shadow: 3px 3px 7px #333435;
    background-color: #f06793;
    padding: 35px 20px 20px 20px;
    padding-top: 35px;
    border-radius: 10px;
}

.message-wrapper .outerX {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    cursor: pointer;
    color: #fff;
}

.message-wrapper .innerX {
    width: inherit;
    text-align: center;
    color: #fff;
}

.message-wrapper .innerX:before {
    top: 45%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.message-wrapper .innerX:after {
    bottom: 45%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.message-wrapper .white:after, .message-wrapper .white:before {
    content: "";
    position: absolute;
    left: 0;
    width: inherit;
    height: 2px;
    background: #fff;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.message-wrapper .innerX label {
    opacity: 0;
}

.message-wrapper .message-content {
    font-size: 1em;
    line-height: normal;
}

.message-wrapper .message-content a {
    font-weight: bold;
}

.message-wrapper .message-content ul {
    margin-top: unset;
    margin-bottom: 0;
    padding-left: 20px;
}

.message-wrapper .message-content-after {
    margin-top: 0.5em;
}

.message-wrapper .message-content-after .buttons-wrapper {
    font-size: 1em;
    margin-top: 1em;
    text-align: center;
}

.message-wrapper .message-content-after .buttons-wrapper a.link-button {
    display: inline-block;
    margin: 0 .5em 0 .5em;
    padding: 5px 10px;
    background-color: #0078f3;
    color: #ffffff;
    background-color: #1fd337;
}

.box-wplata,
.etap-wplaty,
.off, .wplata-statut.off, .wplata-programy.off {
    display: none;
}

.box-wplata.aktywny,
.etap-wplaty.aktywny {
    display: block;
}

#darowizna .etap-wplaty {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 0 60px;
    width: 100%;
    z-index: 9;
}

#darowizna .etap-wplaty.prv {
    left: -2100px;
}

#darowizna .etap-wplaty.nxt {
    left: 2100px;
}

#darowizna .step-2 .dane .row {
    margin-bottom: 5px;
}

/* ajax loading */
.ajax-loader-div {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}

.ajax-loader-div .ajax-overlay {
    position: absolute;
    width: inherit;
    height: inherit;
    background-color: rgba(242, 242, 242, 0.7);
}

.ajax-loader-div .ajax-icon {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("../img/ajax-loader.gif");
    background-position: center;
    background-repeat: no-repeat;
}

.visible-mob_s-block {
    display: none;
}

/* media Q */
@media all and (max-width: 1200px) {
    .message-wrapper {
        font-size: 1.5em;
        width: 70%;
        margin-left: 15%;
    }
}

@media all and (max-width: 768px) {
    .message-wrapper {
        width: 80%;
        margin-left: 10%;
    }
}

/* *** plugin *** */
.hidden {
    display: none !important;
}

.agree-container-step-2 {
    /* bottom: 50px;
    position: absolute; */
    position: relative;
    top: 0px;
    bottom: unset;
}

.agree.zg.error > .label::before,
.agree.zgoda.error > .label::before {
    content: "!";
    font-size: larger;
    font-weight: bold;
    position: relative;
    left: -2px;
}

.agree.zg > input[type='checkbox'],
.agree.zgoda > input[type='checkbox'],
.agree.zgoda_news > input[type='checkbox'],
.agree.zgoda_mc > input[type='checkbox'] {
    position: absolute;
    display: none;
}

/* style L1311 */
#darowizna .agree.zg,
#darowizna .agree.zgoda,
#darowizna .agree.zgoda_news,
#darowizna .agree.cykliczna_faq {
    margin-left: 110px;
    margin-top: 10px;
}

#darowizna .agree.zg .label,
#darowizna .agree.zgoda .label,
#darowizna .agree.zgoda_news .label,
#darowizna .agree.cykliczna_faq {
    font-size: 12px;
}

darowizna .tooltip_container .tooltip_trigger:hover ~ i.tooltip,
#darowizna .tooltip_container .tooltip_trigger:hover i.tooltip,
#darowizna .tooltip_container .tooltip_trigger ~ i.tooltip:hover,
#darowizna .tooltip_container .tooltip_trigger i.tooltip:hover {
    display: block;
}

#darowizna .tooltip_container.zgoda_mc .tooltip_label,
#darowizna .tooltip_container.powtorz_raz .tooltip_label {
    float: left;
    /*    display: inline-block;*/
    width: 250px;
    margin-right: 20px;
    line-height: 0.8;
}

#darowizna .tooltip_container.zgoda_mc i.tooltip {
    position: absolute;
    top: -55px;
    left: 0px;
}

#darowizna .tooltip_container.zgoda_news i.tooltip {
    top: -80px;
}

#darowizna .tooltip_container a {
    color: inherit;
}

#darowizna .agree.cykliczna_faq span.ico {
    background: url(../img/pdf.png) no-repeat;
}

.agree-container-step-1 {
    display: block;
}

#darowizna .agree-container-step-1 .powtarzalnosc-wybor {
    display: block;
}

#darowizna .agree-container-step-1 .powtarzalnosc-wybor h2 {
    text-align: right;
}

#darowizna .agree-container-step-1.zgoda_mc,
#darowizna .agree-container-step-1.powtorz_raz {
    margin-left: 0px;
    margin-top: 0px;
}

#darowizna .agree-container-step-1.zgoda_mc #cykl_wplata,
#darowizna .agree-container-step-1.powtorz_raz #jedn_wplata {
    display: none;
}

#darowizna .agree-container-step-1.zgoda_mc span.ico,
#darowizna .agree-container-step-1.powtorz_raz span.ico {
    float: none;
    display: inline-block;
    margin-bottom: 0px;
}

#darowizna .agree-container-step-1.zgoda_mc.checked span.ico,
#darowizna .agree-container-step-1.powtorz_raz.checked span.ico {
    background-position: 100% 0;
}

#darowizna .step-2 .step-in {
    height: auto;
}

#darowizna .step-2 .step-in .dane-2 {
    width: auto;
}

#darowizna .step-2 .step-in .agree-wrapper {
    margin-top: 1.5em;
    margin-bottom: 1em;
}

#darowizna .step-2 .step-in .agree-wrapper .agree {
    margin-left: 0;
    font-size: 0.8em;
}

#darowizna .step-2 .step-in .button-wrapper {
    position: static;
    height: 46px;
    margin-bottom: 5px;
}

.info_cykliczna {
    font-size: small;
    position: absolute;
    bottom: 10px;
    left: 180px;
    right: 180px;
    display: none;
}

.info_cykliczna.checked {
    display: block;
}

@media (min-width: 1600px) {
    .info_cykliczna {
        font-size: 0.7em;
    }
}

#darowizna .finished .step.step-1,
#darowizna .finished .step.step-2,
#darowizna .finished .step.step-3 {
    display: none;
}

#darowizna .step.step-4 {
    display: none;
}

#darowizna .finished .step.step-4 {
    display: block;
}

.wsparcie-widget-overlay {
    position: absolute;
    width: 100%;
    margin-top: 110px;
    margin-left: 65px;
}

.backend-message-wrapper {
    padding: 25px;
    max-width: 400px;
    display: inline-block;
    background-color: #ffffff;
    border-radius: 10px;
}

.backend-message-wrapper .message-content {
    text-align: left;
    font-size: 1em;
    line-height: normal;
}

.backend-message-wrapper .details {
    margin: 4px 15px;
    padding: 2px 6px;
}

.backend-message-wrapper .details table td {
    text-align: left;
    margin: 0;
    padding: 0;
}

.backend-message-wrapper .details table td.header {
    padding-right: 8px;
    text-align: right;
}

.backend-message-wrapper .buttons {
    text-align: center;
    margin: 6px 0 2px 0;
    padding-top: 6px;
    border-top: solid 1px black;
}

.backend-message-wrapper .buttons .button-gen {
    margin: 0px 8px;
    padding: 4px 10px;
    background: none;
    background-color: #fff5f5;
    border: none;
    border: solid 1px darkgray;
    border-radius: 5px;
}

.backend-message-wrapper .buttons .button-gen:hover, .backend-message-wrapper .buttons .button-gen:focus {
    color: #a9a9a9;
}

.backend-message-wrapper .buttons .default-button {
    background-color: #0073aa;
    color: #fff;
}

.backend-message-wrapper .buttons .default-button:hover, .backend-message-wrapper .buttons .default-button:focus {
    color: #d3d3d3;
}

.backend-message-wrapper .buttons .button-gen.default-button:hover {
    color: #d3d3d3;
}

.darowizny-wrapper {
    padding: 2px;
    /* display: inline-block; */
}

table.darowizny {
    width: 95%;
    font-size: 1.3em;
}

table.darowizny,
table.stats {
    background-color: #fefefe;
    border: 2px solid #dedede;
}

table.darowizny td, table.darowizny th {
    padding: 5px 10px;
}

table.darowizny th {
    text-align: left;
}

table.darowizny th.icons {
    width: 80px;
}

table.darowizny td.icons img {
    margin: 0 2px;
}

table.darowizny thead, table.darowizny tfoot {
    background-color: #d0d0d0;
}

table.darowizny td,
.darowizny td {
    vertical-align: text-top;
}

table.darowizny .alt td {
    background-color: #f1f1f1;
}

table.darowizny .details {
    display: none;
}

table.darowizny .details.open {
    display: table-row;
}

table.darowizny .details .content {
    border-top: 1px dashed #d5d5d5;
}

table.darowizny tr.entry:hover td,
table.darowizny tr.entry:hover + tr.details.open td {
    background-color: #404040;
    color: white;
}

table.darowizny .paginate {
    position: absolute;
    right: 0px;
}

table.darowizny .cmd-buttons {
    text-align: left;
    position: relative;
    width: 140px;
}

table.darowizny .cmd-buttons .btn-cmd {
    margin: 0 3px;
    border: none;
    background: none;
}

.darowizny .embedded-table td {
    padding: 0 0 0 5px;
}

.darowizny .embedded-table td.label {
    text-align: right;
    font-style: italic;
}

.darowizny .embedded-table td.value {
    font-weight: bold;
}

.darowizny .embedded-table .bolder {
    font-weight: 600;
}

.darowizny-stopka {
    position: relative;
    width: 95%;
}

table.stats {
    font-size: 0.9em;
    margin: 20px 5px 0px 5px;
    display: inline-block;
}

table.stats td {
    vertical-align: text-top;
    text-align: center;
    border: solid 1px #dedede;
    padding: 1px 5px;
}

.legenda {
    margin: 20px 0px 0px;
}

.legenda > ul {
    margin-top: 5px;
}

.legenda ul {
    list-style-type: none;
}

.legenda .naglowek {
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: solid 1px black;
}

.legenda ul li {
    font-weight: normal;
}

.legenda > ul > li {
    font-weight: bold;
}

.legenda li img {
    vertical-align: middle;
}

.export-trans {
    display: inline-block;
    vertical-align: top;
    margin: 20px 5px 0px 5px;
    position: absolute;
    right: 0;
}

.export-trans > span {
    font-size: 1em;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.export-trans .field-dt {
    width: 100px;
    text-align: center;
}

.overlay-zakonczono {
    display: block;
    text-align: center;
    position: fixed;
    top: 1px;
    bottom: 1px;
    left: 1px;
    right: 1px;
    background-color: rgba(204, 204, 204, 0.92);
    background-color: #f06793;
    padding-bottom: 100px;
    text-align: center;
}

.overlay-zakonczono .tekst {
    position: absolute;
    width: 100%;
    top: 20%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.overlay-zakonczono .tekst h1 {
    font-weight: 600;
}

/* --- pobieranie kont ---  */
.bank-accounts {
    border: 1px solid lightgray;
}

.bank-accounts .section-header,
.bank-accounts .section-body {
    padding: 5px 10px;
}

.bank-accounts .section-header {
    background-color: lightgrey;
    font-weight: 600;
}

.bank-accounts .section-body .stats {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px 0px;
    border-bottom: solid 1px #d3d3d3;
}

.bank-accounts .section-body .stats .stats-row .stats-col {
    display: inline-block;
    width: 100px;
    padding: 4px;
    background-color: #add8e6;
    text-align: center;
}

.bank-accounts .section-body .stats .stats-row.head .stats-col {
    border-bottom: 1px solid #ffffff;
}

.bank-accounts .section-body .stats.last {
    border-bottom: none;
}

.bank-accounts .section-body .actions {
    display: inline-block;
    vertical-align: top;
}

.bank-accounts .section-body .text {
    display: inline-block;
    width: 270px;
    margin-bottom: 2px;
}

.bank-accounts .section-body .text > span {
    font-weight: bold;
}