#selectable .ui-selecting { background: #FECA40; }
#selectable .ui-selected { background: #F39814; color: white; }
#selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; }

.form-check-label {
    margin-left: AUTO;
    margin-right:6px;
    border: 1px solid lightgray;
    padding: 11px 5px;
    padding-left: 0.25rem !important;
    min-width: 150px;
    border-radius: 15px;
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
}

input[type=checkbox] {
    margin-right: 6px;
    margin-left: 3px;
}

#komunikat {
min-height: 40px;
width: 100%;
background-color: white;
margin-top: 3px;
margin-bottom: 3px;
padding-bottom: 10px;
padding-top: 70px;
text-align: center;
border-bottom: 1px solid lightgray;
position:-webkit-sticky;

top:10;
z-index: 10;
}

html {
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
}

*, *:before, *:after {
  box-sizing: inherit;
}

.background {
  position: relative;
  width: 100%;
}



*, *::before, *::after {
  box-sizing: border-box;
}

html {
  min-height: 100%;
}

body {
  color: #435757;
  background: radial-gradient(#fff, #dac4cd);
  font: 1.4em/1 'Noto Sans', sans-serif;
}



input[type="checkbox"] {
  position: absolute;
  left: -9999px;
}

label[type="checkbox"] {
  display: block;
  position: relative;
  margin: 7px 13px;
  padding: 10px 10px 10px 10px;
  border: 3px solid #fff;
  border-radius: 100px;
  color: #fff;
  background-color: #3b3d3e;
  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  text-align: center;
  transition: background-color .2s, box-shadow .2s;
}

label[type="checkbox"]::before {
  content: '';
  display: block;
  position: absolute;
  #top: 10px;
  #bottom: 10px;
  #left: 10px;
  #width: 32px;
  #border: 3px solid #fff;
  #border-radius: 100px;
  transition: background-color .2s;
}



label[type="checkbox"]:hover, input:focus + label[type="checkbox"] {
  box-shadow: 0 0 20px rgba(0, 0, 0, .6);
}

input:checked + label {
  background-color: #689e2f;
}

input:checked + label[type="checkbox"]::before {
  background-color: #fff;
}





.top-label {
  display: block;
  margin: 10px 0;
}
.zobacz {
color:white;
}
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}