/*
 * This file is subject to the terms and conditions defined in
 * file 'LICENSE.txt', which is part of this source code package.
 *//* 
    Created on : 11.09.2019, 13:07:21
    Author     : Oliver
*/

.switch{
    user-select:none;
    -moz-user-select:none;
}

.switch > .switch_body{
    width:1.1cm;
    height:0.6cm;
    border-radius: 0.3cm;
    box-sizing:border-box;
    display:inline-block;
    height:100%;
    padding:0.05cm;
    vertical-align:middle;
    transition: background-color 0.1s ease-in-out;
    margin-right:0.2cm;
}

.switch > .switch_body > .knob{
    background-color:white;
    width:0.5cm;
    height:0.5cm;
    border-radius:50%;
    box-shadow: rgba(0,0,0,0.2) 0.2mm 0.2mm 0.4mm;
    transition: margin-left 0.1s ease-in-out;
    margin-left: 0;
}

.switch:hover{
    cursor:pointer;
}

.switch:hover > .switch_body > .knob{
    background-color:#F8F8F8;
}

.switch:active > .switch_body > .knob{
    background-color:#F0F0F0;
}

.switch[data-value="true"] > .switch_body{
    background-color:#b4c853;
}

.switch[data-value="false"] > .switch_body{
    background-color:#FF7799;
}

.switch[data-value="true"] > .switch_body > .knob{
    margin-left:0.5cm;
}

.switch > .true_label,
.switch > .false_label{
    display:none;
    vertical-align:middle;
}

.switch[data-value="true"] > .true_label,
.switch[data-value="false"] > .false_label{
    display:inline-block;
}