.hidden
    {
        display: none!important;
    }

    /* sticky footer with flex */
    html {
        height: 100%;
    }

    body {
        min-height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    footer {
        position: relative;
        background: #f2f2f2;
        bottom: 0px;
        padding: 10px 10px 20px 10px;
        font-family: "Open Sans", 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        color: rgb(90, 90, 90);
    }

    footer > div.row > div {
        border: 1px solid rgba(230, 230, 230, 0.8);
        border-radius: 3px;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 30px;
        margin-top: 15px;
    }


    div.row {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    #main_container {
        padding-bottom: 40px;
        margin-bottom: 0px;
        /* margin-top: -90px!important; */
    }

    @media (min-width: 576px) {}

    @media (min-width: 768px) {
        #app {
            border: 1px solid rgb(200, 200, 200);
            border-bottom: 2px solid rgb(0, 125, 255);
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
        }
    }

    @media (min-width: 992px) {}

    #app {
        padding-bottom: 40px;
    }

    button.ten-przycisk-zupelnie-nic-nie-robi
    {
        width: 100px;
        border-radius: 0 4px 4px 0!important;
    }
    div#no_items {
        border: 1px solid rgb(210, 210, 210);
        border-radius: 10px;
        padding: 70px 20%;
        margin: 20px 10px;
        font-size: 26px;
        font-weight: 900;
        color: rgb(220, 220, 220);
        display: none;
        text-align: center;
    }

    div#no_entry {
        border: 1px solid rgb(210, 210, 210);
        border-radius: 10px;
        padding: 120px 20%;
        margin: 20px 10px;
        font-size: 40px;
        font-weight: 900;
        color: rgb(220, 220, 220);
    }

    ol#status_list {
        list-style: none;
    }

    ol#status_list > li {
        position: relative;
        padding-bottom: 25px;
        padding-left: 25px;
        border-left: 1px solid #e6e6e6;
        /* outline: 1px dashed rgba(0,0,0,0.1); */
    }

    ol#status_list > li:last-child {
        border: 1px solid #fff !important;
    }

    ol#status_list > li > i {
        position: absolute;
        width: 19px;
        height: 19px;
        border-radius: 10px;
        background-color: #ccc;
        top: -4px;
        left: -10px;
    }

    ol#status_list > li div.status_info {
        position: relative;
        top: -6px;
    }

    .status_info .status_name {
        font-size: 0.9em;
        line-height: 1.5em;
    }

    .status_info time {
        display: block;
        font-size: 0.7em;
        line-height: 1.5em;
    }

    .status_info .status_description {
        font-size: 0.7em;
        line-height: 1.5em;
    }

    .status_info .status_description span {
        display: block;
        margin-top: 10px;
        color: rgb(10, 10, 10);
    }

    time .time {
        margin-right: 10px;
    }

    #gotowy .time {
        display: none;
    }

    li.todo .current,
    li.todo .done {
        display: none;
    }

    li.current .todo,
    li.current .done {
        display: none;
    }

    li.done .current,
    li.done .todo {
        display: none;
    }


    ol#status_list > li.todo time {
        display: none;
    }

    li#wydany.todo {
        display: none;
    }

    ol#status_list > li.todo {
        color: rgba(0, 0, 0, 0.3);
    }

    ol#status_list > li.current {
        color: rgba(0, 125, 255, 1);
        border-left: 1px solid rgba(0, 125, 255, 1);
    }

    ol#status_list > li.done {
        border-left: 1px solid #1b457c;
    }

    ol#status_list > li.current .status_name {
        font-weight: bolder;
    }


    ol#status_list > li.done > i {
        background-color: #1b457c;
    }

    ol#status_list > li.current > i {
        background-color: rgb(0, 125, 255);
    }

    ol#status_list > li.current i:before,
    ol#status_list > li.done i:before {
        content: '✓';
        position: absolute;
        top: -2px;
        left: 40%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        color: white;
    }

    div#secure_access_data 
    {
        border: 1px solid rgba(0, 0, 0, 0.6);
        box-shadow: 1px 1px 8px 3px rgba(0, 0, 0, 0.1);
        border-radius: 3px;
        margin: 30px 10px 50px 10px;
        display: flex;
        flex-direction: column;
    }

    div#secure_access_data .list
    {
        order: 2;
        display: grid;
        width: 100%;
        padding: 10px 0px;
        column-gap: 0px;
        place-items: stretch;
        grid-template-columns: [lp] 40px [wymiary] auto [powierzchnia] auto [cena] auto;
    }

    @media screen and (max-device-width: 420px) 
    {
        div#secure_access_data .list span.lp
        {
            display: none;
        }

        div#secure_access_data .list
        {
            grid-template-columns: [wymiary] auto [powierzchnia] auto [cena] auto;
        }

        span.units
        {
            display: none;
        }
    }
    @media screen and (max-device-width: 350px) 
    {
        div#secure_access_data .list span.lp,
        div#secure_access_data .list span.dimensions
        {
           display: none;
        }
        div#secure_access_data .list
        {
            grid-template-columns: [powierzchnia] auto [cena] auto;
        }
        span.units
        {
            display: none;
        }
    }

    div#secure_access_data .summary
    {
        padding: 10px 30px;
        order: 1;
        border-bottom: 1px dotted gray;
    }
    div#secure_access_data .summary h1
    {
        font-size: 1.2rem;
    }
    div#secure_access_data .summary .summary_data
    {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: baseline;
    }
    div#secure_access_data .summary .summary_data .total_price
    {
        font-size: 1rem;
    }
    div#secure_access_data .summary .summary_data strong
    {
        font-size: 1.4rem;
        font-weight: 300;
        letter-spacing: 1px;
        margin-left: 10px;
    }
    
    div#secure_access_data .summary .summary_data .total_price strong
    {
        color: rgba(37, 145, 77, 1)
    }


    
    div#secure_access_data .list
    {
        padding: 0px;
        margin: 20px 0px;
        overflow: auto;
    }
    div#secure_access_data .list div.tr
    {
        display: contents;
        padding: 20px;
    }
    div#secure_access_data .list div.tr > span
    {
        padding: 5px 5px;
        cursor: default;
        color: rgba(140, 140, 140, 1)
    }
    div#secure_access_data .list div.tr:hover
    {
    }
    div#secure_access_data .list div.tr:hover > span
    {
        color: black;
        background-color: rgba(13, 174, 255, 0.05);
    }
    div#secure_access_data .list span
    {
        text-align: left;
    }
    div#secure_access_data .list span.th
    {
        padding: 0px 20px;
        margin-bottom: 4px;
        padding-bottom: 4px;
    }
    div#secure_access_data .list span.th,
    div#secure_access_data .list span.area,
    div#secure_access_data .list span.dimensions,
    div#secure_access_data .list span.lp
    {
        text-align: center;
    }
  
    div#secure_access_data .list span.price
    {
        text-align: right;
    }
    div#secure_access_data .list div > span.lp
    {
        padding-left: 20px;
    }
    div#secure_access_data .list div > span.price
    {
        padding-right: 20px;
    }

    @media screen and (max-device-width: 800px) 
    {
        div#secure_access_data .summary .summary_data
        {
            flex-direction: column;
            justify-content: space-between;
        }
    }





    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format('woff2');
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format('woff2');
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) format('woff2');
        unicode-range: U+1F00-1FFF
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2) format('woff2');
        unicode-range: U+0370-03FF
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
        unicode-range: U+1F00-1FFF
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
        unicode-range: U+0370-03FF
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
    }