/* Control - Switch */ .switch-option:after { clear: both; content: ""; display: table; } .switch-option { position: absolute; right: 0; width: 100px; top: 12px; overflow: hidden; cursor: pointer; } .customize-control-switch{ position: relative; } .switch-option label.cb-enable, .switch-option label.cb-disable { float: left; display: block; white-space: nowrap; border: 1px solid #ccc !important; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background-color: #f5f5f5 !important; background-image: -khtml-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f5f5f5)) !important; background-image: -moz-linear-gradient(top, #f8f8f8, #f5f5f5) !important; background-image: -ms-linear-gradient(top, #f8f8f8, #f5f5f5) !important; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #f5f5f5)) !important; background-image: -webkit-linear-gradient(top, #f8f8f8, #f5f5f5) !important; background-image: -o-linear-gradient(top, #f8f8f8, #f5f5f5) !important; background-image: -linear-gradient(top, #f8f8f8, #f5f5f5) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f5f5f5', GradientType=0) !important; -webkit-appearance: none; } .switch-option label.cb-enable span, .switch-option label.cb-disable span { float: left; display: block; font-weight: 700; line-height: 30px; } .switch-option label.cb-enable { border-right: 0 !important; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .switch-option label.cb-disable { color: inherit; border-left: 0 !important; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .switch-option label.cb-enable.selected { color: #fff; background-color: #8fb90e !important; background-image: -khtml-gradient(linear, left top, left bottom, from(#adc75c), to(#8fb90e)) !important; background-image: -moz-linear-gradient(top, #adc75c, #8fb90e) !important; background-image: -ms-linear-gradient(top, #adc75c, #8fb90e) !important; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #adc75c), color-stop(100%, #8fb90e)) !important; background-image: -webkit-linear-gradient(top, #adc75c, #8fb90e) !important; background-image: -o-linear-gradient(top, #adc75c, #8fb90e) !important; background-image: -linear-gradient(top, #adc75c, #8fb90e) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#adc75c', endColorstr='#8fb90e', GradientType=0) !important; -webkit-box-shadow: inset 0 1px 0 #adc75c,0 1px 0 rgba(0,0,0,0.15) !important; -moz-box-shadow: inset 0 1px 0 #adc75c,0 1px 0 rgba(0,0,0,0.15) !important; -ms-box-shadow: inset 0 1px 0 #adc75c,0 1px 0 rgba(0,0,0,0.15) !important; -o-box-shadow: inset 0 1px 0 #adc75c,0 1px 0 rgba(0,0,0,0.15) !important; box-shadow: inset 0 1px 0 #adc75c,0 1px 0 rgba(0,0,0,0.15) !important; } .switch-option label.cb-disable.selected { color: #fff; border-color: #ccc !important; background-color: #db6159 !important; background-image: -khtml-gradient(linear, left top, left bottom, from(#dd7676), to(#db6159)) !important; background-image: -moz-linear-gradient(top, #dd7676, #db6159) !important; background-image: -ms-linear-gradient(top, #dd7676, #db6159) !important; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dd7676), color-stop(100%, #db6159)) !important; background-image: -webkit-linear-gradient(top, #dd7676, #db6159) !important; background-image: -o-linear-gradient(top, #dd7676, #db6159) !important; background-image: -linear-gradient(top, #dd7676, #db6159) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd7676', endColorstr='#db6159', GradientType=0) !important; }