/*
================================================== !!! ==================================================
	RESET
================================================== !!! ==================================================
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
================================================== !!! ==================================================
	CLEARFIX
================================================== !!! ==================================================
*/

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/*
================================================== !!! ==================================================
	BODY & MISC
================================================== !!! ==================================================
*/

* {
	box-sizing: border-box;
}

*[tabindex="-1"]:focus {
	outline: 0 !important;
}

body {
	font: 14px "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

a, input[type="submit"], button {
   font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;

   /*outline: 0 !important;*/
}

h2 {
	margin-bottom: 15px;
	padding-right: 30px;

	color: #c71e2a;

	font-size: 30px;
}

h2 span {
	color: #333333;
}

h3 {
	margin-top: 15px;
	margin-bottom: 15px;

	color: #c71e2a;

	font-size: 20px;
	font-weight: bold;
}

h4 {
	margin-top: 0;
	margin-bottom: 15px;

	color: #333333;

	font-size: 14px;
	font-weight: bold;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
}

.no-mt {
	margin-top: 0 !important;
}

.no-mb {
	margin-bottom: 0 !important;
}

.mb20 {
	margin-bottom: 20px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.resp {
	display: none;
}

.resp-block {
	display: none !important;
}

.resp-inline-block {
	display: none !important;
}

.resp-inline {
	display: none !important;
}

.mob {
	display: none !important;
}

.mob-block {
	display: none !important;
}

.mob-inline-block {
	display: none !important;
}

.mob-inline {
	display: none !important;
}

/*
================================================== !!! ==================================================
	HEADER
================================================== !!! ==================================================
*/

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  animation-duration: .75s;
}

.bounceIn {
  animation-name: bounceIn;
}

.mobile-show {
	display: none;
}
.mobile-show-inline {
	display: none;
}

.desktop-show {
	display: block;
}

.desktop-show-inline {
	display: inline;
}

#naglowek {
	/*height: 80px;*/

	/*background: #3b7ecb url("../images/logo-top.jpg") no-repeat left;*/
	/*background: #3b7ecb;*/
}

.naglowek-admin {
	background-color: #333333 !important;
}

#logo {
	float: left;

	display: block;
	width: 520px;
	height: 80px;
	padding-top: 10px;
	padding-left: 30px;

	/*background: url("../images/logo.png") no-repeat center;*/
	color: #ffffff;

	font-weight: bold;
	text-decoration: none;
	font-size: 24px;
	line-height: 55px;
	/*text-indent: -9999px;*/

	opacity: 1;
}

#logo img {
	float: left;

	max-height: 60px;
	margin-right: 20px;

	vertical-align: middle;
}

#logo:hover, #herb:hover {
	opacity: 0.8;
}

.herb-niewidoczny {
	display: none;
}

.herb-niewidoczny-gsko {
	padding-top: 3px;

	line-height: 30px;
	font-size: 20px;
}

.herb-niewidoczny-gsko-resp {
	padding-top: 3px;

	line-height: 30px;
	display: none;
}

.herb-niewidoczny-gmina {
	color: #dddddd;

	font-size: 18px;
	line-height: 20px;
}

#herb-toggle {
	position: absolute;
	top: 0;
	right: 0;

	color: #f5f5f5;

	text-decoration: none;
}

#zalogowano {
	float: right;

	padding-top: 18px;
	padding-right: 0px;

	color: #ffffff;

	font-size: 16px;
	text-align: right;
}

#zalogowano b {
	font-size: 18px;
}

#zalogowano a {
	color: #ffffff;

	font-size: 18px;
	text-align: right;
	font-weight: bold;
	text-decoration: none;
}

#zalogowano a:hover {
	opacity: 0.8;
}

.wyloguj {
	float: right;

	display: block;
	width: 140px;
	height: 46px;
	margin: 17px 40px 0 20px;

	border-radius: 5px;
	background-color: #ffffff;
	color: #3B7ECB;

	text-align: center;
	line-height: 46px;
	text-decoration: none;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;

	opacity: 0.5;
}

.wyloguj:hover {
	opacity: 1;
}

.wyloguj-admin {
	color: #333333 !important;
}

.wyszukiwarka {
	float: right;
	position: relative;
}

.wyszukiwarka input[type="text"] {
	height: 40px;
	width: 250px;
	padding: 0 20px 0;

	border: 1px solid #e5e5e5;
	border-radius: 5px;
}

.wyszukiwarka input[type="submit"] {
	position: absolute;
	right: 0;
	top: 0;

	height: 40px;
	width: 40px;

	background: url("/images/search.png") no-repeat right;
	border: 0;
	cursor: pointer;

	text-indent: -9999px;
}

.wyszukiwarka input[type="submit"]:hover {
	opacity: 0.8;
}

.pager {
	margin-top: 30px;
}

.pager-container:last-child {
	margin-right: 0;
}

.pager-container {
	float: right;
	margin-right: 0;
}

.pager-count {
	float: right;
	margin-right: 10px;
}

.pager-container .page {
	float: left;
	display: block;

	width: 40px;
	height: 40px;

	border: 1px solid #e5e5e5;
	border-radius: 5px;
	background-color: #f5f5f5;
	color: #000000;

	text-align: center;
	line-height: 38px;
	text-decoration: none;
}

.pager-container .page:hover {
	opacity: 0.7;
}

.pager-container .page:first-child {
	margin-right: 5px;
}

.pager-container .page-disabled, .pager-container .page-disabled:hover {
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
	color: #aaaaaa;
}

.pager-count {
	line-height: 40px;
}

.per-page div {
	float: left;

	margin-right: 10px;

	line-height: 40px;
}

.per-page a {
	float: left;

	display: block;
	margin-left: 10px;

	color: #C71E2A;

	line-height: 40px;
	text-decoration: none;
	font-weight: bold;
}

.per-page a:hover {
	opacity: 0.8;
}

/*
================================================== !!! ==================================================
	SIDEBAR
================================================== !!! ==================================================
*/

#sidebar {
	position: relative;

	float: left;

	width: 15%;
	height: 500px;

	background-color: #eeeeee;
	border-right: 1px solid #dddddd;
}

.copyright-info-resp {
	display: none;
}

.copyright-info {
	position: absolute;
	bottom: 15px;

	width: 100%;

	color: #666666;

	text-align: center;
	font-size: 12px;
}

.copyright-info a {
	color: #666666;

	font-weight: bold;
	text-decoration: none;
}

#gmina-info {
	display: block;

	/*background-color: #e2e2e2;*/

	text-align: center;
	text-decoration: none;
}

#gmina-info:hover {
	opacity: 0.8;
}

#gmina-info img {
	max-height: 120px;
	max-width: 100%;
	padding: 0 20px;
	margin-top: 35px;
}

#gmina-info p {
	margin-top: 20px;
	padding: 0 20px;

	color: #333333;

	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
}

#panel-info {
	display: block;
	margin: 15px;
	/*height: 40px;*/

	background-color: #c71e2a;
	color: #ffffff;
	border-radius: 5px;

	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 24px;
	font-size: 16px;
	padding: 8px;
	white-space: pre-line;
	word-wrap: break-word;
}

a#panel-info:hover {
	opacity: 0.8;
}

#menu-show {
	display: none;
}

.main-menu {
	margin-top: 20px;
}

.main-menu li {
	height: 40px;
}

.main-menu li a {
	display: block;
	padding: 0 35px;
	height: 40px;

	color: #666666;

	text-decoration: none;
	line-height: 40px;
	font-weight: normal;
}

.main-menu li a:hover {
	background-color: #f5f5f5;
}

.main-menu li a.active {
	position: relative;

	background-color: #dddddd;

	font-weight: bold;
	color: #333333;
}

.main-menu li a.active:before {
	position: absolute;
	left: 0;

	width: 4px;
	height: 40px;

	background-color: #c71e2a;

	text-indent: -9999px;

	content: "";
}

.main-menu li a.active:after {
	position: absolute;
	right: -15px;

	width: 0;
	height: 0;

	border-style: solid;
	border-width: 20px 0 20px 15px;
	border-color: transparent transparent transparent #dddddd;

	content: "";

	text-indent: -9999px;
}

.main-menu li a img {
	vertical-align: middle;
	margin-right: 15px;
	margin-bottom: 2px;
	max-width: 20px;
	max-height: 20px;

	opacity: 0.3;
}

.main-menu li a.active img {
	opacity: 0.8;
}

.main-menu-label {
	/*padding-left: 15px;*/
	padding: 0 25px;
	margin-top: 15px;

	color: #333333;
	background: #ffffff url("/images/menu-caret.png") no-repeat right;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;

	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 40px;

}

.main-menu-label:first-child {
	padding-top: 0;
}

/*
================================================== !!! ==================================================
	TREŚĆ
================================================== !!! ==================================================
*/

#tresc {
	float: right;

	position: relative;
	width: 85%;

	padding: 40px;
}

#tresc .container {
	/*padding: 30px;*/

	/*background-color: #eeeeee;*/
}

