﻿@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i,900&amp;subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=PT+Serif:400,700&amp;subset=latin-ext");

.w-xs-25 {
    width: 25% !important
}

.w-xs-50 {
    width: 50% !important
}

.w-xs-75 {
    width: 75% !important
}

.w-xs-100 {
    width: 100% !important
}

.h-xs-25 {
    height: 25% !important
}

.h-xs-50 {
    height: 50% !important
}

.h-xs-75 {
    height: 75% !important
}

.h-xs-100 {
    height: 100% !important
}

@media (min-width:576px) {
    .w-sm-25 {
        width: 25% !important
    }

    .w-sm-50 {
        width: 50% !important
    }

    .w-sm-75 {
        width: 75% !important
    }

    .w-sm-100 {
        width: 100% !important
    }

    .h-sm-25 {
        height: 25% !important
    }

    .h-sm-50 {
        height: 50% !important
    }

    .h-sm-75 {
        height: 75% !important
    }

    .h-sm-100 {
        height: 100% !important
    }
}

@media (min-width:768px) {
    .w-md-25 {
        width: 25% !important
    }

    .w-md-50 {
        width: 50% !important
    }

    .w-md-75 {
        width: 75% !important
    }

    .w-md-100 {
        width: 100% !important
    }

    .h-md-25 {
        height: 25% !important
    }

    .h-md-50 {
        height: 50% !important
    }

    .h-md-75 {
        height: 75% !important
    }

    .h-md-100 {
        height: 100% !important
    }
}

@media (min-width:992px) {
    .w-lg-25 {
        width: 25% !important
    }

    .w-lg-50 {
        width: 50% !important
    }

    .w-lg-75 {
        width: 75% !important
    }

    .w-lg-100 {
        width: 100% !important
    }

    .h-lg-25 {
        height: 25% !important
    }

    .h-lg-50 {
        height: 50% !important
    }

    .h-lg-75 {
        height: 75% !important
    }

    .h-lg-100 {
        height: 100% !important
    }
}

@media (min-width:1200px) {
    .w-xl-25 {
        width: 25% !important
    }

    .w-xl-50 {
        width: 50% !important
    }

    .w-xl-75 {
        width: 75% !important
    }

    .w-xl-100 {
        width: 100% !important
    }

    .h-xl-25 {
        height: 25% !important
    }

    .h-xl-50 {
        height: 50% !important
    }

    .h-xl-75 {
        height: 75% !important
    }

    .h-xl-100 {
        height: 100% !important
    }
}

@media (max-width:575.98px) {
    .w-d-xs-25 {
        width: 25% !important
    }

    .w-d-xs-50 {
        width: 50% !important
    }

    .w-d-xs-75 {
        width: 75% !important
    }

    .w-d-xs-100 {
        width: 100% !important
    }

    .h-d-xs-25 {
        height: 25% !important
    }

    .h-d-xs-50 {
        height: 50% !important
    }

    .h-d-xs-75 {
        height: 75% !important
    }

    .h-d-xs-100 {
        height: 100% !important
    }
}

@media (max-width:767.98px) {
    .w-d-sm-25 {
        width: 25% !important
    }

    .w-d-sm-50 {
        width: 50% !important
    }

    .w-d-sm-75 {
        width: 75% !important
    }

    .w-d-sm-100 {
        width: 100% !important
    }

    .h-d-sm-25 {
        height: 25% !important
    }

    .h-d-sm-50 {
        height: 50% !important
    }

    .h-d-sm-75 {
        height: 75% !important
    }

    .h-d-sm-100 {
        height: 100% !important
    }
}

@media (max-width:991.98px) {
    .w-d-md-25 {
        width: 25% !important
    }

    .w-d-md-50 {
        width: 50% !important
    }

    .w-d-md-75 {
        width: 75% !important
    }

    .w-d-md-100 {
        width: 100% !important
    }

    .h-d-md-25 {
        height: 25% !important
    }

    .h-d-md-50 {
        height: 50% !important
    }

    .h-d-md-75 {
        height: 75% !important
    }

    .h-d-md-100 {
        height: 100% !important
    }
}

@media (max-width:1199.98px) {
    .w-d-lg-25 {
        width: 25% !important
    }

    .w-d-lg-50 {
        width: 50% !important
    }

    .w-d-lg-75 {
        width: 75% !important
    }

    .w-d-lg-100 {
        width: 100% !important
    }

    .h-d-lg-25 {
        height: 25% !important
    }

    .h-d-lg-50 {
        height: 50% !important
    }

    .h-d-lg-75 {
        height: 75% !important
    }

    .h-d-lg-100 {
        height: 100% !important
    }
}

.w-d-xl-25 {
    width: 25% !important
}

.w-d-xl-50 {
    width: 50% !important
}

.w-d-xl-75 {
    width: 75% !important
}

.w-d-xl-100 {
    width: 100% !important
}

.h-d-xl-25 {
    height: 25% !important
}

.h-d-xl-50 {
    height: 50% !important
}

.h-d-xl-75 {
    height: 75% !important
}

.h-d-xl-100 {
    height: 100% !important
}

.text-break-word {
    word-wrap: break-word !important
}

.collapse-trigger:after {
    content: "";
    display: inline-block;
    margin-left: auto;
    font: normal normal 900 1rem/1 Font Awesome\ 5 Free;
    font-size: inherit
}

.collapse-trigger.collapsed {
    border: none
}

    .collapse-trigger.collapsed:after {
        content: ""
    }

.rotate-45 {
    transform: rotate(45deg)
}

.rotate-90 {
    transform: rotate(90deg)
}

.rotate-135 {
    transform: rotate(135deg)
}

.rotate-180 {
    transform: rotate(180deg)
}

.rotate-225 {
    transform: rotate(225deg)
}

.rotate-270 {
    transform: rotate(270deg)
}

.rotate-315 {
    transform: rotate(315deg)
}

.size-1 {
    height: 1rem;
    font-size: 1rem
}

.size-2 {
    height: 1.25rem;
    font-size: 1.25rem
}

.size-3 {
    height: 1.5rem;
    font-size: 1.5rem
}

.size-4 {
    height: 2rem;
    font-size: 2rem
}

.f-1 {
    font-size: 1rem
}

.f-2 {
    font-size: 1.25rem
}

.f-3 {
    font-size: 1.5rem
}

.f-4 {
    font-size: 2rem
}

.overflow-hidden {
    overflow: hidden
}

.overflow-auto {
    overflow: auto
}

.h1, h1 {
    line-height: 1
}

@media (min-width:992px) {
    .h1, h1 {
        font-size: 2.5rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .h1, h1 {
        font-size: 2.25rem
    }
}

@media (max-width:767.98px) {
    .h1, h1 {
        font-size: 1.875rem
    }
}

.h2, h2 {
    font-size: 1.5rem;
    font-weight: 700
}

.h3, h3 {
    font-size: 1.25rem;
    font-weight: 500
}

body {
    word-wrap: break-word;
    white-space: normal;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.h4, .h5, .h6, h4, h5, h6 {
    font-size: 1.125rem;
    font-weight: 500
}

.h2, .h3, .h4, .h5, .h6, h2, h3, h4, h5, h6 {
    font-family: Roboto,sans-serif;
    margin-top: 2rem
}

.fa-external-link-alt {
    font-size: .75rem;
    color: #737373
}

.p {
    font-size: 1rem
}

.main-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1280px
}

@media (min-width:992px) {
    .first-col {
        width: 8.4375%
    }

    .col.main-col {
        max-width: 91.5625%
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .first-col {
        width: 9.8958333%
    }

    .col.main-col {
        max-width: 90.1041667%
    }
}

@media (max-width:767.98px) {
    .first-col {
        width: 14.6875%
    }

    .col.main-col {
        max-width: 85.3125%
    }
}

@media (min-width:992px) {
    .main-col {
        padding: 0 44px 0 30px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .main-col {
        padding: 0 22px
    }
}

@media (max-width:767.98px) {
    .main-col {
        padding: 0 16px
    }
}

body.nomenu .content-box {
    padding-top: 38px
}

ul.breadcrumbs {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: .875rem;
    color: #737373
}

    ul.breadcrumbs li {
        display: inline
    }

    ul.breadcrumbs a {
        text-decoration: none
    }

    ul.breadcrumbs li + li:before {
        display: inline-block;
        margin: 0 .3rem -.1rem;
        transform: rotate(15deg);
        border-right: 1px solid;
        height: .8rem;
        content: ""
    }

    ul.breadcrumbs:not(.showall) li.hidden-crumb {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0,0,0,0);
        white-space: nowrap;
        clip-path: inset(50%);
        border: 0
    }

    ul.breadcrumbs #bcellipsis span {
        cursor: pointer
    }

    ul.breadcrumbs.showall #bcellipsis {
        display: none
    }

#maincontent {
    margin-top: 1rem
}

.content-box {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

    .content-box .content-aside, .content-box .content-main, .content-box .content-metrics, .content-box .content-nav, .content-box .content-title {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }

@media (max-width:767.98px) {
    .content-box .content-aside, .content-box .content-main, .content-box .content-metrics, .content-box .content-nav, .content-box .content-title {
        flex: 0 0 100%;
        max-width: 100%
    }

    .content-metrics-spacer {
        display: none
    }
}

@media (min-width:768px) {
    .content-box {
        display: block;
        position: relative
    }

        .content-box:after {
            display: block;
            clear: both;
            content: ""
        }

        .content-box .content-main, .content-box .content-title {
            flex: 0 0 58.3333333333%;
            max-width: 58.3333333333%
        }

        .content-box .content-main {
            float: left
        }

        .content-box .content-aside, .content-box .content-nav {
            flex: 0 0 33.3333333333%;
            max-width: 33.3333333333%;
            float: right;
            margin-bottom: 1rem
        }

        .content-box .content-aside {
            clear: right
        }

        .content-box .content-metrics-spacer {
            display: block;
            height: 4rem;
            float: right;
            clear: right
        }

        .content-box .content-metrics {
            flex: 0 0 33.3333333333%;
            max-width: 33.3333333333%;
            position: absolute;
            right: 0;
            bottom: 0
        }
}

aside h1, aside h2:first-child {
    margin-top: 0
}

aside .h1, aside .h2, aside .h3, aside .h4, aside .h5, aside .h6, aside h1, aside h2, aside h3, aside h4, aside h5, aside h6 {
    font-family: Roboto,sans-serif;
    font-weight: 700;
    color: #737373
}

aside .h1, aside h1 {
    font-size: 1.25rem
}

aside .h2, aside .h3, aside .h4, aside .h5, aside .h6, aside h2, aside h3, aside h4, aside h5, aside h6 {
    font-size: 1.125rem
}

aside ol, aside p, aside ul {
    color: #737373
}

@media (max-width:767.98px) {
    aside {
        margin-top: 1rem
    }

        aside:not(.nospacer) h2:first-of-type:after {
            content: " ";
            border-top: 2px solid #d11632;
            display: block;
            width: 14.6875vw;
            margin-left: calc(-14.6875vw - 16px);
            position: relative;
            top: -.375rem
        }
}

.metrics {
    color: #737373
}

@media (max-width:767.98px) {
    .metrics {
        margin-top: 22px !important
    }
}

.metrics dt {
    display: inline-block;
    float: left;
    font-weight: 400;
    clear: left;
    margin-right: 5px
}

    .metrics dt:after {
        content: ": "
    }

.metrics dd {
    display: inline-block;
    float: left;
    padding-left: 0;
    font-weight: 700
}

ul.side-nav {
    padding: 0
}

    ul.side-nav a {
        font-weight: 700
    }

    ul.side-nav li {
        color: #1a1a1a
    }

        ul.side-nav li:not(:first-of-type) {
            margin-top: .375rem
        }

        ul.side-nav li.active {
            color: #1a1a1a
        }

            ul.side-nav li.active > a, ul.side-nav li > a.active {
                color: #1a1a1a;
                cursor: default;
                text-decoration: none
            }

        ul.side-nav li > ul {
            list-style-type: disc;
            padding-left: 2rem
        }

            ul.side-nav li > ul li {
                margin-top: .375rem
            }

.row.blue-border-short-section {
    font-size: .875rem;
    margin-top: 1rem;
    margin-bottom: 1rem
}

    .row.blue-border-short-section h2 {
        font-size: 1.125rem;
        font-family: Roboto,sans-serif;
        font-weight: 700;
        margin-top: 0
    }

    .row.blue-border-short-section h3 {
        font-family: Roboto,sans-serif;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.5;
        margin-top: 0;
        margin-bottom: 0
    }

    .row.blue-border-short-section ul.link-list {
        padding: 0;
        margin: 0
    }

        .row.blue-border-short-section ul.link-list li {
            color: #1a1a1a;
            margin-top: .375rem
        }

            .row.blue-border-short-section ul.link-list li a {
                font-weight: 700
            }

            .row.blue-border-short-section ul.link-list li.plain {
                list-style-type: none
            }

                .row.blue-border-short-section ul.link-list li.plain a {
                    font-weight: 400
                }

            .row.blue-border-short-section ul.link-list li.active {
                color: #1a1a1a;
                font-weight: 700
            }

                .row.blue-border-short-section ul.link-list li.active a {
                    color: #1a1a1a;
                    cursor: default;
                    text-decoration: none
                }

    .row.blue-border-short-section .two-cols {
        column-width: 260px;
        -webkit-column-width: 260px;
        -moz-column-width: 260px;
        column-gap: 30px
    }

    .row.blue-border-short-section:before {
        display: block;
        content: " ";
        border-top: 2px solid #0063c1;
        border-bottom: 2px solid #0063c1;
        margin-left: -2000px;
        width: 2000px
    }

    .row.blue-border-short-section > section {
        border-top: 2px solid #0063c1;
        border-bottom: 2px solid #0063c1;
        border-right: 2px solid #0063c1;
        padding-top: 2rem;
        padding-bottom: 2rem
    }

@media (min-width:992px) {
    .row.blue-border-short-section {
        margin-left: -30px
    }

        .row.blue-border-short-section > section {
            padding-left: 30px
        }
}

@media (min-width:768px) and (max-width:991.98px) {
    .row.blue-border-short-section {
        margin-left: -22px
    }

        .row.blue-border-short-section > section {
            padding-left: 22px
        }
}

@media (max-width:767.98px) {
    .row.blue-border-short-section {
        margin-left: -16px
    }

        .row.blue-border-short-section > section {
            padding-left: 31px;
            margin-right: 15px;
            margin-left: -15px
        }
}

div.padded {
    padding: 1rem
}

.skip-to-content {
    z-index: 1002;
    top: 0;
    left: 0;
    position: absolute !important;
    background-color: #fff
}

    .skip-to-content .nav-link {
        padding: .5rem
    }

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100
}

    .sticky:after, .sticky:before {
        content: "";
        display: table
    }

:focus, button:focus {
    outline: 3px solid #f5a623;
    z-index: 1
}

.header.top-row {
    align-items: center;
    background-color: #fff
}

