/* Style dostępne dla stron klasy "wrtext". W razie potrzeby, część z nich
 * można wynieść do globalnego styles.css (po nadaniu im bardziej unikalnych
 * prefiksów). */

/* Drobne, często używane style. */

.wrtext h2.wrnote {
    font-size: 100%;
    font-weight: 400;
    margin: 0;
}

.wrtext .note,
.wrtext .wrnote {
    color: #646464;
    font-size: 80%;
}
.wrtext .semitransparent {
    opacity: 0.5;
}
.wrtext .disabled {
    color: #aaa;
}
.wrtext .hidden {
    display: none;
}

/* Nagłówki */

.wrtext h1 .block {
    display: block;
}

.wrtext h1 .note {
    font-size: 0.875rem;
    color: inherit;
}

/* Niestandardowe style dla odnośników. W niektórych kontekstach wyglądają
 * lepiej niż standardowe niebieskie. Nie należy tej listy zanadto rozszerzać. */

.wrtext a.wrgrey,
.wrtext a.wrgrey:visited,
.wrtext a.wrgrey:active {
    color: #646464;
    font-weight: bold;
    text-decoration: none
}
.wrtext a.wrgrey:hover {
    color: #444;
    font-weight: bold;
    text-decoration: underline
}
.wrtext a.wrnote,
.wrtext a.wrnote:visited,
.wrtext a.wrnote:active {
    color: #646464;
    font-weight: normal;
    font-size: 80%;
    text-decoration: none
}
.wrtext a.wrnote:hover {
    color: #444;
    text-decoration: underline
}
.wrtext a:focus,
.wrtext a.wrnote:focus,
.wrtext .ui-datepicker-trigger:focus {
    color: #646464;
    text-decoration: underline;
    outline: 1px dotted;
}
.wrtext a.wrnote img {
    vertical-align: top;
    margin-top: 1px
}

/* greenforms */

.wrtext .greenforms input.text,
.wrtext .greenforms select,
.wrtext .greenforms textarea {
    border: 1px solid #A4B97F;
    font-size: 11px;
    padding: 2px;
    font-weight: normal;
    vertical-align: middle
}
.wrtext .greenforms input.text:focus,
.wrtext .greenforms select:focus,
.wrtext .greenforms textarea:focus {
    background: #ffa;
}
.wrtext .greenforms input.watermark {
    font-size: 11px;
    color: #757575;
    height: 15px;
    padding: 2px 1px 2px 3px;
}
.wrtext .greenforms textarea.fixedfont {
    font-size: 15px;
}
.wrtext .greenforms input.submit,
.wrtext .greenforms button.submit {
    font-size: 10px;
    text-transform: uppercase;
    color: #fff;
    padding: 2px 5px 2px 5px;
    background: #A4B97F;
    border: 1px solid #A4B97F;
    font-style: normal;
    font-weight: normal
}
.wrtext .greenforms input.submit:hover,
.wrtext .greenforms button.submit:hover {
    background: #7C8C60;
    text-decoration: none;
    border: 1px solid #434C34;
}
.wrtext .greenforms input.submit:disabled,
.wrtext .greenforms button.submit:disabled,
.wrtext .greenforms button.submit.disabled {
    background: #c0c0c0;
    font-size: 10px;
    text-transform: uppercase;
    color: #fff;
    padding: 2px 5px 2px 5px;
    text-decoration: none;
    border: 1px solid #909090;
    font-style: normal;
    font-weight: normal
}
.wrtext .greenforms select:enabled {
    background: #FFFFFF;
}
.wrtext .greenforms select:disabled {
    background: inherit;
}
.wrtext .greenforms table.selektor_popup {
    z-index: 1105;
    background: #fff;
    border: 1px solid #A4B97F;
    padding: 0;
    height: auto;
    color: #000;
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
    font-size: 12px
}
.wrtext .greenforms table.selektor_popup tr td {
    cursor: default;
    background: #fff;
    padding: 3px 5px !important;
    border: 0
}
.wrtext .greenforms table.selektor_popup tr.highlighted td {
    background: #A4B97F;
    color: #fff
}
.wrtext .greenforms table.selektor_popup tr.highlighted td .note {
    color: #fff
}
.wrtext .greenforms table.selektor_popup tr.stats td {
    background: #7C8C60;
    color: #fff;
    font-size: 10px
}
.wrtext .greenforms table.selektor_popup tr.stats div.comment_info {
    clear: right;
    float: right;
    text-align: right;
    border-top: 1px solid #8b8;
    padding: 0 0 2px 2px;
    color: #ded;
}
.wrtext .greenforms table.selektor_popup tr.stats div.comment_notice {
    clear: right;
    float: right;
    text-align: right;
    border-top: 1px solid #8b8;
    padding: 0 0 2px 2px;
    color: #ee4;
    font-weight: bold
}
.wrtext .greenforms table.SWI_Frame div {
    border: 1px solid #C0C0C0;
    margin-top: 1px
}
.wrtext .greenforms table.SWI_Table tr:hover {
    background-color: #E3E3E3;
    cursor: pointer
}
.wrtext .greenforms table.SWI_Table td {
    padding: 5px;
    border-bottom: 1px solid #E3E3E3;
    color: #888;
    font-size: 90%;
    text-align: right
}
.wrtext .greenforms div.SWI_TextBox {
    border: 1px solid #A4B97F;
    padding-right: 3px;
    padding-top: 3px
}
.wrtext .greenforms div.SWI_TextBox input {
    border: 0;
    font-size: 11px;
    padding: 1px;
    font-weight: normal;
    color: #666;
    height: 13px;
    margin-top: 0;
    margin-left: 2px;
    margin-bottom: 3px;
    margin-right: 1px
}

