@charset "utf-8";

@import url(/pz/javax.faces.resource/css/buttons.css.xhtml);
@import url(/pz/javax.faces.resource/css/list-page.css.xhtml);
@import url(/pz/javax.faces.resource/css/invalidate-page.css.xhtml);
@import url(/pz/javax.faces.resource/css/steps-page.css.xhtml);
@import url(/pz/javax.faces.resource/css/error-page.css.xhtml);
@import url(/pz/javax.faces.resource/css/popup.css.xhtml);
@import url(/pz/javax.faces.resource/css/registration-page.css.xhtml);
@import url(/pz/javax.faces.resource/css/password-meter.css.xhtml);

/* body ***************************************************************************************** */
body {
    margin: 0;
    padding: 0;
    min-width: 1170px;
    color: #252525;
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

/* skip links *********************************************************************************** */
#skip-links { 
    list-style: outside none none; 
    margin: 0; 
    padding: 0; 
    position: absolute; 
    top: 0; 
    z-index: 200; }
#skip-links a {
    transition: background-color .3s;
}
#skip-links a:focus, 
#skip-links a:hover, 
#skip-links a:active { 
    background: #000; 
    padding: 7px 10px;
    margin: 2px 0 0 2px;
    text-align: center;
    border: 1px solid #fff;
    color: #fff; 
    outline: none; 
    min-width: 230px; 
    display: inline-block; }

/* headers*************************************************************************************** */
h1, .h1,
h2, .h2,
h3, .h3 {
    font-weight: bold;
}

h1, .h1 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 26px;
}

h2, .h2 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 24px;
}

h3, .h3 {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 18px;
}

/* a ******************************************************************************************** */
a {
     text-decoration: none;
     outline: none;
 }

a:focus,
button:focus {
    outline: 2px solid #626262;
    outline-offset: 2px;
}

a, img {
    border: none;
}

a.link {
    float: right;
    text-align: right;
    font-size: 14px;
}

a.link:before {
    content: "\00a0 ";
}

a.link.headerLink {
    margin-bottom: 10px;
    margin-right: 10px;
}

a.link.footerLink {
    margin-right: 10px;
}

a.link.registrationLink  {
    margin-right: 10px;
}

/* list inline ********************************************************************************** */

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}

/* input **************************************************************************************** */
input[type=text],
input[type=password],
select {
    border: 2px solid #AEB8CE;
    border-radius: 3px;
    padding: 0 9px;
    width: 230px;
    height: 45px;
    color: #252525;
    line-height: 45px;
    font-size: 15px;
    box-sizing: content-box;
}

input[type=text].invalid, input[type=text].invalid:focus,
input[type=password].invalid, input[type=password].invalid:focus {
    border-color: #E85A48;
}

input:focus,
select:focus {
    outline: 2px solid #626262;
    outline-offset: 2px;
}

/* redStar ************************************************************************************** */
span.redStar {
    color: #DB0000;
}

/* textarea ************************************************************************************* */
textarea {
    resize: none;
    border: 2px solid #AEB8CE;
    border-radius: 3px;
    padding: 9px;
    color: #252525;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
}

textarea:focus {
    outline: 0;
    border-color: #0071b3;
}

textarea.invalid, textarea.invalid:focus {
    border-color: #E85A48;
}

/* sizeAndAlignmentWrapper - ustawia szerokość zawartości i ją wyśrodkowuje ********************* */
.sizeAndAlignmentWrapper {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    width: 1170px;
}

/* topBar - pasek u góry strony ***************************************************************** */
.topBar {
    height: 41px;
    background-color: #262D40;
}

.topBar .menuRight {
    float: right;
    margin: 0 10px 0 0;
    font-size: 0.875em;
    font-weight: bold;
}

.topBar .menuRight ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.topBar .menuRight ul li {
    display: inline;
    padding: 0 15px;
}

.topBar .menuRight ul li a {
    color: #FFFFFF;
}

.topBar .menuRight ul li a:focus {
    outline-color: #fff;
}

.topBar .menuLeft {
    font-size: 0.875em;
    font-weight: bold;
    height: 10px;
    width: 50%;
}

.topBar .menuLeft ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.topBar .menuLeft ul li {
    display: inline;
    padding: 0 20px;
}

/* zoneMenuBar - z menu u góry strony z wyborem strefy ********************************************* */
.zoneMenuBar {
    position: relative;
    top: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    list-style-type: none;
}

.zoneMenuBar li {
    float: left;
    margin: 0;
    padding: 4px 0 0 0;
}

.zoneMenuBar li a {
    display: block;
    text-align: center;
    text-transform: uppercase;
    line-height: 41px;
}

.zoneMenuBar li a:hover {
    color: #EDEEF2;
    text-decoration: none;
}

.zoneMenuBar a:hover {
    background: #EDEEF2;
}

/* header - nagłówek z logo ePUAP itp. ********************************************************** */
.header {
    height: 110px;
}

