/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2016-02-12, 11:14:40
    Author     : a.chalubek
*/


/* source-sans-pro-light - latin_latin-ext */
@font-face {
    font-family: 'sourcesansprolight';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/sourcesanspro/source-sans-pro-v11-latin_latin-ext-light.eot'), /* IE9 Compat Modes */
        url('../fonts/sourcesanspro/source-sans-pro-v11-latin_latin-ext-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/sourcesanspro/source-sans-pro-v11-latin_latin-ext-light.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/sourcesanspro/source-sans-pro-v11-latin_latin-ext-light.woff') format('woff'), /* Modern Browsers */
        url('../fonts/sourcesanspro/source-sans-pro-v11-latin_latin-ext-light.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/sourcesanspro/source-sans-pro-v11-latin_latin-ext-light.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin_latin-ext */
@font-face {
    font-family: 'sourcesansproregular';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/sourcesanspro/source-sans-pro-v11-latin_latin-ext-regular.eot'), /* IE9 Compat Modes */
        url('../fonts/sourcesanspro/source-sans-pro-v11-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/sourcesanspro/source-sans-pro-v11-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/sourcesanspro/source-sans-pro-v11-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
        url('../fonts/sourcesanspro/source-sans-pro-v11-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/sourcesanspro/source-sans-pro-v11-latin_latin-ext-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin_latin-ext */
@font-face {
    font-family: 'sourcesansprosemi';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/sourcesanspro/source-sans-pro-v11-latin_latin-ext-600.eot'), /* IE9 Compat Modes */
        url('../fonts/sourcesanspro/source-sans-pro-v11-latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/sourcesanspro/source-sans-pro-v11-latin_latin-ext-600.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/sourcesanspro/source-sans-pro-v11-latin_latin-ext-600.woff') format('woff'), /* Modern Browsers */
        url('../fonts/sourcesanspro/source-sans-pro-v11-latin_latin-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/sourcesanspro/source-sans-pro-v11-latin_latin-ext-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* playfair-400 - latin_latin-ext */
@font-face {
    font-family: 'playfair';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/playfair/playfair-latin_latin-ext-400.eot'), /* IE9 Compat Modes */
        url('../fonts/playfair/playfair-latin_latin-ext-400.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/playfair/playfair-latin_latin-ext-400.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/playfair/playfair-latin_latin-ext-400.woff') format('woff'), /* Modern Browsers */
        url('../fonts/playfair/playfair-latin_latin-ext-400.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/playfair/playfair-latin_latin-ext-400.svg#PlayFair') format('svg'); /* Legacy iOS */
}

.alert {
    margin-top: 13px;
}
.d-block{
    display:block;
}
.in-d-block{
    display: inline-block;
}
.t-a-center{
    text-align: center;
}
.d-flex{
    display: flex;
}
.d-flex-gap-6{
    gap: 6px;
}
.d-flex-gap-8{
    gap: 8px;
}

.w-100 {
    width: 100%;
}

.d-flex-column {
    flex-direction: column;
}

.d-flex-justify-center {
    justify-content: center;
}

.d-flex-row {
    flex-direction: row;
}

.checkbox-focused{
    box-shadow: 0 0 8px #4268ec;
}
.box-shadow {
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	padding: 3rem 1rem;
	border-radius: 8px;
}

.btn-small{
    padding: 6px 12px;
    font-size: 14px;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="textarea"]{
  border: 1px solid #959595;
}
/*Bootstrap 3.3 */
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px){
    .container {
        max-width: 540px;
    }
}
@media (min-width: 768px){
    .container {
        max-width: 720px;
    }
}
@media (min-width: 992px){
    .container {
        max-width: 960px;
    }


}
@media (min-width: 1200px){
    .container {
        max-width: 1170px;
    }

}


.checkbox, .radio {
    display: inline-block;
}
.checkbox {
    display: block;
}

div[data-type="twig"] table {
    width: 100% !important;
    table-layout: fixed;
}

label {
    font-size: 17px;
    font-weight: normal;
}
/*tymczasowo wyłączone*/
.breadcrumbs {
    text-align: right;
    margin-top: 7px;
}
.breadcrumbs a {
    font-size: 14px;
    color: #123370;
	padding: 3px;
}
.breadcrumbs li:first-child a {
    text-transform: uppercase;
    font-family: "sourcesansprosemi", sans-serif, Arial;
}
body {
    background: url(../images/bg.png) no-repeat top right;
    background-position: right 81px top 48px;
    color: #000;
    font-size: 1em;
    line-height: 1.5em;
    letter-spacing: .02em;
}
body {

    font-family: "sourcesansproregular", Arial;
    font-size: 16px;
}
a{
    color: #2d64c8;
}
ul {
    padding-left: 16px;
}
.page-content {
	max-width: 900px;
	padding: 0 30px 2rem 30px;
}
.container-wrap {
    border-radius: 7px;
    color: #44525d;
    padding: 19px;
    text-align: center;
}
.container-wrap.registration-wrap .glyphicon-ok {
    color: #153a7c;
    font-size: 1.3em;
    margin-right: 23px;
    padding: 11px;
    position: relative;
    top: 5px;
}
.container-wrap span {
    color: #4060ad;
}
.top-links {
    float: right;
    z-index: 10;
    position: relative;
    top: 18px;
}
.navbar-header{
    float:left;
}
.navbar {
    margin-bottom: 0;
}
.navbar-collapse{
    border: none;
}
.navbar-inverse {
    background-color: #fff;
    border-color: #38464f;
}
.navbar-inverse .navbar-nav > .active > a{
    background: none;
    color: #333;
}
/*
.navbar-inverse .navbar-nav > .active > a:focus {
    background: none;
}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus
{
    color: #333;
}
.navbar-inverse .navbar-nav > li > a:focus, 
.navbar-inverse .navbar-nav > li > a:hover{
    color: #333;
}
.navbar-inverse .navbar-nav > li > a:hover
{
    color: #fff;
}

.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover {
    color: #333;
}
.navbar-inverse .navbar-nav > li.yellow:hover,
.navbar-inverse .navbar-nav > li.yellow:focus,
.navbar-inverse .navbar-nav > li.yellow > a:focus,
.navbar-inverse .navbar-nav > li.yellow > a:hover,
.navbar-inverse .navbar-nav > .open.yellow > a {
    background: #f0ad4e !important;
    color: #fff !important;
}
.navbar-inverse .navbar-nav > li.red:hover,
.navbar-inverse .navbar-nav > li.red:focus,
.navbar-inverse .navbar-nav > li.red > a:focus,
.navbar-inverse .navbar-nav > li.red > a:hover,
.navbar-inverse .navbar-nav > .open.red > a {
    background: #d9534f !important;
    color: #fff !important;
}
.navbar-inverse .navbar-nav > li.blue:hover,
.navbar-inverse .navbar-nav > li.blue:focus, 
.navbar-inverse .navbar-nav > li.blue > a:focus,
.navbar-inverse .navbar-nav > li.blue > a:hover,
.navbar-inverse .navbar-nav > .open.blue > a {
    background: #337ab7 !important;
    color: #fff !important;
}
.navbar-inverse .navbar-nav > li.green:hover,
.navbar-inverse .navbar-nav > li.green:focus, 
.navbar-inverse .navbar-nav > li.green > a:focus,
.navbar-inverse .navbar-nav > li.green > a:hover,
.navbar-inverse .navbar-nav > .open.green > a {
    background: #5cb85c !important;
    color: #fff !important;
}*/

.navbar ul li:hover{
    background: #123370;
    transition: all 0.2s;
}
.navbar ul li:hover a,
.navbar ul li:hover p{
    color: #fff;
    transition: all 0.2s;
}

.kk-szczegoly-platnosci {
    padding: 1em 2em 1em 2em
}
.modalHeadDocName p {
    background: #e5effb;
    padding: 10px;
    font-weight: 600;
}
.modalHeadItem {
    float: left;
    width: 50%;
}
.modalHeadValue {
    text-align: right;
}
.modalHeadItem, .modalHeadValue {
    font-size: 14px;
    color: #000;
    border-bottom: 1px solid #eee;
    padding: 3px;
    padding-left: 10px;
}

.modalHeadItem.extra-bold, .modalHeadValue.extra-bold {
    background: #e5fbe7;
    padding: 10px;
    color: #136f11;
    font-size: 17px;
}

.pay-val {
    padding: 0 10px;
}
.pay-val span {
    font-weight: bold;
    font-size: 22px;
}
.extra-bold {
    font-weight: bold;
    margin-top: 14px;
}
.kk-szczegoly-platnosci h4 {
    font-size: 16px;
    margin-top: 14px;
    color: #848484;
}

.kk-szczegoly-platnosci p {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 23px
}

#modalZaplacSamodzielnie .przyciskKopiujacy, #modalZaplacPrzezPortal .przyciskKopiujacy {
    margin-right: 12px;
    font-size: 17px;
}
#modalZaplacSamodzielnie table, #modalZaplacPrzezPortal table {
    width: 100%;
}
#modalZaplacSamodzielnie table td, #modalZaplacPrzezPortal table td {
    padding: 5px 12px;
    border-bottom: 1px solid #ddd
}
#modalZaplacPrzezPortal .podsumowanie-koszyk table td, #modalZaplacPrzezPortal .podsumowanie-koszyk table th {
    padding: 3px 10px;
}
#modalZaplacSamodzielnie table td:nth-child(2), #modalZaplacPrzezPortal table td:nth-child(2) {
    text-align: right;
}
#modalZaplacSamodzielnie p, #modalZaplacPrzezPortal p  {
    margin-bottom: 5px;
}
.tekst_kopiuj {
    font-size: 12px;
    text-transform: uppercase;
    color: #111;
    margin-right: 5px;
    position: relative;
    top: -3px;
}
#listaWplat {
    padding: 10px;
    overflow: auto;
}
.modal-footer .btn.btn-danger,
.modal-footer .btn.btn-info,
.modal-footer .btn.btn-success,
.modal-footer .btn.btn-default,
.modal-footer .btn.btn-primary{
    padding: 10px 20px !important;
}
.modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.1);
    box-shadow: 0 5px 15px rgba(0,0,0,.1);
    border-radius: 0;
    border: none;
}
.modal-backdrop {
    background-color: #ddd;
}


/*.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{ 
    color: #fff; 
    background-color: inherit; 
} */
.nazwa_jednostki{
    text-align:right;
}
.navbar-brand {
    padding: 7px 9px 7px 9px;
    line-height: 20px;
    display: block;
    float: none;
    height: auto;
    position: relative;
    top: 0px;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 29px;
    height: 4px;
    /* color: #000; */
    background: #fff;
    /* border: 1px solid #444; */
}
.navbar-toggle {

    float:none;
}
@media (max-width: 768px){
    .navbar-brand > img{
        display:inline-block;
        max-width: 200px;
    }
    .navbar-brand {
        padding: 9px 9px 0 9px;
        line-height: 20px;
        display: inherit;
        float: none;
        height: auto;
        position: relative;
        top: 0;
    }
    ul.grid-list.indexpage > li {
        padding: 17px;
    }
}