.white-container {
	height: auto;
	padding: 25px 25px;
	margin-bottom: 30px;
	border-radius: 5px;
	border: none;
	border: 1px solid #dddddd;
	background-color: #ffffff;
}

.white-container iframe {
	width: 100%;
	height: 1000px;
}

.header-right-link {
	float: right;

	padding-top: 12px;

	color: #333333;

	font-weight: bold;
	text-decoration: none;
	font-size: 18px;
}

.header-right-link:hover {
	opacity: 0.8;

	border-bottom: 1px solid #333333;
}

.input-text {
	height: 40px;
	width: 100%;
	padding: 0 15px;
	margin-right: 1%;

	border-radius: 5px;
	border: 1px solid #cccccc;

	line-height: 40px;
}

/* =============== TABELA =============== */

.tabela {
	width: 100%;

	font-weight: normal;
}

.tabela > tbody > tr {
	height: 40px;

	border-bottom: 1px solid #d6d6d6;
}

.tabela thead {
	border-bottom: 1px solid #d6d6d6;
}

.tabela td {
	padding: 10px 15px;

	vertical-align: middle;
}

.tabela td.checkbox:first-child {
	width: 40px;
}

.tabela thead tr {
	/*background-color: #dddddd;*/
}

.tabela thead tr td, .tabela thead tr th {
	padding: 10px 15px;

	color: #C71E2A;

	font-weight: bold;
	text-align: left;
}

.tabela tbody {
	border-top: 1px solid #d6d6d6;
}

.tabela tbody tr td img {
	max-height: 50px;
}

.tabela > tbody > tr {
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
}

.tabela > tbody > tr > td:last-child {
	border-right: 1px solid #d6d6d6;
}

.tabela > tbody > tr:nth-child(2n+1) {
	background-color: #f5f5f5;
}

.tabela > tbody > tr:hover {
	background-color: #f2fafd;
}

.tabela tbody tr[data-link] td {
	cursor: pointer;
}

.tabela tbody tr th {
	padding: 10px 15px;
	width: 200px;
}

.tabela tbody > tr > th {
	text-align: left;
}

.tabela-login th {
	text-align: center !important;
}

.tabela-login tbody tr:nth-child(2n+1) {
	background-color: rgba(255,255,255,0.5);
}

.table-button {
	display: inline-block;
	padding: 4px 15px;
	margin-left: 10px;

	background-color: #deb804;
	border-radius: 3px;
	border: 0;
	color: #ffffff;
	opacity: 0.7;
	cursor: pointer;
    /*outline: none;*/

	text-align: center;
	text-decoration: none;
	line-height: 1.6;
}

.table-button:hover {
	opacity: 1;
}

.table-button.table-button-green {
	background-color: #049933;
	color: #ffffff;
}

.table-button.table-button-red {
	background-color: #C71E2A;
	color: #ffffff;
}

.table-button.table-button-gray {
	background-color: #6c757d;
	border-color: #6c757d;
	color: #ffffff;
}

.nieklikalne {
	cursor: auto !important;
}

.klikalne {
	cursor: pointer;
}

.tytul {
	font-weight: bold;
}

.typ {
	color: #aaaaaa;
}

.doprawej {
	text-align: right !important;
}

.table-oplaty {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 30px;
}

.table-oplaty thead {
	border-bottom: 0 !important;
}

.table-oplaty td, .table-oplaty th {
	padding: 5px 15px !important;
	height: 20px !important;
	min-height: 20px !important;
	max-height: 20px !important;

	color: #666666;

	font-size: 12px;
}

.table-oplaty td {
	border: 1px solid #d6d6d6;
	border: 0;
	border-left: 0;
	border-right: 0;
}

.table-oplaty td:first-child {
	border-left: 0;
}

.table-oplaty td:last-child {
	border-right: 0;
}

.table-oplaty th {
	color: #333333 !important;

	font-size: 10px;
	font-weight: bold;
}

.table-oplaty-container {
	display: none;
}

.rozwin-podatki {
	float: right;
	padding: 0 7px;
	margin-left: 10px;
	margin-top: -1px;
	margin-bottom: 0px;
	margin-right: -15px;
	background-color: rgba(0,0,0,0.1);
	border-radius: 3px;
	border: 0;
	color: #000000;
	opacity: 0.7;
	cursor: pointer;
	/*outline: none;*/
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	font-size: 10px;
}

.rozwin-podatki img {
	margin-left: 5px;
	max-height: 8px !important;
}

/* =============== FORMULARZ =============== */

.formularz fieldset {
	margin-bottom: 10px;
}

.formularz label {
	float: left;
	display: block;
	width: 8%;
	margin-right: 2%;
	text-align: right;
	font-weight: bold;
	font-size: 16px;
	padding-top: 9px;
}

.formularz input[type="text"]:not(.form-control-default), .formularz textarea {
	width: 90%;
	height: 40px;
	padding: 0 15px;
	border-radius: 5px;
	border: none;
	border: 1px solid #dddddd;
}

.formularz textarea {
	height: 240px;
	padding: 10px 15px;
}

.formularz .inputdiv{
	float: left;
	width: 90%;
	height: auto;
	border-radius: 5px;
	border: none;
	border: 1px solid #dddddd;
	padding: 30px 40px;
	background-color: #ffffff;
}

.krok {
	text-align: center;
	line-height: 30px;
}

/*.form-step {
	position: relative;

	height: 3px;
	margin: 10px 50px 30px;

	background-color: #aaaaaa;
}

.form-step-line1, .form-step-line2 {
	position: absolute;
	z-index: 100;
	top: 0;

	width: 50%;
	height: 3px;
	background-color: #aaaaaa;
}

.form-step-line1 {
	left: 0;
}

.form-step-line2 {
	right: 0;
}

.form-step1, .form-step2, .form-step3 {
	position: absolute;
	z-index: 120;
}

.form-step1 {
	top: -14px;
	left: -3%;
}

.form-step2 {
	top: -14px;
	left: 48%;
}

.form-step3 {
	top: -14px;
	right: -2%;
}

.form-step-dot {
	width: 30px;
	height: 30px;
	margin: 0 auto 5px;

	border-radius: 15px;
	background-color: #aaaaaa;
	color: #ffffff;

	font-weight: bold;
	text-align: center;
	line-height: 28px;
}

.form-step-text {
	color: #aaaaaa;
}

.form-step .active {
	background-color: #C71E2A;
}

.form-step .active-text {
	color: #C71E2A;

	font-weight: bold;
}*/

/* =============== ZAKŁADKI =============== */

.main-tabs-container {
	/*width: 160px;*/
}

.main-tab {
	float: left;

	height: 36px;
	padding: 0 15px;
	margin-right: 10px;

	border: 1px solid #dddddd;
	background-color: #f5f5f5;
	color: #888888;
	border-radius: 5px;
	cursor: pointer;
	opacity: 0.8;

	text-decoration: none;
	text-align: center;
	line-height: 36px;
	font-size: 18px;
	font-weight: normal;
}

.main-tab.active {
	border: 1px solid #e38e94;
	background-color: #f5f5f5;
	color: #c71e2a;
	opacity: 1;

	font-weight: bold;
}

.main-tab:hover {
	border: 1px solid #e38e94;
	background-color: #f5f5f5;
	opacity: 1;
}

.main-tab span {
	float: right;

	display: block;
	width: 34px;
	padding: 0;
	margin-left: 12px;
	margin-bottom: 2px;
	margin-bottom: 20px;

	background-color: #ffffff;
	border-radius: 5px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	color: #666666;
	border-left: 1px solid #cccccc;

	font-weight: normal;
	font-size: 12px;
	line-height: 34px;
}

/* =============== BUTTONY =============== */

.button-container {
	margin-left: 10%;
}

.button-container2 {
	margin-left: 20%;
}

.button {
	float: left;

	display: block;
	overflow: hidden;
	width: 100%;
	margin-top: 30px;

	height: 40px;
	border: 0;
	background-color: #333333;
	color: #ffffff;
	border-radius: 5px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	line-height: 40px;
	text-transform: uppercase;
	font-size: 18px;

	cursor: pointer;
	opacity: 0.8;
}

.button:last-child {
	margin-right: 0;
}

.button:hover {
	opacity: 1;
	color: #ffffff;
	text-decoration: none;
}

.button:focus {
	color: #ffffff;
	text-decoration: none;
}

.button-red {
	width: 100%;

	background-color: #c71e2a;
}

.button-green {
	width: 100%;

	background-color: #049933;
}

.button-disabled {
	width: 100%;
	line-height: 40px;

	/*background-color: #888888;*/
	color: #ffffff;
	cursor: not-allowed;
}

.button[disabled] {
	width: 100%;
	line-height: 14px;

	/*background-color: #888888;*/
	color: #ffffff;
	cursor: not-allowed;
}

/*
================================================== !!! ==================================================
	ODEBRANE / WYSŁANE
================================================== !!! ==================================================
*/

.wyslane-single, .odebrane-single {
	width: 100%;
}

