legend {
    font-size: 15px;
    border-bottom: 1px solid #3F7CBD;
}

img {
    -ms-interpolation-mode: bicubic;
}

body {
    padding: 0;
    font-family: 'Titillium Web', sans-serif;
    color: #333;
    background-color: #fff;
}


.error {
    color: crimson !important;
    border-color: crimson !important;
    font-weight: normal;
}

body.font1 {
    font-size: 18px;
}

.underline {
    text-decoration: underline !important;
    color: #337ab7 !important;
}


.pr-0
{
    padding-right: 0;
}

.mt-3 {
    margin-top: 20px;
}

body.wcag1 {
    background-color: yellow;
    color: black;
}


body.wcag2 {
    background-color: black;
    color: white;
}

body.wcag2  .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: #222;
}


body.wcag1 a {
    color: black;
}

body.wcag1 .unit-type {
    color: black;
}

body.wcag2 a {
    color: white;
}


body.wcag2 .bootstrap-select a {
    color: black;
}

body.wcag2 .unit-type {
    color: white;
}


header {
    margin: 0 auto;
    height: 100%;
    padding: 10px 0 10px 0;
}


@media (max-width: 768px) {
    .container {
        width: auto;
    }
}


@media (max-width: 500px) {
    .hidden-xxs {
        display: none !important;
    }
}


header img {
  max-height: 80px;
}
 img.headerlogo {
    height : 60px;

}


header #logo-left {
    display: inline-block;
    font: 16px/1 Arial sans-serif;
}

header #logo-region {
    display: inline-block;
}

header #nabor {
    border-right: 2px solid #C7C7C7;
    padding: 8px 6px 8px 0;
    height: 52px;
}

header #wcag {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    float: right;
    height: 70px;
}
header #wcag button {
    padding: 0px;
}


header #wcag button img {
    width: 40px;
    height: 40px;
    padding: 2px;

}

header #wcag button img:hover {
    width: 41px;
    height: 41px;
    padding: 0;
}

header #pcss {
    margin-left: 14px;
    padding-right: 14px;
    border-right: 2px solid #C7C7C7;
    height: 33px;
    margin-top: auto;
}



header #logo-desc
{
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    color: #8E8E8E;
    vertical-align: bottom;
    line-height: 62px;
}

 header .regionlabel {
    font-size: 22px;
    font-weight: 400;
    color: #8E8E8E;
    cursor: pointer;
    text-transform: uppercase;
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
}

header .description {
    margin: 28px 0 0 0;
    max-height: 50px;
}
header .region-logo {
    max-height: 70px;
    margin-left: 30px;
}


@media (min-width: 400px) {
    .docrow-min {
        display: none;
    }
}

@media (max-width: 400px) {
    .docrow-norm {
        display: none;
    }
}

@media (max-width: 550px) {
    header .region-logo {
        margin-left: 1px;
    }

    header .regionlabel {
        margin-left: 1px;
    }
    header #pcss {
        margin-left: 2px;
        padding-right: 2px;
    }
}

@media (max-width: 450px) {

    header #pcss {
        display: none;
    }
}


    #carousel-home {
        overflow: hidden;
    }

    .footer {
        border-top: 2px solid #bdbdbd;
        margin: 100px 0 0;
        text-align: center;
        padding: 2px 0 10px;
        display: block;
    }

        .footer div {
            display: inline-block;
        }


        .footer label {
            color: black;
            float: left;
            font-size: 12px;
            margin: 18px 0 0 5px;
            text-transform: uppercase;
        }

        .footer label, .footer a {
            float: left;
            font-size: 12px;
            margin: 18px 0 0 5px;
            text-transform: uppercase;
        }


            .footer a.psnc {
                float: left;
                margin: 10px 10px 0 0;
            }


                .footer a.psnc img {
                    height: 32px;
                }

        .footer .privacy-link {
            margin: auto;
        }

        #carousel-left {
            position: absolute;
            width: 128px;
            height: 128px;
            background: url(images/slideshow_next_L_na.png);
            left: 20px;
            top: 40%;
            cursor: pointer;
        }

        #carousel-left:hover {
            background: url(images/slideshow_next_L_a.png);
        }

    #carousel-right {
        position: absolute;
        width: 128px;
        height: 128px;
        background: url(images/slideshow_next_R_na.png);
        right: 20px;
        top: 40%;
        cursor: pointer;
    }

        #carousel-right:hover {
            background: url(images/slideshow_next_R_a.png);
        }

    main {
        z-index: 1;
        margin: 0 auto;
    }

    .main-wrapper {
    }

@media (min-width: 600px) {
    .navbar-toggle {
        display: none;
    }
}