.header img {
    float: left;
    margin: 28px 0 0 21px;
}

.systemLogo {
    background-repeat: no-repeat;
    float: left;
    margin: 11px 0 0 0;
    width: 225px;
    height: 90px;
    cursor: pointer;
}

.systemLogo a {
    display: inline-block;
}

.systemLogo img {
    margin: 0;
    max-width: 100%;
}

.header .links {
    padding-top: 38px;
    text-align: right;
}

.header .links .loginButton {
    font-weight: bold;
    background-position-y: 30px;
    background-image: url("/pz/javax.faces.resource/images/buttons/client/login_bg.png.xhtml");
}

.header .links .registerButton {
    font-weight: bold;
    background-position-y: 30px;
    background-image: url("/pz/javax.faces.resource/images/buttons/client/register_bg.png.xhtml");
}

.header .links .mobile-nav-trigger {
    display: none;
}

.header .links .mobile-nav-trigger img {
    margin: 0;
}

/* .header account - prostokąt z danymi zalogowanego użytkownika + rozwijane menu *************** */
.header .account {
    position: relative;
    float: right;
    margin: -24px 0 0 0;
}

.header .account .profileMenuTrigger {
    display: block;
}

.header .account .profileBox {
    cursor: pointer;
    border-collapse: collapse;
    width: 312px;
    height: 81px;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
}

.header .account .profileMenu .context {
    height: 49px;
}

.header .account .profileBox:hover, .header .account .profileBox:active {
    background-position: 0 -81px;
}

/* POCZĄTEK: Pierwsza wersja rozwijania profileBox */
.header .account .profileBox.unfolded {
    background-position: 0 -243px;
}

/* KONIEC: Pierwsza wersja rozwijania profileBox */

/* POCZĄTEK: Druga wersja rozwijania profileBox */
/*.header .account .profileBox.unfolded {
    background-position: 0 -162px;
}

.header .account .profileBox.unfolded:hover,
.header .account .profileBox.unfolded:active {
    background-position: 0 -243px;
}*/
/* KONIEC: Druga wersja rozwijania profileBox */

.header .account .profileBox.noProfileMenu {
    cursor: auto;
    background-image: none;
}

.header .account .profileBox td {
    margin: 0;
    padding: 0;
}

.header .account .profileBox img {
    margin: 11px;
    border: 2px solid #c0c0c0;
    width: 55px;
    height: 55px;
}

.header .account .profileBox .fullName {
    padding: 9px 70px 0 0;
    width: 161px;
    max-width: 161px;
    vertical-align: top;
    color: #252525;
    font-size: 16px;
    word-wrap: break-word;
}

.header .account .profileBox .fullName .fullNameDiv {
    height: 40px;
    overflow: hidden;
}

.header .account .profileBox .accountType {
    padding: 0 70px 9px 0;
    width: 161px;
    max-width: 161px;
    vertical-align: bottom;
    color: #6E6E6E;
    font-size: 14px;
    word-wrap: break-word;
}

.header .account .profileBox .accountType .accountTypeDiv {
    height: 20px;
    overflow: hidden;
}

.header .account .profileMenu {
    position: absolute;
    z-index: 100;
    left: 0;
    margin: 0;
    border: 0;
    padding: 0;
    width: 312px;
    list-style-type: none;
}

.header .account .profileMenu li {
    margin: 0;
    border: 0;
    padding: 0;
}

.header .account .profileMenu .logOut {
    border-bottom: 2px solid #003859;
    height: 62px;
    background: #003859;
}

.header .account .profileMenu .logOut a {
    height: 62px;
    line-height: 62px;
    background: url("/pz/javax.faces.resource/images/icon_log_out_client.png.xhtml") no-repeat scroll 0 50%;
}

.header .account .profileMenu a {
    display: block;
    padding-left: 45px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
}

.header .account .profileMenu a:focus {
    text-decoration: underline;
    outline: none;
}

.header .account .profileMenu .context a {
    height: 51px;
    line-height: 51px;
}

/* topMenuBar - kolorowy pasek z menu u góry strony ********************************************* */
nav#nav-main {
    outline: none;
}

.topMenuBar {
    position: relative;
    top: -4px;
    margin: 0 0 20px;
    padding: 0;
    overflow: hidden;
    list-style-type: none;
}

.topMenuBar li {
    float: left;
    margin: 0;
    padding: 4px 0 0 0;
}

.topMenuBar li a {
    display: block;
    padding: 0 30px;
    height: 59px;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.125em;
    line-height: 57px;
    background: #FFFFFF;
}

.topMenuBar li a:focus {
    outline: none;
}

.topMenuBar li a:hover,
.topMenuBar li a:active,
.topMenuBar li a:focus {
    color: #FFFFFF;
    text-decoration: none;
}