/*.wyszukaj{
        padding-top: 21px;
        padding-left: 0;
        margin-bottom: 13px; 
}*/
.wyszukaj input#wyszukaj {
    background: #f3f3f3;
    border: none;
    border-radius: 0;
    height: 50px;
    box-shadow: none;
}
.wyszukaj .btn.btn-default {
    /*	background: #123370;*/
    background: #123370;
    color: #fff;
    font-size: 18px;
    border: none;
    border-radius: 0;
    padding: 12px 12px;
}
img#baner_unia {
    max-width: 390px;
    display: block;
    margin: 0 auto;
    /* display: none; */
}
.container.payments-block {
    margin-top: 22px;
}



.payments-block h3{
    background: #f5f5f5;
    border: none;
    padding: 13px !important;
}
.payments-block h3.ui-state-active{
    background: #e5effb;
    color: #333;
    font-weight: bold;
}
.payments-block .pozostalo-dozaplaty {
    float: right;
}
.payments-block .tytul-naleznosci, .payments-block .platnosciAccordion {
    float: left;
    padding: 13px;
}
.payments-block .pozostalo-dozaplaty a {
    margin-left: 19px;
    background: #2d64c8;
    border: none;
    padding: 11px 33px;
    color: #fff !important;
}
.payments-block  .ui-icon{
    padding-top: 50px;
}
.payments-block  .close{
    color:black;
}

.payments-block .ui-icon,
.payments-block .ui-state-focus .ui-icon,
.payments-block .ui-state-hover .ui-icon {
    background-image: url("../images/accordion-open.png");
    width: 23px;
    height: 21px;
    text-indent: 1px;
    float: left;
    background-repeat: no-repeat;
    background-position: 0;
}
.payments-block  .ui-state-active .ui-icon,
.payments-block  .ui-state-active.ui-state-hover .ui-icon{
    background-image: url("../images/accordion-closed.png");
}
.payments-block th {
    padding: 8px 2px;
    border-bottom: 1px solid;
}
.payments-block td {
    padding: 4px 4px;
    border-bottom: 1px solid rgb(222, 212, 212);
    font-size: 14px;
}
.payments-block td.pokaz-szczegoly, .payments-block td.pokaz-szczegoly-faktury {
    color: #2d64c8;
    font-weight: bold;
    font-size: 14px;
    text-decoration: underline;
}
.payments-block tr:nth-child(2) td:first-child {
    padding-right: 11px;
}
.payments-block tr td:last-child {
    text-align: right;
}

.payments-block .pozostalo-dozaplaty span {
    font-weight: bold;
    color: #153a7c;
}
.payments-block .under-payment-table{
    margin-top:10px;
}
.payments-block .under-payment-table tr td {
    text-align: left;
}
.payments-block .tabela-naleznosci{
    width: 100%;
}

.payments-block .przyciskiNaleznosci{
        margin-top: 1.8em; 
        display: flex; 
        justify-content: space-between;
}


@media (max-width:1024px){
    .payments-block  .ui-icon,
    .payments-block  .ui-state-hover .ui-icon{
        float: none;
    }
    .payments-block .pozostalo-dozaplaty {
        float: none;
    }
    .payments-block .tytul-naleznosci, .payments-block .platnosciAccordion {
        float: none;
    }
    .payments-block .pozostalo-dozaplaty a {
        margin-left: 0;
        padding: 11px 33px;
        margin-top: 11px;
    }
    .payments-block .tabela-naleznosci{
        min-width: 600px;
    }
    .payments-block .przyciskiNaleznosci{
        flex-direction: column;
    }
    .payments-block .pokazPrzedmiotyOpodatkowaia,
    .zaplacSamodzielnie,
    .zaplacPrzezPortal{
	margin-bottom: 6px;
        font-size: 12px !important;
    }   
    .payments-block .tabela-naleznosci .first-column{
    width:231px;
}
   
}
@media (max-width:992px){
    .payments-block td {
        padding: 4px 6px;
        border-bottom: 1px solid #eee;
        color: #333;
        font-size: 15px;
   
    }
    .payments-block tr td:first-child {
        text-align: left;
    }
    .payments-block .badge.badge-info {
	margin-bottom: 9px;
    }
}


@media (max-width:768px){
    .payments-block .pozostalo-dozaplaty {
	display: block;
	background: #fff;
	padding: 20px;
	border-radius: 5px;
    }
}
@media (max-width:480px){
    .payments-block .pozostalo-dozaplaty span {
	display: block;
	margin-top: 4px;
    }
}









#wyszukaj::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #333;
    font-size: 19px;
    font-style: italic;
    font-family: "sourcesansprolight",sans-serif,Arial,Helvetica;
}
#wyszukaj::-moz-placeholder { /* Firefox 19+ */
    color: #333;
    font-size: 19px;
    font-style: italic;
    font-family: "sourcesansprolight",sans-serif,Arial,Helvetica;
}
#wyszukaj:-ms-input-placeholder { /* IE 10+ */
    color: #333;
    font-size: 19px;
    font-style: italic;
    font-family: "sourcesansprolight",sans-serif,Arial,Helvetica;
}
#wyszukaj:-moz-placeholder { /* Firefox 18- */
    color: #333;
    font-size: 19px;
    font-style: italic;
    font-family: "sourcesansprolight",sans-serif,Arial,Helvetica;
}
.subhead{

}


/*main grid all*/

ul.grid-list {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-template-areas: "box1 box2 box3 box5 box6 box7";
    padding: 0;
}
ul.grid-list > li {
    padding: 11px;
    min-height: inherit;
    position: relative;
    background: #f3f3f3;

}
ul.grid-list li{
    list-style: none;
}
ul.grid-list li:hover{
    cursor:pointer;
}
ul.grid-list > li > a {
    font-family: "sourcesansprosemi";
    font-size: 19px;
    line-height: 22px;
    padding-bottom: 9px;
    display: block;
}
ul.grid-list li a,
ul.grid-list li a{
    color: #123370;
}
li.box1{grid-area: box1; background-color: #fff;}
li.box2{grid-area: box2; background-color: #f3f3f3;}
li.box3{grid-area: box3; background-color: #d9d9d9;}
li.box4{grid-area: box4; background-color: #ffffff; }
li.box5{grid-area: box5; background-color: #ffffff; }
li.box6{grid-area: box6; background-color: #f3f3f3;}
li.box7{grid-area: box7; background-color: #123370;}

ul.grid-list > li > a {
    font-family: "sourcesansprosemi";
    font-size: 19px;
    line-height: 22px;
    padding-bottom: 9px;
    display: block;
    height: 100%;
}

/*ul.grid-list li.box1 a,
ul.grid-list li.box7 a{
        color: #35383d;
}
ul.grid-list li.box4 a{
        color: #35383d;
}*/

ul.grid-list li.box1 a,
ul.grid-list li.box7 a{

}
ul.grid-list li.box4 a{
    color: #d15844;
}
ul.grid-list li.box1 ul li a,
ul.grid-list li.box7 ul li a{
    color: #35383d;
}


/*main grid indexpage*/
ul.grid-list.indexpage > li > a {
    font-family: "sourcesansprosemi";
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 9px;
    display: block;
    height: auto;
}

ul.grid-list.indexpage {
    display: grid;
    grid-template-areas: 
        "box1 box2 box3 box3"
        "box5 box5 box6 box7";
    grid-gap:4px;
    background: #fff;
    padding: 0;
}
ul.grid-list.indexpage > li {
    padding: 24px;
    /*	min-height: 199px;*/
    position:relative;
}

ul.grid-list.indexpage > li::after {
    content: "\f0da";
    position: absolute;
    bottom: -7px;
    right: 3px;
    font-family: "FontAwesome";
    -ms-transform: rotate(49deg);
    -webkit-transform: rotate(49deg);
    transform: rotate(49deg);
}


#navbar ul p{
    display: none;
}
#navbar ul.indexpage p{
    display: block;
}




/*EOF main grid indexpage*/




.dropdown-menu > li > a{
    font-size: 17px;
}

/*EOF main grid*/

/*mobile menu*/
@media(max-width: 1024px){

    ul.grid-list,
    ul.grid-list.indexpage{
        display: grid;
        grid-template-columns: 100%;
        grid-template-areas: 
            "box1" "box2" "box3" "box3" "box5" "box6" "box7";
        box-shadow: 0px 0px 18px rgba(0,0,0,0.4);

    }
    .grid-list .dropdown-menu {
        position: relative;
        display: block;
        float: none;
        min-height: inherit;
        top: 0;
        min-width: inherit;
        background: none;
        box-shadow: none;
        border-radius: 0;
        border: none;
    }

    ul.grid-list > li > a,
    ul.grid-list.indexpage > li > a{
        font-family: "sourcesansprosemi";
        font-size: 19px;
        line-height: 22px;
        padding-bottom: 9px;
        display: block;
        height: auto;
    }
    ul.grid-list .dropdown-menu > li > a {
        display: block;
        padding: 0px 10px;
        padding-left: 16px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        white-space: nowrap;
        font-size: 16px;
        border-top: none;
        white-space: inherit;
    }
    ul.grid-list.indexpage > li,
    ul.grid-list > li{
        padding: 18px 44px;
        /* min-height: 199px; */
        position: relative;
    }
    ul.grid-list li.box1 ul li a,
    ul.grid-list li.box7 ul li a{
        color: #fff;
    }

}

#navbar{
    text-align: center;
}
#navbar ul {
    list-style: none;
    display: table;
    text-align: center;
    width: 75%;
    margin: 0 auto;
}
#navbar ul li {
    list-style: none;
    display: table-cell;
    text-align: center;
    border-right: 1px solid #ddd;
}
#navbar ul li a {
    font-family: "sourcesansproregular",sans-serif,Arial,Helvetica;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
	padding: 0 11px;
	display: block;
}
#navbar ul li.active a{
    font-family: "sourcesansprosemi",sans-serif,Arial,Helvetica;
    color: #2963ca;
}