@media (min-width: 600px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

        .navbar-collapse.in {
            overflow-y: visible;
        }

    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
}

    .main-nav {
        position: relative;
        float: left;
        font-size: 1.1em;
        margin-top: 2px;
        margin-bottom: 0;
    }

        .main-nav.navbar-default {
            border: none;
            background-color: transparent;
            background-image: none;
            box-shadow: none;
            -webkit-box-shadow: none;
            width: 100%;
            min-height: 0;
        }

            .main-nav.navbar-default .navbar-collapse {
                margin-left: -15px;
            }

    .navbar-default .navbar-nav > li > a
     {
        color: #337ab7;
        padding: 10px 12px;
    }

    .main-nav-nobg {
        background: none;
    }

    .main-nav a {
        padding: 6px 12px;
        position: relative;
        font-size: 1.2em;
        font-weight: 500;
    }

        .main-nav a:hover {
            text-decoration: none;
            -webkit-box-shadow: inset 0px -4px 0px 0px #89a3c9;
            -moz-box-shadow: inset 0px -4px 0px 0px #89a3c9;
            box-shadow: inset 0px -4px 0px 0px #89a3c9;
        }

        .main-nav a.selected {
            font-weight: 700;
            -webkit-box-shadow: inset 0px -4px 0px 0px #3f5d82;
            -moz-box-shadow: inset 0px -4px 0px 0px #3f5d82;
            box-shadow: inset 0px -4px 0px 0px #3f5d82;
        }

        .main-nav a.search {
            display: none;
            color: white;
            float: right;
            width: 58px;
            height: 48px;
            background: url(images/ikona_szukaj_na.png) repeat-x;
        }

            .main-nav a.search:hover {
                background: url(images/ikona_szukaj_a.png) repeat-x;
            }

    .sub-nav {
        position: relative;
        height: 42px;
        float: left;
        background: url(images/tlo_podmenu_cale.png) repeat-x;
        z-index: 2;
        font-size: 1.3em;
    }

        .sub-nav a {
            color: white;
            padding: 10px 14px;
            margin: 0px;
            float: left;
        }

            .sub-nav a:hover {
                color: white;
                text-decoration: none;
                background: url(images/tlo_podmenu_but_wybor.png) repeat-x;
            }

            .sub-nav a.selected {
                color: white;
                font-weight: 700;
                background: url(images/tlo_podmenu_but_wybor.png) repeat-x;
            }

    .path {
        clear: both;
        color: white;
        font-weight: 300;
        float: left;
        margin: 10px 0 0 0;
        min-height: 25px;
    }

        .path a {
            color: white;
        }

            .path a.selected {
                font-weight: 700;
            }

.subpage-header {
    background: url(images/tlo_naglowek_1_podstrona.png) repeat-x;
    height: 97px;
    color: white;
    font-weight: 400;
    font-size: 3em;
    padding: 10px 40px 0 45px;
    position: absolute;
    bottom: 0;
    text-shadow: 6px 8px 4px black;
}

.subpage-description {
    background: url(images/tlo_naglowek_2_podstrona.png) repeat-x;
    height: 63px;
    line-height: 63px;
    padding-left: 45px;
    color: black;
    font-weight: 700;
    font-size: 1.7em;
    position: absolute;
    bottom: 0;
    white-space: nowrap;
    width: auto;
    min-width: 60%;
    left: auto;
    margin: 0;
}

    .subpage-header-2 {
        bottom: 50px;
    }

    @media (max-width: 768px) {
        .subpage-header {
            height: 60px;
            font-size: 2.6em;
        }

        .subpage-description {
            height: 50px;
            line-height: 50px;
            width: 100%;
            font-size: 1.4em;
        }

        .subpage-header-2 {
            bottom: 51px;
        }
    }

    @media (max-width: 550px) {
        .subpage-header {
            height: 50px;
            font-size: 2em;
            padding-top: 4px;
        }

        .subpage-description {
            font-size: 1.1em;
            height: 30px;
            line-height: 30px;
        }

        .subpage-header-2 {
            bottom: 31px;
        }
    }


    @media (max-width: 420px) {
        .subpage-header {
            height: 30px;
            font-size: 1.5em;
            padding-top: 0;
        }

        .subpage-description {
            font-size: 1em;
            height: 26px;
            line-height: 30px;
        }

        .subpage-header-2 {
            bottom: 26px;
        }
    }



    .nopadding {
        padding: 0 !important;
        margin: 0 !important;
    }

    #content {
        position: relative;
        z-index: 3;
        float: left;
        margin: 0;
        border: none;
        padding: 0 0 30px 0;
        width: 100%;
    }

    main .nav-table {
        position: relative;
        z-index: 3;
        float: left;
        margin: 0;
        border: none;
        width: 100%;
    }

        main .nav-table td {
            vertical-align: top;
            padding: 0;
            margin: 0;
            cursor: pointer;
        }

        main .nav-table a {
            height: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
            float: left;
            display: block;
        }

        main .nav-table .education-level {
            background-size: 100%;
            background-position: 0 0;
            transition: all 0.4s ease-in;
            webkit-transition: all 0.4s ease;
            -o-transition: all 0.4s ease-in;
            -moz-transition: all 0.4s ease-in;
        }

            main .nav-table .education-level:hover {
                background-size: 120%;
                background-position: -20px -20px;
            }

    div#slide-i > .container {
        padding: 0;
    }

    div#slide-i {
        width: 100%;
        min-width: 100%;
        max-height: 250px;
        background-position-x: center;
        background-position-Y: center;
        background-size: cover;
    }

    div#slide0 {
        background: url(images/slideshow/S00.jpg) no-repeat center center;
        background-size: cover;
    }

    div#slide1 {
        background: url(images/slideshow/S01.jpg) no-repeat center center;
        background-size: cover;
    }

    div#slide2 {
        background: url(images/slideshow/S02.jpg) no-repeat center center;
        background-size: cover;
    }

    div#slide3 {
        background: url(images/slideshow/S03.jpg) no-repeat center center;
        background-size: cover;
    }

    div#slide4 {
        background: url(images/slideshow/S04.jpg) no-repeat center center;
        background-size: cover;
    }

    div#slide5 {
        background: url(images/slideshow/S05.jpg) no-repeat center center;
        background-size: cover;
    }

    div#slide6 {
        background: url(images/slideshow/S06.jpg) no-repeat center center;
        background-size: cover;
    }

    .header-image > div {
        position: relative;
    }

    .header-image > div, #carousel-home .carousel-inner .item > div {
        width: 100%;
        min-height: 250px;
    }

