#wrapper{min-width:600px}.settings{display:table;width:100%}.settings .row{display:table-row}.settings .question,.settings .switch{display:table-cell;vertical-align:middle;padding:10px}.settings .question{width:600px;font-family:"Roboto Slab",serif;font-size:18px}.cmn-toggle{position:absolute;margin-left:-9999px;display:none !important;}.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 + label{padding:2px;width:120px;height:60px;background-color:#ddd;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;border-radius:60px}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 + label:before{right:1px;background-color:#f1f1f1;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;border-radius:60px;-webkit-transition:background .4s;-moz-transition:background .4s;-o-transition:background .4s;transition:background .4s}input.cmn-toggle-round + label:after{width:58px;background-color:#fff;-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 .4s;-moz-transition:margin .4s;-o-transition:margin .4s;transition:margin .4s}input.cmn-toggle-round:checked + label:before{background-color:#8ce196}input.cmn-toggle-round:checked + label:after{margin-left:60px}input.cmn-toggle-round-flat + label{padding:2px;width:120px;height:60px;background-color:#ddd;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;border-radius:60px;-webkit-transition:background .4s;-moz-transition:background .4s;-o-transition:background .4s;transition:background .4s}input.cmn-toggle-round-flat + label:before,input.cmn-toggle-round-flat + label:after{display:block;position:absolute;content:""}input.cmn-toggle-round-flat + label:before{top:2px;left:2px;bottom:2px;right:2px;background-color:#fff;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;border-radius:60px;-webkit-transition:background .4s;-moz-transition:background .4s;-o-transition:background .4s;transition:background .4s}input.cmn-toggle-round-flat + label:after{top:4px;left:4px;bottom:4px;width:52px;background-color:#ddd;-webkit-border-radius:52px;-moz-border-radius:52px;-ms-border-radius:52px;-o-border-radius:52px;border-radius:52px;-webkit-transition:margin 0.4s,background .4s;-moz-transition:margin 0.4s,background .4s;-o-transition:margin 0.4s,background .4s;transition:margin 0.4s,background .4s}input.cmn-toggle-round-flat:checked + label{background-color:#8ce196}input.cmn-toggle-round-flat:checked + label:after{margin-left:60px;background-color:#8ce196}input.cmn-toggle-yes-no + label{padding:0;width:100px;min-width:100px;max-width:100px;height:34px}input.cmn-toggle-yes-no + label:before,input.cmn-toggle-yes-no + label:after{display:block;position:absolute;top:0;left:0;bottom:0;right:0;color:#fff;font-family:"Roboto Slab",serif;font-size:14px;text-align:center;line-height:34px}input.cmn-toggle-yes-no + label:before{background-color:#e64646;content:attr(data-off);-webkit-transition:-webkit-transform .5s;-moz-transition:-moz-transform .5s;-o-transition:-o-transform .5s;transition:transform .5s;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;font-family:inherit}input.cmn-toggle-yes-no + label:after{background-color:#4dc55a;content:attr(data-on);-webkit-transition:-webkit-transform .5s;-moz-transition:-moz-transform .5s;-o-transition:-o-transform .5s;transition:transform .5s;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;font-family:inherit}input.cmn-toggle-yes-no:checked + label:before{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);font-family:inherit}input.cmn-toggle-yes-no:checked + label:after{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0);font-family:inherit}