@media(max-width: 768px){
    ul.grid-list > li,
    ul.grid-list.indexpage > li{
        min-height: inherit;
    }
    ul.grid-list.indexpage,
    ul.grid-list{
        display: grid;
        grid-template-columns: 100%;
        grid-template-areas: 
            "box1" "box2" "box3" "box3" "box5" "box6" "box7";
        box-shadow: 0px 0px 18px rgba(0,0,0,0.4);
    }
}
/*EOF mobile menu*/
.middle-block {
    font-family: "sourcesansprolight",sans-serif,Arial,Helvetica;
}
.indexpage .middle-block {
    display: flex;
}
.indexpage .middle-block > div{
    flex-grow: 1;
}
.indexpage .middle-block > div:first-child{
    width: 40%;
    padding-left: 20%;
    background: #153a7c;
    background-image: url("../images/news_bg.jpg");
    background-position: right;
    border-radius: 0px 14px 0 0;
    color: #fff;
    padding-top: 32px;
    padding-right: 20px;
}
.indexpage .middle-block > div:first-child a,
.indexpage .middle-block > div:first-child p
{
    color: #fff;
    font-size: 18px;
}
.indexpage .middle-block > div:first-child h2 {
	border-bottom: 2px solid #fff;
	display: inline-block;
	padding-bottom: 22px;
	margin-bottom: 22px;
    font-weight: bold;
    font-size: 24px;
}
.indexpage .middle-block > div:last-child{
    width: 60%;
    padding-right: 12%;
    margin-top: 36px;
    background: rgba(251,251,251,0.9);
   
}
.indexpage .bottom-decoration-line{
    display:none;
}
.news-block-wrapper {
	margin-top: 22px;
}
.news-block {
	display: flex;
    gap: 15px;
    border-top: 1px solid rgba(255,255,255,0.2);
    padding-top: 15px;
    padding-bottom: 15px;
    
}
.news-text a,
.news-text div {
	display: block;
    font-size: 17px;
}
.news-image img {
	width: 53px;
	background: #eee;
	height: 46px;
}
.middle-block .icon-block {
    text-align: center;
    margin-bottom: 21px;
    min-height: 178px;
    padding-top: 15px;
    /* padding-bottom: 10px; */
}
.middle-block .icon-block img {
	height: 66px;
}
.middle-block .icon-block a{
    display: block;
}
.middle-block .icon-title {
    font-size: 19px;
    display: block;
    text-align: center;
    line-height: 26px;
    margin-bottom: 16px;
    margin-top: 21px;
    color: black;
}
.middle-block .icon-title a {
    color: #000;
}
.middle-top-block-wrapper {
    border-bottom: 1px solid #dedede;
    padding: 17px;
}
.middle-top-block ul {
    list-style: none;
    text-align: right;
    margin:0;
}
.middle-top-block ul a {
    color: #111;
}

.middle-top-block ul li{
    display: inline;
    padding: 0 10px;
}
.menu-block,
.menu-icons-block{
    padding: 35px 0px;
}

.indexpage .menu-block,
.indexpage .menu-icons-block{
    padding: 17px 0px 0px;
}

/*middle grid*/
.box-widget-wrapper {
    display: grid;
    grid-template-columns: 31% auto 32%;
    grid-gap: 17px;
}

@media(max-width: 768px){
    .box-widget-wrapper {
        grid-template-columns: 50% auto;      
        grid-gap:11px;
    }
}
/*EOF middle grid*/

@media(max-width: 768px){
    .box-widget {
        border: 1px solid #2d64c8;
    }
}


.navbar-static-top {
    border-width: 0;
    padding: 15px 15px 0;
    background-color: #f3f3f3;
    border-bottom: 1px dashed #999;
}
.home-site .navbar-static-top {
    background: none;
    border:none;
}
.btn-primary, .btn.btn-danger {
    background-color: #0a2686;
    border-color: #0a2686;
    border-radius: 4px !important;
}
.btn-primary, .btn-danger, #wif_body .btn.btn-success, .btn-info {
    font-size: 16px;
    padding: 2px 25px;
}
.formularz-body .btn {
    margin-left: 5px;
    margin-right: 5px;
    float: none;
}
.formularz-body .btn-group {
    background: #fff;
    padding: 22px;
    width: 100%;
    text-align: center;
}
#wif_body .btn.btn-success{
    background-color: #00a650;
}
.btn-primary:hover,
.btn-danger:hover, #wif_body 
.btn.btn-success:hover{

    text-decoration: underline;
}
.registration-wrap {
    /* background: #fafafa none repeat scroll 0 0; */
    margin-top: 40px;
    margin-bottom: 40px;
}
.container-wrap p {
    border-bottom: 1px dotted #4060ad;
    padding-bottom: 10px;
}
.reg-form .control-label {
    color: #123370;
}
.reg-form .panel-footer {
    background-color: #fff;
}
.reg-form .form-control {
    border: 1px solid #959595;
}
.reg-form .panel-default {
    border: medium none;
}
h3.reg-h3 {
    border-bottom: 1px dotted;
    color: #4060ad;
}
/*.reg-form .glyphicon.glyphicon-user,
.reg-form .glyphicon.glyphicon-phone{
  border-right: 1px dotted;
  font-size: 2em;
  margin-right: 6px;
  padding-right: 7px;
}*/
.reg-form .glyphicon{
    border-right: 1px dotted;
    font-size: 2em;
    margin-right: 6px;
    padding-right: 7px;
}
.reg-form .form-group {
    margin-bottom: 11px;
}
nav .yellow {
    border-bottom: 9px solid #f0ad4e;
}
nav .red {
    border-bottom: 9px solid #d9534f;
}
nav .blue {
    border-bottom: 9px solid #337ab7;
}
nav .green {
    border-bottom: 9px solid #5cb85c;
}
.navbar-default {
    background-color: #337ab7;
}
.navbar-default {
    border-color: #e7e7e7 #fff #e7e7e7 #e7e7e7;
    border-right: 5px solid #fff;
}
.navbar-default a{
    color: #fff;
}
.navbar-inverse .navbar-nav > li > a {
    color: #575757;
    font-family: "Roboto Condensed",sans-serif, Arial, Helvetica;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 300;
}
.navbar-nav > li > a {
    padding-bottom: 24px;
    padding-top: 24px;
    color: #474747;
}
.sidebar-nav ul {
    list-style-type: none;
}

.sidebar-nav a {
    display: inline-block;
    padding: 7px;
}
.ikona-main {
    min-height: 300px;
    padding: 44px 34px 17px;
    text-align: center;
    border-width: 1px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.ikona-main.red:hover .title{
    color: #d9534f;
}
.ikona-main.yellow:hover .title{
    color: #f0ad4e;
}
.ikona-main.blue:hover .title{
    color: #337ab7;
}
.ikona-main.green:hover .title{
    color: #5cb85c;
}
.ikona-main:hover .title{
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.ikona-main .title {
    display: block;
    margin-top: 12px;
    padding: 6px 10px;
    text-transform: uppercase;
}
.ikona-main.red{
    color: #D9534F;
    border-bottom: 1px solid;
}
.ikona-main.yellow{
    color: #F0AD4E;
    border-bottom: 1px solid;
}
.ikona-main.blue{
    color: #337AB7;
    border-bottom: 1px solid;
}
.ikona-main.green{
    color: #5CB85C;
    border-bottom: 1px solid;
}
.ikona-main:hover {
    border-bottom: 4px solid;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
/*.bottomboxy .yellow{
  background: #fff8ee none repeat scroll 0 0;
}*/
.bottomboxy .yellow h4{
    color: #f0ad4e;
    border-top: 1px solid;
}
.bottomboxy .glyphicon {
    font-size: 41px;
    padding-right: 15px;
}
/*.bottomboxy .red{
  background: #ffe8e7 none repeat scroll 0 0;
}*/
.bottomboxy .red h4{
    color: #D9534F;
    border-top: 1px solid;
}
/*.bottomboxy .blue{
  background: #daeeff none repeat scroll 0 0;
}*/
.bottomboxy .blue h4{
    color: #337AB7;
    border-top: 1px solid;
}
.bottomboxy > div {
    padding: 27px;
}
.bottomboxy h4 {
    color: #f0ad4e;
    font-weight: bold;
    padding: 8px 0;
}
.main {
    /*    background: #fff none repeat scroll 0 0;*/
}
.page-header {
    border-bottom: 1px dotted #337ab7;
    margin: 20px 0;
    padding: 21px 0 21px 20px;
}
.usuniecie-subskr {
    margin-top: 40px;
    opacity: 1;
    text-align: center;
    font-size: 15px;
}
.usuniecie-subskr .col-sm-5 {
    display: none;
}
.usuniecie-subskr .col-sm-7 {
    width: 100%;
}
.navbar-nav .zaloguj a.dropdown-toggle:hover,
.navbar-nav .zaloguj a.dropdown-toggle:focus{
    background: rgb(21, 58, 124);
    color: #fff;
}

.navbar-nav > li {
    display: table-cell;
    float: none;
    font-size: 20px;
    vertical-align: middle;
}
.forms-login-group img{
  max-height: 62px;
}
.zaloguj .dropdown-menu {
    width:250px;
}
.zaloguj .glyphicon.glyphicon-log-in {
    font-size: 17px;
    padding-right: 10px;
}
.zaloguj .btn {
    display: block;
    width: 100%;
    margin-top: 11px;

}
.zaloguj .btn.btn-outline {
    color: #23527c !important;
}

.top-widget-block
{
    z-index: 999;
}
.top-block,
.top-widget-block{
    background: #fff none repeat scroll 0 0;
    padding: 13px;
    position: relative;
}
.top-block {
    z-index: 1001;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}
.top-block .navbar-nav > li > a {
    border-left: 1px dotted;
    padding: 5px 12px;
    background: none;
    border-radius: 3px;
}
.top-block .navbar-nav > li > a:hover,
.top-block .navbar-nav > li > a:focus{
    background: none;
}
.top-block #wyszukaj .btn {
    padding: 7px 12px;
}
.top-block .wyszukaj .btn-default {
    background-color: #575757;
    border-color: #575757;
    border-radius: 4px;
    border-width: 0;
    color: #fff;
}
.top-block .wyszukaj .input-group-btn {
    left: 9px;
}
.top-block #wyszukaj.form-control {
    border: 1px solid #d3d8de;
    border-radius: 4px 0px 0px 4px;
    height: 36px;
}
li.search-block {
    padding-right: 20px;
}
li.search-block button {
    border: 1px solid #959595;
    padding: 7px 14px;
    border-radius: 0px 2px 2px 0;
    background: #fff;
    color: #333;
    border-left-width: 0;
}
li.search-block button:hover {
    background: rgb(21, 58, 124);
    color: #fff;
    border-color: rgb(21, 58, 124);
}
.dropdown-menu {
    left: auto;
    right: 0;
}
.navbar-nav {
    float: right;
}
.navbar-inverse .navbar-toggle .icon-bar,
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
    background-color: #337ab7;
}
.navbar-inverse .navbar-toggle:focus .icon-bar, 
.navbar-inverse .navbar-toggle:hover .icon-bar{
    background-color: #fff;
}
.navbar-inverse .navbar-toggle {
    border-color: #337ab7;
    border-width: 4px;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{
    color: #333;
}

@media (max-width: 1024px) {
    .container {
        width: 100%;
    }
    .navbar-nav > li {
        /*        display: none;*/
        float: left;
    }
    .navbar-nav > li.dropdown {
        display: block;
    }
    .navbar-nav > li.zaloguj {
        display: block;
        text-align: right;
    }
    .navbar{
        position:inherit;
        min-height: inherit;
    }
    .navbar-nav {

    }
    .navbar-toggle {
        display: block;
    }
    .navbar-header {
        float: none;
    }
    .navbar-collapse.collapse {
        display: none !important; /* !important poniewa| bootstrap tez ma important na tej klasie */
    }
    .collapse.in {
        display: block !important; /* !important poniewa| bootstrap tez ma important na tej klasie */
        position: absolute;
        top: 119px;
        left:0;
        z-index: 300939;
    }
    /*    .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: transparent;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }*/

    .navbar-inverse .navbar-nav > .open.yellow{
        background: #f0ad4e;
    }
    .navbar-inverse .navbar-nav > .open.red{
        background: #d9534f;
    }
    .navbar-inverse .navbar-nav > .open.blue{
        background: #337ab7;
    }
    .navbar-inverse .navbar-nav > .open.green{
        background: #5cb85c;
    }
    .dropdown-menu>li>a {
        display: block;
        padding: 13px 20px;
        padding-left: 44px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
        font-size: 21px;
        border-top: 1px solid #fff;
    }
    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
        background-color: inherit;
        text-decoration: underline;
    }
    .nav > li.zaloguj > a.dropdown-toggle {
        /*        border: 3px solid #2d64c8;*/
        border-radius: 4px;
        display: inline-block;
    }
    .btn-primary, .btn-danger, #wif_body .btn.btn-success, .btn-info  {

        display: block;
        font-size: 19px;
        width: 100%;
        margin-bottom:10px;
    }
    .dropdown-header {
        background: rgba(255, 255, 255, 0.39) none repeat scroll 0 0;
        color: #333;
        font-size: 18px;
        padding: 13px 20px;
        text-align: center;
        white-space: nowrap;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header, 
    .navbar-nav .open .dropdown-menu > li > a {
        padding: 19px 15px 13px 25px;
    }
    .dropdown.zaloguj.open {
        margin: 0 auto;
        max-width: 600px;
    }
    .form-control.input-sm {
        height: 36px;
        padding: 8px;
    }
    .pull-right {
        float: none !important; /* !important poniewa| bootstrap tez ma important na tej klasie */
    }
    .wyszukaj {
        padding-top: 0;
    }

    .navbar-toggle {
        position: absolute;
        right: 0;
        top: 18px;
    }
    section.search-section {
        margin-top: 13px;
    }
    .top-links {
        float: none;
        margin-bottom: 10px;
    }
    .top-block .navbar-nav > li.open > a {
        text-transform: uppercase;
    }
    .nav>li>a:focus, .nav>li>a:hover {
        background: none;
    }


}
@media (max-width: 768px){
    .navbar-nav {
        float: right;
        margin: 0 0 27px 0;
    }
    .ikona-main img{
        width: 100%;
    }
    .ikona-main {
        padding: 44px 10px 17px;
    }
}