@media (max-width: 450px) {
    .header-image > div, #carousel-home .carousel-inner .item > div {
        min-height: 160px;
    }
}

    #main-menu {
        padding-bottom: 6px;
    }



    main .nav-table > div {
        padding: 24px;
        text-align: center;
    }

    main .nav-table a > img {
        margin-bottom: 6px;
    }

    main .nav-table span {
        display: inline-block;
        cursor: pointer;
        height: auto;
        width: 100%;
        color: #6F7595;
        font-size: 1.4em;
        font-weight: normal;
        text-align: right;
        word-wrap: normal;
        margin-top: 6px;
        text-align: center;
    }

    body.wcag1 main .nav-table span {
        color: black;
    }

    body.wcag2 main .nav-table span {
        color: white;
    }


    main .nav-table span.second-small {
        height: 49px;
        padding: 5px 10px 0 0;
        font-size: 1.4em;
        margin-top: 0;
    }

    main .article-block {
        background-color: #F2F6F9;
    }

    main .article-block {
        background-color: #F2F6F9;
    }

    body.wcag2 main .article-block {
        background-color: #111;
    }



    main article {
        position: relative;
        padding-top: 20px;
        padding-bottom: 20px;
    }

        main article text {
            position: relative;
            padding-bottom: 20px;
        }

    .article-header {
        clear: both;
        margin: 10px 0 10px 0;
        font-size: 2em;
        font-weight: 400;
        color: #3A4270;
        text-align: center;
    }

    body.wcag2 .article-header {
        color: white;
    }


    article text {
        margin: 0;
        padding: 0;
    }

    main article .feature-table {
        width: 100%;
        float: left;
        margin: 4px 0 0 0;
    }

    main article .feature-icon {
        width: 82px;
        height: 82px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

    .article-feature {
        background-color: #EBF2F8;
        padding: 20px;
        text-align: center;
    }

    #article-main {
        margin-top: 20px;
    }

    body.wcag2 .article-feature {
        background-color: #333;
    }


    .article-feature h4 {
        text-align: center;
    }

    .effectiveness {
        background: url(images/ikona_1_skutecznosc.png) no-repeat;
    }

    .reliability {
        background: url(images/ikona_2_niezawodnosc.png) no-repeat;
    }

    .safety {
        background: url(images/ikona_3_bezpieczenstwo.png) no-repeat;
    }

    .easeofuse {
        background: url(images/ikona_4_obsluga.png) no-repeat;
    }

    .flexibility {
        background: url(images/ikona_5_elastycznosc.png) no-repeat;
    }

    .saving {
        background: url(images/ikona_6_oszczednosc.png) no-repeat;
    }

    main article .feature-table .feature-desc {
        padding: 0 30px;
        color: gray;
    }

        main article .feature-table .feature-desc label {
            float: left;
            clear: both;
            font-weight: bold;
        }

        main article .feature-table .feature-desc text {
            float: left;
            clear: both;
            font-weight: normal;
        }

    .about .feature-table {
        width: 100%;
        float: left;
        margin: 4px 0 0 0;
    }

        .about .feature-table .feature-icon {
            width: 82px;
            height: 82px;
            float: left;
        }

        .about .feature-table tr {
            padding: 20px 0;
            float: left;
        }

        .about .feature-table .feature-desc {
            padding: 0 30px;
            color: black;
        }

            .about .feature-table .feature-desc label {
                float: left;
                clear: both;
                font-weight: bold;
            }

            .about .feature-table .feature-desc text {
                float: left;
                clear: both;
                font-weight: normal;
            }

    #wide-window {
        position: absolute;
        top: 115px;
        width: 100%;
        height: 300px;
        overflow: hidden;
        margin: 0;
        padding: 0;
        z-index: 0;
        visibility: visible;
    }

    #wide-img {
        width: 100%;
        position: relative;
    }

        #wide-img img {
            width: 100%;
            margin: 0 auto;
            overflow: hidden;
            position: absolute;
        }

    .contact {
        margin: 0 0 0 0 !important;
        float: left;
    }

    .contact-header {
        font-size: 1.2em;
        float: left;
        clear: both;
        margin: 30px 0 0 30px;
        font-weight: 700;
    }

    .contact address {
        float: left;
        clear: both;
        font-size: 1.2em;
        margin: 20px 0 0 30px;
        font-weight: 400;
    }

    .contact a {
        color: black;
    }

    .about {
        width: 100%;
        padding: 30px !important;
        text-align: justify;
    }

    .subpage-header-empty {
        margin: 75px 0 0 0;
    }

    .subpage-header-submenu {
        margin: 78px 0 0 0;
    }

    .unit-details dl {
        padding: 0;
        float: left;
        display: block;
        border-bottom: 1px solid #E5E5E5;
    }

    .unit-details dt {
        width: 200px;
        padding: 24px 20px 24px 0;
        text-align: right;
        font-weight: 700;
        display: inline-block;
        float: left;
        clear: both;
        border-top: 1px solid #E5E5E5;
    }

    .unit-details .dt {
        /*width: 200px;*/
        padding: 24px 20px 24px 0;
        text-align: right;
        font-weight: 700;
        border-top: 1px solid #E5E5E5;
        clear: both;
    }


    .unit-details dd {
        padding: 24px 20px 24px 20px;
        font-weight: normal;
        display: inline-block;
        float: left;
        border-top: 1px solid #E5E5E5;
        border-left: 1px solid #E5E5E5;
    }

    .unit-details .dd {
        padding: 24px 20px 24px 20px;
        font-weight: normal;
        border-top: 1px solid #E5E5E5;
        border-left: 1px solid #E5E5E5;
    }


    @media (max-width: 450px) {
        .unit-details dd {
            padding: 24px 40px 24px 4px;
        }

        .unit-details dt {
            padding: 24px 40px 24px 0;
        }
    }

    .unit-details dl dt:first-child {
        border-top: none;
    }

    .unit-details dl dd:first-of-type {
        border-top: none;
    }

    .unit-details dd > img {
        margin: 4px;
    }


    .unit-type {
        color: #303F94;
        text-transform: uppercase;
        font-weight: 700;
    }

    .unit-images {
        display: block;
        float: left;
    }

        .unit-images ul {
            list-style-type: none;
            white-space: nowrap;
            padding: 0;
        }

        .unit-images li {
            height: 160px;
            display: inline-block;
            float: left;
            margin: 1px;
        }

            .unit-images li img {
                float: left;
                height: 160px;
                display: inline;
                clear: none;
                cursor: pointer;
            }

    .unit-image {
        float: left;
        width: 98%;
        margin: 0 1% 15% 1%;
        border-radius: 50%;
    }
    /*000000000000000000*/

    .instances-container {
        padding-top: 36px;
        padding-left: 32px;
    }