.wyslane-single th, .wyslane-single td, .odebrane-single th, .odebrane-single td {
	padding: 10px 45px;
}

.wyslane-single th, .odebrane-single th {
	width: 25%;

	text-align: left;
}

.wyslane-single tr, .odebrane-single tr {
	height: 40px;

	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}

.wyslane-single tr:first-child, .odebrane-single tr:first-child {
	border-top: 1px solid #e5e5e5;
}

.wyslane-single tbody tr:nth-child(2n+1), .odebrane-single tbody tr:nth-child(2n+1) {
	background-color: #f5f5f5;
}

.message-date {
	margin-bottom: 20px;

	color: #666666;
}

.attachments {
	margin-left: 10px;

	vertical-align: middle;

	opacity: 0.3;
}

.attachments:hover {
	opacity: 0.5;
}

/*
================================================== !!! ==================================================
	FORMULARZE
================================================== !!! ==================================================
*/

#form-kontener iframe {
	width: 100%;
	height: auto;
}

.form-kontener2 {
	width: 100%;
	margin-left: 0;
	height: 1020px;
	padding: 0 15px;
	border-radius: 5px;
	border: none;
	border: 1px solid #dddddd;
	padding: 10px 15px;
	background-color: #fff;
}

.formularze {
	padding: 0px;
}

.formularze a.fill-form, .formularze button:not(.btn) {
	position: relative;

	overflow: hidden;
	display: block;
	/*padding: 12px 0;*/
	margin-bottom: 5px;
	border-radius: 5px;

	border: 1px solid #dddddd;
	background-color: rgba(255,255,255,0.5);
	background-color: #fafafa;
	color: #333333;

	font-size: 16px;
	text-decoration: none;
	cursor: pointer;
}

.formularze button:not(.btn) {
	padding: 12px 0;
}

.formularze button:not(.btn) {
	display: block;
	width: 100%;
}

.formularze a:hover {
	background-color: #ffffff;
	color: #d0041d;
}

.formularze a:last-child {
	margin-bottom: 0;
}

.formularze a div {
	float: left;

	display: block;
}

.formularze .accordion span {
	position: relative;

	overflow: hidden;
	display: block;
	padding: 12px 0;
	margin-bottom: 5px;
	border-radius: 5px;

	border: 1px solid #dddddd;
	background-color: rgba(255,255,255,0.5);
	background-color: #fafafa;
	color: #333333;

	font-size: 16px;
	text-decoration: none;
	cursor: pointer;
}

.formularze .accordion span:hover {
	background-color: #ffffff;
	color: #d0041d;
}

.formularze .accordion span:last-child {
	margin-bottom: 0;
}

.formularze .accordion span div, .formularze .accordion button div {
	float: left;

	display: block;
}

.formularze .accordion-content {
	display: none;
	margin-left: 4%;
}

.formularze .accordion-content table {
	width: 100%;
	text-align: left;
}

.formularze .accordion-content table td a, .formularze .accordion-content .table-convert-to-responsive-result a {
	position: relative;

	overflow: hidden;
	display: inline;
	padding: 0;
	padding-left: 0px;
	margin-bottom: 0;
	border-radius: 0;

	border: 0;
	background-color: transparent;
	background-color: transparent;
	color: #d0041d;

	font-size: inherit;
	font-weight: bold;
	text-decoration: none;
}

.formularze .id {
	position: absolute;
	top: 0;
	left:0;

	width: 4%;
	height: 100%;
	padding: 12px 0;

	background-color: #f0f0f0;
	border-right: 1px solid #dddddd;

	font-size: 16px;
	/*line-height: 48px;*/
	text-align: center;
	font-weight: bold;
}

.formularze a:hover .id {
	background-color: #f7f7f7;
}

.formularze .form_id {
	width: 9%;
	margin-left: 4%;

	color: #666666;

	text-align: center;
}

.formularze .name {
	width: 87%;
	padding-right: 20px;

	text-align: left;
}

#edit-form-save {
	/*display: none;*/
	width: 29%;
	margin-right: 1%;
}

#edit-form-send {
	width: 70%;
	/*margin-top: 0;*/
}

.legenda ul {
	margin-left: 20px;

	list-style-type: decimal;
}

.legenda ul li {
	margin-bottom: 10px;
	padding-left: 7px;

	/*font-size: 16px;*/
	/*line-height: 24px;*/
	font-size: 15px;
    line-height: 20px;
}

.legenda ul li:last-child {
	margin-bottom: 0;
}

.legenda ul li img {
	margin: 0 5px;

	vertical-align: middle;
}

.legenda ol {
	margin-left: 20px;

	list-style-type: disc;
}

.legenda ol li {
	margin-bottom: 10px;

	/*font-size: 16px;*/
	/*line-height: 24px;*/
	font-size: 15px;
    line-height: 20px;
}

.legenda ol li:last-child {
	margin-bottom: 0;
}

.legenda ol li img {
	margin: 0 5px;

	vertical-align: middle;
}

.legenda p {
	margin-bottom: 10px;
}

.legenda p:last-child {
	margin-bottom: 0;
}

.legend-bottom {

}

.legend-bottom__header {
	margin-top: 40px;
	margin-bottom: 0;

	color: #666666;
}

.legend-bottom__container {
	margin-top: 10px;
	padding: 17px 20px;

	border: 1px solid #d3d3d3;
	background-color: #f7f7f7;
	border-radius: 5px;
}

.legend-bottom ul {
	margin-left: 30px;
	margin-bottom: 10px;
	list-style-type: disc;
}

.legend-bottom ul li {
	margin-bottom: 5px;

	/*font-size: 16px;*/
	/*line-height: 24px;*/
	font-size: 15px;
    line-height: 20px;
}

.legend-bottom ul li:last-child {
	margin-bottom: 0;
}

.legend-bottom ul li img {
	margin: 0 5px;

	vertical-align: middle;
}

.legend-bottom ol {
	margin-left: 30px;
	margin-bottom: 10px;

	list-style-type: decimal;
}

.legend-bottom ol li {
	margin-bottom: 5px;

	/*font-size: 16px;*/
	/*line-height: 24px;*/
	font-size: 15px;
    line-height: 20px;
}

.legend-bottom ol li:last-child {
	margin-bottom: 0;
}

.legend-bottom ol li img {
	margin: 0 5px;

	vertical-align: middle;
}

.legend-bottom p {
	margin-bottom: 10px;
}

.legend-bottom p:last-child {
	margin-bottom: 0;
}

/*
================================================== !!! ==================================================
	ROBOCZE
================================================== !!! ==================================================
*/

.wiadomosc {
	display: none;
}

.wiadomosc p {
	/*padding: 0 25px;*/
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 30px;
	/*width: 30%;*/
	/*display: inline-block;*/
}

.wiadomosc a {
	text-decoration: none;
}

/*
================================================== !!! ==================================================
	PODATKI/OPŁATY
================================================== !!! ==================================================
*/

#powrot2 {
	display: none;
}

.zakladka-nieaktywna {
	background-color: #333333 !important;
}

.zakladka-aktywna {
	background-color: #c71e2a !important;
}

.zakladka2, .zakladka3 {
	display: none;
}

.lokalne-zakladka2, .lokalne-zakladka3 {
	display: none;
}

.grupa {
	display: none;
}

#dalej3 {
	display: none;
}

.transport-zakladka2, .odpady-zakladka2 {
	display: none;
}

.button-third {
	width: 32%;
	margin: 0 2% 20px 0;
}

.button-third:nth-of-type(3) {
	margin-right: 0;
}

.button-second {
	margin-top: 0;
	margin-bottom: 20px;
	width: 49%;
	margin-right: 2%;
}

.button-second:nth-of-type(2n) {
	margin-right: 0;
}

@media screen and (max-width: 500px) {
	.button-third, .button-second {
		width: 100%;
		margin-bottom: 10px;
	}

	.button-third:last-of-type, .button-second:last-of-type {
		margin-bottom: 20px;
	}
}

/*
================================================== !!! ==================================================
	MOJE DANE
================================================== !!! ==================================================
*/

.daneform fieldset {
	margin-bottom: 10px;
}

.daneform label {
	float: left;
	display: block;
	width: 18%;
	margin-right: 2%;
	text-align: right;
	font-weight: bold;
	font-size: 16px;
	padding-top: 9px;
}

.daneform input[type="text"], .daneform input[type="email"], .daneform textarea {
	width: 80%;
	height: 40px;
	padding: 0 15px;
	border-radius: 5px;
	border: none;
	border: 1px solid #dddddd;
}

.daneform textarea {
	height: 240px;
	padding: 10px 15px;
}

.daneform .inputdiv{
	float: left;
	display: block;
	width: 80%;
	height: auto;
	padding: 30px 40px;
	border-radius: 5px;
	border: none;
	border: 1px solid #dddddd;
	padding: 10px 15px;
	background-color: #ffffff;
}

.daneform .adres input[type=text]  {
	margin: 0 1% 10px 0;
	margin-left: 20% !important;
	padding: 0 15px;
}

