:root {
    /* kolor przewodni */
    --kolor-przewodni-01: #f9b556;
    /* szary jasny */
    --kolor-uniwersalny-01: #efefef;
    /* szary ciemny */
    --kolor-uniwersalny-02: #d1d1d1;
    /* szary średni */
    --kolor-uniwersalny-03: #bfbfbf;
    /* color font body */
    --kolor-font-01: #000000;
    /* dodatkowe - pomocnicze */
    --kolor-dodatkowy-01: #555555;
    --kolor-dodatkowy-02: #ff9999;
    --kolor-dodatkowy-03: #ffffff;
    --kolor-dodatkowy-04: #f1f1f1;
    --kolor-dodatkowy-05: #d2d2d2;
}

body {

margin: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;

color: #6c6a6a;

background: #f4f5fa;

padding: 0;
/*mm-styl*/

-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;

}

a {
  color: var(--kolor-przewodni-01);
  text-decoration: underline;
  background-color: transparent;
}

a:hover {
  color: var(--kolor-font-01);
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
    font-family: bebas-neue-rounded, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal;
    letter-spacing:2px;
}

body#bileterka h1 {font-size: 28px;}
body#bileterka h2 {font-size: 24px;}
body#bileterka h3 {font-size: 20px;}
body#bileterka h4 {font-size: 18px;}
body#bileterka h5 {font-size: 16px;}
body#bileterka h6 {font-size: 14px;}

@media (min-width: 480px) and (max-width: 1199.98px) {
body#bileterka h1 {font-size: 26px;}
body#bileterka h2 {font-size: 22px;}
body#bileterka h3 {font-size: 20px;}
body#bileterka h4 {font-size: 18px;}
body#bileterka h5 {font-size: 16px;}
body#bileterka h6 {font-size: 14px;}
}

@media (max-width: 479px) {
body#bileterka h1 {font-size: 24px;}
body#bileterka h2 {font-size: 22px;}
body#bileterka h3 {font-size: 20px;}
body#bileterka h4 {font-size: 18px;}
body#bileterka h5 {font-size: 16px;}
body#bileterka h6 {font-size: 14px;}
}

/* dropdown-menu */

.bileterka-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 5px 0 0;
  font-size: 14px;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.bileterka-dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
color: var(--kolor-uniwersalny-02);
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
text-decoration: none;
}

.bileterka-dropdown-item:hover, .bileterka-dropdown-item:focus {
color: var(--kolor-przewodni-01);
  text-decoration: none;
  background-color: transparent;
}

.bileterka-dropdown-item.active, .bileterka-dropdown-item:active {
color: var(--kolor-przewodni-01);
  text-decoration: none;
  background-color: #007bff;
}

.bileterka-dropdown-item.disabled, .bileterka-dropdown-item:disabled {
color: var(--kolor-uniwersalny-03);
  pointer-events: none;
  background-color: transparent;
}

/* logowanie */

#login-content {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	
	
	margin-top: 20px;
	margin-bottom: 100px;
}

#login-flagi {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;

position: relative;

padding: 10px 0;

text-align: center;

}

#login-flagi a:hover img {
opacity: 0.5;
}

#login-flagi img {
width: 40px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 5px;
}

#login-form {

-webkit-flex: 0 0 400px;
-ms-flex: 0 0 400px;
flex: 0 0 400px;
width: 400px;

background: #ffffff;

position: relative;

padding: 30px 50px;


box-shadow: 2px 2px 10px 0px rgba(150,150,150,0.75);
-webkit-box-shadow: 2px 2px 10px 0px rgba(150,150,150,0.75);
-moz-box-shadow: 2px 2px 10px 0px rgba(150,150,150,0.75);

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
margin: 15px;

}

#login-form-logo {
display: block;
position: relative;
padding: 0 0 25px 0;
}

#login-form-logo img {
display: block;
margin: 10px auto;
max-height: 80px;
-webkit-filter: grayscale(100%);
-webkit-filter: grayscale(1);
filter: grayscale(100%);
filter: gray;
}

#login-form h5 {
	text-align: center;
	margin: 0 0 20px 0;
}

.bileterka-box-logowanie {
display: block;
text-align: center;
}

@media (max-width: 991.98px) {
#login-form {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
}
}

#page-content {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

#navigation {

-webkit-flex: 0 0 310px;
-ms-flex: 0 0 310px;
flex: 0 0 310px;
max-width: 310px;

-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;

background: #ffffff;

position: relative;
overflow-x: hidden;

padding: 10px 20px 50px 20px;

}

#szkola {
	display: block;
	margin: 10px 0;
}

#szkola-adres {
	display: block;
	margin: 0;
}

#szkola-adres p {
	display: block;
	margin: 5px 0;
	cursor: pointer;
	text-align: center;
	font-size: 14px;
}

#szkola-adres p:hover i {
color: var(--kolor-przewodni-01);
}

#szkola-logo img {
	display: block;
max-height: 80px;
	margin: 10px auto;
-webkit-filter: grayscale(100%);
-webkit-filter: grayscale(1);
filter: grayscale(100%);
filter: gray;
}

#banery {
	display: block;
	margin: 30px 0;
}

#banery img {
	display: block;
	margin: 10px auto;
}

/* card */

.card.bileterka-card {
  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, 0.125);
  border-radius: 0.25rem;
}

/* nav-grupa */

#nav-grupa {
	margin: 30px 0 10px 0;
}

#nav-grupa .btn.bileterka-btn {
padding: 20px 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

}

#nav-grupa .btn.bileterka-btn {
	text-align: left;
}

#nav-grupa .btn.bileterka-btn i {
	font-size: 20px;
	width: 30px;
	margin-right: 10px;
	text-align: left;
}

#nav-grupa .card-body.bileterka-card {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 5px 15px 5px 45px;

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

background: var(--kolor-przewodni-01);
border: 1px solid var(--kolor-przewodni-01);

}

#nav-grupa .nav.bileterka-nav-btn {
	margin: 5px 0;
}

#nav-grupa .card-body.bileterka-card .nav.bileterka-nav-btn .nav-link {
color: var(--kolor-dodatkowy-03);
text-decoration: none;
padding: 10px 15px;
}

#nav-grupa .card-body.bileterka-card .nav.bileterka-nav-btn .nav-link.active {
	color: var(--kolor-dodatkowy-02);
	cursor: default;
}

#nav-grupa .card-body.bileterka-card .nav.bileterka-nav-btn .nav-link:hover {
	color: var(--kolor-dodatkowy-02);
}


/* nav-dane */

#nav-dane {
	margin: 30px 0 10px 0;
}

#nav-dane .btn.bileterka-btn {
padding: 20px 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

#nav-dane .btn.bileterka-btn {
	text-align: left;
}