.topMenuBar .home, .topMenuBar .home a {
    padding: 0;
    width: 70px;
    height: 63px;
    background: #0071B3;
}


.topMenuBar .howTo,
.topMenuBar .howTo a:hover,
.topMenuBar .howTo a:active,
.topMenuBar .howTo a:focus {
    background: #007bc2;
}

.topMenuBar .safety,
.topMenuBar .safety a:hover,
.topMenuBar .safety a:active,
.topMenuBar .safety a:focus {
    background: #0c6f5b;
}

.topMenuBar .news,
.topMenuBar .news a:hover,
.topMenuBar .news a:active,
.topMenuBar .news a:focus {
    background: #15326a;
}

.topMenuBar .help,
.topMenuBar .help a:hover,
.topMenuBar .help a:active,
.topMenuBar .help a:focus {
    background: #d9321c;
}

.topMenuBar .contact,
.topMenuBar .contact a:hover,
.topMenuBar .contact a:active,
.topMenuBar .contact a:focus {
    background: #d94e1c;
}

.topMenuBar .current a {
    background: none;
    color: #FFFFFF;
    text-decoration: none;
}

.topRightAllignedMenuBar {
    float: right;
    position: relative;
    top: -4px;
    margin: 0 0 20px;
    padding: 0;
    overflow: hidden;
    list-style-type: none;
}

.topRightAllignedMenuBar li {
    float: left;
    margin: 0;
}

.topRightAllignedMenuBar li a {
    display: block;
    height: 59px;
    text-align: center;
    font-size: 1.125em;
    line-height: 57px;
    padding: 4px 5px 0 0;
}

.topRightAllignedMenuBar .infoText {
    padding-right: 5px;
}

.topRightAllignedMenuBar .logo {
    padding-top: 5px;
}

.topRightAllignedMenuBar li a:hover, .topRightAllignedMenuBar li a:active {
    text-decoration: none;
}

.topRightAllignedMenuBar .current a {
    background: none;
    text-decoration: none;
}

/* footer - stopka strony *********************************************************************** */
.footer {
    background-color: #EDEEF2;
    clear: both;
    border-top: 30px solid #FFFFFF;
    padding-top: 72px;
}

.footerBottomBar {
    border-top: 2px solid #cfd3da;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #666666;
    text-align: center;
    font-size: 0.8em;
    clear: both;
}

.footerBottomBar p {
    margin: 0;
}

.footerCookieBar {
    border-top: 2px solid #cfd3da;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #666666;
    text-align: center;
    font-size: 0.6em;
    clear: both;
}

.footerCookieBar p {
    margin: 0;
}

.footer .logoEpuap {
    float: left;
    width: 188px;
    height: 54px;
    cursor: pointer;
}

.footer .logoEpuap a {
    max-width: 100%;
    display: inline-block;
    margin-top: 8px;
}

.footer .footerTopBar {
    border-top: 2px solid #cfd3da;
    height: 54px;
}

.bottomMenuBar {
    float: right;
    position: relative;
    top: -2px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style-type: none;
}

.bottomMenuBar li {
    float: left;
    margin: 0;
    padding: 2px 0 0 0;
}

.bottomMenuBar li a {
    display: block;
    padding: 0 14px;
    height: 54px;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.875em;
    line-height: 51px;
}

.bottomMenuBar li a:focus {
    outline: none;
}

.bottomMenuBar li a:hover,
.bottomMenuBar li a:active,
.bottomMenuBar li a:focus {
    color: #FFFFFF;
    text-decoration: none;
}

.bottomMenuBar .rodo,
.bottomMenuBar .rodo a:hover,
.bottomMenuBar .rodo a:active,
.bottomMenuBar .rodo a:focus {
    background: #007bc2;
}

.bottomMenuBar .law,
.bottomMenuBar .law a:hover, 
.bottomMenuBar .law a:active,
.bottomMenuBar .law a:focus {
    background: #0c6f5b;
}

.bottomMenuBar .regulations,
.bottomMenuBar .regulations a:hover,
.bottomMenuBar .regulations a:active,
.bottomMenuBar .regulations a:focus {
    background: #0c276e;
}

.bottomMenuBar .siteMap,
.bottomMenuBar .siteMap a:hover,
.bottomMenuBar .siteMap a:focus {
    background: #d9321c;
}

.bottomMenuBar .current a {
    background: none;
    color: #FFFFFF;
    text-decoration: none;
}

.footer .footerMiddleBar {
    position: relative;
    border-top: 2px solid #cfd3da;
}

.ministryInfo {
    margin: 20px 0;
    color: #666666;
    text-align: center;
    font-size: 0.8em;
    width: 1170px;
}

.ministryInfo p {
    margin: 0;
}

.logosBar {
    width: 100%;
}

.logosBar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.logosBar ul li {
    float: left;
}

.logosBar img {
    height: 75px;
}

.logosBar ul .innowacyjnaGospodarka {
    text-align: left;
    width: 33%;
}