table.table-striped { 
    margin: 0 auto;
    font-family: Agenda-Light, sans-serif;
    text-rendering: optimizeLegibility;
    border-radius: 5px; 
    /*    width: 100% !important;*/
}
.table-bordered {
    border: none;
}

table.table-striped thead th { font-weight: 600; }
table.table-striped thead th, table.table-striped tbody td { 
    padding: .8rem; font-size: 1.4rem;
}

table.table-striped tbody td {
    padding: 1.8rem;
    font-size: 1.6rem;
    vertical-align: middle;
}
table.table-striped tbody td {
    padding: 1.4rem;
    font-size: 1.6rem;
    vertical-align: middle;
    border: 3px solid #fff;
    background: #f5f5f5;
}
/*tabela w tabeli, np w należnościach*/
table.table-striped tbody td table.table-striped tbody td {
    padding: 0.4em;
}
table.table-striped tbody tr.details + tr > td {
    padding: .8rem 0;
}
table.table-striped tbody tr.details + tr > td table{
    border: 0;
}

table.table-striped tr.details td:nth-child(1) {
    border-left: 0px solid #5cb85c;
}
table.table-striped tr.details.greyRow td:nth-child(1) {
    border-left-color: #999;
}
table.table-striped tbody tr.details + tr > td {
    /*  border-left: 3px solid #5cb85c;*/
    padding: 27px 19px;
    position: relative;
}
table.table-striped tbody tr.details + tr > td > div {
    border-radius: 5px;
    /* box-shadow: 0 0 -10px rgba(0, 0, 0, 0.15); */
    padding: 7px;
    border: 3px solid #2d64c8;
}
.table > thead:first-child > tr:first-child > th {
    border-top: 0;
    color: #2d64c8;
    background: #fff;
}
table.table-striped tbody tr.details + tr > td::after {

    /*background: #5cb85c; 
    background: -moz-linear-gradient(-45deg, #5cb85c 50%, #ffffff 50%);  FF3.6-15 
    background: -webkit-linear-gradient(-45deg, #5cb85c 50%,#ffffff 50%);  Chrome10-25,Safari5.1-6 
    background: linear-gradient(135deg, #5cb85c 50%,#ffffff 50%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cb85c', endColorstr='#ffffff',GradientType=1 );  IE6-9 fallback on horizontal gradient 
      content: "";
      height: 25px;
      left: 0;
      position: absolute;
      top: 0;
      width: 25px;*/
}
table.table-striped tbody tr.details.greyRow + tr > td::after {

    background: #999999;
    background: -moz-linear-gradient(-45deg, #999999 50%, #ffffff 50%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #999999 50%,#ffffff 50%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #999999 50%,#ffffff 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
table.table-striped tbody tr.details.greyRow + tr > td {
    border-left-color: #999;
}
.table-striped > tbody > tr.details {
    background: rgba(57, 191, 57, 0.17) none repeat scroll 0 0;
}
.pagination > li > a, .pagination > li > span {

    color: #337ab7;
    background: none;
    border: none;
    font-size: 14px;
}
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: #333;
    background-color: inherit;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    color: #337ab7;
    background-color: inherit; 
    border-color: #337ab7;
    font-weight: bold;
    border-left: 1px dotted;
    border-right: 1px dotted;
}


@media screen and (max-width: 600px) {
    /*    table.table-striped caption { background-image: none; }
        table.table-striped thead { display: none; }
        table.table-striped tbody td { 
            display: block; padding: .6rem; 
        }
        table.table-striped tbody td::before {
      background: #ecf3ff none repeat scroll 0 0;
      border: 2px solid #c9d6ed;
      color: #2858af;
      content: attr(data-th);
      display: inline-block;
      font-weight: bold;
      margin-right: 3px;
      overflow: hidden;
      padding: 5px;
      text-align: left;
      width: 100%;
    }
        div.dataTables_wrapper > div.row > div, div.dataTables_length, div.dataTables_filter, div.dataTables_info, div.dataTables_paginate {
            text-align: left;
        }*/
}


.box-widget {
    /* border: 1px solid #96b1e3; */
    padding: 33px;
    background: #efefef;
}
.box-widget:hover{
    cursor:pointer;
    background: #123370;
    transition: all 0.2s;
}
.box-widget:hover .widget-title,
.box-widget:hover p{
    text-decoration: underline;
    color: #fff;
}


.box-widget > div {
    position: relative;
}
.box-widget-bottom > div {
    background: #f1f3f6 none repeat scroll 0 0;   
    padding: 22px;
    position: relative;
}
.widget-title {
    color: #333;
    font-family: "sourcesansprosemi",sans-serif,Arial,Helvetica;
    font-size: 25px;
    line-height: 28px;
    padding-bottom: 7px;
    display: block;
}
.box-widget li {
    padding: 1px 6px;
    list-style: none;
}
.box-widget li::before {
    content: '\f105';
    font-family: "FontAwesome";
    list-style: none;
    padding-right: 7px;
}
.box-widget li a {
    color: #222;
}
.box-widget p {
    color: #666;
}
.box-widget img, .grid-list img {
    max-height: 14px;
} 
.grid-list img.logo_md{
    max-height: 46px;
}


.box-widget-wrapper ul {
    padding-left: 0;
}
.top-widget-block, .middle-widget-block {
    padding-top: 26px;
    background: #f2f2f2;
}
.middle-info-box .widget-title {
    display: block;
    font-size: 3.3rem;
    padding: 18px 27px 18px 3px;
}

.info-list .widget-sygn {
    display: none;
}
.middle-info-box {
    padding-bottom: 50px;
    padding-top: 50px;
}
.middle-info-box li a {
    color: #222;
	display: block;
}
.info-list.list-inline {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 35px;
    width: 100%;
}
.info-list.list-inline li {
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px dotted #2d64c8;
    padding: 0 10px;
    width: 185px;
    text-align: center;
}
.info-list li span {
    display: block;
    font-size: 1.8rem;
    margin-top: 23px;
}

.pokaz_wiecej {
    display: inline-block;
    line-height: 33px;
    padding: 8px;
    border-radius: 5px;
    /* position: relative; */
    background-color: rgb(41,127,184);
    color: rgb(255,255,255);
    text-decoration: none;
    margin-top: 10px;
    /* margin-left: 26px; */
    /* position: absolute; */
    /* bottom: 14px; */
    text-align: center;
}
.pokaz_wiecej:hover,
.pokaz_wiecej:focus{
    color: #fff;
    text-decoration:underline;
}
.pokaz_wiecej span {
    display:none;
    position: absolute;
    left: 0;
    color: #222;
    width: 38px;
    background-color:#d7dbe0;
    text-align: center;
}

.pokaz_wiecej:hover span, .pokaz_wiecej.active span {
    background-color:#eee;
    border-right: 1px solid  rgba(0,0,0,0.3);
}

.pokaz_wiecej:active {
    margin-top: 2px;
    margin-bottom: 13px;

    -moz-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
    -webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.5);
    box-shadow:0px 1px 0px rgba(255,255,255,0.5);
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ccffffff,Positive=true)";
    filter:progid:DXImageTransform.Microsoft.dropshadowa(OffX=0,OffY=1,Color=#ccffffff,Positive=true);
}
.pokaz_wiecej.grey {
    background: #2d56a1;
}
.adres-widget-block {
    background: #fff; /* Old browsers */
    color: #fff;
    padding: 43px 10px;
}
.nazwa_jednostki {
    font-family: "sourcesansprosemi",sans-serif,Arial,Helvetica;
    font-size: 21px;
    font-weight: 500;
    text-align: center;
    color: #123370;

}

.nazwa_jednostki > span {
    display: block;
    font-size: 23px;
    line-height: 20px;
}
.nazwa_jednostki img{
    height: auto;
    width: 100%;
}

.adres-urzedu.tabela_adresu td {
    padding: 8px 19px;
    vertical-align: top;
}
.adres-szczegol div{
    float:left;
    padding: 8px 19px;
}
/*.adres-szczegol div:first-child {
    border-right: 1px solid #7e9bcf;
    font-family: "Roboto Condensed",sans-serif,Arial,Helvetica;
    font-size: 30px;
    font-weight: 400;
    line-height: 32px;
}*/
.adres-szczegol table td {
    padding: 8px;
}
.adres-szczegol table td:first-child {
    border-right: 1px solid #7e9bcf;
    font-family: "Roboto Condensed",sans-serif,Arial,Helvetica;
    font-size: 30px;
    font-weight: 400;
    line-height: 32px;
}

