.clear:after {
    content: "";
    display: block;
    clear: both
}
.secim input, .spot input {
    display: none;
}
.secim input + div, .spot input + div {
    width: 30px;
    height: 14px;
    border-radius: 20px;
    background-color: #dee2e6;
    position: relative;
}
.secim input + div:before, .spot input + div:before {
    content: "";
    position: absolute;
    top: -3px;
    bottom: -3px;
    right: auto;
    left: -3px;
    width: 20px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}
.secim input:checked + div {
    background-color: #0097d5
}

.spot input:checked + div {
    background-color: #f0524f
}

.secim input:checked + div:before, .spot input:checked + div:before {
    right: -3px;
    left: auto
}
table .secim, table .spot {
    width: 100%;
    padding-top: 15px;
    margin-bottom: 0
}
table th > i {
    cursor: all-scroll
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  text-transform: capitalize
}
::-moz-placeholder { /* Firefox 19+ */
  text-transform: capitalize
}
:-ms-input-placeholder { /* IE 10+ */
  text-transform: capitalize
}
:-moz-placeholder { /* Firefox 18- */
  text-transform: capitalize
}