.presence-container {
    padding-left: 10px;
    padding-top: 10px;
}
.instances-container label {
    display: block;
}


    .instances-list-wraper {
        padding: 20px;
    }

    .instances-list {
        list-style-type: none;
        padding: 0;
    }

        .instances-list a {
            color: #484848;
            font-weight: 400;
        }



    .filters {
        margin-top: 8px;
        padding: 0 3px 0 3px;
        margin-bottom: 8px;
    }

        .filters > div {
            margin-bottom: 8px;
        }


    .filtersrow {
    }

    .filtersrow2 {
        margin-bottom: 8px;
    }

    .vcenter {
        padding: 6px 0 0 0;
    }

    .filters #buttonFilter {
        padding: 6px 20px;
        background-color: #3F7CBD;
        border: none;
        color: white;
        font-weight: 700;
        float: right;
        margin-right: 0px;
        margin-bottom: 0px;
    }

    body.wcag1 .panel {
        background-color: yellow;
    }

    body.wcag2 .panel {
        background-color: black;
    }


    .panel button :not(.bootstrap-touchspin-up) {
        padding: 6px 20px;
        background-color: #3F7CBD;
        border: none;
        color: white;
        font-weight: 700;
    }

.panel-logout a {
    padding: 6px 20px;
    background-color: #3F7CBD;
    border: none;
    color: white;
    font-weight: 700;
    margin-bottom: 20px;
    margin-right: 10px;
    display: inline-block;
}



    .panel .panel-top {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .panel .panel-form {
        padding-left: 15px;
        margin-right: 15px;
    }

.panel-line {
        margin-bottom: 4px;
}

.panel-line-sel {
    background-color: gainsboro;
    margin-top: 12px;
}

.pdf-doc-img {
    width: 25px;
    margin-left: 8px;
    margin-bottom: 2px;
    margin-right: 16px;
    white-space: nowrap;
}
.panel-logout a.pdf-download {
    font-size: 18px;
    cursor: pointer;
    padding: 10px 20px;
    background-color: #3F7CBD;
    border: none;
    color: white;
    font-weight: 400;
    margin-right: 60px;
    display: inline-block;
}

    .pdf-download:hover{
        color: white;

    }

.application-table .pdf-download:hover {
    color: #337ab7;
}

.panel .panel-logout {
    margin-top: 10px;
    margin-bottom: 20px;
}

    .panel .panel-bottom {
        margin-top: 30px;
        margin-bottom: 30px;
    }

.panel-bottom a {
    padding: 6px 20px;
    border: none;
    font-weight: 700;
    margin-bottom: 20px;
    color: white;
    margin-right: 40px;
    line-height: 1.6;
}

.modal-content button.btn-default {
    margin-right: 0;
}

    .panel-bottom button:hover {
        text-decoration: underline;
    }

    .panel-bottom .save-btn {
        background-color: #3F7CBD;
    }

    .panel-bottom .cancel-btn {
        background-color: #8E8E8E;
    }


    #units {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #unitstable {
        table-layout: auto;
    }




        #unitstable img {
            margin-top: 8px;
            height: 40px;
            width: 40px;
        }

        #unitstable a.map {
            margin-top: 4px;
            height: 50px;
            width: 50px;
        }

#unitstable caption {
    display: none;
}

#units-table caption {
    display: none;
}

#documentstable caption {
    display: none;
}

#gracelisttable caption {
    display: none;
}

#preffromtable caption {
    display: none;
}

