@font-face {
  font-family: montserrat;
  src: url("font/Montserrat-Regular.otf");
}

@font-face {
  font-family: montserrat;
  src: url("/font/Montserrat-Bold.otf");
  font-weight: bold;
}

html, body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    height: 100%;
    font-family: montserrat!important;
    font-size: 0.9em;
}

a {
    color: #333!important;
    text-decoration: none!important;
}

a:hover { text-decoration: underline!important; cursor: pointer!important; }

.background-image {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.center-screen {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

@media only screen and (max-width: 600px) {
  .background-image { height: auto; }
  .center-screen { display: block; }
}

.bg-navy { background-color: #17124A; }
.bg-half-white { background-color: rgba(255, 255, 255, 0.8); }
.bg-gray { background-color: #EFEFEF; }
.bg-gray-dark { background-color: #DFDFDF; }
.color-orange { color: #F7A708; }
.color-red { color: red; }
.color-white { color: white; }
.color-black { color: #333; }

.btn-fenix { padding: 3px 3.5rem; border: none; box-shadow: 1px 1px 9px #DFDFDF; }
.btn-fenix-red { background-color: red; color: white; }
.btn-fenix-red:hover { background-color: red; color: white; }
.btn-fenix-white { background-color: white; color: #333; }
.btn-fenix-white:hover { background-color: #E79700; color: white!important; }
.btn-fenix-orange { background-color: #F7A708; color: white; }
.btn-fenix-orange:hover { background-color: #E79700; }
.btn-fenix-navy { background-color: #17124A; color: white; }
.btn-fenix-navy:hover { background-color: #47427A; }
.btn-fenix-navylight { background-color: #494197; color: white; }
.btn-fenix-navylight:hover { background-color: #393187; }
.btn-fenix-red-hover:hover { background-color: red!important; }
.btn-fenix-nocolor { background-color: white; color: #333; color: #E79700; }
.btn-fenix-nocolor:hover { color: #17124A; }
.btn-fenix-crystal { }
.btn-fenix-crystal:hover {}

.btn-fenix-lg { padding: 6px 3.5rem; font-size: 1.3em; }
.btn-fenix-xl { padding: 6px 3.5rem; font-size: 1.6em; }
@media only screen and (max-width: 700px) {
.btn-fenix-responsive { padding: 3px 1rem!important; }
.btn-fenix-mobile-sm { padding: 3px 3.5rem!important; font-size: 1em!important; width: 80%; }
}




.btn-table { padding: 0.25em 0.5em; border: 1px solid #CFCFCF; color: #333; font-size: 0.9em; }
.btn-table img { height: 20px; }
.btn-table-white { background-color: white; }
.btn-table-gray { background-color: #EFEFEF; }
.btn-table-green { background-color: green!important; color: white!important; }
.btn-table-red { background-color: red!important; color: white!important; }
.btn-table-blue { background-color: #00ADF0!important; color: white!important; }

.main-btn { text-align: center; padding: 1rem; box-shadow: 1px 1px 18px #CFCFCF; background-color: white; height: 100%; }
.main-btn p { font-weight: bold; text-align: left; margin-top: 0.5em; }
.main-btn:hover, .main-btn.active { background-color: #F7A708; cursor: pointer; color: white; }
.main-btn img { width: 60%; }

.main-btn-icon1 img { content:url("/images/icons/nowe_rozliczenia.svg");  }
.main-btn-icon1:hover img, .main-btn-icon1.active img { content:url("/images/icons/nowe_rozliczenia_hover.svg"); }
.main-btn-icon2 img { content:url("/images/icons/kalkulacje.svg");  }
.main-btn-icon2:hover img, .main-btn-icon2.active img { content:url("/images/icons/kalkulacje_hover.svg"); }
.main-btn-icon3 img { content:url("/images/icons/placowki_wspolpracujace.svg");  }
.main-btn-icon3:hover img, .main-btn-icon3.active img { content:url("/images/icons/placowki_wspolpracujace_hover.svg"); }
.main-btn-icon4 img { content:url("/images/icons/dokumenty.svg");  }
.main-btn-icon4:hover img, .main-btn-icon4.active img { content:url("/images/icons/dokumenty_hover.svg"); }
.main-btn-icon5 img { content:url("/images/icons/statystyki.svg");  }
.main-btn-icon5:hover img, .main-btn-icon5.active img { content:url("/images/icons/statystyki_hover.svg"); }
.main-btn-icon6 img { content:url("/images/icons/faktury.svg");  }
.main-btn-icon6:hover img, .main-btn-icon6.active img { content:url("/images/icons/faktury_hover.svg"); }
.main-btn-icon7 img { content:url("/images/icons/klienci.svg");  }
.main-btn-icon7:hover img, .main-btn-icon7.active img { content:url("/images/icons/klienci_hover.svg"); }
.main-btn-icon8 img { content:url("/images/icons/pisma.svg");  }
.main-btn-icon8:hover img, .main-btn-icon8.active img { content:url("/images/icons/pisma_hover.svg"); }

@media only screen and (max-width: 576px) {
    .main-btn img { width: 30%; }
    .main-btn p { text-align: center; }
}

.h2-fenix { color: #F7A708; font-size: 2.5em; font-weight: normal; }

.flex-center { align-items: center; }
.flex-stretch { align-items: stretch; }
.flex-just-between { justify-content: space-between; }
.flex-just-center { justify-content: center; }
.flex-column { flex-direction: column; }
.flex-mobile { display: flex; }
@media only screen and (max-width: 780px) {
.flex-mobile { display: block!important; }
}

.text-right { text-align: right; }
.deco-none { text-decoration: none; }
.no-wrap { white-space: nowrap; }
.float-right { float: right; }
.svg-info { width: 20px; }
.svg-info-lg { width: 30px!important; }
.svg-info-max { width: 60px!important; }
.pl-5 { padding-left: 1.5rem!important; }
.pr-5 { padding-right: 1.5rem!important; }
.pl-2 { padding-left: 0.5rem!important; }
.pr-2 { padding-right: 0.5rem!important; }
.border-b { border-bottom: 3px solid #DFDFDF; }
.border-right-none { border-right: none!important; }
.border-left-none { border-left: none!important; }
.no-box-shadow { box-shadow: none!important; }
.block-border { border: 1px solid #DFDFDF!important; }
.border-table { border: 2px solid #DFDFDF; }
.div-responsive { width: 100%!important; overflow-x: scroll!important; }
.link { font-weight: bold; cursor: pointer; text-decoration: underline; }
.link2:hover { text-decoration: none!important; }
.link2 { font-weight: bold; text-decoration: underline!important; cursor: pointer; color: #FF6000!important; }
.link3 { font-weight: bold; text-decoration: underline!important; cursor: pointer; color: #17124A!important; }
.link3:hover { text-decoration: none!important; }
.wp-150 { width: 150px; }
.wp-50 { width: 50px; }
.mt-6 { margin-top: 3.25rem!important; }
.mr-0 { margin-right: 0!important; }
.mr-1 { margin-right: 0.5rem!important; }
.text-sm { font-size: 0.8em; }
@media only screen and (max-width: 980px) {
    .mt-6 { margin-top: 1.25rem!important; }
}

input[type=text], input[type=password], input[type=date], input[type=number], input[type=email], textarea {
    width: 100%;
    border-radius: 0px;
    border: 2px solid #CFCFCF;
    padding: 5px 10px;
    outline: none;
    background-color: white;
}

input[type=text].error, input[type=password].error, input[type=date].error, input[type=number].error, input[type=email].error, textarea.error {
    border: 2px solid red;
}
.errorrest{
    border: 2px solid red;
}

input[type=text]:disabled, input[type=password]:disabled, input[type=date]:disabled, input[type=number]:disabled, input[type=email]:disabled, textarea:disabled {
    background-color: #EFEFEF;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url('/images/icons/kalendarz.svg') no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    border-width: thin;
}

input[type=text]:focus, input[type=text]:active, input[type=email]:focus, input[type=email]:active, input[type=password]:focus, input[type=password]:active {
    box-shadow: 1px 1px 15px #CFCFCF;
}

select {
    width: 100%;
    border-radius: 0px;
    border: 2px solid #CFCFCF;
    padding: 5px 10px;
    outline: none;
    appearance:none;
	  -webkit-appearance:none;
	  -moz-appearance:none;
	  -ms-appearance:none;
    background-position: calc(100% - 12px) center !important;
    background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23F7A708' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
    background-color: white;
}

select.option {
    border-bottom: 1px solid #333;
}

select option:hover {
    background-color: #EFEFEF!important;
}


.header-menu { background-color: #17124A; border-bottom: 25px solid #393186; }
.header-menu .logo { width: 100px; }
.header-menu ul { margin: 0; padding: 0; list-style: none; }
.header-menu ul li { float: left; margin: 0 2.5rem 0 0.5rem; color: white; text-transform: uppercase; padding-top: 1rem; font-size: 0.9em; }
.header-menu ul li a { color: white!important; }
.header-menu ul li a.active { color: #F7A708!important; }
.header-menu ul li a:hover { color: #F7A708!important; text-decoration: none!important; }
.header-menu ul li a:after { content: '•'; display: block; visibility: hidden; margin-top: -8px; color: white; text-align: center; }
.header-menu ul li a:hover:after, .header-menu ul li a.active:after { visibility: visible; color: #F7A708; }
.header-menu-hamburger { color: white; float: right; margin: 0.5rem; }
.header-menu-hamburger i { font-size: 3em; }
.header-menu-content { order: 1; }
.header-menu-log { order: 2; display: inline; }
.header-menu-log span { display: block; margin-top: -5px; color: white; font-size: 0.9em; }
.header-menu-log img { width: 100%; }
@media only screen and (max-width: 750px) {
    .header-menu ul { margin-top: 1rem; }
    .header-menu ul li { padding-top: 0rem; }
}
@media only screen and (max-width: 767px) {
    .header-menu ul li { width: 100%; font-size: 1.2em; text-align: center; margin: 0.5rem; }
    .header-menu ul li a:after { display: none; }
    .header-menu .logo { width: 60%; }
    .logo-container { text-align: center; display: block!important; }
    .header-menu-block { display: block!important; }
    .header-menu-log img { width: 80px; }
    .header-menu-log { float: right; }
    .header-menu-hamburger { float: left; margin-top: 20px; }
}

.menu-left ul { margin: 0; padding: 1rem; list-style: none; }
.menu-left ul li { display: flex; justify-content: space-between; width: 100%; padding: 1rem; border-bottom: 2px solid #CFCFCF; font-size: 0.9em; font-weight: bold; border-left: 5px solid white; }
.menu-left ul li:hover, .menu-left ul a li.active { border-left: 5px solid #F7A708; background-color: #DFDFDF; }
.menu-left ul a:hover { text-decoration: none!important; }
.menu-left ul li img { width: 25px; height: 25px; margin-left: 5px; content:url("/images/menu_left_normal.png"); }
.menu-left ul li:hover img, .menu-left ul li.active img { content:url("/images/menu_left_active.png"); }

.menu-left-hamburger { text-align: right; }
.menu-left-hamburger i { font-size: 3em; }
@media only screen and (max-width: 767px) {
    .menu-left-content, .header-menu-content { display: none; }
}

.table-fenix { width: 100%; }
.table-fenix thead td { background-color: #17124A; color: white; padding: 1em 0em; text-align: center; }
.table-fenix thead td p { border-right: 2px solid #CFCFCF; margin: 0; padding: 0.5rem 1rem; position: relative; height: 100%; }
.table-fenix tbody tr td { padding: 0.5em 0em; text-align: center; }
.table-fenix tbody tr td > p, .table-fenix tbody tr td div { border-right: 2px solid #DFDFDF; margin: 0; padding: 0.5em 1em; }
.table-fenix tbody tr td > a { border-right: 2px solid #DFDFDF; padding: 0.5rem 1rem; margin: 0; display: block; }
.table-fenix tbody tr:nth-child(odd) { background-color: #EFEFEF; }
.table-fenix tbody tr:nth-child(odd) button { background-color: white; }
.table-fenix thead td:last-child p, .table-fenix tbody tr td:last-child p, .table-fenix tbody tr td:last-child a { border-right: none; }
.table-fenix-big { font-size: 1.5em; }
.table-fenix .checkbox-td { text-align: center; }
.table-fenix .checkbox-td input[type=checkbox]{ width: 1.5em!important; height: 1.5em!important; accent-color: orange; }
.table-fenix .text-left { text-align: left!important; }

.table-fenix-content { width: 100%; border-collapse: separate;  }
.table-fenix-content thead td { background-color: #EFEFEF; border: 2px solid #DFDFDF; padding: 10px; }
.table-fenix-content thead td:first-child, .table-fenix-content tbody tr td:first-child { text-align: center; }
.table-fenix-content tbody tr td.bg-orange { background-color: #F7A708; color: white; border: 2px solid #DFDFDF; padding: 0px 10px; }
@media only screen and (max-width: 1000px) {
  .table-fenix-content thead td { padding: 5px!important; }
  .table-fenix-content tbody tr td.bg-orange-responsive { padding: 0px 3px!important; }
}

.table-fenix-content tbody tr td.bg-gray { background-color: #EFEFEF; border: 2px solid #DFDFDF; padding: 0px 10px;}
.table-fenix-content tbody tr td button { border: 2px solid #BFBFBF; background-color: #AFAFAF; font-weight: bold; color: white; float: right; }

.main-border-bottom { border-bottom: 3px solid #CFCFCF; }

@media only screen and (max-width: 1000px) {
    .table-fenix .checkbox-td { text-align: left; }
    .table-fenix thead td, .table-fenix tbody tr td { text-align: left!important; }
}

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

	.table-fenix-responsive table, .table-fenix-responsive thead, .table-fenix-responsive tbody, .table-fenix-responsive th, .table-fenix-responsive td, .table-fenix-responsive tr {
		display: block;
	}
	.table-fenix-responsive thead tr {
  		display: none;
	}
	.table-fenix-responsive tr { border: 1px solid #ccc; padding: 10px 0px 10px 0px; margin-bottom: 10px; border-top: 10px solid orange; }
	.table-fenix-responsive td {
		border: none;
		position: relative;
		white-space: normal;
		text-align:left;
    padding: 25px 0px 0px 0px!important;
    border-bottom: 3px solid #DFDFDF;
	}
  .table-fenix-responsive td p, .table-fenix-responsive td a { border: none!important; }
	.table-fenix-responsive td:before {
		position: absolute;
		top: 10px;
		left: 15px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
    font-size: 0.9em;
    text-decoration: underline;
	}
	.table-fenix-responsive td:before { content: attr(data-title); }
}

.document-row .description { background-color: #CFCFCF; border: 1px solid #DFDFDF; padding: 10px; text-align: center; height: 100px; font-size: 0.9em; font-weight: bold; }
.document-row img { width: 100%; padding: 15px; background-color: #DFDFDF; margin-bottom: 10px; }
@media only screen and (max-width: 800px) {
    .document-row .description { height: 150px; }
}
@media only screen and (max-width: 576px) {
    .document-row .description { height: auto; }
}

.pagination { text-align: center; display: block ruby!important; }
.pagination .next, .pagination .prev { padding: 3px 3.5rem; border: none; box-shadow: 1px 1px 8px #AFAFAF; background-color: white; }
.pagination a { font-size: 1.2em; font-weight: bold; margin: 0 0.5em; }
.pagination a.active { color: #F7A708!important; }
.pagination a:hover { color: #F7A708!important; text-decoration: none!important; }

@media only screen and (max-width: 576px) {
    .pagination a { margin: 1em 0.5em; }
    .pagination .next, .pagination .prev { width: 100%; display: block; margin: 1em 0; }
}

.popup-background { background-color: rgba(0,0,0,0.5); top:0; left:0; right: 0; bottom: 0; position: fixed; z-index: 2222; display: none; }
.popup {
  z-index: 2223;
  position: fixed;
  background-color: white;
  max-width: 100%;
  top: 30%;
  left: 50%;
  margin-left: -250px;
  width: 460px;
  border-top: 30px solid #17124A;
  padding: 20px;
  text-align: center;
  display: none;
}
.popup-searcher {
    z-index: 2223;
    position: fixed;
    background-color: white;
    top: 10%;
    left: 50%;
    margin-left: -250px;
    width: 500px;
    max-height: 600px;
    height: auto;
    background-color: #EFEFEF;
    max-width: 100%;
    display: none;
}
.popup-searcher-content {
    height: 80%;
    max-height: 450px;
    overflow-y: scroll;
}
.popup-searcher h2 {
    background-color: #17124A;
    color: white;
    font-size: 1.2em;
    text-align: center;
}
.popup-searcher i { position: absolute; right: 10px; top: 10px; font-size: 1.5em; color: white; cursor: pointer; }

@media only screen and (max-width: 576px) {
    .popup-searcher, .popup { top: 0; left: 0; margin-top: 0; margin-left: 0; width: 100%; bottom: 0; height: auto; }
    .popup-searcher-content { height: 80vh; }
    .popup-searcher i { font-size: 2em; }
    .popup { height: fit-content!important; }
}

@media only screen and (max-width: 992px) {
    .split-2 { flex-direction: column; }
    .part-1 { order: 1; }
    .part-2 { order: 2; }
    .part-3 { order: 3; }
    .part-4 { order: 4; }
}

.steps { position: relative; text-align: center; }
.steps ul { margin: 0; padding: 0; display: inline-block; }

.steps ul li {
    list-style: none;
    float: left;
    margin-left: 150px;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 70px;
    height: 70px;
    background-color: #DFDFDF;
    color: white;
    border-radius: 50%;
    font-size: 2.4em;
    text-align: center;
    padding-top: 10px;
    font-weight: bold;
}

.steps ul li:before {
    content: '';
    position: absolute;
    margin-left: -160px;
    top: 50%;
    width: 120px;
    background-color: #DFDFDF;
    height: 5px;
}

.steps ul li.active {
    background-color: #F7A708!important;
}

.steps ul li.active:before {
    background-color: #F7A708!important;
}

@media only screen and (max-width: 1200px) {
    .steps ul li { width: 50px; height: 50px; font-size: 2em; padding-top: 5px; margin-left: 100px; }
    .steps ul li:before { width: 80px; margin-left: -105px; }
}

@media only screen and (max-width: 950px) {
    .steps ul li { width: 40px; height: 40px; font-size: 1.5em; padding-top: 5px; margin-left: 70px; }
    .steps ul li:before { width: 50px; margin-left: -75px; }
}

@media only screen and (max-width: 770px) {
    .steps ul li { width: 40px; height: 40px; font-size: 1.5em; padding-top: 5px; margin-left: 55px; }
    .steps ul li:before { width: 40px; margin-left: -60px; height: 3px; }
}

@media only screen and (max-width: 650px) {
    .steps ul li { width: 35px; height: 35px; font-size: 1.3em; padding-top: 5px; margin-left: 45px; }
    .steps ul li:before { width: 30px; margin-left: -50px; height: 3px; }
}

.invoice .logo { width: 50%; }
.invoice .header { border-top: 2px solid #CFCFCF; border-bottom: 2px solid #CFCFCF; margin: 5px 0; padding: 5px; }

.invoice table.content { text-align: center; }
.invoice table.content thead { background-color: #EFEFEF; }
.invoice table.content thead td, .invoice table.content tbody td { padding: 5px; border: 2px solid #DFDFDF; }
.invoice table .no-border { border: none!important; }
.invoice table .text-left { text-align: left!important; }
.invoice table .main-field { width: 30%!important; }
.invoice .remove { color: red; }

.invoice .sign { margin-top: 200px; text-align: center; }
.invoice .footer .main { font-weight: bold; color: orange; }

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

	.invoice table.content, .invoice .content thead, .invoice .content tbody, .invoice .content th, .invoice .content td, .invoice .content tr { display: block; }
	.invoice .content thead tr { display: none; }
	.invoice .content tr { border: 1px solid #ccc; padding: 10px 0px 10px 0px; margin-bottom: 10px; border-top: 10px solid orange; }
	.invoice .content td { border: none!important; position: relative; white-space: normal; text-align:left; padding: 30px 10px 0px 15px!important; border-bottom: 3px solid #DFDFDF; }
  .invoice .content td p, .invoice .content td a { border: none!important; }
	.invoice .content td:before {
		position: absolute;
		top: 10px;
		left: 15px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
    font-size: 0.9em;
    text-decoration: underline;
	}
	.invoice .content td:before { content: attr(data-title); }
  .invoice .footer { text-align: left!important; }
}


.rating input[type="radio"]:not(:nth-of-type(0)) {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.rating [type="radio"]:not(:nth-of-type(0)) + label {
    display: none;
}

label[for]:hover {
    cursor: pointer;
}

.rating .stars label:before {
    content: "★";
    width:50px;
    font-size: 3em;
}

.stars label {
    color: lightgray;
}

.stars label:hover {
    text-shadow: 0 0 1px #000;
}

.rating [type="radio"]:nth-of-type(1):checked ~ .stars label:nth-of-type(-n+1),
.rating [type="radio"]:nth-of-type(2):checked ~ .stars label:nth-of-type(-n+2),
.rating [type="radio"]:nth-of-type(3):checked ~ .stars label:nth-of-type(-n+3),
.rating [type="radio"]:nth-of-type(4):checked ~ .stars label:nth-of-type(-n+4),
.rating [type="radio"]:nth-of-type(5):checked ~ .stars label:nth-of-type(-n+5) {
    color: orange;
}

.rating [type="radio"]:nth-of-type(1):focus ~ .stars label:nth-of-type(1),
.rating [type="radio"]:nth-of-type(2):focus ~ .stars label:nth-of-type(2),
.rating [type="radio"]:nth-of-type(3):focus ~ .stars label:nth-of-type(3),
.rating [type="radio"]:nth-of-type(4):focus ~ .stars label:nth-of-type(4),
.rating [type="radio"]:nth-of-type(5):focus ~ .stars label:nth-of-type(5) {
    color: darkorange;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
    height: 15px;
}
::-webkit-scrollbar-thumb {
    background-color: #17124A;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.details { display: none; }
.no-decor-hover:hover { text-decoration: none!important; }

.bottom { position: fixed; bottom: 10px; left: 5px; }

input[type=file]::file-selector-button {
  border: 1px solid #DFDFDF;
  padding: 5px 20px;
  background-color: white;
  box-shadow: 1px 1px 10px #BFBFBF;
  margin: 10px 20px;
}

.dynamic-searcher {
    position: absolute;
    background-color: white;
    border: 2px solid #CFCFCF;
    min-width: 300px;
    right: 0;
    left: 0;
    z-index: 9999;
    display: none;
    max-height: 160px;
    overflow-x: auto;
    padding: 0;
}

.dynamic-searcher p {
    margin: 0; padding: 5px; border-bottom: 1px solid #CFCFCF;
}

.dynamic-searcher p.no-active { display: none; }

.dynamic-searcher p:hover {
    background-color: #FFC050;
    cursor: pointer;
}

.dynamic-searcher1 {
    position: absolute;
    background-color: white;
    border: 2px solid #CFCFCF;
    min-width: 300px;
    right: 0;
    left: 0;
    z-index: 9999;
    display: none;
    max-height: 160px;
    overflow-x: auto;
    padding: 0;
}

.dynamic-searcher1 p {
    margin: 0; padding: 5px; border-bottom: 1px solid #CFCFCF;
}

.dynamic-searcher1 p.no-active { display: none; }

.dynamic-searcher1 p:hover {
    background-color: #FFC050;
    cursor: pointer;
}

.radioBlock {
    border: 2px solid #DFDFDF;
    padding: 15px;
}

.radioBlock input[type=checkbox] {
     position: relative;
     cursor: pointer;
     float: right;
     margin-top: 5px;
}

.radioBlock input[type=checkbox]:before {
     content: "";
     display: block;
     position: absolute;
     width: 25px;
     height: 25px;
     top: 0;
     left: 0;
     background-color:#e9e9e9;
     border-radius: 50%;
     margin-left: -5px;
     margin-top: -7px;
}

.radioBlock input[type=checkbox]:checked:before {
     content: "";
     display: block;
     position: absolute;
     width: 25px;
     height: 25px;
     top: 0;
     left: 0;
     background-color: orange;
     margin-left: -5px;
}

.radioBlock input[type=checkbox]:checked:after {
     content: "";
     display: block;
     width: 8px;
     height: 10px;
     border: solid white;
     border-width: 0 2px 2px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     position: absolute;
     top: -1px;
     left: 4px;
}

.select-hidden { display: none; }
.hidden { display: none!important; }


.fixed-down { position: fixed; bottom: 0; box-shadow: 1px 1px 5px white; background-color: #EFEFEF!important; border-top: 3px solid #DFDFDF!important; }
.fixed-down button { width: 400px; }


.datepicker {
    background: url('/images/icons/kalendarz.svg') no-repeat right;
    background-size: 25px;
    background-position: right 3px;
}

.badge-warning { background-color: #F7A708; }

.circle {
    width: 50px;
    height: 50px;
    background-color: #DFDFDF;
    color: white;
    border-radius: 50%;
    font-size: 2em;
    text-align: center;
    padding-top: 4px;
    font-weight: bold;
    display: inline-block;
    margin-top: 10px;
}

.circle.active {
    background-color: #F7A708!important;
}

.page-2 { display: none; }
.block-info { background-color: #EFEFEF; padding: 20px; }
.block-info table tr td { padding: 2px; }
.block-info table tr td:nth-child(odd) { text-align: left; }

.nav-tabs {
    margin-top: 10px;
}

.nav-tabs li {
    background-color: #DFDFDF;
    font-weight: bold;
    font-size: 1.7em;
    margin-right: 10px;
    padding: 3px 10px;
}

.nav-tabs li:hover {
    background-color: #CFCFCF;
    text-decoration: none;
}

.nav-tabs li:hover a { text-decoration: none!important; }

.nav-tabs li.active {
    background-color: #F7A708;
    color: #333;
    border-bottom: 1px solid white;
}

.popup-skarbowy {
    width: 1000px;
    z-index: 2223;
    position: fixed;
    background-color: white;
    max-width: 100%;
    top: 10%;
    left: 50%;
    margin-left: -500px;
    border-top: 30px solid #17124A;
    padding: 20px;
    text-align: center;
    display: none;
}
.popup-skarbowy table { text-align: left; }
.popup-skarbowy table tr td, .popup-skarbowy table tr th { padding: 2px; }
.popup-skarbowy .skarbowy_content {
    height: 500px;
    max-height: 100%!important;
    overflow-y: auto;
}

@media only screen and (max-width: 1000px) {
    .popup-skarbowy { top: 0; left: 0; margin-top: 0; margin-left: 0; width: 100%!important; bottom: 0; height: auto; height: fit-content!important; }
}

@media only screen and (max-width: 600px) {
    .popup-skarbowy table, .popup-skarbowy table thead, .popup-skarbowy table tbody, .popup-skarbowy table th, .popup-skarbowy table td, .popup-skarbowy table tr {
        display: block!important;
    }
    .popup-skarbowy table thead tr {
        display: none!important;
    }
    .popup-skarbowy table tr { border: 1px solid #ccc!important; padding: 5px 0px 5px 0px!important; margin-bottom: 10px!important; border-top: 10px solid orange!important; }
    .popup-skarbowy table td {
        border: none!important;
        position: relative!important;
        white-space: normal!important;
        text-align:left!important;
        padding: 25px 0px 0px 15px!important;
        font-size: 0.9em!important;
    }
    .popup-skarbowy table td p, .popup-skarbowy table td a { border: none!important!important; }
    .popup-skarbowy table td:before {
        position: absolute!important;
        top: 10px!important;
        left: 15px!important;
        white-space: nowrap!important;
        text-align:left!important;
        font-weight: bold!important;
        font-size: 0.9em!important;
        text-decoration: underline!important;
    }
    .popup-skarbowy table td:before { content: attr(data-title)!important; }
}


mr-1 { margin-right: 10px!important; }
.attach-a{
    text-decoration: none;
    color: white;
}