.logosBar ul .ministerstwo {
    text-align: center;
    width: 34%;
}

.logosBar ul .uniaEuropejska {
    text-align: right;
    width: 33%;
}

.logosBar .innowacyjnaGospodarkaBg {
    height: 78px;
    background-repeat: no-repeat;
    background-position: left;
}

.logosBar .uniaEuropejskaBg {
    height: 78px;
}

/* message - komunikaty u góry strony *********************************************************** */
ul#globalMessages {
    margin: 0;
    border: 0;
    padding: 0;
    list-style-type: none;
}

ul#globalMessages li {
    margin: 20px 0;
    border-width: 3px;
    border-style: solid;
    padding: 10px 10px 10px 57px;
}

ul#globalMessages li.infoMessage {
    border-color: #1FBB9B;
    background: #FFFFFF url("/pz/javax.faces.resource/images/message_info_sign.png.xhtml") no-repeat scroll 0 50%;
    background-size: 3%;
    background-position-x: 10px;
}

ul#globalMessages li.warnMessage {
    border-color: #007BC2;
    background: #FFFFFF url("/pz/javax.faces.resource/images/info-icon.png.xhtml") no-repeat scroll 0 50%;
    background-size: 3%;
    background-position-x: 10px;
}

ul#globalMessages li.errorMessage {
    border-color: #E85A48;
    background: #FFFFFF url("/pz/javax.faces.resource/images/message_error_sign.png.xhtml") no-repeat scroll 0 50%;
}

ul#messages {
    margin: 0;
    border: 0;
    padding: 0;
    list-style-type: none;
}

ul#messages li {
    margin: 20px 0;
    border-width: 3px;
    border-style: solid;
    padding: 10px 10px 10px 57px;
}

ul#messages li.warnMessage {
    border-color: #007BC2;
    background: #FFFFFF url("/pz/javax.faces.resource/images/info-icon.png.xhtml") no-repeat scroll 10px 50%;
}

ul#messages li.infoMessage {
    border-color: #1FBB9B;
    background: #FFFFFF url("/pz/javax.faces.resource/images/message_info_sign.png.xhtml") no-repeat scroll 0 50%;
    background-size: 3%;
    background-position-x: 10px;
}

ul#messages li.warnMessage div.middleRow {
    margin-top: 5px;
}

/* message - komunikaty na popupie */
ul.popup {
    margin: 0;
    border: 0;
    padding: 0;
    list-style-type: none;
}

ul.popup li {
    margin: 0 0 20px 0;
    border-width: 3px;
    border-style: solid;
    padding: 10px 10px 10px 57px;
}

ul.popup li.infoMessage {
    border-color: #1FBB9B;
    background: #FFFFFF url("/pz/javax.faces.resource/images/message_info_sign.png.xhtml") no-repeat scroll 0 50%;
}

ul.popup li.warnMessage {
    border-color: #007BC2;
    background: #FFFFFF url("/pz/javax.faces.resource/images/info-icon.png.xhtml") no-repeat scroll 0 50%;
}

ul.popup li.errorMessage {
    border-color: #E85A48;
    background: #FFFFFF url("/pz/javax.faces.resource/images/message_error_sign.png.xhtml") no-repeat scroll 0 50%;
}

/* .toolBar - "pasek z narzędziami" nad contentHeader ******************************************* */
.toolBar {
    margin: 0 0 2px 0;
    border-top: 2px solid #CFD5E2;
    border-collapse: collapse;
    padding: 0;
    width: 100%;
    height: 60px;
    text-align: center;
    vertical-align: middle;
}

.toolBar td {
    margin: 0;
    border-right: 2px solid #CFD5E2;
    padding: 10px;
    width: 100px;
}

.toolBar td.last-child {
    border-right: 0;
}

.toolBar td.spacer {
    width: auto;
}

/* .gdprBar ************************************************************************************* */
.gdprBar {
    margin: 0 0 2px 0;
    border-collapse: collapse;
    padding: 0;
    width: 100%;
    height: 60px;
    text-align: center;
    vertical-align: middle;
}

.gdprBar td {
    margin: 0;
    padding: 10px;
    width: 100px;
}

.gdprBar td.last-child {
    border-right: 0;
}

.gdprBar td.spacer {
    width: auto;
}

/* .contentHeader ******************************************************************************* */
.contentHeader {
    margin: 0;
    padding: 0 0 10px 10px;
    border-bottom: 2px solid #CFD5E2;
    color: #252525;
    font-size: 24px;
    font-weight: bold;
}

/* .contentBody .menu - menu nawigacyjne po lewej stronie *************************************** */
.contentBody {
    margin-top: 10px;
}

.contentBody .menu {
    float: left;
    margin: 0;
    padding: 0;
    width: 260px;
    list-style-type: none;
}