#units table thead {
    background-color: #E5E5E5;
}

    body.wcag2 #units table thead {
        background-color: #222;
    }


    #units table thead th {
        padding: 16px 0;
        text-align: center;
    }

        #units table thead th.aleft {
            text-align: left;
            text-indent: 20px;
        }

        #units table thead th.aleft-adjusted {
            text-align: left;
            text-indent: 30px;
        }

    #units table td {
        padding: 0;
        vertical-align: middle;
    }

    #units table tr td:nth-child(2) {
        border-left: 1px solid #E5E5E5;
        border-right: 1px solid #E5E5E5;
    }

    #units table tr:last-child {
        border-bottom: 1px solid #E5E5E5;
    }

    #units table td.details {
        padding: 15px 0 0 30px;
    }

    #units table td.district {
        border-left: 1px solid #E5E5E5;
        border-right: 1px solid #E5E5E5;
        padding: 10px;
        align-content: center;
        vertical-align: middle;
    }

    #units table td.free-places {
        border-left: 1px solid #E5E5E5;
        align-content: center;
        vertical-align: middle;
    }




    #units table td.organ {
        border-left: 1px solid #E5E5E5;
        border-right: 1px solid #E5E5E5;
        padding: 10px;
        align-content: center;
        vertical-align: middle;
    }

    #units table td.details a {
        float: left;
        clear: left;
        color: #2A2A2A;
    }

    #units .featureIcons {
        justify-content: left;
    }





    body.wcag2 #units table td.details a {
        float: left;
        clear: left;
        color: #fff;
    }


    #units table a.map {
        cursor: pointer;
        background: url(images/ikona_dodatkowe_08_google_maps.png) no-repeat;
        width: 60px;
        height: 60px;
        background-size: contain;
        float: left;
    }

    @media (max-width: 550px) {
        #units table a.map {
            width: 35px;
            height: 35px;
        }

        #units table td.district {
            padding: 1px;
        }
        #units table td.details {
            padding: 1px;
        }
    }

    #units table td.details a.bold {
        font-weight: bold;
    }

    .bold{
        font-weight: bold;
    }

    .modal.modal-wide .modal-dialog {
        width: 90%;
    }

    .modal-wide .modal-body {
        overflow-y: auto;
    }

.page-table-default {
    overflow-wrap: break-word;
}

.fixed-table {
    table-layout: fixed;
}

    .fixed-table .w30 {
        width: 30%;
    }

    .sub-nav .app-open {
        margin-left: 6px;
    }

    .pager .cancel > a {
        float: right;
    }

    .login-input {
        background-image: url('images/icon_user.png');
        background-repeat: no-repeat;
        background-position: left;
    }

    .pass-input {
        background-image: url('images/icon_pass.png');
        background-repeat: no-repeat;
        background-position: left;
    }

    #login-panel {
        margin: auto;
        max-width: 440px;
        margin-top: 36px;
    }

        #login-panel .form-group {
            margin-bottom: 32px;
        }

        #login-panel .form-control {
            height: 36px;
            font-size: 15px;
            background-color: #F8F8F8;
            padding-left: 36px;
            padding-top: 8px;
        }

        #login-panel .submit {
            width: 100%;
        }

            #login-panel .submit button {
                width: 100%;
                font-size: 16px;
                background-image: none;
                background-color: #314095;
                color: white;
            }


        #login-panel div > a {
            line-height: 36px;
        }

.externalLogins {
    margin-top: 20px;
}

.validation-summary-errors {
}

    .validation-summary-valid {
        display: none;
    }

    .input-validation-error {
        background-color: #f2dede;
    }

.last-pane a {
    margin-right: 20px;
    text-decoration: underline;
}

    .vertical-center {
        height: 50px;
        display: flex;
        align-items: center;
        text-align: right;
        margin: 0;
        padding: 0;
    }

        .vertical-center h2 {
            margin: 0;
            padding: 0;
        }

    .question {
        padding: 2px;
        font-size: 15px;
        margin-left: 6px;
    }

    .answer {
        color: #337ab7;
        padding: 2px;
        font-size: 15px;
        font-weight: normal;
        margin-left: 15px;
    }

    .app-group-header {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 15px;
    }

    .application-table {
        width: 100%;
        max-width: 100%;
    }

        .application-table > tbody > tr.master-row {
            border-bottom: solid;
            border-color: black;
            border-width: 1px;
        }

        .application-table th {
            border-bottom: solid;
            border-color: black;
            border-width: 1px;
        }

        .application-table > tbody > tr.download-row > td {
            padding-top: 10px;
            padding-bottom: 10px;
            margin-bottom: 10px;
            margin-top: 10px;
        }

        .application-table > tbody > tr.preference-title-row {
            font-weight: bold;
        }

        .application-table > tbody > tr.valid-date-row {
            font-weight: bold;
        }


        .application-table > tbody > tr.preference-row > td{
            padding: 4px;
        }


    .link {
        cursor: pointer !important;
        color: #337ab7 !important;
    }

        .link:hover {
            text-decoration: none !important;
            text-decoration: underline !important;
        }

    #no-units-msg, #change-pref-msg {
        color: red;
    }

    .bootstrap-select > button {
        color: rgb(85,85,85);
        background-color: white;
        background-image: none;
        border: solid 1px;
        border-color: #ccc;
    }

    .searchdropdownbutton {
        margin-right: 0px !important;
    }

    .borderless table {
        border-top-style: none !important;
        border-left-style: none !important;
        border-right-style: none !important;
        border-bottom-style: none !important;
    }

    .borderless td, .borderless th {
        border: none !important;
    }

    .zebra1 td {
        border-top-style: solid;
        border-top-color: gray;
        border-top-width: 1px;
    }

    .zebra2 td {
        border-top-style: solid;
        border-top-color: gray;
        border-top-width: 1px;
        background-color: #f9f9f9;
    }

    body.wcag2 .zebra2 td {
        background-color: #222;
    }

    body.wcag1 .zebra2 td {
        background-color: #f9f939;
    }

    #units table tr.schoolbranch {
        border-bottom: 1px solid #ddd;
    }

        #units table tr.schoolbranch > td {
            padding-left: 20px;
            padding-top: 6px;
        }

        #units table tr.schoolbranch td:first-child {
            padding-left: 75px;
            font-weight: 700;
        }


       #units table tr.schoolbranchD td:first-child {
            font-weight: normal;
        }
        #units table tr.schoolbranchD td {
            padding-bottom: 6px;
        }

        #units table tr.schoolbranch > td .foreign-language {
            width: 20px;
            height: 20px;
            margin-top: 0;
            margin-left: 8px;
            margin-bottom: 6px;
        }



    @media (max-width: 550px) {
        #units table tr.schoolbranch td:first-child {
            padding-left: 15px;
            max-width: 300px;
        }

        #units table tr.schoolbranch > td {
            padding-left: 1px;
        }
    }


    .schoolbranch2 td {
        background-color: #f9f9f9;
    }

    body.wcag2 .schoolbranch2 td {
        background-color: #222;
    }

    body.wcag1 .schoolbranch2 td {
        background-color: #f9f939;
    }


    .modal-footer .btn + .btn {
        vertical-align: top !important;
    }

    .modal-footer button.btn-default {
        color: black !important;
    }

    .my-account-toolbar {
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .my-account-toolbar a {
            margin-left: 4px;
        }


#units .maxstudetscount {
    width: 10%;
    line-height: 65px;
    font-weight: bold;
    font-size: 1.4em;
    text-align: center;
}