#company-checkbox {
	margin-top: 10px;
}

/*
================================================== !!! ==================================================
	PLIKI
================================================== !!! ==================================================
*/

.zalaczone-pliki li {
	padding-left: 20px;
	margin-top: 10px;
}

.zalaczone-pliki a {
	position: relative;

	color: #C71E2A;

	font-weight: bold;
	text-decoration: none;
	line-height: 24px;
}

.zalaczone-pliki a:after {
	position: absolute;
	right: -300px;
	top: -2px;

	color: #666666;

	font-size: 11px;
	font-weight: normal;


	content: ""
}

.zalaczone-pliki a.inactive:after {
	content: "Aby ponownie pobrać ten plik należy odświeżyć okno."
}

.zalaczone-pliki a img {
	margin-right: 5px;

	vertical-align: middle;
}

/*
================================================== !!! ==================================================
	MOJE PŁATNOŚCI
================================================== !!! ==================================================
*/

#payment-form input[type="submit"] {
	background: transparent;
	border: 0;
	cursor: pointer;
	color: #333333;

	font-size: 14px;
}

#payment-form input[type="submit"]:hover {
	text-decoration: underline;
}

#payment-data-form label {
	font-weight: bold;
	line-height: 24px;
}

#payment-data-form #name-container, #payment-data-form #userinfo-container {
	float: left;

	width: 29%;
	margin-right: 1%;
}

#payment-data-form #name {
	background-color: #f5f5f5;
	color: #666666;
}

#payment-data-form #amount-container {
	float: left;

	width: 19%;
	margin-right: 1%;
}

#payment-data-form #submit {
	float: right;

	width: 20%;
	margin-top: 24px;
}

.minus {
	color: #d0041d !important;
}

.plus {
	color: green;
}

/*
================================================== !!! ==================================================
	MOJE SERWISY
================================================== !!! ==================================================
*/

.services input[type=checkbox] {
	margin-right: 20px;
}

.services tbody tr td:first-child {
	color: #049933;

	font-weight: bold;
}

.service-mark {
	background-color: #dcf3dc;
}

.service-mark:hover {
	background-color: #ceeece !important;
}

/*
================================================== !!! ==================================================
	POMOC
================================================== !!! ==================================================
*/

.help h1, .help h2, .help h3 {
	margin-bottom: 15px;

	color: #c71e2a;
}

.help h4, .help h5, .help h6 {
	margin-bottom: 10px;

	color: #000000;
}

.help h1 {
	padding-bottom: 15px;

	border-bottom: 1px solid #bbbbbb;

	font-size: 36px;
}

.help h2 {
	font-size: 30px;
}

.help h3 {
	font-size: 24px;
}

.help h4 {
	font-size: 20px;
}

.help h5 {
	font-size: 18px;
}

.help h6 {
	font-size: 16px;
}

.help p {
	margin-bottom: 15px;

	font-size: 16px;
	line-height: 24px;
}

.help a {
	color: #d0041d;
	border-bottom: 1px dotted #d0041d;

	font-weight: normal;
	text-decoration: none;
}

.help b a {
	font-weight: bold;
}

.help a:hover {
	border-bottom: 1px solid #d0041d;
	/*opacity: 0.8;*/
}

.help ul, .help ol {
	margin-left: 30px;
	padding-left: 30px;
	margin-bottom: 30px;

	font-size: 16px;
	line-height: 24px;
}

.help ul {
	list-style-type: decimal;
}

.help ol {
	list-style-type: disc;
}

.help li {
	margin-bottom: 10px;
}

.help li:last-child, .help p:last-child, .help ol:last-child, .help ul:last-child {
	margin-bottom: 0px;
}

.help hr {
	height: 1px;
	margin: 30px 0;

	background-color: #bbbbbb;
	border: none;
}

.help blockquote, .help .success, .help .warning, .help .error {
	margin: 0 0 15px;
	padding: 20px;
	padding-left: 100px;

	border-radius: 5px;
	color: #333333;
}

.help blockquote {
	background: #f5f5f5 url("/images/blockquote.png") no-repeat 30px 15px;
	border: 1px solid #ccc;

	font-size: 20px;
	line-height: 30px;
	font-style: italic;
}

.help blockquote p {
	font-style: italic;
}

.help .success, .help .warning, .help .error {
	font-size: 16px;
	line-height: 24px;
}

.help .success {
	background: #b9e7b9 url("/images/help-success.png") no-repeat 35px;
	border: 1px solid #17B017;
}

.help .warning {
	background: #f7edc0 url("/images/help-warning.png") no-repeat 35px;
	border: 1px solid #deb804;
}

.help .error {
	background: #f5afb2 url("/images/help-error.png") no-repeat 35px;
	border: 1px solid #d0041d;
}

.help .accordion {
	margin-bottom: 20px;

	border-bottom: 1px solid #c9c9c9;
}

.help .accordion .accordion-title {
	display: block;
	height: 50px;
	padding: 0 30px;

	background: -moz-linear-gradient(center top , #FFF 0%, #F2F2F2 100%) repeat scroll 0% 0%;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */

	border-width: 1px 1px medium;
	border-style: solid solid none;
	border-color: #C9C9C9;
	color: #000000;
	cursor: pointer;

	font-weight: bold;
	line-height: 50px;
}

.help .accordion .accordion-content {
	display: none;
	padding: 20px 30px;

	background: #ffffff;
	border-width: 1px 1px medium;
	border-style: solid solid none;
	border-color: #C9C9C9;
	color: #000000;
}

/*
================================================== !!! ==================================================
	ERRORY
================================================== !!! ==================================================
*/

.error-container {
	text-align: center;
}

.error-div {
	display: inline-block;

	margin-top: 5px;
	margin-bottom: 15px;
	padding: 8px 40px;

	border: 1px solid #d0041d;
	background-color: #f5afb2;
	border-radius: 5px;
	color: #333333;

	font-size: 24px;
	line-height: 36px;
	text-align: center;
	white-space: pre-wrap;
}

.info-div {
	display: inline-block;

	margin-top: 5px;
	margin-bottom: 15px;
	padding: 8px 40px;

	border: 1px solid #17B017;
	background-color: #b9e7b9;
	border-radius: 5px;
	color: #333333;

	font-size: 24px;
	line-height: 36px;
	text-align: center;
	white-space: pre-wrap;
}

.warning-div {
	display: inline-block;

	margin-top: 5px;
	margin-bottom: 15px;
	padding: 8px 40px;

	border: 1px solid #deb804;
	background-color: #f7edc0;
	border-radius: 5px;
	color: #333333;

	font-size: 24px;
	line-height: 36px;
	text-align: center;
	white-space: pre-wrap;
}

.error-div a, .info-div a, .warning-div a {
	color: #3B7ECB;

	text-decoration: none;
	font-weight: bold;
}

.error-div a:hover, .info-div a:hover, .warning-div a:hover {
	border-bottom: 1px solid #3B7ECB;
}

.error-div .notification-title, .info-div .notification-title, .warning-div .notification-title {
	padding-top: 10px;

	font-size: 30px;
	line-height: 46px;
	font-weight: bold;
	text-transform: uppercase;
}

.error-div .notification-content, .info-div .notification-content, .warning-div .notification-content {
	padding-bottom: 10px;
}

.error-header {
	margin-bottom: 15px;
	padding-right: 0;

	color: #ffffff;

	font-size: 24px;
	line-height: 36px;
	font-weight: bold;
}

.timeout-div {
	margin-top: 5px;

	color: #ffffff;

	font-size: 16px;
}

.timeout-div a {
	color: #ffffff;

	font-weight: bold;
	text-decoration: none;
}

.timeout-div a:hover {
	border-bottom: 1px solid #ffffff;
	/*opacity: 0.8;*/
}

.timeout-div2 {
	width: 100%;
	margin-top: 5px;

	color: #333333;

	font-size: 16px;
	text-align: center;
}

.timeout-div2 a {
	color: #333333;

	font-weight: bold;
	text-decoration: none;
}

.timeout-div2 a:hover {
	border-bottom: 1px solid #333333;
	/*opacity: 0.8;*/
}

#tresc .info-div, #tresc .warning-div, #tresc .error-div {
	display: block;
	margin-bottom: 35px;
}

/*
================================================== !!! ==================================================
	COOKIE ALERT
================================================== !!! ==================================================
*/

#cookie_alert {
	position: fixed;
	bottom: 0;

	display: none;
	padding: 15px 80px 15px 30px;
	margin: 0 auto;
	width: 100%;

	background-color: #333333;
	color: #ffffff;

	line-height: 24px;
}

#cookie_alert .wiecej {
	color: #ffffff;
	border-bottom: 1px solid #ffffff;

	text-decoration: none;
	font-weight: bold;
}

#cookie_alert .wiecej:hover {
	opacity: 0.6;
}

#cookie_alert_close {
	position: absolute;
	top: 16px;
	right: 16px;

	color: #ffffff;
	opacity: 0.6;
}