@media (max-width: 1024px){
    .nazwa_jednostki {
        font-size: 28px;
        text-align: center;
    }
    .herb_jednostki {
        margin-left: 15px;
        display: block;
        text-align: center;
        margin: 0 auto;
    }
}
@media (max-width: 767px){
    .box-widget > div {
        min-height: 0;
    }
    .pokaz_wiecej {
        margin-bottom: 0;
        margin-left: 7px;
        margin-top: 19px;
        padding-right: 16px;
        position: relative;
    }

}

@media(max-width: 480px){
    .box-widget-wrapper {
        grid-template-columns: 100%;      
        grid-gap:7px;
    }

    .navbar-brand > img {
        display: inline-block;
        max-width: 160px;
    }

}


.left-menu {
    padding: 26px 30px 26px 4px;
    background: #f2f2f2;
    padding-left: 19%;
    padding-top: 80px;
    min-height: 100vh;
}
.left-menu ul {
    list-style: outside none none;
    padding-left: 15px;
}
.left-menu li a{
    color: #153a7c;
    font-size: 18px;
    display: block;
    padding: 9px 6px;
}

.left-menu li.active a {
    font-weight: bold;
}
.left-menu li {
    color: #153a7c;
    padding: 0;
    border-bottom: 1px dotted #ccc;
}

.left-menu li.active {
    position: relative;
}
.left-menu li.active::before {
    content: url(../images/tick_logo.png);
    position: absolute;
    top: 10px;
    left: -32px;
}
.left-menu .submenu-title {
    font-size: 20px;
    font-weight: bold;
    color: #123370;
    margin-top: 35px;
    display: block;
    margin-bottom: 6px;
    padding-left: 13px;
}
div.page-title{
    margin-bottom:30px;

}
div.page-title h2 {
    color: #123370;
    font-family: "sourcesansprosemi",sans-serif,Arial,Helvetica;
    font-size: 33px;
    margin-bottom: 4px;
    padding-bottom: 0;
    margin-top: 5px;

}
.full-content div.page-title h2 {
    margin-top: 25px;
    border-bottom: 1px dotted #ddd;
    padding: 24px;
    background: #f5f5f5;
    border-radius: 5px;

}
.page-subtitle {
    font-size: 18px;
    color: #153a7c;
}
section#main-content {
    background: #fff;

}
.page-content-wrap {
    padding-bottom: 30px;
}

.single-page-content {
    margin-bottom: 30px;
}
.indexpage section#main-content {
    background: #fff;
    margin-bottom: 30px;
}

.karty td {
    border-bottom: 1px dotted #999;
    padding: 4px;
}
.karty td:first-child {
    font-weight: 700;
}
.karty.szczegoly_karty td:first-child {
    font-size: 16px;
}
.karty th {
    background: #fff none repeat scroll 0 0;
    font-size: 17px;
    font-weight: 700;
    padding: 6px;
    text-align: center;
}
h3.page-title-h3 {
    border-bottom: 1px dotted #2858af;
    margin-bottom: 26px;
    margin-top: 26px;
    padding-bottom: 15px;
}
.footer-portal {
    background: #f1f3f6 none repeat scroll 0 0;
    padding: 0px;
}
.footer-portal span {
    margin-left: 15px;
    display: inline-block;
    font-size: 13px;
    color: #333;
    float: right;
}
.subfooter1 {
    background: #173a7c;
    text-align: center;
    padding: 17px;
}
.subfooter1 img {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
}
.subfooter2 {
    background: #fff;
}
.subfooter2 img{
    max-width: 500px;
    margin-bottom: 20px;
    margin-top:20px;
}
.formularz-stan {
    background: #fff none repeat scroll 0 0;
    border: 4px solid #dbe2e6;
    padding: 38px 35px;
}
.formularz-stan .control-label {
    font-size: 18px;
    padding-top: 0;
}
ul.lista-portal {
    color: #2858af;
    font-weight: bold;
    list-style: outside none none;
}
.stopka_karty{
    text-align:right;
}
.panel-footer.karta-inf {
    background-color: #fff;
    border-bottom: 1px solid #dbe2e6;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 7px solid #dbe2e6;
    padding: 21px;
}
.naglowek_karty {
    background: #fff none repeat scroll 0 0;
    border-bottom: 7px solid #dbe2e6;
    border-top: 1px solid #dbe2e6;
    margin-bottom: 18px;
}
.ki-block table td a {
    display: block;
}
.tabela_karty th {
    font-size: 16px;
}
.badge {
    border-radius: 3px;
}ul.menu-cms {
    background: #fff none repeat scroll 0 0;
    list-style: outside none none;
}
.menu-cms > li {
    border-bottom: 1px dotted #ddd;
    color: #000;
    font-size: 18px;
    padding: 17px;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 24px;
    color: #153a7c;
    font-family: "sourcesansprosemi", Arial;
}
.login-methods {
    margin-top: 30px;
    padding-top: 20px;
    color: #153a7c;
}
.login-methods .forms-login-group {
    display: flex;
}
.login-methods .forms-login-group .form-group {
    width: 50%;
    text-align: center;
    margin-top: 16px;
}
.login-methods .forms-login-group .form-group:not(:last-child) {
    border-right: 1px dotted #888;
}
.login-methods .forms-login-group .form-group:only-child {
    margin-left: auto;
    margin-right: auto;
}
.login-methods .forms-login-group .form-group img {
    margin-bottom: 13px;
}
.login-methods .forms-login-group .form-group p,
.reg-form p
 {
    font-size: 18px;
    color: #153a7c;
    text-align: center;
}
.login-methods .panel .btn-default{
    color: #153a7c;
}
.login-methods .panel a:hover{
    text-decoration: underline;
}
 a:focus, .btn-default:focus {
	outline: 2px solid #2a2e32;
}
.login-methods .panel{
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
}
.login-methods label {
    text-align: right;
    font-size: 18px;
}
.login-methods button.btn.btn-primary{
    font-size: 18px;
    border: none;
}
.login-methods .form-control{
    height: 45px;
}
.alternative-login{
    border-left: 1px dotted #888;
}
.login-baner {
    display: block;
    background: rgb(57,108,202);
    background: -moz-linear-gradient(-45deg, rgba(57,108,202,1) 19%, rgba(21,58,124,1) 19%);
    background: -webkit-linear-gradient(-45deg, rgba(57,108,202,1) 19%,rgba(21,58,124,1) 19%);
    background: linear-gradient(135deg, rgba(57,108,202,1) 19%,rgba(21,58,124,1) 19%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#396cca', endColorstr='#153a7c',GradientType=1 );
    margin: 70px 0;
}
.login-baner p {
    color: #fff;
    text-align: center;
    padding: 29px;
    font-size: 30px;
    font-family: "sourcesansprolight", Arial, Helvetica;
}
.login-baner .fa.fa-check {
    color: #8ac22d;
    border: 1px solid;
    border-radius: 100px;
    padding: 5px;
    margin: 0 10px;
}
.main .panel {
    background-color: #fff;
    border: medium none;
}
.main .panel-default > .panel-heading {
    background-color: #f2f5f7;
    border-color: #e0e8ed;
    margin-top: 17px;
    padding-right: 15%;
    color: #333;
}
.panel-footer {
    background-color: inherit;
}
/*.btn-success {*/
/*color: #fff;*/
/*background-color: #2d64c8;*/
/*border-color: #2d64c8;*/
/*}*/

/*okno logowania*/
.panel{



}
.panel .btn.btn-success {
    color: #fff;
    /*background-color: #2d64c8;*/
    /*border-color: #2d64c8;*/
    padding: 11px 12px;
    border-radius: 0;
    font-size: 17px;
}
.panel .btn.btn-success:hover {
    /*color: #fff;*/
    /*background-color: #123370;*/
    border-color: #35383d;
    padding: 11px 12px;
    font-size: 17px;
}
.login-methods .panel {
    border: none;
}

.login-methods .panel .form-group {
    margin-bottom: 8px;
}
.panel .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    border: none;
}
.panel.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    border: none;
    background: #fff;
    /* text-align: right; */
}
/*EOF okno logowania*/

.alert-warning {
    color: #123370;
    background-color: rgba(45,100,200,0.2);
    border-color: #2d64c8;
}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #123370;
    border-radius: 3px;
}
.btn-group-sm > .btn, .btn-sm {
    padding: 9px 10px;
    font-size: 15px;
}



/*//datatable dla formularzy*/

#formularz_datatable_wrapper{

}
#formularz_datatable_wrapper .table-bordered > tbody > tr > td,
#formularz_datatable_wrapper .table-bordered > tbody > tr > th,
#formularz_datatable_wrapper .table-bordered > tfoot > tr > td,
#formularz_datatable_wrapper .table-bordered > tfoot > tr > th,
#formularz_datatable_wrapper .table-bordered > thead > tr > td,
#formularz_datatable_wrapper .table-bordered > thead > tr > th {
    border: none;
}
#formularz_datatable_wrapper table.table-striped tbody td,
#dokument_przychodzacy_datatable_wrapper table.table-striped tbody td,
#instancjaformularza_datatable_wrapper table.table-striped tbody td{
    padding: 0.8rem;
    font-size: 1.9rem;
    font-family: "sourcesansprosemi",sans-serif,Arial,Helvetica;
    border-bottom: 1px solid #ddd !important;
}
#formularz_datatable_wrapper .table-bordered,
#dokument_przychodzacy_datatable_wrapper .table-bordered{
    border: none;
}
#formularz_datatable_wrapper .btn-primary,
#dokument_przychodzacy_datatable_wrapper .btn-primary,
#dokumentyformularzy_datatable a.btn{
    font-size: 14px;
    padding: 7px;
}

/*Przyciski w płatnościach*/
.row.payment_buttons {
    padding: 14px;
}
.pay_btn {
    text-align: right;
    padding: 0;
}

.payment_buttons .btn-success {
    /*	color: #333;
            background: none;*/
    border: none;
}
.payment_buttons > div {
    padding-left: 0;
    padding-top: 0;
    position: relative;
}
.pay_btn button.btn-success {
    background-color: #2bad6d;
    border-color: #2d64c8;
    font-size: 23px;
    color: #fff;
    margin-bottom: 23px;
    margin-top: 11px;
}
.pay_btn button.btn-success:hover{
    background-color: #12702e;

}

/*rozwijanko zalogowanego uzytkownika*/
.dropdown-menu.dropdown-user.in {
    background: #fff;
    /* border: 2px solid; */
    text-align: left;
}

.navbar-nav .open .dropdown-user li a {
    font-size: 17px;
    padding: 8px;
}
.navbar-nav .open .dropdown-user li a {
    font-size: 17px;
    padding: 12px;
}
.navbar-nav .open .dropdown-user .dropdown-header,
.dropdown-menu .divider{
    display: none;
}



