/* prologix style sheet id: licencje-microsoft-csp */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/inter-v19-latin-ext-300.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/inter-v19-latin-ext-500.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/inter-v19-latin-ext-700.woff2') format('woff2');
}

.hl {
            color: white;
            font-weight: bold;
        }

address strong{color:black;font-weight:bold;}

.px-circle-step {
    display: inline-block;
    width: 2.5em;
    height: 2.5em;
    position: relative;
    margin-right: 0.7em;
    vertical-align: middle;
}

.px-circle-step .px-circle-bg {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    border-radius: 50%;
    background: transparent; /* przeźroczysty środek */
    z-index: 1;
}

.px-circle-step .px-circle-progress {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    border-radius: 50%;
    box-sizing: border-box;
    border: 0.3em solid #8ecaff; /* szeroka obramówka, jasno niebieski */
    border-color: #8ecaff;
    /* domyślnie cała obwódka jasno niebieska */
    z-index: 2;
    clip-path: inset(0 0 0 0);
    border-top-color: #F7C583;
    border-right-color: #8ecaff;
    border-bottom-color: #459eff;
    border-left-color: #8ecaff;
    opacity: 1;
}

/* 0% - tylko jasnoniebieska obwódka, lekko przezroczysta */
.px-circle-step[data-progress="0"] .px-circle-progress {
    border-color: #8ecaff;
    opacity: 0.3;
}

/* 16% - 1/6 okręgu */
.px-circle-step[data-progress="16"] .px-circle-progress {
    transform: rotate(45deg); /* start od 12:00 */
}

/* 32% - 2/6 okręgu */
.px-circle-step[data-progress="32"] .px-circle-progress {
    transform: rotate(90deg); /* start od 12:00 */
}

/* 32% - 2/6 okręgu */
.px-circle-step[data-progress="48"] .px-circle-progress {
    transform: rotate(135deg); /* start od 12:00 */
}

/* 48% - 3/6 okręgu */
.px-circle-step[data-progress="64"] .px-circle-progress {

    transform: rotate(180deg); /* start od 12:00 */
}

/* 48% - 3/6 okręgu */
.px-circle-step[data-progress="80"] .px-circle-progress {

    transform: rotate(225deg); /* start od 12:00 */
}

/* 60% - 4/6 okręgu */
.px-circle-step[data-progress="100"] .px-circle-progress {
  transform: rotate(270deg); /* start od 12:00 */
}


.px-circle-step .px-circle-text {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111; /* czarna cyfra */
    font-weight: bold;
    font-size: 1.2em;
    z-index: 3;
}

.px-bg-blue{
    background-color: #459eff !important;
}

.px-bg-green{
    background-color: #26a758 !important;
}   
.px-bg-orange{
    background-color: #F7C583 !important;
}   

.px-line {
    border-left: #459eff 1px dotted;
    margin-left: 2em;
    padding-left: 4em;
}
.px-noline{border:none;}
.px-line div table{font-size: small;}
.card-body p{font-size: smaller;}

.px-check{color:green; font-size:1.5em;font-weight:bold;}
.px-uncheck{color:red; font-size:1.5em;font-weight:bold;}

.px-line div table{border:2px solid white; min-width: 600px;;}
.px-line div table tbody tr{font-size: smaller;}
@media (max-width: 575.98px) {
    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .table {
        min-width: 500px;
        font-size: 0.95em;
    }
}

div label {
    font-weight: bold;
    position: relative;
}

div label.required::after {
    content: " *";
    color: red;
    font-weight: bold;
    margin-left: 0.2em;
}

.px-profile-link {
    display: inline-block;
    margin: 1.0em 1.0em;
}

ul li{
    margin-bottom: 1em;
}