/**
* PZ RWD
 * Plik dla: podstron Konta użytkownika, okna modalne
*/
@media only screen and (max-width: 1180px) {
    .contentBody {
        margin: 10px !important;
        margin-right: 16px !important;
    }
    .contentBody .menu {
        margin: 10px 0 20px 0 !important;
    }
    .contentHeader {
        margin: 0 16px 0 10px !important;
    }
    .page, .pageHeader, .pageHeader div {
        width: 100% !important;
    }
    .page .pageHeader h2 span, .page .pageHeader h2 br {
        display: none;
    }
    .toolBar .spacer {
        display: none;
    }
    /* detailsPage table */
    .detailsPage .fieldsTable {
        margin-top: 30px !important;
        position: relative;
    }
    .detailsPage .fieldsTable .spacerColumn {
        display: none;
    }
    .detailsPage .fieldsTable .categoryLabelColumn {
        display: block;
        position: absolute;
        width: 100% !important;
        max-width: 100% !important;
        padding: 20px 0px !important;
        margin: 0 30px 0 0 !important;
        border-top: solid 2px #CFD5E2 !important;
    }
    .detailsPage .fieldsTable td {
        border: none !important;
    }
    .detailsPage .fieldsTable td:not(.spacerColumn) table,
    .detailsPage .fieldsTable td:not(.categoryLabelColumn) table {
        position: relative;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 61px !important;
    }
    .detailsPage .fieldsTable .innerTable {
        border-top: none !important;
        width: 100% !important;
        table-layout: fixed;
    }
    .detailsPage .fieldsTable .innerTable tr {
        border: none !important;
    }
    .detailsPage .fieldsTable .innerTable .labelColumn {
        width: 30% !important;
        max-width: none !important;
    }
    .detailsPage .valueColumn {
        width: 70% !important;
        max-width: 50% !important;
        padding-right: 20px !important;
    }
    .detailsPage .userValue {
        width: 100% !important;
        max-width: 100% !important;
    }
    /* modal */
    .section-overlay {
        margin-left: 20px !important;
        left: 0 !important;
        width: 90% !important;
    }
    .section-overlay .content {
        float: none !important;
        width: 90% !important;
        padding: 15px 10px !important;
    }
    .section-overlay .buttons {
        width: 90% !important;
        margin: 0 auto 0 10px !important;
    }
    .section-overlay.warning .buttons {
        margin: 27px auto !important;
        text-align: center;
    }
    .section-overlay .button {
        margin: 10px 10px 27px auto !important;
        text-align: center;
    }
    .section-overlay.warning .button {
        margin: 10px 5px !important;
    }
}
@media only screen and (max-width: 1790px) {
    .editPage td .hintColumn, .reminderPage td .hintColumn,
    .section-overlay td.hintColumn {
        width: 20px !important;
        clear: right;
        float: left;
        margin-top: 15px !important;
        margin-left: 10px !important;
    }
    .editPage td .hintColumn, .editPage td .descriptionColumn,
    .reminderPage td .hintColumn, .reminderPage td .descriptionColumn,
    .section-overlay td.hintColumn, .section-overlay td.descriptionColumn {
        height: auto !important;
    }
    .editPage td .hint,
    .reminderPage td .hint,
    .section-overlay td .hint {
        z-index: 149 !important;
    }
    .editPage td .hint .frame, .reminderPage td .hint .frame,
    .section-overlay td .hint .frame {
        left: -275px !important;
        margin-top: -15px !important;
        min-width: 242px !important;
    }
    .editPage td .hint .frame.maxWidth, .reminderPage td .hint .frame.maxWidth,
    .section-overlay td .hint .frame.maxWidth {
        max-width: 242px !important;
    }
}
@media only screen and (max-width: 767px) {
    .contentHeader {
        margin: 20px 16px 0 10px !important;
    }
    .section-overlay .stepLabelColumn {
        width: 50px;
    }
    /* modal */
    .section-overlay .title {
        display: table;
        width: 100%;
    }
    .section-overlay .header {
        font-size: 1.0em !important;
        line-height: inherit !important;
        background-color: transparent;
        padding: 0 70px 0 20px !important;
        display: table-cell !important;
        vertical-align: middle;
    }
    /* submenu */
    .contentBody .menu {
        background-color: transparent !important;
        width: 100% !important;
        margin-bottom: 0 !important;
    }
    .contentBody .menu li {
        background-color: transparent !important;
        width: 100% !important;
        display: block;
        clear: both;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .contentBody .menu li a {
        padding: 0 !important;
        margin: 0 !important;
    }
    .contentBody .menu li, .contentBody .menu li a {
        height: 35px !important;
        line-height: 35px;
    }
    .page.detailsPage .toolBar {
        display: none;
    }
    .fromToolBar {
        display: block;
    }
}
@media only screen and (max-width: 768px) {
    .editPage .button.smallRightArrowButton, .editPage .button.mediumRightArrowButton,
    .editPage .button.smallPlainButton, .editPage .button.mediumPlainButton,
    .invalidatePage .button.smallRightArrowButton, .invalidatePage .button.mediumRightArrowButton,
    .invalidatePage .button.smallPlainButton, .invalidatePage .button.mediumPlainButton,
    .previewPage .button.smallRightArrowButton, .previewPage .button.mediumRightArrowButton,
    .previewPage .button.smallPlainButton, .previewPage .button.mediumPlainButton,
    .reminderPage .button.smallRightArrowButton, .reminderPage .button.mediumRightArrowButton,
    .reminderPage .button.smallPlainButton, .reminderPage .button.mediumPlainButton {
        width: auto !important;
        height: 45px !important;
        line-height: 45px !important;
        padding-left: 40px !important;
        padding-right: 40px !important;
        background-image: none !important;
    }
    .editPage .requiredFieldLabel,
    .invalidatePage .requiredFieldLabel,
    .previewPage .requiredFieldLabel,
    .reminderPage .requiredFieldLabel {
        position: relative;
        left: -14px;
        top: 8px;
    }
    .editPage .fieldsTable td .innerTable,
    .invalidatePage .fieldsTable td .innerTable,
    .previewPage .fieldsTable td .innerTable,
    .reminderPage .fieldsTable td .innerTable {
        position: relative;
        left: -15px;
    }
    .editPage .fieldsTable .innerTable tr:nth-of-type(2n),
    .editPage .fieldsTable .innerTable tr:nth-of-type(2n+1),
    .invalidatePage .fieldsTable .innerTable tr:nth-of-type(2n),
    .invalidatePage .fieldsTable .innerTable tr:nth-of-type(2n+1),
    .previewPage .fieldsTable .innerTable tr:nth-of-type(2n),
    .previewPage .fieldsTable .innerTable tr:nth-of-type(2n+1),
    .reminderPage .fieldsTable .innerTable tr:nth-of-type(2n),
    .reminderPage .fieldsTable .innerTable tr:nth-of-type(2n+1) {
        background-color: #FFFFFF !important;
    }
    .editPage .fieldsTable,
    .invalidatePage .fieldsTable,
    .previewPage .fieldsTable,
    .reminderPage .fieldsTable {
        position: relative;
        border-top: 2px solid #E7E7E7 !important;
        width: 99%;
    }
    .editPage .fieldsTable p,
    .invalidatePage .fieldsTable p,
    .previewPage .fieldsTable p,
    .reminderPage .fieldsTable p {
        position: relative;
        display: block;
    }
    .editPage .fieldsTable .spacerColumn,
    .invalidatePage .fieldsTable .spacerColumn,
    .previewPage .fieldsTable .spacerColumn,
    .reminderPage .fieldsTable .spacerColumn {
        width: 0 !important;
    }
    .editPage .fieldsTable .categoryLabelColumn,
    .invalidatePage .fieldsTable .categoryLabelColumn,
    .previewPage .fieldsTable .categoryLabelColumn,
    .reminderPage .fieldsTable .categoryLabelColumn {
        padding-left: 0 !important;
        padding-right: 10px !important;
        padding-bottom: 0 !important;
        width: auto !important;
        max-width: none !important;
        position: relative;
        left: 10px;
        z-index: 10;
    }
    .editPage .fieldsTable td,
    .invalidatePage .fieldsTable td,
    .previewPage .fieldsTable td,
    .reminderPage .fieldsTable td {
        border-top: 0 !important;
    }
    .editPage #accountEditForm .td17, .editPage #accountEditForm .td24, .editPage #accountEditForm .td30 {
        padding-top: 30px !important;
    }
    .editPage .checkboxColumn {
        max-width: none !important;
    }
    .editPage .checkboxColumn, .editPage .checkboxColumn td {
        height: 100% !important;
    }
    .editPage .categoryDetailsColumn p,
    .invalidatePage .categoryDetailsColumn p,
    .previewPage .categoryDetailsColumn p,
    .reminderPage .categoryDetailsColumn p {
        margin-top: 20px !important;
    }
    .categoryDetailsColumn {
        max-width: none !important;
        width: 100% !important;
    }
    .invalidatePage .valueColumn.requiredFieldLabel,
    .previewPage .valueColumn.requiredFieldLabel,
    .reminderPage .valueColumn.requiredFieldLabel {
        height: 0 !important;
        margin-top: 0 !important;
        top: 0 !important;
    }
    .invalidatePage .td2 .innerTable,
    .previewPage .td2 .innerTable,
    .reminderPage .td2 .innerTable {
        margin-top: 40px !important;
    }
    .previewPage .fieldsTable .categoryDetailsColumn {
        padding-top: 50px !important;
    }
    .section-overlay .button.smallRightArrowButton, .section-overlay .button.mediumRightArrowButton,
    .section-overlay .button.smallPlainButton, .section-overlay .button.mediumPlainButton {
        width: auto !important;
        height: 45px !important;
        line-height: 45px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        background-image: none !important;
    }
    .section-overlay .valueColumn.requiredFieldLabel {
        position: relative;
        left: -14px;
        top: 8px;
        height: 20px !important;
    }
    .section-overlay .fieldsTable td .innerTable {
        position: relative;
        left: -15px;
    }
    .section-overlay .fieldsTable tr:nth-of-type(2n),
    .section-overlay .fieldsTable tr:nth-of-type(2n+1) {
        background-color: #FFFFFF !important;
    }
    .section-overlay .fieldsTable p {
        position: relative;
        display: block;
    }
    .section-overlay .fieldsTable .spacerColumn {
        width: 0 !important;
    }
    .section-overlay .fieldsTable .categoryLabelColumn {
        padding-left: 0 !important;
        padding-right: 10px !important;
        padding-bottom: 0 !important;
        width: auto !important;
        max-width: none !important;
        position: absolute;
        left: 10px;
        z-index: 10;
    }
    .section-overlay .fieldsTable td {
        border-top: 0 !important;
    }
    .section-overlay .checkboxColumn {
        max-width: none !important;
    }
    .section-overlay .checkboxColumn, .section-overlay .checkboxColumn td {
        height: 100% !important;
    }
    .section-overlay .categoryDetailsColumn p {
        margin-top: 20px !important;
    }
    .editPage td .hintColumn, .reminderPage td .hintColumn {
        margin-top: 5px !important;
    }
    .editPage .hintColumn .hint, .reminderPage .hintColumn .hint,
    .section-overlay .hintColumn .hint {
        width: 16px !important;
        height: 25px !important;
        background-size: 16px 20px !important;
        background-image: url("/pz/javax.faces.resource/images/icon_question.png.xhtml") !important;
    }
}
@media only screen and (max-width: 920px) {
    /* Tabela Punkty potwierdzające */
    .pseudo-table {
        width: 95% !important;
        display: block;
        padding-top: 20px;
    }
    .pseudo-table > a > div > div > div:first-child,
    .pseudo-table .fakeA > div > div > div:first-child {
        padding-left: 0 !important;
    }
    .pseudo-table > a > div > div > div,
    .pseudo-table .fakeA > div > div > div {
        display: block !important;
        padding: 3px 6px 3px 0 !important;
        height: auto !important;
        font-size: 0.9em;
    }
    .pseudo-table a div, .pseudo-table .head div,
    .pseudo-table .fakeA div {
        display: block !important;
        width: 100% !important;
    }
    .pseudo-table > a > div, .pseudo-table .head div,
    .pseudo-table > .fakeA > div {
        padding: 2px 10px !important;
    }
    .pseudo-table > a > div,
    .pseudo-table > .fakeA > div {
        border-bottom: solid 2px #CFD5E2;
    }
    .pseudo-table .head {
        display: none !important;
    }
    .showMore td {
        border-top: none !important;
    }
}
@media only screen and (max-width: 640px) {
    h1 {
        font-size: 1.4em !important;
    }
    h2 {
        font-size: 1.2em !important;
        padding: 0 10px !important;
    }
    .contentHeader {
        margin: 20px 10px 0 10px !important;
        padding-left: 0 !important;
    }
    .editPage .pageHeader .buttonCell,
    .invalidatePage .pageHeader .buttonCell,
    .previewPage .pageHeader .buttonCell,
    .reminderPage .pageHeader .buttonCell {
        display: none;
    }
    .editPage .pageFooter,
    .invalidatePage .pageFooter,
    .previewPage .pageFooter,
    .reminderPage .pageFooter {
        text-align: left !important;
        padding-left: 10px;
    }
    .invalidatePage .pageFooter .button,
    .previewPage .pageFooter .button,
    .reminderPage .pageFooter .button {
        margin-bottom: 10px !important;
    }
    .editPage .pageFooter table,
    .invalidatePage .pageFooter table,
    .previewPage .pageFooter table,
    .reminderPage .pageFooter table {
        float: none !important;
    }
    .editPage td table tr, .editPage td table td,
    .invalidatePage td table tr, .invalidatePage td table td,
    .previewPage td table tr, .previewPage td table td,
    .reminderPage td table tr, .reminderPage td table td {
        display: block;
    }
    .editPage td table, .editPage td table td table,
    .invalidatePage td table, .invalidatePage td table td table,
    .previewPage td table, .previewPage td table td table,
    .reminderPage td table, .reminderPage td table td table {
        left: 0 !important;
    }
    .editPage td table td, .editPage td table td table td,
    .invalidatePage td table td, .invalidatePage td table td table td,
    .previewPage td table td, .previewPage td table td table td,
    .reminderPage td table td, .reminderPage td table td table td {
        position: relative;
        padding: 5px 5px 0 0 !important;
        margin: 0 !important;
        clear: both;
        height: 80px;
        text-align: left !important;
        width: 90% !important;
    }
    .invalidatePage td table td, .invalidatePage td table td table td,
    .previewPage td table td, .previewPage td table td table td,
    .reminderPage td table td, .reminderPage td table td table td {
        height: auto !important;
    }
    .editPage .labelColumn,
    .invalidatePage .labelColumn,
    .previewPage .labelColumn,
    .reminderPage .labelColumn {
        height: 20px !important;
    }
    .editPage .valueColumn,
    .invalidatePage .valueColumn,
    .previewPage .valueColumn,
    .reminderPage .valueColumn {
        padding:0 0 0 0 !important;
        float: left !important;
        height: 40px !important;
        max-width: 255px !important;
    }
    .previewPage .valueColumn {
        padding:0 0 0 15px !important;
        height: 30px !important;
    }
    .editPage .valueColumn input,
    .invalidatePage .valueColumn input,
    .previewPage .valueColumn input,
    .reminderPage .valueColumn input {
        width: 90% !important;
    }
    .editPage td input[type="text"], .editPage td input[type="password"],
    .invalidatePage td input[type="text"], .invalidatePage td input[type="password"],
    .previewPage td input[type="text"], .previewPage td input[type="password"],
    .reminderPage td input[type="text"], .reminderPage td input[type="password"] {
        height: 35px !important;
        line-height: 35px !important;
    }
    .editPage .requiredFieldLabel,
    .invalidatePage .requiredFieldLabel,
    .previewPage .requiredFieldLabel,
    .reminderPage .requiredFieldLabel {
        text-align: left !important;
        padding-left: 13px !important;
        margin-top: 10px !important;
    }
    .editPage #passwordMeter {
        margin-bottom: 5px !important;
    }
    .editPage #accountEditForm .td2 {
        padding-top: 40px !important;
    }
    .editPage #accountEditForm .td4 {
        height: 20px !important;
    }
    .editPage .checkboxColumn {
        padding-left: 0 !important;
        width: 100% !important;
    }
    .editPage .checkboxColumn table tr {
        border-left: 0 !important;
        border-right: 0 !important;
    }
    .editPage .checkboxColumn .repeatColumn input {
        margin-left: 0px !important;
    }
    .editPage .innerTable.innerSimpleTable {
        margin-top: 10px !important;
    }
    .editPage .innerTable.innerSimpleTable .hintColumn, .reminderPage .innerTable.innerSimpleTable .hintColumn {
        float: right !important;
        top: -40px !important;
    }
    .section-overlay p.first-child {
        margin-bottom: 0;
    }
    .section-overlay table .td0 {
        height: 0 !important;
    }
    .section-overlay table tr, .section-overlay table td {
        display: block;
    }
    .section-overlay table {
        left: 0 !important;
    }
    .section-overlay table td {
        position: relative;
        padding: 5px 5px 0 0 !important;
        margin: 0 !important;
        clear: both;
        height: auto;
        text-align: left !important;
        width: 90% !important;
    }
    .section-overlay .labelColumn {
        height: 20px !important;
    }
    .section-overlay .valueColumn {
        padding:0 0 !important;
        float: left !important;
        height: 40px !important;
        max-width: 255px !important;
    }
    .section-overlay .valueColumn input {
        width: 90% !important;
    }
    .section-overlay td input[type="text"], .section-overlay td input[type="password"] {
        height: 35px !important;
        line-height: 35px !important;
    }
    .section-overlay .requiredFieldLabel  {
        text-align: left !important;
        padding-left: 13px !important;
        margin-top: 10px !important;
    }
    .section-overlay #passwordMeter {
        margin-bottom: 5px !important;
    }
    .section-overlay .buttons {
        text-align: left !important;
        margin-left: 10px !important;
        margin-bottom: 27px !important;
    }
    .section-overlay .button {
        margin-bottom: 10px !important;
    }
    .section-overlay td.hintColumn {
        margin-top: 4px !important;
    }
    .section-overlay .certificateTable {
        width: 100%;
    }
    .section-overlay .certificateStep.withButton {
        height: auto !important;
    }
    .section-overlay .certificateStep.withButton .button {
        margin: 0 0 10px 0 !important;
    }
    .section-overlay .certificateTable .stepLabelColumn {
        border-top: solid 2px #EBEDF1;
        padding-top: 20px;
    }
    .section-overlay .certificateTable td {
        height: auto !important;
        width: 100% !important;
        padding: 5px 10px 5px 0 !important;
    }
    .contentBody .page .fieldsTable .inner4ColumnTable .valueColumn, .contentBody .page .fieldsTable .inner4ColumnTable .valueColumn .userValue {
        max-width: 85% !important;
    }
    .contentBody .page .fieldsTable .inner4ColumnTable .valueColumn input[type="text"],
    .contentBody .page .fieldsTable .inner4ColumnTable .valueColumn input[type="password"],
    .contentBody .page .fieldsTable .inner4ColumnTable .chosen-container {
        width: 96% !important;
    }
    .editPage td .hint .frame, .reminderPage td .hint .frame,
    .section-overlay td .hint .frame {
        left: -251px !important;
    }
 }