.expanded_buttons {
    /* position: absolute; */
    /* right: 0; */
    top: -32px;
    z-index: 4444444444444;
    width: 218px;
    display: none;
}
.expanded_buttons a {
    /* display: inline; */
    width: 100%;
    text-align: left;
    margin-bottom: 4px;
    padding: 9px;
}
.buttons_expand {
    cursor: pointer;
    color: #fff;
    background: #2d64c8;
    padding: 4px 28px;
    border-radius: 3px;
}
.buttons_expand:hover,
.buttons_expand:focus{
    color: #fff;

}
.expanded_buttons a {
    background-color: #2d64c8;
    border-color: #2d64c8;
    color: #fff;
    display: block;
    font-size: 15px;
    width: 100%;
}
.expanded_buttons a.btn-danger {
    background-color: #A12E12;
    border-color: #A12E12;
}
.expanded_buttons a:hover {
    background-color: #123370;
    color: #fff;
}
.close_buttons {
    float: right;
    display: block;
    padding: 10px;
    background: #fff;
    border: 1px solid #2d64c8;
    margin-bottom: 4px;
    color: #2d64c8;
}
.submenu-block ul li {
    list-style: none;
}
.submenu-block {
    margin-top: 23px;

}

/*.submenu-block a {
        font-size: 20px;
        background: #2d64c8;
        color: #fff;
        padding: 6px 16px;
        display: iline-block;
        border-radius: 3px;
}*/
.submenu-block a {
    font-size: 20px;
    /* background: #2d64c8; */
    color: #123370;
    padding: 6px 0px;
    display: iline-block;
    border-radius: 3px;
}
.top-block .navbar-nav > li.yellow_text > a {
    color: #474747;
    text-transform: none;
}
.top-block .navbar-nav > li.yellow_text > a:hover,
.top-block .navbar-nav > li.yellow_text > a:focus{
    background: none;
}
.table-bordered.dataTable td input[type="text"] {
    display: none;
}
.banner-section {
    padding: 30px;
    position: relative;
}
.banner-section .col-md-9,
.banner-section .col-md-3{
    padding: 0;
}
.block-sidebar {
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #123370;
    border-top: 1px solid #c6cfde;
}
.block-sidebar span,
.block-sidebar a{
    color: #123370
}
.block-sidebar span{
    text-align:center;
    font-size: 16px;
    font-weight:normal;
    display: block;
}
.block-sidebar img {
    padding-top: 14px;
}
.block-sidebar a {
    color: #123370;
}
#baner-portalu {
    width: 100%;
}
@media (max-width:992px){
    .block-sidebar{
        width:50%;
        float:left;
    }
}
.baner_wrap {
    position: relative;
    min-height: 254px;
    padding-top: 29px;
    text-align: center;
}
.baner_wrap > div {
    display: flex;
}
.baner_wrap > div p.nazwa_jednostki,
.baner_wrap > div .text_baner_wrap{
    text-align: left;
}
.baner_wrap > div .text_baner_wrap{
    padding: 17px 37px 17px;
}
.text_baner_wrap span {
	font-size: 20px;
	padding: 5px;
	display: inline-block;
}

.baner_wrap > div .nazwa_urz {
    font-size: 43px;
    color: #000;
    margin-bottom: 8px;
    margin-top: 0;
    font-family: "playfair",sans-serif,Arial,Helvetica;
}
.baner_wrap > div p.slogan {
    font-size: 25px;
    color: #000;
    /* background: rgba(45,100,200,0.9); */
    padding: 8px 17px;
    display: inline-block;
    font-weight: 100;
    position: absolute;
    top: -25px;
    left: 82px;
    font-family: "sourcesansprolight",sans-serif,Arial,Helvetica;
}
.text_baner_wrap {
    position: relative;
}
ul.mobile-app-download-links > li {
    display: inline-block;
}
ul.mobile-app-download-links li {
    margin-left: 0;
    padding: 0 3px 10px 3px;
}
ul.mobile-app-download-links {
    list-style: none;
    display: inline-block;
    padding-left: 0;
    margin-left: -5px;
    margin-top: 12px;
}

.bottom-decoration-line div {
    height: 12px;
    background: rgb(21,58,124);
    background: -moz-linear-gradient(left, rgba(21,58,124,1) 50%, rgba(41,99,202,1) 50%);
    background: -webkit-linear-gradient(left, rgba(21,58,124,1) 50%,rgba(41,99,202,1) 50%);
    background: linear-gradient(to right, rgba(21,58,124,1) 50%,rgba(41,99,202,1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#153a7c', endColorstr='#2963ca',GradientType=1 );
}
.container.bottom-decoration-logo-wrap {
    position: absolute;
    bottom: 0;
}
.bottom-decoration-logo {
    position: absolute;
    width: 235px;
    height:2px;
    background: rgb(21,58,124);
    background: -moz-linear-gradient(left, rgba(21,58,124,1) 50%, rgba(41,99,202,1) 50%);
    background: -webkit-linear-gradient(left, rgba(21,58,124,1) 50%,rgba(41,99,202,1) 50%);
    background: linear-gradient(to right, rgba(21,58,124,1) 50%,rgba(41,99,202,1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#153a7c', endColorstr='#2963ca',GradientType=1 );
    top: 0;
}

@media (max-width: 480px){
    .baner_wrap > div {
        position: relative;
        top: 0;
        left: 0;
    }
    .baner_wrap > div .nazwa_urz {
        font-size: 26px;
        margin-bottom: 0;
        padding-top: 0;
        padding-left: 11px;
        font-weight: bold;
    }
    .baner_wrap > div p.nazwa_jednostki, .baner_wrap > div .text_baner_wrap {
        float: none;
        text-align:center;
    }
    .top-block .navbar-nav > li > a {	
	font-size: 15px;
    }
}

.kontakt_wrap #herb_jednostki_kontakt {
    float: left;
    margin-right: 23px;
}
#herb_jednostki_kontakt img {
    max-width: 182px;
}
.kontakt_wrap h3 {
    font-size: 30px;
}
#naleznosc_datatable_wrapper .col-sm-6:first-child{
    float:right;
}
#naleznosc_datatable_wrapper .col-sm-6:first-child #naleznosc_datatable_length{
    text-align: right;
}
#naleznosc_demo_datatable_wrapper .col-sm-6:first-child{
    float:right;
}
#naleznosc_demo_datatable_wrapper .col-sm-6:first-child #naleznosc_demo_datatable_length{
    text-align: right;
}

#modal_pop .modal-body p span {
    font-weight: bold;
}
#modal_pop .modal-body p {
    font-size: 14px;
}
.rodo-body p span {
    font-weight: bold;
}
.rodo-body p {
    font-size: 14px;
}
.rodo-body {
    position: relative;
    padding: 37px;
}
#modal_pop .modal-body {
    position: relative;
    padding: 37px;
    overflow-y: scroll;
    max-height: 400px;
}
#modal_pop .modal-dialog {
    max-width: 800px;
    margin: 30px auto;
}
#modal_pop .modal-content {
    -webkit-box-shadow: 0 0 77px rgba(0,0,0,.2);
    box-shadow: 0 0 77px rgba(0,0,0,.2);
    border: none;
}
#modal_pop .modal-title, .rodo-title {
    font-size: 24px;
    /* font-weight: bold; */
}
#modal_pop {
    background: rgba(255,255,255,0.7);
}
#modal_pop .modal-header, rodo-header {
    background: #2d64c8;
    color: #fff;
}
.styled_modal .modal-body p span {
    font-weight: bold;
}
.styled_modal .modal-body p {
    font-size: 14px;
}
.styled_modal .modal-body {
    position: relative;
    padding: 37px;
    overflow-y: scroll;
    max-height: 400px;
}
.styled_modal .modal-dialog {
    max-width: 800px;
    margin: 30px auto;
}
.styled_modal .modal-content {
    -webkit-box-shadow: 0 0 77px rgba(0,0,0,.2);
    box-shadow: 0 0 77px rgba(0,0,0,.2);
    border: none;
}
.styled_modal .modal-title, .rodo-title {
    font-size: 24px;
    /* font-weight: bold; */
}
.styled_modal {
    background: rgba(255,255,255,0.7);
}
.styled_modal .modal-header, rodo-header {
    background: #2d64c8;
    color: #fff;
}
#zaplac {
    border: none;
    padding: 2px 25px;
    font-size: 17px;
}
#pobierzBlankiet {
    border: none;
    padding: 2px 25px;
    font-size: 17px;
}
.przyciskKopiujacy {
    cursor: pointer;
}
#buforKopiowania {
    opacity: 0;
}
.page-title-h3.ki_head {
    text-align: center;
    font-size: 29px;
}

#hsi_platformapowiadomienbundle_nowasubskrypcja label {
    font-size: 19px;
}
.close {
    font-size: 26px;
    color: #fff;
    opacity: 1; 
}
.info_blok h4 { 
    margin-top: 40px;
}

.col-md-7.wyszukaj {
    margin-bottom: 10px;
    float: right;
}
.wyszukaj input#wyszukaj:focus {
    border: solid 2px #dbdbdb;
}
#user_profil h5 {
    font-size: 18px;
}
#user_profil h4 {
    font-size: 18px;
    margin-top: 14px;
    color: #848484;
}
#user_profil p {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 23px;
}
.qrMobile .mobile-app-download-links img {
    max-width: 136px;
}
.filmy_instruktazowe > div {
    text-align: center;
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
}
.filmy_instruktazowe > div:nth-child(2n) {
    background: #f6f6f6;
}
.filmy_instruktazowe > div h4 {
    font-size: 20px;
    border-bottom: 1px dotted;
    display: inline-block;
    padding-bottom: 18px;
    min-height: 68px;
}
.filmy_instruktazowe {
    background: #fff;
    padding: 17px;
}
.instrukcja_ikona.clearfix {
    text-align: right;
    float: right;
    bottom: 27px;
    position: relative;
    background: #fff;
    padding: 0 44px;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
}

@media (max-width: 480px){
    .instrukcja_ikona.clearfix {
        text-align: left;
        float: none;
        bottom: 0;
        position: static;
    }
}
.instrukcja_ikona img {
    padding-left: 13px;
    max-width: 53px;
}
.filmy_instruktazowe img:hover {
    opacity: 0.6;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
}
.filmy_instruktazowe img:hover {
    opacity: 0.6;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
}

.dataTables_wrapper .dataTable .active-row {
    cursor: pointer;
    box-shadow: 1px 0 0 #dadce0 inset, -1px 0 0 #dadce0 inset, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    z-index: 1;
}
.dataTables_wrapper .dataTable tr {
    background-color: transparent !important;
}
.dataTables_wrapper .dataTable td {
    border-bottom: 2px solid #fff;
    /* border-left: none; */
}
.dataTables_wrapper .dataTable tr.unread-message {
    background-color: #f9f9f9 !important;
}
.dataTables_wrapper .dataTable .message-body {
    font-size: 1.4rem;
    color: #444;
}
.dataTables_wrapper .dataTable .unread-message .message-title {
    color: #2d64c8;
    font-weight: bold;
}
.dataTables_wrapper .dataTable .unread-message .message-data {
    color: #2d64c8;
    font-weight: bold;
}