#units .sb-counter {
    text-align: center;
}

.table > tbody > tr.unit-item > td
{
    vertical-align: middle;
}


.grade-input {
    width: 40px;
    display: inline-block;
}

    .grade-input input:focus, .points-input:focus, .is-not-laureate-group select:focus {
        background-color: blanchedalmond;
    }

.points-input {
    width: 70px;
    display: inline-block;
}

.btn-grade {
    font-size: 11px;
    line-height: 1.1em;
    padding: 6px 10px;
    border-radius: 8px;
}

.btn-grade-sel {
    background-color: lightskyblue;
}

.table > tbody > tr > td.question-label {
    vertical-align: middle;
}

.question-label label {
    margin: 0;
}

#certyficateForm .question {
    float: right;
}

.application-info .preference-row:nth-of-type(odd) {
    background-color: #f5f5f5;
}

.application-info .preference-row:hover {
    background-color: #b6d6e2;
    font-weight: bolder;
}

#certyficateForm tr:hover {
    background-color: #ccd8d9;
}

#presence-menu-btn, #presence-menu-btn:hover {
    background-image: url('images/menuger.png');
    background-size: cover;
    background-origin: content-box;
    width: 33px;
    height: 28px;
    padding: 4px;
    box-shadow: none;
    -webkit-box-shadow: none;
    display: inline-block;
    background-repeat: no-repeat;
}

#presence-menu a {
    font-size: 16px;
}


#registered #errormsg, #registered #message  {
}

#allregistered > div{
    text-align: center;
}

.presence-container .form-control {
    font-size: 16px;
    height: 36px;
}

.presence-container .person {
    display: block;
    width: 171px;
    height: 171px;
    margin: auto;
    padding: 10px;
}

.presence-container .person.person-small {
    display: inline-block;
    width: 61px;
    height: 61px;
    margin-left: 8px;
    padding: 8px;
    float: left;
}

.presence-container .person.male {
    background-image: url('images/nab_kidboy_big.png');
    background-size: contain;
}

.presence-container .person.female {
    background-image: url('images/nab_kidgirl_big.png');
    background-size: contain;
}

#allregistered .show-history {
    background-image: url('images/nab_story_small.png');
    background-size: contain;
    display: block;
    width: 61px;
    height: 61px;
    margin: auto;
    padding: 0px;
    float: right;
    margin-top: -171px;
    margin-right: calc(50% - 161px);
}

#allregistered .show-meals {
    background-image: url('images/lunch.png');
    background-size: contain;
    display: block;
    width: 61px;
    height: 61px;
    margin: auto;
    padding: 0px;
    float: right;
    margin-top: -61px;
    margin-right: calc(50% - 161px);
}


#allregistered .name {
    font-size: 20px;
    padding: 10px;
    color: black;
    display: block;
}

#allregistered .name:hover {
    text-decoration: none;
}

#allregistered > div button {
    padding: 8px;
    margin-top: 20px;
    margin-bottom: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    font-size: 22px;
}

#allregistered #hdr-name {
    font-weight: bold;
    display: inline-block;
    font-size: 18px;
    margin-bottom: 10px;
}

#confirmation #hdr-name {
    font-weight: bold;
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
}

#confirmation .name {
    font-size: 20px;
    padding-left: 10px;
    color: black;
    display: inline-block;
    float:left;
    line-height: 66px;
}

#confirmation hr {
    border-top: 1px solid #D4EDE9;
}

#confirmation #confirm-label {
    font-size: 18px;
    text-align: center;
}

#confirmation #confirm-hour {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}