/* redforms */

.wrtext .redforms input.text,
.wrtext .redforms select,
.wrtext .redforms textarea {
    border: 1px solid #C39292;
    font-size: 11px;
    padding: 2px;
    font-weight: normal;
    color: #666
}
.wrtext .redforms input.text:focus,
.wrtext .redforms select:focus,
.wrtext .redforms textarea:focus {
    background: #ffa;
}
.wrtext .redforms input.text:disabled,
.wrtext .redforms select:disabled,
.wrtext .redforms textarea:disabled {
    border: 1px solid #aaa;
    font-weight: lighter;
    color: #999
}
.wrtext .redforms select:enabled {
    background: #FFFFFF;
}
.wrtext .redforms textarea.fixedfont {
    font-size: 15px;
}
.wrtext .redforms input.submit,
.wrtext .redforms input.button {
    font-size: 10px;
    text-transform: uppercase;
    color: #fff;
    padding: 2px 5px 2px 5px;
    background: #C37070;
    border: 1px solid #C37070;
    font-style: normal;
    font-weight: normal
}
.wrtext .redforms input.submit.button-sm,
.wrtext .redforms input.button.button-sm {
    padding: 5px 30px;
}
.wrtext .redforms input.submit.button-md,
.wrtext .redforms input.button.button-md {
    padding: 10px 30px;
}
.wrtext .redforms input.submit:hover,
.wrtext .redforms input.button:hover {
    background: #a44;
    text-decoration: none;
    border: 1px solid #a44;
}
.wrtext .redforms input.submit:disabled,
.wrtext .redforms input.button:disabled {
    background: grey;
    border-color: grey;
}
.wrtext .redforms table.selektor_popup {
    z-index: 1105;
    background: #fff;
    border: 1px solid #a44;
    padding: 0;
    height: auto;
    color: #000;
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
    font-size: 12px
}
.wrtext .redforms table.selektor_popup tr td {
    cursor: default;
    background: #fff;
    padding: 3px 5px !important;
    border: 0
}
.wrtext .redforms table.selektor_popup tr.highlighted td {
    background: #C39292;
    color: #fff
}
.wrtext .redforms table.selektor_popup tr.highlighted td .note {
    color: #fff
}
.wrtext .redforms table.selektor_popup tr.stats td {
    background: #a44;
    color: #fff;
    font-size: 10px
}
.wrtext .redforms table.selektor_popup tr.stats div.comment_info {
    clear: right;
    float: right;
    text-align: right;
    border-top: 1px solid #c88;
    padding: 0 0 2px 2px;
    color: #edd;
}
.wrtext .redforms table.selektor_popup tr.stats div.comment_notice {
    clear: right;
    float: right;
    text-align: right;
    border-top: 1px solid #c88;
    padding: 0 0 2px 2px;
    color: #ff8;
    font-weight: bold
}
.wrtext .redforms table.SWI_Frame div {
    border: 1px solid #C0C0C0;
    margin-top: 1px
}
.wrtext .redforms table.SWI_Table tr:hover {
    background-color: #E3E3E3;
    cursor: pointer
}
.wrtext .redforms table.SWI_Table td {
    padding: 5px;
    border-bottom: 1px solid #E3E3E3;
    color: #888;
    font-size: 90%;
    text-align: right
}
.wrtext .redforms div.SWI_TextBox {
    border: 1px solid #C39292;
    padding-right: 3px;
    padding-top: 3px
}
.wrtext .redforms div.SWI_TextBox input {
    border: 0;
    font-size: 11px;
    padding: 1px;
    font-weight: normal;
    color: #666;
    height: 13px;
    margin-top: 0;
    margin-left: 2px;
    margin-bottom: 3px;
    margin-right: 1px
}