@media (min-width:992px) {
    .header.top-row {
        height: 54px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .header.top-row {
        height: 50px
    }
}

@media (max-width:767.98px) {
    .header.top-row {
        height: 42px
    }
}

.header .gov-pl {
    font-family: Roboto,sans-serif;
    font-weight: bolder;
    font-size: 1.5rem;
    padding-top: .5rem;
    float: right;
    background-color: #fff;
    width: 2000px;
    border-bottom: 2px solid #d11632;
    text-align: right;
    margin-left: -2000px
}

@media (min-width:992px) {
    .header .gov-pl {
        height: 54px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .header .gov-pl {
        height: 50px;
        letter-spacing: -.5px;
        font-size: 2.7vw
    }
}

@media (max-width:767.98px) {
    .header .gov-pl {
        height: 42px;
        font-size: 1rem
    }
}

.header .gov-pl a {
    text-decoration: none;
    color: #1a1a1a
}

.header .welcome {
    color: #737373;
    padding: .5em 0;
    display: inline-block
}

.header .nav.top-nav {
    margin: 0;
    float: right
}

    .header .nav.top-nav .nav-link:focus, .header .nav.top-nav .nav-link:hover {
        text-decoration: underline
    }

    .header .nav.top-nav .nav-link.dtoogle {
        text-decoration: none
    }

        .header .nav.top-nav .nav-link.dtoogle:after {
            content: "";
            font: normal normal 900 1rem/1 Font Awesome\ 5 Free;
            font-size: 1rem;
            margin-left: 4px
        }

        .header .nav.top-nav .nav-link.dtoogle span {
            text-decoration: underline;
            display: inline-block;
            vertical-align: top;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 210px
        }

            .header .nav.top-nav .nav-link.dtoogle span:focus, .header .nav.top-nav .nav-link.dtoogle span:hover {
                text-decoration: underline
            }

@media (max-width:400px) {
    .header .nav.top-nav .nav-link.dtoogle span {
        max-width: 150px
    }
}

.header .nav.top-nav.sps--blw .dropdown-menu {
    display: none !important
}

.header .nav.top-nav .dropdown-menu {
    border: 1px solid #0063c1;
    padding-right: 2rem;
    top: -40px !important;
    max-width: 90vw
}

    .header .nav.top-nav .dropdown-menu h6 {
        margin-top: 0;
        font-weight: 400;
        padding-bottom: 0;
        font-size: .8rem
    }

@media (max-width:767.98px) {
    .header .nav.top-nav .dropdown-menu .dropdown-item {
        white-space: normal
    }
}

.header .nav.top-nav .dropdown-menu .dropdown-item.current {
    font-weight: 700
}

.header .nav.top-nav .dropdown-menu a.dropdown-item {
    color: #0063c1
}

    .header .nav.top-nav .dropdown-menu a.dropdown-item:focus, .header .nav.top-nav .dropdown-menu a.dropdown-item:hover {
        text-decoration: underline;
        background-color: initial
    }

    .header .nav.top-nav .dropdown-menu a.dropdown-item:hover {
        color: #003c75
    }

    .header .nav.top-nav .dropdown-menu a.dropdown-item:active {
        color: #fff;
        background-color: #0063c1
    }

.header .nav.top-nav .dropdown-menu .dropdown-divider {
    margin-right: -2rem
}

.header .nav.top-nav .dropdown-menu .close {
    font-size: 2rem;
    margin-right: 4px;
    opacity: 1;
    padding: 0 .5rem;
    position: absolute;
    right: 0
}

.header .logo {
    height: 97px;
    float: right
}

@media (min-width:768px) and (max-width:991.98px) {
    .header .logo {
        height: 85px
    }
}

@media (max-width:767.98px) {
    .header .logo {
        height: 67px
    }
}

@media (max-width:450px) {
    .header .logo {
        height: 15vw
    }
}

.header .eu-logo {
    margin-top: .75rem;
    text-align: right
}

    .header .eu-logo img {
        vertical-align: top;
        max-width: 95%
    }

@media (max-width:767.98px) {
    .header .eu-logo img {
        max-width: 50%
    }
}

.header .title {
    z-index: 122
}

    .header .title a {
        text-decoration: none;
        color: #1a1a1a;
        line-height: 1.2;
        font-family: "PT Serif",Georgia,Times New Roman,Times,serif
    }

@media (min-width:992px) {
    .header .title a {
        font-size: 2.25rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .header .title a {
        font-size: 1.875rem
    }
}

@media (max-width:767.98px) {
    .header .title a {
        font-size: 1.25rem
    }
}

.header.menu-row.sticky.sps--blw, .header.menu-row:not(.sps) {
    background-color: #fff
}

@media (min-width:992px) {
    .header.menu-row {
        height: 54px;
        margin-right: -44px;
        padding-right: 29px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .header.menu-row {
        height: 50px;
        margin-right: -22px;
        padding-right: 7px
    }
}

@media (max-width:767.98px) {
    .header.menu-row {
        height: 42px;
        margin-right: -16px;
        padding-right: 1px
    }
}

.header.menu-row nav {
    border-bottom: 1px solid #ccc;
    padding: 0;
    background-color: #fff;
    align-items: flex-end;
    flex-wrap: nowrap !important
}

    .header.menu-row nav .nav-help {
        margin-left: auto;
        margin-right: 2px;
        z-index: 3
    }

    .header.menu-row nav .navbar-nav {
        width: 100%;
        z-index: 100
    }

    .header.menu-row nav .nav-item:first-child > .nav-link {
        margin-left: 0
    }

    .header.menu-row nav .nav-link {
        display: inline-block;
        font-size: 1.5rem;
        font-family: "PT Serif",Georgia,Times New Roman,Times,serif;
        text-decoration: none;
        padding-top: 7px;
        padding-left: 0;
        padding-right: 0;
        margin: 0 15px -1px
    }

@media (min-width:992px) {
    .header.menu-row nav .nav-link {
        padding-bottom: 11px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .header.menu-row nav .nav-link {
        padding-bottom: 10px
    }
}

@media (max-width:767.98px) {
    .header.menu-row nav .nav-link {
        padding-bottom: 8px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .header.menu-row nav .nav-link {
        font-size: 1.4rem
    }
}

@media (max-width:767.98px) {
    .header.menu-row nav .nav-link {
        font-size: 1.125rem
    }
}

.header.menu-row nav .nav-link.nav-item:first-child {
    margin-left: 0
}

@media (min-width:992px) {
    .header.menu-row nav .nav-link.active, .header.menu-row nav .nav-link:hover {
        padding-bottom: 6px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .header.menu-row nav .nav-link.active, .header.menu-row nav .nav-link:hover {
        padding-bottom: 5px
    }
}

@media (max-width:767.98px) {
    .header.menu-row nav .nav-link.active, .header.menu-row nav .nav-link:hover {
        padding-bottom: 3px
    }
}

.header.menu-row nav .nav-link:hover {
    border-bottom: 5px solid #0063c1
}

.header.menu-row nav .nav-link.active {
    color: #1a1a1a;
    border-bottom: 5px solid #d11632
}

.header.menu-row nav .nav-link.right {
    margin-left: auto;
    margin-right: 2px
}

.header.menu-row nav .nav-link.with-notifications {
    position: relative;
    margin-right: 25px
}

    .header.menu-row nav .nav-link.with-notifications .notifications-count {
        position: absolute;
        top: 7px;
        right: -25px;
        font: 700 .8125rem/20px Roboto,sans-serif;
        color: #fff;
        background: #d11632;
        text-align: center;
        border-radius: 50%;
        line-height: 1.25rem;
        width: 20px;
        height: 20px
    }

.header.menu-row nav .nav-link.open > span, .header.menu-row nav .nav-link > span.onopen {
    display: none
}

    .header.menu-row nav .nav-link.open > span.onopen {
        display: inline
    }

        .header.menu-row nav .nav-link.open > span.onopen:after {
            content: "×";
            font-family: Roboto,sans-serif;
            opacity: 1;
            display: inline-block;
            margin-left: 0;
            line-height: 1rem;
            font-size: 2.5rem;
            font-weight: 400;
            vertical-align: sub
        }

@media (max-width:991.98px) {
    .header.menu-row nav .nav-link.open > span.onopen:after {
        font-size: 2rem
    }
}

.header.menu-row nav .navbar-toggler {
    font-size: 1.5rem;
    padding-top: 7px;
    padding-left: 0;
    margin: 0
}

@media (min-width:992px) {
    .header.menu-row nav .navbar-toggler {
        padding-bottom: 11px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .header.menu-row nav .navbar-toggler {
        font-size: 2rem;
        padding-top: 8px;
        padding-bottom: 7px
    }
}

@media (max-width:767.98px) {
    .header.menu-row nav .navbar-toggler {
        font-size: 1.4rem;
        padding-bottom: 8px
    }
}

@media (max-width:991.98px) {
    .header.menu-row nav .navbar-collapse.collapsing, .header.menu-row nav .navbar-collapse.show {
        position: absolute;
        background-color: #fff;
        width: 100%;
        padding-bottom: 1rem;
        left: 0;
        z-index: 100;
        top: 54px
    }
}

@media (max-width:991.98px) and (min-width:768px) and (max-width:991.98px) {
    .header.menu-row nav .navbar-collapse.collapsing, .header.menu-row nav .navbar-collapse.show {
        top: 50px
    }
}

@media (max-width:991.98px) and (max-width:767.98px) {
    .header.menu-row nav .navbar-collapse.collapsing, .header.menu-row nav .navbar-collapse.show {
        top: 42px
    }
}

@media (max-width:991.98px) {
    .header.menu-row nav .navbar-collapse.collapsing .nav-link, .header.menu-row nav .navbar-collapse.show .nav-link {
        margin-left: 0;
        margin-right: 0;
        display: block
    }

        .header.menu-row nav .navbar-collapse.collapsing .nav-link:not(.active), .header.menu-row nav .navbar-collapse.show .nav-link:not(.active) {
            border-bottom: 1px solid #aaa;
            margin-bottom: -1px
        }

        .header.menu-row nav .navbar-collapse.collapsing .nav-link.with-notifications, .header.menu-row nav .navbar-collapse.show .nav-link.with-notifications {
            padding-right: 30px
        }

            .header.menu-row nav .navbar-collapse.collapsing .nav-link.with-notifications .notifications-count, .header.menu-row nav .navbar-collapse.show .nav-link.with-notifications .notifications-count {
                right: 0
            }
}

@media (min-width:992px) {
    .header.menu-row:not(.sps--blw) .search-form {
        position: absolute;
        right: 0;
        top: -40px
    }

        .header.menu-row:not(.sps--blw) .search-form input {
            width: 300px
        }

    .header.menu-row.sps--blw .search-form {
        z-index: 102 !important;
        transition: all .3s ease-out;
        align-self: center
    }

        .header.menu-row.sps--blw .search-form.infocus input {
            position: absolute;
            width: 300px;
            height: 40px;
            right: 40px
        }
}

@media (min-width:992px) and (max-width:767.98px) {
    .header.menu-row.sps--blw .search-form.infocus input {
        width: 235px
    }
}

@media (min-width:992px) and (max-width:400px) {
    .header.menu-row.sps--blw .search-form.infocus input {
        width: 200px
    }
}

@media (min-width:992px) and (max-width:350px) {
    .header.menu-row.sps--blw .search-form.infocus input {
        width: 170px
    }
}

@media (min-width:992px) {
    .header.menu-row.sps--blw .search-form:not(.infocus) {
        pointer-events: none;
        transition: all .3s ease-out
    }

        .header.menu-row.sps--blw .search-form:not(.infocus) input {
            visibility: hidden;
            display: none;
            z-index: -1 !important;
            transition: all .3s ease-out
        }

            .header.menu-row.sps--blw .search-form:not(.infocus) input:focus {
                pointer-events: all;
                visibility: visible;
                display: initial;
                z-index: 102 !important
            }

        .header.menu-row.sps--blw .search-form:not(.infocus) button {
            pointer-events: all;
            border-color: #fff
        }
}

@media (max-width:991.98px) {
    .header.menu-row .search-form {
        z-index: 102 !important;
        transition: all .3s ease-out;
        align-self: center
    }

        .header.menu-row .search-form.infocus input {
            position: absolute;
            width: 300px;
            height: 40px;
            right: 40px
        }
}

@media (max-width:991.98px) and (max-width:767.98px) {
    .header.menu-row .search-form.infocus input {
        width: 235px
    }
}

@media (max-width:991.98px) and (max-width:400px) {
    .header.menu-row .search-form.infocus input {
        width: 200px
    }
}

@media (max-width:991.98px) and (max-width:350px) {
    .header.menu-row .search-form.infocus input {
        width: 170px
    }
}

@media (max-width:991.98px) {
    .header.menu-row .search-form:not(.infocus) {
        pointer-events: none;
        transition: all .3s ease-out
    }

        .header.menu-row .search-form:not(.infocus) input {
            visibility: hidden;
            display: none;
            z-index: -1 !important;
            transition: all .3s ease-out
        }

            .header.menu-row .search-form:not(.infocus) input:focus {
                pointer-events: all;
                visibility: visible;
                display: initial;
                z-index: 102 !important
            }

        .header.menu-row .search-form:not(.infocus) button {
            pointer-events: all;
            border-color: #fff
        }
}

.header.breadcrumbs-row {
    margin-top: 15px
}

.header.alerts-row {
    top: 54px;
    z-index: 90
}

@media (min-width:768px) and (max-width:991.98px) {
    .header.alerts-row {
        top: 50px
    }
}

@media (max-width:767.98px) {
    .header.alerts-row {
        top: 42px
    }
}

.header.alerts-row > div {
    position: absolute;
    width: 100%;
    padding: 0 15px;
    z-index: 90
}

.header.alerts-row-elevated {
    z-index: 1100;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    margin: 0
}

    .header.alerts-row-elevated > div {
        width: 100%
    }

footer {
    margin-top: 4.25rem
}

    footer .links {
        background-color: #d11632;
        color: #fff
    }

        footer .links:before {
            display: block;
            background-color: #d11632;
            content: " "
        }

@media (min-width:992px) {
    footer .links:before {
        width: calc(8.4375vw + 15px);
        margin-left: calc(-8.4375vw - 15px)
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    footer .links:before {
        width: calc(9.89583vw + 11px);
        margin-left: calc(-9.89583vw - 11px)
    }
}

@media (max-width:767.98px) {
    footer .links:before {
        width: calc(14.6875vw + 8px);
        margin-left: calc(-14.6875vw - 8px)
    }
}

@media screen and (min-width:1280px) {
    footer .links:before {
        width: 123px;
        margin-left: -123px
    }
}

footer .links:after {
    display: block;
    background-color: #d11632;
    content: " "
}

@media (min-width:992px) {
    footer .links:after {
        width: 29px;
        margin-right: -29px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    footer .links:after {
        width: 7px;
        margin-right: -7px
    }
}

@media (max-width:767.98px) {
    footer .links:after {
        width: 1px;
        margin-right: -1px
    }
}

footer .links > div.col > div.row:first-child {
    padding-top: 2.375rem
}

footer .links > div.col > div.row:last-child {
    padding-bottom: 3.125rem
}

footer .links .section-spacer {
    border-top-color: #fff
}

footer .links a {
    color: #fff
}

@media (min-width:768px) and (max-width:991.98px) {
    footer .links a {
        font-size: .8125rem
    }
}

footer .links a:focus, footer .links a:hover {
    color: #f0f0f0
}

footer .links .footer-title {
    color: #fff;
    font-size: 1.5rem;
    margin-bottom: 2rem
}

    footer .links .footer-title a {
        text-decoration: none;
        font-size: 1.5rem;
        font-weight: 700;
        letter-spacing: -.5px
    }

    footer .links .footer-title h2 {
        margin: 0;
        font-size: 1.5rem;
        font-weight: 400;
        display: inline-block;
        font-family: "PT Serif",Georgia,Times New Roman,Times,serif
    }

    footer .links .footer-title:after {
        content: " ";
        display: block;
        border-top: 2px solid #fff;
        position: relative;
        top: -.75rem
    }

@media (min-width:992px) {
    footer .links .footer-title:after {
        width: 8.4375vw;
        margin-left: calc(-8.4375vw - 30px)
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    footer .links .footer-title:after {
        width: 9.89583vw;
        margin-left: calc(-9.89583vw - 22px)
    }
}

@media (max-width:767.98px) {
    footer .links .footer-title:after {
        width: 14.6875vw;
        margin-left: calc(-14.6875vw - 16px)
    }
}

@media screen and (min-width:1280px) {
    footer .links .footer-title:after {
        width: 108px;
        margin-left: -138px
    }
}

footer .links ul {
    padding: 0;
    margin: 0
}

footer .info {
    padding-bottom: 38px
}

@media (min-width:992px) {
    footer .info {
        padding-top: 38px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    footer .info {
        padding-top: 1.5rem
    }
}

@media (max-width:767.98px) {
    footer .info {
        padding-top: 1.9375rem
    }
}

footer .info a {
    font-size: .8125rem
}

@media (min-width:768px) and (max-width:991.98px) {
    footer .info a {
        font-size: 12px
    }
}

footer .info p {
    color: #737373;
    font-size: .8125rem;
    line-height: 1.1875rem;
    margin-top: -.1875rem;
    margin-bottom: 1.375rem
}

@media (min-width:768px) and (max-width:991.98px) {
    footer .info p {
        font-size: .75rem;
        line-height: 1.125rem;
        margin-bottom: 15px
    }
}

@media (max-width:767.98px) {
    footer .info p {
        line-height: 1.25rem
    }
}

footer .info .logos > div {
    margin: 1rem 0;
    display: flex;
    justify-content: space-between
}

@media (max-width:767.98px) {
    footer .info .logos > div {
        flex-direction: column;
        align-items: flex-start
    }

        footer .info .logos > div > a, footer .info .logos > div > img {
            margin: 1rem 0
        }
}

.form-control:disabled, .form-group.disabled.elements-list, .form-group.disabled .form-text, .form-group.disabled .select-wrapper:after, .form-group.disabled label:not(.custom-control-label), .form-group.disabled legend, .form-group.disabled legend:not(.custom-control-label), .form-group:disabled.elements-list .header-text, .form-group:disabled legend {
    opacity: .4
}

.box-group, .elements-list .cardlist .card ul, .elements-list ul {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between
}

.form-control {
    border: 1px solid #737373;
    border-radius: 3px;
    color: #1a1a1a;
    margin: 0 0 1rem;
    padding: .5rem 1rem;
    line-height: 1.375rem
}

    .form-control, .form-control:disabled {
        background-color: #fff
    }

        .form-control::placeholder {
            color: #737373
        }

        .form-control.is-invalid {
            border-color: #737373;
            border-bottom: 2px solid #d11632
        }

.form-control-primary {
    border-color: #0063c1
}

.form-control-secondary {
    border-color: #e3e3e3
}

.form-control-success {
    border-color: green
}

.form-control-info {
    border-color: #0063c1
}

.form-control-warning {
    border-color: #f5a623
}

.form-control-danger {
    border-color: #d11632
}

.form-control-light {
    border-color: #e3e3e3
}

.form-control-dark {
    border-color: #737373
}

.form-control-white {
    border-color: #fff
}

.form-control-black {
    border-color: #1a1a1a
}

output.form-control {
    padding: .5rem 0;
    border-left: transparent;
    border-bottom-color: transparent;
    border-right: transparent;
    border-top-color: transparent
}

    output.form-control.is-invalid {
        border-color: transparent
    }

.was-validated .form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #737373;
    border-bottom: 2px solid #d11632
}

    .was-validated .form-control.is-invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-feedback {
        display: block !important
    }

.was-validated .custom-control-input.is-invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-feedback {
    margin-left: -.5rem
}

    .was-validated .custom-control-input.is-invalid ~ .invalid-feedback ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .invalid-feedback ~ .custom-control-label {
        margin-left: -1.5rem;
        padding-left: 1.5rem
    }

        .was-validated .custom-control-input.is-invalid ~ .invalid-feedback ~ .custom-control-label:before, .was-validated .custom-control-input:invalid ~ .invalid-feedback ~ .custom-control-label:before {
            position: relative;
            margin-left: -1.5rem;
            margin-right: .3rem;
            display: inline-block
        }

.needs-validation .form-group .invalid-feedback {
    display: none
}

.form-group.required > label:not(.custom-control):after, .form-group.required > legend:not(.custom-control):after {
    content: "*";
    color: #d11632;
    margin-left: .2rem
}

.form-group .select-wrapper {
    margin: 0 0 1rem;
    position: relative
}

    .form-group .select-wrapper:after {
        content: "";
        font: normal normal 900 1rem/1 Font Awesome\ 5 Free;
        color: #0063c1;
        display: block;
        position: absolute;
        right: 1rem;
        bottom: .5rem;
        pointer-events: none;
        line-height: inherit
    }

    .form-group .select-wrapper select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: .5rem 3rem .5rem 1rem;
        margin: 0
    }

        .form-group .select-wrapper select:not([size]):not([multiple]) {
            height: calc(2.375rem + 2px)
        }

        .form-group .select-wrapper select::-ms-expand {
            display: none
        }

.form-group .invalid-feedback {
    display: block;
    margin-left: 1rem
}

    .form-group .invalid-feedback:before {
        font: normal normal 900 1rem/1 Font Awesome\ 5 Free;
        font-size: inherit;
        content: "";
        margin: 0 .2rem 0 -1rem
    }

.custom-select.is-invalid:focus, .custom-select.is-valid:focus, .form-control.is-invalid:focus, .form-control.is-valid:focus, .was-validated .custom-select:invalid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:invalid:focus, .was-validated .form-control:valid:focus {
    border-color: #f5a623;
    box-shadow: 0 0 0 3px #f5a623
}

label, legend {
    margin-bottom: 0
}

    label ~ .custom-file, label ~ .form-control, label ~ .form-row, label ~ .input-group, label ~ .select-wrapper, legend ~ .custom-file, legend ~ .form-control, legend ~ .form-row, legend ~ .input-group, legend ~ .select-wrapper {
        margin-top: .25rem
    }

    label + small.form-text.collapse + .show-more, label + small.form-text .collapse + .show-more, legend + small.form-text.collapse + .show-more, legend + small.form-text .collapse + .show-more {
        font-size: .875rem
    }

    label + small.form-text.collapse.show + .show-more, label + small.form-text .collapse.show + .show-more, label + small.form-text.collapsing + .show-more, label + small.form-text .collapsing + .show-more, legend + small.form-text.collapse.show + .show-more, legend + small.form-text .collapse.show + .show-more, legend + small.form-text.collapsing + .show-more, legend + small.form-text .collapsing + .show-more {
        display: none
    }

    label + small.form-text.collapse:not(.show), legend + small.form-text.collapse:not(.show) {
        display: block;
        margin-right: 3rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    label + small.form-text.collapse + .show-more, legend + small.form-text.collapse + .show-more {
        float: right;
        margin-top: -1.3875rem
    }

    label.custom-file-label, legend.custom-file-label {
        z-index: 2
    }

legend {
    font-size: 1rem
}

.form-text {
    margin-top: 0;
    font-size: .875rem
}

.form-text-icon {
    margin-right: 1rem
}

    .form-text-icon .far[class*=float-], .form-text-icon .fas[class*=float-] {
        margin-top: 3px
    }

    .form-text-icon .far.float-right, .form-text-icon .fas.float-right {
        margin-right: -1rem
    }

    .form-text-icon .far.float-left, .form-text-icon .fas.float-left {
        margin-left: -1 rem
    }

.form-text.help-text.collapsed {
    cursor: pointer
}

.input-group .input-group-append > .btn, .input-group .input-group-append > .btn-group {
    border-width: 1px;
    margin: 0
}

.input-group .input-group-append:not(:last-child) > .btn, .input-group .input-group-append:not(:last-child) > .btn-group {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group .input-group-append:not(:first-child) > .btn, .input-group .input-group-append:not(:first-child) > .btn-group {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.address-container > .city > .select-wrapper, .address-container > .country > .select-wrapper {
    padding-right: 0;
    padding-left: 0
}

.address-container > .address, .address-container > .street {
    margin-bottom: 0
}

    .address-container > .address > .form-row, .address-container > .street > .form-row {
        align-items: center
    }

    .address-container > .address > .feedback, .address-container > .street > .feedback {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

.box, .box-icon-btn, .el-item, .form-infobox, .richtext-el-item {
    background: #f0f0f0;
    font-size: .875rem;
    padding: 1rem;
    margin: 1rem 0
}

    .box-icon-btn > h2:first-child, .box-icon-btn > h3:first-child, .box > h2:first-child, .box > h3:first-child, .el-item > h2:first-child, .el-item > h3:first-child, .form-infobox > h2:first-child, .form-infobox > h3:first-child, .richtext-el-item > h2:first-child, .richtext-el-item > h3:first-child {
        margin-top: 0
    }

    .box-icon-btn p:last-child, .box p:last-child, .el-item p:last-child, .form-infobox p:last-child, .richtext-el-item p:last-child {
        margin-bottom: 0
    }

.box-primary {
    background: #0063c1;
    color: #fff
}

.box-icon-btn, .box-outline-primary, .el-item, .richtext-el-item {
    background: none;
    border: 2px solid #0063c1
}

.box-secondary {
    background: #e3e3e3;
    color: #fff
}

.box-outline-secondary, .form-infobox {
    background: none;
    border: 2px solid #e3e3e3
}

.box-success {
    background: green;
    color: #fff
}

.box-outline-success {
    background: none;
    border: 2px solid green
}

.box-info {
    background: #0063c1;
    color: #fff
}

.box-outline-info {
    background: none;
    border: 2px solid #0063c1
}

.box-warning {
    background: #f5a623;
    color: #fff
}

.box-outline-warning {
    background: none;
    border: 2px solid #f5a623
}

.box-danger {
    background: #d11632;
    color: #fff
}

.box-outline-danger {
    background: none;
    border: 2px solid #d11632
}

.box-light {
    background: #e3e3e3;
    color: #fff
}

.box-outline-light {
    background: none;
    border: 2px solid #e3e3e3
}

.box-dark {
    background: #737373;
    color: #fff
}

.box-outline-dark {
    background: none;
    border: 2px solid #737373
}

.box-white {
    background: #fff;
    color: #fff
}

.box-outline-white {
    background: none;
    border: 2px solid #fff
}

.box-black {
    background: #1a1a1a;
    color: #fff
}

.box-outline-black {
    background: none;
    border: 2px solid #1a1a1a
}

.box-secondary, .box-warning {
    color: #1a1a1a
}

.box-with-button {
    display: flex;
    flex-direction: column !important;
    width: 100%
}

    .box-with-button > .form-group, .box-with-button > p {
        margin-bottom: 2rem;
        text-align: center
    }

    .box-with-button > p {
        display: block;
        width: 100%
    }

    .box-with-button > .btn {
        margin: auto 0 0;
        white-space: normal !important;
        height: inherit !important
    }

        .box-with-button > .btn:first-child {
            margin-top: 0
        }

        .box-with-button > .btn + p {
            margin-top: 2rem
        }

.box-icon-btn .custom-control.custom-checkbox .custom-control-label, .box .custom-control.custom-checkbox .custom-control-label, .el-item .custom-control.custom-checkbox .custom-control-label, .form-infobox .custom-control.custom-checkbox .custom-control-label, .richtext-el-item .custom-control.custom-checkbox .custom-control-label {
    font-size: 1rem
}

    .box-icon-btn .custom-control.custom-checkbox .custom-control-label:after, .box-icon-btn .custom-control.custom-checkbox .custom-control-label:before, .box .custom-control.custom-checkbox .custom-control-label:after, .box .custom-control.custom-checkbox .custom-control-label:before, .el-item .custom-control.custom-checkbox .custom-control-label:after, .el-item .custom-control.custom-checkbox .custom-control-label:before, .form-infobox .custom-control.custom-checkbox .custom-control-label:after, .form-infobox .custom-control.custom-checkbox .custom-control-label:before, .richtext-el-item .custom-control.custom-checkbox .custom-control-label:after, .richtext-el-item .custom-control.custom-checkbox .custom-control-label:before {
        top: .08rem
    }

@media (min-width:992px) {
    .box-group > .box.w-lg-50, .box-group > .w-lg-50.box-icon-btn, .box-group > .w-lg-50.el-item, .box-group > .w-lg-50.form-infobox, .box-group > .w-lg-50.richtext-el-item {
        width: calc(50% - 15px) !important
    }
}

form.filter-form {
    margin: 1rem 0 2rem
}

    form.filter-form .filters {
        margin: 0
    }

        form.filter-form .filters .chip {
            border: .7rem solid #fff;
            border-radius: 1.35rem
        }

            form.filter-form .filters .chip:first-of-type {
                margin-left: -.7rem
            }

.custom-radio > div.sub-checks {
    margin: .25rem 0 .5rem .5rem
}

.custom-radio input[type=radio]:not(:checked) ~ .sub-checks > .custom-checkbox > .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #737373
}

.custom-radio input[type=radio]:not(:checked) ~ .sub-checks > .custom-checkbox > .custom-control-input ~ .custom-control-label {
    color: #737373
}

input[type=date], input[type=time] {
    height: 2.6rem
}

    input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-outer-spin-button, input[type=time]::-webkit-inner-spin-button, input[type=time]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

.richtext-small {
    font-size: .875rem
}

.elements-list#ceidg-import legend, .elements-list#ceidg-import ul {
    display: none
}

.elements-list ul {
    list-style: none;
    margin-bottom: 0
}

.elements-list .cardlist .card ul {
    list-style: disc;
    margin-bottom: 0
}

    .elements-list .cardlist .card ul li, .elements-list.split-items li.box-icon-btn, .elements-list.split-items li.el-item, .elements-list.split-items li.richtext-el-item {
        width: 100%
    }

.elements-list.compact li.box-icon-btn, .elements-list.compact li.el-item, .elements-list.compact li.richtext-el-item {
    height: 5.625rem;
    margin: .5rem 0
}

    .elements-list.compact li.box-icon-btn .item-content, .elements-list.compact li.el-item .item-content, .elements-list.compact li.richtext-el-item .item-content {
        max-height: 3.375rem
    }

.elements-list.unified li.box-icon-btn, .elements-list.unified li.el-item, .elements-list.unified li.richtext-el-item {
    height: 5.625rem;
    min-height: auto
}

    .elements-list.unified li.box-icon-btn .item-content, .elements-list.unified li.el-item .item-content, .elements-list.unified li.richtext-el-item .item-content {
        max-height: 3.75rem
    }

        .elements-list.unified li.box-icon-btn .item-content > *, .elements-list.unified li.el-item .item-content > *, .elements-list.unified li.richtext-el-item .item-content > * {
            font-size: 1.25rem
        }

.elements-list .cardlist {
    margin: 1rem 0
}

    .elements-list .cardlist .card {
        width: 100%;
        border-bottom: 1px solid rgba(26,26,26,.125) !important;
        margin-bottom: -1px
    }

        .elements-list .cardlist .card .card-header {
            position: relative
        }

        .elements-list .cardlist .card .card-body {
            border-top: 1px solid rgba(26,26,26,.125)
        }

        .elements-list .cardlist .card .card-header {
            border-bottom: none
        }

            .elements-list .cardlist .card .card-header .custom-control-label {
                font-size: 1rem
            }

                .elements-list .cardlist .card .card-header .custom-control-label span {
                    display: block;
                    margin-left: 1rem
                }

                    .elements-list .cardlist .card .card-header .custom-control-label span:before {
                        content: none !important
                    }

.box-icon-btn, .el-item, .richtext-el-item {
    min-height: 7.125rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    border-radius: 5px
}

@media (min-width:992px) {
    .box-icon-btn, .el-item, .richtext-el-item {
        width: calc(50% - 15px)
    }
}

.el-item.with-control, .with-control.box-icon-btn, .with-control.richtext-el-item {
    border-color: #e3e3e3
}

.el-disabled.box-icon-btn, .el-disabled.richtext-el-item, .el-item.el-disabled {
    opacity: .5
}

.el-item.square, .el-item.square button, .square.box-icon-btn, .square.box-icon-btn button, .square.richtext-el-item, .square.richtext-el-item button {
    border-radius: 0
}

.box-icon-btn .item-content, .el-item .item-content, .richtext-el-item .item-content {
    height: auto;
    max-height: 4.875rem;
    overflow-y: hidden
}

    .box-icon-btn .item-content > :not(i), .el-item .item-content > :not(i), .richtext-el-item .item-content > :not(i) {
        display: block;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

        .box-icon-btn .item-content > :not(i):first-child, .el-item .item-content > :not(i):first-child, .richtext-el-item .item-content > :not(i):first-child {
            font-size: 1.25rem
        }

        .box-icon-btn .item-content > :not(i):nth-child(n+2), .el-item .item-content > :not(i):nth-child(n+2), .richtext-el-item .item-content > :not(i):nth-child(n+2) {
            font-size: 1rem
        }

.box-icon-btn .item-contentlabel, .el-item .item-contentlabel, .richtext-el-item .item-contentlabel {
    width: 100%
}

.el-item.with-button, .with-button.box-icon-btn, .with-button.richtext-el-item {
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

    .el-item.with-button > .item-content, .with-button.box-icon-btn > .item-content, .with-button.richtext-el-item > .item-content {
        overflow: hidden
    }

    .el-item.with-button > button, .with-button.box-icon-btn > button, .with-button.richtext-el-item > button {
        margin: 0 0 0 .5rem
    }

.el-item.with-menu, .with-menu.box-icon-btn, .with-menu.richtext-el-item {
    position: relative
}

    .el-item.with-menu.button-fill > button, .with-menu.button-fill.box-icon-btn > button, .with-menu.button-fill.richtext-el-item > button {
        padding-right: 2rem
    }

    .el-item.with-menu > .custom-control, .with-menu.box-icon-btn > .custom-control, .with-menu.richtext-el-item > .custom-control {
        padding-right: 1rem;
        width: 100%;
        height: 100%
    }

    .el-item.with-menu .menu-container, .with-menu.box-icon-btn .menu-container, .with-menu.richtext-el-item .menu-container {
        position: absolute;
        top: .5rem;
        right: .2rem;
        z-index: 1
    }

        .el-item.with-menu .menu-container .dropdown-toggle, .with-menu.box-icon-btn .menu-container .dropdown-toggle, .with-menu.richtext-el-item .menu-container .dropdown-toggle {
            padding: 0 .5rem;
            margin: 0
        }

            .el-item.with-menu .menu-container .dropdown-toggle:disabled, .with-menu.box-icon-btn .menu-container .dropdown-toggle:disabled, .with-menu.richtext-el-item .menu-container .dropdown-toggle:disabled {
                cursor: default
            }

            .el-item.with-menu .menu-container .dropdown-toggle:before, .with-menu.box-icon-btn .menu-container .dropdown-toggle:before, .with-menu.richtext-el-item .menu-container .dropdown-toggle:before {
                content: none
            }

            .el-item.with-menu .menu-container .dropdown-toggle i, .with-menu.box-icon-btn .menu-container .dropdown-toggle i, .with-menu.richtext-el-item .menu-container .dropdown-toggle i {
                font-size: 1.2rem;
                font-weight: 600
            }

        .el-item.with-menu .menu-container .dropdown-menu, .with-menu.box-icon-btn .menu-container .dropdown-menu, .with-menu.richtext-el-item .menu-container .dropdown-menu {
            border: 1px solid #0063c1;
            background-color: #fff;
            padding: 0;
            border-radius: 0
        }

            .el-item.with-menu .menu-container .dropdown-menu .dropdown-item, .with-menu.box-icon-btn .menu-container .dropdown-menu .dropdown-item, .with-menu.richtext-el-item .menu-container .dropdown-menu .dropdown-item {
                border-radius: 0;
                margin: 0;
                text-decoration: none;
                text-align: center;
                color: #0063c1;
                text-transform: none
            }

                .el-item.with-menu .menu-container .dropdown-menu .dropdown-item + .dropdown-item, .with-menu.box-icon-btn .menu-container .dropdown-menu .dropdown-item + .dropdown-item, .with-menu.richtext-el-item .menu-container .dropdown-menu .dropdown-item + .dropdown-item {
                    border-top: 1px solid #0063c1
                }

                .el-item.with-menu .menu-container .dropdown-menu .dropdown-item:active, .with-menu.box-icon-btn .menu-container .dropdown-menu .dropdown-item:active, .with-menu.richtext-el-item .menu-container .dropdown-menu .dropdown-item:active {
                    color: #fff !important
                }

.button-fill.box-icon-btn, .button-fill.richtext-el-item, .el-item.button-fill {
    padding: 0
}

    .button-fill.box-icon-btn > button, .button-fill.richtext-el-item > button, .el-item.button-fill > button {
        padding: 1rem;
        margin: 0;
        width: 100%;
        height: 100%;
        flex: 1;
        max-height: 6.875rem
    }

.box-icon-btn button.with-icon, .el-item button.with-icon, .richtext-el-item button.with-icon {
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    text-decoration: none
}

    .box-icon-btn button.with-icon .item-content, .el-item button.with-icon .item-content, .richtext-el-item button.with-icon .item-content {
        overflow: hidden;
        padding-left: 1rem
    }

.box-icon-btn button.btn-icon, .el-item button.btn-icon, .richtext-el-item button.btn-icon {
    text-decoration: none;
    padding: 0;
    border: none;
    background: transparent;
    color: #0063c1
}

    .box-icon-btn button.btn-icon .btn-label, .el-item button.btn-icon .btn-label, .richtext-el-item button.btn-icon .btn-label {
        text-decoration: underline
    }

.box-icon-btn button i, .el-item button i, .richtext-el-item button i {
    font-size: 1.5rem
}

.box-icon-btn button.danger, .el-item button.danger, .richtext-el-item button.danger {
    color: #dc3545 !important
}

    .box-icon-btn button.danger:hover, .el-item button.danger:hover, .richtext-el-item button.danger:hover {
        color: #a71d2a
    }

.el-item.with-control .custom-control, .with-control.box-icon-btn .custom-control, .with-control.richtext-el-item .custom-control {
    height: 100%;
    z-index: 1
}

    .el-item.with-control .custom-control .label-box, .with-control.box-icon-btn .custom-control .label-box, .with-control.richtext-el-item .custom-control .label-box {
        display: block
    }

        .el-item.with-control .custom-control .label-box:before, .with-control.box-icon-btn .custom-control .label-box:before, .with-control.richtext-el-item .custom-control .label-box:before {
            content: "";
            visibility: hidden;
            opacity: 0;
            position: absolute;
            border: 2px solid #0063c1;
            margin: -2px;
            left: -1rem;
            right: -1rem;
            bottom: -1rem;
            top: -1rem;
            z-index: -1;
            border-radius: 5px;
            transition: opacity .15s linear
        }

    .el-item.with-control .custom-control .custom-control-label:after, .el-item.with-control .custom-control .custom-control-label:before, .with-control.box-icon-btn .custom-control .custom-control-label:after, .with-control.box-icon-btn .custom-control .custom-control-label:before, .with-control.richtext-el-item .custom-control .custom-control-label:after, .with-control.richtext-el-item .custom-control .custom-control-label:before {
        top: 50%;
        transform: translateY(-50%)
    }

    .el-item.with-control .custom-control .custom-control-input.is-invalid ~ .custom-control-label .label-box:before, .el-item.with-control .custom-control .custom-control-input:checked ~ .custom-control-label .label-box:before, .with-control.box-icon-btn .custom-control .custom-control-input.is-invalid ~ .custom-control-label .label-box:before, .with-control.box-icon-btn .custom-control .custom-control-input:checked ~ .custom-control-label .label-box:before, .with-control.richtext-el-item .custom-control .custom-control-input.is-invalid ~ .custom-control-label .label-box:before, .with-control.richtext-el-item .custom-control .custom-control-input:checked ~ .custom-control-label .label-box:before {
        visibility: visible;
        opacity: 1
    }

    .el-item.with-control .custom-control .custom-control-input:focus ~ .custom-control-label:before, .with-control.box-icon-btn .custom-control .custom-control-input:focus ~ .custom-control-label:before, .with-control.richtext-el-item .custom-control .custom-control-input:focus ~ .custom-control-label:before {
        box-shadow: none
    }

    .el-item.with-control .custom-control .custom-control-input:focus ~ .custom-control-label .label-box:before, .with-control.box-icon-btn .custom-control .custom-control-input:focus ~ .custom-control-label .label-box:before, .with-control.richtext-el-item .custom-control .custom-control-input:focus ~ .custom-control-label .label-box:before {
        visibility: visible;
        opacity: 1;
        border-color: #f5a623
    }

    .el-item.with-control .custom-control .custom-control-input:disabled ~ .custom-control-label .label-box:before, .with-control.box-icon-btn .custom-control .custom-control-input:disabled ~ .custom-control-label .label-box:before, .with-control.richtext-el-item .custom-control .custom-control-input:disabled ~ .custom-control-label .label-box:before {
        border-color: rgba(0,123,255,.5)
    }

    .el-item.with-control .custom-control .custom-control-input.is-invalid ~ .custom-control-label .label-box:before, .with-control.box-icon-btn .custom-control .custom-control-input.is-invalid ~ .custom-control-label .label-box:before, .with-control.richtext-el-item .custom-control .custom-control-input.is-invalid ~ .custom-control-label .label-box:before {
        border-color: #d11632
    }

.box-icon-btn .custom-control, .el-item .custom-control, .richtext-el-item .custom-control {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (min-width:576px) {
    .field-size-m .select-wrapper, .field-size-m input, .field-size-m output {
        width: 66.66666%
    }
}

@media (min-width:576px) {
    .field-size-s .select-wrapper, .field-size-s input, .field-size-s output {
        width: 33.33333%
    }
}

.form-preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: hsla(0,0%,100%,.7);
    z-index: 1200
}

    .form-preloader.hidden {
        display: none
    }

    .form-preloader .loader {
        border-radius: 50%;
        top: 50%;
        left: 50%;
        width: 5rem;
        height: 5rem;
        margin: -2.5rem 0 0 -2.5rem;
        position: absolute;
        border: .7rem solid #e5e5e5;
        border-left-color: #0063c1;
        transform: translateZ(0);
        animation: rotate .9s linear infinite
    }

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.form-infobox .content-container {
    display: flex;
    align-items: baseline;
    justify-content: space-between
}

.form-infobox button {
    padding: 1rem;
    margin: -1rem
}

    .form-infobox button.collapse-trigger {
        margin-left: 0
    }

.form-infobox > button:not(.collapsed) {
    display: none
}

.form-infobox h1, .form-infobox h2, .form-infobox h3, .form-infobox h4, .form-infobox h5, .form-infobox h6 {
    margin-top: 0
}

    .form-infobox h1:after, .form-infobox h2:after, .form-infobox h3:after, .form-infobox h4:after, .form-infobox h5:after, .form-infobox h6:after {
        content: none !important
    }

.form-infobox ol li, .form-infobox ul li {
    margin-left: 1rem
}

.form-output-border output {
    min-height: 5.625rem;
    border-radius: 5px;
    border: 2px solid #0063c1;
    padding: 1.5rem 1rem;
    display: flex;
    align-items: center
}

.list-checkbox-image ul li {
    list-style-type: none !important;
    background-image: url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx);
    background-repeat: no-repeat;
    background-position: 0 .25rem;
    padding-left: 2rem;
    padding-top: 5px
}

.custom-control.custom-checkbox .custom-control-input:checked.is-invalid ~ .custom-control-label:before, .custom-control.custom-radio .custom-control-input:checked.is-invalid ~ .custom-control-label:before {
    background-color: #007bff
}

.custom-control.custom-checkbox .custom-control-input:checked:not(.is-invalid) ~ .custom-control-label:before, .custom-control.custom-radio .custom-control-input:checked:not(.is-invalid) ~ .custom-control-label:before {
    border: none
}

.custom-control.custom-checkbox .custom-control-input:disabled ~ .custom-control-label:before, .custom-control.custom-radio .custom-control-input:disabled ~ .custom-control-label:before {
    border-color: #adb5bd
}

.custom-control.custom-checkbox .custom-control-input:required:not([type=radio]) ~ .custom-control-label > span:not(.item-content):before, .custom-control.custom-radio .custom-control-input:required:not([type=radio]) ~ .custom-control-label > span:not(.item-content):before {
    content: "*";
    color: #d11632;
    margin-right: .35rem
}

.custom-control.custom-checkbox .custom-control-input.is-invalid ~ .custom-control-label:before, .custom-control.custom-radio .custom-control-input.is-invalid ~ .custom-control-label:before {
    border-color: #d11632;
    background-color: #fff
}

.custom-control.custom-checkbox .custom-control-input.is-invalid ~ .custom-control-label > span, .custom-control.custom-radio .custom-control-input.is-invalid ~ .custom-control-label > span {
    color: #1a1a1a
}

.custom-control.custom-checkbox .custom-control-label, .custom-control.custom-radio .custom-control-label {
    font-size: 1.25rem
}

    .custom-control.custom-checkbox .custom-control-label:before, .custom-control.custom-radio .custom-control-label:before {
        top: .3rem;
        border: 1px solid #1a1a1a
    }

    .custom-control.custom-checkbox .custom-control-label:after, .custom-control.custom-radio .custom-control-label:after {
        top: .3rem
    }

    .custom-control.custom-checkbox .custom-control-label > span, .custom-control.custom-radio .custom-control-label > span {
        margin-left: .3rem
    }

.custom-checkbox > .custom-control-label:before {
    border-radius: .25rem
}

.custom-checkbox > .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #007bff
}

.custom-checkbox > .custom-control-input:checked ~ .custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox > .custom-control-input:indeterminate ~ .custom-control-label:before {
    background-color: #007bff
}

.custom-checkbox > .custom-control-input:indeterminate ~ .custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox > .custom-control-input:disabled:checked ~ .custom-control-label:before {
    background-color: rgba(0,123,255,.5)
}

.custom-checkbox > .custom-control-input:disabled:indeterminate ~ .custom-control-label:before {
    background-color: rgba(0,123,255,.5)
}

.custom-file-input:focus ~ .custom-file-label {
    border-color: #f5a623;
    box-shadow: 0 0 0 3px #f5a623
}

.custom-file-input:focus-within ~ .custom-file-label {
    border-color: #f5a623;
    box-shadow: 0 0 0 3px #f5a623
}

.custom-file-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 3.1875rem
}

    .custom-file-label:after {
        content: "";
        font: normal normal 900 1rem/1 Font Awesome\ 5 Free;
        color: #fff;
        background-color: #0063c1;
        line-height: inherit
    }

.filter h2 {
    font-size: 1.25rem;
    color: #000
}

.filter fieldset, .filter h2 {
    margin-bottom: .5rem
}

    .filter fieldset legend {
        color: #000;
        font-size: 1.125rem
    }

    .filter fieldset .form-group {
        margin-bottom: 0
    }

    .filter fieldset .custom-control.custom-checkbox .custom-control-label {
        font-size: 1rem
    }

    .filter fieldset label.custom-control-label:after, .filter fieldset label.custom-control-label:before, .filter fieldset legend.custom-control-label:after, .filter fieldset legend.custom-control-label:before {
        width: 1rem;
        height: 1rem
    }

.filter-modal-btn {
    position: fixed;
    bottom: 0;
    width: calc(85.3125% - 32px);
    margin: auto;
    z-index: 1000
}

img.fitcolumn {
    max-width: 100%;
    flex: 1
}

#pkdList .card a.card-header span:first-child i.fas {
    margin-right: .2rem
}

#pkdList .card .copy-code input {
    font-size: 1.125rem;
    font-family: Roboto,sans-serif
}

#pkdCatalog {
    margin-top: 1rem
}

    #pkdCatalog ul {
        list-style: none;
        margin-left: 0;
        padding-left: 0
    }

        #pkdCatalog ul li {
            margin: .3em 0;
            padding-left: 1em;
            text-indent: -1em
        }

            #pkdCatalog ul li > a:before {
                content: "";
                font: normal normal 900 1rem/1 Font Awesome\ 5 Free;
                display: inline-block;
                padding-left: 1rem;
                font-weight: 400;
                font-size: .8rem
            }

            #pkdCatalog ul li.open > a {
                font-weight: 700
            }

                #pkdCatalog ul li.open > a:before {
                    content: ""
                }

            #pkdCatalog ul li.pkd > a:before {
                content: "";
                font-weight: 900
            }

            #pkdCatalog ul li p {
                padding-left: 5px;
                text-indent: 0
            }

.pkd-meta-info {
    color: #737373;
    margin-top: 1rem;
    margin-bottom: 2rem
}

.copy-code input {
    width: 7ch;
    background-color: #fff;
    font-family: "PT Serif",Georgia,Times New Roman,Times,serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #0063c1;
    cursor: pointer;
    padding: 0;
    display: inline-block;
    margin: 0;
    height: auto
}

    .copy-code input, .copy-code input:focus {
        border: 0;
        box-shadow: none
    }

.copy-code a .far, .copy-code a .fas {
    font-size: 1.25rem;
    text-decoration: none;
    margin-bottom: .5rem;
    margin-right: .3rem
}

.tiles {
    margin-top: 1rem
}

    .tiles .tile {
        margin: 1.1rem 0
    }

@media (max-width:767.98px) {
    .tiles .tile {
        margin: .8rem 0
    }
}

.tiles .tile .tile-title {
    font-family: Roboto,sans-serif;
    font-weight: 700;
    line-height: 1.2;
    font-size: 1.25rem
}

    .tiles .tile .tile-title .far, .tiles .tile .tile-title .fas {
        font-size: 2.2rem;
        margin-right: 1rem
    }

    .tiles .tile .tile-title svg {
        fill: #0063c1;
        stroke-width: 2px !important;
        stroke: #0063c1;
        display: inline-block;
        width: 36px;
        height: 36px;
        margin-right: .5rem;
        margin-bottom: -4px
    }

    .tiles .tile .tile-title:hover svg {
        fill: #003c75;
        stroke: #003c75
    }

.tiles .tile p {
    margin: .5rem 0;
    padding-right: 1rem;
    display: inline-block
}

.fixed-tiles .tile {
    padding: 1.5rem;
    border: 2px solid #0063c1
}

    .fixed-tiles .tile a {
        font-size: 1.5rem
    }

@media (max-width:576px) {
    .fixed-tiles .tile {
        height: 13.5rem
    }
}

@media (min-width:577px) and (max-width:768px) {
    .fixed-tiles .tile {
        height: 9rem
    }
}

@media (min-width:769px) and (max-width:992px) {
    .fixed-tiles .tile {
        height: 7.5rem
    }
}

@media (min-width:993px) {
    .fixed-tiles .tile {
        height: 12rem
    }
}

.modal-header {
    padding: 1rem 1rem 0;
    margin-bottom: 0
}

.modal .close {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1 !important;
    padding: .5rem;
    margin: 0;
    font-size: 2.5rem
}

    .modal .close span {
        display: inline-flex;
        line-height: .5
    }

.modal h2 {
    font-family: "PT Serif",Georgia,Times New Roman,Times,serif;
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 1rem
}

    .modal h2:first-child {
        margin-top: 0
    }

.modal .h3, .modal .h4, .modal .h5, .modal .h6, .modal h3, .modal h4, .modal h5, .modal h6 {
    font-family: Roboto,sans-serif;
    font-weight: 700;
    color: #737373;
    margin-top: 2rem
}

.modal .h3, .modal .h4, .modal .h5, .modal .h6, .modal h3, .modal h4, .modal h5, .modal h6 {
    font-size: 1.125rem
}

.modal .modal-footer {
    padding: 0 45px 45px;
    margin-top: 1rem;
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse;
    justify-content: space-between
}

@media (max-width:767.98px) {
    .modal .modal-footer {
        flex-wrap: wrap
    }
}

.modal .modal-footer a.btn, .modal .modal-footer button {
    min-width: 48%;
    margin: .5rem 0 0 .25rem;
    text-overflow: ellipsis;
    overflow: hidden
}

    .modal .modal-footer a.btn:last-child, .modal .modal-footer button:last-child {
        margin-left: 0
    }

    .modal .modal-footer a.btn.short, .modal .modal-footer button.short {
        min-width: 0;
        width: auto
    }

@media (max-width:767.98px) {
    .modal .modal-footer a.btn, .modal .modal-footer button {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

.modal .modal-footer.many-buttons {
    justify-content: flex-start
}

    .modal .modal-footer.many-buttons a.btn, .modal .modal-footer.many-buttons button {
        min-width: 100px
    }

        .modal .modal-footer.many-buttons a.btn:last-child, .modal .modal-footer.many-buttons button:last-child {
            margin-right: auto
        }

@media (min-width:992px) {
    .modal .modal-lg .modal-body {
        padding: 0 90px
    }

    .modal .modal-lg .modal-footer {
        padding: 0 90px 52px
    }
}

@media (min-width:768px) {
    .modal .content-box .content-main {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }
}

@media (min-width:768px) {
    .modal aside .side-info {
        margin-left: 40px
    }

        .modal aside .side-info:before {
            font-size: 1.6rem
        }
}

@media (max-width:767.98px) {
    .modal aside .side-info {
        border: 0;
        padding-top: 0;
        margin-top: 0
    }

        .modal aside .side-info:before {
            font-size: 1.5rem;
            margin-left: -2rem
        }
}

.modal:focus {
    z-index: 1050
}

.modal-backdrop:focus {
    z-index: 1040
}

.fixed-modal {
    opacity: 1;
    display: block !important;
    overflow-y: scroll
}

@media (min-width:576px) {
    .fixed-modal {
        margin-top: calc(-146px - 1rem);
        overflow: visible;
        position: relative;
        margin-bottom: -7.75rem;
        margin-left: -5.4913295%;
        padding-right: 5.4913295%
    }
}

@media (min-width:768px) {
    .fixed-modal {
        margin-left: -4.6075085%;
        padding-right: 4.6075085%;
        margin-top: calc(-172px - 1rem)
    }
}

@media (min-width:992px) {
    .fixed-modal {
        margin-top: calc(-187px - 1rem)
    }
}

.fixed-modal:before {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: .7;
    z-index: -1
}

.fixed-modal .modal-dialog {
    width: auto;
    z-index: 1
}

@media (min-width:576px) {
    .fixed-modal .modal-dialog {
        margin-left: -18px;
        width: 100%;
        max-width: none
    }
}

@media (min-width:768px) {
    .fixed-modal .modal-dialog {
        margin-left: -9px
    }
}

@media (min-width:992px) {
    .fixed-modal .modal-dialog {
        margin-left: 4px
    }
}

.btn {
    text-transform: uppercase;
    text-decoration: none;
    border-width: 2px;
    cursor: pointer;
    height: 2.5rem;
    margin: 2rem 1rem 0 0
}

    .btn.btn-small {
        height: auto
    }

    .btn.btn-toggle, .btn.btn-toggle:active, .btn.btn-toggle:hover {
        display: flex;
        align-items: center;
        background-color: transparent
    }

        .btn.btn-toggle:active i, .btn.btn-toggle:hover i, .btn.btn-toggle i {
            color: #6c757d
        }

        .btn.btn-toggle:active span, .btn.btn-toggle:hover span, .btn.btn-toggle span {
            display: inline-block;
            font-weight: 400;
            text-transform: none;
            margin-left: 1rem
        }

        .btn.btn-toggle.active i, .btn.btn-toggle:active.active i, .btn.btn-toggle:hover.active i {
            color: #f5a623
        }

    .btn.btn-toggle-heart:active i, .btn.btn-toggle-heart:hover i, .btn.btn-toggle-heart i {
        color: #6c757d
    }

    .btn.btn-toggle-heart:active span, .btn.btn-toggle-heart:hover span, .btn.btn-toggle-heart span {
        display: inline-block;
        font-weight: 400;
        text-transform: none;
        margin-left: 1rem
    }

    .btn.btn-toggle-heart.active i, .btn.btn-toggle-heart:active.active i, .btn.btn-toggle-heart:hover.active i {
        color: #d11632
    }

.btn-back {
    position: absolute;
    padding: 0
}

@media (min-width:992px) {
    .btn-back {
        margin: .3rem 0 0 -2.5rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .btn-back {
        margin: .1rem 0 0 -2rem
    }
}

@media (max-width:767.98px) {
    .btn-back {
        margin: 0 0 0 -1.6rem
    }
}

.btn-back > span {
    display: none
}

.btn.btn-login {
    height: inherit;
    margin: 0;
    text-transform: none;
    display: block;
    text-align: left
}

@media (max-width:767.98px) {
    .btn.btn-login {
        font-size: .7rem;
        text-align: center
    }
}

.btn.btn-login > img {
    border-right: 1px solid #fff;
    margin-right: .4rem;
    padding-right: .5rem
}

@media (max-width:767.98px) {
    .btn.btn-login > img {
        width: 50px
    }
}

.btn.btn-login + .btn-login {
    margin-top: 2rem
}

.btn.btn-login.btn-pz {
    background: #4383af;
    color: #fff
}

.btn.btn-login.btn-lgp > img {
    border-right-color: #0063c1
}

.btn.btn-login.btn-email {
    background: #fff;
    color: #0063c1;
    width: 315px
}

    .btn.btn-login.btn-email strong {
        display: flex;
        height: 50px;
        justify-content: center;
        align-items: center
    }

@media (max-width:767.98px) {
    .btn.btn-login.btn-email {
        width: 230px
    }

        .btn.btn-login.btn-email strong {
            height: 32.5px
        }
}

@media (max-width:575.98px) {
    .btn.btn-login.btn-email {
        width: 100%
    }
}

.btn.btn-login.btn-email:not(:focus):not(.focus), .btn.btn-login.btn-lgp:not(:focus):not(.focus) {
    border: 2px solid #0063c1
}

.btn.focus, .btn:focus {
    box-shadow: 0 0 0 .2rem #f5a623;
    border-color: #f5a623
}

.btn-link {
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    padding: 0;
    text-transform: none
}

    .btn-link :not(i) {
        text-decoration: underline
    }

article {
    margin-top: 0
}

    article section.info-box {
        position: relative;
        padding: 1rem;
        margin: 1rem -1rem;
        border: solid #e3e3e3;
        border-width: 2px 0;
        color: #737373
    }

@media (min-width:768px) {
    article section.info-box {
        padding: 1.5rem;
        margin-right: 0;
        margin-bottom: 1rem;
        margin-left: 0;
        border-width: 2px
    }
}

article section.info-box h2:first-child {
    margin-top: 0
}

article section.info-box .h1, article section.info-box .h2, article section.info-box .h3, article section.info-box .h4, article section.info-box .h5, article section.info-box .h6, article section.info-box h1, article section.info-box h2, article section.info-box h3, article section.info-box h4, article section.info-box h5, article section.info-box h6 {
    font-family: Roboto,sans-serif;
    font-weight: 700;
    color: #1a1a1a
}

article section.info-box .h1, article section.info-box h1 {
    font-size: 1.25rem
}

article section.info-box .h2, article section.info-box .h3, article section.info-box .h4, article section.info-box .h5, article section.info-box h2, article section.info-box h3, article section.info-box h4, article section.info-box h5 {
    font-size: 1.125rem
}

article section.info-box ol, article section.info-box ul {
    padding-left: 1.5rem
}

article section.legal-basis {
    margin-top: 3rem;
    font-size: 1rem
}

    article section.legal-basis h2 {
        font-family: Roboto,sans-serif;
        font-size: 1.125rem;
        color: #737373;
        margin-top: -.375em
    }

        article section.legal-basis h2:after {
            content: " ";
            display: block;
            border-top: 2px solid #d11632;
            position: relative;
            top: -.3125rem
        }

@media (min-width:992px) {
    article section.legal-basis h2:after {
        width: 8.4375vw;
        margin-left: calc(-8.4375vw - 30px)
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    article section.legal-basis h2:after {
        width: 9.89583vw;
        margin-left: calc(-9.89583vw - 22px)
    }
}

@media (max-width:767.98px) {
    article section.legal-basis h2:after {
        width: 14.6875vw;
        margin-left: calc(-14.6875vw - 16px)
    }
}

@media screen and (min-width:1280px) {
    article section.legal-basis h2:after {
        width: 108px;
        margin-left: -138px
    }
}

article section.legal-basis ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

    article section.legal-basis ul li {
        margin-bottom: .5rem
    }

article section.legal-basis a {
    word-wrap: break-word
}

article section.side-info {
    margin: 1rem 0
}

    article section.side-info:before {
        content: "";
        font: normal normal 900 1rem/1 Font Awesome\ 5 Free;
        font-size: 2rem;
        color: #737373;
        display: inline-block;
        float: left;
        margin-top: 3px;
        margin-left: -60px
    }

article aside .side-info h2:first-child {
    margin-top: 0
}

article aside .side-info ol, article aside .side-info p, article aside .side-info ul {
    font-size: .8rem
}

@media (max-width:767.98px) {
    article aside .side-info {
        border-top: 2px solid #737373;
        padding-top: 10px
    }
}

@media (min-width:768px) {
    article aside .side-info {
        margin-left: 25px
    }

        article aside .side-info:before {
            margin-left: -40px;
            border-left: 2px solid #737373;
            height: 3rem;
            width: 40px;
            text-align: center
        }
}

article section.block {
    margin: 1rem 0
}

    article section.block h2, article section.block h3, article section.block h4, article section.block h5, article section.block h6 {
        font-size: 1.125rem;
        font-family: Roboto,sans-serif;
        font-weight: 700
    }

        article section.block h2:not(.unmarked):after, article section.block h3:not(.unmarked):after, article section.block h4:not(.unmarked):after, article section.block h5:not(.unmarked):after, article section.block h6:not(.unmarked):after {
            content: " ";
            display: block;
            border-top: 2px solid #d11632;
            position: relative;
            top: -.375rem
        }

@media (min-width:992px) {
    article section.block h2:not(.unmarked):after, article section.block h3:not(.unmarked):after, article section.block h4:not(.unmarked):after, article section.block h5:not(.unmarked):after, article section.block h6:not(.unmarked):after {
        width: 8.4375vw;
        margin-left: calc(-8.4375vw - 30px)
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    article section.block h2:not(.unmarked):after, article section.block h3:not(.unmarked):after, article section.block h4:not(.unmarked):after, article section.block h5:not(.unmarked):after, article section.block h6:not(.unmarked):after {
        width: 9.89583vw;
        margin-left: calc(-9.89583vw - 22px)
    }
}

@media (max-width:767.98px) {
    article section.block h2:not(.unmarked):after, article section.block h3:not(.unmarked):after, article section.block h4:not(.unmarked):after, article section.block h5:not(.unmarked):after, article section.block h6:not(.unmarked):after {
        width: 14.6875vw;
        margin-left: calc(-14.6875vw - 16px)
    }
}

@media screen and (min-width:1280px) {
    article section.block h2:not(.unmarked):after, article section.block h3:not(.unmarked):after, article section.block h4:not(.unmarked):after, article section.block h5:not(.unmarked):after, article section.block h6:not(.unmarked):after {
        width: 108px;
        margin-left: -138px
    }
}

article h2.divider:after {
    content: " ";
    display: block;
    border-top: 2px solid #d11632;
    position: relative;
    top: -.5rem
}

@media (min-width:992px) {
    article h2.divider:after {
        width: 8.4375vw;
        margin-left: calc(-8.4375vw - 30px)
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    article h2.divider:after {
        width: 9.89583vw;
        margin-left: calc(-9.89583vw - 22px)
    }
}

@media (max-width:767.98px) {
    article h2.divider:after {
        width: 14.6875vw;
        margin-left: calc(-14.6875vw - 16px)
    }
}

@media screen and (min-width:1280px) {
    article h2.divider:after {
        width: 108px;
        margin-left: -138px
    }
}

article .inner-aside h2:after {
    content: " ";
    display: block;
    border-top: 2px solid #d11632;
    position: relative;
    top: -.375rem
}

@media (min-width:992px) {
    article .inner-aside h2:after {
        width: 8.4375vw;
        margin-left: calc(-8.4375vw - 30px)
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    article .inner-aside h2:after {
        width: 9.89583vw;
        margin-left: calc(-9.89583vw - 22px)
    }
}

@media (max-width:767.98px) {
    article .inner-aside h2:after {
        width: 14.6875vw;
        margin-left: calc(-14.6875vw - 16px)
    }
}

@media screen and (min-width:1280px) {
    article .inner-aside h2:after {
        width: 108px;
        margin-left: -138px
    }
}

.nobullets {
    list-style-type: none !important
}

ul {
    list-style-type: disc
}

ol, ul {
    padding-left: 0
}

li > ol, li > ul {
    padding-left: 1.5rem
}

ol > li > ol {
    list-style-type: lower-alpha
}

    ol > li > ol > li > ol {
        list-style-type: lower-roman
    }

.li-image {
    margin-left: 0;
    vertical-align: middle;
    list-style-type: none
}

    .li-image li {
        background-image: url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx);
        background-repeat: no-repeat;
        padding-left: 31px;
        min-height: 2rem;
        font-size: 20px;
        line-height: 30px
    }

.universal-list {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0
}

    .universal-list li {
        margin-top: 2.125rem
    }

@media (min-width:768px) and (max-width:991.98px) {
    .universal-list li {
        margin-top: 1.375rem
    }
}

.universal-list li:first-of-type {
    margin-top: 0
}

.universal-list a {
    font-size: .9375rem;
    font-weight: 400
}

    .universal-list a.link-title {
        font-weight: 700
    }

@media (min-width:768px) and (max-width:991.98px) {
    .universal-list a.link-title {
        font-size: 12px
    }
}

.universal-list a:not(.link-title) {
    pointer-events: none
}

    .universal-list a:not(.link-title) .link-title, .universal-list a:not(.link-title) img {
        pointer-events: all;
        font-weight: 700
    }

.universal-list .paragraph, .universal-list p {
    margin-top: .3125rem;
    margin-bottom: 0;
    line-height: 1.5625rem;
    color: #737373
}

@media (min-width:768px) and (max-width:991.98px) {
    .universal-list .paragraph, .universal-list p {
        margin-top: .1875rem
    }
}

.universal-list.dark .paragraph, .universal-list.dark p {
    color: #1a1a1a
}

.universal-list img {
    margin-bottom: 1rem
}

.content-list {
    list-style-type: none;
    margin: 2rem 0;
    padding-left: 0
}

    .content-list li {
        margin: 2rem 0
    }

    .content-list a.title {
        font-size: 1.25rem;
        font-weight: 700;
        line-height: normal
    }

    .content-list p {
        margin-bottom: 0
    }

    .content-list .more {
        font-size: 80%
    }

        .content-list .more a:not(:first-of-type) {
            margin-left: 10px
        }

    .content-list li:first-child {
        margin-top: 0
    }

    .content-list ul {
        list-style-type: disc;
        color: #1a1a1a;
        margin: .5rem 0
    }

        .content-list ul li {
            margin: .5rem 0
        }

        .content-list ul a.title {
            font-size: 1.125rem
        }

        .content-list ul p {
            font-size: 80%;
            color: #737373
        }

    .content-list.paddingNone ul li {
        margin: .2rem 0;
        line-height: 1rem
    }

dl.infolist {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

    dl.infolist dt {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        color: #737373;
        font-weight: 400
    }

@media (min-width:768px) {
    dl.infolist dt {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
}

@media (max-width:767.98px) {
    dl.infolist dt {
        flex: 0 0 100%;
        max-width: 100%
    }
}

dl.infolist dd {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:768px) {
    dl.infolist dd {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }
}

@media (max-width:767.98px) {
    dl.infolist dd {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.dl-flat > dl > dt {
    font-weight: 400
}

.dl-with-bullets > dl > dd {
    display: list-item;
    margin-left: 1rem;
    margin-bottom: 0
}

.box-list {
    list-style-type: none
}

    .box-list li {
        border: 1px solid #ccc;
        padding: 1.5rem 1rem
    }

        .box-list li + li {
            margin: -1px 0 0
        }

        .box-list li a.link-title {
            font-weight: 700;
            font-size: .9375rem
        }

        .box-list li time {
            font-size: .875rem;
            color: #737373
        }

        .box-list li a, .box-list li button, .box-list li p {
            margin: 0
        }

        .box-list li .row {
            align-items: center
        }

    .box-list.p-equal li {
        padding: 1rem
    }

    .box-list.box-x2 li {
        border-width: 2px
    }

        .box-list.box-x2 li + li {
            margin-top: -2px
        }

.dl-row dt {
    float: left
}

.dl-row dd {
    text-indent: 5px;
    clear: right
}

.dl-row ul {
    padding-left: 1rem;
    clear: both
}

.dl-row li, .noindent-list {
    margin-left: 1rem
}

.indent-list {
    padding-left: 1rem
}

    .indent-list li {
        margin-left: 1rem
    }

@media (max-width:767.98px) {
    #help-row {
        margin-left: calc(-14.6875vw - 1px);
        margin-top: -1px;
        background: #fff;
        border: 1px solid #ccc
    }
}

@media (min-width:992px) {
    .help-box {
        padding: 0 14px 0 15px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .help-box {
        padding: 0 15px
    }
}

@media (max-width:767.98px) {
    .help-box {
        padding: 0 15px
    }
}

.help-box .help-nav-col {
    border: 1px solid #ccc;
    border-top: none;
    padding: 1rem
}

@media (max-width:767.98px) {
    .help-box .help-nav-col {
        display: none
    }
}

@media (min-width:768px) {
    .help-box .help-nav-col {
        border-left: none
    }
}

.help-box .help-col {
    border: 1px solid #ccc;
    border-top: none;
    padding: 0
}

.help-box .dictionary {
    width: 100%
}

    .help-box .dictionary nav {
        text-align: center;
        margin-top: -.5rem;
        margin-bottom: .5rem;
        padding: 0;
        justify-content: center
    }

        .help-box .dictionary nav .nav-link {
            padding: .3rem .4rem
        }

    .help-box .dictionary dl {
        position: relative;
        max-height: 300px;
        overflow-y: scroll;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        margin-left: -1rem;
        margin-right: -1rem;
        padding: 1rem
    }

    .help-box .dictionary .filter-form {
        margin: 0 0 1rem
    }

    .help-box .dictionary .missingTerm {
        display: flex;
        margin: .5rem 0 0;
        justify-content: flex-end
    }

.help-box-detached {
    margin-top: 2rem;
    margin-left: 15px;
    margin-right: 15px;
    padding: 0;
    border-top: 1px solid #ccc
}

@media (max-width:767.98px) {
    .help-box-detached {
        margin-top: 1rem;
        margin-left: calc(-14.6875vw + 14px)
    }
}

.chip, .double-action-chip .action {
    color: #fff;
    background-color: #0063c1;
    border-radius: 1rem;
    border: .125rem solid #fff;
    font-weight: 700
}

    .chip.outline, .double-action-chip.outline .action {
        position: relative;
        z-index: 1;
        background: #fff;
        color: #0063c1
    }

        .chip.outline:before, .double-action-chip.outline .action:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: inherit;
            border: 2px solid #0063c1;
            z-index: -1
        }

.double-action-chip {
    display: flex
}

    .double-action-chip:hover .action {
        background-color: #004f9b;
        color: #fff
    }

    .double-action-chip.outline .action:last-child:before {
        border-left: inherit
    }

    .double-action-chip.outline .action:first-child:before {
        border-right: inherit
    }

    .double-action-chip.outline:hover .action {
        background-color: #0063c1
    }

    .double-action-chip .action {
        display: flex;
        padding: .125rem;
        line-height: 100%;
        cursor: pointer;
        align-items: center
    }

        .double-action-chip .action:hover {
            text-decoration: none
        }

            .double-action-chip .action:hover:last-child {
                text-decoration: underline
            }

        .double-action-chip .action:first-child {
            border-right: none;
            padding-right: .25rem;
            border-bottom-right-radius: 0;
            border-top-right-radius: 0
        }

        .double-action-chip .action:last-child {
            border-left: none;
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            font-size: .8rem;
            padding-right: .7rem;
            padding-left: .25rem
        }

.chip {
    display: inline-block;
    padding: 1px .7rem 1px 2px;
    line-height: 1rem;
    text-decoration: none;
    font-size: .8rem;
    cursor: pointer
}

    .chip.simple {
        padding-top: 2px;
        padding-left: .7rem;
        height: 1.5rem
    }

        .chip.simple i {
            display: none
        }

    .chip.outline:hover {
        background: none
    }

        .chip.outline:hover:before {
            background: #0063c1
        }

    .chip:hover {
        color: #fff;
        text-decoration: none;
        background-color: #004f9b
    }

    .chip i {
        margin-right: .3rem;
        font-size: 1rem;
        vertical-align: text-top
    }

.chip-download {
    text-transform: uppercase
}

    .chip-download:before {
        content: "";
        display: inline-block;
        font: normal normal 900 1rem/1 Font Awesome\ 5 Free;
        margin-right: .3rem;
        font-size: 1rem;
        vertical-align: text-top
    }

.chip:after {
    content: none !important
}

a > span.chip {
    margin-left: .2rem
}

a:hover > span.chip {
    color: #fff;
    background-color: #004f9b
}

.card.document-preview .card-header, a:hover > span.chip {
    text-decoration: none
}

    .card.document-preview .card-header.collapsed {
        border-bottom: none
    }

.dropdown-steps .dropdown-item:active {
    background: none;
    color: #737373
}

.dropdown-steps .dropdown-item a {
    display: block;
    font-weight: 700;
    text-decoration: none
}

.dropdown .dropdown-item {
    color: #737373
}

.popover {
    border-radius: 2rem !important
}

.green-typography {
    color: green;
    margin: 0;
    font-size: 20px
}

.btn-wrap {
    white-space: normal !important;
    height: inherit !important
}

@media (min-width:1250px) {
    .specific-justify > a {
        margin-top: 3rem !important
    }
}

.opinion-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-top: 2px solid #737373;
    padding-top: 1rem;
    margin-top: 2rem
}

    .opinion-box > h2 {
        margin: 0 auto 0 0;
        font-family: Roboto,sans-serif;
        font-size: 1.2rem
    }

    .opinion-box > ul {
        display: flex;
        list-style: none;
        margin: 0
    }

        .opinion-box > ul > li {
            margin: .3rem
        }

            .opinion-box > ul > li i {
                font-size: 3rem
            }

            .opinion-box > ul > li > i {
                font-size: 3rem;
                color: #e3e3e3
            }

                .opinion-box > ul > li > i.voted {
                    color: #737373
                }

    .opinion-box > div.modal i {
        font-size: 2.7rem
    }

    .opinion-box > div.modal h2 > i {
        vertical-align: text-bottom
    }

.alert {
    position: relative;
    width: 100%;
    min-height: 1px;
    flex: 0 0 100%;
    max-width: 100%;
    padding: .5rem 1rem;
    font-size: 1.2rem;
    color: #fff;
    background-color: #737373;
    border: none;
    border-radius: 0;
    margin: 0
}

    .alert.alert-info {
        background-color: #0063c1
    }

    .alert.alert-warning {
        background-color: #d11632
    }

    .alert.alert-important {
        background-color: #1a1a1a
    }

    .alert.alert-dismissible {
        padding-right: 2.5rem
    }

        .alert.alert-dismissible .close {
            padding: 2px .5rem;
            color: #fff;
            opacity: .8
        }

            .alert.alert-dismissible .close:focus, .alert.alert-dismissible .close:hover {
                opacity: 1
            }

    .alert a, .alert a:hover {
        color: #fff
    }

.alert-button {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    padding-right: .5rem !important
}

    .alert-button button {
        padding-bottom: .25rem;
        margin-top: 0;
        margin-right: 0;
        margin-left: auto
    }

@media (max-width:767.98px) {
    .alert-button, .alert-button button {
        flex-direction: column
    }

        .alert-button button {
            margin: .25rem auto
        }
}

.cardlist .card {
    border-radius: 0
}

    .cardlist .card .card-header {
        border-bottom: none
    }

    .cardlist .card:first-of-type {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .cardlist .card:last-of-type {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .cardlist .card:not(:last-child) {
        border-bottom: none
    }

    .cardlist .card div.card-header {
        padding: .75rem 1.25rem;
        display: flex;
        align-items: start;
        justify-content: space-between
    }

        .cardlist .card div.card-header .header-text > :last-child {
            margin-bottom: 0
        }

        .cardlist .card div.card-header .collapse-trigger {
            padding: .75rem 1.25rem;
            margin-top: -.75rem;
            margin-right: -1.25rem;
            line-height: 100%
        }

    .cardlist .card a.card-header {
        text-decoration: none;
        display: flex
    }

        .cardlist .card a.card-header.collapsed {
            border: none
        }

            .cardlist .card a.card-header.collapsed:after {
                content: ""
            }

        .cardlist .card a.card-header:after {
            content: "";
            display: inline-block;
            margin-left: auto;
            font: normal normal 900 1rem/1 Font Awesome\ 5 Free;
            font-size: inherit
        }

        .cardlist .card a.card-header span:first-child {
            color: #1a1a1a;
            white-space: nowrap !important
        }

            .cardlist .card a.card-header span:first-child + span {
                text-decoration: underline;
                padding: 0 .5rem
            }

    .cardlist .card ol, .cardlist .card ul {
        padding-left: 1.5rem
    }

        .cardlist .card ol ol, .cardlist .card ol ul, .cardlist .card ul ol, .cardlist .card ul ul {
            margin-top: 1rem
        }

        .cardlist .card ol li, .cardlist .card ul li {
            margin-bottom: 1rem
        }

    .cardlist .card h2 {
        font-size: 1.125rem;
        font-family: Roboto,sans-serif
    }

    .cardlist .card h3, .cardlist .card h4, .cardlist .card h5 {
        font-size: 1.125rem;
        font-family: Roboto,sans-serif;
        font-weight: 500
    }

        .cardlist .card h2:first-child, .cardlist .card h3:first-child, .cardlist .card h4:first-child, .cardlist .card h5:first-child {
            margin-top: 0
        }

.progress.narrow {
    border-radius: 0;
    background-color: #fff;
    border-bottom: 1px solid #aaa;
    overflow: visible;
    height: 1.5rem
}

    .progress.narrow .progress-bar {
        background-color: #fff;
        border-bottom: 4px solid #0063c1;
        margin-bottom: -1px;
        text-align: right;
        color: #737373
    }

article table {
    max-width: 100%;
    overflow-x: auto;
    display: block;
    font-size: 15px;
    margin-bottom: 1rem
}

    article table td, article table th {
        padding: 10px 10px 8px
    }

        article table td:not(:last-child), article table th:not(:last-child) {
            border-right: 1px solid #e3e3e3
        }

        article table td.narrow, article table th.narrow {
            width: 1px
        }

    article table tr:not(:last-child) {
        border-bottom: 1px solid #e3e3e3
    }

    article table th {
        color: #737373
    }

    article table thead tr:last-child {
        border-bottom: 2px solid #737373
    }

    article table thead th {
        font-weight: 700;
        vertical-align: bottom
    }

    article table tbody th {
        font-weight: 400
    }

    article table tfoot tr:first-child {
        border-top: 1px solid #e3e3e3
    }

    article table tfoot td, article table tfoot th {
        font-weight: 700
    }

        article table tfoot td.hidden, article table tfoot th.hidden {
            border: none
        }

.expose {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin-top: 2rem
}

    .expose .tile {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 2rem
    }

@media (min-width:992px) {
    .expose .tile {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .expose .tile {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
}

@media (max-width:767.98px) {
    .expose .tile {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.expose .tile .img-wrap {
    width: 100%;
    padding-top: 100%;
    position: relative;
    margin-bottom: .25rem
}

    .expose .tile .img-wrap > a img, .expose .tile .img-wrap > img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        object-fit: cover
    }

.expose .tile .title {
    display: block;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #1a1a1a;
    font-weight: 400;
    font-family: Roboto,sans-serif;
    margin: 0
}

.expose .tile > a {
    font-size: 1rem;
    line-height: 2rem
}

@media (max-width:991.98px) {
    .expose .tile > a {
        line-height: 1.5rem
    }
}

.newsimg {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin-top: 2rem
}

    .newsimg .tile {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 2rem
    }

@media (min-width:768px) {
    .newsimg .tile {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
}

@media (max-width:767.98px) {
    .newsimg .tile {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.newsimg .tile .img-wrap {
    width: 100%;
    padding-top: 42.55%;
    position: relative;
    margin-bottom: .25rem
}

    .newsimg .tile .img-wrap > a img, .newsimg .tile .img-wrap > img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.newsimg .tile > a {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25rem
}

@media (min-width:768px) and (max-width:991.98px) {
    .newsimg .tile > a {
        font-size: .875rem;
        line-height: 1.09375rem
    }
}

.newsimg .tile:first-child:before {
    content: " ";
    display: block;
    border-top: 2px solid #d11632;
    position: relative;
    top: 1px
}

@media (min-width:992px) {
    .newsimg .tile:first-child:before {
        width: 8.4375vw;
        margin-left: calc(-8.4375vw - 30px)
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .newsimg .tile:first-child:before {
        width: 9.89583vw;
        margin-left: calc(-9.89583vw - 22px)
    }
}

@media (max-width:767.98px) {
    .newsimg .tile:first-child:before {
        width: 14.6875vw;
        margin-left: calc(-14.6875vw - 16px)
    }
}

@media screen and (min-width:1280px) {
    .newsimg .tile:first-child:before {
        width: 108px;
        margin-left: -138px
    }
}

.sliderimg + .newsimg .tile:first-child:before {
    display: none
}

.sliderimg {
    margin-top: 3rem;
    margin-bottom: 2rem
}

@media (min-width:768px) and (max-width:991.98px) {
    .sliderimg {
        margin-top: 2.5rem
    }
}

@media (max-width:767.98px) {
    .sliderimg {
        width: 100vw;
        margin-left: calc(-14.6875vw - 16px)
    }
}

@media (min-width:992px) {
    .sliderimg .carousel-item {
        height: 468px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .sliderimg .carousel-item {
        height: 266px
    }
}

@media (max-width:767.98px) {
    .sliderimg .carousel-item {
        height: 240px
    }
}

.sliderimg .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.sliderimg .carousel-item .title {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    font-weight: 400;
    font-family: "PT Serif",Georgia,Times New Roman,Times,serif;
    color: #fff
}

@media (min-width:992px) {
    .sliderimg .carousel-item .title {
        padding: 1.25rem 3.75rem 1.25rem 8rem;
        font-size: 2.5rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .sliderimg .carousel-item .title {
        padding: .75rem 2rem .75rem 4rem;
        font-size: 2.25rem
    }
}

@media (max-width:767.98px) {
    .sliderimg .carousel-item .title {
        padding: 1rem 1rem 1rem 4rem;
        font-size: 1.875rem
    }
}

.sliderimg .carousel-item .title:hover {
    color: #fff;
    cursor: pointer
}

.sliderimg .slidernav {
    color: #fff;
    background-color: #d11632;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none
}

@media (min-width:992px) {
    .sliderimg .slidernav {
        font-size: 2rem;
        height: 4.25rem;
        width: 4.25rem;
        bottom: 0
    }

        .sliderimg .slidernav.prev {
            left: -4.25rem
        }

        .sliderimg .slidernav.next {
            left: 0
        }
}

@media (min-width:768px) and (max-width:991.98px) {
    .sliderimg .slidernav {
        height: 2.75rem;
        width: 2.75rem;
        bottom: 0;
        font-size: 1.25rem
    }

        .sliderimg .slidernav.prev {
            left: -2.75rem
        }

        .sliderimg .slidernav.next {
            left: 0
        }
}

@media (max-width:767.98px) {
    .sliderimg .slidernav {
        height: 3rem;
        width: 3rem;
        left: 0;
        font-size: 1.375rem
    }

        .sliderimg .slidernav.prev {
            bottom: 0
        }

        .sliderimg .slidernav.next {
            bottom: -3rem
        }
}

.sliderimg .slidernav:hover {
    color: #d11632;
    background-color: #fff
}

@media (hover:none),(hover:on-demand) {
    .sliderimg .slidernav:hover {
        color: #fff;
        background-color: #d11632
    }
}

@media (max-width:767.98px) {
    .sliderimg .slidernav:hover {
        color: #fff;
        background-color: #d11632
    }
}

.sliderimg .slidernav:active {
    color: #d11632;
    background-color: #fff
}

.linkedicons {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin-top: 2rem
}

    .linkedicons .tile {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 2rem
    }

@media (min-width:992px) {
    .linkedicons .tile {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .linkedicons .tile {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
}

@media (max-width:767.98px) {
    .linkedicons .tile {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.linkedicons .tile > a {
    font-size: 1rem;
    font-weight: 700
}

    .linkedicons .tile > a img, .linkedicons .tile > a svg {
        fill: #0063c1;
        display: block;
        width: 64px;
        height: 64px;
        margin-bottom: .25rem
    }

    .linkedicons .tile > a:hover svg {
        fill: #003c75
    }

a[target=_blank]:after {
    content: "";
    font: normal normal 900 1rem/1 Font Awesome\ 5 Free;
    margin-left: 3px;
    font-size: .85rem
}

.main-container .header a[target=_blank]:after, a.clean-link[target=_blank]:after {
    content: "" !important
}

.tabs-menu.nav-tabs > .nav-link {
    text-decoration: none;
    padding: .5rem 1.5rem
}

    .tabs-menu.nav-tabs > .nav-link.active {
        border: 1px solid rgba(26,26,26,.125);
        border-top: 2px solid #d11632;
        border-bottom: none
    }

    .tabs-menu.nav-tabs > .nav-link:not(.active) {
        border: 1px solid rgba(26,26,26,.125);
        border-bottom: none
    }

    .tabs-menu.nav-tabs > .nav-link.always-active {
        border: 1px solid rgba(26,26,26,.125);
        border-top: 2px solid #d11632;
        background-color: #fff
    }

        .tabs-menu.nav-tabs > .nav-link.always-active:hover {
            background-color: #fff
        }

.tabs-menu.nav-tabs > .d-none.nav.show {
    display: block !important;
    border-bottom: none
}

    .tabs-menu.nav-tabs > .d-none.nav.show > a {
        padding: 1rem 1.5rem
    }

.dropdown__wrapper {
    width: calc(100% - 30px)
}

.modal-content .dropdown__wrapper {
    width: calc(100% - 90px)
}

@media (min-width:992px) {
    .tabs-menu.nav-tabs > .dropdown__wrapper.d-none.nav.dropdown-menu.show, div:not(.modal-body>.block) .nav > .dropdown__wrapper.show.d-none {
        display: none !important
    }
}

.main-page {
    overflow-y: scroll;
    overflow-x: hidden
}

    .main-page .header * {
        z-index: 2
    }

    .main-page .header.top-row {
        animation: oss-text-fade-in 1.65s;
        background-color: inherit;
        color: #fff
    }

    .main-page .header .gov-pl {
        background-color: inherit
    }

        .main-page .header .gov-pl a {
            color: #fff
        }

    .main-page .header .welcome {
        color: #f0f0f0
    }

    .main-page .header .nav.top-nav .nav-link, .main-page .header .title a {
        animation: oss-text-fade-in 1.65s;
        color: #fff
    }

        .main-page .header .nav.top-nav .nav-link:hover {
            color: #f0f0f0
        }

    .main-page .header .eu-logo img, .main-page .header .logo {
        animation: oss-img-fade-in 1s
    }

@media (max-width:767.98px) {
    .main-page .header .eu-logo img {
        border: 1px solid #fff
    }
}

.main-page article .oss {
    color: #fff;
    margin-bottom: 3rem
}

    .main-page article .oss h2 {
        font-size: 2.8125rem;
        margin-top: auto;
        margin-bottom: 2rem
    }

@media (max-width:575.98px) {
    .main-page article .oss h2 {
        font-size: 2rem;
        margin-bottom: 1rem
    }
}

.main-page article .oss p {
    margin: 0;
    max-width: 285px
}

    .main-page article .oss p a {
        color: #fff
    }

        .main-page article .oss p a:hover {
            color: #f0f0f0
        }

.main-page article .oss .btn {
    height: 56px;
    max-width: 285px;
    padding-left: 1rem
}

@media (max-width:767.98px) {
    .main-page article .oss .btn {
        font-size: .8rem
    }
}

@media (max-width:575.98px) {
    .main-page article .oss .btn {
        margin-top: 1.5rem
    }
}

.main-page article .oss .btn:hover {
    box-shadow: 0 0 0 3px #fff;
    transition: box-shadow .3s
}

    .main-page article .oss .btn:hover > i {
        animation: oss-btn-bounce .6s
    }

.main-page article .oss:hover .gate-1:not(:hover) *, .main-page article .oss:hover .gate-2:not(:hover) *, .main-page article .oss:hover .gate-3:not(:hover) * {
    opacity: .4
}

.main-page article .oss:hover .gate-1:not(:hover) .bg, .main-page article .oss:hover .gate-2:not(:hover) .bg, .main-page article .oss:hover .gate-3:not(:hover) .bg {
    opacity: 1
}

    .main-page article .oss:hover .gate-1:not(:hover) .bg:after {
        background-image: linear-gradient(rgba(0,0,0,.4),#000),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
    }

@media (min-width:992px) {
    .main-page article .oss:hover .gate-1:not(:hover) .bg:after {
        background-image: linear-gradient(rgba(0,0,0,.4),#000),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
    }
}

.main-page article .oss:hover .gate-2:not(:hover) .bg:after {
    background-image: linear-gradient(rgba(0,0,0,.4),#000),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
}

@media (min-width:992px) {
    .main-page article .oss:hover .gate-2:not(:hover) .bg:after {
        background-image: linear-gradient(rgba(0,0,0,.4),#000),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
    }
}

.main-page article .oss:hover .gate-3:not(:hover) .bg:after {
    background-image: linear-gradient(rgba(0,0,0,.4),#000),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
}

@media (min-width:992px) {
    .main-page article .oss:hover .gate-3:not(:hover) .bg:after {
        background-image: linear-gradient(rgba(0,0,0,.4),#000),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
    }
}

.main-page article .oss .gate-1, .main-page article .oss .gate-2, .main-page article .oss .gate-3 {
    display: flex;
    flex-direction: column;
    padding-top: 2rem;
    padding-bottom: 3.5rem;
    padding-right: 60px
}

@media screen and (min-width:992px) and (max-width:1100px) {
    .main-page article .oss .gate-1, .main-page article .oss .gate-2, .main-page article .oss .gate-3 {
        padding-right: 30px
    }
}

@media screen and (max-width:340px) {
    .main-page article .oss .gate-1, .main-page article .oss .gate-2, .main-page article .oss .gate-3 {
        padding-right: 30px
    }
}

.main-page article .oss .gate-1 .btn, .main-page article .oss .gate-1 h2, .main-page article .oss .gate-1 p, .main-page article .oss .gate-2 .btn, .main-page article .oss .gate-2 h2, .main-page article .oss .gate-2 p, .main-page article .oss .gate-3 .btn, .main-page article .oss .gate-3 h2, .main-page article .oss .gate-3 p {
    animation: oss-text-fade-in 1.65s
}

.main-page article .oss .gate-1 .bg, .main-page article .oss .gate-2 .bg, .main-page article .oss .gate-3 .bg {
    display: inline-block;
    background-color: #1a1a1a;
    position: absolute;
    z-index: -3
}

    .main-page article .oss .gate-1 .bg:after, .main-page article .oss .gate-2 .bg:after, .main-page article .oss .gate-3 .bg:after {
        content: "";
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        background-size: cover;
        z-index: -2;
        animation: oss-img-fade-in 1s
    }

.main-page article .oss .gate-1:hover, .main-page article .oss .gate-2:hover, .main-page article .oss .gate-3:hover {
    z-index: 1
}

    .main-page article .oss .gate-1:hover .btn, .main-page article .oss .gate-2:hover .btn, .main-page article .oss .gate-3:hover .btn {
        background-color: #fff;
        border-color: #fff;
        color: #1a1a1a
    }

    .main-page article .oss .gate-1:hover .bg, .main-page article .oss .gate-2:hover .bg, .main-page article .oss .gate-3:hover .bg {
        z-index: -1
    }

.main-page article .oss .gate-1 .bg:after {
    background-image: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.12),rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx);
    background-position: 50%
}

@media (min-width:992px) {
    .main-page article .oss .gate-1 .bg:after {
        background-image: linear-gradient(rgba(0,0,0,.4),transparent,rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
    }
}

.main-page article .oss .gate-2 .bg:after {
    background-image: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.12),rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx);
    background-position: 50%
}

@media (min-width:992px) {
    .main-page article .oss .gate-2 .bg:after {
        background-image: linear-gradient(rgba(0,0,0,.4),transparent,rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
    }
}

.main-page article .oss .gate-3 .bg:after {
    background-image: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.12),rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx);
    background-position: 50%
}

@media (min-width:992px) {
    .main-page article .oss .gate-3 .bg:after {
        background-image: linear-gradient(rgba(0,0,0,.4),transparent,rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
    }
}

@media (max-width:767.98px) {
    .main-page article .oss .gate-1, .main-page article .oss .gate-2, .main-page article .oss .gate-3 {
        height: 360px;
        padding-top: 1.5rem;
        padding-bottom: 2rem
    }

        .main-page article .oss .gate-1 .bg, .main-page article .oss .gate-2 .bg, .main-page article .oss .gate-3 .bg {
            top: 0;
            height: 100%;
            left: calc(-14.6875vw - 1px);
            width: calc(14.6875vw + 2px + 100%)
        }

        .main-page article .oss .gate-1 .bg {
            top: -84px;
            height: calc(100% + 84px)
        }
}

@media (min-width:768px) and (max-width:991.98px) {
    .main-page article .oss .gate-1, .main-page article .oss .gate-2, .main-page article .oss .gate-3 {
        height: 368px
    }

        .main-page article .oss .gate-1 .bg, .main-page article .oss .gate-2 .bg, .main-page article .oss .gate-3 .bg {
            top: 0;
            height: 100%;
            left: calc(-9.89583vw - 7px);
            width: calc(9.89583vw + 14px + 100%)
        }

        .main-page article .oss .gate-1 .bg {
            top: -102px;
            height: calc(100% + 102px)
        }
}

@media (min-width:992px) {
    .main-page article .oss .gate-1, .main-page article .oss .gate-2, .main-page article .oss .gate-3 {
        height: 707px;
        max-height: calc(100vh - 113px);
        min-height: 465px
    }

        .main-page article .oss .gate-1 .bg, .main-page article .oss .gate-2 .bg, .main-page article .oss .gate-3 .bg {
            top: -113px;
            height: calc(113px + 100%)
        }

        .main-page article .oss .gate-1 .bg {
            left: calc(-8.4375vw - 15px);
            width: calc(8.4375vw - 5px + 100%)
        }

            .main-page article .oss .gate-1 .bg:after {
                background-position-x: left
            }

        .main-page article .oss .gate-2 .bg {
            left: -20px;
            width: 100%
        }

        .main-page article .oss .gate-3 .bg {
            left: -20px;
            width: calc(100% + 49px)
        }

            .main-page article .oss .gate-3 .bg:after {
                background-position-x: right
            }
}

@media screen and (min-width:1297px) {
    .main-page article .oss .gate-1 .bg {
        left: calc(-50vw + 517px);
        width: calc(50vw - 537px + 100%)
    }

    .main-page article .oss .gate-2 .bg {
        left: -20px;
        width: 100%
    }

    .main-page article .oss .gate-3 .bg {
        left: -20px;
        width: calc(50vw - 600px + 100%)
    }
}

.main-page article .links ul {
    color: #1a1a1a
}

.main-page article .search .form-control {
    height: 3rem;
    padding-left: 1.5rem
}

.main-page article .search .btn {
    height: auto;
    width: 3rem
}

.main-page article .categories-carousel {
    min-height: 260px
}

    .main-page article .categories-carousel .right-link {
        display: inline-block;
        float: right;
        margin-top: 2rem
    }

    .main-page article .categories-carousel .carousel .carousel-item .tile {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding: 0 2rem;
        color: #737373
    }

@media (max-width:767.98px) {
    .main-page article .categories-carousel .carousel .carousel-item .tile {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:768px) {
    .main-page article .categories-carousel .carousel .carousel-item .tile {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
        min-height: 140px
    }

        .main-page article .categories-carousel .carousel .carousel-item .tile + .tile {
            border-left: 1px solid #0063c1
        }
}

.main-page article .categories-carousel .carousel .carousel-control-next, .main-page article .categories-carousel .carousel .carousel-control-prev {
    color: #0063c1;
    position: relative;
    opacity: 1;
    text-decoration: none;
    font-size: 2rem;
    width: 3rem
}

.main-page article .categories-carousel .carousel .carousel-control-prev {
    justify-content: flex-start
}

.main-page article .categories-carousel .carousel .carousel-control-next {
    justify-content: flex-end
}

.main-page :lang(en) article .oss:hover .gate-1:not(:hover) .bg:after {
    background-image: linear-gradient(rgba(0,0,0,.4),#000),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
}

@media (min-width:992px) {
    .main-page :lang(en) article .oss:hover .gate-1:not(:hover) .bg:after {
        background-image: linear-gradient(rgba(0,0,0,.4),#000),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
    }
}

.main-page :lang(en) article .oss:hover .gate-2:not(:hover) .bg:after {
    background-image: linear-gradient(rgba(0,0,0,.4),#000),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
}

@media (min-width:992px) {
    .main-page :lang(en) article .oss:hover .gate-2:not(:hover) .bg:after {
        background-image: linear-gradient(rgba(0,0,0,.4),#000),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
    }
}

.main-page :lang(en) article .oss:hover .gate-3:not(:hover) .bg:after {
    background-image: linear-gradient(rgba(0,0,0,.4),#000),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
}

@media (min-width:992px) {
    .main-page :lang(en) article .oss:hover .gate-3:not(:hover) .bg:after {
        background-image: linear-gradient(rgba(0,0,0,.4),#000),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
    }
}

.main-page :lang(en) article .oss .gate-1 .bg:after {
    background-image: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.12),rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
}

@media (min-width:992px) {
    .main-page :lang(en) article .oss .gate-1 .bg:after {
        background-image: linear-gradient(rgba(0,0,0,.4),transparent,rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
    }
}

.main-page :lang(en) article .oss .gate-2 .bg:after {
    background-image: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.12),rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
}

@media (min-width:992px) {
    .main-page :lang(en) article .oss .gate-2 .bg:after {
        background-image: linear-gradient(rgba(0,0,0,.4),transparent,rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
    }
}

.main-page :lang(en) article .oss .gate-3 .bg:after {
    background-image: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.12),rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
}

@media (min-width:992px) {
    .main-page :lang(en) article .oss .gate-3 .bg:after {
        background-image: linear-gradient(rgba(0,0,0,.4),transparent,rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
    }
}

@media (min-width:992px) {
    .main-page .alert {
        padding-left: calc(8.4375vw + 30px);
        padding-right: calc(44px + 2.5rem)
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .main-page .alert {
        padding-left: calc(9.89583vw + 22px);
        padding-right: calc(22px + 2.5rem)
    }
}

@media (max-width:767.98px) {
    .main-page .alert {
        padding-left: calc(14.6875vw + 16px);
        padding-right: calc(16px + 2.5rem)
    }
}

@media screen and (min-width:1297px) {
    .main-page .alert {
        padding-left: calc(50vw - 510.5px);
        padding-right: calc(50vw - 604.5px + 2.5rem)
    }
}

.main-page .alert.alert-dismissible .close {
    position: relative;
    top: 0;
    right: -2.5rem
}

.main-page.sub-page:before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    background-size: cover;
    z-index: -2
}

@media (min-width:992px) {
    .main-page.sub-page:before {
        height: 368px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .main-page.sub-page:before {
        height: 268px
    }
}

@media (max-width:767.98px) {
    .main-page.sub-page:before {
        height: 260px
    }
}

.main-page.sub-page.inwestycje:before {
    background-image: linear-gradient(rgba(0,0,0,.4),transparent,rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx);
    background-position: bottom
}

.main-page.sub-page.inwestycje:lang(en):before {
    background-image: linear-gradient(rgba(0,0,0,.4),transparent,rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx);
    background-position: bottom
}

.main-page.sub-page h1 {
    font-size: 8rem;
    font-family: "PT Serif",Georgia,Times New Roman,Times,serif;
    text-align: left;
    width: 100%;
    color: #fff;
    animation: oss-text-fade-in 1.65s;
    display: flex;
    align-items: flex-end;
    padding-bottom: 2rem;
    padding-left: 15px
}

@media (min-width:992px) {
    .main-page.sub-page h1 {
        height: 255px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .main-page.sub-page h1 {
        font-size: 5rem;
        height: 166px
    }
}

@media (max-width:767.98px) {
    .main-page.sub-page h1 {
        font-size: 3rem;
        height: 176px
    }
}

dl.news > dd, dl.news > dt {
    border-left: 5px solid #fff;
    padding-left: .5rem
}

    dl.news > dd.news-alert, dl.news > dt.news-alert {
        border-left-color: #1a1a1a
    }

dl.news.archive {
    color: #737373
}

.content-main > dl.news {
    margin-left: -12px;
    margin-top: 1rem
}

@keyframes oss-btn-bounce {
    0% {
        margin-right: 0
    }

    25% {
        margin-right: 2px
    }

    50% {
        margin-right: 5px
    }

    to {
        margin-right: 0
    }
}

@keyframes oss-img-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes oss-text-fade-in {
    0% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.index hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid hsla(0,0%,100%,.3)
}

@media only screen and (min-width:560px) {
    .index .btn-all {
        margin: 0;
        padding-right: 92px;
        padding-left: 92px
    }
}

@media only screen and (max-width:559px) {
    .index .btn-all {
        margin: 0;
        padding-right: 10%;
        padding-left: 10%
    }

    .button-hr {
        display: none
    }
}

.index ul li {
    list-style: none;
    margin-top: 10px
}

    .index ul li a {
        font-weight: 700;
        line-height: 1.2;
        font-size: 1.25rem
    }

.index .mmh {
    min-height: 138px;
    max-height: 138px;
    font-weight: 700;
    font-size: 24px
}

.max-h-40 {
    max-height: 40px
}

.col-md-2-5 {
    flex: 0 0 20%;
    max-width: 20%
}

#header-img-glos img {
    height: 100%;
    width: 100%;
    object-fit: contain
}

.nounderline, .nounderline:hover {
    text-decoration: none
}

.pad-lr-5 {
    padding: 0 16px
}

.box-icon-btn {
    flex-direction: row;
    text-transform: none;
    font-size: 1.25rem;
    font-weight: 400;
    text-decoration: underline;
    display: block;
    text-align: left;
    color: #0063c1
}

    .box-icon-btn:before {
        font: normal normal 900 1rem/1 Font Awesome\ 5 Free;
        font-size: 1.5rem;
        display: inline-block;
        text-decoration: none;
        vertical-align: text-bottom;
        margin-right: 1rem
    }

    .box-icon-btn.compact {
        min-height: 5.625rem
    }

@media (min-width:576px) {
    .box-icon-btn {
        min-width: 50%;
        width: auto
    }
}

.box-icon-btn.focus, .box-icon-btn:focus {
    border-color: transparent
}

.box-icon-btn:hover {
    color: #003c75
}

.upload-box {
    padding: 1rem;
    border-radius: 5px;
    margin: 1rem 0;
    background: none;
    border: 2px solid #0063c1
}

    .upload-box .progress {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

@media (min-width:576px) {
    .upload-form .actions {
        display: flex;
        justify-content: space-between
    }
}

.upload-form .actions .btn {
    margin: 1rem 0 0
}

@media (max-width:575.98px) {
    .upload-form .actions .btn {
        width: 100%
    }
}

.upload-form .custom-file-label {
    cursor: pointer
}

.upload-form .is-invalid + .invalid-feedback {
    margin-top: -1rem
}

.upload-form + .upload-files-list {
    margin-top: 2rem
}

.upload-files-list.elements-list .box-icon-btn, .upload-files-list.elements-list .el-item, .upload-files-list.elements-list .richtext-el-item {
    min-height: 5.625rem
}

    .upload-files-list.elements-list .box-icon-btn .item-content, .upload-files-list.elements-list .el-item .item-content, .upload-files-list.elements-list .richtext-el-item .item-content {
        max-height: 3.375rem
    }

    .upload-files-list.elements-list .box-icon-btn .uploaded-file, .upload-files-list.elements-list .el-item .uploaded-file, .upload-files-list.elements-list .richtext-el-item .uploaded-file {
        position: relative;
        padding-left: 3rem;
        text-decoration: none;
        outline: none
    }

        .upload-files-list.elements-list .box-icon-btn .uploaded-file .file-desc, .upload-files-list.elements-list .el-item .uploaded-file .file-desc, .upload-files-list.elements-list .richtext-el-item .uploaded-file .file-desc {
            font-weight: 500
        }

        .upload-files-list.elements-list .box-icon-btn .uploaded-file:before, .upload-files-list.elements-list .el-item .uploaded-file:before, .upload-files-list.elements-list .richtext-el-item .uploaded-file:before {
            font: normal normal 900 1rem/1 Font Awesome\ 5 Free;
            content: "";
            font-weight: 500;
            font-size: 3em;
            position: absolute;
            top: 50%;
            margin-top: -1.3125rem;
            left: 0
        }

.richtext-el-item {
    width: 100%
}

    .richtext-el-item p:first-child span {
        display: block;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

        .richtext-el-item p:first-child span:first-child {
            font-size: 1.25rem
        }

        .richtext-el-item p:first-child span:nth-child(n+2) {
            font-size: 1rem
        }

.onboarding-custom-modal.modal-dialog {
    width: 342px;
    margin-left: auto;
    margin-right: auto
}

    .onboarding-custom-modal.modal-dialog .modal-header {
        position: relative;
        z-index: 1
    }

    .onboarding-custom-modal.modal-dialog .modal-body {
        padding: 0;
        margin-top: -62px
    }

    .onboarding-custom-modal.modal-dialog .modal-footer.modal-carousel-nav {
        margin-top: 0;
        padding: 16px 50px 40px;
        justify-content: space-between;
        align-items: center
    }

        .onboarding-custom-modal.modal-dialog .modal-footer.modal-carousel-nav .slide-pointer {
            opacity: .6;
            font-size: .8125rem;
            font-weight: 700
        }

        .onboarding-custom-modal.modal-dialog .modal-footer.modal-carousel-nav .btn {
            width: 100%;
            height: 44px;
            margin: 0
        }

            .onboarding-custom-modal.modal-dialog .modal-footer.modal-carousel-nav .btn.modal-close {
                display: none
            }

            .onboarding-custom-modal.modal-dialog .modal-footer.modal-carousel-nav .btn.carousel-control-next {
                width: 120px;
                position: static;
                opacity: 1
            }

            .onboarding-custom-modal.modal-dialog .modal-footer.modal-carousel-nav .btn i {
                margin-left: 1.5rem
            }

.onboarding-carousel .slides {
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    height: 500px;
    overflow: hidden;
    background: #fff
}

    .onboarding-carousel .slides .slide .slide-img {
        padding-bottom: 50px;
        background: #efefef
    }

    .onboarding-carousel .slides .slide .slide-content {
        border-top: 1px solid #d8d8d8;
        background: #fff;
        padding: 34px 25px 0;
        margin: -50px 25px 0
    }

        .onboarding-carousel .slides .slide .slide-content .slide-header {
            font-size: 1.5rem;
            line-height: 1.812rem
        }

        .onboarding-carousel .slides .slide .slide-content .slide-intro, .onboarding-carousel .slides .slide .slide-content .slide-text {
            font-size: .9375rem;
            line-height: 1.25rem
        }

        .onboarding-carousel .slides .slide .slide-content .slide-text {
            margin: 0;
            opacity: .8
        }

            .onboarding-carousel .slides .slide .slide-content .slide-text a {
                font-weight: 700
            }

        .onboarding-carousel .slides .slide .slide-content .slide-intro {
            font-weight: 700;
            margin: .8125rem 0
        }

.fixed-modal section.block h2:after, .fixed-modal section.block h3:after, .fixed-modal section.block h4:after, .fixed-modal section.block h5:after, .fixed-modal section.block h6:after {
    content: none !important
}

.separated-dl {
    margin: 1rem 0
}

    .separated-dl dt {
        border-top: 1px solid #ccc;
        margin: .5rem 0;
        padding-top: .5rem;
        font-size: 1.25rem;
        font-weight: 400
    }

    .separated-dl dd {
        font-size: .875rem
    }

        .separated-dl dd h2 {
            font-size: 1.25rem;
            font-family: Roboto,sans-serif
        }

.chips-filters {
    margin-left: -.25rem;
    margin-right: -.25rem;
    display: flex;
    flex-wrap: wrap
}

    .chips-filters .chip, .chips-filters .double-action-chip {
        margin: .125rem
    }

    .chips-filters .limit {
        display: flex;
        flex-wrap: wrap
    }

        .chips-filters .limit:not(.release) {
            height: 1.875rem;
            padding-top: 1px;
            overflow: hidden
        }

.appendable .form-preloader {
    margin: 1rem 0;
    height: 2rem;
    position: relative
}

    .appendable .form-preloader .loader {
        width: 2rem;
        height: 2rem;
        border-width: .3rem;
        margin: -1rem 0 0 -1rem
    }

.appendable.cardlist .append-btn {
    position: relative;
    border-radius: 0;
    width: 100%;
    margin-top: 1px;
    border-width: 1px
}

@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i,900&amp;subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=PT+Serif:400,700&amp;subset=latin-ext");

.w-xs-25 {
    width: 25% !important
}

.w-xs-50 {
    width: 50% !important
}

.w-xs-75 {
    width: 75% !important
}

.w-xs-100 {
    width: 100% !important
}

.h-xs-25 {
    height: 25% !important
}

.h-xs-50 {
    height: 50% !important
}

.h-xs-75 {
    height: 75% !important
}

.h-xs-100 {
    height: 100% !important
}

@media (min-width:576px) {
    .w-sm-25 {
        width: 25% !important
    }

    .w-sm-50 {
        width: 50% !important
    }

    .w-sm-75 {
        width: 75% !important
    }

    .w-sm-100 {
        width: 100% !important
    }

    .h-sm-25 {
        height: 25% !important
    }

    .h-sm-50 {
        height: 50% !important
    }

    .h-sm-75 {
        height: 75% !important
    }

    .h-sm-100 {
        height: 100% !important
    }
}

@media (min-width:768px) {
    .w-md-25 {
        width: 25% !important
    }

    .w-md-50 {
        width: 50% !important
    }

    .w-md-75 {
        width: 75% !important
    }

    .w-md-100 {
        width: 100% !important
    }

    .h-md-25 {
        height: 25% !important
    }

    .h-md-50 {
        height: 50% !important
    }

    .h-md-75 {
        height: 75% !important
    }

    .h-md-100 {
        height: 100% !important
    }
}

@media (min-width:992px) {
    .w-lg-25 {
        width: 25% !important
    }

    .w-lg-50 {
        width: 50% !important
    }

    .w-lg-75 {
        width: 75% !important
    }

    .w-lg-100 {
        width: 100% !important
    }

    .h-lg-25 {
        height: 25% !important
    }

    .h-lg-50 {
        height: 50% !important
    }

    .h-lg-75 {
        height: 75% !important
    }

    .h-lg-100 {
        height: 100% !important
    }
}

@media (min-width:1200px) {
    .w-xl-25 {
        width: 25% !important
    }

    .w-xl-50 {
        width: 50% !important
    }

    .w-xl-75 {
        width: 75% !important
    }

    .w-xl-100 {
        width: 100% !important
    }

    .h-xl-25 {
        height: 25% !important
    }

    .h-xl-50 {
        height: 50% !important
    }

    .h-xl-75 {
        height: 75% !important
    }

    .h-xl-100 {
        height: 100% !important
    }
}

@media (max-width:575.98px) {
    .w-d-xs-25 {
        width: 25% !important
    }

    .w-d-xs-50 {
        width: 50% !important
    }

    .w-d-xs-75 {
        width: 75% !important
    }

    .w-d-xs-100 {
        width: 100% !important
    }

    .h-d-xs-25 {
        height: 25% !important
    }

    .h-d-xs-50 {
        height: 50% !important
    }

    .h-d-xs-75 {
        height: 75% !important
    }

    .h-d-xs-100 {
        height: 100% !important
    }
}

@media (max-width:767.98px) {
    .w-d-sm-25 {
        width: 25% !important
    }

    .w-d-sm-50 {
        width: 50% !important
    }

    .w-d-sm-75 {
        width: 75% !important
    }

    .w-d-sm-100 {
        width: 100% !important
    }

    .h-d-sm-25 {
        height: 25% !important
    }

    .h-d-sm-50 {
        height: 50% !important
    }

    .h-d-sm-75 {
        height: 75% !important
    }

    .h-d-sm-100 {
        height: 100% !important
    }
}

@media (max-width:991.98px) {
    .w-d-md-25 {
        width: 25% !important
    }

    .w-d-md-50 {
        width: 50% !important
    }

    .w-d-md-75 {
        width: 75% !important
    }

    .w-d-md-100 {
        width: 100% !important
    }

    .h-d-md-25 {
        height: 25% !important
    }

    .h-d-md-50 {
        height: 50% !important
    }

    .h-d-md-75 {
        height: 75% !important
    }

    .h-d-md-100 {
        height: 100% !important
    }
}

@media (max-width:1199.98px) {
    .w-d-lg-25 {
        width: 25% !important
    }

    .w-d-lg-50 {
        width: 50% !important
    }

    .w-d-lg-75 {
        width: 75% !important
    }

    .w-d-lg-100 {
        width: 100% !important
    }

    .h-d-lg-25 {
        height: 25% !important
    }

    .h-d-lg-50 {
        height: 50% !important
    }

    .h-d-lg-75 {
        height: 75% !important
    }

    .h-d-lg-100 {
        height: 100% !important
    }
}

.w-d-xl-25 {
    width: 25% !important
}

.w-d-xl-50 {
    width: 50% !important
}

.w-d-xl-75 {
    width: 75% !important
}

.w-d-xl-100 {
    width: 100% !important
}

.h-d-xl-25 {
    height: 25% !important
}

.h-d-xl-50 {
    height: 50% !important
}

.h-d-xl-75 {
    height: 75% !important
}

.h-d-xl-100 {
    height: 100% !important
}

.text-break-word {
    word-wrap: break-word !important
}

.collapse-trigger:after {
    content: "";
    display: inline-block;
    margin-left: auto;
    font: normal normal 900 1rem/1 Font Awesome\ 5 Free;
    font-size: inherit
}

.collapse-trigger.collapsed {
    border: none
}

    .collapse-trigger.collapsed:after {
        content: ""
    }

.rotate-45 {
    transform: rotate(45deg)
}

.rotate-90 {
    transform: rotate(90deg)
}

.rotate-135 {
    transform: rotate(135deg)
}

.rotate-180 {
    transform: rotate(180deg)
}

.rotate-225 {
    transform: rotate(225deg)
}

.rotate-270 {
    transform: rotate(270deg)
}

.rotate-315 {
    transform: rotate(315deg)
}

.size-1 {
    height: 1rem;
    font-size: 1rem
}

.size-2 {
    height: 1.25rem;
    font-size: 1.25rem
}

.size-3 {
    height: 1.5rem;
    font-size: 1.5rem
}

.size-4 {
    height: 2rem;
    font-size: 2rem
}

.f-1 {
    font-size: 1rem
}

.f-2 {
    font-size: 1.25rem
}

.f-3 {
    font-size: 1.5rem
}

.f-4 {
    font-size: 2rem
}

.overflow-hidden {
    overflow: hidden
}

.overflow-auto {
    overflow: auto
}

.h1, h1 {
    line-height: 1
}

@media (min-width:992px) {
    .h1, h1 {
        font-size: 2.5rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .h1, h1 {
        font-size: 2.25rem
    }
}

@media (max-width:767.98px) {
    .h1, h1 {
        font-size: 1.875rem
    }
}

.h2, h2 {
    font-size: 1.5rem;
    font-weight: 700
}

.h3, h3 {
    font-size: 1.25rem;
    font-weight: 500
}

body {
    word-wrap: break-word;
    white-space: normal;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.h4, .h5, .h6, h4, h5, h6 {
    font-size: 1.125rem;
    font-weight: 500
}

.h2, .h3, .h4, .h5, .h6, h2, h3, h4, h5, h6 {
    font-family: Roboto,sans-serif;
    margin-top: 2rem
}

.fa-external-link-alt {
    font-size: .75rem;
    color: #737373
}

.p {
    font-size: 1rem
}

.main-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1280px
}

@media (min-width:992px) {
    .first-col {
        width: 8.4375%
    }

    .col.main-col {
        max-width: 91.5625%
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .first-col {
        width: 9.8958333%
    }

    .col.main-col {
        max-width: 90.1041667%
    }
}

@media (max-width:767.98px) {
    .first-col {
        width: 14.6875%
    }

    .col.main-col {
        max-width: 85.3125%
    }
}

@media (min-width:992px) {
    .main-col {
        padding: 0 44px 0 30px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .main-col {
        padding: 0 22px
    }
}

@media (max-width:767.98px) {
    .main-col {
        padding: 0 16px
    }
}

body.nomenu .content-box {
    padding-top: 38px
}

ul.breadcrumbs {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: .875rem;
    color: #737373
}

    ul.breadcrumbs li {
        display: inline
    }

    ul.breadcrumbs a {
        text-decoration: none
    }

    ul.breadcrumbs li + li:before {
        display: inline-block;
        margin: 0 .3rem -.1rem;
        transform: rotate(15deg);
        border-right: 1px solid;
        height: .8rem;
        content: ""
    }

    ul.breadcrumbs:not(.showall) li.hidden-crumb {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0,0,0,0);
        white-space: nowrap;
        clip-path: inset(50%);
        border: 0
    }

    ul.breadcrumbs #bcellipsis span {
        cursor: pointer
    }

    ul.breadcrumbs.showall #bcellipsis {
        display: none
    }

#maincontent {
    margin-top: 1rem
}

.content-box {
    display: block;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

    .content-box .content-aside, .content-box .content-main, .content-box .content-metrics, .content-box .content-nav, .content-box .content-title {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }

@media (max-width:767.98px) {
    .content-box .content-aside, .content-box .content-main, .content-box .content-metrics, .content-box .content-nav, .content-box .content-title {
        flex: 0 0 100%;
        max-width: 100%
    }

    .content-metrics-spacer {
        display: none
    }
}

@media (min-width:768px) {
    .content-box {
        display: block;
        position: relative
    }

        .content-box:after {
            display: block;
            clear: both;
            content: ""
        }

        .content-box .content-main, .content-box .content-title {
            flex: 0 0 58.3333333333%;
            max-width: 58.3333333333%
        }

        .content-box .content-main {
            float: left
        }

        .content-box .content-aside, .content-box .content-nav {
            flex: 0 0 33.3333333333%;
            max-width: 33.3333333333%;
            float: right;
            margin-bottom: 1rem
        }

        .content-box .content-aside {
            clear: right
        }

        .content-box .content-metrics-spacer {
            display: block;
            height: 4rem;
            float: right;
            clear: right
        }

        .content-box .content-metrics {
            flex: 0 0 33.3333333333%;
            max-width: 33.3333333333%;
            position: absolute;
            right: 0;
            bottom: 0
        }
}

aside h1, aside h2:first-child {
    margin-top: 0
}

aside .h1, aside .h2, aside .h3, aside .h4, aside .h5, aside .h6, aside h1, aside h2, aside h3, aside h4, aside h5, aside h6 {
    font-family: Roboto,sans-serif;
    font-weight: 700;
    color: #737373
}

aside .h1, aside h1 {
    font-size: 1.25rem
}

aside .h2, aside .h3, aside .h4, aside .h5, aside .h6, aside h2, aside h3, aside h4, aside h5, aside h6 {
    font-size: 1.125rem
}

aside ol, aside p, aside ul {
    color: #737373
}

@media (max-width:767.98px) {
    aside {
        margin-top: 1rem
    }

        aside:not(.nospacer) h2:first-of-type:after {
            content: " ";
            border-top: 2px solid #d11632;
            display: block;
            width: 14.6875vw;
            margin-left: calc(-14.6875vw - 16px);
            position: relative;
            top: -.375rem
        }
}

.metrics {
    color: #737373
}

@media (max-width:767.98px) {
    .metrics {
        margin-top: 22px !important
    }
}

.metrics dt {
    display: inline-block;
    float: left;
    font-weight: 400;
    clear: left;
    margin-right: 5px
}

    .metrics dt:after {
        content: ": "
    }

.metrics dd {
    display: inline-block;
    float: left;
    padding-left: 0;
    font-weight: 700
}

ul.side-nav {
    padding: 0
}

    ul.side-nav a {
        font-weight: 700
    }

    ul.side-nav li {
        color: #1a1a1a
    }

        ul.side-nav li:not(:first-of-type) {
            margin-top: .375rem
        }

        ul.side-nav li.active {
            color: #1a1a1a
        }

            ul.side-nav li.active > a, ul.side-nav li > a.active {
                color: #1a1a1a;
                cursor: default;
                text-decoration: none
            }

        ul.side-nav li > ul {
            list-style-type: disc;
            padding-left: 2rem
        }

            ul.side-nav li > ul li {
                margin-top: .375rem
            }

.row.blue-border-short-section {
    font-size: .875rem;
    margin-top: 1rem;
    margin-bottom: 1rem
}

    .row.blue-border-short-section h2 {
        font-size: 1.125rem;
        font-family: Roboto,sans-serif;
        font-weight: 700;
        margin-top: 0
    }

    .row.blue-border-short-section h3 {
        font-family: Roboto,sans-serif;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.5;
        margin-top: 0;
        margin-bottom: 0
    }

    .row.blue-border-short-section ul.link-list {
        padding: 0;
        margin: 0
    }

        .row.blue-border-short-section ul.link-list li {
            color: #1a1a1a;
            margin-top: .375rem
        }

            .row.blue-border-short-section ul.link-list li a {
                font-weight: 700
            }

            .row.blue-border-short-section ul.link-list li.plain {
                list-style-type: none
            }

                .row.blue-border-short-section ul.link-list li.plain a {
                    font-weight: 400
                }

            .row.blue-border-short-section ul.link-list li.active {
                color: #1a1a1a;
                font-weight: 700
            }

                .row.blue-border-short-section ul.link-list li.active a {
                    color: #1a1a1a;
                    cursor: default;
                    text-decoration: none
                }

    .row.blue-border-short-section .two-cols {
        column-width: 260px;
        -webkit-column-width: 260px;
        -moz-column-width: 260px;
        column-gap: 30px
    }

    .row.blue-border-short-section:before {
        display: block;
        content: " ";
        border-top: 2px solid #0063c1;
        border-bottom: 2px solid #0063c1;
        margin-left: -2000px;
        width: 2000px
    }

    .row.blue-border-short-section > section {
        border-top: 2px solid #0063c1;
        border-bottom: 2px solid #0063c1;
        border-right: 2px solid #0063c1;
        padding-top: 2rem;
        padding-bottom: 2rem
    }

@media (min-width:992px) {
    .row.blue-border-short-section {
        margin-left: -30px
    }

        .row.blue-border-short-section > section {
            padding-left: 30px
        }
}

@media (min-width:768px) and (max-width:991.98px) {
    .row.blue-border-short-section {
        margin-left: -22px
    }

        .row.blue-border-short-section > section {
            padding-left: 22px
        }
}

@media (max-width:767.98px) {
    .row.blue-border-short-section {
        margin-left: -16px
    }

        .row.blue-border-short-section > section {
            padding-left: 31px;
            margin-right: 15px;
            margin-left: -15px
        }
}

div.padded {
    padding: 1rem
}

.skip-to-content {
    z-index: 1002;
    top: 0;
    left: 0;
    position: absolute !important;
    background-color: #fff
}

    .skip-to-content .nav-link {
        padding: .5rem
    }

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100
}

    .sticky:after, .sticky:before {
        content: "";
        display: table
    }

:focus, button:focus {
    outline: 3px solid #f5a623;
    z-index: 1
}

.header.top-row {
    align-items: center;
    background-color: #fff
}

@media (min-width:992px) {
    .header.top-row {
        height: 54px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .header.top-row {
        height: 50px
    }
}

@media (max-width:767.98px) {
    .header.top-row {
        height: 42px
    }
}

.header .gov-pl {
    font-family: Roboto,sans-serif;
    font-weight: bolder;
    font-size: 1.5rem;
    padding-top: .5rem;
    float: right;
    background-color: #fff;
    width: 2000px;
    border-bottom: 2px solid #d11632;
    text-align: right;
    margin-left: -2000px
}

@media (min-width:992px) {
    .header .gov-pl {
        height: 54px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .header .gov-pl {
        height: 50px;
        letter-spacing: -.5px;
        font-size: 2.7vw
    }
}

@media (max-width:767.98px) {
    .header .gov-pl {
        height: 42px;
        font-size: 1rem
    }
}

.header .gov-pl a {
    text-decoration: none;
    color: #1a1a1a
}

.header .welcome {
    color: #737373;
    padding: .5em 0;
    display: inline-block
}

.header .nav.top-nav {
    margin: 0;
    float: right
}

    .header .nav.top-nav .nav-link:focus, .header .nav.top-nav .nav-link:hover {
        text-decoration: underline
    }

    .header .nav.top-nav .nav-link.dtoogle {
        text-decoration: none
    }

        .header .nav.top-nav .nav-link.dtoogle:after {
            content: "";
            font: normal normal 900 1rem/1 Font Awesome\ 5 Free;
            font-size: 1rem;
            margin-left: 4px
        }

        .header .nav.top-nav .nav-link.dtoogle span {
            text-decoration: underline;
            display: inline-block;
            vertical-align: top;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 210px
        }

            .header .nav.top-nav .nav-link.dtoogle span:focus, .header .nav.top-nav .nav-link.dtoogle span:hover {
                text-decoration: underline
            }

@media (max-width:400px) {
    .header .nav.top-nav .nav-link.dtoogle span {
        max-width: 150px
    }
}

.header .nav.top-nav.sps--blw .dropdown-menu {
    display: none !important
}

.header .nav.top-nav .dropdown-menu {
    border: 1px solid #0063c1;
    padding-right: 2rem;
    top: -40px !important;
    max-width: 90vw
}

    .header .nav.top-nav .dropdown-menu h6 {
        margin-top: 0;
        font-weight: 400;
        padding-bottom: 0;
        font-size: .8rem
    }

@media (max-width:767.98px) {
    .header .nav.top-nav .dropdown-menu .dropdown-item {
        white-space: normal
    }
}

.header .nav.top-nav .dropdown-menu .dropdown-item.current {
    font-weight: 700
}

.header .nav.top-nav .dropdown-menu a.dropdown-item {
    color: #0063c1
}

    .header .nav.top-nav .dropdown-menu a.dropdown-item:focus, .header .nav.top-nav .dropdown-menu a.dropdown-item:hover {
        text-decoration: underline;
        background-color: initial
    }

    .header .nav.top-nav .dropdown-menu a.dropdown-item:hover {
        color: #003c75
    }

    .header .nav.top-nav .dropdown-menu a.dropdown-item:active {
        color: #fff;
        background-color: #0063c1
    }

.header .nav.top-nav .dropdown-menu .dropdown-divider {
    margin-right: -2rem
}

.header .nav.top-nav .dropdown-menu .close {
    font-size: 2rem;
    margin-right: 4px;
    opacity: 1;
    padding: 0 .5rem;
    position: absolute;
    right: 0
}

.header .logo {
    height: 97px;
    float: right
}

@media (min-width:768px) and (max-width:991.98px) {
    .header .logo {
        height: 85px
    }
}

@media (max-width:767.98px) {
    .header .logo {
        height: 67px
    }
}

@media (max-width:450px) {
    .header .logo {
        height: 15vw
    }
}

.header .eu-logo {
    margin-top: .75rem;
    text-align: right
}

    .header .eu-logo img {
        vertical-align: top;
        max-width: 95%
    }

@media (max-width:767.98px) {
    .header .eu-logo img {
        max-width: 50%
    }
}

.header .title {
    z-index: 122
}

    .header .title a {
        text-decoration: none;
        color: #1a1a1a;
        line-height: 1.2;
        font-family: "PT Serif",Georgia,Times New Roman,Times,serif
    }

@media (min-width:992px) {
    .header .title a {
        font-size: 2.25rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .header .title a {
        font-size: 1.875rem
    }
}

@media (max-width:767.98px) {
    .header .title a {
        font-size: 1.25rem
    }
}

.header.menu-row.sticky.sps--blw, .header.menu-row:not(.sps) {
    background-color: #fff
}

@media (min-width:992px) {
    .header.menu-row {
        height: 54px;
        margin-right: -44px;
        padding-right: 29px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .header.menu-row {
        height: 50px;
        margin-right: -22px;
        padding-right: 7px
    }
}

@media (max-width:767.98px) {
    .header.menu-row {
        height: 42px;
        margin-right: -16px;
        padding-right: 1px
    }
}

.header.menu-row nav {
    border-bottom: 1px solid #ccc;
    padding: 0;
    background-color: #fff;
    align-items: flex-end;
    flex-wrap: nowrap !important
}

    .header.menu-row nav .nav-help {
        margin-left: auto;
        margin-right: 2px;
        z-index: 3
    }

    .header.menu-row nav .navbar-nav {
        width: 100%;
        z-index: 100
    }

    .header.menu-row nav .nav-item:first-child > .nav-link {
        margin-left: 0
    }

    .header.menu-row nav .nav-link {
        display: inline-block;
        font-size: 1.5rem;
        font-family: "PT Serif",Georgia,Times New Roman,Times,serif;
        text-decoration: none;
        padding-top: 7px;
        padding-left: 0;
        padding-right: 0;
        margin: 0 15px -1px
    }

@media (min-width:992px) {
    .header.menu-row nav .nav-link {
        padding-bottom: 11px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .header.menu-row nav .nav-link {
        padding-bottom: 10px
    }
}

@media (max-width:767.98px) {
    .header.menu-row nav .nav-link {
        padding-bottom: 8px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .header.menu-row nav .nav-link {
        font-size: 1.4rem
    }
}

@media (max-width:767.98px) {
    .header.menu-row nav .nav-link {
        font-size: 1.125rem
    }
}

.header.menu-row nav .nav-link.nav-item:first-child {
    margin-left: 0
}

@media (min-width:992px) {
    .header.menu-row nav .nav-link.active, .header.menu-row nav .nav-link:hover {
        padding-bottom: 6px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .header.menu-row nav .nav-link.active, .header.menu-row nav .nav-link:hover {
        padding-bottom: 5px
    }
}

@media (max-width:767.98px) {
    .header.menu-row nav .nav-link.active, .header.menu-row nav .nav-link:hover {
        padding-bottom: 3px
    }
}

.header.menu-row nav .nav-link:hover {
    border-bottom: 5px solid #0063c1
}

.header.menu-row nav .nav-link.active {
    color: #1a1a1a;
    border-bottom: 5px solid #d11632
}

.header.menu-row nav .nav-link.right {
    margin-left: auto;
    margin-right: 2px
}

.header.menu-row nav .nav-link.with-notifications {
    position: relative;
    margin-right: 25px
}

    .header.menu-row nav .nav-link.with-notifications .notifications-count {
        position: absolute;
        top: 7px;
        right: -25px;
        font: 700 .8125rem/20px Roboto,sans-serif;
        color: #fff;
        background: #d11632;
        text-align: center;
        border-radius: 50%;
        line-height: 1.25rem;
        width: 20px;
        height: 20px
    }

.header.menu-row nav .nav-link.open > span, .header.menu-row nav .nav-link > span.onopen {
    display: none
}

    .header.menu-row nav .nav-link.open > span.onopen {
        display: inline
    }

        .header.menu-row nav .nav-link.open > span.onopen:after {
            content: "×";
            font-family: Roboto,sans-serif;
            opacity: 1;
            display: inline-block;
            margin-left: 0;
            line-height: 1rem;
            font-size: 2.5rem;
            font-weight: 400;
            vertical-align: sub
        }

@media (max-width:991.98px) {
    .header.menu-row nav .nav-link.open > span.onopen:after {
        font-size: 2rem
    }
}

.header.menu-row nav .navbar-toggler {
    font-size: 1.5rem;
    padding-top: 7px;
    padding-left: 0;
    margin: 0
}

@media (min-width:992px) {
    .header.menu-row nav .navbar-toggler {
        padding-bottom: 11px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .header.menu-row nav .navbar-toggler {
        font-size: 2rem;
        padding-top: 8px;
        padding-bottom: 7px
    }
}

@media (max-width:767.98px) {
    .header.menu-row nav .navbar-toggler {
        font-size: 1.4rem;
        padding-bottom: 8px
    }
}

@media (max-width:991.98px) {
    .header.menu-row nav .navbar-collapse.collapsing, .header.menu-row nav .navbar-collapse.show {
        position: absolute;
        background-color: #fff;
        width: 100%;
        padding-bottom: 1rem;
        left: 0;
        z-index: 100;
        top: 54px
    }
}

@media (max-width:991.98px) and (min-width:768px) and (max-width:991.98px) {
    .header.menu-row nav .navbar-collapse.collapsing, .header.menu-row nav .navbar-collapse.show {
        top: 50px
    }
}

@media (max-width:991.98px) and (max-width:767.98px) {
    .header.menu-row nav .navbar-collapse.collapsing, .header.menu-row nav .navbar-collapse.show {
        top: 42px
    }
}

@media (max-width:991.98px) {
    .header.menu-row nav .navbar-collapse.collapsing .nav-link, .header.menu-row nav .navbar-collapse.show .nav-link {
        margin-left: 0;
        margin-right: 0;
        display: block
    }

        .header.menu-row nav .navbar-collapse.collapsing .nav-link:not(.active), .header.menu-row nav .navbar-collapse.show .nav-link:not(.active) {
            border-bottom: 1px solid #aaa;
            margin-bottom: -1px
        }

        .header.menu-row nav .navbar-collapse.collapsing .nav-link.with-notifications, .header.menu-row nav .navbar-collapse.show .nav-link.with-notifications {
            padding-right: 30px
        }

            .header.menu-row nav .navbar-collapse.collapsing .nav-link.with-notifications .notifications-count, .header.menu-row nav .navbar-collapse.show .nav-link.with-notifications .notifications-count {
                right: 0
            }
}

@media (min-width:992px) {
    .header.menu-row:not(.sps--blw) .search-form {
        position: absolute;
        right: 0;
        top: -40px
    }

        .header.menu-row:not(.sps--blw) .search-form input {
            width: 300px
        }

    .header.menu-row.sps--blw .search-form {
        z-index: 102 !important;
        transition: all .3s ease-out;
        align-self: center
    }

        .header.menu-row.sps--blw .search-form.infocus input {
            position: absolute;
            width: 300px;
            height: 40px;
            right: 40px
        }
}

@media (min-width:992px) and (max-width:767.98px) {
    .header.menu-row.sps--blw .search-form.infocus input {
        width: 235px
    }
}

@media (min-width:992px) and (max-width:400px) {
    .header.menu-row.sps--blw .search-form.infocus input {
        width: 200px
    }
}

@media (min-width:992px) and (max-width:350px) {
    .header.menu-row.sps--blw .search-form.infocus input {
        width: 170px
    }
}

@media (min-width:992px) {
    .header.menu-row.sps--blw .search-form:not(.infocus) {
        pointer-events: none;
        transition: all .3s ease-out
    }

        .header.menu-row.sps--blw .search-form:not(.infocus) input {
            visibility: hidden;
            display: none;
            z-index: -1 !important;
            transition: all .3s ease-out
        }

            .header.menu-row.sps--blw .search-form:not(.infocus) input:focus {
                pointer-events: all;
                visibility: visible;
                display: initial;
                z-index: 102 !important
            }

        .header.menu-row.sps--blw .search-form:not(.infocus) button {
            pointer-events: all;
            border-color: #fff
        }
}

@media (max-width:991.98px) {
    .header.menu-row .search-form {
        z-index: 102 !important;
        transition: all .3s ease-out;
        align-self: center
    }

        .header.menu-row .search-form.infocus input {
            position: absolute;
            width: 300px;
            height: 40px;
            right: 40px
        }
}

@media (max-width:991.98px) and (max-width:767.98px) {
    .header.menu-row .search-form.infocus input {
        width: 235px
    }
}

@media (max-width:991.98px) and (max-width:400px) {
    .header.menu-row .search-form.infocus input {
        width: 200px
    }
}

@media (max-width:991.98px) and (max-width:350px) {
    .header.menu-row .search-form.infocus input {
        width: 170px
    }
}

@media (max-width:991.98px) {
    .header.menu-row .search-form:not(.infocus) {
        pointer-events: none;
        transition: all .3s ease-out
    }

        .header.menu-row .search-form:not(.infocus) input {
            visibility: hidden;
            display: none;
            z-index: -1 !important;
            transition: all .3s ease-out
        }

            .header.menu-row .search-form:not(.infocus) input:focus {
                pointer-events: all;
                visibility: visible;
                display: initial;
                z-index: 102 !important
            }

        .header.menu-row .search-form:not(.infocus) button {
            pointer-events: all;
            border-color: #fff
        }
}

.header.breadcrumbs-row {
    margin-top: 15px
}

.header.alerts-row {
    top: 54px;
    z-index: 90
}

@media (min-width:768px) and (max-width:991.98px) {
    .header.alerts-row {
        top: 50px
    }
}

@media (max-width:767.98px) {
    .header.alerts-row {
        top: 42px
    }
}

.header.alerts-row > div {
    position: absolute;
    width: 100%;
    padding: 0 15px;
    z-index: 90
}

.header.alerts-row-elevated {
    z-index: 1100;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    margin: 0
}

    .header.alerts-row-elevated > div {
        width: 100%
    }

footer {
    margin-top: 4.25rem
}

    footer .links {
        background-color: #d11632;
        color: #fff
    }

        footer .links:before {
            display: block;
            background-color: #d11632;
            content: " "
        }

@media (min-width:992px) {
    footer .links:before {
        width: calc(8.4375vw + 15px);
        margin-left: calc(-8.4375vw - 15px)
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    footer .links:before {
        width: calc(9.89583vw + 11px);
        margin-left: calc(-9.89583vw - 11px)
    }
}

@media (max-width:767.98px) {
    footer .links:before {
        width: calc(14.6875vw + 8px);
        margin-left: calc(-14.6875vw - 8px)
    }
}

@media screen and (min-width:1280px) {
    footer .links:before {
        width: 123px;
        margin-left: -123px
    }
}

footer .links:after {
    display: block;
    background-color: #d11632;
    content: " "
}

@media (min-width:992px) {
    footer .links:after {
        width: 29px;
        margin-right: -29px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    footer .links:after {
        width: 7px;
        margin-right: -7px
    }
}

@media (max-width:767.98px) {
    footer .links:after {
        width: 1px;
        margin-right: -1px
    }
}

footer .links > div.col > div.row:first-child {
    padding-top: 2.375rem
}

footer .links > div.col > div.row:last-child {
    padding-bottom: 3.125rem
}

footer .links .section-spacer {
    border-top-color: #fff
}

footer .links a {
    color: #fff
}

@media (min-width:768px) and (max-width:991.98px) {
    footer .links a {
        font-size: .8125rem
    }
}

footer .links a:focus, footer .links a:hover {
    color: #f0f0f0
}

footer .links .footer-title {
    color: #fff;
    font-size: 1.5rem;
    margin-bottom: 2rem
}

    footer .links .footer-title a {
        text-decoration: none;
        font-size: 1.5rem;
        font-weight: 700;
        letter-spacing: -.5px
    }

    footer .links .footer-title h2 {
        margin: 0;
        font-size: 1.5rem;
        font-weight: 400;
        display: inline-block;
        font-family: "PT Serif",Georgia,Times New Roman,Times,serif
    }

    footer .links .footer-title:after {
        content: " ";
        display: block;
        border-top: 2px solid #fff;
        position: relative;
        top: -.75rem
    }

@media (min-width:992px) {
    footer .links .footer-title:after {
        width: 8.4375vw;
        margin-left: calc(-8.4375vw - 30px)
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    footer .links .footer-title:after {
        width: 9.89583vw;
        margin-left: calc(-9.89583vw - 22px)
    }
}

@media (max-width:767.98px) {
    footer .links .footer-title:after {
        width: 14.6875vw;
        margin-left: calc(-14.6875vw - 16px)
    }
}

@media screen and (min-width:1280px) {
    footer .links .footer-title:after {
        width: 108px;
        margin-left: -138px
    }
}

footer .links ul {
    padding: 0;
    margin: 0
}

footer .info {
    padding-bottom: 38px
}

@media (min-width:992px) {
    footer .info {
        padding-top: 38px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    footer .info {
        padding-top: 1.5rem
    }
}

@media (max-width:767.98px) {
    footer .info {
        padding-top: 1.9375rem
    }
}

footer .info a {
    font-size: .8125rem
}

@media (min-width:768px) and (max-width:991.98px) {
    footer .info a {
        font-size: 12px
    }
}

footer .info p {
    color: #737373;
    font-size: .8125rem;
    line-height: 1.1875rem;
    margin-top: -.1875rem;
    margin-bottom: 1.375rem
}

@media (min-width:768px) and (max-width:991.98px) {
    footer .info p {
        font-size: .75rem;
        line-height: 1.125rem;
        margin-bottom: 15px
    }
}

@media (max-width:767.98px) {
    footer .info p {
        line-height: 1.25rem
    }
}

footer .info .logos > div {
    margin: 1rem 0;
    display: flex;
    justify-content: space-between
}

@media (max-width:767.98px) {
    footer .info .logos > div {
        flex-direction: column;
        align-items: flex-start
    }

        footer .info .logos > div > a, footer .info .logos > div > img {
            margin: 1rem 0
        }
}

.form-control:disabled, .form-group.disabled.elements-list, .form-group.disabled .form-text, .form-group.disabled .select-wrapper:after, .form-group.disabled label:not(.custom-control-label), .form-group.disabled legend, .form-group.disabled legend:not(.custom-control-label), .form-group:disabled.elements-list .header-text, .form-group:disabled legend {
    opacity: .4
}

.box-group, .elements-list .cardlist .card ul, .elements-list ul {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between
}

.form-control {
    border: 1px solid #737373;
    border-radius: 3px;
    color: #1a1a1a;
    margin: 0 0 1rem;
    padding: .5rem 1rem;
    line-height: 1.375rem
}

    .form-control, .form-control:disabled {
        background-color: #fff
    }

        .form-control::placeholder {
            color: #737373
        }

        .form-control.is-invalid {
            border-color: #737373;
            border-bottom: 2px solid #d11632
        }

.form-control-primary {
    border-color: #0063c1
}

.form-control-secondary {
    border-color: #e3e3e3
}

.form-control-success {
    border-color: green
}

.form-control-info {
    border-color: #0063c1
}

.form-control-warning {
    border-color: #f5a623
}

.form-control-danger {
    border-color: #d11632
}

.form-control-light {
    border-color: #e3e3e3
}

.form-control-dark {
    border-color: #737373
}

.form-control-white {
    border-color: #fff
}

.form-control-black {
    border-color: #1a1a1a
}

output.form-control {
    padding: .5rem 0;
    border-left: transparent;
    border-bottom-color: transparent;
    border-right: transparent;
    border-top-color: transparent
}

    output.form-control.is-invalid {
        border-color: transparent
    }

.was-validated .form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #737373;
    border-bottom: 2px solid #d11632
}

    .was-validated .form-control.is-invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-feedback {
        display: block !important
    }

.was-validated .custom-control-input.is-invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-feedback {
    margin-left: -.5rem
}

    .was-validated .custom-control-input.is-invalid ~ .invalid-feedback ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .invalid-feedback ~ .custom-control-label {
        margin-left: -1.5rem;
        padding-left: 1.5rem
    }

        .was-validated .custom-control-input.is-invalid ~ .invalid-feedback ~ .custom-control-label:before, .was-validated .custom-control-input:invalid ~ .invalid-feedback ~ .custom-control-label:before {
            position: relative;
            margin-left: -1.5rem;
            margin-right: .3rem;
            display: inline-block
        }

.needs-validation .form-group .invalid-feedback {
    display: none
}

.form-group.required > label:not(.custom-control):after, .form-group.required > legend:not(.custom-control):after {
    content: "*";
    color: #d11632;
    margin-left: .2rem
}

.form-group .select-wrapper {
    margin: 0 0 1rem;
    position: relative
}

    .form-group .select-wrapper:after {
        content: "";
        font: normal normal 900 1rem/1 Font Awesome\ 5 Free;
        color: #0063c1;
        display: block;
        position: absolute;
        right: 1rem;
        bottom: .5rem;
        pointer-events: none;
        line-height: inherit
    }

    .form-group .select-wrapper select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: .5rem 3rem .5rem 1rem;
        margin: 0
    }

        .form-group .select-wrapper select:not([size]):not([multiple]) {
            height: calc(2.375rem + 2px)
        }

        .form-group .select-wrapper select::-ms-expand {
            display: none
        }

.form-group .invalid-feedback {
    display: block;
    margin-left: 1rem
}

    .form-group .invalid-feedback:before {
        font: normal normal 900 1rem/1 Font Awesome\ 5 Free;
        font-size: inherit;
        content: "";
        margin: 0 .2rem 0 -1rem
    }

.custom-select.is-invalid:focus, .custom-select.is-valid:focus, .form-control.is-invalid:focus, .form-control.is-valid:focus, .was-validated .custom-select:invalid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:invalid:focus, .was-validated .form-control:valid:focus {
    border-color: #f5a623;
    box-shadow: 0 0 0 3px #f5a623
}

label, legend {
    margin-bottom: 0
}

    label ~ .custom-file, label ~ .form-control, label ~ .form-row, label ~ .input-group, label ~ .select-wrapper, legend ~ .custom-file, legend ~ .form-control, legend ~ .form-row, legend ~ .input-group, legend ~ .select-wrapper {
        margin-top: .25rem
    }

    label + small.form-text.collapse + .show-more, label + small.form-text .collapse + .show-more, legend + small.form-text.collapse + .show-more, legend + small.form-text .collapse + .show-more {
        font-size: .875rem
    }

    label + small.form-text.collapse.show + .show-more, label + small.form-text .collapse.show + .show-more, label + small.form-text.collapsing + .show-more, label + small.form-text .collapsing + .show-more, legend + small.form-text.collapse.show + .show-more, legend + small.form-text .collapse.show + .show-more, legend + small.form-text.collapsing + .show-more, legend + small.form-text .collapsing + .show-more {
        display: none
    }

    label + small.form-text.collapse:not(.show), legend + small.form-text.collapse:not(.show) {
        display: block;
        margin-right: 3rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    label + small.form-text.collapse + .show-more, legend + small.form-text.collapse + .show-more {
        float: right;
        margin-top: -1.3875rem
    }

    label.custom-file-label, legend.custom-file-label {
        z-index: 2
    }

legend {
    font-size: 1rem
}

.form-text {
    margin-top: 0;
    font-size: .875rem
}

.form-text-icon {
    margin-right: 1rem
}

    .form-text-icon .far[class*=float-], .form-text-icon .fas[class*=float-] {
        margin-top: 3px
    }

    .form-text-icon .far.float-right, .form-text-icon .fas.float-right {
        margin-right: -1rem
    }

    .form-text-icon .far.float-left, .form-text-icon .fas.float-left {
        margin-left: -1 rem
    }

.form-text.help-text.collapsed {
    cursor: pointer
}

.input-group .input-group-append > .btn, .input-group .input-group-append > .btn-group {
    border-width: 1px;
    margin: 0
}

.input-group .input-group-append:not(:last-child) > .btn, .input-group .input-group-append:not(:last-child) > .btn-group {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group .input-group-append:not(:first-child) > .btn, .input-group .input-group-append:not(:first-child) > .btn-group {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.address-container > .city > .select-wrapper, .address-container > .country > .select-wrapper {
    padding-right: 0;
    padding-left: 0
}

.address-container > .address, .address-container > .street {
    margin-bottom: 0
}

    .address-container > .address > .form-row, .address-container > .street > .form-row {
        align-items: center
    }

    .address-container > .address > .feedback, .address-container > .street > .feedback {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

.box, .box-icon-btn, .el-item, .form-infobox, .richtext-el-item {
    background: #f0f0f0;
    font-size: .875rem;
    padding: 1rem;
    margin: 1rem 0
}

    .box-icon-btn > h2:first-child, .box-icon-btn > h3:first-child, .box > h2:first-child, .box > h3:first-child, .el-item > h2:first-child, .el-item > h3:first-child, .form-infobox > h2:first-child, .form-infobox > h3:first-child, .richtext-el-item > h2:first-child, .richtext-el-item > h3:first-child {
        margin-top: 0
    }

    .box-icon-btn p:last-child, .box p:last-child, .el-item p:last-child, .form-infobox p:last-child, .richtext-el-item p:last-child {
        margin-bottom: 0
    }

.box-primary {
    background: #0063c1;
    color: #fff
}

.box-icon-btn, .box-outline-primary, .el-item, .richtext-el-item {
    background: none;
    border: 2px solid #0063c1
}

.box-secondary {
    background: #e3e3e3;
    color: #fff
}

.box-outline-secondary, .form-infobox {
    background: none;
    border: 2px solid #e3e3e3
}

.box-success {
    background: green;
    color: #fff
}

.box-outline-success {
    background: none;
    border: 2px solid green
}

.box-info {
    background: #0063c1;
    color: #fff
}

.box-outline-info {
    background: none;
    border: 2px solid #0063c1
}

.box-warning {
    background: #f5a623;
    color: #fff
}

.box-outline-warning {
    background: none;
    border: 2px solid #f5a623
}

.box-danger {
    background: #d11632;
    color: #fff
}

.box-outline-danger {
    background: none;
    border: 2px solid #d11632
}

.box-light {
    background: #e3e3e3;
    color: #fff
}

.box-outline-light {
    background: none;
    border: 2px solid #e3e3e3
}

.box-dark {
    background: #737373;
    color: #fff
}

.box-outline-dark {
    background: none;
    border: 2px solid #737373
}

.box-white {
    background: #fff;
    color: #fff
}

.box-outline-white {
    background: none;
    border: 2px solid #fff
}

.box-black {
    background: #1a1a1a;
    color: #fff
}

.box-outline-black {
    background: none;
    border: 2px solid #1a1a1a
}

.box-secondary, .box-warning {
    color: #1a1a1a
}

.box-with-button {
    display: flex;
    flex-direction: column !important;
    width: 100%
}

    .box-with-button > .form-group, .box-with-button > p {
        margin-bottom: 2rem;
        text-align: center
    }

    .box-with-button > p {
        display: block;
        width: 100%
    }

    .box-with-button > .btn {
        margin: auto 0 0;
        white-space: normal !important;
        height: inherit !important
    }

        .box-with-button > .btn:first-child {
            margin-top: 0
        }

        .box-with-button > .btn + p {
            margin-top: 2rem
        }

.box-icon-btn .custom-control.custom-checkbox .custom-control-label, .box .custom-control.custom-checkbox .custom-control-label, .el-item .custom-control.custom-checkbox .custom-control-label, .form-infobox .custom-control.custom-checkbox .custom-control-label, .richtext-el-item .custom-control.custom-checkbox .custom-control-label {
    font-size: 1rem
}

    .box-icon-btn .custom-control.custom-checkbox .custom-control-label:after, .box-icon-btn .custom-control.custom-checkbox .custom-control-label:before, .box .custom-control.custom-checkbox .custom-control-label:after, .box .custom-control.custom-checkbox .custom-control-label:before, .el-item .custom-control.custom-checkbox .custom-control-label:after, .el-item .custom-control.custom-checkbox .custom-control-label:before, .form-infobox .custom-control.custom-checkbox .custom-control-label:after, .form-infobox .custom-control.custom-checkbox .custom-control-label:before, .richtext-el-item .custom-control.custom-checkbox .custom-control-label:after, .richtext-el-item .custom-control.custom-checkbox .custom-control-label:before {
        top: .08rem
    }

@media (min-width:992px) {
    .box-group > .box.w-lg-50, .box-group > .w-lg-50.box-icon-btn, .box-group > .w-lg-50.el-item, .box-group > .w-lg-50.form-infobox, .box-group > .w-lg-50.richtext-el-item {
        width: calc(50% - 15px) !important
    }
}

form.filter-form {
    margin: 1rem 0 2rem
}

    form.filter-form .filters {
        margin: 0
    }

        form.filter-form .filters .chip {
            border: .7rem solid #fff;
            border-radius: 1.35rem
        }

            form.filter-form .filters .chip:first-of-type {
                margin-left: -.7rem
            }

.custom-radio > div.sub-checks {
    margin: .25rem 0 .5rem .5rem
}

.custom-radio input[type=radio]:not(:checked) ~ .sub-checks > .custom-checkbox > .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #737373
}

.custom-radio input[type=radio]:not(:checked) ~ .sub-checks > .custom-checkbox > .custom-control-input ~ .custom-control-label {
    color: #737373
}

input[type=date], input[type=time] {
    height: 2.6rem
}

    input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-outer-spin-button, input[type=time]::-webkit-inner-spin-button, input[type=time]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

.richtext-small {
    font-size: .875rem
}

.elements-list#ceidg-import legend, .elements-list#ceidg-import ul {
    display: none
}

.elements-list ul {
    list-style: none;
    margin-bottom: 0
}

.elements-list .cardlist .card ul {
    list-style: disc;
    margin-bottom: 0
}

    .elements-list .cardlist .card ul li, .elements-list.split-items li.box-icon-btn, .elements-list.split-items li.el-item, .elements-list.split-items li.richtext-el-item {
        width: 100%
    }

.elements-list.compact li.box-icon-btn, .elements-list.compact li.el-item, .elements-list.compact li.richtext-el-item {
    height: 5.625rem;
    margin: .5rem 0
}

    .elements-list.compact li.box-icon-btn .item-content, .elements-list.compact li.el-item .item-content, .elements-list.compact li.richtext-el-item .item-content {
        max-height: 3.375rem
    }

.elements-list.unified li.box-icon-btn, .elements-list.unified li.el-item, .elements-list.unified li.richtext-el-item {
    height: 5.625rem;
    min-height: auto
}

    .elements-list.unified li.box-icon-btn .item-content, .elements-list.unified li.el-item .item-content, .elements-list.unified li.richtext-el-item .item-content {
        max-height: 3.75rem
    }

        .elements-list.unified li.box-icon-btn .item-content > *, .elements-list.unified li.el-item .item-content > *, .elements-list.unified li.richtext-el-item .item-content > * {
            font-size: 1.25rem
        }

.elements-list .cardlist {
    margin: 1rem 0
}

    .elements-list .cardlist .card {
        width: 100%;
        border-bottom: 1px solid rgba(26,26,26,.125) !important;
        margin-bottom: -1px
    }

        .elements-list .cardlist .card .card-header {
            position: relative
        }

        .elements-list .cardlist .card .card-body {
            border-top: 1px solid rgba(26,26,26,.125)
        }

        .elements-list .cardlist .card .card-header {
            border-bottom: none
        }

            .elements-list .cardlist .card .card-header .custom-control-label {
                font-size: 1rem
            }

                .elements-list .cardlist .card .card-header .custom-control-label span {
                    display: block;
                    margin-left: 1rem
                }

                    .elements-list .cardlist .card .card-header .custom-control-label span:before {
                        content: none !important
                    }

.box-icon-btn, .el-item, .richtext-el-item {
    min-height: 7.125rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    border-radius: 5px
}

@media (min-width:992px) {
    .box-icon-btn, .el-item, .richtext-el-item {
        width: calc(50% - 15px)
    }
}

.el-item.with-control, .with-control.box-icon-btn, .with-control.richtext-el-item {
    border-color: #e3e3e3
}

.el-disabled.box-icon-btn, .el-disabled.richtext-el-item, .el-item.el-disabled {
    opacity: .5
}

.el-item.square, .el-item.square button, .square.box-icon-btn, .square.box-icon-btn button, .square.richtext-el-item, .square.richtext-el-item button {
    border-radius: 0
}

.box-icon-btn .item-content, .el-item .item-content, .richtext-el-item .item-content {
    height: auto;
    max-height: 4.875rem;
    overflow-y: hidden
}

    .box-icon-btn .item-content > :not(i), .el-item .item-content > :not(i), .richtext-el-item .item-content > :not(i) {
        display: block;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

        .box-icon-btn .item-content > :not(i):first-child, .el-item .item-content > :not(i):first-child, .richtext-el-item .item-content > :not(i):first-child {
            font-size: 1.25rem
        }

        .box-icon-btn .item-content > :not(i):nth-child(n+2), .el-item .item-content > :not(i):nth-child(n+2), .richtext-el-item .item-content > :not(i):nth-child(n+2) {
            font-size: 1rem
        }

.box-icon-btn .item-contentlabel, .el-item .item-contentlabel, .richtext-el-item .item-contentlabel {
    width: 100%
}

.el-item.with-button, .with-button.box-icon-btn, .with-button.richtext-el-item {
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

    .el-item.with-button > .item-content, .with-button.box-icon-btn > .item-content, .with-button.richtext-el-item > .item-content {
        overflow: hidden
    }

    .el-item.with-button > button, .with-button.box-icon-btn > button, .with-button.richtext-el-item > button {
        margin: 0 0 0 .5rem
    }

.el-item.with-menu, .with-menu.box-icon-btn, .with-menu.richtext-el-item {
    position: relative
}

    .el-item.with-menu.button-fill > button, .with-menu.button-fill.box-icon-btn > button, .with-menu.button-fill.richtext-el-item > button {
        padding-right: 2rem
    }

    .el-item.with-menu > .custom-control, .with-menu.box-icon-btn > .custom-control, .with-menu.richtext-el-item > .custom-control {
        padding-right: 1rem;
        width: 100%;
        height: 100%
    }

    .el-item.with-menu .menu-container, .with-menu.box-icon-btn .menu-container, .with-menu.richtext-el-item .menu-container {
        position: absolute;
        top: .5rem;
        right: .2rem;
        z-index: 1
    }

        .el-item.with-menu .menu-container .dropdown-toggle, .with-menu.box-icon-btn .menu-container .dropdown-toggle, .with-menu.richtext-el-item .menu-container .dropdown-toggle {
            padding: 0 .5rem;
            margin: 0
        }

            .el-item.with-menu .menu-container .dropdown-toggle:disabled, .with-menu.box-icon-btn .menu-container .dropdown-toggle:disabled, .with-menu.richtext-el-item .menu-container .dropdown-toggle:disabled {
                cursor: default
            }

            .el-item.with-menu .menu-container .dropdown-toggle:before, .with-menu.box-icon-btn .menu-container .dropdown-toggle:before, .with-menu.richtext-el-item .menu-container .dropdown-toggle:before {
                content: none
            }

            .el-item.with-menu .menu-container .dropdown-toggle i, .with-menu.box-icon-btn .menu-container .dropdown-toggle i, .with-menu.richtext-el-item .menu-container .dropdown-toggle i {
                font-size: 1.2rem;
                font-weight: 600
            }

        .el-item.with-menu .menu-container .dropdown-menu, .with-menu.box-icon-btn .menu-container .dropdown-menu, .with-menu.richtext-el-item .menu-container .dropdown-menu {
            border: 1px solid #0063c1;
            background-color: #fff;
            padding: 0;
            border-radius: 0
        }

            .el-item.with-menu .menu-container .dropdown-menu .dropdown-item, .with-menu.box-icon-btn .menu-container .dropdown-menu .dropdown-item, .with-menu.richtext-el-item .menu-container .dropdown-menu .dropdown-item {
                border-radius: 0;
                margin: 0;
                text-decoration: none;
                text-align: center;
                color: #0063c1;
                text-transform: none
            }

                .el-item.with-menu .menu-container .dropdown-menu .dropdown-item + .dropdown-item, .with-menu.box-icon-btn .menu-container .dropdown-menu .dropdown-item + .dropdown-item, .with-menu.richtext-el-item .menu-container .dropdown-menu .dropdown-item + .dropdown-item {
                    border-top: 1px solid #0063c1
                }

                .el-item.with-menu .menu-container .dropdown-menu .dropdown-item:active, .with-menu.box-icon-btn .menu-container .dropdown-menu .dropdown-item:active, .with-menu.richtext-el-item .menu-container .dropdown-menu .dropdown-item:active {
                    color: #fff !important
                }

.button-fill.box-icon-btn, .button-fill.richtext-el-item, .el-item.button-fill {
    padding: 0
}

    .button-fill.box-icon-btn > button, .button-fill.richtext-el-item > button, .el-item.button-fill > button {
        padding: 1rem;
        margin: 0;
        width: 100%;
        height: 100%;
        flex: 1;
        max-height: 6.875rem
    }

.box-icon-btn button.with-icon, .el-item button.with-icon, .richtext-el-item button.with-icon {
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    text-decoration: none
}

    .box-icon-btn button.with-icon .item-content, .el-item button.with-icon .item-content, .richtext-el-item button.with-icon .item-content {
        overflow: hidden;
        padding-left: 1rem
    }

.box-icon-btn button.btn-icon, .el-item button.btn-icon, .richtext-el-item button.btn-icon {
    text-decoration: none;
    padding: 0;
    border: none;
    background: transparent;
    color: #0063c1
}

    .box-icon-btn button.btn-icon .btn-label, .el-item button.btn-icon .btn-label, .richtext-el-item button.btn-icon .btn-label {
        text-decoration: underline
    }

.box-icon-btn button i, .el-item button i, .richtext-el-item button i {
    font-size: 1.5rem
}

.box-icon-btn button.danger, .el-item button.danger, .richtext-el-item button.danger {
    color: #dc3545 !important
}

    .box-icon-btn button.danger:hover, .el-item button.danger:hover, .richtext-el-item button.danger:hover {
        color: #a71d2a
    }

.el-item.with-control .custom-control, .with-control.box-icon-btn .custom-control, .with-control.richtext-el-item .custom-control {
    height: 100%;
    z-index: 1
}

    .el-item.with-control .custom-control .label-box, .with-control.box-icon-btn .custom-control .label-box, .with-control.richtext-el-item .custom-control .label-box {
        display: block
    }

        .el-item.with-control .custom-control .label-box:before, .with-control.box-icon-btn .custom-control .label-box:before, .with-control.richtext-el-item .custom-control .label-box:before {
            content: "";
            visibility: hidden;
            opacity: 0;
            position: absolute;
            border: 2px solid #0063c1;
            margin: -2px;
            left: -1rem;
            right: -1rem;
            bottom: -1rem;
            top: -1rem;
            z-index: -1;
            border-radius: 5px;
            transition: opacity .15s linear
        }

    .el-item.with-control .custom-control .custom-control-label:after, .el-item.with-control .custom-control .custom-control-label:before, .with-control.box-icon-btn .custom-control .custom-control-label:after, .with-control.box-icon-btn .custom-control .custom-control-label:before, .with-control.richtext-el-item .custom-control .custom-control-label:after, .with-control.richtext-el-item .custom-control .custom-control-label:before {
        top: 50%;
        transform: translateY(-50%)
    }

    .el-item.with-control .custom-control .custom-control-input.is-invalid ~ .custom-control-label .label-box:before, .el-item.with-control .custom-control .custom-control-input:checked ~ .custom-control-label .label-box:before, .with-control.box-icon-btn .custom-control .custom-control-input.is-invalid ~ .custom-control-label .label-box:before, .with-control.box-icon-btn .custom-control .custom-control-input:checked ~ .custom-control-label .label-box:before, .with-control.richtext-el-item .custom-control .custom-control-input.is-invalid ~ .custom-control-label .label-box:before, .with-control.richtext-el-item .custom-control .custom-control-input:checked ~ .custom-control-label .label-box:before {
        visibility: visible;
        opacity: 1
    }

    .el-item.with-control .custom-control .custom-control-input:focus ~ .custom-control-label:before, .with-control.box-icon-btn .custom-control .custom-control-input:focus ~ .custom-control-label:before, .with-control.richtext-el-item .custom-control .custom-control-input:focus ~ .custom-control-label:before {
        box-shadow: none
    }

    .el-item.with-control .custom-control .custom-control-input:focus ~ .custom-control-label .label-box:before, .with-control.box-icon-btn .custom-control .custom-control-input:focus ~ .custom-control-label .label-box:before, .with-control.richtext-el-item .custom-control .custom-control-input:focus ~ .custom-control-label .label-box:before {
        visibility: visible;
        opacity: 1;
        border-color: #f5a623
    }

    .el-item.with-control .custom-control .custom-control-input:disabled ~ .custom-control-label .label-box:before, .with-control.box-icon-btn .custom-control .custom-control-input:disabled ~ .custom-control-label .label-box:before, .with-control.richtext-el-item .custom-control .custom-control-input:disabled ~ .custom-control-label .label-box:before {
        border-color: rgba(0,123,255,.5)
    }

    .el-item.with-control .custom-control .custom-control-input.is-invalid ~ .custom-control-label .label-box:before, .with-control.box-icon-btn .custom-control .custom-control-input.is-invalid ~ .custom-control-label .label-box:before, .with-control.richtext-el-item .custom-control .custom-control-input.is-invalid ~ .custom-control-label .label-box:before {
        border-color: #d11632
    }

.box-icon-btn .custom-control, .el-item .custom-control, .richtext-el-item .custom-control {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (min-width:576px) {
    .field-size-m .select-wrapper, .field-size-m input, .field-size-m output {
        width: 66.66666%
    }
}

@media (min-width:576px) {
    .field-size-s .select-wrapper, .field-size-s input, .field-size-s output {
        width: 33.33333%
    }
}

.form-preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: hsla(0,0%,100%,.7);
    z-index: 1200
}

    .form-preloader.hidden {
        display: none
    }

    .form-preloader .loader {
        border-radius: 50%;
        top: 50%;
        left: 50%;
        width: 5rem;
        height: 5rem;
        margin: -2.5rem 0 0 -2.5rem;
        position: absolute;
        border: .7rem solid #e5e5e5;
        border-left-color: #0063c1;
        transform: translateZ(0);
        animation: rotate .9s linear infinite
    }

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.form-infobox .content-container {
    display: flex;
    align-items: baseline;
    justify-content: space-between
}

.form-infobox button {
    padding: 1rem;
    margin: -1rem
}

    .form-infobox button.collapse-trigger {
        margin-left: 0
    }

.form-infobox > button:not(.collapsed) {
    display: none
}

.form-infobox h1, .form-infobox h2, .form-infobox h3, .form-infobox h4, .form-infobox h5, .form-infobox h6 {
    margin-top: 0
}

    .form-infobox h1:after, .form-infobox h2:after, .form-infobox h3:after, .form-infobox h4:after, .form-infobox h5:after, .form-infobox h6:after {
        content: none !important
    }

.form-infobox ol li, .form-infobox ul li {
    margin-left: 1rem
}

.form-output-border output {
    min-height: 5.625rem;
    border-radius: 5px;
    border: 2px solid #0063c1;
    padding: 1.5rem 1rem;
    display: flex;
    align-items: center
}

.list-checkbox-image ul li {
    list-style-type: none !important;
    background-image: url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx);
    background-repeat: no-repeat;
    background-position: 0 .25rem;
    padding-left: 2rem;
    padding-top: 5px
}

.custom-control.custom-checkbox .custom-control-input:checked.is-invalid ~ .custom-control-label:before, .custom-control.custom-radio .custom-control-input:checked.is-invalid ~ .custom-control-label:before {
    background-color: #007bff
}

.custom-control.custom-checkbox .custom-control-input:checked:not(.is-invalid) ~ .custom-control-label:before, .custom-control.custom-radio .custom-control-input:checked:not(.is-invalid) ~ .custom-control-label:before {
    border: none
}

.custom-control.custom-checkbox .custom-control-input:disabled ~ .custom-control-label:before, .custom-control.custom-radio .custom-control-input:disabled ~ .custom-control-label:before {
    border-color: #adb5bd
}

.custom-control.custom-checkbox .custom-control-input:required:not([type=radio]) ~ .custom-control-label > span:not(.item-content):before, .custom-control.custom-radio .custom-control-input:required:not([type=radio]) ~ .custom-control-label > span:not(.item-content):before {
    content: "*";
    color: #d11632;
    margin-right: .35rem
}

.custom-control.custom-checkbox .custom-control-input.is-invalid ~ .custom-control-label:before, .custom-control.custom-radio .custom-control-input.is-invalid ~ .custom-control-label:before {
    border-color: #d11632;
    background-color: #fff
}

.custom-control.custom-checkbox .custom-control-input.is-invalid ~ .custom-control-label > span, .custom-control.custom-radio .custom-control-input.is-invalid ~ .custom-control-label > span {
    color: #1a1a1a
}

.custom-control.custom-checkbox .custom-control-label, .custom-control.custom-radio .custom-control-label {
    font-size: 1.25rem
}

    .custom-control.custom-checkbox .custom-control-label:before, .custom-control.custom-radio .custom-control-label:before {
        top: .3rem;
        border: 1px solid #1a1a1a
    }

    .custom-control.custom-checkbox .custom-control-label:after, .custom-control.custom-radio .custom-control-label:after {
        top: .3rem
    }

    .custom-control.custom-checkbox .custom-control-label > span, .custom-control.custom-radio .custom-control-label > span {
        margin-left: .3rem
    }

.custom-checkbox > .custom-control-label:before {
    border-radius: .25rem
}

.custom-checkbox > .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #007bff
}

.custom-checkbox > .custom-control-input:checked ~ .custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox > .custom-control-input:indeterminate ~ .custom-control-label:before {
    background-color: #007bff
}

.custom-checkbox > .custom-control-input:indeterminate ~ .custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox > .custom-control-input:disabled:checked ~ .custom-control-label:before {
    background-color: rgba(0,123,255,.5)
}

.custom-checkbox > .custom-control-input:disabled:indeterminate ~ .custom-control-label:before {
    background-color: rgba(0,123,255,.5)
}

.custom-file-input:focus ~ .custom-file-label {
    border-color: #f5a623;
    box-shadow: 0 0 0 3px #f5a623
}

.custom-file-input:focus-within ~ .custom-file-label {
    border-color: #f5a623;
    box-shadow: 0 0 0 3px #f5a623
}

.custom-file-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 3.1875rem
}

    .custom-file-label:after {
        content: "";
        font: normal normal 900 1rem/1 Font Awesome\ 5 Free;
        color: #fff;
        background-color: #0063c1;
        line-height: inherit
    }

.filter h2 {
    font-size: 1.25rem;
    color: #000
}

.filter fieldset, .filter h2 {
    margin-bottom: .5rem
}

    .filter fieldset legend {
        color: #000;
        font-size: 1.125rem
    }

    .filter fieldset .form-group {
        margin-bottom: 0
    }

    .filter fieldset .custom-control.custom-checkbox .custom-control-label {
        font-size: 1rem
    }

    .filter fieldset label.custom-control-label:after, .filter fieldset label.custom-control-label:before, .filter fieldset legend.custom-control-label:after, .filter fieldset legend.custom-control-label:before {
        width: 1rem;
        height: 1rem
    }

.filter-modal-btn {
    position: fixed;
    bottom: 0;
    width: calc(85.3125% - 32px);
    margin: auto;
    z-index: 1000
}

img.fitcolumn {
    max-width: 100%;
    flex: 1
}

#pkdList .card a.card-header span:first-child i.fas {
    margin-right: .2rem
}

#pkdList .card .copy-code input {
    font-size: 1.125rem;
    font-family: Roboto,sans-serif
}

#pkdCatalog {
    margin-top: 1rem
}

    #pkdCatalog ul {
        list-style: none;
        margin-left: 0;
        padding-left: 0
    }

        #pkdCatalog ul li {
            margin: .3em 0;
            padding-left: 1em;
            text-indent: -1em
        }

            #pkdCatalog ul li > a:before {
                content: "";
                font: normal normal 900 1rem/1 Font Awesome\ 5 Free;
                display: inline-block;
                padding-left: 1rem;
                font-weight: 400;
                font-size: .8rem
            }

            #pkdCatalog ul li.open > a {
                font-weight: 700
            }

                #pkdCatalog ul li.open > a:before {
                    content: ""
                }

            #pkdCatalog ul li.pkd > a:before {
                content: "";
                font-weight: 900
            }

            #pkdCatalog ul li p {
                padding-left: 5px;
                text-indent: 0
            }

.pkd-meta-info {
    color: #737373;
    margin-top: 1rem;
    margin-bottom: 2rem
}

.copy-code input {
    width: 7ch;
    background-color: #fff;
    font-family: "PT Serif",Georgia,Times New Roman,Times,serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #0063c1;
    cursor: pointer;
    padding: 0;
    display: inline-block;
    margin: 0;
    height: auto
}

    .copy-code input, .copy-code input:focus {
        border: 0;
        box-shadow: none
    }

.copy-code a .far, .copy-code a .fas {
    font-size: 1.25rem;
    text-decoration: none;
    margin-bottom: .5rem;
    margin-right: .3rem
}

.tiles {
    margin-top: 1rem
}

    .tiles .tile {
        margin: 1.1rem 0
    }

@media (max-width:767.98px) {
    .tiles .tile {
        margin: .8rem 0
    }
}

.tiles .tile .tile-title {
    font-family: Roboto,sans-serif;
    font-weight: 700;
    line-height: 1.2;
    font-size: 1.25rem
}

    .tiles .tile .tile-title .far, .tiles .tile .tile-title .fas {
        font-size: 2.2rem;
        margin-right: 1rem
    }

    .tiles .tile .tile-title svg {
        fill: #0063c1;
        stroke-width: 2px !important;
        stroke: #0063c1;
        display: inline-block;
        width: 36px;
        height: 36px;
        margin-right: .5rem;
        margin-bottom: -4px
    }

    .tiles .tile .tile-title:hover svg {
        fill: #003c75;
        stroke: #003c75
    }

.tiles .tile p {
    margin: .5rem 0;
    padding-right: 1rem;
    display: inline-block
}

.fixed-tiles .tile {
    padding: 1.5rem;
    border: 2px solid #0063c1
}

    .fixed-tiles .tile a {
        font-size: 1.5rem
    }

@media (max-width:576px) {
    .fixed-tiles .tile {
        height: 13.5rem
    }
}

@media (min-width:577px) and (max-width:768px) {
    .fixed-tiles .tile {
        height: 9rem
    }
}

@media (min-width:769px) and (max-width:992px) {
    .fixed-tiles .tile {
        height: 7.5rem
    }
}

@media (min-width:993px) {
    .fixed-tiles .tile {
        height: 12rem
    }
}

.modal-header {
    padding: 1rem 1rem 0;
    margin-bottom: 0
}

.modal .close {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1 !important;
    padding: .5rem;
    margin: 0;
    font-size: 2.5rem
}

    .modal .close span {
        display: inline-flex;
        line-height: .5
    }

.modal h2 {
    font-family: "PT Serif",Georgia,Times New Roman,Times,serif;
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 1rem
}

    .modal h2:first-child {
        margin-top: 0
    }

.modal .h3, .modal .h4, .modal .h5, .modal .h6, .modal h3, .modal h4, .modal h5, .modal h6 {
    font-family: Roboto,sans-serif;
    font-weight: 700;
    color: #737373;
    margin-top: 2rem
}

.modal .h3, .modal .h4, .modal .h5, .modal .h6, .modal h3, .modal h4, .modal h5, .modal h6 {
    font-size: 1.125rem
}

.modal .modal-footer {
    padding: 0 45px 45px;
    margin-top: 1rem;
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse;
    justify-content: space-between
}

@media (max-width:767.98px) {
    .modal .modal-footer {
        flex-wrap: wrap
    }
}

.modal .modal-footer a.btn, .modal .modal-footer button {
    min-width: 48%;
    margin: .5rem 0 0 .25rem;
    text-overflow: ellipsis;
    overflow: hidden
}

    .modal .modal-footer a.btn:last-child, .modal .modal-footer button:last-child {
        margin-left: 0
    }

    .modal .modal-footer a.btn.short, .modal .modal-footer button.short {
        min-width: 0;
        width: auto
    }

@media (max-width:767.98px) {
    .modal .modal-footer a.btn, .modal .modal-footer button {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

.modal .modal-footer.many-buttons {
    justify-content: flex-start
}

    .modal .modal-footer.many-buttons a.btn, .modal .modal-footer.many-buttons button {
        min-width: 100px
    }

        .modal .modal-footer.many-buttons a.btn:last-child, .modal .modal-footer.many-buttons button:last-child {
            margin-right: auto
        }

@media (min-width:992px) {
    .modal .modal-lg .modal-body {
        padding: 0 90px
    }

    .modal .modal-lg .modal-footer {
        padding: 0 90px 52px
    }
}

@media (min-width:768px) {
    .modal .content-box .content-main {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }
}

@media (min-width:768px) {
    .modal aside .side-info {
        margin-left: 40px
    }

        .modal aside .side-info:before {
            font-size: 1.6rem
        }
}

@media (max-width:767.98px) {
    .modal aside .side-info {
        border: 0;
        padding-top: 0;
        margin-top: 0
    }

        .modal aside .side-info:before {
            font-size: 1.5rem;
            margin-left: -2rem
        }
}

.modal:focus {
    z-index: 1050
}

.modal-backdrop:focus {
    z-index: 1040
}

.fixed-modal {
    opacity: 1;
    display: block !important;
    overflow-y: scroll
}

@media (min-width:576px) {
    .fixed-modal {
        margin-top: calc(-146px - 1rem);
        overflow: visible;
        position: relative;
        margin-bottom: -7.75rem;
        margin-left: -5.4913295%;
        padding-right: 5.4913295%
    }
}

@media (min-width:768px) {
    .fixed-modal {
        margin-left: -4.6075085%;
        padding-right: 4.6075085%;
        margin-top: calc(-172px - 1rem)
    }
}

@media (min-width:992px) {
    .fixed-modal {
        margin-top: calc(-187px - 1rem)
    }
}

.fixed-modal:before {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: .7;
    z-index: -1
}

.fixed-modal .modal-dialog {
    width: auto;
    z-index: 1
}

@media (min-width:576px) {
    .fixed-modal .modal-dialog {
        margin-left: -18px;
        width: 100%;
        max-width: none
    }
}

@media (min-width:768px) {
    .fixed-modal .modal-dialog {
        margin-left: -9px
    }
}

@media (min-width:992px) {
    .fixed-modal .modal-dialog {
        margin-left: 4px
    }
}

.btn {
    text-transform: uppercase;
    text-decoration: none;
    border-width: 2px;
    cursor: pointer;
    height: 2.5rem;
    margin: 2rem 1rem 0 0
}

    .btn.btn-small {
        height: auto
    }

    .btn.btn-toggle, .btn.btn-toggle:active, .btn.btn-toggle:hover {
        display: flex;
        align-items: center;
        background-color: transparent
    }

        .btn.btn-toggle:active i, .btn.btn-toggle:hover i, .btn.btn-toggle i {
            color: #6c757d
        }

        .btn.btn-toggle:active span, .btn.btn-toggle:hover span, .btn.btn-toggle span {
            display: inline-block;
            font-weight: 400;
            text-transform: none;
            margin-left: 1rem
        }

        .btn.btn-toggle.active i, .btn.btn-toggle:active.active i, .btn.btn-toggle:hover.active i {
            color: #f5a623
        }

    .btn.btn-toggle-heart:active i, .btn.btn-toggle-heart:hover i, .btn.btn-toggle-heart i {
        color: #6c757d
    }

    .btn.btn-toggle-heart:active span, .btn.btn-toggle-heart:hover span, .btn.btn-toggle-heart span {
        display: inline-block;
        font-weight: 400;
        text-transform: none;
        margin-left: 1rem
    }

    .btn.btn-toggle-heart.active i, .btn.btn-toggle-heart:active.active i, .btn.btn-toggle-heart:hover.active i {
        color: #d11632
    }

.btn-back {
    position: absolute;
    padding: 0
}

@media (min-width:992px) {
    .btn-back {
        margin: .3rem 0 0 -2.5rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .btn-back {
        margin: .1rem 0 0 -2rem
    }
}

@media (max-width:767.98px) {
    .btn-back {
        margin: 0 0 0 -1.6rem
    }
}

.btn-back > span {
    display: none
}

.btn.btn-login {
    height: inherit;
    margin: 0;
    text-transform: none;
    display: block;
    text-align: left
}

@media (max-width:767.98px) {
    .btn.btn-login {
        font-size: .7rem;
        text-align: center
    }
}

.btn.btn-login > img {
    border-right: 1px solid #fff;
    margin-right: .4rem;
    padding-right: .5rem
}

@media (max-width:767.98px) {
    .btn.btn-login > img {
        width: 50px
    }
}

.btn.btn-login + .btn-login {
    margin-top: 2rem
}

.btn.btn-login.btn-pz {
    background: #4383af;
    color: #fff
}

.btn.btn-login.btn-lgp > img {
    border-right-color: #0063c1
}

.btn.btn-login.btn-email {
    background: #fff;
    color: #0063c1;
    width: 315px
}

    .btn.btn-login.btn-email strong {
        display: flex;
        height: 50px;
        justify-content: center;
        align-items: center
    }

@media (max-width:767.98px) {
    .btn.btn-login.btn-email {
        width: 230px
    }

        .btn.btn-login.btn-email strong {
            height: 32.5px
        }
}

@media (max-width:575.98px) {
    .btn.btn-login.btn-email {
        width: 100%
    }
}

.btn.btn-login.btn-email:not(:focus):not(.focus), .btn.btn-login.btn-lgp:not(:focus):not(.focus) {
    border: 2px solid #0063c1
}

.btn.focus, .btn:focus {
    box-shadow: 0 0 0 .2rem #f5a623;
    border-color: #f5a623
}

.btn-link {
    -webkit-appearance: none;
    border: none;
    cursor: pointer;
    padding: 0;
    text-transform: none
}

    .btn-link :not(i) {
        text-decoration: underline
    }

article {
    margin-top: 0
}

    article section.info-box {
        position: relative;
        padding: 1rem;
        margin: 1rem -1rem;
        border: solid #e3e3e3;
        border-width: 2px 0;
        color: #737373
    }

@media (min-width:768px) {
    article section.info-box {
        padding: 1.5rem;
        margin-right: 0;
        margin-bottom: 1rem;
        margin-left: 0;
        border-width: 2px
    }
}

article section.info-box h2:first-child {
    margin-top: 0
}

article section.info-box .h1, article section.info-box .h2, article section.info-box .h3, article section.info-box .h4, article section.info-box .h5, article section.info-box .h6, article section.info-box h1, article section.info-box h2, article section.info-box h3, article section.info-box h4, article section.info-box h5, article section.info-box h6 {
    font-family: Roboto,sans-serif;
    font-weight: 700;
    color: #1a1a1a
}

article section.info-box .h1, article section.info-box h1 {
    font-size: 1.25rem
}

article section.info-box .h2, article section.info-box .h3, article section.info-box .h4, article section.info-box .h5, article section.info-box h2, article section.info-box h3, article section.info-box h4, article section.info-box h5 {
    font-size: 1.125rem
}

article section.info-box ol, article section.info-box ul {
    padding-left: 1.5rem
}

article section.legal-basis {
    margin-top: 3rem;
    font-size: 1rem
}

    article section.legal-basis h2 {
        font-family: Roboto,sans-serif;
        font-size: 1.125rem;
        color: #737373;
        margin-top: -.375em
    }

        article section.legal-basis h2:after {
            content: " ";
            display: block;
            border-top: 2px solid #d11632;
            position: relative;
            top: -.3125rem
        }

@media (min-width:992px) {
    article section.legal-basis h2:after {
        width: 8.4375vw;
        margin-left: calc(-8.4375vw - 30px)
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    article section.legal-basis h2:after {
        width: 9.89583vw;
        margin-left: calc(-9.89583vw - 22px)
    }
}

@media (max-width:767.98px) {
    article section.legal-basis h2:after {
        width: 14.6875vw;
        margin-left: calc(-14.6875vw - 16px)
    }
}

@media screen and (min-width:1280px) {
    article section.legal-basis h2:after {
        width: 108px;
        margin-left: -138px
    }
}

article section.legal-basis ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

    article section.legal-basis ul li {
        margin-bottom: .5rem
    }

article section.legal-basis a {
    word-wrap: break-word
}

article section.side-info {
    margin: 1rem 0
}

    article section.side-info:before {
        content: "";
        font: normal normal 900 1rem/1 Font Awesome\ 5 Free;
        font-size: 2rem;
        color: #737373;
        display: inline-block;
        float: left;
        margin-top: 3px;
        margin-left: -60px
    }

article aside .side-info h2:first-child {
    margin-top: 0
}

article aside .side-info ol, article aside .side-info p, article aside .side-info ul {
    font-size: .8rem
}

@media (max-width:767.98px) {
    article aside .side-info {
        border-top: 2px solid #737373;
        padding-top: 10px
    }
}

@media (min-width:768px) {
    article aside .side-info {
        margin-left: 25px
    }

        article aside .side-info:before {
            margin-left: -40px;
            border-left: 2px solid #737373;
            height: 3rem;
            width: 40px;
            text-align: center
        }
}

article section.block {
    margin: 1rem 0
}

    article section.block h2, article section.block h3, article section.block h4, article section.block h5, article section.block h6 {
        font-size: 1.125rem;
        font-family: Roboto,sans-serif;
        font-weight: 700
    }

        article section.block h2:not(.unmarked):after, article section.block h3:not(.unmarked):after, article section.block h4:not(.unmarked):after, article section.block h5:not(.unmarked):after, article section.block h6:not(.unmarked):after {
            content: " ";
            display: block;
            border-top: 2px solid #d11632;
            position: relative;
            top: -.375rem
        }

@media (min-width:992px) {
    article section.block h2:not(.unmarked):after, article section.block h3:not(.unmarked):after, article section.block h4:not(.unmarked):after, article section.block h5:not(.unmarked):after, article section.block h6:not(.unmarked):after {
        width: 8.4375vw;
        margin-left: calc(-8.4375vw - 30px)
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    article section.block h2:not(.unmarked):after, article section.block h3:not(.unmarked):after, article section.block h4:not(.unmarked):after, article section.block h5:not(.unmarked):after, article section.block h6:not(.unmarked):after {
        width: 9.89583vw;
        margin-left: calc(-9.89583vw - 22px)
    }
}

@media (max-width:767.98px) {
    article section.block h2:not(.unmarked):after, article section.block h3:not(.unmarked):after, article section.block h4:not(.unmarked):after, article section.block h5:not(.unmarked):after, article section.block h6:not(.unmarked):after {
        width: 14.6875vw;
        margin-left: calc(-14.6875vw - 16px)
    }
}

@media screen and (min-width:1280px) {
    article section.block h2:not(.unmarked):after, article section.block h3:not(.unmarked):after, article section.block h4:not(.unmarked):after, article section.block h5:not(.unmarked):after, article section.block h6:not(.unmarked):after {
        width: 108px;
        margin-left: -138px
    }
}

article h2.divider:after {
    content: " ";
    display: block;
    border-top: 2px solid #d11632;
    position: relative;
    top: -.5rem
}

@media (min-width:992px) {
    article h2.divider:after {
        width: 8.4375vw;
        margin-left: calc(-8.4375vw - 30px)
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    article h2.divider:after {
        width: 9.89583vw;
        margin-left: calc(-9.89583vw - 22px)
    }
}

@media (max-width:767.98px) {
    article h2.divider:after {
        width: 14.6875vw;
        margin-left: calc(-14.6875vw - 16px)
    }
}

@media screen and (min-width:1280px) {
    article h2.divider:after {
        width: 108px;
        margin-left: -138px
    }
}

article .inner-aside h2:after {
    content: " ";
    display: block;
    border-top: 2px solid #d11632;
    position: relative;
    top: -.375rem
}

@media (min-width:992px) {
    article .inner-aside h2:after {
        width: 8.4375vw;
        margin-left: calc(-8.4375vw - 30px)
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    article .inner-aside h2:after {
        width: 9.89583vw;
        margin-left: calc(-9.89583vw - 22px)
    }
}

@media (max-width:767.98px) {
    article .inner-aside h2:after {
        width: 14.6875vw;
        margin-left: calc(-14.6875vw - 16px)
    }
}

@media screen and (min-width:1280px) {
    article .inner-aside h2:after {
        width: 108px;
        margin-left: -138px
    }
}

.nobullets {
    list-style-type: none !important
}

ul {
    list-style-type: disc
}

ol, ul {
    padding-left: 0
}

li > ol, li > ul {
    padding-left: 1.5rem
}

ol > li > ol {
    list-style-type: lower-alpha
}

    ol > li > ol > li > ol {
        list-style-type: lower-roman
    }

.li-image {
    margin-left: 0;
    vertical-align: middle;
    list-style-type: none
}

    .li-image li {
        background-image: url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx);
        background-repeat: no-repeat;
        padding-left: 31px;
        min-height: 2rem;
        font-size: 20px;
        line-height: 30px
    }

.universal-list {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0
}

    .universal-list li {
        margin-top: 2.125rem
    }

@media (min-width:768px) and (max-width:991.98px) {
    .universal-list li {
        margin-top: 1.375rem
    }
}

.universal-list li:first-of-type {
    margin-top: 0
}

.universal-list a {
    font-size: .9375rem;
    font-weight: 400
}

    .universal-list a.link-title {
        font-weight: 700
    }

@media (min-width:768px) and (max-width:991.98px) {
    .universal-list a.link-title {
        font-size: 12px
    }
}

.universal-list a:not(.link-title) {
    pointer-events: none
}

    .universal-list a:not(.link-title) .link-title, .universal-list a:not(.link-title) img {
        pointer-events: all;
        font-weight: 700
    }

.universal-list .paragraph, .universal-list p {
    margin-top: .3125rem;
    margin-bottom: 0;
    line-height: 1.5625rem;
    color: #737373
}

@media (min-width:768px) and (max-width:991.98px) {
    .universal-list .paragraph, .universal-list p {
        margin-top: .1875rem
    }
}

.universal-list.dark .paragraph, .universal-list.dark p {
    color: #1a1a1a
}

.universal-list img {
    margin-bottom: 1rem
}

.content-list {
    list-style-type: none;
    margin: 2rem 0;
    padding-left: 0
}

    .content-list li {
        margin: 2rem 0
    }

    .content-list a.title {
        font-size: 1.25rem;
        font-weight: 700;
        line-height: normal
    }

    .content-list p {
        margin-bottom: 0
    }

    .content-list .more {
        font-size: 80%
    }

        .content-list .more a:not(:first-of-type) {
            margin-left: 10px
        }

    .content-list li:first-child {
        margin-top: 0
    }

    .content-list ul {
        list-style-type: disc;
        color: #1a1a1a;
        margin: .5rem 0
    }

        .content-list ul li {
            margin: .5rem 0
        }

        .content-list ul a.title {
            font-size: 1.125rem
        }

        .content-list ul p {
            font-size: 80%;
            color: #737373
        }

    .content-list.paddingNone ul li {
        margin: .2rem 0;
        line-height: 1rem
    }

dl.infolist {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

    dl.infolist dt {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        color: #737373;
        font-weight: 400
    }

@media (min-width:768px) {
    dl.infolist dt {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
}

@media (max-width:767.98px) {
    dl.infolist dt {
        flex: 0 0 100%;
        max-width: 100%
    }
}

dl.infolist dd {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:768px) {
    dl.infolist dd {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }
}

@media (max-width:767.98px) {
    dl.infolist dd {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.dl-flat > dl > dt {
    font-weight: 400
}

.dl-with-bullets > dl > dd {
    display: list-item;
    margin-left: 1rem;
    margin-bottom: 0
}

.box-list {
    list-style-type: none
}

    .box-list li {
        border: 1px solid #ccc;
        padding: 1.5rem 1rem
    }

        .box-list li + li {
            margin: -1px 0 0
        }

        .box-list li a.link-title {
            font-weight: 700;
            font-size: .9375rem
        }

        .box-list li time {
            font-size: .875rem;
            color: #737373
        }

        .box-list li a, .box-list li button, .box-list li p {
            margin: 0
        }

        .box-list li .row {
            align-items: center
        }

    .box-list.p-equal li {
        padding: 1rem
    }

    .box-list.box-x2 li {
        border-width: 2px
    }

        .box-list.box-x2 li + li {
            margin-top: -2px
        }

.dl-row dt {
    float: left
}

.dl-row dd {
    text-indent: 5px;
    clear: right
}

.dl-row ul {
    padding-left: 1rem;
    clear: both
}

.dl-row li, .noindent-list {
    margin-left: 1rem
}

.indent-list {
    padding-left: 1rem
}

    .indent-list li {
        margin-left: 1rem
    }

@media (max-width:767.98px) {
    #help-row {
        margin-left: calc(-14.6875vw - 1px);
        margin-top: -1px;
        background: #fff;
        border: 1px solid #ccc
    }
}

@media (min-width:992px) {
    .help-box {
        padding: 0 14px 0 15px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .help-box {
        padding: 0 15px
    }
}

@media (max-width:767.98px) {
    .help-box {
        padding: 0 15px
    }
}

.help-box .help-nav-col {
    border: 1px solid #ccc;
    border-top: none;
    padding: 1rem
}

@media (max-width:767.98px) {
    .help-box .help-nav-col {
        display: none
    }
}

@media (min-width:768px) {
    .help-box .help-nav-col {
        border-left: none
    }
}

.help-box .help-col {
    border: 1px solid #ccc;
    border-top: none;
    padding: 0
}

.help-box .dictionary {
    width: 100%
}

    .help-box .dictionary nav {
        text-align: center;
        margin-top: -.5rem;
        margin-bottom: .5rem;
        padding: 0;
        justify-content: center
    }

        .help-box .dictionary nav .nav-link {
            padding: .3rem .4rem
        }

    .help-box .dictionary dl {
        position: relative;
        max-height: 300px;
        overflow-y: scroll;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        margin-left: -1rem;
        margin-right: -1rem;
        padding: 1rem
    }

    .help-box .dictionary .filter-form {
        margin: 0 0 1rem
    }

    .help-box .dictionary .missingTerm {
        display: flex;
        margin: .5rem 0 0;
        justify-content: flex-end
    }

.help-box-detached {
    margin-top: 2rem;
    margin-left: 15px;
    margin-right: 15px;
    padding: 0;
    border-top: 1px solid #ccc
}

@media (max-width:767.98px) {
    .help-box-detached {
        margin-top: 1rem;
        margin-left: calc(-14.6875vw + 14px)
    }
}

.chip, .double-action-chip .action {
    color: #fff;
    background-color: #0063c1;
    border-radius: 1rem;
    border: .125rem solid #fff;
    font-weight: 700
}

    .chip.outline, .double-action-chip.outline .action {
        position: relative;
        z-index: 1;
        background: #fff;
        color: #0063c1
    }

        .chip.outline:before, .double-action-chip.outline .action:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: inherit;
            border: 2px solid #0063c1;
            z-index: -1
        }

.double-action-chip {
    display: flex
}

    .double-action-chip:hover .action {
        background-color: #004f9b;
        color: #fff
    }

    .double-action-chip.outline .action:last-child:before {
        border-left: inherit
    }

    .double-action-chip.outline .action:first-child:before {
        border-right: inherit
    }

    .double-action-chip.outline:hover .action {
        background-color: #0063c1
    }

    .double-action-chip .action {
        display: flex;
        padding: .125rem;
        line-height: 100%;
        cursor: pointer;
        align-items: center
    }

        .double-action-chip .action:hover {
            text-decoration: none
        }

            .double-action-chip .action:hover:last-child {
                text-decoration: underline
            }

        .double-action-chip .action:first-child {
            border-right: none;
            padding-right: .25rem;
            border-bottom-right-radius: 0;
            border-top-right-radius: 0
        }

        .double-action-chip .action:last-child {
            border-left: none;
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            font-size: .8rem;
            padding-right: .7rem;
            padding-left: .25rem
        }

.chip {
    display: inline-block;
    padding: 1px .7rem 1px 2px;
    line-height: 1rem;
    text-decoration: none;
    font-size: .8rem;
    cursor: pointer
}

    .chip.simple {
        padding-top: 2px;
        padding-left: .7rem;
        height: 1.5rem
    }

        .chip.simple i {
            display: none
        }

    .chip.outline:hover {
        background: none
    }

        .chip.outline:hover:before {
            background: #0063c1
        }

    .chip:hover {
        color: #fff;
        text-decoration: none;
        background-color: #004f9b
    }

    .chip i {
        margin-right: .3rem;
        font-size: 1rem;
        vertical-align: text-top
    }

.chip-download {
    text-transform: uppercase
}

    .chip-download:before {
        content: "";
        display: inline-block;
        font: normal normal 900 1rem/1 Font Awesome\ 5 Free;
        margin-right: .3rem;
        font-size: 1rem;
        vertical-align: text-top
    }

.chip:after {
    content: none !important
}

a > span.chip {
    margin-left: .2rem
}

a:hover > span.chip {
    color: #fff;
    background-color: #004f9b
}

.card.document-preview .card-header, a:hover > span.chip {
    text-decoration: none
}

    .card.document-preview .card-header.collapsed {
        border-bottom: none
    }

.dropdown-steps .dropdown-item:active {
    background: none;
    color: #737373
}

.dropdown-steps .dropdown-item a {
    display: block;
    font-weight: 700;
    text-decoration: none
}

.dropdown .dropdown-item {
    color: #737373
}

.popover {
    border-radius: 2rem !important
}

.green-typography {
    color: green;
    margin: 0;
    font-size: 20px
}

.btn-wrap {
    white-space: normal !important;
    height: inherit !important
}

@media (min-width:1250px) {
    .specific-justify > a {
        margin-top: 3rem !important
    }
}

.opinion-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-top: 2px solid #737373;
    padding-top: 1rem;
    margin-top: 2rem
}

    .opinion-box > h2 {
        margin: 0 auto 0 0;
        font-family: Roboto,sans-serif;
        font-size: 1.2rem
    }

    .opinion-box > ul {
        display: flex;
        list-style: none;
        margin: 0
    }

        .opinion-box > ul > li {
            margin: .3rem
        }

            .opinion-box > ul > li i {
                font-size: 3rem
            }

            .opinion-box > ul > li > i {
                font-size: 3rem;
                color: #e3e3e3
            }

                .opinion-box > ul > li > i.voted {
                    color: #737373
                }

    .opinion-box > div.modal i {
        font-size: 2.7rem
    }

    .opinion-box > div.modal h2 > i {
        vertical-align: text-bottom
    }

.alert {
    position: relative;
    width: 100%;
    min-height: 1px;
    flex: 0 0 100%;
    max-width: 100%;
    padding: .5rem 1rem;
    font-size: 1.2rem;
    color: #fff;
    background-color: #737373;
    border: none;
    border-radius: 0;
    margin: 0
}

    .alert.alert-info {
        background-color: #0063c1
    }

    .alert.alert-warning {
        background-color: #d11632
    }

    .alert.alert-important {
        background-color: #1a1a1a
    }

    .alert.alert-dismissible {
        padding-right: 2.5rem
    }

        .alert.alert-dismissible .close {
            padding: 2px .5rem;
            color: #fff;
            opacity: .8
        }

            .alert.alert-dismissible .close:focus, .alert.alert-dismissible .close:hover {
                opacity: 1
            }

    .alert a, .alert a:hover {
        color: #fff
    }

.alert-button {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    padding-right: .5rem !important
}

    .alert-button button {
        padding-bottom: .25rem;
        margin-top: 0;
        margin-right: 0;
        margin-left: auto
    }

@media (max-width:767.98px) {
    .alert-button, .alert-button button {
        flex-direction: column
    }

        .alert-button button {
            margin: .25rem auto
        }
}

.cardlist .card {
    border-radius: 0
}

    .cardlist .card .card-header {
        border-bottom: none
    }

    .cardlist .card:first-of-type {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .cardlist .card:last-of-type {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .cardlist .card:not(:last-child) {
        border-bottom: none
    }

    .cardlist .card div.card-header {
        padding: .75rem 1.25rem;
        display: flex;
        align-items: start;
        justify-content: space-between
    }

        .cardlist .card div.card-header .header-text > :last-child {
            margin-bottom: 0
        }

        .cardlist .card div.card-header .collapse-trigger {
            padding: .75rem 1.25rem;
            margin-top: -.75rem;
            margin-right: -1.25rem;
            line-height: 100%
        }

    .cardlist .card a.card-header {
        text-decoration: none;
        display: flex
    }

        .cardlist .card a.card-header.collapsed {
            border: none
        }

            .cardlist .card a.card-header.collapsed:after {
                content: ""
            }

        .cardlist .card a.card-header:after {
            content: "";
            display: inline-block;
            margin-left: auto;
            font: normal normal 900 1rem/1 Font Awesome\ 5 Free;
            font-size: inherit
        }

        .cardlist .card a.card-header span:first-child {
            color: #1a1a1a;
            white-space: nowrap !important
        }

            .cardlist .card a.card-header span:first-child + span {
                text-decoration: underline;
                padding: 0 .5rem
            }

    .cardlist .card ol, .cardlist .card ul {
        padding-left: 1.5rem
    }

        .cardlist .card ol ol, .cardlist .card ol ul, .cardlist .card ul ol, .cardlist .card ul ul {
            margin-top: 1rem
        }

        .cardlist .card ol li, .cardlist .card ul li {
            margin-bottom: 1rem
        }

    .cardlist .card h2 {
        font-size: 1.125rem;
        font-family: Roboto,sans-serif
    }

    .cardlist .card h3, .cardlist .card h4, .cardlist .card h5 {
        font-size: 1.125rem;
        font-family: Roboto,sans-serif;
        font-weight: 500
    }

        .cardlist .card h2:first-child, .cardlist .card h3:first-child, .cardlist .card h4:first-child, .cardlist .card h5:first-child {
            margin-top: 0
        }

.progress.narrow {
    border-radius: 0;
    background-color: #fff;
    border-bottom: 1px solid #aaa;
    overflow: visible;
    height: 1.5rem
}

    .progress.narrow .progress-bar {
        background-color: #fff;
        border-bottom: 4px solid #0063c1;
        margin-bottom: -1px;
        text-align: right;
        color: #737373
    }

article table {
    max-width: 100%;
    overflow-x: auto;
    display: block;
    font-size: 15px;
    margin-bottom: 1rem
}

    article table td, article table th {
        padding: 10px 10px 8px
    }

        article table td:not(:last-child), article table th:not(:last-child) {
            border-right: 1px solid #e3e3e3
        }

        article table td.narrow, article table th.narrow {
            width: 1px
        }

    article table tr:not(:last-child) {
        border-bottom: 1px solid #e3e3e3
    }

    article table th {
        color: #737373
    }

    article table thead tr:last-child {
        border-bottom: 2px solid #737373
    }

    article table thead th {
        font-weight: 700;
        vertical-align: bottom
    }

    article table tbody th {
        font-weight: 400
    }

    article table tfoot tr:first-child {
        border-top: 1px solid #e3e3e3
    }

    article table tfoot td, article table tfoot th {
        font-weight: 700
    }

        article table tfoot td.hidden, article table tfoot th.hidden {
            border: none
        }

.expose {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin-top: 2rem
}

    .expose .tile {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 2rem
    }

@media (min-width:992px) {
    .expose .tile {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .expose .tile {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
}

@media (max-width:767.98px) {
    .expose .tile {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.expose .tile .img-wrap {
    width: 100%;
    padding-top: 100%;
    position: relative;
    margin-bottom: .25rem
}

    .expose .tile .img-wrap > a img, .expose .tile .img-wrap > img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        object-fit: cover
    }

.expose .tile .title {
    display: block;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #1a1a1a;
    font-weight: 400;
    font-family: Roboto,sans-serif;
    margin: 0
}

.expose .tile > a {
    font-size: 1rem;
    line-height: 2rem
}

@media (max-width:991.98px) {
    .expose .tile > a {
        line-height: 1.5rem
    }
}

.newsimg {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin-top: 2rem
}

    .newsimg .tile {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 2rem
    }

@media (min-width:768px) {
    .newsimg .tile {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
}

@media (max-width:767.98px) {
    .newsimg .tile {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.newsimg .tile .img-wrap {
    width: 100%;
    padding-top: 42.55%;
    position: relative;
    margin-bottom: .25rem
}

    .newsimg .tile .img-wrap > a img, .newsimg .tile .img-wrap > img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.newsimg .tile > a {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25rem
}

@media (min-width:768px) and (max-width:991.98px) {
    .newsimg .tile > a {
        font-size: .875rem;
        line-height: 1.09375rem
    }
}

.newsimg .tile:first-child:before {
    content: " ";
    display: block;
    border-top: 2px solid #d11632;
    position: relative;
    top: 1px
}

@media (min-width:992px) {
    .newsimg .tile:first-child:before {
        width: 8.4375vw;
        margin-left: calc(-8.4375vw - 30px)
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .newsimg .tile:first-child:before {
        width: 9.89583vw;
        margin-left: calc(-9.89583vw - 22px)
    }
}

@media (max-width:767.98px) {
    .newsimg .tile:first-child:before {
        width: 14.6875vw;
        margin-left: calc(-14.6875vw - 16px)
    }
}

@media screen and (min-width:1280px) {
    .newsimg .tile:first-child:before {
        width: 108px;
        margin-left: -138px
    }
}

.sliderimg + .newsimg .tile:first-child:before {
    display: none
}

.sliderimg {
    margin-top: 3rem;
    margin-bottom: 2rem
}

@media (min-width:768px) and (max-width:991.98px) {
    .sliderimg {
        margin-top: 2.5rem
    }
}

@media (max-width:767.98px) {
    .sliderimg {
        width: 100vw;
        margin-left: calc(-14.6875vw - 16px)
    }
}

@media (min-width:992px) {
    .sliderimg .carousel-item {
        height: 468px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .sliderimg .carousel-item {
        height: 266px
    }
}

@media (max-width:767.98px) {
    .sliderimg .carousel-item {
        height: 240px
    }
}

.sliderimg .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.sliderimg .carousel-item .title {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    font-weight: 400;
    font-family: "PT Serif",Georgia,Times New Roman,Times,serif;
    color: #fff
}

@media (min-width:992px) {
    .sliderimg .carousel-item .title {
        padding: 1.25rem 3.75rem 1.25rem 8rem;
        font-size: 2.5rem
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .sliderimg .carousel-item .title {
        padding: .75rem 2rem .75rem 4rem;
        font-size: 2.25rem
    }
}

@media (max-width:767.98px) {
    .sliderimg .carousel-item .title {
        padding: 1rem 1rem 1rem 4rem;
        font-size: 1.875rem
    }
}

.sliderimg .carousel-item .title:hover {
    color: #fff;
    cursor: pointer
}

.sliderimg .slidernav {
    color: #fff;
    background-color: #d11632;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none
}

@media (min-width:992px) {
    .sliderimg .slidernav {
        font-size: 2rem;
        height: 4.25rem;
        width: 4.25rem;
        bottom: 0
    }

        .sliderimg .slidernav.prev {
            left: -4.25rem
        }

        .sliderimg .slidernav.next {
            left: 0
        }
}

@media (min-width:768px) and (max-width:991.98px) {
    .sliderimg .slidernav {
        height: 2.75rem;
        width: 2.75rem;
        bottom: 0;
        font-size: 1.25rem
    }

        .sliderimg .slidernav.prev {
            left: -2.75rem
        }

        .sliderimg .slidernav.next {
            left: 0
        }
}

@media (max-width:767.98px) {
    .sliderimg .slidernav {
        height: 3rem;
        width: 3rem;
        left: 0;
        font-size: 1.375rem
    }

        .sliderimg .slidernav.prev {
            bottom: 0
        }

        .sliderimg .slidernav.next {
            bottom: -3rem
        }
}

.sliderimg .slidernav:hover {
    color: #d11632;
    background-color: #fff
}

@media (hover:none),(hover:on-demand) {
    .sliderimg .slidernav:hover {
        color: #fff;
        background-color: #d11632
    }
}

@media (max-width:767.98px) {
    .sliderimg .slidernav:hover {
        color: #fff;
        background-color: #d11632
    }
}

.sliderimg .slidernav:active {
    color: #d11632;
    background-color: #fff
}

.linkedicons {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin-top: 2rem
}

    .linkedicons .tile {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 2rem
    }

@media (min-width:992px) {
    .linkedicons .tile {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .linkedicons .tile {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }
}

@media (max-width:767.98px) {
    .linkedicons .tile {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.linkedicons .tile > a {
    font-size: 1rem;
    font-weight: 700
}

    .linkedicons .tile > a img, .linkedicons .tile > a svg {
        fill: #0063c1;
        display: block;
        width: 64px;
        height: 64px;
        margin-bottom: .25rem
    }

    .linkedicons .tile > a:hover svg {
        fill: #003c75
    }

a[target=_blank]:after {
    content: "";
    font: normal normal 900 1rem/1 Font Awesome\ 5 Free;
    margin-left: 3px;
    font-size: .85rem
}

.main-container .header a[target=_blank]:after, a.clean-link[target=_blank]:after {
    content: "" !important
}

.tabs-menu.nav-tabs > .nav-link {
    text-decoration: none;
    padding: .5rem 1.5rem
}

    .tabs-menu.nav-tabs > .nav-link.active {
        border: 1px solid rgba(26,26,26,.125);
        border-top: 2px solid #d11632;
        border-bottom: none
    }

    .tabs-menu.nav-tabs > .nav-link:not(.active) {
        border: 1px solid rgba(26,26,26,.125);
        border-bottom: none
    }

    .tabs-menu.nav-tabs > .nav-link.always-active {
        border: 1px solid rgba(26,26,26,.125);
        border-top: 2px solid #d11632;
        background-color: #fff
    }

        .tabs-menu.nav-tabs > .nav-link.always-active:hover {
            background-color: #fff
        }

.tabs-menu.nav-tabs > .d-none.nav.show {
    display: block !important;
    border-bottom: none
}

    .tabs-menu.nav-tabs > .d-none.nav.show > a {
        padding: 1rem 1.5rem
    }

.dropdown__wrapper {
    width: calc(100% - 30px)
}

.modal-content .dropdown__wrapper {
    width: calc(100% - 90px)
}

@media (min-width:992px) {
    .tabs-menu.nav-tabs > .dropdown__wrapper.d-none.nav.dropdown-menu.show, div:not(.modal-body>.block) .nav > .dropdown__wrapper.show.d-none {
        display: none !important
    }
}

.main-page {
    overflow-y: scroll;
    overflow-x: hidden
}

    .main-page .header * {
        z-index: 2
    }

    .main-page .header.top-row {
        animation: oss-text-fade-in 1.65s;
        background-color: inherit;
        color: #fff
    }

    .main-page .header .gov-pl {
        background-color: inherit
    }

        .main-page .header .gov-pl a {
            color: #fff
        }

    .main-page .header .welcome {
        color: #f0f0f0
    }

    .main-page .header .nav.top-nav .nav-link, .main-page .header .title a {
        animation: oss-text-fade-in 1.65s;
        color: #fff
    }

        .main-page .header .nav.top-nav .nav-link:hover {
            color: #f0f0f0
        }

    .main-page .header .eu-logo img, .main-page .header .logo {
        animation: oss-img-fade-in 1s
    }

@media (max-width:767.98px) {
    .main-page .header .eu-logo img {
        border: 1px solid #fff
    }
}

.main-page article .oss {
    color: #fff;
    margin-bottom: 3rem
}

    .main-page article .oss h2 {
        font-size: 2.8125rem;
        margin-top: auto;
        margin-bottom: 2rem
    }

@media (max-width:575.98px) {
    .main-page article .oss h2 {
        font-size: 2rem;
        margin-bottom: 1rem
    }
}

.main-page article .oss p {
    margin: 0;
    max-width: 285px
}

    .main-page article .oss p a {
        color: #fff
    }

        .main-page article .oss p a:hover {
            color: #f0f0f0
        }

.main-page article .oss .btn {
    height: 56px;
    max-width: 285px;
    padding-left: 1rem
}

@media (max-width:767.98px) {
    .main-page article .oss .btn {
        font-size: .8rem
    }
}

@media (max-width:575.98px) {
    .main-page article .oss .btn {
        margin-top: 1.5rem
    }
}

.main-page article .oss .btn:hover {
    box-shadow: 0 0 0 3px #fff;
    transition: box-shadow .3s
}

    .main-page article .oss .btn:hover > i {
        animation: oss-btn-bounce .6s
    }

.main-page article .oss:hover .gate-1:not(:hover) *, .main-page article .oss:hover .gate-2:not(:hover) *, .main-page article .oss:hover .gate-3:not(:hover) * {
    opacity: .4
}

.main-page article .oss:hover .gate-1:not(:hover) .bg, .main-page article .oss:hover .gate-2:not(:hover) .bg, .main-page article .oss:hover .gate-3:not(:hover) .bg {
    opacity: 1
}

    .main-page article .oss:hover .gate-1:not(:hover) .bg:after {
        background-image: linear-gradient(rgba(0,0,0,.4),#000),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
    }

@media (min-width:992px) {
    .main-page article .oss:hover .gate-1:not(:hover) .bg:after {
        background-image: linear-gradient(rgba(0,0,0,.4),#000),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
    }
}

.main-page article .oss:hover .gate-2:not(:hover) .bg:after {
    background-image: linear-gradient(rgba(0,0,0,.4),#000),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
}

@media (min-width:992px) {
    .main-page article .oss:hover .gate-2:not(:hover) .bg:after {
        background-image: linear-gradient(rgba(0,0,0,.4),#000),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
    }
}

.main-page article .oss:hover .gate-3:not(:hover) .bg:after {
    background-image: linear-gradient(rgba(0,0,0,.4),#000),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
}

@media (min-width:992px) {
    .main-page article .oss:hover .gate-3:not(:hover) .bg:after {
        background-image: linear-gradient(rgba(0,0,0,.4),#000),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
    }
}

.main-page article .oss .gate-1, .main-page article .oss .gate-2, .main-page article .oss .gate-3 {
    display: flex;
    flex-direction: column;
    padding-top: 2rem;
    padding-bottom: 3.5rem;
    padding-right: 60px
}

@media screen and (min-width:992px) and (max-width:1100px) {
    .main-page article .oss .gate-1, .main-page article .oss .gate-2, .main-page article .oss .gate-3 {
        padding-right: 30px
    }
}

@media screen and (max-width:340px) {
    .main-page article .oss .gate-1, .main-page article .oss .gate-2, .main-page article .oss .gate-3 {
        padding-right: 30px
    }
}

.main-page article .oss .gate-1 .btn, .main-page article .oss .gate-1 h2, .main-page article .oss .gate-1 p, .main-page article .oss .gate-2 .btn, .main-page article .oss .gate-2 h2, .main-page article .oss .gate-2 p, .main-page article .oss .gate-3 .btn, .main-page article .oss .gate-3 h2, .main-page article .oss .gate-3 p {
    animation: oss-text-fade-in 1.65s
}

.main-page article .oss .gate-1 .bg, .main-page article .oss .gate-2 .bg, .main-page article .oss .gate-3 .bg {
    display: inline-block;
    background-color: #1a1a1a;
    position: absolute;
    z-index: -3
}

    .main-page article .oss .gate-1 .bg:after, .main-page article .oss .gate-2 .bg:after, .main-page article .oss .gate-3 .bg:after {
        content: "";
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        background-size: cover;
        z-index: -2;
        animation: oss-img-fade-in 1s
    }

.main-page article .oss .gate-1:hover, .main-page article .oss .gate-2:hover, .main-page article .oss .gate-3:hover {
    z-index: 1
}

    .main-page article .oss .gate-1:hover .btn, .main-page article .oss .gate-2:hover .btn, .main-page article .oss .gate-3:hover .btn {
        background-color: #fff;
        border-color: #fff;
        color: #1a1a1a
    }

    .main-page article .oss .gate-1:hover .bg, .main-page article .oss .gate-2:hover .bg, .main-page article .oss .gate-3:hover .bg {
        z-index: -1
    }

.main-page article .oss .gate-1 .bg:after {
    background-image: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.12),rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx);
    background-position: 50%
}

@media (min-width:992px) {
    .main-page article .oss .gate-1 .bg:after {
        background-image: linear-gradient(rgba(0,0,0,.4),transparent,rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
    }
}

.main-page article .oss .gate-2 .bg:after {
    background-image: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.12),rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx);
    background-position: 50%
}

@media (min-width:992px) {
    .main-page article .oss .gate-2 .bg:after {
        background-image: linear-gradient(rgba(0,0,0,.4),transparent,rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
    }
}

.main-page article .oss .gate-3 .bg:after {
    background-image: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.12),rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx);
    background-position: 50%
}

@media (min-width:992px) {
    .main-page article .oss .gate-3 .bg:after {
        background-image: linear-gradient(rgba(0,0,0,.4),transparent,rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
    }
}

@media (max-width:767.98px) {
    .main-page article .oss .gate-1, .main-page article .oss .gate-2, .main-page article .oss .gate-3 {
        height: 360px;
        padding-top: 1.5rem;
        padding-bottom: 2rem
    }

        .main-page article .oss .gate-1 .bg, .main-page article .oss .gate-2 .bg, .main-page article .oss .gate-3 .bg {
            top: 0;
            height: 100%;
            left: calc(-14.6875vw - 1px);
            width: calc(14.6875vw + 2px + 100%)
        }

        .main-page article .oss .gate-1 .bg {
            top: -84px;
            height: calc(100% + 84px)
        }
}

@media (min-width:768px) and (max-width:991.98px) {
    .main-page article .oss .gate-1, .main-page article .oss .gate-2, .main-page article .oss .gate-3 {
        height: 368px
    }

        .main-page article .oss .gate-1 .bg, .main-page article .oss .gate-2 .bg, .main-page article .oss .gate-3 .bg {
            top: 0;
            height: 100%;
            left: calc(-9.89583vw - 7px);
            width: calc(9.89583vw + 14px + 100%)
        }

        .main-page article .oss .gate-1 .bg {
            top: -102px;
            height: calc(100% + 102px)
        }
}

@media (min-width:992px) {
    .main-page article .oss .gate-1, .main-page article .oss .gate-2, .main-page article .oss .gate-3 {
        height: 707px;
        max-height: calc(100vh - 113px);
        min-height: 465px
    }

        .main-page article .oss .gate-1 .bg, .main-page article .oss .gate-2 .bg, .main-page article .oss .gate-3 .bg {
            top: -113px;
            height: calc(113px + 100%)
        }

        .main-page article .oss .gate-1 .bg {
            left: calc(-8.4375vw - 15px);
            width: calc(8.4375vw - 5px + 100%)
        }

            .main-page article .oss .gate-1 .bg:after {
                background-position-x: left
            }

        .main-page article .oss .gate-2 .bg {
            left: -20px;
            width: 100%
        }

        .main-page article .oss .gate-3 .bg {
            left: -20px;
            width: calc(100% + 49px)
        }

            .main-page article .oss .gate-3 .bg:after {
                background-position-x: right
            }
}

@media screen and (min-width:1297px) {
    .main-page article .oss .gate-1 .bg {
        left: calc(-50vw + 517px);
        width: calc(50vw - 537px + 100%)
    }

    .main-page article .oss .gate-2 .bg {
        left: -20px;
        width: 100%
    }

    .main-page article .oss .gate-3 .bg {
        left: -20px;
        width: calc(50vw - 600px + 100%)
    }
}

.main-page article .links ul {
    color: #1a1a1a
}

.main-page article .search .form-control {
    height: 3rem;
    padding-left: 1.5rem
}

.main-page article .search .btn {
    height: auto;
    width: 3rem
}

.main-page article .categories-carousel {
    min-height: 260px
}

    .main-page article .categories-carousel .right-link {
        display: inline-block;
        float: right;
        margin-top: 2rem
    }

    .main-page article .categories-carousel .carousel .carousel-item .tile {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding: 0 2rem;
        color: #737373
    }

@media (max-width:767.98px) {
    .main-page article .categories-carousel .carousel .carousel-item .tile {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:768px) {
    .main-page article .categories-carousel .carousel .carousel-item .tile {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
        min-height: 140px
    }

        .main-page article .categories-carousel .carousel .carousel-item .tile + .tile {
            border-left: 1px solid #0063c1
        }
}

.main-page article .categories-carousel .carousel .carousel-control-next, .main-page article .categories-carousel .carousel .carousel-control-prev {
    color: #0063c1;
    position: relative;
    opacity: 1;
    text-decoration: none;
    font-size: 2rem;
    width: 3rem
}

.main-page article .categories-carousel .carousel .carousel-control-prev {
    justify-content: flex-start
}

.main-page article .categories-carousel .carousel .carousel-control-next {
    justify-content: flex-end
}

.main-page :lang(en) article .oss:hover .gate-1:not(:hover) .bg:after {
    background-image: linear-gradient(rgba(0,0,0,.4),#000),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
}

@media (min-width:992px) {
    .main-page :lang(en) article .oss:hover .gate-1:not(:hover) .bg:after {
        background-image: linear-gradient(rgba(0,0,0,.4),#000),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
    }
}

.main-page :lang(en) article .oss:hover .gate-2:not(:hover) .bg:after {
    background-image: linear-gradient(rgba(0,0,0,.4),#000),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
}

@media (min-width:992px) {
    .main-page :lang(en) article .oss:hover .gate-2:not(:hover) .bg:after {
        background-image: linear-gradient(rgba(0,0,0,.4),#000),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
    }
}

.main-page :lang(en) article .oss:hover .gate-3:not(:hover) .bg:after {
    background-image: linear-gradient(rgba(0,0,0,.4),#000),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
}

@media (min-width:992px) {
    .main-page :lang(en) article .oss:hover .gate-3:not(:hover) .bg:after {
        background-image: linear-gradient(rgba(0,0,0,.4),#000),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
    }
}

.main-page :lang(en) article .oss .gate-1 .bg:after {
    background-image: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.12),rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
}

@media (min-width:992px) {
    .main-page :lang(en) article .oss .gate-1 .bg:after {
        background-image: linear-gradient(rgba(0,0,0,.4),transparent,rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
    }
}

.main-page :lang(en) article .oss .gate-2 .bg:after {
    background-image: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.12),rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
}

@media (min-width:992px) {
    .main-page :lang(en) article .oss .gate-2 .bg:after {
        background-image: linear-gradient(rgba(0,0,0,.4),transparent,rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
    }
}

.main-page :lang(en) article .oss .gate-3 .bg:after {
    background-image: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.12),rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
}

@media (min-width:992px) {
    .main-page :lang(en) article .oss .gate-3 .bg:after {
        background-image: linear-gradient(rgba(0,0,0,.4),transparent,rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx)
    }
}

@media (min-width:992px) {
    .main-page .alert {
        padding-left: calc(8.4375vw + 30px);
        padding-right: calc(44px + 2.5rem)
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .main-page .alert {
        padding-left: calc(9.89583vw + 22px);
        padding-right: calc(22px + 2.5rem)
    }
}

@media (max-width:767.98px) {
    .main-page .alert {
        padding-left: calc(14.6875vw + 16px);
        padding-right: calc(16px + 2.5rem)
    }
}

@media screen and (min-width:1297px) {
    .main-page .alert {
        padding-left: calc(50vw - 510.5px);
        padding-right: calc(50vw - 604.5px + 2.5rem)
    }
}

.main-page .alert.alert-dismissible .close {
    position: relative;
    top: 0;
    right: -2.5rem
}

.main-page.sub-page:before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    background-size: cover;
    z-index: -2
}

@media (min-width:992px) {
    .main-page.sub-page:before {
        height: 368px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .main-page.sub-page:before {
        height: 268px
    }
}

@media (max-width:767.98px) {
    .main-page.sub-page:before {
        height: 260px
    }
}

.main-page.sub-page.inwestycje:before {
    background-image: linear-gradient(rgba(0,0,0,.4),transparent,rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx);
    background-position: bottom
}

.main-page.sub-page.inwestycje:lang(en):before {
    background-image: linear-gradient(rgba(0,0,0,.4),transparent,rgba(0,0,0,.8)),url(https://aplikacja.ceidg.gov.pl/ceidg.sts/Error.aspx);
    background-position: bottom
}

.main-page.sub-page h1 {
    font-size: 8rem;
    font-family: "PT Serif",Georgia,Times New Roman,Times,serif;
    text-align: left;
    width: 100%;
    color: #fff;
    animation: oss-text-fade-in 1.65s;
    display: flex;
    align-items: flex-end;
    padding-bottom: 2rem;
    padding-left: 15px
}

@media (min-width:992px) {
    .main-page.sub-page h1 {
        height: 255px
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .main-page.sub-page h1 {
        font-size: 5rem;
        height: 166px
    }
}

@media (max-width:767.98px) {
    .main-page.sub-page h1 {
        font-size: 3rem;
        height: 176px
    }
}

dl.news > dd, dl.news > dt {
    border-left: 5px solid #fff;
    padding-left: .5rem
}

    dl.news > dd.news-alert, dl.news > dt.news-alert {
        border-left-color: #1a1a1a
    }

dl.news.archive {
    color: #737373
}

.content-main > dl.news {
    margin-left: -12px;
    margin-top: 1rem
}

@keyframes oss-btn-bounce {
    0% {
        margin-right: 0
    }

    25% {
        margin-right: 2px
    }

    50% {
        margin-right: 5px
    }

    to {
        margin-right: 0
    }
}

@keyframes oss-img-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes oss-text-fade-in {
    0% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.index hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid hsla(0,0%,100%,.3)
}

@media only screen and (min-width:560px) {
    .index .btn-all {
        margin: 0;
        padding-right: 92px;
        padding-left: 92px
    }
}

@media only screen and (max-width:559px) {
    .index .btn-all {
        margin: 0;
        padding-right: 10%;
        padding-left: 10%
    }

    .button-hr {
        display: none
    }
}

.index ul li {
    list-style: none;
    margin-top: 10px
}

    .index ul li a {
        font-weight: 700;
        line-height: 1.2;
        font-size: 1.25rem
    }

.index .mmh {
    min-height: 138px;
    max-height: 138px;
    font-weight: 700;
    font-size: 24px
}

.max-h-40 {
    max-height: 40px
}

.col-md-2-5 {
    flex: 0 0 20%;
    max-width: 20%
}

#header-img-glos img {
    height: 100%;
    width: 100%;
    object-fit: contain
}

.nounderline, .nounderline:hover {
    text-decoration: none
}

.pad-lr-5 {
    padding: 0 16px
}

.box-icon-btn {
    flex-direction: row;
    text-transform: none;
    font-size: 1.25rem;
    font-weight: 400;
    text-decoration: underline;
    display: block;
    text-align: left;
    color: #0063c1
}

    .box-icon-btn:before {
        font: normal normal 900 1rem/1 Font Awesome\ 5 Free;
        font-size: 1.5rem;
        display: inline-block;
        text-decoration: none;
        vertical-align: text-bottom;
        margin-right: 1rem
    }

    .box-icon-btn.compact {
        min-height: 5.625rem
    }

@media (min-width:576px) {
    .box-icon-btn {
        min-width: 50%;
        width: auto
    }
}

.box-icon-btn.focus, .box-icon-btn:focus {
    border-color: transparent
}

.box-icon-btn:hover {
    color: #003c75
}

.upload-box {
    padding: 1rem;
    border-radius: 5px;
    margin: 1rem 0;
    background: none;
    border: 2px solid #0063c1
}

    .upload-box .progress {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

@media (min-width:576px) {
    .upload-form .actions {
        display: flex;
        justify-content: space-between
    }
}

.upload-form .actions .btn {
    margin: 1rem 0 0
}

@media (max-width:575.98px) {
    .upload-form .actions .btn {
        width: 100%
    }
}

.upload-form .custom-file-label {
    cursor: pointer
}

.upload-form .is-invalid + .invalid-feedback {
    margin-top: -1rem
}

.upload-form + .upload-files-list {
    margin-top: 2rem
}

.upload-files-list.elements-list .box-icon-btn, .upload-files-list.elements-list .el-item, .upload-files-list.elements-list .richtext-el-item {
    min-height: 5.625rem
}

    .upload-files-list.elements-list .box-icon-btn .item-content, .upload-files-list.elements-list .el-item .item-content, .upload-files-list.elements-list .richtext-el-item .item-content {
        max-height: 3.375rem
    }

    .upload-files-list.elements-list .box-icon-btn .uploaded-file, .upload-files-list.elements-list .el-item .uploaded-file, .upload-files-list.elements-list .richtext-el-item .uploaded-file {
        position: relative;
        padding-left: 3rem;
        text-decoration: none;
        outline: none
    }

        .upload-files-list.elements-list .box-icon-btn .uploaded-file .file-desc, .upload-files-list.elements-list .el-item .uploaded-file .file-desc, .upload-files-list.elements-list .richtext-el-item .uploaded-file .file-desc {
            font-weight: 500
        }

        .upload-files-list.elements-list .box-icon-btn .uploaded-file:before, .upload-files-list.elements-list .el-item .uploaded-file:before, .upload-files-list.elements-list .richtext-el-item .uploaded-file:before {
            font: normal normal 900 1rem/1 Font Awesome\ 5 Free;
            content: "";
            font-weight: 500;
            font-size: 3em;
            position: absolute;
            top: 50%;
            margin-top: -1.3125rem;
            left: 0
        }

.richtext-el-item {
    width: 100%
}

    .richtext-el-item p:first-child span {
        display: block;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

        .richtext-el-item p:first-child span:first-child {
            font-size: 1.25rem
        }

        .richtext-el-item p:first-child span:nth-child(n+2) {
            font-size: 1rem
        }

.onboarding-custom-modal.modal-dialog {
    width: 342px;
    margin-left: auto;
    margin-right: auto
}

    .onboarding-custom-modal.modal-dialog .modal-header {
        position: relative;
        z-index: 1
    }

    .onboarding-custom-modal.modal-dialog .modal-body {
        padding: 0;
        margin-top: -62px
    }

    .onboarding-custom-modal.modal-dialog .modal-footer.modal-carousel-nav {
        margin-top: 0;
        padding: 16px 50px 40px;
        justify-content: space-between;
        align-items: center
    }

        .onboarding-custom-modal.modal-dialog .modal-footer.modal-carousel-nav .slide-pointer {
            opacity: .6;
            font-size: .8125rem;
            font-weight: 700
        }

        .onboarding-custom-modal.modal-dialog .modal-footer.modal-carousel-nav .btn {
            width: 100%;
            height: 44px;
            margin: 0
        }

            .onboarding-custom-modal.modal-dialog .modal-footer.modal-carousel-nav .btn.modal-close {
                display: none
            }

            .onboarding-custom-modal.modal-dialog .modal-footer.modal-carousel-nav .btn.carousel-control-next {
                width: 120px;
                position: static;
                opacity: 1
            }

            .onboarding-custom-modal.modal-dialog .modal-footer.modal-carousel-nav .btn i {
                margin-left: 1.5rem
            }

.onboarding-carousel .slides {
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    height: 500px;
    overflow: hidden;
    background: #fff
}

    .onboarding-carousel .slides .slide .slide-img {
        padding-bottom: 50px;
        background: #efefef
    }

    .onboarding-carousel .slides .slide .slide-content {
        border-top: 1px solid #d8d8d8;
        background: #fff;
        padding: 34px 25px 0;
        margin: -50px 25px 0
    }

        .onboarding-carousel .slides .slide .slide-content .slide-header {
            font-size: 1.5rem;
            line-height: 1.812rem
        }

        .onboarding-carousel .slides .slide .slide-content .slide-intro, .onboarding-carousel .slides .slide .slide-content .slide-text {
            font-size: .9375rem;
            line-height: 1.25rem
        }

        .onboarding-carousel .slides .slide .slide-content .slide-text {
            margin: 0;
            opacity: .8
        }

            .onboarding-carousel .slides .slide .slide-content .slide-text a {
                font-weight: 700
            }

        .onboarding-carousel .slides .slide .slide-content .slide-intro {
            font-weight: 700;
            margin: .8125rem 0
        }

.fixed-modal section.block h2:after, .fixed-modal section.block h3:after, .fixed-modal section.block h4:after, .fixed-modal section.block h5:after, .fixed-modal section.block h6:after {
    content: none !important
}

.separated-dl {
    margin: 1rem 0
}

    .separated-dl dt {
        border-top: 1px solid #ccc;
        margin: .5rem 0;
        padding-top: .5rem;
        font-size: 1.25rem;
        font-weight: 400
    }

    .separated-dl dd {
        font-size: .875rem
    }

        .separated-dl dd h2 {
            font-size: 1.25rem;
            font-family: Roboto,sans-serif
        }

.chips-filters {
    margin-left: -.25rem;
    margin-right: -.25rem;
    display: flex;
    flex-wrap: wrap
}

    .chips-filters .chip, .chips-filters .double-action-chip {
        margin: .125rem
    }

    .chips-filters .limit {
        display: flex;
        flex-wrap: wrap
    }

        .chips-filters .limit:not(.release) {
            height: 1.875rem;
            padding-top: 1px;
            overflow: hidden
        }

.appendable .form-preloader {
    margin: 1rem 0;
    height: 2rem;
    position: relative
}

    .appendable .form-preloader .loader {
        width: 2rem;
        height: 2rem;
        border-width: .3rem;
        margin: -1rem 0 0 -1rem
    }

.appendable.cardlist .append-btn {
    position: relative;
    border-radius: 0;
    width: 100%;
    margin-top: 1px;
    border-width: 1px
}

.index-alert {
    padding: 10px;
    width: 90%;
    height: 80px;
    background-color: orange;
    border: 1px green;
    /*z-index: 300;*/
    position: absolute;
    top: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.alert-parent {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.logos {
    margin: 1rem 0;
    display: flex;
    justify-content: space-between;
}

@media (max-width: 850px) {
    .index-alert {
        width: 100% !important;
    }

    .logos {
        flex-direction: column;
    }
}