#formularz_mieszkanca_datatable_wrapper thead {
    display: none;
}
#formularz_mieszkanca_datatable tr td:first-child {
    font-weight: bold;
    color: #153a7c;
    text-align: right
}
#formularz_mieszkanca_datatable .btn.btn-primary {
    color: #fff;
    background: #00a652;
    border: none;
    padding: 5px 8px;
    font-size: 14px;

}
#wif_form_body table {
    margin: 0 auto;
}
#wif_form_body table td {
    padding: 1px 5px;
}
#wif_form_body button#form_submit{
    padding: 9px 25px;
}
#wif_body {
    background: #f5f5f5;
}
#wif_form_body button#form_submit{
    padding: 9px 35px;
    font-size: 18px;
    margin-top:14px;
}

.forms-list #accordion h3,
.forms-list #accordion2 h3 {
    background: #f5f5f5;
    color: #153a7c;
    border: none;
    padding: 20px 56px 20px 43px;
    text-indent: -33px;
}

.forms-list #accordion h3 span.ui-accordion-header-icon,
.forms-list #accordion2 h3 span.ui-accordion-header-icon {
    display: none;
}
.forms-list #accordion h3 span.form-signature,
.forms-list #accordion2 h3 span.form-signature {
    margin-right: 15px;
    border-right: 2px solid;
    padding-right: 14px;
    font-weight: bold;
}

.forms-list #accordion h3.ui-state-active,
.forms-list #accordion2 h3.ui-state-active {
    font-weight: bold;
    background: #e5effb;
}
.forms-list #accordion h3::after,
.forms-list #accordion2 h3::after {
    content: "\f0d7";
    position: absolute;
    right: 0px;
    top: 23px;
    font-family: "FontAwesome";
}
.forms-list #accordion .ui-accordion-content,
.forms-list #accordion2 .ui-accordion-content {
    border: none;
    background: #e5effb;
    text-align: right;
}
.formularze-category {
    margin: 40px 0;
}
.formularze-info {
    color: #153a7c;
    border: none;
    padding: 20px 56px 20px 43px;
    text-indent: -33px;
    font-size: 100%;
}
.formularze-header {
    font-weight: 600;
    font-size: 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 24px;
    margin-top: 20px;
    color: #153a7c;
    margin-left: 30px;
    position: relative;
    padding-bottom: 3px;
}
.formularze-header::before {
    background: linear-gradient(0deg, rgba(21,58,124,1) 0%, rgba(41,99,202,1) 100%, rgba(255,255,255,1) 100%);
    width: 14px;
    position: absolute;
    left: -21px;
    height: 34px;
    content: " ";
    bottom: -1px;
}
.portal-btn{
    color: #fff;
    border:none;
    padding: 7px 15px;
    display: inline-block;
    border-radius: 4px;
    margin-right: 6px;
}
.portal-green-btn.portal-btn {
	background: #00a650;
	color: #fff;
}
.portal-green-btn.portal-btn:focus{
    background: #005127;
}
.portal-darkblue-btn.portal-btn{
    background: #153b7c;
    color: #fff;
}
.portal-darkblue-btn.portal-btn:focus{
    background: #081731;
}



#mobile-search ul {
    list-style: none;
    padding: 0;
}
#mobile-menu-btn {
    display: none;
}

.subscribe-block .panel {
    border: none;
}
.subscribe-block .panel-heading {
    border-bottom: 1px dotted #ddd;
    margin-bottom: 10px;
}
/*checkbox style 1*/
.checkbox-style1 .checkbox {
    margin-left: 32px;
}
.checkbox-style1 .checkbox .form-group {
    margin-bottom: 4px;
}
.checkbox-style1 .checkbox input[type=checkbox]{
    height: 0;
    width: 0;
    visibility: hidden;
}

.checkbox-style1 .checkbox label {
    cursor: pointer;
    text-indent: -999999em;
    width: 53px;
    height: 29px;
    background: #ccc;
    display: block;
    border-radius: 100px;
    position: relative;
    cursor: pointer;
    text-indent: -999999em;
    width: 53px;
    height: 29px;
    background: #ccc;
    display: block;
    border-radius: 100px;
    position: relative;
}

.checkbox-style1 .checkbox label:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 23px;
    height: 23px;
    background: #fff;
    border-radius: 90px;
    transition: 0.3s;
}

.checkbox-style1 .checkbox input:checked + label {
    background: rgba(21,58,124,1);
}

.checkbox-style1 .checkbox input:checked + label:after {
    left: calc(100% - 3px);
    transform: translateX(-100%);
}

.checkbox-style1 .checkbox label:active:after {
    width: 29px;
}
.checkbox-style1 .checkbox span {
    float: left;
    margin-left: 77px;
    margin-top: 4px;
}
.form-horizontal .control-label {
    text-align: left;
}
.lista-subskr{
    list-style: none;
    padding-left: 0;
}
.lista-subskr li{
    padding: 10px;
    margin-bottom: 3px;
    background: #f2f2f2;
}
.lista-subskr span {
    font-weight: bold;
    color: #153a7c;
}
.action-btn-group a {
    background: #0a2686;
    padding: 9px;
    color: #fff !important;
    font-size: 16px;
    border-radius: 4px;
}
.action-btn-group{
    margin-top: 15px;
    margin-bottom:10px;
}
.action-btn-group .portal-green-btn.portal-btn {
    margin-right: 0;
}
.action-btn-group .portal-btn {
    display: inline;
}
.list-group-item .buttons {
    float: right;
}
.tabela_karty .list-group-item {
    padding: 10px 15px;
    margin-bottom: 5px;
    border: none;
    background-color: #f5f5f5;
}

.portal-form-list li {
    position: relative;
    display: block;
    background: rgb(57,108,202);
    background: -moz-linear-gradient(-135deg, rgba(57,108,202,1) 10%, rgba(21,58,124,1) 10%);
    background: -webkit-linear-gradient(-135deg, rgba(57,108,202,1) 10%,rgba(21,58,124,1) 10%);
    background: linear-gradient(-135deg, rgba(57,108,202,1) 10%,rgba(21,58,124,1) 10%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#396cca', endColorstr='#153a7c',GradientType=1 );

}
.portal-form-list li::after {
    content: url(../images/small-logo.png);
    position: absolute;
    width: 30px;
    height: 30px;
    right: 7px;
    top: 8px;
}
.portal-form-list li a {
    color: #fff;
}
.kalendarium-block{
    border-left: 1px solid #123370;
    margin: 2em auto;
    color: #123370;
}
.kalendarium-block .kalend-dot{
    background: #123370;border-radius: 50%;
    width: 13px;
    display: inline-block;
    position: relative;
    left: -7px;
    top: -18px;
    height: 13px;
}
.kalendarium-block .kalend-data{
    margin-left: .5em;
}
.kalendarium-block .kalend-opis{
    margin: .6em 0 0 1.5em;
}
.kalendarium-block .kalend-wydarzenie{
    margin: 0 0 0 1em;
}

@media (max-width: 1848px){
    body {
        background-position: right -80px top 48px;
    }
}
@media (max-width: 1480px){
    body {
        background-position: right -191px top 48px;
    }
}
@media (max-width: 1280px){
    .nazwa_jednostki img{
        max-width: 103px;
    }
    .baner_wrap {
        min-height: inherit;
    }
    .icon-block img {
        max-height: 64px;
    }
    .middle-block .icon-block {
        min-height: 183px;
    }
    .baner_wrap > div .nazwa_urz {
        font-size: 42px;
    }
}
@media (max-width: 1200px){
    body {
        background-position: right -165px top 162px;
        background-size: 448px 392px;
    }
}
@media (max-width: 992px){
    .portal-form-list li {
        background: rgb(57,108,202) !important;
    }
    .portal-form-list li::after {
        display: none;
    }
    .menu-icons-block{
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto auto;
        grid-template-columns: auto auto auto;
        grid-column-gap: 3px;
        grid-row-gap: 3px;
        padding: 13px;
        width: auto !important;

    }
    .menu-icons-block:before{
        content: none;
    }
    .menu-icons-block > div{
        float:none;
        width: auto;
        margin-bottom: 0 !important;
        min-height: inherit !important;
    }

    .navbar-brand > img {
        max-width: 164px;
    }
    .baner_wrap > div p.slogan {
        position: relative;
        top: 0;
        left: 0;
    }
    .left-menu ul {
        height: auto;
    }
    .left-menu {
        height: auto;
        padding: 29px 30px 26px 30px;
        min-height: auto;
    }
    .breadcrumbs {
        text-align: left;
    }
    .container.menu-block {
        max-width: 847px;
    }
    .left-menu li.active::before{
        display: none;
    }

    .indexpage .middle-block > div:first-child {
        padding-left: 5%;
    }
    .indexpage .middle-block > div:last-child {
        padding-right: 5%;
    }
    .middle-block .icon-block img {
        height: 56px;
    }
    .d-flex-column{
        flex-direction: column;
    }

}
@media (max-width: 768px){

    .list-group-item .buttons {
        float: none;
    }
    .action-btn-group a {
        text-align: center;
        margin-bottom: 5px;
        display: block !important;
    }
    #navbar ul li {
        display: block;
    }
    .middle-top-block ul {
        list-style: none;
        text-align: center;
        margin: 0;
        padding-left: 0;
    }
    .middle-block {
        text-align: center;
    }
    .info-list.list-inline li {
        display: flex;
        align-content: center;
        justify-content: center;
        min-height: 110px;
        width: 50%;
        float: left;
        margin-bottom: 47px;
        text-align: center;
    }
    .navbar-header {
        text-align: left;
    }
    .bottom-decoration-logo {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }
    .container.bottom-decoration-logo-wrap {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        display: none;
    }
    .nomobile_el {
        display: none;
    }
    #mobile-search .search-block{
        width: 100%;
        padding-right: 0px;
    }
    #mobile-menu-btn {
        display: block;
    }

    #mobile-search {
        margin-top: 18px;
    }

    .navbar-nav .open .dropdown-menu {
        position: absolute;
        float: left;
        margin-top: 0;
        background-color: #fff;
        border: 0;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }
    .navbar-brand {
        padding: 5px 15px;
        width: 50%;
    }
    .middle-info-box img {
        width: 91px;
    }
    .container.menu-block {
        display:none;
        background: rgb(21, 58, 124);
    }

    #mobile-menu-btn .fa.fa-ellipsis-v {
        padding: 8px 0px 8px 20px;
        cursor: pointer;
        color: #125ca4;
    }
    #navbar ul li {
        border-right: none;
        border-bottom: 1px solid rgb(40, 81, 155);
    }
    #navbar ul li a br {
        display: none;
    }
    #navbar ul li a {
        padding: 14px;
        display: block;
        color: #fff;
    }
    #navbar ul li.active a {
        color: #9eb7e4;
    }

    .indexpage .middle-block {
        flex-direction: column;
        text-align: left;
    }
    .indexpage .middle-block > div:first-child {
        width: 100%;
        padding-right: 5%;
        padding-bottom: 32px;
     border-radius: 0;

    }
    .indexpage .middle-block > div:last-child {
        width: 100%;
        padding-right: 5%;
    }
    .menu-icons-block {
        grid-template-columns: auto auto;

    }
    .baner_wrap > div {
        display: block;
    }
}
@media (max-width: 480px){
    .navbar-brand > img {
	max-width: 107px;
	margin-top: 7px;
    }
    .icon-block img {
        height: 55px;
    }
    .middle-block .icon-title {
        font-size: 19px;
        line-height: 23px;
    }
    .baner_wrap > div .nazwa_urz {
        font-size: 29px;
        margin-bottom: 0;
        padding-top: 22px;
        padding-left: 11px;
        font-weight: normal;
        line-height: 30px;
    }


    body {
        background-position: right -166px top 344px;

    }


}





