.toggle-rect input[type="checkbox"] {
    display: none;
}
.toggle-rect input[type="checkbox"] + label {
    position: relative;
    width: 3em;
    height: 1.6em;
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 0.2em;
    background: #f3f3f3;
    box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.toggle-rect input[type="checkbox"] + label:before {
    content: "";
    display: block;
    width: 1.2em;
    height: 1.2em;
    border-radius: 0.2em;
    background: #50565a;
    box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0.2em;
    top: 0.2em;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.toggle-rect input[type="checkbox"]:checked + label {
    background: #fff;
}
.toggle-rect input[type="checkbox"]:checked + label:before {
    box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.2);
    background: #f9c747;
    left: 1.6em;
}
.modal-content {
    background-color: #01172f !important;
}