.contentBody .menu li {
    float: left;
    width: 260px;
    background-color: #fff;
    font-size: 1.063em;
    border: 1px solid #C0C7D3;
    
}

.contentBody .menu li + li {
    border-width: 0 1px 1px 1px;
}

.contentBody .menu li .text {
    display: block;
    padding: 19px 20px 19px 45px;
    line-height: 22px;
    color: #0067A3;
    text-align: left;
    cursor: pointer;
}

.contentBody .menu li a.text:hover,
.contentBody .menu li a.text:active,
.contentBody .menu li a.text:focus {
    color: #fff;
    background-color: #15326a;
    outline: none;
}

.contentBody .menu li.current a.text {
    color: #fff;
    background-color: #15326a;
}
/* .contentBody .page - treść strony po prawej stronie ****************************************** */
main:focus {
    outline: none;
}

.contentBody .page {
    float: right;
    width: 900px;
}

.contentBody .page form {
    margin: 0;
    border: 0;
    padding: 0;
}

/* .contentBody .page .pageHeader - nagłówek treści strony ************************************** */
.contentBody .page .pageHeader {
    margin: 0 0 10px 0;
    border-collapse: collapse;
    width: 900px;
    vertical-align: middle;
    background-color: #EDEEF2;
    color: #252525;
}

.contentBody .page .pageHeader td {
    margin: 0;
    border: 0;
    padding: 0;
}

.contentBody .page .pageHeader div {
    width: 900px;
    word-wrap: break-word;
}

.contentBody .page .pageHeader h2,
.contentBody .page .pageHeader .h2 {
    padding: 0 30px;
    max-width: 840px;
    word-wrap: break-word;
}

.contentBody .page .pageHeader span {
    color: #929292;
    word-wrap: break-word;
}

.contentBody .page .pageHeader .buttonCell {
    margin: 0;
    border: 0;
    text-align: right;
    padding-right: 11px;
    width: 1px;
}

.contentBody .page .pageHeader .buttonCell.last-child {
    padding-right: 17px;
}

.contentBody .page .pageFooterActions {
    width: 100%;
}

.contentBody .page .pageFooterActionsSpacer{
    width: 100%;
}

.contentBody .page .pageFooterActions .buttonCell{
    padding-right:11px;
}

.contentBody .page .pageFooterActions .buttonCell:last-of-type{
    padding-right:17px;
}