#btnInOutBack {
    margin-top: 40px;
    font-weight: normal;
}

#presence img {
    height: 44px;
    margin: 4px;
}

#presence-header {
    margin: auto;
    width: 100%;
    max-width: 800px;
}

#presence-header .dropdown {
    margin-top: 10px;
    margin-right: 10px;
}

.presence-hdrimage {
    height: 197px;
    width: 100%;
}

.presence-container {
    width: 100%;
    max-width: 800px;
}
    .presence-container .form-narrow {
        max-width: 400px;
        margin: auto;
    }

.presence-container button.btn-primary {
    background-color: #8095AF;
    background-image: none;
    font-size: 18px;
    padding: 4px 12px 4px 12px;
}

    .presence-container button.btn-default {
        background-color: #EBECED;
        background-image: none;
        font-size: 18px;
        padding: 4px;
        color: #667A94;
    }


.presence-container h4 {
    font-weight: bold;
}
    .presence-container button {
        width: 100%;
    }


#presence-slide {
    background-image: url('images/presence_header.png');
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: calc(50% - 120px);
    background-size: unset;
    box-shadow: none;
    background-color: #FCBFBC;
    width: 100%;
    height: 100%;
    display: table;
}

#presence-slide-left {
    background-image: url('images/1px_pink.png');
    background-repeat:repeat-x;
    width: calc(100% - 100px);
    max-width: calc(50% + 300px);
    height: 100%;
    float: left;
    display: inline-block;
}

#presence-slide-right {
    background-image: url('images/1px_celadon.png');
    background-repeat: repeat-x;
    width: 100px;
    min-width: calc(50% - 300px);
    height: 100%;
    float: right;
    display: inline-block;
}

    #presence-slide-right img {
        margin-left: -57px;
        margin-top: 22px;
    }

    #presence-slide-left .container {
        display: flex;
        justify-content: center;
        flex-direction: column;
        height: 197px;
        width: 100%;
        max-width: calc(800px - 100px);
        float: right;
        text-align: left;
        font-size: 20px;
        font-weight: bold;
        padding-right: 50px;
    }

#presence-slide-left .container span {
    font-size: 28px;
}

#hist-person img {
    width: 50px;
}

#hist-person span{
    font-size: 22px;
    font-weight: bold;
    padding: 4px;
}

.presence-container #hist-table {
    background-color: #f9f9f9;
    table-layout: fixed;
}

.presence-container #hist-table tbody td{
    text-align: center;

    font-size: 17px;
}

    .presence-container #hist-table tbody td.selday div {
        background-color: #4691E1;
        color: white;
        display: block;
        border-radius: 40px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        padding: 0;
        margin:auto;
        width: 25px;
    }



.presence-container #hist-table tbody td.sunday {
    color: red;
}



    .presence-container #hist-table tbody td .badge {
        color: #777;
        padding: 1px 4px;

    }

.presence-container #hist-table tbody td .badge.none {
    color: transparent;
    background-color: transparent;
}

        .presence-container #hist-table tbody td .badge.badge-ok {
            color: #429F59;
            background-color: #429F59;
        }

        .presence-container #hist-table tbody td .badge.badge-in {
            color: #777;
            background-color: #777;
        }

        .presence-container #hist-table tbody td .badge.badge-over {
            color: #E80303;
            background-color: #E80303;
        }

.presence-container #hist-table thead th > span {
    font-size: 17px;
}

.presence-container #hist-table thead th a span {
    font-size: 18px;
    float: right;
    margin-right: 20px;
}

.presence-container #day-info {
    background-color: #f9f9f9;
    padding: 10px;
}

.presence-container #day-info span{
    font-size: 16px;
    padding-left: 20px;
}


.presence-error {
    background-image: url('images/error_icon.png');
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 40px;
    background-size: 80px;
    border: 1px solid #e2e2e2;
    border-radius: 11px;
    background-color: transparent;
    padding-top: 150px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-shadow: 0px 0px 6px 2px #e2e2e2;
    box-shadow: 0px 0px 6px 2px #e2e2e2;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}

    .presence-error.gpsError {
        background-image: url('images/gps_icon.png');
    }

    .presence-container #errormsg > span {
        float: right;
        color: #aaa;
        margin-top: 6px;
        margin-right: 6px;
        padding: 4px;
        cursor: pointer;
    }


#cal-absence {
    display: inline-block;
    width: auto;
    height: 40px;
    background-image: url('images/icon_cal_absence.png');
    background-repeat: no-repeat;
    background-size:contain;
    background-position-x: right;
    padding-right: 48px;
    line-height: 40px;
    font-size: 18px;
    color: black;
    font-weight: bold;
}

#absence-panel {
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
    margin-bottom: 10px;
}

#absence-panel .btn{
    margin-bottom: 0px
}

#absence-panel .form-group {
    margin-right: 10px;
    margin-bottom: 0;
}

    #absence-panel .form-group.pull-left {
        margin-right: 10px;
        width: 100%;
    }

    #absence-panel .form-group.pull-left span{
        border: none;
        box-shadow: none;
    }



@media (max-width: 400px) {
    #absence-panel .form-group.pull-left span {
        display: block;
        margin-top: -10px;
    }
}



#locInfo {
    text-align: center;
    font-size: 18px;
}

.presence-container #hist-table tbody td.selday div.absence-sel,
.presence-container #hist-table tbody td div.absence-sel {
    border: 1px solid #1C6EA4;
    border-radius: 40px;
    width: 40px;
    color: black;
    margin: auto;
}

