.switch {
	display: table-cell;
   vertical-align: middle;
   padding: 1px;
}
.cmn-toggle {
	position: absolute;
   margin-left: -9999px;
   visibility: hidden;
}
input.cmn-toggle-round + label {
	padding: 2px;
   width: 35px; /*szerokość do zmainy*/
   height: 17px; /*Wysokość do zmainy*/
   background-color: #dddddd; /*kolor obramowania*/
   -webkit-border-radius: 60px;
   -moz-border-radius: 60px;
   -ms-border-radius: 60px;
   -o-border-radius: 60px;
   border-radius: 60px;
}
.cmn-toggle + label {
   display: block;
   position: relative;
   cursor: pointer;
   outline: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
input.cmn-toggle-round:checked + label::after {
	margin-left: 20px; /*długość elementu pszesuniecia kółka*/
}
input.cmn-toggle-round + label::after {
   width: 17px; /*Wysokość do zmainy*/
   background-color: #fff; /*kolor kółka*/
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
   border-radius: 100%;
   -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
   -webkit-transition: margin 0.4s;
   -moz-transition: margin 0.4s;
   -o-transition: margin 0.4s;
   transition: margin 0.4s;
}
input.cmn-toggle-round + label::before, input.cmn-toggle-round + label::after {
   display: block;
   position: absolute;
   top: 1px;
   left: 1px;
   bottom: 1px;
   content: "";
}
input.cmn-toggle-round:checked + label::before {
   background-color: #3DB900; /*kolor tła pozytywny*/
}
input.cmn-toggle-round + label::before {
   right: 1px;
   background-color: #FF4848; /*kolor tła negatywny*/
   -webkit-border-radius: 60px;
   -moz-border-radius: 60px;
   -ms-border-radius: 60px;
   -o-border-radius: 60px;
   border-radius: 60px;
   -webkit-transition: background 0.4s;
   -moz-transition: background 0.4s;
   -o-transition: background 0.4s;
   transition: background 0.4s;
}
input.cmn-toggle-round + label::before, input.cmn-toggle-round + label::after {
   display: block;
   position: absolute;
   top: 1px;
   left: 1px;
   bottom: 1px;
   content: "";
}