/* Pozostałe reguły dla elementów związanych z formularzami. */

.wrtext input.invalid {
    background-color: yellow;
    text-align: center;
}
.wrtext input.checkbox,
.wrtext input.radio {
    background: transparent
}
.wrtext .note input[type="radio"] {
    vertical-align: bottom
}

.wrtext .form_error {
    color: #d00;
    font-weight: bold;
    margin-top: 2px;
}
.wrtext .form_success {
    color: #333;
    margin-top: 2px;
}
.wrtext .form_progress {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(img/loading-16-eeeeee.gif) no-repeat;
}
.wrtext input.wrbtn {
    color: #fff;
    padding: 2px 5px 2px 5px;
    background: #aaa;
    border: 1px solid #fff;
    font-style: normal;
    font-weight: normal
}
.wrtext input.wrbtn:hover {
    background: #363;
    text-decoration: none;
}
.wrtext select.wrstd {
    color: #000;
    font-weight: normal
}
.wrtext .submit-light {
    font-size: 80%;
    color: #707070;
    padding: 0 1px 1px 1px;
    background: #f4f4f4;
    border: 1px solid #888;
    height: 20px;
    vertical-align: middle;
    width: 62px;
    font-weight: normal
}
.wrtext .submit-light:focus {
    background: #ffa
}
.wrtext .greenbox {
    border: 1px solid #98BA9D;
    background-color: #DFF8D8;
    color: #2B6427;
    padding: 0 15px;
    margin: 0 10px 10px 10px
}
@media print {
    .wrtext input,
    .wrtext select {
        border: 1px solid #888;
        background: #fff;
        color: #000
    }
}

/* Plugin smarty {dropDownLink}. */

.wrtext div.wrDropDownMenu {
    display: none;
    position: absolute;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    border: 1px solid #888;
    border-left: 5px solid #888;
    z-index: 20;
    text-align: left;
    background: #fff;
}
.wrtext div.wrDropDownMenu a {
    display: block;
    padding: 2px 16px 3px 8px;
    color: #555;
    text-decoration: none;
    background: #fff;
}
.wrtext div.wrDropDownMenu a:hover {
    text-decoration: none;
    color: #ffffff;
    background: #888;
}

/* Tabele class="grey". */

