.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #d5e3f1;
  border-radius: .3rem;
}
nav{

  color: white;
  padding: 30px 60px;
  display: flex;
  justify-content: space-between;
} 

a{
  text-decoration: none;
}

html, body {
max-width: 100%;
overflow-x: hidden;
}

nav ul{
  display: flex;
  justify-content: space-around;
  align-items: right;
  float:right;
  vertical-align: center;
  position: relative;
}

nav li{
  list-style: none;
  padding-right: 10px;
}

nav li a{
  color: white;
  text-decoration:  none;
  font-weight: bold;
  padding: 5px 8px;
}

nav li a:hover{
  color: yellow;
  text-decoration: none;
}

footer{
  z-index: 200;
}

#footer{
  padding: 2% 7%;
  background-color: #110101;
  color: whitesmoke;
  width: 100%;
}

b{
  color: white; 
}

b:hover{
  color: grey;
}

table{
  width: 300px;
}

.btns{
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: none;
  background-color: white;
}

.btns:hover{
  background-color: rgb(247, 247, 247);
}

.dropdownmenu1{
  display: block;
  /* margin-top: -40px; */
}

.red{
  color: red;
}

.custom-select:required:disabled{
  color: grey;
}
option[value=""][disabled]{
  display: none;
}

.btn:hover{
  color: grey;
}

.table-row{
  cursor:pointer;
}

/*.navbar{
  opacity: 0.95;
}*/

.filtry{
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 0;
  margin-bottom: 0;
  height: 88px;
}

.form-row{
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 0;
  margin-bottom: 0;
}
.filtry_maly{
  visibility: hidden;
  display: none;
}


@media screen and (max-width: 1338px){
  .filtruj_duzy{
      visibility: hidden;
      display: none;
  }
}
@media screen and (max-width: 1338px){
  .filtry_maly{
      visibility:visible;
      display: block;
  }
}
.filtruj_duzy{
  font-size:smaller;
}

@media screen and (max-width: 576px){
  #table{
      margin-top: 60px;
  }
  
}



dl, ol, ul {
  margin-top: 0;
  margin-bottom: 0;
}

a:hover {
  cursor: pointer;
}

.navbar-custom{
    background-color: #888888;
}

/* body{
  background-color: #d6dfed;
} */



html, body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
}
.content {
  flex: 1 0 auto;
}
.footer {
  flex-shrink: 0;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1)  {
background-color: rgb(243, 242, 242);
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
background: rgb(202, 202, 202); 
/* border-bottom: 1px solid yellow; */
}

body {
padding-top:50px;
}
table.floatThead-table {
border-top: none;
border-bottom: none;
background-color: #fff;
}

th.serwis {
position: sticky;
top: 38px;
background: #c2c2c2;
}

table.table-bordered{
border:1px solid black;
}
table.table-bordered > thead > tr > th{
border:1px solid black;
}
table.table-bordered > tbody > tr > td{
border:1px solid black;
}
table.table-bordered > tbody > tr > th{
border:1px solid black;
}



table.table > tr.spacer >td{
border:transparent;
background-color: transparent;
}

table.table-bordered > tbody > tr > th.links{
background-color: white;
border: none;

}

table.table-bordered > tbody > tr > th.links:last-child{
border: none;
}


@-moz-document url-prefix() {
.wybor{
  margin-top: 70px;
}
}

pre {
overflow-x: auto;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}

.border-right{
margin-top: -50px;
}

#count_message {
background-color: smoke;
margin-top: -20px;
margin-right: 5px;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
  color: black;
  border: none;
  background-color: transparent;
}

.table-borderless > tbody > tr > td:hover,
.table-borderless > tbody > tr > th:hover,
.table-borderless > tfoot > tr > td:hover,
.table-borderless > tfoot > tr > th:hover,
.table-borderless > thead > tr > td:hover,
.table-borderless > thead > tr > th:hover {
  border: none;
  background-color: transparent;
}

input[type=image]:hover{
  background-color: #c2c2c2;
}

#count_message {
  background-color: smoke;
  margin-top: -20px;
  margin-right: 5px;
}


@media (min-width: 991.98px) {
  main {
    padding-right: 240px;
  }
}

/* Sidebar */
.sidebar {
  position: fixed;
  top: 90px;
  bottom: 0;
  right: 0;
  padding: 58px 0 0; /* Height of navbar */
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 5%), 0 2px 10px 0 rgb(0 0 0 / 5%);
  width: 240px;
  z-index: 0;
}

@media (max-width: 991.98px) {
  .sidebar {
    width: 100%;
  }
}
.sidebar .active {
  border-radius: 5px;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: 0.5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}





.ring
{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:150px;
  height:150px;
  background:transparent;
  border:3px solid #3c3c3c;
  border-radius:50%;
  text-align:center;
  line-height:150px;
  font-family:sans-serif;
  font-size:20px;
  color:#ff0000;
  letter-spacing:4px;
  text-transform:uppercase;
  text-shadow:0 0 10px #ff0000;
  box-shadow:0 0 20px rgba(0,0,0,.5);
}
.ring:before
{
  content:'';
  position:absolute;
  /* top:-3px;
  left:-3px; */
  width:100%;
  height:100%;
  border:3px solid transparent;
  border-top:3px solid #ff0000;
  border-right:3px solid #ff0000;
  border-radius:50%;
  animation:animateC 2s linear infinite;
}
.ring >span
{
  display:block;
  position:absolute;
  top:calc(50% - 2px);
  left:50%;
  width:50%;
  height:4px;
  background:transparent;
  transform-origin:left;
  animation:animate 2s linear infinite;
}
.ring >span:before
{
  content:'';
  position:absolute;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#ff0000;
  top:-6px;
  right:-8px;
  box-shadow:0 0 20px #fff000;
}
@keyframes animateC
{
  0%
  {
    transform:rotate(0deg);
  }
  100%
  {
    transform:rotate(360deg);
  }
}
@keyframes animate
{
  0%
  {
    transform:rotate(45deg);
  }
  100%
  {
    transform:rotate(405deg);
  }
}






.icon-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 38px;
  color: #fff;
  background-color: #212529;
  border: none;
  outline: none;
  border-radius: 0.25rem;
}

.icon-button:hover {
  cursor: pointer;
  color: #fff;
}

.icon-button:active {
  background: #cccccc;
}

.icon-button__badge {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 25px;
  height: 25px;
  background: red;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}



ol.k {list-style-type: lower-alpha;}


.footerlink{
  color: whitesmoke;
  text-decoration: none;
  font-size: 9px;
}

.footerlink:hover{
  color: white;
  text-decoration: none;
}

.footerlink:active{
  color: wheat;
  text-decoration: none;
}

.non-editable {
  background-color: #f2f2f2;
  pointer-events: none;
}