/* responsywna tabela z bootstrap 4 ************************************************************* */
.bootstrap4-wrapper .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
  }
  
  .bootstrap4-wrapper .table th,
  .bootstrap4-wrapper .table td {
    padding: 0.75rem;
    vertical-align: top;
  }
  
  .bootstrap4-wrapper .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    text-align: left;
  }

  .bootstrap4-wrapper .table thead th .sorted { 
      padding-right: 20px; 
      background: #FFFFFF no-repeat scroll 100% 50%;  
  }

  .bootstrap4-wrapper .table thead th .asc { 
      background-image: url("/pz/javax.faces.resource/images/buttons/client/blue_arrow_up_narrow.png.xhtml"); 
  }

  .bootstrap4-wrapper .table thead th .desc { 
      background-image: url("/pz/javax.faces.resource/images/buttons/client/blue_arrow_down_narrow.png.xhtml"); 
  }
  
  .bootstrap4-wrapper .table tbody + tbody {
    border-top: 2px solid #dee2e6;
  }
  
  .bootstrap4-wrapper .table .table {
    background-color: #fff;
  }
  
  .bootstrap4-wrapper .table-sm th,
  .bootstrap4-wrapper .table-sm td {
    padding: 0.3rem;
  }
  
  .bootstrap4-wrapper .table-bordered {
    border: 1px solid #dee2e6;
  }
  
  .bootstrap4-wrapper .table-bordered th,
  .bootstrap4-wrapper .table-bordered td {
    border: 1px solid #dee2e6;
  }
  
  .bootstrap4-wrapper .table-bordered thead th,
  .bootstrap4-wrapper .table-bordered thead td {
    border-bottom-width: 2px;
  }
  
  .bootstrap4-wrapper .table-borderless th,
  .bootstrap4-wrapper .table-borderless td,
  .bootstrap4-wrapper .table-borderless thead th,
  .bootstrap4-wrapper .table-borderless tbody + tbody {
    border: 0;
  }
  
  .bootstrap4-wrapper .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
  }
  
  .bootstrap4-wrapper .table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.075);
    cursor: pointer;
  }

    .bootstrap4-wrapper .table-hover tbody tr:nth-of-type(5):hover,
    .bootstrap4-wrapper .table-hover tbody tr:nth-of-type(6):hover {
        cursor: initial;
    }
  
  .bootstrap4-wrapper .table-light,
  .bootstrap4-wrapper .table-light > th,
  .bootstrap4-wrapper .table-light > td {
    background-color: #fdfdfe;
  }
  
  .bootstrap4-wrapper .table-hover .table-light:hover {
    background-color: #ececf6;
  }
  
  .bootstrap4-wrapper .table-hover .table-light:hover > td,
  .bootstrap4-wrapper .table-hover .table-light:hover > th {
    background-color: #ececf6;
  }
  
  .bootstrap4-wrapper .table-active,
  .bootstrap4-wrapper .table-active > th,
  .bootstrap4-wrapper .table-active > td {
    background-color: rgba(0, 0, 0, 0.075);
  }
  
  .bootstrap4-wrapper .table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
  }
  
  .bootstrap4-wrapper .table-hover .table-active:hover > td,
  .bootstrap4-wrapper .table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, 0.075);
  }
  
  .bootstrap4-wrapper .table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
  }
  
  @media (max-width: 575.98px) {
    .bootstrap4-wrapper .table-responsive-sm {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .bootstrap4-wrapper .table-responsive-sm > .table-bordered {
      border: 0;
    }
  }
  
  @media (max-width: 767.98px) {
    .bootstrap4-wrapper .table-responsive-md {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .bootstrap4-wrapper .table-responsive-md > .table-bordered {
      border: 0;
    }
  }
  
  @media (max-width: 991.98px) {
    .bootstrap4-wrapper .table-responsive-lg {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .bootstrap4-wrapper .table-responsive-lg > .table-bordered {
      border: 0;
    }
  }
  
  @media (max-width: 1199.98px) {
    .bootstrap4-wrapper .table-responsive-xl {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .bootstrap4-wrapper .table-responsive-xl > .table-bordered {
      border: 0;
    }
  }
  
  .bootstrap4-wrapper .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  
  .bootstrap4-wrapper .table-responsive > .table-bordered {
    border: 0;
  }

/* .contentBody .page .fieldsTable - tabela ze szczegółami/ do edycji *************************** */
.contentBody .page .fieldsTable {
    margin: 0 18px 0 0;
    border: 0;
    border-collapse: collapse;
    padding: 0;
    width: 100%;
}

.contentBody .page .fieldsTable td {
    margin: 0;
    border: 0;
    border-top: 2px solid #E7E7E7;
    padding: 0;
}

.contentBody .page .fieldsTable .categoryLabelColumn {
    padding: 18px 24px;
    width: 200px;
    max-width: 200px;
    vertical-align: top;
    word-wrap: break-word;
}

.contentBody .page .fieldsTable .categoryLabelColumn h3 {
    margin: 0px;
    font-size: 18px;
    font-weight: bold;
    color: #252525;
}

.contentBody .page .fieldsTable .spacerColumn {
    border-top: 0;
    width: 18px;
}

/* Tę klasę należy dodawać, jeśli kategoria składa się z tekstu (znacznik <p>), a nie z tabeli. */
.contentBody .page .fieldsTable .categoryDetailsColumn {
    padding: 20px 12px;
    width: 610px;
    max-width: 610px;
    vertical-align: top;
    color: #252525;
    font-size: 15px;
    font-weight: normal;
    word-wrap: break-word;
}

.contentBody .page .fieldsTable .categoryDetailsColumn p {
    margin-top: 0;
    margin-bottom: 20px;
}

.contentBody .page .fieldsTable .categoryDetailsColumn .textareaBar {
    border-top: 2px solid #CFD5E2;
    border-collapse: collapse;
    width: 100%;
    background-color: #F7F7F9;
}

.contentBody .page .fieldsTable .categoryDetailsColumn .textareaBar td.textareaColumn {
    padding: 20px 0 20px 20px;
    width: 390px;
    text-align: left;
}

.contentBody .page .fieldsTable .categoryDetailsColumn .textareaBar td.textareaColumn label {
    display: inline-block;
    padding-bottom: 5px;
}

.contentBody .page .fieldsTable .categoryDetailsColumn .textareaBar td.textareaColumn textarea {
    width: 368px;
    height: 60px;
}

.contentBody .page .fieldsTable .categoryDetailsColumn .textareaBar td.buttonColumn {
    padding: 23px 20px 0 20px;
    width: 160px;
    text-align: center;
    vertical-align: middle;
}

.contentBody .page .fieldsTable .innerTable {
    margin: 0;
    border: 0;
    border-collapse: collapse;
    border-top: 20px solid #FFFFFF;
    border-bottom: 20px solid #FFFFFF;
    padding: 0;
    width: 100%;
}

.contentBody .page .fieldsTable .innerTable.innerSimpleTable {
    border-top-width: 8px;
    border-bottom-width: 15px;
}

.contentBody .page .fieldsTable .innerTable tr:nth-of-type(odd) {
    background-color: #F7F7F9;
}

.contentBody .page .fieldsTable .innerTable tr.background-white {
    background-color: #FFFFFF;
}

.contentBody .page .fieldsTable .innerTable.innerSimpleTable tr:nth-of-type(odd) {
    background-color: #FFFFFF;
}

.contentBody .page .fieldsTable .innerTable tr {
    border-left: 12px solid #FFFFFF;
    border-right: 12px solid #FFFFFF;
}

.contentBody .page .fieldsTable .innerTable td {
    margin: 0;
    border: 0;
    padding: 5px 0 5px 10px;
    height: 50px;
    vertical-align: middle;
    color: #252525;
    font-size: 1rem;
    font-weight: normal;
    word-wrap: break-word;
}

.contentBody .page .fieldsTable .innerTable.innerSimpleTable td {
    height: 35px;
}

.contentBody .page .fieldsTable .inner1ColumnTable .checkboxColumn {
    padding-left: 30px;
    width: 580px;
    max-width: 580px;
    text-align: left;
}

.contentBody .page .fieldsTable .inner1ColumnTable .checkboxColumn label {
    padding-left: 10px;
}

.contentBody .page .fieldsTable .inner2ColumnTable .labelColumn, .contentBody .page .fieldsTable .inner4ColumnTable .labelColumn {
    width: 170px;
    max-width: 200px;
    text-align: right;
}
@media (max-width:  640px) {
    #applicationSubmissionForm .inner2ColumnTable {
        margin-top:30px;
}}

.contentBody .page .fieldsTable .inner4ColumnTable .labelColumn.wider {
    width: 230px;
    max-width: 230px;
}

.contentBody .page .fieldsTable .inner2ColumnTable .valueColumn, .contentBody .page .fieldsTable .inner4ColumnTable .valueColumn {
    padding-left: 30px;
}

.contentBody .page .fieldsTable .inner2ColumnTable .valueColumn, .contentBody .page .fieldsTable .inner2ColumnTable .valueColumn .userValue {
    width: 370px;
    max-width: 370px;
}

.contentBody .page .fieldsTable .inner4ColumnTable .valueColumn, .contentBody .page .fieldsTable .inner4ColumnTable .valueColumn .userValue {
    width: 252px;
    max-width: 252px;
}

.contentBody .page .fieldsTable .inner4ColumnTable .descriptionColumn {
    padding: 10px;
    max-width: 148px;
    text-align: left;
    font-size: 13px;
    color: #E85A48;
}

.contentBody .page .fieldsTable .inner4ColumnTable .descriptionColumn.wider {
    width: 308px;
    min-width: 308px;
    max-width: 308px;
}

.contentBody .page .fieldsTable .inner4ColumnTable .hintColumn {
    padding-left: 15px;
    width: 15px;
}

.contentBody .page .fieldsTable .inner4ColumnTableWithRequiredField {
    border-top: 0;
    border-bottom: 20px solid #FFFFFF;
}

.contentBody .page .fieldsTable .inner4ColumnTableWithRequiredField tr:nth-of-type(odd) {
    background-color: #FFFFFF;
}

.contentBody .page .fieldsTable .inner4ColumnTableWithRequiredField tr:nth-of-type(even) {
    background-color: #F7F7F9;
}

.contentBody .page .fieldsTable .inner4ColumnTableWithRequiredField tr:first-child td {
    height: 20px;
    font-size: 13px;
}

.contentBody .page .fieldsTable .inner4ColumnTableWithRequiredField .requiredFieldLabel {
    text-align: right;
}

.contentBody .page .fieldsTable .list td:first-child {
    border-top: 0;
    padding-left: 20px;
}

/* .contentBody .page .pageFooter - stopka treści strony **************************************** */
.contentBody .page .pageFooter {
    margin: 0 0 5px 0;
    border-top: 2px solid #E7E7E7;
    padding-top: 20px;
    text-align: right;
}

.contentBody .page .pageFooter a, .contentBody .page .pageFooter input {
    margin-right: 11px;
}

.contentBody .page .pageFooter a.last-child, .contentBody .page .pageFooter input.last-child {
    margin-right: 10px;
}

.contentBody .page .pageFooter .certificateLinkDiv {
    margin-top: 10px;
    margin-bottom: 5px;
}

.contentBody .page.registrationPage .certificateLinkTable {
    float: right;
}

/* Mapa strony ********************************************************************************** */
.siteMapPageContents h1 {
    margin: 15px 0 30px 0;
    font-weight: 600;
    font-size: 26px;
}

.siteMapPageContents ul {
    list-style-type: none;
    margin: 0;
}

.siteMapPageContents ul li {
    margin: 7px 0;
}

/* .certificateStep - wiersz z krokiem podpisywania dokumentu certyfikatem kwalifikowanym ******* */
.certificateTable {
    margin-top: 15px;
    margin-bottom: 15px;
}

.certificateStep .stepLabelColumn {
    padding-top: 5px;
    padding-right: 20px;
    vertical-align: middle;
}

.certificateStep .stepActionColumn {
    padding-top: 5px;
}

.certificateStep .stepActionColumn .additionalInfo {
    padding-top: 5px;
    font-size: 13px
}

.certificateStep .uploadFileInput {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.certificateStep.withButton {
    height: 70px;
}

/* .xadesApplet - applet do podpisywania dokumentów certyfikatem kwalifikowanym ***************** */
.xadesApplet {
    width: 1px;
    height: 1px;
    position: absolute;
    top: 0;
    left: -2000px;
}

.profileXMLStructureLink {
    padding: 10px 0 5px 0;
    font-size: 13px;
    text-align: left;
}

.profileXMLStructureDiv {
    padding: 10px;
    background-color: #f7f7f9;
    font-size: 13px;
}

.profileXMLStructureDiv p {
    margin: 2px 0;
}

.evenRow { background-color: #FFFFFF !important; }

/* Inne ***************************************************************************************** */
::-webkit-input-placeholder { /* WebKit browsers */
    color: #737373;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #737373;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #737373;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #737373;
}

.link-underline {
    text-decoration: underline;
}

.gdpr-header {
    font-weight: 600;
}

/* .contentBody .page .pageRegisterHeader - nagłówek treści strony rejestracji online ************************************** */
.contentBody .page .pageRegisterHeader {
    margin: 0 0 10px 0;
    border-collapse: collapse;
    width: 100%;
    vertical-align: middle;
    background-color: #fff;
    color: #252525;
}

.contentBody .page .pageRegisterHeader td {
    border: 0;
    padding: 0;
}

.contentBody .page .pageRegisterHeader h2,
.contentBody .page .pageRegisterHeader .h2 {
    padding: 0 30px;
    max-width: 840px;
    word-wrap: break-word;
}

/* .card - wybor metody rejestracji ************************************** */
.cardMainLabel {
    border: none;
    padding-top: 20px;
    padding-bottom: 20px;
}

.cardMainLabel h2 {
    font-size: 28px;
}

.cardMainLabel h3 {
    font-size: 21px;
    margin-top: 0px;
    margin-bottom: 0px;
} 

@media (max-width:  1180px) {
.cardMainLabel {   
    display: inline-block;
    padding-top: 0px !important;
    width: 100%;
}}

.cardMainLabel span {
    text-align: left;
}

.cardMainWrap {
    display: inline;
}

.cardList {
    list-style: none; 
    flex-wrap: wrap; 
    margin: 0; 
    display: flex; 
    justify-content: left;
    margin-left: 0px;
    padding-left: 5px;
    padding-right: 24px;
    padding-bottom: 20px;
}

@media (max-width:  1180px) {
.cardList {   
    padding-right: 0px;
}}

.card {
    display:flex; 
    position: relative; 
    cursor: pointer;
    width: 31%;
    border: 1px #ccc solid;
    margin: 0px 3% 20px 0;
}

.noLinkedCard {
    display:flex;
    position: relative;
    width: 36%;
    margin: 0 3% 20px 0;
}

.card.last-child {
    margin: 0 0% 20px 0;
}

.card:hover {
    -moz-box-shadow: 0 0 20px #ccc;
    -webkit-box-shadow: 0 0 20px #ccc;
    box-shadow: 0 0 20px #ccc;
}

@media (max-width:  640px) {
.card {
    width: 100%;
}}

@media (max-width: 640px) {
.card.last-child {
    margin: 0px 3% 20px 0;
}
}

@media (max-width:  640px) {
    .noLinkedCard {
        width: 100%;
    }}

@media (max-width:  855px) {
.cardTitleWrap {    
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    height: 46px;
}}

@media (max-width:  640px) {
.cardTitleWrap {
    height: 20px !important;
}}

@media (max-width:  285px) {
.cardTitleWrap {
    height: 40px !important;
}}

.cardWrap {
    position: relative;
    width: 100%;
}

.cardTitleWrap {
    border-bottom: 1px #ccc solid;
    padding-top: 28px;
    padding-bottom: 28px;
    text-align: center;
}


.cardTitleWrap h3 {
    font-size: 18px;
    margin: 0px 20px 0px 20px;
    font-weight: bold;
}

.cardImg {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 50%;
    box-shadow: none;
}

.cardDesc {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #000;
    padding-right: 10%;
    padding-left: 10%;
    line-height: 24px;
}

.noBold {
    font-weight: normal;
}

.registerBackText {
    white-space: nowrap; 
}

@media (max-width:  640px) {
.registerBackArrow {
    width: 33%;
}}

@media (max-width:  640px) {
.registerBackText {
    width: 67%;
    white-space: normal;
}}

.registerBackSpace {
    width:3%;
}

.contentBody .page .fieldsTable .inner4ColumnTable .applicationLabelColumn {
    width: 175px;
}

.mt-16 {
    margin-top: 16px;
}

@media(min-width:768px) {
    .contentBody .page .fieldsTable .categoryLabelColumn.categoryLabelColumn--long {
        width:420px;
        max-width: 420px;
    }
}