/*! ======================================================================== * Bootstrap Toggle: bootstrap-toggle.css v2.2.0 * http://www.bootstraptoggle.com * ======================================================================== * Copyright 2014 Min Hur, The New York Times Company * Licensed under MIT * ======================================================================== */ .checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px} .toggle{position:relative;overflow:hidden; border-radius: 999px; } .toggle input[type=checkbox]{display:none} .toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none; } .toggle.off .toggle-group{left:-100%} .toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0} .toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0;} .toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:50px;border-width:0 1px; border-radius: 999px; border: 1px solid #ccc; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 10%, rgba(239,239,239,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(255,255,255,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 10%,rgba(239,239,239,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 10%,rgba(239,239,239,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ } .toggle.btn{min-width:59px;min-height:34px;} .toggle-on.btn{padding-right:24px;} .toggle-off.btn{padding-left:24px} .toggle.btn-lg{min-width:79px;min-height:45px} .toggle-on.btn-lg{padding-right:31px;} .toggle-off.btn-lg{padding-left:31px;} .toggle-handle.btn-lg{width:40px;} .toggle.btn-sm{min-width:50px;min-height:30px} .toggle-on.btn-sm{padding-right:20px} .toggle-off.btn-sm{padding-left:20px} .toggle.btn-xs{min-width:35px;min-height:22px} .toggle-on.btn-xs{padding-right:12px} .toggle-off.btn-xs{padding-left:12px}