@import url(normalize.css);
@import url(animate.css);
/* $czerwone: #dc3545; - z logo */
/* bootstrap colors */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

.test {
  border: 1px solid red; }

.test-div div {
  border: 1px solid red; }

/*.konfiguracja div {border: 1px solid green;}*/
/* .main .color: #aa2d27 = $color-main */
.nowrap {
  white-space: nowrap; }

.elip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* limit znakow */
  max-width: 210px; }

.semi_transparent {
  opacity: 0.5; }

.span-mniejsze {
  font-size: 0.8em; }

.daty {
  font-size: 0.8em;
  color: #aaaaaa; }

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 0.625em;
  /* bazowa wartosc dla przegladarek to 16px, wiec 0.625 to 10.px*/
  text-rendering: optimizeLegibility;
  font: 1em/1.5em 'Raleway', sans-serif, Arial, sans-serif;
  /* rozmiar 1em, interlinia 1.5em */
  color: #333333;
  background: #456968; }

.first_letter_big::first-letter {
  text-transform: uppercase; }

.uppercase {
  text-transform: uppercase; }

h1 {
  font-size: 1.35em;
  margin: 2px 0 7px 0;
  color: #fff; }

h2 {
  font-size: 1.5em;
  margin-bottom: 7px;
  color: #003366;
  font-weight: normal; }

h3 {
  font-size: 1.2em;
  color: #555555; }

.red {
  color: #cc0000; }

.green {
  color: #006e2e; }

.black {
  color: #000000; }

.grey {
  color: #333333; }

.ltgrey {
  color: #aaaaaa; }

.blue {
  color: #336699; }

.white {
  color: #ffffff; }

.przekreslenie {
  text-decoration: line-through; }

.tar {
  text-align: right; }

#radiobutton input[type=radio], #radiobutton input[type=checkbox] {
  display: none; }

#radiobutton input[type=radio] + label, #radiobutton input[type=checkbox] + label {
  display: inline-block;
  margin: 0;
  padding: 4px 12px;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #cc0000;
  border-radius: 3px; }

#radiobutton input[type=radio]:checked + label, #radiobutton input[type=checkbox]:checked + label {
  background-image: none;
  outline: 0;
  background-color: #006600;
  border-radius: 3px; }

/* ##################### */
.empty {
  background: #fcacac; }

.to-masz {
  text-align: right;
  color: #fff; }

.v-bg {
  position: absolute;
  padding-left: 250px;
  top: 90px;
  font-size: 200px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.08); }

.login-page {
  background: #eeeeee url("../images/megabip_bg.jpg") repeat-x;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  white-space: nowrap; }
  .login-page .lewe {
    text-align: center;
    padding: 50px 0 0 0; }
    .login-page .lewe img {
      width: 300px;
      transition: 0.2s; }
  .login-page .prawe {
    position: relative;
    right: -12px; }
  .login-page .mblink {
    line-height: normal;
    padding: 10px; }
    .login-page .mblink a {
      color: #ffffff;
      text-decoration: none;
      /*text-shadow: 1px 1px #555;*/ }
      .login-page .mblink a:hover {
        text-decoration: underline; }
  .login-page .numerki {
    margin-left: 0; }
  .login-page .steps {
    padding: 50px 20px 10px 20px; }
    .login-page .steps .step {
      font-size: 3em;
      font-weight: bold;
      background: #ffffff;
      text-align: center;
      width: 80px;
      height: 80px;
      line-height: 80px;
      border-radius: 50%;
      /*border: 10px solid rgba(255, 255, 255, 0.2);*/ }
    .login-page .steps .step-sel {
      color: #ffffff;
      background: #6c757d; }
  .login-page .setup-form {
    padding: 10px 20px;
    margin: 0 auto; }
    .login-page .setup-form h2 {
      color: #333333; }
    .login-page .setup-form button {
      margin: 10px 0; }
    .login-page .setup-form .input-group {
      margin: 2px 0; }
    .login-page .setup-form .login-page-ip {
      color: #aaa;
      font-size: 0.8em;
      margin: 15px 0; }
    .login-page .setup-form .login-page-reminder a {
      text-decoration: none; }
      .login-page .setup-form .login-page-reminder a:hover {
        text-decoration: underline; }
    .login-page .setup-form fieldset {
      margin: 10px 0; }
      .login-page .setup-form fieldset legend {
        font-size: 1.2em;
        font-weight: bold; }

.setup-info {
  font-weight: bold;
  font-size: 1.2em;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 30px 10px 30px 30px;
  border-radius: 5px;
  text-align: left; }

.formularz {
  text-align: left; }
  .formularz label {
    color: #000; }

.instalacja-h1 {
  padding: 20px 0 0 10px;
  font-size: 1.5em;
  position: absolute; }

.zgoda-licencja {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 10px 10px 10px 30px;
  border-radius: 5px;
  font-weight: bold; }

button {
  margin-left: 10px; }

/* rozmiary z bootstrapa */
/* tu koniec bootstrapa */
/* https://bootsnipp.com/snippets/j6k6b */
.switchToggle {
  float: right; }

.switchToggle input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
  position: absolute; }

.switchToggle label {
  cursor: pointer;
  text-indent: -9999px;
  width: 70px;
  max-width: 70px;
  height: 30px;
  background: #cc0000;
  display: block;
  border-radius: 100px;
  position: relative; }

.switchToggle label:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 26px;
  height: 26px;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s; }

.switchToggle input:checked + label, .switchToggle input:checked + input + label {
  background: #28a745; }

.switchToggle input + label:before, .switchToggle input + input + label:before {
  content: 'NIE';
  position: absolute;
  top: 5px;
  left: 33px;
  width: 26px;
  height: 26px;
  border-radius: 90px;
  transition: 0.3s;
  text-indent: 0;
  color: #fff; }

.switchToggle input:checked + label:before, .switchToggle input:checked + input + label:before {
  content: 'TAK';
  position: absolute;
  top: 5px;
  left: 10px;
  width: 26px;
  height: 26px;
  border-radius: 90px;
  transition: 0.3s;
  text-indent: 0;
  color: #fff; }

.switchToggle input:checked + label:after, .switchToggle input:checked + input + label:after {
  left: calc(100% - 2px);
  transform: translateX(-100%); }

.switchToggle label:active:after {
  width: 70px; }

.toggle-switchArea {
  margin: 10px 0 10px 0; }

/* https://bootsnipp.com/snippets/O56Vd */
.toggle_radio {
  position: relative;
  background: #28a745;
  margin: 0;
  overflow: hidden;
  padding: 0 !important;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  position: relative;
  height: 35px;
  width: 394px; }

.toggle_radio > * {
  float: left; }

.toggle_radio input[type=radio] {
  display: none;
  /*position: fixed;*/ }

.toggle_radio label {
  color: #ffffff;
  z-index: 0;
  display: block;
  width: 125px;
  margin: 5px 3px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  cursor: pointer;
  z-index: 1;
  text-align: center;
  /*margin: 0 2px;*/ }

.toggle_option_slider {
  width: 125px;
  height: 29px;
  position: absolute;
  top: 3px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease; }

#first_toggle:checked ~ .toggle_option_slider {
  background: rgba(255, 255, 255, 0.5);
  left: 3px; }

#second_toggle:checked ~ .toggle_option_slider {
  background: rgba(255, 255, 255, 0.5);
  left: 132px; }

#third_toggle:checked ~ .toggle_option_slider {
  background: rgba(255, 255, 255, 0.5);
  left: 266px; }

/*# sourceMappingURL=style.css.map */