.btn-success {
    background-color: #2bad6d;
}
.login-baner-demo {
    color: #000;
    text-align: center;
    padding: 4px;
    font-size: 21px;
    border-bottom: 1px dotted #a4b4d1;
    display: block;
    margin-bottom: 11px;
    margin-top: 31px;
    /* border-top: 1px dotted; */
    background: #396cca1a;
}
.login-baner-demo span {
    font-family: "sourcesansprosemi", Arial;
    color: #396cca;
    margin-left: 10px;
}
#registerBySzafir p {
    color: #2d64c8;
}
#registerBySzafir p:hover {
    text-decoration: underline;
}
.reg-form div.page-title {
    margin-top: 30px;
}

.form-wif-control {
    display:inline;
    margin:5px;
    line-height: normal;
}

.form-wif-control:read-only {
    background-color: #eee;
}

.form-wif .form-group:before,
.form-wif .form-group:after {
    display: table;
    content: " ";
}
.form-wif .form-group:after {
    clear: both;
}

.form-wif-submit-group {
    text-align: center;
    width: 100%;
    margin-bottom: 1em !important;
}
.form-wif .form-wif-captcha-group {
    margin-bottom: 20px;
    text-align: center;
}
.form-wif .form-wif-captcha-group .form-wif-captcha {
    text-align: right;
    display: inline-block;
}
.form-wif .form-wif-captcha-group img {
    margin-left: 15px;
}

.btn-hasTooltip{
    position:relative;
}
.btn-hasTooltip button{
    padding-left: 31px;
}
.btn-hasTooltip span.tooltip{
    top: 0px;
    left: 6px;
    font-size: 1.5em;
    opacity: 1;
    box-shadow: 0 0 1px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.4);
    z-index: 1;
}

.btn-hasTooltip .tooltip-inner {
    background-color: #e5effb ;
    color: #234D9A;
    font-size: 14px;
}
.btn-hasTooltip .tooltip.top .tooltip-arrow {
    border-top-color: #e5effb;
}

.btn-hasTooltip .tooltip.right .tooltip-arrow {
    border-right-color: #e5effb;
}

.btn-hasTooltip .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #e5effb;
}

.btn-hasTooltip .tooltip.left .tooltip-arrow {
    border-left-color: #e5effb;
}


/*- SEKCJA ODPADOW*/

.grupy-odpadow-wrap {
    width: 100%;
    margin-top: 1em;
    color: #333;
    background: #f7f7f7;
    padding: 20px;
}
.grupy-odpadow-wrap .grupa-odpadow {
    width: 100%;
    text-align: center;
    padding: 24px 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-bottom: 1px dashed;
}

.grupy-odpadow-wrap .grupa-odpadow h4 {
    margin-bottom: 20px;
}

.grupy-odpadow-wrap .grupa-odpadow img {
    width: 88px;
}
.grupy-odpadow-wrap .ikonka {
    position: relative;
    display: inline;
}
.grupy-odpadow-wrap .ikonka span {
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 44px;
    bottom: -61px;
    left: 0;
    border: 4px solid #f7f7f7;
}
.grupa-odpadow:hover {
        cursor:pointer;
}
.grupa-odpadow:hover h4 {
	font-weight: bold;
}

@media (max-width: 768px){
    .grupy-odpadow-wrap .grupa-odpadow {
        width: 50%;

    }
}

.skip-links {
    position: absolute;
    top: 0
}

.skip-links a,.skip-links a:visited {
    position: absolute;
    top: 0;
    left: -9000em;
    display: block;
    text-align: center;
    width: 200px;
    text-decoration: none;
    opacity: 0;
    -webkit-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s
}

.skip-links a:active,.skip-links a:focus,.skip-links a:hover,.skip-links a:visited:active,.skip-links a:visited:focus,.skip-links a:visited:hover {
    background: #2a2e32;
    color: #fff;
    font-size: .875em;
    padding: 5px 10px;
    z-index: 10000;
    left: 0;
    opacity: 1;
}

/*----------------------------------------------------------------------------------------------------------------*/

/*FORMULARZE Kart Informacyjnych*/

/*----------------------------------------------------------------------------------------------------------------*/
.form_header {
	background: #fff;
	padding: 20px;
	border: 1px solid #eee;
	margin-bottom: 14px;
	box-shadow: 0 0 20px rgba(0,0,0,0.02);
}
#wif_form_body table td {
	padding: 4px 10px;
	vertical-align: top;
}
#wif_form_body table td.center_cell {
	text-align: center;
}
#wif_form_body table td.left_cell,
#wif_form_body table td p.left_cell {
	text-align: left;
}
#wif_form_body .right_cell,
#wif_form_body .right_cell {
	text-align: right;
}
#wif_form_body table td.small_text,
#wif_form_body table p.small_text,
#wif_form_body table span p.small_text {
	font-size: 10px;
}
#wif_form_body table em{
	font-size: 14px;
}
#wif_form_body table td.italic_text,
#wif_form_body table td p.italic_text,
#wif_form_body table span p.italic_text {
	font-style: italic;
}
#wif_form_body table td p {
    margin: 0px;
}
#wif_form_body table td{
   background: #fff;
}
#wif_form_body table td.blue_bg,
#wif_form_body table tr.blue_bg td{
   background: #abcbf2;
}
#wif_form_body table td.green_bg,
#wif_form_body table tr.green_bg td{
   background: #c5f2ab;
}

#wif_form_body table td.grey_bg,
#wif_form_body table tr.grey_bg td{
   background: #dddddd;
}

#wif_form_body table td.orange_bg,
#wif_form_body table tr.orange_bg td{
   background: #FFFF99;
}


#wif_form_body table td.white_cell,
#wif_form_body table tr.white_cell td{
   background: #ffffff !important;
}

.wif.form-inline table td input[type="text"],
.wif.form-inline table td input[type="email"],
.wif.form-inline table td input[type="date"],
.wif.form-inline table td input[type="number"] {
	width: 100%;
	margin: 0 !important;
	height: 33px !important;
	padding: 1px 7px !important;
	border: 1px solid #999;
	font-weight: bold;
    font-size: 12pt;
}
.wif.form-inline table td textarea {
    font-size: 12pt;
}
.wif.form-inline table tr.input_width87 td input[type="text"]{
	width: 87% !important;
}
.wif.form-inline table td.short_cell input[type="text"] {
	width: 200px !important;
	display: block;
	margin: 0 auto !important;
}
.wif.form-inline table td input[type="text"]:focus,
.wif.form-inline table td input[type="email"]:focus,
.wif.form-inline table td input[type="date"]:focus,
.wif.form-inline select:focus {
	border: 3px solid #2a78d9 !important;
}
.wif.form-inline select {
	border-radius: 0;
	border: 1px solid #999 !important;
	font-weight: bold;
	font-size: 16px;
	color: #000;
	padding: 3px;
}
.wif.form-inline table td table td table td{
	padding: 0 !important;
}
#wif_form_body form > table {

}
#wif_form_body .form-group button{
  margin-top: 16px !important;
  margin-bottom: 10px !important;
}
#wif_form_body form > table td,
.form-collection-row > table td {
	padding: 17px !important;
}
#wif_form_body table tr.small_cell_paddings td {
	padding: 7px !important;
}
#wif_form_body form > table td table.sekcja-warunkowa td{
	padding: 0px !important;
}
.pouczenie_objasnienia {
	border: 2px solid #eee;
	padding: 20px;
	background: #fff;
}
.pouczenie_objasnienia p {
	font-size: 14px;
}
.form_footer {
	margin: 20px 0;
	background: #fff;
	border: 2px solid #eee;
	padding: 20px;
}
.form-group.form-wif-submit-group {
	width: 100%;
}

.wif.form-inline table td .select2-selection {
    border-radius: 0px;
    height: 33px;
}

.wif.form-inline table td .select2-selection__arrow,
.wif.form-inline table td .select2-selection__rendered {
    height: 33px;
}

/*----------------------------------------------------------------------------------------------------------------*/

/*EOF FORMULARZE*/

/*----------------------------------------------------------------------------------------------------------------*/.pm-list {
	list-style: none;
	padding: 0;
}
.pm-list li {
  background: #f5f5f5;
  margin-bottom: 2px;
}
.pm-list li a {
	font-size: 1.6rem;
	padding: 13px;
	display: block;
}


.scr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
:focus {
	outline: none;
}
.left-menu li a:focus,
.breadcrumbs a:focus,
.middle-block .icon-block a:focus,
.middle-top-block a:focus,
.middle-info-box li a:focus,
.pm-list li a:focus{
	outline: 2px solid #123370;
    outline-offset: 2px;
}
.top-block #wyszukaj.form-control:focus {
	outline: 2px solid #123370;
}
#navbar ul li a:focus {
	outline: 2px solid #123370;
}
.ki-block table td a:focus {
	outline: 2px solid;
	padding: 2px;
	text-decoration: none;
}
.search-block .input-group-btn button:focus  {
	outline: 2px solid;
	z-index: 30;
}
.styleswitch:focus {
	outline: 2px solid;
}
.form-control:focus {
	border-color: #123370;
	outline: 2px solid #123370;
	box-shadow: 0 0 8px #4268ec;
	border-width: 2px;
}
.forms-list #formularze-accordion h3:focus {
	outline: 2px solid #123370;
}
#formularze-accordion a:focus {
	outline: 0;
}
#formularze-accordion a:focus button {
	outline: 2px solid #000;
	border-radius: 0px;
}
.checkbox-style1 .checkbox:focus {
	outline: 2px solid #123370;
}

.checkbox-style1 .checkbox {
	min-height: 39px;
}
.checkbox-style1 .checkbox label {
	float: left;
}
.checkbox-style1 .checkbox span {
	float: none !important;
	margin-left: 17px !important;
	margin-top: 4px;
}

.checkbox-style1 .checkbox.oswiadczenie label {
    float: none;
}
.checkbox-style1 .checkbox.oswiadczenie span {
    float: left !important;
    margin-left: 77px !important;
}

.is-warning {
    border: 1px solid #ffc107;
}

.yellow-alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.is-info {
    border: 1px solid #007bff;
}

.blue-alert-info {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

#okno-modalne-powiadomienie-o-wylogowaniu, #okno-modalne-powiadomienie-wylogowano {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: rgba(0,0,0,0.7);
}

#okno-modalne-powiadomienie-o-wylogowaniu > div, #okno-modalne-powiadomienie-wylogowano > div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: auto;
    transform: translate(-50%,-50%);
    padding: 1rem 3rem 3rem 3rem;
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0rem 0rem 2rem #000;
}