#nav-dane .btn.bileterka-btn i {
	font-size: 20px;
	width: 30px;
	margin-right: 10px;
	text-align: left;
}


#nav-dane .card-body.bileterka-card {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 5px 15px 5px 45px;

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

background: transparent;
border: 1px solid transparent;

}

/* page-nav */

#page-nav {
width: 100%;
background: #ffffff;
}

#main {
-webkit-flex: 0 0 calc(100% - 310px);
-ms-flex: 0 0 calc(100% - 310px);
flex: 0 0 calc(100% - 310px);
max-width: calc(100% - 310px);

padding: 0 0 0 30px;
margin: 0;

position: relative;
}

@media (max-width: 991.98px) {
#main {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;

padding: 0;
margin: 0;

position: relative;
}
}

#main-content {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
	
}

#content-header {
position: relative;

-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;

padding: 0px;
	
min-height: 100px;
}


#ch-box {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
	
	margin: 15px 0;
}

#ch-left {
position: relative;

-webkit-flex: 0 0 calc(100% - 400px);
-ms-flex: 0 0 calc(100% - 400px);
flex: 0 0 calc(100% - 400px);
width: calc(100% - 400px);

padding: 0;
}

#ch-left-tytul {
padding-left: 30px;
display: block;
}

#ch-left-tytul h1, 
#ch-left-tytul h2, 
#ch-left-tytul h3, 
#ch-left-tytul h4, 
#ch-left-tytul h5, 
#ch-left-tytul h6 {
margin: 5px 0;
}

@media (max-width: 991.98px) {
#ch-left {
position: relative;

-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;

padding: 0px;
}

}

#ch-right {
position: relative;

-webkit-flex: 0 0 400px;
-ms-flex: 0 0 400px;
flex: 0 0 400px;
width: 400px;

padding: 0px;
}

#content-main-top {
position: relative;

-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
	
background: transparent;

padding: 20px 0;

}

#content-main {
position: relative;

-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
	
background: #ffffff;

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

padding: 30px 30px;
	
min-height: 300px;

-webkit-box-shadow: 2px 2px 10px 0px rgba(222, 223, 228, 1);
-moz-box-shadow: 2px 2px 10px 0px rgba(222, 223, 228, 1);
box-shadow: 2px 2px 10px 0px rgba(222, 223, 228, 1);
}

#content-collapse {
position: relative;

-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
	
background: transparent;

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

padding: 20px 0;
	
min-height: 300px;
}

#content-footer {
position: relative;

-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;

padding: 20px 0;
	
min-height: 100px;
}


/* btn */