#cookie_alert_close:hover {
	opacity: 1;
}

.g-recaptcha-container {
	width: 100%;
	height: 76px;
	margin-top: 16px;

	background-color: #f9f9f9;
	border-radius: 5px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.g-recaptcha {
	overflow: hidden;
	margin-left: 130px;
	margin-top: 5px;
    width: 298px;
    height: 69px;
}

.g-recaptcha > div {
    margin-top: -3px;
    margin-left: -3px;
}

.more-than-900 {
	display: block;
}

.less-than-900 {
	display: none;
}

/*.g-recaptcha > div, .g-recaptcha iframe, .g-recaptcha .rc-anchor {*/
	/*width: 100% !important;*/
/*}*/

hr {
	margin-top: 0.313rem;
	margin-bottom: 0.313rem;
	border: 0;
	border-top: 1px solid rgba(0,0,0,.1);

	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/*
================================================== !!! ==================================================
	VERTICALY RESPONSIVE
================================================== !!! ==================================================
*/

@media screen and (max-height: 720px) {
	#gmina-info {
		display: none;
	}

	#panel-info {
		display: none;
	}

	.herb-widoczny {
		display: none;
	}

	.herb-niewidoczny {
		display: block;
	}
}

.stopka {
	display: none;
}

label.control-label, label.col-form-label {
	text-align: right;
}

/*
================================================== !!! ==================================================
	RESPONSIVE
================================================== !!! ==================================================
*/

@media screen and (max-width: 1500px) {
	#sidebar {
		width: 17%;
	}

	#tresc {
		width: 83%;
	}
}

@media screen and (max-width: 1200px) {
	#sidebar {
		width: 22%;
	}

	#tresc {
		width: 78%;
	}

	.formularze .id {
		width: 6%;
	}

	.formularze .form_id {
		width: 13%;
		margin-left: 6%;
	}

	.formularze .name {
		width: 80%;
	}
}

@media screen and (max-width: 1050px) {

	.wyloguj {
		display: none;
	}

	#zalogowano {
		margin-right: 40px;
	}
}

@media screen and (max-width: 900px) {
	#sidebar {
		width: 30%;
	}

	#tresc {
		width: 70%;
	}

	.formularze .id {
		width: 9%;
	}

	.formularze .form_id {
		width: 16%;
		margin-left: 9%;
	}

	.formularze .name {
		width: 75%;
	}

	.more-than-900 {
		display: none;
	}

	.less-than-900 {
		display: block;
	}
}

@media screen and (max-width: 740px) {

	body {
		min-height: 100vh;
	}

	.desktop {
		position: relative !important;
		padding: 0 !important;
		padding-bottom: 20px !important;
		background: none !important;
	}
	#gmina-info {
		display: none;
	}

	.copyright-info {
		display: none;
	}

	.stopka {
		display: block;
		height: 30px;
	}

	.copyright-info-resp {
		position: absolute;
		bottom: 15px;

		display: block;
		width: 100%;

		color: #666666;

		text-align: center;
		font-size: 12px;
	}

	.copyright-info-resp a {
		color: #666666;

		font-weight: bold;
		text-decoration: none;
	}

	.herb-widoczny {
		display: none;
	}

	.herb-niewidoczny {
		display: block;
	}

	img.herb-niewidoczny {
		display: none;
	}

	.herb-niewidoczny-gsko {
		display: none;
	}

	.herb-niewidoczny-gsko-resp {
		display: block;
	}

	.wyszukiwarka {
		display: none;
	}

	#logo {
		width: auto;
		padding-left: 20px;
	}

	#sidebar {
		width: 100%;
		display: none;
	}

	#tresc {
		width: 100%;
		padding: 20px;
	}

	#zalogowano, .wyloguj {
		display: none;
	}

	.formularze .id {
		width: 9%;
	}

	.formularze .form_id {
		width: 16%;
		margin-left: 9%;
	}

	.formularze .name {
		width: 75%;
	}

	#menu-show {
		position: absolute;
		right: 20px;
		top: 15px;

		display: block;
		width: 50px;
		height: 50px;

		background: rgba(255,255,255,0.4) url("/images/menu-show.png") no-repeat center center;
		border-radius: 3px;
	}

	.main-menu {
		margin-bottom: 20px;
	}

	.main-menu li a.active:after {
		display: none;
	}

	.daneform label {
		width: 100%;
		margin-bottom: 5px;

		text-align: left;
	}

	.daneform input[type="text"], .daneform textarea {
		width: 100%;
	}

	.daneform .inputdiv{
		width: 100%;
	}

	.daneform .adres input[type=text]  {
		width: 100% !important;
		margin-bottom: 10px;
	}

	.daneform .miejscowosc {
		margin-bottom: 10px !important;
	}

	.daneform .poczta, .daneform .nr-lokalu {
		margin-right: 0 !important;
	}

	.daneform .ulica {
		margin-left: 0 !important;
	}

	#company-checkbox {
		margin-top: 10px;
	}

	.button-container {
		margin-left: 0;
	}

	.button-container2 {
		margin-left: 0;
	}

	.shopping-cart-button {
		margin-bottom: 10px;
	}

	#cart-container table {
		font-size: 12px;
	}

	#cart-container table tfoot td.doprawej {
		padding-right: 0 !important;
	}

	#cart-container table thead th:last-child {
		display: none;
	}

	#cart-container table tbody td:first-child {
		width: 45% !important;
	}

	.resp {
		display: inherit;
	}

	.resp-hide {
		display: none !important;
	}

	.resp-block {
		display: block !important;
	}

	.resp-inline-block {
		display: inline-block !important;
	}

	.resp-inline {
		display: inline !important;
	}

	label.control-label, label.col-form-label, label.control-label.text-right, label.col-form-label.text-right {
		text-align: left !important;
	}

}


@media screen and (max-width: 500px) {

	#tresc {
		height: auto !important;
	}

	.mob {
		display: inherit;
	}

	.mob-hide {
		display: none !important;
	}

	.mob-block {
		display: block !important;
	}

	.mob-inline-block {
		display: inline-block !important;
	}

	.mob-inline {
		display: inline !important;
	}
}

/*
================================================== !!! ==================================================
	PULPIT
================================================== !!! ==================================================
*/