.holiday {
    border: 1px solid #CFCFCF;
    border-radius: 40px;
    width: 40px;
    color: black;
    background-color: #CFCFCF;
    margin: auto;
}

.presence-container #hist-table tbody td.selday div.absence-on,
.absence-on {
    border: 1px solid #1C6EA4;
    color: black;
    border-radius: 40px;
    width: 40px;
    font-weight: bold;
    margin: auto;
    background: repeating-linear-gradient( 135deg, #fcfcfc, #fcfcfc 4px, #C3CDD8 5px, #C3CDD8 8px );
}

.presence-container #hist-table tbody td.selday div.absence-on {
    background: repeating-linear-gradient( 135deg, #fcfcfc, #fcfcfc 4px, #4691E1 5px, #4691E1 8px );
}

#rootwizard #quicksearch {
    background-image: url('images/ikona_szukaj_na.png');
    background-repeat: no-repeat;
    background-position-x: left;
    background-size: contain;
    position: absolute;
    right: 0;
    width: 220px;
    margin-right: -15px;
    padding-left: 40px;
}

#rootwizard #quicksearchlabel {
    position: absolute;
    right: 0;
    margin-right: 50px;
    margin-top: -25px;
}


.info-button img {
    width: 16px;
    margin: -2px 0 0 2px;
}

#units table a.full-house {
    background: url(images/ikona_8_miejsca_brak.png) no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
    float: left;
    margin-left: 25px;
}

#units table a.free-house {
    background: url(images/ikona_7_miejsca_ok.png) no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
    margin-left: 25px;
    float: left;
}

.bootstrap-datetimepicker-widget  {
    color:black;
}

#toMessages, #toMenu {
    display: inline-flex;
    margin-right: 10px;
}

#toMenu img {
    width: 26px;
}

    .presencemsg {
        background-color: #f9f9f9;
        border-radius: 6px 6px 6px 6px;
        -moz-border-radius: 6px 6px 6px 6px;
        -webkit-border-radius: 6px 6px 6px 6px;
        border: 2px solid #c2c2c2;
        margin-bottom: 10px;
        padding: 10px;
    }

    .presencemsg h5 {
        background-color: #e0e0e0;
        width: calc(100% + 20px);
        padding: 10px 10px 10px 10px;
        margin-top: 4px;
        margin-left: -10px;
        margin-right: -10px;
        font-weight: bold;
    }

#presence-menu .badge {
    position: absolute;
    left: 14px;
    top: 18px;
    background-color: red;
    font-size: 9px;
}

#manupage-header {
    text-align: center;
    font-size: 24px;
}

    #manupage-header img {
        float: left;
        height: 40px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

#manupage-header2 {
    text-align: center;
    font-size: 24px;
}

    #manupage-header2 img {
        float: left;
        height: 40px;
    }


#manupage-day, #menupage-month {
    margin-top: 20px;
    text-align: center;
    font-size: 22px;
    color: #384F6F;
    font-weight: 700;
}


.meal-item {
    margin-top: 20px;
    text-align: justify;
    font-size: 22px;
}

    .meal-item span {
        font-weight: 700;
    }

    td.cm {
        text-align:center;
        vertical-align: middle !important;
    }
    tr.even{
        background-color: whitesmoke;
    }


#menupage-month i {
    font-size: 20px;
    cursor: pointer;
}

#payInfo {
    text-align: center;
}

.presence-container .child-menu {
    display: block;
    width: 6px;
    height: 28px;
    margin: auto;
    padding: 0px;
    float: right;
    margin-top: 0px;
    background-image: url('/Content/images/threedots.png')
}

#allregistered .dropdown {
    height: 30px;
    width: 30px;
    float: right;
}

    #allregistered .dropdown .dropdown-menu {
        left:auto;
        right: 0;
    }

#btnBack {
    color: #222;
}

#availdecl {
    font-size: larger;
    color: black;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder {
    color: #555;
    background-color: white !important;
}
.filter-option {
    background-color: white !important;
}
.white {
    background-color: white !important;
}


.ticket .wrap {
    padding: 6px 10px 6px 150px;
}

    .ticket .wrap strong {
        margin-left: -130px;
        display: inline-block;
        font-weight: 300;
        width: 200px;
    }

.ticket .ticket-desc {
    margin-left: 20px;
}
.ticket .comments {
    margin-top: 20px;
}

.ticket #comment-textarea {
    margin-top: 10px;
    margin-left: 20px;
    padding: 10px;
    width: calc(100%- 20px);
    height: 250px;
}

.ticket #comment-textarea:focus::placeholder {
    color: transparent;
}


.ticket .collapsed #comment-textarea {
    height: 45px;
    background-color: #eaeaea;
}



.ticket form.collapsed .ticket-actions {
    display: none;
}

.ticket h3 {
    margin-top: 0;

}
.ticket .ticket-key {
    padding-top: 20px;
    color: #337ab7;
    font-size: 16px;
}

.ticket .no-comments {
    margin-left: 20px;
}

.ticket .ticket-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 20px;
}

#tickets--header {
    margin-bottom: 20px;
}

    #tickets--header .breadcrumb {
        margin-bottom: 10px;
    }

.ticket-comment small {
    display: inline-block;
    margin-bottom: 10px;
}

input[type="checkbox"] {
    accent-color: #4D4CA0;
}

input[type="radio"] {
    accent-color: #4D4CA0;
}