.btn.bileterka-btn {
position: relative;

font-size: 14px;
font-weight: 500;

  display: inline-block;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 5px 15px;
  line-height: 1.5;

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn.bileterka-btn i {
text-align: center;
width: 1.25em;
}

.btn-lg.bileterka-btn, 
.btn-group-lg.bileterka-btn-group > .btn.bileterka-btn {
  padding: 8px 20px;
  font-size: 16px;
  line-height: 1.5;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.btn.bileterka-btn.typ-01 i {
	min-width: 25px;
	text-align: left;
}

.btn.btn-lg.bileterka-btn.typ-01 i {

}

.btn.bileterka-btn.typ-01 {
padding: 5px 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

.btn.btn-lg.bileterka-btn.typ-01 {
padding: 8px 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}


.btn.bileterka-btn.typ-02 {
padding: 6px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

.btn.btn-lg.bileterka-btn.typ-02 {
padding: 9px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

.btn.bileterka-btn.typ-02 span {
position: relative;
line-height: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	
aspect-ratio: 1/1;
}

.btn.bileterka-btn.typ-02 span i {
	width: 1.25em;
	text-align: center;
}


@media (prefers-reduced-motion: reduce) {
  .btn.bileterka-btn {
    transition: none;
  }
}

.btn.bileterka-btn:hover {
  color: #212529;
  text-decoration: none;
}

.btn.bileterka-btn:focus, .btn.bileterka-btn.focus {
  outline: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.btn.bileterka-btn.disabled, .btn.bileterka-btn:disabled {
  opacity: 0.65;
}

a.btn.bileterka-btn.disabled,
fieldset:disabled a.btn.bileterka-btn {
  pointer-events: none;
}

/* btn-collapse */

.btn.btn-collapse::after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font: var(--fa-font-solid);
    font-family: "Font Awesome 6 Free"; 
	display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn.btn-collapse::after {
content: "\f107";
font-size: 16px;
right: 20px;
height: 23px;
line-height: 23px;
position: absolute;
vertical-align: middle;
}

.btn.btn-collapse[aria-expanded="true"]::after {
content: "\f106";
}


/* btn-primary */

.btn-primary.bileterka-btn {
  color: #fff;
  background-color: var(--kolor-przewodni-01);
  border-color: var(--kolor-przewodni-01);
}

.btn-primary.bileterka-btn:hover {
  color: #fff;
  background-color: var(--kolor-przewodni-01);
  border-color: var(--kolor-przewodni-01);
  opacity: 0.9;
  -moz-opacity: 0.9;
}

.btn-primary.bileterka-btn:focus, .btn-primary.bileterka-btn.focus {
  color: #fff;
  background-color: var(--kolor-przewodni-01);
  border-color: var(--kolor-przewodni-01);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.btn-primary.bileterka-btn.disabled, .btn-primary.bileterka-btn:disabled {
  color: #fff;
  background-color: var(--kolor-przewodni-01);
  border-color: var(--kolor-przewodni-01);
}

.btn-primary.bileterka-btn:not(:disabled):not(.disabled):active, .btn-primary.bileterka-btn:not(:disabled):not(.disabled).active,
.show > .btn-primary.bileterka-btn.dropdown-toggle {
  color: #fff;
  background-color: var(--kolor-przewodni-01);
  border-color: var(--kolor-przewodni-01);
  opacity: 9;
  -moz-opacity: 0.9;
}

.btn-primary.bileterka-btn:not(:disabled):not(.disabled):active:focus, .btn-primary.bileterka-btn:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.bileterka-btn.dropdown-toggle:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}


.btn.btn-primary.bileterka-btn.wybrany {
color: var(--kolor-font-01);
background-color: #ffffff;
border-color: var(--kolor-uniwersalny-01);
}

.btn.btn-primary.bileterka-btn.wybrany:hover,
.btn.btn-primary.bileterka-btn.wybrany:focus {
color: var(--kolor-font-01);
background-color: #ffffff;
border-color: var(--kolor-uniwersalny-01);
opacity: 1;
-moz-opacity: 1;

cursor: default;
}



/* btn-secondary */

.btn-secondary.bileterka-btn {
color: var(--kolor-font-01);
  background-color: #d0d0d0;
  border-color: var(--kolor-uniwersalny-01);
}

.btn-secondary.bileterka-btn:hover {
color: var(--kolor-font-01);
  background-color: var(--kolor-uniwersalny-01);
  border-color: var(--kolor-uniwersalny-01);
  opacity: 0.9;
  -moz-opacity: 0.9;
}

.btn-secondary.bileterka-btn:focus, .btn-secondary.bileterka-btn.focus {
color: var(--kolor-font-01);
  background-color: var(--kolor-uniwersalny-01);
  border-color: var(--kolor-uniwersalny-01);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.btn-secondary.bileterka-btn.disabled, .btn-secondary.bileterka-btn:disabled {
color: var(--kolor-font-01);
  background-color: var(--kolor-uniwersalny-01);
  border-color: var(--kolor-uniwersalny-01);
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.bileterka-btn.dropdown-toggle {
color: var(--kolor-font-01);
  background-color: var(--kolor-uniwersalny-01);
  border-color: var(--kolor-uniwersalny-01);
  opacity: 0.9;
  -moz-opacity: 0.9;
}

.btn-secondary.bileterka-btn:not(:disabled):not(.disabled):active:focus, .btn-secondary.bileterka-btn:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.bileterka-btn.dropdown-toggle:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.btn.btn-secondary.bileterka-btn.wybrany {
color: var(--kolor-font-01);
background-color: #ffffff;
border-color: var(--kolor-uniwersalny-01);
}

.btn.btn-secondary.bileterka-btn.wybrany:hover,
.btn.btn-secondary.bileterka-btn.wybrany:focus {
color: var(--kolor-font-01);
background-color: #ffffff;
border-color: var(--kolor-uniwersalny-01);
opacity: 1;
-moz-opacity: 1;

cursor: default;
}

/* btn-outline-primary */

.btn-outline-primary.bileterka-btn {
  color: #fff;
  background-color: var(--kolor-przewodni-01);
  border-color: var(--kolor-przewodni-01);
}

.btn-outline-primary.bileterka-btn:hover {
  color: #fff;
  background-color: var(--kolor-przewodni-01);
  border-color: var(--kolor-przewodni-01);
  opacity: 0.9;
  -moz-opacity: 0.9;
}

.btn-outline-primary.bileterka-btn:focus, .btn-outline-primary.bileterka-btn.focus {
  color: #fff;
  background-color: var(--kolor-przewodni-01);
  border-color: var(--kolor-przewodni-01);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.btn-outline-primary.bileterka-btn.disabled, .btn-outline-primary.bileterka-btn:disabled {
  color: #fff;
  background-color: var(--kolor-przewodni-01);
  border-color: var(--kolor-przewodni-01);
}

.btn-outline-primary.bileterka-btn:not(:disabled):not(.disabled):active, .btn-outline-primary.bileterka-btn:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: var(--kolor-przewodni-01);
  border-color: var(--kolor-przewodni-01);
  opacity: 9;
  -moz-opacity: 0.9;
}

.btn-outline-primary.bileterka-btn:not(:disabled):not(.disabled):active:focus, .btn-outline-primary.bileterka-btn:not(:disabled):not(.disabled).active:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}


.btn.btn-outline-primary.bileterka-btn.wybrany {
color: var(--kolor-font-01);
background-color: #ffffff;
border-color: var(--kolor-uniwersalny-01);
}

.btn.btn-outline-primary.bileterka-btn.wybrany:hover,
.btn.btn-outline-primary.bileterka-btn.wybrany:focus {
color: var(--kolor-font-01);
background-color: #ffffff;
border-color: var(--kolor-uniwersalny-01);
opacity: 1;
-moz-opacity: 1;

cursor: default;
}

/* btn-outline-secondary */

.btn-outline-secondary.bileterka-btn {
color: var(--kolor-font-01);
  background-color: var(--kolor-uniwersalny-01);
  border-color: var(--kolor-uniwersalny-03);
}

.btn-outline-secondary.bileterka-btn:hover {
color: var(--kolor-font-01);
  background-color: var(--kolor-uniwersalny-01);
  border-color: var(--kolor-uniwersalny-02);
  opacity: 0.9;
  -moz-opacity: 0.9;
}

.btn-outline-secondary.bileterka-btn:focus, .btn-outline-secondary.bileterka-btn.focus {
color: var(--kolor-font-01);
  background-color: var(--kolor-uniwersalny-01);
  border-color: var(--kolor-uniwersalny-02);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.btn-outline-secondary.bileterka-btn.disabled, .btn-outline-secondary.bileterka-btn:disabled {
color: var(--kolor-font-01);
  background-color: var(--kolor-uniwersalny-01);
  border-color: var(--kolor-uniwersalny-03);
}

.btn-outline-secondary.bileterka-btn:not(:disabled):not(.disabled):active, .btn-outline-secondary.bileterka-btn:not(:disabled):not(.disabled).active {
color: var(--kolor-font-01);
  background-color: var(--kolor-uniwersalny-01);
  border-color: var(--kolor-uniwersalny-02);
  opacity: 0.9;
  -moz-opacity: 0.9;
}

.btn-outline-secondary.bileterka-btn:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary.bileterka-btn:not(:disabled):not(.disabled).active:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}


/* nav navigation */

.nav.flex-column.bileterka-nav-pasek {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-top: 15px;
  margin-bottom: 0;
  list-style: none;
}

.nav.flex-column.bileterka-nav-pasek .nav-link {
  display: block;
  padding: 15px 15px;
  font-size: 14px;
line-height: 20px;
  font-weight: 500;

color: var(--kolor-font-01);
text-decoration: none;


}

.nav.flex-column.bileterka-nav-pasek .nav-link i,
.nav.flex-column.bileterka-nav-pasek .nav-item i {
vertical-align: middle;
	color: #9b9da0;
line-height: 100%;
	font-size: 20px;
width: 1.25em;
text-align: left;
margin-right: 10px;
}

.nav.flex-column.bileterka-nav-pasek .nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav.flex-column.bileterka-nav-pasek .nav-item.item-collapse a {
	cursor: pointer;
}

.nav.flex-column.bileterka-nav-pasek .nav-item.active a,
.nav.flex-column.bileterka-nav-pasek .nav-item a:hover,
.nav.flex-column.bileterka-nav-pasek .nav-item.item-collapse a:hover {
color: var(--kolor-przewodni-01);
}

.nav.flex-column.bileterka-nav-pasek .item-collapse .card.card-body.bileterka-card {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 5px 0;

-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;

border-left: 0;
border-right: 0;
border-top: 1px solid var(--kolor-dodatkowy-04);
border-bottom: 1px solid var(--kolor-dodatkowy-04);
}

/* btn-collapse */

.nav.flex-column.bileterka-nav-pasek .link-collapse::after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font: var(--fa-font-solid);
    font-family: "Font Awesome 6 Free"; 
	display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.nav.flex-column.bileterka-nav-pasek .link-collapse::after {
content: "\f107";
font-size: 16px;
right: 20px;
height: 23px;
line-height: 23px;
position: absolute;
vertical-align: middle;
color: #c1c0c0;
}

.nav.flex-column.bileterka-nav-pasek .link-collapse[aria-expanded="true"]::after {
content: "\f106";
}

/* nav content-header */

.nav.bileterka-nav-naglowek {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-top: 5px;
  margin-bottom: 0;
  list-style: none;
}

.nav.bileterka-nav-naglowek .nav-link {
  display: block;
  padding: 5px 0 5px 15px;
font-size: 14px;
line-height: 20px;
font-weight: 400;
position: relative;
}

.nav.bileterka-nav-naglowek .nav-link .badge {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}

.komunikaty {
	min-width: 30px;
}

.nav.bileterka-nav-naglowek .nav-link, 
.nav.bileterka-nav-naglowek .dropdown-item {
color: var(--kolor-font-01);
text-decoration: none;
}

.nav.bileterka-nav-naglowek .nav-link i {
	color: #9b9da0;
	text-align: left;
	font-size: 20px;
	margin-right: 5px;
	vertical-align: middle;
}

.nav.bileterka-nav-naglowek .nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav.bileterka-nav-naglowek .dropdown-item i {
	width: 30px;
	text-align: left;
	color: #9b9da0;
}

.nav.bileterka-nav-naglowek .dropdown-item {
  display: block;
  width: 100%;
  padding: 5px 15px;
  clear: both;
  font-weight: 400;
  color: var(--kolor-uniwersalny-02);
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.nav.bileterka-nav-naglowek .dropdown-item:hover, .dropdown-item:focus {
  color: var(--kolor-przewodni-01);
  text-decoration: none;
  background-color: transparent;
}

.nav.bileterka-nav-naglowek .dropdown-item.active, .dropdown-item:active {
  color: var(--kolor-przewodni-01);
  text-decoration: none;
  background-color: transparent;
}

.nav.bileterka-nav-naglowek .dropdown-item.disabled, .dropdown-item:disabled {
  color: #9b9da0;
  pointer-events: none;
  background-color: transparent;
}

/* footer stopka */

#footer {

}

#page-footer {
min-height: 60px;
padding: 55px 30px 15px 30px;

	
}

#page-footer p {font-size: 14px; padding: 10px; margin: 0;}

#page-footer p a {text-decoration: none; margin-left: 10px; margin-right: 10px;}


.nav.bileterka-nav-stopka .nav-link {
color: var(--kolor-font-01);
text-decoration: none;
}

.nav.bileterka-nav-stopka .nav-link:hover {
color: var(--kolor-przewodni-01);
}

/* badge-primary */

.badge-primary.bileterka-badge {
  color: #fff;
  background-color: var(--kolor-przewodni-01);
}

a.badge-primary.bileterka-badge:hover, a.badge-primary.bileterka-badge:focus {
  color: #fff;
  background-color: var(--kolor-dodatkowy-01);
}

a.badge-primary.bileterka-badge:focus, a.badge-primary.bileterka-badge.focus {
  outline: 0;
  box-shadow: none;
}

/* card-collapse */

.card.bileterka-card-collapse {
  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: 0;
  border-radius: 0.25rem;
  
-webkit-box-shadow: 2px 2px 10px 0px rgba(222, 223, 228, 1);
-moz-box-shadow: 2px 2px 10px 0px rgba(222, 223, 228, 1);
box-shadow: 2px 2px 10px 0px rgba(222, 223, 228, 1);

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

margin-bottom: 20px;
}

.card-header.bileterka-card-header-collapse {
  padding: 20px 30px;
  margin-bottom: 0;
  background-color: transparent;
  border-bottom: 0;
  
  cursor: pointer;
  
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

font-size: 12px;
font-weight: 600;
}

/* btn-collapse */

.bileterka-card-header-collapse::after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font: var(--fa-font-solid);
    font-family: "Font Awesome 6 Free"; 
	display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.bileterka-card-header-collapse::after {
content: "\f107";
font-size: 16px;
right: 20px;
height: 23px;
line-height: 23px;
position: absolute;
vertical-align: middle;
}

.bileterka-card-header-collapse[aria-expanded="true"]::after {
content: "\f106";
}

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

/* ikonki tak i nie */

.i-tak {
font-size: 25px;
color: var(--kolor-przewodni-01);
}

.i-nie {
font-size: 25px;
color: var(--kolor-uniwersalny-02);
}

/* alert */

.alert-box {
	display: block;
	margin-bottom: 30px;
}

.alert {
  position: relative;
  padding: 15px 15px;
  margin-bottom: 1rem;
  border: 2px solid transparent;
  border-radius: 0.25rem;
}

.bileterka-alert {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

padding: 15px 10px 15px 50px;

font-style: italic;
font-size: 14px;
}

.bileterka-alert::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font: var(--fa-font-solid);
    font-family: "Font Awesome 6 Free"; 
	display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.bileterka-alert::before {
font-size: 16px;
top: 17px;
left: 15px;
height: 16px;
line-height: 16px;
position: absolute;
vertical-align: middle;
text-align: center;
width: 1.25em;
}

@-webkit-keyframes spinner {
0%, 40% { -webkit-transform: rotateY(0deg); }
60%, 100%   { -webkit-transform: rotateY(-360deg); }
}

@keyframes spinner {
0%, 40% {
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
}
60%, 100% {
-moz-transform: rotateY(-360deg);
-ms-transform: rotateY(-360deg);
transform: rotateY(-360deg);
}
}

.bileterka-alert::before {
-webkit-animation-name: spinner;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 6s;

animation-name: spinner;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-duration: 6s;

-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;

-webkit-transition: width 2s;
transition: width 2s;
}

.alert-success.bileterka-alert::before { 
content: "\f058";
color: #70ab40;
}

.alert-info.bileterka-alert::before { 
content: "\f05a";
color: #1d87ff;
}

.alert-warning.bileterka-alert::before { 
content: "\f071";
color: #ffad10;
}

.alert-danger.bileterka-alert::before { 
content: "\f071";
color: #ff4646;
}

.alert-success {
  color: #6c6a6a;
  background-color: #ffffff;
  border-color: #70ab40;
}

.alert-success hr {
  border-top-color: #70ab40;
}

.alert-success .alert-link {
  color: #70ab40;
}

.alert-info {
  color: #6c6a6a;
  background-color: #ffffff;
  border-color: #1d87ff;
}

.alert-info hr {
  border-top-color: #1d87ff;
}

.alert-info .alert-link {
  color: #1d87ff;
}

.alert-warning {
  color: #6c6a6a;
  background-color: #ffffff;
  border-color: #ffad10;
}

.alert-warning hr {
  border-top-color: #ffad10;
}

.alert-warning .alert-link {
  color: #ffad10;
}

.alert-danger {
  color: #6c6a6a;
  background-color: #ffffff;
  border-color: #ff4646;
}

.alert-danger hr {
  border-top-color: #ff4646;
}

.alert-danger .alert-link {
  color: #ff4646;
}

/* sekcje */

.sekcja-top {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;

padding-bottom: 30px;
margin-bottom: 20px;
border-bottom: 1px solid var(--kolor-dodatkowy-05);
}

.sekcja-top.no-border {
border-bottom: none;
padding-bottom: 20px;
margin-bottom: 10px;
}

.row-top-nazwa {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;

padding: 0;
margin: 0;

font-weight: 600;

position: relative;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.row-top-opcje {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;

padding: 0;
margin: 0;

position: relative;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.row-top-opcje.right {
	text-align: right;
}

.sekcja {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;

padding-bottom: 30px;
margin-bottom: 20px;
border-bottom: 1px solid var(--kolor-dodatkowy-05);
}

.sekcja.no-border {
border-bottom: none;
}


.sekcja-dane {
-webkit-flex: 0 0 calc(100% - 200px);
-ms-flex: 0 0 calc(100% - 200px);
flex: 0 0 calc(100% - 200px);
width: calc(100% - 200px);

padding: 0;
margin: 0;

position: relative;

-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}

@media (max-width: 767px) {
.sekcja-dane {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;

padding: 0;
margin: 0;

position: relative;

-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
}

.sekcja-opcje {
-webkit-flex: 0 0 200px;
-ms-flex: 0 0 200px;
flex: 0 0 200px;
width: 200px;

padding: 0 0 0 30px;
margin: 0;

position: relative;
    
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}

.sekcja-opcje button {
margin-top: 5px;
}

@media (max-width: 767px) {
.sekcja-opcje {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;

padding: 20px 0 0 0;
margin: 0;

position: relative;

-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;

text-align: right;
}
}

.sekcja-dane-szeroka {
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;

padding: 0;
margin: 0;

position: relative;

-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}

/* tabela dane */

.row-dane {
display: grid;
grid-template-columns: 220px auto;
grid-template-rows: auto;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

@media (max-width: 767px) {
.row-dane {
display: grid;
grid-template-columns: auto;
grid-template-rows: auto;
grid-column-gap: 0px;
grid-row-gap: 0px;
}
}

.row-dane .col-nazwa {
padding: 5px 10px 5px 0;
border-bottom: 1px solid var(--kolor-dodatkowy-04);

font-size: 13px;
}

.row-dane .col-nazwa.duze {
padding: 10px 10px 10px 0;

font-size: 16px;
}

.row-dane .col-dane {
padding: 5px 10px 5px 0;
border-bottom: 1px solid var(--kolor-dodatkowy-04);

font-weight: 500;
}

.row-dane .col-dane.duze {
padding: 10px 10px 10px 0;

}

.row-dane .col-nazwa.duze span,
.row-dane .col-dane.duze span {
	font-weight: 600;
	font-size: 18px;
}

@media (max-width: 767px) {
	
.row-dane .col-nazwa.duze {
padding: 10px 0 0 0;
}

.row-dane .col-dane.duze {
padding: 0 0 10px 0;
}	
	
.row-dane .col-nazwa {
padding: 5px 0 0 0;
border-bottom: none;
}

.row-dane .col-dane {
padding: 0 0 5px 0;
border-bottom: 1px solid var(--kolor-dodatkowy-04);
}
}

/* tabela dane striped */

.row-striped {
display: grid;
grid-template-columns: 220px auto;
grid-template-rows: auto;
grid-column-gap: 0px;
grid-row-gap: 0px;

border-top: 1px solid var(--kolor-dodatkowy-04);
}

@media (max-width: 767px) {
.row-striped {
display: grid;
grid-template-columns: auto;
grid-template-rows: auto;
grid-column-gap: 0px;
grid-row-gap: 0px;
}
}

.row-striped .col-nazwa {
padding: 5px 10px 5px 10px;
border-bottom: 1px solid var(--kolor-dodatkowy-04);

font-size: 13px;

}

.row-striped .col-dane {
padding: 5px 10px 5px 10px;
border-bottom: 1px solid var(--kolor-dodatkowy-04);

font-weight: 500;
}

.row-striped .col-nazwa.duze span,
.row-striped .col-dane.duze span {
	font-weight: 600;
}

@media (max-width: 767px) {

.row-striped .col-nazwa {
padding: 5px 10px 0 10px;
border-bottom: none;
}

.row-striped .col-dane {
padding: 0 10px 5px 10px;
border-bottom: 1px solid var(--kolor-dodatkowy-04);
}
}

.row-striped div:nth-child(4n+3),
.row-striped div:nth-child(4n+4) {
  background-color: #f4f5fa;
}

/* tabela dokumenty */

.bileterka-row-dokumenty {
display: grid;

grid-template-columns: auto auto 200px auto;
grid-template-rows: auto;

grid-column-gap: 0;
grid-row-gap: 0;

border-top: 1px solid var(--kolor-dodatkowy-04);
}

@media (min-width: 768px) {
.mob-info {display: none; visibility: hidden; height: 0;}
}

@media (max-width: 767px) {
.mob-info {display: block; font-size: 12px; padding: 10px 0; font-style: italic;}
.bileterka-row-dokumenty {
display: grid;
grid-template-columns: auto auto;
grid-template-rows: auto;
grid-column-gap: 0px;
grid-row-gap: 0px;
}
}

.bileterka-row-dokumenty .bileterka-col-top {
padding: 5px;
border-bottom: 1px solid var(--kolor-dodatkowy-04);
font-size: 16px;
font-weight: 500;

display: table;
}

@media (max-width: 767px) {
.bileterka-row-dokumenty .bileterka-col-top {
display: none; visibility: hidden; height: 0;
}
}

.bileterka-row-dokumenty .txt-left, .bileterka-row-dokumenty .bileterka-col-top.txt-left p {text-align: left;}
.bileterka-row-dokumenty .txt-center, .bileterka-row-dokumenty .bileterka-col-top.txt-center p {text-align: center;}

.bileterka-row-dokumenty .bileterka-col {
padding: 10px 5px;
border-bottom: 1px solid var(--kolor-dodatkowy-04);

font-size: 14px;

display: table;
}

@media (max-width: 767px) {
.bileterka-row-dokumenty .bileterka-col {
display: block;
padding-bottom: 20px;
}
.bileterka-row-dokumenty div.bileterka-col:nth-child(4n-2),
.bileterka-row-dokumenty div.bileterka-col:nth-child(4n-3) {
border-bottom: none;
padding-bottom: 0;
}

}

@media (min-width: 768px) {
.bileterka-row-dokumenty p {
margin: 0;
display: table-cell;
vertical-align: middle;
}
}

@media (max-width: 767px) {
.bileterka-row-dokumenty p {
margin: 0;
display: table-cell;
vertical-align: middle;
}
}

.bileterka-row-dokumenty p.rodzaj {

}

.bileterka-row-dokumenty p.nazwa {
font-weight: 500;
}

.bileterka-row-dokumenty .col-box {
margin: 0;
display: table-cell;
vertical-align: middle;
text-align: center;
}

p.bileterka-p-opcje {
text-align: center;

}

p.bileterka-p-opcje .bileterka-btn {
margin: 0 2px;
}

.bileterka-row-dokumenty .btn.btn-tak,
.bileterka-row-dokumenty .btn.btn-nie {
position: relative;

font-size: 14px;
font-weight: 500;

  display: inline-block;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
color: var(--kolor-uniwersalny-02);
background-color: var(--kolor-uniwersalny-01);
border-color: var(--kolor-uniwersalny-01);

  line-height: 1.5;

  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.bileterka-row-dokumenty .btn.btn-tak:hover,
.bileterka-row-dokumenty .btn.btn-nie:hover {
  text-decoration: none;
  background-color: var(--kolor-uniwersalny-01);
  border: 1px solid var(--kolor-uniwersalny-01);
  opacity: 1;
  box-shadow: none;
}

.bileterka-row-dokumenty .btn.btn-tak:hover {
color: #70ab40;
}

.bileterka-row-dokumenty .btn.btn-nie:hover {
color: #ff4646;
}

.bileterka-row-dokumenty .btn.btn-tak:not(:first-child),
.bileterka-row-dokumenty .btn.btn-nie:not(:first-child) {
  margin-left: 0;
}

.bileterka-row-dokumenty .btn.btn-tak:focus,
.bileterka-row-dokumenty .btn.btn-nie:focus {
  outline: 0;
  box-shadow: none;
}

.bileterka-row-dokumenty .bileterka-btn-group.btn-group-sm > .btn {
  padding: 5px 10px;
  margin: 0;
  font-size: 20px;
  line-height: 1;
}

.bileterka-row-dokumenty .btn.btn-tak {
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 15px;
}

.bileterka-row-dokumenty .btn.btn-nie {
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-bottomleft: 0;
border-top-left-radius: 0;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 0;
}

.bileterka-row-dokumenty .btn.btn-tak.wybrany {
text-align: center;

color: #ffffff;
background-color: #70ab40;
border-color: #70ab40;
cursor: default;
}

.bileterka-row-dokumenty .btn.btn-nie.wybrany {
text-align: center;

color: #ffffff;
background-color: #ff4646;
border-color: #ff4646;
cursor: default;
}

/* form-control */

.form-control.bileterka-fc {
  
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid var(--kolor-uniwersalny-03);
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control.bileterka-fc:focus {
  color: #495057;
  background-color: #fff;
  border-color: var(--kolor-przewodni-02);
  outline: 0;
  
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;

}

/* valid */

.form-control.bileterka-fc.valid {
border-color: #ff4646;
}

.form-control.bileterka-fc.valid:focus {
  border-color: var(--kolor-przewodni-02);
}

/* placeholder */

.form-control.bileterka-fc::-webkit-input-placeholder {
color: var(--kolor-uniwersalny-03);
  opacity: 1;
font-weight: 300;
}

.form-control.bileterka-fc::-moz-placeholder {
color: var(--kolor-uniwersalny-03);
  opacity: 1;
  font-weight: 300;
}

.form-control.bileterka-fc:-ms-input-placeholder {
color: var(--kolor-uniwersalny-03);
  opacity: 1;
  font-weight: 300;
}

.form-control.bileterka-fc::-ms-input-placeholder {
color: var(--kolor-uniwersalny-03);
  opacity: 1;
  font-weight: 300;
}

.form-control.bileterka-fc::placeholder {
color: var(--kolor-uniwersalny-03);
  opacity: 1;
  font-weight: 300;
}

/* form-control sm i lg */

.form-control-sm.bileterka-fc {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg.bileterka-fc {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

/* input-group */

.input-group > .form-control,
.input-group > .custom-select,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-append > .btn {
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
}


/* input-group-prepend */

.input-group-prepend.bileterka-igp .btn + .btn,
.input-group-prepend.bileterka-igp .btn + .input-group-text,
.input-group-prepend.bileterka-igp .input-group-text + .input-group-text,
.input-group-prepend.bileterka-igp .input-group-text + .btn,
.input-group-append.bileterka-iga .btn + .btn,
.input-group-append.bileterka-iga .btn + .input-group-text,
.input-group-append.bileterka-iga .input-group-text + .input-group-text,
.input-group-append.bileterka-iga .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend.bileterka-igp {
  margin-right:-1px;
}

.input-group-append.bileterka-iga {
  margin-left: -1px;
}

/* input-group-text */

.input-group-text.bileterka-igt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: var(--kolor-uniwersalny-01);
border: 1px solid var(--kolor-uniwersalny-03); 
  border-radius: 0.25rem;
}


.input-group-text.bileterka-igt.no-bg {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: transparent;
border: 1px solid transparent; 
  border-radius: 0;
}

.input-group-text.bileterka-igt.bileterka-pomoc-link {color: var(--kolor-font-01);}
.input-group-text.bileterka-igt.bileterka-pomoc-link:hover, .input-group-text.bileterka-igt.bileterka-pomoc-link:focus {color: var(--kolor-przewodni-01);}


textarea.form-control.dlpro-fc {
    height: auto;
}


/* input-group-lg */


.input-group.dlpro-ig.input-group-lg > .form-control.dlpro-fc:not(textarea),
.input-group.dlpro-ig.input-group-lg > .custom-select,
.input-group-lg > .form-control.dlpro-fc:not(textarea),
.input-group-lg > .custom-select {
    height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn.bileterka-btn,
.input-group-lg > .input-group-append > .btn.bileterka-btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

/* input-group-sm */

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn.bileterka-btn,
.input-group-sm > .input-group-append > .btn.bileterka-btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

/* input-group */

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn.bileterka-btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn.bileterka-btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn.bileterka-btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn.bileterka-btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}


/* wyszukaj */

.box-wyszukaj {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.box-wyszukaj-input {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;

padding: 0;
margin: 0;

position: relative;

-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}

.box-wyszukaj-btn {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;

padding: 0 0 0 30px;
margin: 0;

position: relative;

-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;

text-align: right;
}

@media (max-width: 767px) {
.box-wyszukaj-btn {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;

padding: 5px 0;
margin: 0;

position: relative;

-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;

text-align: right;
}
}

/* modal */


.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;

}

/* btn-group */

.btn-group.bileterka-btn-group,
.btn-group-vertical.bileterka-btn-group-vertical {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group.bileterka-btn-group > .btn,
.btn-group-vertical.bileterka-btn-group-vertical > .btn {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.btn-group.bileterka-btn-group > .btn:hover,
.btn-group-vertical.bileterka-btn-group-vertical > .btn:hover {
  z-index: 1;
}

.btn-group.bileterka-btn-group > .btn:focus, 
.btn-group.bileterka-btn-group > .btn:active, 
.btn-group.bileterka-btn-group > .btn.active,
.btn-group-vertical.bileterka-btn-group-vertical > .btn:focus,
.btn-group-vertical.bileterka-btn-group-vertical > .btn:active,
.btn-group-vertical.bileterka-btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-group.bileterka-btn-group > .btn:not(:first-child),
.btn-group.bileterka-btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}

.btn-group.bileterka-btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group.bileterka-btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group.bileterka-btn-group > .btn:not(:first-child),
.btn-group.bileterka-btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group.bileterka-btn-group .btn.btn-primary.bileterka-btn.wybrany {
color: var(--kolor-przewodni-01);
background-color: #ffffff;
border-color: var(--kolor-przewodni-01);
}

.btn-group.bileterka-btn-group .btn.btn-primary.bileterka-btn.wybrany:hover,
.btn-group.bileterka-btn-group .btn.btn-primary.bileterka-btn.wybrany:focus {
color: var(--kolor-przewodni-01);
background-color: #ffffff;
border-color: var(--kolor-przewodni-01);
opacity: 1;
-moz-opacity: 1;

cursor: default;
}

.btn-group.bileterka-btn-group .btn.btn-secondary.bileterka-btn.wybrany {
color: var(--kolor-font-01);
background-color: #ffffff;
border-color: var(--kolor-uniwersalny-01);
}

.btn-group.bileterka-btn-group .btn.btn-secondary.bileterka-btn.wybrany:hover,
.btn-group.bileterka-btn-group .btn.btn-secondary.bileterka-btn.wybrany:focus {
color: var(--kolor-font-01);
background-color: #ffffff;
border-color: var(--kolor-uniwersalny-01);
opacity: 1;
-moz-opacity: 1;

cursor: default;
}


/* custom-switch red green */

.custom-switch.bileterka-cs-rg {
    padding-left: 2.25rem;
}

    .custom-switch.bileterka-cs-rg .custom-control-label {
        cursor: pointer;
    }

        .custom-switch.bileterka-cs-rg .custom-control-label::before {
            left: -2.25rem;
            width: 1.75rem;
            pointer-events: all;
            border-radius: 0.5rem;
            background: #ff4646;
            border-color: #e51616;
        }

        .custom-switch.bileterka-cs-rg .custom-control-label::after {
            top: calc(0.25rem + 2px);
            left: calc(-2.25rem + 2px);
            width: calc(1rem - 4px);
            height: calc(1rem - 4px);
            background-color: #fff;
            border-radius: 0.5rem;
            transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
            transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
        }

@media (prefers-reduced-motion: reduce) {
    .custom-switch.bileterka-cs-rg .custom-control-label::after {
        transition: none;
    }
}

.custom-switch.bileterka-cs-rg .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #70ab40;
    border-color: #4e8e1b;
}

.custom-switch.bileterka-cs-rg .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(0.75rem);
    transform: translateX(0.75rem);
}

.custom-switch.bileterka-cs-rg .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch.bileterka-cs-rg .custom-control-input:focus ~ .custom-control-label::before {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.custom-switch.bileterka-cs-rg .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #e51616;
}

.custom-switch.bileterka-cs-rg .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #bfbfbf;
    border-color: #bfbfbf;
}

.custom-switch.bileterka-cs-rg .custom-control-input[disabled] ~ .custom-control-label,
.custom-switch.bileterka-cs-rg .custom-control-input:disabled ~ .custom-control-label {
    color: #b8b8b8;
    cursor: default;
}

    .custom-switch.bileterka-cs-rg .custom-control-input[disabled] ~ .custom-control-label::after,
    .custom-switch.bileterka-cs-rg .custom-control-input:disabled ~ .custom-control-label::after {
        background-color: #d2d2d2;
    }

    .custom-switch.bileterka-cs-rg .custom-control-input[disabled] ~ .custom-control-label::before,
    .custom-switch.bileterka-cs-rg .custom-control-input:disabled ~ .custom-control-label::before {
        background-color: #f1f1f1;
        border-color: #d2d2d2;
    }

/* custom-switch uniwersalny */

.custom-switch.bileterka-custom-switch {
    padding-left: 2.25rem;
}

    .custom-switch.bileterka-custom-switch .custom-control-label {
        cursor: pointer;
    }

        .custom-switch.bileterka-custom-switch .custom-control-label::before {
            left: -2.25rem;
            width: 1.75rem;
            pointer-events: all;
            border-radius: 0.5rem;
            background-color: #ffffff;
            border-color: #b8b8b8;
        }

        .custom-switch.bileterka-custom-switch .custom-control-label::after {
            top: calc(0.25rem + 2px);
            left: calc(-2.25rem + 2px);
            width: calc(1rem - 4px);
            height: calc(1rem - 4px);
            background-color: #b8b8b8;
            border-radius: 0.5rem;
            transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
            transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
        }

@media (prefers-reduced-motion: reduce) {
    .custom-switch.bileterka-custom-switch .custom-control-label::after {
        transition: none;
    }
}

.custom-switch.bileterka-custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #70ab40;
    border-color: #4e8e1b;
}

.custom-switch.bileterka-custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(0.75rem);
    transform: translateX(0.75rem);
}

.custom-switch.bileterka-custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch.bileterka-custom-switch .custom-control-input:focus ~ .custom-control-label::before {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.custom-switch.bileterka-custom-switch .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #b8b8b8;
}

.custom-switch.bileterka-custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #f1f1f1;
    border-color: #bfbfbf;
}

.custom-switch.bileterka-custom-switch .custom-control-input[disabled] ~ .custom-control-label,
.custom-switch.bileterka-custom-switch .custom-control-input:disabled ~ .custom-control-label {
    color: #b8b8b8;
    cursor: default;
}

    .custom-switch.bileterka-custom-switch .custom-control-input[disabled] ~ .custom-control-label::after,
    .custom-switch.bileterka-custom-switch .custom-control-input:disabled ~ .custom-control-label::after {
        background-color: #d2d2d2;
    }

    .custom-switch.bileterka-custom-switch .custom-control-input[disabled] ~ .custom-control-label::before,
    .custom-switch.bileterka-custom-switch .custom-control-input:disabled ~ .custom-control-label::before {
        background-color: #f1f1f1;
        border-color: #d2d2d2;
    }


/* btn-outline-primary - kalendarz styl pomocniczy dla ikonki */

.input-group-append.bileterka-iga.bileterka-iga-kalendarz .btn-outline-info {
    color: #fff;
    background-color: var(--kolor-przewodni-01);
    border-color: var(--kolor-przewodni-01);
}

    .input-group-append.bileterka-iga.bileterka-iga-kalendarz .btn-outline-info:hover {
        color: #fff;
        background-color: var(--kolor-przewodni-01);
        border-color: var(--kolor-przewodni-01);
        opacity: 0.9;
        -moz-opacity: 0.9;
    }

    .input-group-append.bileterka-iga.bileterka-iga-kalendarz .btn-outline-info:focus,
    .input-group-append.bileterka-iga.bileterka-iga-kalendarz .btn-outline-info.focus {
        color: #fff;
        background-color: var(--kolor-przewodni-01);
        border-color: var(--kolor-przewodni-01);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .input-group-append.bileterka-iga.bileterka-iga-kalendarz .btn-outline-info.disabled,
    .input-group-append.bileterka-iga.bileterka-iga-kalendarz .btn-outline-info:disabled {
        color: #fff;
        background-color: var(--kolor-przewodni-01);
        border-color: var(--kolor-przewodni-01);
    }

    .input-group-append.bileterka-iga.bileterka-iga-kalendarz .btn-outline-info:not(:disabled):not(.disabled):active,
    .input-group-append.bileterka-iga.bileterka-iga-kalendarz .btn-outline-info:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: var(--kolor-przewodni-01);
        border-color: var(--kolor-przewodni-01);
        opacity: 9;
        -moz-opacity: 0.9;
    }

        .input-group-append.bileterka-iga.bileterka-iga-kalendarz .btn-outline-info:not(:disabled):not(.disabled):active:focus,
        .input-group-append.bileterka-iga.bileterka-iga-kalendarz .btn-outline-info:not(:disabled):not(.disabled).active:focus {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

.input-group-append.bileterka-iga.bileterka-iga-kalendarz .btn.btn-outline-info.wybrany {
    color: var(--kolor-font-01);
    background-color: #ffffff;
    border-color: var(--kolor-uniwersalny-01);
}

    .input-group-append.bileterka-iga.bileterka-iga-kalendarz .btn.btn-outline-info.wybrany:hover,
    .input-group-append.bileterka-iga.bileterka-iga-kalendarz .btn.btn-outline-info.wybrany:focus {
        color: var(--kolor-font-01);
        background-color: #ffffff;
        border-color: var(--kolor-uniwersalny-01);
        opacity: 1;
        -moz-opacity: 1;
        cursor: default;
    }

.input-group-sm > .input-group-append.bileterka-iga-kalendarz > .btn.btn-outline-info {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.input-group-sm > .input-group-append.bileterka-iga-kalendarz:not(:last-child) > .btn.btn-outline-info,
.input-group-sm > .input-group-append.bileterka-iga-kalendarz:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-sm > .input-group-append.bileterka-iga-kalendarz > .btn.btn-outline-info {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group-append.bileterka-iga.bileterka-iga-kalendarz svg path {
    fill: #ffffff;
}



/* kalendarz */

.bileterka-datetime .input-group:hover path,
.bileterka-datetime .input-group:hover path,
.bileterka-datetime .input-group:hover path {
    background-color: #555555 !important;
    color: red !important;
}

.dotvvm-bootstrap-DateTimePicker-today {
    border: 1px solid #555555 !important;
    margin: -1px !important;
}

.bileterka-bootstrap-DateTimePicker-popup {
    width: 260px !important;
    padding: 4px !important;
    margin: 0 !important;
    border: solid 1px #808080 !important;
    border-radius: 6px !important;
    position: fixed !important;
    background-color: #fff !important;
    z-index: 10000 !important;
}

    .bileterka-bootstrap-DateTimePicker-popup table {
        width: 100% !important;
        table-layout: fixed !important;
        border-collapse: collapse !important;
    }

        .bileterka-bootstrap-DateTimePicker-popup table tr:first-child a {
            font-weight: bold !important;
        }

        .bileterka-bootstrap-DateTimePicker-popup table tr:first-child td:first-child a,
        .bileterka-bootstrap-DateTimePicker-popup table tr:first-child td:last-child a {
            position: relative !important;
            height: 36px !important;
            display: block !important;
        }

            .bileterka-bootstrap-DateTimePicker-popup table tr:first-child td:first-child a span,
            .bileterka-bootstrap-DateTimePicker-popup table tr:first-child td:last-child a span {
                display: none !important;
            }

            .bileterka-bootstrap-DateTimePicker-popup table tr:first-child td:first-child a:before,
            .bileterka-bootstrap-DateTimePicker-popup table tr:first-child td:last-child a:before {
                position: absolute !important;
                top: 50% !important;
                left: 50% !important;
                content: "" !important;
                display: block !important;
                border: 7px solid transparent !important;
            }

            .bileterka-bootstrap-DateTimePicker-popup table tr:first-child td:first-child a:before {
                transform: translate(-75%,-50%) !important;
                border-right-color: #6c6a6a !important;
            }

            .bileterka-bootstrap-DateTimePicker-popup table tr:first-child td:last-child a:before {
                transform: translate(-25%,-50%) !important;
                border-left-color: #6c6a6a !important;
            }

        .bileterka-bootstrap-DateTimePicker-popup table td {
            text-align: center !important;
            font-weight: bold !important;
        }

            .bileterka-bootstrap-DateTimePicker-popup table td a,
            .bileterka-bootstrap-DateTimePicker-popup table td span {
                display: block !important;
                padding: 6px 3px !important;
            }

            .bileterka-bootstrap-DateTimePicker-popup table td a {
                color: #6c6a6a !important;
                font-weight: 500 !important;
                border-radius: 5px !important;
                text-decoration: none !important;
            }

                .bileterka-bootstrap-DateTimePicker-popup table td a.active {
                    background-color: #6c6a6a !important;
                    color: #fff !important;
                    font-weight: bold !important;
                }

                    .bileterka-bootstrap-DateTimePicker-popup table td a.active:hover {
                        background-color: #555555 !important;
                    }

                .bileterka-bootstrap-DateTimePicker-popup table td a:hover {
                    text-decoration: none !important;
                    background-color: #eee !important;
                }

/* disabled */

.form-control.bileterka-fc:disabled, .form-control.bileterka-fc[readonly] {
    background-color: var(--kolor-uniwersalny-01);
    opacity: 1;
}