.wrtext table.grey,
.wrtext .layout-table.grey {
    border: 1px solid #D8D8D8;
    border-collapse: collapse;
    border-spacing: 0;
}
.wrtext table.grey > * > tr > th,
.wrtext .layout-table.grey > .layout-row > .layout-cell.th {
    /* TODO: layout-cell -> layout-td+th */
    background-color: var(--primary);
    text-align: left;
    vertical-align: middle;
    padding: 5px 8px 5px 8px;
    color: var(--on-primary);
    font-weight: bold;
    border: 1px solid var(--on-primary);
    outline-offset: -4px;
}
.wrtext table.grey > * > tr > td,
.wrtext .layout-table.grey > .layout-row > .layout-cell {
    background-color: white;
    padding: 5px 8px;
    vertical-align: middle;
    border: 1px solid #DADADE;
}
.wrtext table.grey > * > tr > td .dim,
.wrtext .layout-table.grey > .layout-row > .layout-cell .dim {
    color: #888
}
.wrtext table.grey > * > :is(tr.even, tr.strong) > td,
.wrtext .layout-table.grey > * > :is(.layout-row.even, .layout-tow.strong) > .layout-cell,
.wrtext table.grey > *.autostrong > tr:nth-child(odd) > td,
.wrtext .layout-table.grey.autostrong > .layout-row:nth-child(odd) > .layout-cell {
    background: #F8F8F8;
}
.wrtext table.grey > * > tr.red > td,
.wrtext .layout-table.grey > .layout-row.red > .layout-cell {
    background: #EDC1C1
}
.wrtext table.grey > * > tr > td.red,
.wrtext .layout-table.grey > .layout-row > .layout-cell.red {
    background: #EDC1C1
}
.wrtext table.grey > * > tr.footnote > td,
.wrtext .layout-table.grey > .layout-row.footnote > .layout-cell {
    background: var(--background-secondary);
}
.wrtext table.grey > * > tr.headnote > td,
.wrtext .layout-table.grey > .layout-row.headnote > .layout-cell {
    background: var(--background-secondary);
}
.wrtext table.grey > * > tr.midnote > td,
.wrtext .layout-table.grey > .layout-row.midnote > .layout-cell {
    background: #f2f2f2;
    border-top: 1px dashed #aaa;
    border-bottom: 1px dashed #aaa;
}
.wrtext table.grey > * > tr > td.nowrap {
    white-space: nowrap;
}
.wrtext table.grey > * > tr > td.sqltableheader {
    background: #fff;
}
.wrtext table.grey > * > tr > td.sorthandle,
.wrtext .layout-table.grey > .layout-row > .layout-cell.sorthandle {
    cursor: move;
}
.wrtext table.grey > * > tr > td.sorthandle div,
.wrtext .layout-table.grey > .layout-row > .layout-cell.sorthandle div {
    width: 17px;
    height: 17px;
    background-image: url(img/move.png);
    background-repeat: no-repeat;
}
.wrtext table.grey > * > tr.sumowanie_first > td,
.wrtext .layout-table.grey > .layout-row.sumowanie_first > .layout-cell {
    background: #d4f1d4;
    border-top: 2px solid #8fb891
}
.wrtext table.grey > * > tr.sumowanie > td,
.wrtext .layout-table.grey > .layout-row.sumowanie > .layout-cell {
    background: #d4f1d4;
}
.wrtext table.grey > * > tr.sumowanie_suma > td,
.wrtext .layout-table.grey > .layout-row.sumowanie_suma > .layout-cell {
    background: #c1eac1;
    border-top: 2px solid #8fb891;
    border-bottom: 2px solid #8fb891;
    font-weight: bold;
}
.wrtext table.grey > * > tr > td > hr,
.wrtext .layout-table.grey > .layout-row > .layout-cell > hr {
    border: none;
    border-top: 1px solid #D8D8D8;
}
.wrtext table.grey > * > tr > td.lp,
.wrtext .layout-table.grey > .layout-row > .layout-cell.lp {
    text-align: right;
    font-size: 85%;
    opacity: 0.6;
}
.wrtext table.grey.full-width {
    width: 100%;
}

/* Tabele class="wrnav". */