.desktop {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	padding: 40px;
	/*padding-bottom: 50px;*/
	/*padding-top: 50px;*/

	margin: 0px;
	background: #eeeeee;
	background: -moz-radial-gradient(center, ellipse cover, #eeeeee 0%, #ffffff 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #eeeeee 0%,#ffffff 100%);
	background: radial-gradient(ellipse at center, #eeeeee 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=1 );
}

.desktop-dashboard-content {
	margin: 0 auto;
	width: 100%;
}

.dashboard-element {
	position: relative;
	float: left;
	display: block;
	margin: 0.25%;

	background-color: rgba(59,126,203,0.36);
	border: 1px solid rgba(59,126,203,0.45);
	border-radius: 3px;
	color: #3b7ecb;

	font-family: "Lato", sans-serif;
	transition: background-color 0.2s, background-border 0.2s;
	width: 24.5%;
	height: 250px;
}

.dashboard-element-content {
	opacity: 1;
}

.dashboard-element-content img {
	max-width: 50%;
	max-height: 50%;

	opacity: 0.55;
}

.dashboard-element:hover {
	background-color: rgba(59,126,203,0.41);
	border: 1px solid rgba(59,126,203,0.50);
}

.dashboard-element-disabled {
	opacity: 0.3;
	cursor: default;
}
.dashboard-logo {
	text-align: center;
	position: relative;
	float: left;
	display: block;
	margin: 0.25%;

	background-color: rgba(255,255,255,0.06);
	border: 1px solid rgba(255,255,255,0.21);
	border-radius: 3px;
	color: #ffffff;

	transition: background-color 0.2s, background-border 0.2s;
	width: 49.5%;
	height: 250px;
	/*line-height: 250px;*/
}

.dashboard-logo > img, .dashboard-logo-content {
	position: absolute;
	top: 50%;
	left: 50%;

	max-width: 80%;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.dashboard-logo-content {
	width: 80%;
}

.dashboard-logo-content img {
	margin-bottom: 10px;
}

.dashboard-logo-content h1 {
	font-size: 24px;
	/*text-align: left;*/
}

.dashboard-logo-content h2 {
	margin-bottom: 0;
	padding-right: 0;

	color: #333333;

	font-size: 18px;
	/*text-align: left;*/
}

.dashboard-logo-inner-content {
	position: relative;
}

.dashboard-logo-info {
	position: absolute;
	top: 50%;
	left: 50%;

	width: 100%;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.dashboard-element-content {
	position: absolute;
	top: 50%;
	left: 50%;

	width: 100%;
	transform: translate(-50%, -50%);

	text-align: center;
	font-size: 24px;
}

.dashboard-element img {
	margin-bottom: 15px;
	max-height: 80px;
}

.dashboard-element i {
	margin-bottom: 15px;
}

.dashboard-element p {
	margin-bottom: 0;
	line-height: 30px;

	font-weight: bold;
}

.dashboard-element .label {
	margin-left: 5px;
	color: #ffffff;
	border-radius: 3px;
	font-family: "bebas_neue_regularregular";
	font-size: 24px;
	font-weight: normal;
}


@media screen and (max-width: 1200px) {


	.dashboard-logo-content h1 {
		font-size: 18px;
	}

	.dashboard-logo-content h2 {
		font-size: 14px;
	}

	.dashboard-element p {
		font-size: 18px;
		line-height: 1;
	}

	.dashboard-element img {
		margin-bottom: 5px;
	}
}

@media screen and (max-height: 600px) {
	.dashboard-element-content img {
		max-width: 50%;
		max-height: 30%;
	}

	.dashboard-logo-content h2 {
		display: none;
	}
}

@media screen and (max-width: 500px) {

	.desktop {
		padding: 18px;
	}

	.dashboard-element {
		width: 49.5%;
		height: 130px !important;
	}

	.dashboard-logo {
		display: none;
	}

	.dashboard-element-content {
		width: 80%;
	}

	.dashboard-element-content img {
		height: 50px !important;
	}

	.mobile-show {
		display: block;
	}

	.mobile-show-inline {
		display: inline;
	}

	.desktop-show {
		display: none;
	}

	.desktop-show-inline {
		display: none;
	}
}

.formularze .name {
	padding-right: 0 !important;
}

.accordion-title {
	position: relative
}

.accordion-title > a.fill-form {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 10;

	float: right;
	/*display: block;*/
	margin-bottom: 0;

	padding: 0 15px;
    margin-left: 10px;
    background-color: #049933;
    border-radius: 3px;
    border: 0;
    color: #fff;
    opacity: 0;
    cursor: pointer;
    /*outline: none;*/
    text-align: center;
    text-decoration: none;
    line-height: 30px;
    font-size: 14px;
}

.accordion-title > a.fill-form:focus {
	opacity: 1;
}

.accordion-title:hover > a.fill-form {
	/*display: block;*/

	opacity: 1;
}

.accordion-title > a.fill-form:hover {
	opacity: 0.8;
}

.accordion-title.active > a.fill-form {
	display: block;
}

.accordion-title .no-click .name {
	padding-right: 20px !important;
}

.accordion-content {
	padding: 20px;
}

.accordion-content table {
	width: 100%;
}

.accordion-content table tr th:first-child {
	width: 25%;
}

.accordion-content table tbody tr:nth-child(2n) {
	background-color: #f5f5f5;
}

.accordion-content table tr td, .accordion-content table tr th {
	padding: 8px 15px;
}

.accordion-content .fill-form {
	display: block;
	margin-bottom: 0;

	padding: 0 15px;
    margin-left: 0;
    margin-top: 15px;
    background-color: #049933;
    border-radius: 3px;
    border: 0;
    color: #fff;
    opacity: 1;
    cursor: pointer;
    /*outline: none;*/
    text-align: center;
    text-decoration: none;
    line-height: 40px;
    font-size: 14px;
}

.accordion-content .fill-form:hover {
    /*opacity: 0.8;*/
}

.accordion-content .fill-form .name {
    width: 100%;

	text-align: center;
}

.formularze .table-responsive {
	min-height: 0 !important;
}

.table-convert-to-responsive-result {
	display: none;
}

@media screen and (max-width: 500px) {
	.formularze .accordion-title .id {
		width: 15%;
	}

	.formularze .accordion-title .form_id, .formularze .accordion-title .name {
		float: none;
		width: 82%;
		margin-left: 18%;
		text-align: left;
	}

	.formularze .accordion-content {
		margin-left: 0;
		padding: 10px;
	}

	.formularze .accordion-content .fill-form {
		margin-top: 0;
	}

	.table-convert-to-responsive {
		display: none;
	}

	.table-convert-to-responsive-result {
		display: block;
	}
	.daneform .adres input[type=text] {
		margin-left: 0 !important;
	}
}



.custom-navbar li a {
	width: auto !important;
	margin-right: 3px;
	padding-left: 20px !important;
	padding-right: 20px !important;

	border-radius: 5px 5px 0 0 !important;
	border-bottom: none !important;
}

#choose-context {
	text-align: center
}

#choose-context select {
	position: relative;
	top: -1px;

	height: 40px;
	margin-top: 0;
	padding: 0 10px;

	border-radius: 5px;
}

#choose-context button {
	height: 40px;
	margin-top: 0;
	padding: 0 20px;
	margin-left: 5px;

	background: #e31922;
	border-radius: 5px;
	border: 0;
	color: #ffffff;
	cursor: pointer;

	font-family: "Lato", sans-serif;
	font-weight: bold;
}

#choose-context button:hover {
	opacity: 0.8;
}

#header-dropdown {
	position: relative;
	top: 17px;
	right: 40px;

	float: right;

	height: 46px;
}

#header-dropdown #logged-as {
	float: left;

	height: 46px;
	padding: 0 15px;

	background-color: rgba(255,255,255,0.8);
	border-radius: 5px 0 0 5px;

	text-align: right;
}

#header-dropdown #logged-as:hover {
	background-color: #FFFFFF;
}

#header-dropdown #header-dropdown-open {
	float: left;

	height: 46px;
	padding: 0 10px;
	/*margin-left: 1px;*/

	cursor: pointer;
	background-color: rgba(255,255,255,0.8);
	border-radius: 0 5px 5px 0;
	border-left: 1px solid rgba(0,0,0,0.3);

	line-height: 46px;
}

#header-dropdown #header-dropdown-open:hover, #header-dropdown #header-dropdown-open:focus, #header-dropdown #header-dropdown-open:active {
	background-color: #FFFFFF;
}

#logged-as-text {
	margin-top: 7px;

	color: #666666;

	font-size: 12px;
}

#header-dropdown #header-dropdown-menu {
	position: absolute;
	top: 48px;
	right: 0;
	z-index: 999;

	overflow: hidden;
	width: 210px;

	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 5px;
	display: none;
}

#header-dropdown #header-dropdown-menu li a {
	display: block;
	padding: 7px 15px;

	background-color: #ffffff;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	color: #333333;

	text-align: right;
	text-decoration: none;
	font-weight: bold;
}

#header-dropdown #header-dropdown-menu li:first-child a {
	padding-top: 7px;

	border-radius: 5px 5px 0 0;
}

#header-dropdown #header-dropdown-menu li:last-child a {
	padding-bottom: 7px;

	border-radius: 0 0 5px 5px;
	border-bottom: 0;
}

#header-dropdown #header-dropdown-menu li a:hover {
	background-color: #f5f5f5;
	color: #e31922;
}

#header-dropdown #header-dropdown-menu li a i.fa {
	margin-left: 15px;
}

/*
================================================== !!! ==================================================
	KOSZYK
================================================== !!! ==================================================
*/

#cart-container {
    margin-top: 10px;
	margin-bottom: 20px;
	padding: 15px 20px 20px;

	background-color: #f5f5f5;
	border: 1px solid #dddddd;
	border-radius: 5px;
}

#cart-container h2 {
	width: 100%;
	padding-bottom: 15px;

	color: #c71e2a;
	border-bottom: 1px solid #cccccc;

	font-size: 18px;
}

#cart-container h2 i {
	margin-right: 10px;
}

#cart-container table {
	width: 100%;
	margin-bottom: 5px;
}

#cart-container table .table-button {
	padding: 4px 10px;
}

#cart-container table .table-button:not(.table-button-red):not(.table-button-green):not(.table-button-gray) {
	background-color: #ffffff;
	border: 1px solid #dddddd;
	color: #333333;
}

#cart-container table td, #cart-container table th {
	padding: 5px 5px;
}

#cart-container table td {
	border-top: 1px solid #dddddd;
}

#cart-container table th {
	color: #C71E2A;

	text-align: left;
}

#cart-container table tbody tr:nth-child(2n+1) td {
	/*background-color: #ffffff;*/
}

#cart-container .cart-amount-input {
	position: relative;
	top: -1px;

	height: 30px;
	width: 100px;
	margin-right: 5px;
	padding: 0 10px;

	border-radius: 3px;
	border: 1px solid #dddddd;

	text-align: right;
}

#cart-payment {
	width: 100%;
	margin-left: 0;
	margin-top: 10px;

	line-height: 40px;
}

.payments-info {
	margin: 10px 0 20px;
	padding: 15px 20px;

	color: #31708f;
	background-color: #d9edf7;
	border: 1px solid #71b8db;
	border-radius: 5px;

	text-align: center;
}

.payments-alert {
	margin: 10px 0 20px;
	padding: 15px 20px;

	color: #31708f;
	background-color: #d9534f;
	border: 1px solid #71b8db;
	border-radius: 5px;

	text-align: center;
}

.tabela-robocze tbody tr {
	/*cursor: pointer;*/
}

.pull-right {
	float: right;
}

.pull-left {
	float: left;
}