@media only screen and (min-width: 641px) and (max-width: 768px) {
    .editPage td .hintColumn, .reminderPage td .hintColumn, .section-overlay .hintColumn {
        padding-left: 0 !important;
        margin-top: 10px !important;
    }
    .editPage td .hint .frame, .reminderPage td .hint .frame, .section-overlay td .hint .frame {
        left: -262px !important;
    }
    .editPage .td2 .innerTable {
        margin-top: 20px !important;
    }
}
@media only screen and (max-width: 599px) {
    .detailsPage .fieldsTable {
        margin-top: 0 !important;
    }
    .detailsPage .fieldsTable .innerTable tr {
        background-color: transparent !important;
    }
    .detailsPage .fieldsTable .innerTable td {
        display: block;
        text-align: left !important;
        padding: 0 !important;
    }
    .detailsPage .fieldsTable .innerTable .labelColumn,
    .detailsPage .fieldsTable .innerTable .valueColumn {
        width: 99% !important;
        max-width: 99% !important;
        height: auto !important;
        min-height: 30px !important;
        line-height: 30px;
        vertical-align: middle;
        overflow: hidden;
        padding: 0 3px 0px 3px !important;
    }
    .detailsPage .fieldsTable .innerTable .labelColumn {
        background-color: #F7F7F9;
    }
    .detailsPage .fieldsTable .innerTable .valueColumn {
        margin-bottom: 10px !important;
        padding-left: 15px !important;
    }
    .editPage .checkboxColumn {
        width: 95% !important;
    }
    body.hc .innerTable .labelColumn {
        background-color: #000 !important;
    }
}
@media only screen and (min-width: 600px) {
    .fromToolBar {
        display: none;
    }
}
/* Punkty potwierdzające - formularz po rozwinięciu Filtr */
@media only screen and (max-width: 434px) {
    .filterMenu .fields td {
        display: block !important;
        float: none;
        padding: 2px 0 !important;
    }
    .filterMenu .fields .textColumn {
        text-align: left !important;
    }
    .filterMenu .buttonsBar {
        text-align: left !important;
        margin: 10px auto !important;
        text-align: center !important;
    }
}
@media only screen and (max-width: 460px) {
    .section-overlay {
        margin-left: 15px !important;
    }
    .section-overlay .buttons .button {
        white-space: normal !important;
        line-height: normal !important;
        padding: 15px 0px !important;
        height: auto !important;
        width: 98% !important;
        margin: 10px auto !important;
    }
}
@media only screen and (max-width: 920px) {
    .section-overlay #submitTpPopup2Form .header {
        padding-right: 70px !important;
        font-size: 1.0em !important;
    }
}