.wrtext table.wrnav {
    border: 1px solid var(--border);
    border-collapse: collapse;
    border-spacing: 0;
}
.wrtext table.wrnav td.wrnavbar {
    background: var(--background-secondary);
    vertical-align: middle;
    padding: 5px 8px;
    border: 1px solid var(--border);
}
.wrtext table.wrnav > * > tr > :is(td, th) {
    padding: 5px 8px;
}
.wrtext table.wrnav > * > tr > th {
    background: var(--primary);
    vertical-align: middle;
    color: var(--on-primary);
    border: 1px solid white;
}
.wrtext table.wrnav th.wrnavbarheader input.radio,
.wrtext table.wrnav th.wrnavbarheader input.checkbox {
    background: #999
}
.wrtext table.wrnav th.wrnavbarheader a {
    color: inherit;
}
.wrtext table.wrnav th.wrnavbarheader .note {
    color: white
}
.wrtext table.wrnav > tbody > tr > td {
    border: 1px solid var(--border);
}
.wrtext table.wrnav tr.wrgrey td,
.wrtext table.wrnav td.wrgrey {
    background: #eee;
    vertical-align: top;
    color: #444;
    border: 1px solid #ccc
}
.wrtext table.wrnav tr.odd_row td {
    background-color: #F8F8F8;
}
.wrtext table.wrnav tr.even_row td {
    background: white;
}
.wrtext table.wrnav tr.footnote td {
    background: var(--background-secondary);
    border-top: 1px solid var(--border);
}
.wrtext table.wrnav tr.headnote td {
    background: var(--background-secondary);
    border-bottom: 1px solid var(--border);
}
.wrtext table.wrnav tr.midnote td {
    background: #f2f2f2;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}
.wrtext table.wrnav tr.midnote td.strong {
    background: #f4f4eb;
}
.wrtext table.wrnav td.lp {
    text-align: right;
    font-size: 85%;
}

@media print {
    .wrtext table.wrnav {
        border-left: 1px solid var(--border);
        border-top: 1px solid var(--border);
        border-right: 0;
        border-bottom: 0;
        border-spacing: 0
    }
    .wrtext table.wrnav td.wrnavbar {
        text-align: center;
        border-top: 0;
        border-left: 0;
        border-right: 1px solid var(--border);
        border-bottom: 1px solid var(--border);
    }
    .wrtext table.wrnav th.wrnavbarheader {
        border-top: 0;
        border-left: 0;
        border-right: 1px solid var(--border);
        border-bottom: 1px solid var(--border);
    }
    .wrtext table.wrnav th.wrnavbarheader2,
    .wrtext table.wrnav .wrnavbarheader2 th {
        padding: 0 4px 0 4px;
        border-top: 0;
        border-left: 0;
        border-right: 1px solid var(--border);
        border-bottom: 1px solid var(--border);
    }
    .wrtext table.wrnav tr.wrgrey td,
    .wrtext table.wrnav td.wrgrey {
        color: #000;
        border-top: 0;
        border-left: 0;
        border-right: 1px solid var(--border);
        border-bottom: 1px solid var(--border);
    }
}

/* CSS modułu "wnioski". Jest tutaj, ponieważ podczas czyszczenia CSS, struktura
 * modułu wniosków nie bardzo pozwalała na przeniesienie tego kodu odpowiednio
 * "bardziej lokalnie". */

.wrtext div.cml {
    margin: 0.4em 0.4em 0.4em 0.4em;
}
.wrtext div.cml a:visited,
.wrtext div.cml a:link,
.wrtext div.cml a:visited:active,
.wrtext div.cml a:link:active {
    font-weight: bold;
    font-size: 10px;
    color: #000099;
}
.wrtext div.cml a:visited:hover,
.wrtext div.cml a:link:hover {
    font-weight: bold;
    font-size: 10px;
    color: #881188;
    text-decoration: none;
}

/* Styl dla atrybutów placeholder HTML5 */

/* WebKit, Blink, Edge */
.wrtext input::-webkit-input-placeholder {
    font-size: 11px;
    color: #bbb;
    height: 15px;
    padding: 2px 1px 2px 3px;
    opacity: 1;
}

/* Mozilla Firefox 4-18 */
.wrtext input:-moz-placeholder {
    font-size: 11px;
    color: #bbb;
    height: 15px;
    padding: 2px 1px 2px 3px;
    opacity: 1;
}

/* Mozilla Firefox 19+ */
.wrtext input::-moz-placeholder {
    font-size: 11px;
    color: #bbb;
    height: 15px;
    padding: 2px 1px 2px 3px;
    opacity: 1;
}

/* Internet Explorer 10-11 */
.wrtext input:-ms-input-placeholder {
    font-size: 11px;
    color: #bbb;
    height: 15px;
    padding: 2px 1px 2px 3px;
    opacity: 1;
}

.wr-drop-down-menu-coordinator-position-helper {
    position: relative;
    display: inline;
}