.shopping-cart-button {
	padding: 5px 15px;

    background-color: rgb(245, 245, 245);
    border: 1px solid rgb(221, 221, 221);
    border-radius: 5px;
    cursor: pointer;
    opacity: 1;

	font-size: 18px;
	line-height: 30px;
	font-weight: bold;

	/*transition: all 0.2s;*/
}

.shopping-cart-button:hover {
	opacity: 0.8;
}

.shopping-cart-button i {
	color: #c71e2a;

	font-size: 18px;
	line-height: 30px;
}

.shopping-cart-button .label-cart {
    position: relative;
    top: -1px;

	display: inline-block;
	padding: 0 5px;
	margin-left: 5px;

	background-color: rgb(4, 153, 51);
	color: #ffffff;
	border-radius: 3px;

	font-size: 14px;
	line-height: 18px;
}

.shopping-cart-button .label-cart:before {
	position: absolute;
	left: -4px;
	top: 5px;

	width: 0;
	height: 0;

	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-right: 5px solid rgb(4, 153, 51);

	content: "";
}

#cart-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;

	display: none;
	width: 100%;
	height: 100%;

	background-color: rgba(0, 0, 0, 0.7);
}

#cart-overlay #cart-container {
	position: absolute;
	top: 50%;
	left: 50%;

	overflow-y: scroll;

	width: 1140px;
	max-width: 90%;
	max-height: calc(100% - 100px);

	background-color: #FFFFFF;
	border: none;

	transform: translate(-50%, -50%);
}

#cart-overlay #cart-close {
	position: relative;
	top: -5px;

	cursor: pointer;

	font-size: 24px;

	border: 0;
	background: transparent;
}

#cart-overlay #cart-close:hover {
	color: #d0041d;
}

#cart-overlay .payments-info {
	margin: 20px 0 0;
}

.prettyprint  {
	display: none;
}

.add-to-cart {
	width: 93px;
}

.add-to-cart-duplicate {
	position: absolute;
	top: 10px;
	right: 15px;
	z-index: 100;

	/*opacity: 0;*/

	/*transition: opacity 1s;*/
}

.posr {
	position: relative;
}

.table-oplaty-container {
	position: absolute;
	z-index: 127;

	width: 100%;
	margin-left: -15px;
}

.table-oplaty-container .table-oplaty {
	margin-left: 0;
	margin-right: 0;
}

.doprawej2 {
	width: auto !important;
	text-align: right !important;
}

.table-oplaty td:last-child {
	/*padding-right: 0 !important;*/
}

.tabela > tbody > tr td {
	/*cursor: pointer;*/
}

.tabela > tbody > tr.payment td {
	cursor: pointer;
}

.add-to-cart:not(.add-to-cart-duplicate) {
	transition: all 0.2s;
}

.add-to-cart.disabled, .add-to-cart-all.disable, .add-to-cart.disabled:hover, .add-to-cart-all.disabled:hover {
	opacity: 0.1 !important;
}

.category-select {
	width: 100%;
	height: 36px;
	margin-bottom: 10px;

	border-radius: 5px;

	text-indent: 10px;
}

.category-select-left {
	float: left;
	/*width: 69.5%;*/
}

.category-select-right {
	float: right;

	width: 29.5%;
}

#contrast-icon-2, #font-size {
	position: relative;
	top: 17px;
	right: 50px;

	float: right;

    height: 46px;
    padding: 0 15px;
    margin-left: 10px;

    background-color: rgba(255,255,255,0.8);
    border-radius: 5px;
    cursor: pointer;

	font-size: 20px;
    text-align: right;
    line-height: 46px;
}

#contrast-icon-2:hover, #font-size:hover {
	background-color: #FFFFFF;
}

.font-medium .main-menu li a {
	font-size: 16px;
}

.font-big .main-menu li a {
	font-size: 18px;
}

.font-medium h2 {
	font-size: 32px;
}

.font-big h2 {
	font-size: 34px;
}

.font-medium h3 {
	font-size: 22px;
}

.font-big h3 {
	font-size: 24px;
}

.font-medium #gmina-info p {
	font-size: 26px;
}

.font-big #gmina-info p {
	font-size: 28px;
}

.font-medium .warning-div {
	font-size: 26px;
}

.font-big .warning-div {
	font-size: 28px;
}

.font-medium .tabela td {
	font-size: 16px;
}

.font-big .tabela td {
	font-size: 18px;
}

.font-medium .wyszukiwarka input[type="text"] {
	font-size: 16px;
}

.font-big .wyszukiwarka input[type="text"] {
	font-size: 18px;
}

.font-medium .shopping-cart-button {
	font-size: 20px;
}

.font-big .shopping-cart-button {
	font-size: 22px;
}

.font-medium .herb-niewidoczny-gsko {
	font-size: 26px;
}

.font-big .herb-niewidoczny-gsko {
	font-size: 28px;
}

.font-medium .dashboard-element p {
	font-size: 26px;
}

.font-big .dashboard-element p {
	font-size: 28px;
}

.font-medium .dashboard-logo-content h1 {
	font-size: 26px;
}

.font-big .dashboard-logo-content h1 {
	font-size: 28px;
}

.font-medium .dashboard-logo-content h2 {
	font-size: 20px;
}

.font-big .dashboard-logo-content h2 {
	font-size: 22px;
}

.font-medium .herb-niewidoczny-gmina {
	font-size: 20px;
}

.font-big .herb-niewidoczny-gmina {
	font-size: 22px;
}

.font-medium .herb-widoczny-gsko {
	font-size: 26px;
}

.font-big .herb-widoczny-gsko {
	font-size: 28px;
}

.font-medium #logo {
	width: 560px;
}

.font-big #logo {
	width: 560px;
}

.font-medium .tabela-robocze thead tr td:last-child {
	width: 200px !important;
}

.font-big .tabela-robocze thead tr td:last-child {
	width: 210px !important;
}

.font-medium .tabela-wyslane thead tr td:last-child {
}

.font-big .tabela-wyslane thead tr td:last-child {
	width: 350px !important;
}

.font-medium .daneform label {
	font-size: 18px;
}

.font-big .daneform label {
	font-size: 20px;
}

.font-medium .legenda ul li {
	font-size: 16px;
}

.font-big .legenda ul li {
	font-size: 18px;
}

.font-medium #cookie_alert {
	font-size: 16px;
}

.font-big #cookie_alert {
	font-size: 18px;
}

.font-medium .custom-navbar li a {
	font-size: 16px;
}

.font-big .custom-navbar li a {
	font-size: 18px;
}

.font-medium .payments-info {
	font-size: 16px;
}

.font-big .payments-info {
	font-size: 18px;
}

.font-medium .category-select {
	font-size: 16px;
}

.font-big .category-select {
	font-size: 18px;
}

.font-medium .accordion-content table tr td, .font-medium .accordion-content table tr th {
	font-size: 16px;
}

.font-big .accordion-content table tr td, .font-big .accordion-content table tr th {
	font-size: 18px;
}

.font-medium .formularze .id, .font-medium .formularze .form_id, .font-medium .formularze .name {
	font-size: 18px !important;
}

.font-big .formularze .id, .font-big .formularze .form_id, .font-big .formularze .name {
	font-size: 20px !important;
}

.font-medium .daneform input[type="text"], .font-medium .daneform textarea {
	font-size: 16px;
}

.font-big .daneform input[type="text"], .font-big .daneform textarea {
	font-size: 18px;
}

.font-medium input[type="submit"], .font-medium button, .font-medium .button {
	font-size: 20px;
}

.font-big input[type="submit"], .font-big button, .font-big .button {
	font-size: 22px;
}

.banks-list {

}

.banks-list__container {
	float: left;

	/*width: 80%;*/
	/*padding-left: 15px;*/

	padding-left: 0;
	margin: 0 -0.4% 0 -0.3%;
	width: calc(80% + 0.6%);
}

.banks-list__radio {
	display: none;
}

.banks-list__label {
	float: left !important;

	width:19% !important;
	height: 100px;
	margin: 0 0.5% 1% !important;
	padding: 11px 0 !important;

	background-color:#ffffff;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	cursor: pointer;

	text-align: center !important;
	line-height: 74px;
}

.banks-list__radio:checked + .banks-list__label {
	padding: 9px 0 !important;

	border: 3px solid #049933;
}

.banks-list__image {
	display: inline-block;
	max-width: 70%;
	max-height: 100%;

	vertical-align: middle;
}

.mapIframe {
	border: 1px solid #ccc;
	box-shadow: 11px 11px 8px -10px grey;
	border-radius: 6px;
	width: 100%;
	min-height: 500px;
}

/* Modal Content/Box */
#modal_rodo {
	/*background-color: #fefefe;*/
	padding: 20px;
	/*border: 1px solid #888;*/
	position: fixed;
	height: 100%;
	width: 100%;
	padding-top: 10vh;
	z-index: 1;
	/*background-color: rgba(255, 255, 255, 0.8);*/
}
.modal-content {
	position: relative;
	background-color: #cadff6;
	margin: 0 auto;
	padding: 20px;
	/*border: 1px solid #888;*/
	width: 80vw;
	max-width: 940px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}

