| /* |
| ****************************************************************************** |
| * Copyright © 2018 PTA GmbH. |
| * All rights reserved. This program and the accompanying materials |
| * are made available under the terms of the Eclipse Public License v1.0 |
| * which accompanies this distribution, and is available at |
| * |
| * http://www.eclipse.org/legal/epl-v10.html |
| * |
| ****************************************************************************** |
| */ |
| #statusSwitches { |
| padding-left: 50px; |
| width: 50%; |
| display: block; |
| justify-content: flex-end; |
| padding-top: 30px; |
| } |
| .switch { |
| vertical-align: middle; |
| position: relative; |
| display: inline-block; |
| width: 36px; |
| height: 18px; |
| } |
| .switch input { |
| display: none; |
| } |
| |
| .slider { |
| position: absolute; |
| cursor: pointer; |
| top: 0; |
| left: 0; |
| right: 0; |
| bottom: 0; |
| background-color: #ccc; |
| -webkit-transition: .4s; |
| transition: .4s; |
| } |
| |
| .slider:before { |
| position: absolute; |
| content: ""; |
| height: 14px; |
| width: 14px; |
| left: 5px; |
| bottom: 2px; |
| background-color: white; |
| -webkit-transition: .4s; |
| transition: .4s; |
| } |
| |
| input:checked+.slider { |
| background-color: #337ab7; |
| } |
| |
| input:focus+.slider { |
| box-shadow: 0 0 1px #337ab7; |
| } |
| |
| input:checked+.slider:before { |
| -webkit-transform: translateX(12px); |
| -ms-transform: translateX(12px); |
| transform: translateX(12px); |
| } |
| |
| /* Rounded sliders */ |
| |
| .slider.round { |
| border-radius: 34px; |
| } |
| |
| .slider.round:before { |
| border-radius: 50%; |
| } |