.switch{position:relative;display:inline-block;width:82px;height:34px;border-radius:5px;z-index:2;vertical-align:middle;}.switch input[type="checkbox"]{display:none;}.switch label{cursor:pointer;border:1px solid #ccc;border-radius:5px;width:35px;line-height:32px;text-align:center;display:inline-block;position:absolute;z-index:2;}.switch label[data-id="yes"]{margin-right:10px;left:0;}.switch label[data-id="no"]{margin-right:0;right:0;}.switch input[type="checkbox"]:disabled~label{cursor:not-allowed;opacity:.65;}.switch input[type="checkbox"]:checked~label[data-id="yes"]{color:#fff;border:1px solid #428bca;}.switch input[type="checkbox"]:checked~.switchHandle{left:0;}.switch input[type="checkbox"]:not(:checked)~label[data-id="no"]{color:#fff;border:1px solid #428bca;}.switch input[type="checkbox"]:not(:checked)~.switchHandle{left:46px;}.switchHandle{width:36px;display:inline-block;background-color:#428bca;position:absolute;border-radius:5px;left:0;opacity:1;top:0;bottom:0;z-index:1;-webkit-transition:all .4s cubic-bezier(0,0,.25,1);-moz-transition:all .4s cubic-bezier(0,0,.25,1);transition:all .4s cubic-bezier(0,0,.25,1);}