/* Modal Body */
#modal_rodo .modal-body {
	padding: 2px 0;
}
#modal_rodo .modal-body h2 {
	margin-bottom: 20px;

	font-size: 24px;
}
#modal_rodo .modal-footer {
	margin-top: 20px;
}

/* The Close Button */
#modal_rodo .close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	margin-top: -4px;
	margin-right: 2px;
}

#modal_rodo .close:hover,
#modal_rodo .close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

#modal_rodo .modal-button-success {
	width: 100%;
	height: 40px;

	background-color: #28a745;
	color: #ffffff;
	border: 0;
	border-radius: 3px;
	cursor: pointer;

	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
}

#modal_rodo .modal-button-success:hover {
	opacity: 0.8;
}

#modal_rodo .modal-button-success:disabled {
	opacity: 0.2 !important;
	cursor: not-allowed;
}

#modal_rodo .rodo {
	padding-right: 20px;
}

.custom-navbar-mobile {
	display: none;
}

.mobile-payment__date {
	margin-top: 10px;

	font-size: 12px;
}

.mobile-payment__ammount {
	margin-top: 5px;

	font-size: 12px;
}

.rodo-page .rodo {
	height: auto !important;
	overflow-y: auto !important;
}

.case-view__column	{
	display: flex;
	justify-content: space-between;
	align-items: stretch;

	margin: 0 -10px;
}

.case-view__column > * {
	flex: 1;
	margin: 0 10px;
}

.case-view__details {
	flex: 35%;
}

.case-view__documents {
	flex: 65%;
}

@media screen and (max-width: 1200px) {
	.case-view__column	{
		flex-wrap: wrap;
	}

	.case-view__column > * {
		flex: 100%;

		margin-bottom: 20px;
	}
}

.tabela-small > tbody > tr {
	height: 30px;
}

.tabela-small thead tr td, .tabela-small thead tr th {
	padding-top: 3px;
	padding-bottom: 3px;
}

.tabela-small tbody tr td, .tabela-small tbody tr th {
	padding-top: 7px;
	padding-bottom: 7px;

	cursor: auto;
}

.tabela-small tbody th {
	width: auto !important;
}

.panel {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: 5px
}

.panel>hr {
	margin-right: 0;
	margin-left: 0
}

.panel>.list-group {
	border-top: inherit;
	border-bottom: inherit
}

.panel>.list-group:first-child {
	border-top-width: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}

.panel>.list-group:last-child {
	border-bottom-width: 0;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px
}

.panel>.panel-header+.list-group,
.panel>.list-group+.panel-footer {
	border-top: 0
}

.panel-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 1px;
	padding: 20px
}

.panel-title {
	margin-bottom: 15px
}

.panel-subtitle {
	margin-top: -8px;
	margin-bottom: 0
}

.panel-text:last-child {
	margin-bottom: 0
}

.panel-link:hover {
	text-decoration: none
}

.panel-link+.panel-link {
	margin-left: 20px
}

.panel-header {
	padding: 15px 20px;
	margin-bottom: 0;
	background-color: rgba(0, 0, 0, .02);
	border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.panel-header:first-child {
	border-radius: 5px 5px 0 0
}

.panel-footer {
	padding: 15px 20px;
	background-color: rgba(0, 0, 0, .03);
	border-top: 1px solid rgba(0, 0, 0, .25)
}

.panel-footer:last-child {
	border-radius: 0 0 5px 5px
}

.panel-header-tabs {
	margin-right: -12px;
	margin-bottom: -15px;
	margin-left: -12px;
	border-bottom: 0
}

.panel-header-pills {
	margin-right: -12px;
	margin-left: -12px
}

.panel-img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 12px;
	border-radius: 5px
}

.panel-img,
.panel-img-bottom,
.panel-img-top {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%
}

.panel-img,
.panel-img-top {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px
}

.panel-img,
.panel-img-bottom {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px
}

.panel-deck .panel {
	margin-bottom: 15px
}

@media (min-width:576px) {
	.panel-deck {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin-right: -15px;
		margin-left: -15px
	}
	.panel-deck .panel {
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		margin-right: 15px;
		margin-bottom: 0;
		margin-left: 15px
	}
}

.panel-group>.panel {
	margin-bottom: 15px
}

@media (min-width:576px) {
	.panel-group {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap
	}
	.panel-group>.panel {
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		margin-bottom: 0
	}
	.panel-group>.panel+.panel {
		margin-left: 0;
		border-left: 0
	}
	.panel-group>.panel:not(:last-child) {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0
	}
	.panel-group>.panel:not(:last-child) .panel-header,
	.panel-group>.panel:not(:last-child) .panel-img-top {
		border-top-right-radius: 0
	}
	.panel-group>.panel:not(:last-child) .panel-footer,
	.panel-group>.panel:not(:last-child) .panel-img-bottom {
		border-bottom-right-radius: 0
	}
	.panel-group>.panel:not(:first-child) {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0
	}
	.panel-group>.panel:not(:first-child) .panel-header,
	.panel-group>.panel:not(:first-child) .panel-img-top {
		border-top-left-radius: 0
	}
	.panel-group>.panel:not(:first-child) .panel-footer,
	.panel-group>.panel:not(:first-child) .panel-img-bottom {
		border-bottom-left-radius: 0
	}
}

.panel-columns .panel {
	margin-bottom: 15px
}

@media (min-width:576px) {
	.panel-columns {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 20px;
		-moz-column-gap: 20px;
		column-gap: 20px;
		orphans: 1;
		widows: 1
	}
	.panel-columns .panel {
		display: inline-block;
		width: 100%
	}
}

.accordion {
	overflow-anchor: none
}

.accordion>.panel {
	overflow: hidden
}

.accordion>.panel:not(:last-of-type) {
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.accordion>.panel:not(:first-of-type) {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.accordion>.panel>.card-header {
	border-radius: 0;
	margin-bottom: -1px
}

.panel-body .tabela, .panel-body .tabela thead, .panel-body .tabela tbody, .panel-body .tabela tr, .panel-body .tabela th, .panel-body .tabela td {
	border-color: #e3e3e3 !important;
}

.table-responsive > table {
	width: calc(100% - 1px);
}

.payment-commission-info--hide {
	display: none;
}

.payment-commission-info__content {
	float: left;
	padding: 9px 0 0 0;
	width: 80%;
}

.payment-commission-info__text {
	display: none;
}

.modal-statement {
	background: transparent !important;
	padding: 0 16px 0 0 !important;
	border: none !important;
	position: fixed !important;
	height: 100% !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	z-index: 1050 !important;
}

.modal-statement .modal-header {
	display: flex !important;
}

.standard-tiles {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 -8px;
}

.standard-tiles__single {
	flex: calc(25% - 20px);
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;

	margin: 10px;
	padding: 20px;
	background-color: rgba(59,126,203,0.06);
	border: 1px solid rgba(59,126,203,0.15);
	border-radius: 3px;
	color: #3b7ecb;
	font-family: "Fira Sans Condensed", sans-serif;
	font-weight: 300;
	font-size: 1.5rem;
	transition: background-color 0.2s, background-border 0.2s;
	/*max-width: 50%;*/
	height: 200px;
	text-align: center;
}

.standard-tiles__single:hover {
	background-color: rgba(59,126,203,0.11);
	border: 1px solid rgba(59,126,203,0.20);
}

.standard-tiles__icon {
	margin-bottom: 0.75rem;
	font-size: 3rem;
}

@media screen and (max-width: 900px) {
	.standard-tiles__single {
		flex: calc(50% - 20px);
	}
}

@media screen and (max-width: 450px) {
	.standard-tiles__single {
		flex: calc(100% - 20px);
		height: 140px;
	}
}
/*#wipContent_netproces_all > table:nth-child(3) > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(1) */
#wipContent_groszek_all table.tabela   tr   th:first-of-type,
#wipContent_netproces_all table.tabela   tr   th:first-of-type {
	max-width: 40%;
	width: 40%;
}

/* regulamin */
#regulation-content   ol, #regulation-content ul{
	list-style: square;
	padding: 20px;
}

#regulation-content  li {
	padding: 5px;
	margin-left: 35px;
	list-style: circle;
}

#regulation-content  h1, #regulation-content h3{
	margin-top: 15px !important;
	margin-bottom: 15px !important;
	/*color: #c71e2a !important;*/
	/*font-size: 20px !important;*/
	color: black !important;
	font-family: "Fira Sans Condensed", sans-serif !important;
	font-size: 2rem !important;
	margin-bottom: 0.5rem !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
}

.not-allowed {
	/*cursor: not-allowed;*/
	pointer-events: none;
	opacity: 0.3;
}
.not-allowed-wrapper {
	cursor: not-allowed;
}

/*ogranczenie listy z autocomplete aby nie wychodziła za ekran*/
.ui-autocomplete {
	overflow-y: auto;
	max-height: 300px;
	overflow-x: hidden;
}