@charset "UTF-8";

.switch-light span span,
.switch-toggle a {
    display: none
}

@media only screen {
    .switch-light {
        position: relative;
        display: block
    }

        .switch-light::after {
            clear: both;
            content: "";
            display: table
        }

        .switch-light *,
        .switch-light:after,
        .switch-light:before {
            box-sizing: border-box
        }

        .switch-light a {
            display: block;
            -webkit-transition: all .2s ease-out;
            -moz-transition: all .2s ease-out;
            transition: all .2s ease-out
        }

        .switch-light label,
        .switch-light > span {
            line-height: 2em;
            vertical-align: middle
        }

        .switch-light input:focus + label,
        .switch-light input:focus ~ span a {
            outline: Highlight solid 2px
        }
}

@media only screen and (-webkit-min-device-pixel-ratio:0) {
    .switch-light input:focus + label,
    .switch-light input:focus ~ span a {
        outline-color: -webkit-focus-ring-color;
        outline-style: auto
    }
}

@media only screen {
    .switch-light input {
        position: absolute;
        opacity: 0;
        z-index: 3
    }

        .switch-light input:checked ~ span a {
            right: 0
        }

    .switch-light strong {
        font-weight: inherit
    }

    .switch-light > span {
        position: relative;
        overflow: hidden;
        display: block;
        min-height: 2em;
        padding: 0;
        text-align: left
    }

    .switch-light span span {
        position: relative;
        z-index: 2;
        display: block;
        float: left;
        width: 50%;
        font-size: 13px;
        padding: 5px;
        line-height: 14px;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .switch-light a {
        position: absolute;
        right: 50%;
        top: 0;
        z-index: 1;
        display: block;
        width: 50%;
        height: 100%;
        padding: 0
    }

    .switch-toggle {
        position: relative;
        display: block;
        padding: 0 !important
    }

        .switch-toggle::after {
            clear: both;
            content: "";
            display: table
        }

        .switch-toggle *,
        .switch-toggle:after,
        .switch-toggle:before {
            box-sizing: border-box
        }

        .switch-toggle label,
        .switch-toggle > span {
            line-height: 2em;
            vertical-align: middle
        }

        .switch-toggle input:focus + label,
        .switch-toggle input:focus ~ span a {
            outline: Highlight solid 2px
        }

        .switch-material.switch-light,
        .switch-toggle.switch-material {
            overflow: visible
        }

        .switch-toggle input {
            position: absolute;
            left: 0;
            opacity: 0
        }

            .switch-toggle input + label {
                position: relative;
                z-index: 2;
                display: block;
                float: left;
                padding: 0 .5em;
                margin: 0;
                text-align: center
            }

        .switch-toggle a {
            display: block;
            -webkit-transition: all .2s ease-out;
            -moz-transition: all .2s ease-out;
            transition: all .2s ease-out;
            position: absolute;
            top: 0;
            left: 0;
            padding: 0;
            z-index: 1;
            width: 10px;
            height: 100%
        }

        .switch-toggle label:nth-child(2):nth-last-child(4),
        .switch-toggle label:nth-child(2):nth-last-child(4) ~ a,
        .switch-toggle label:nth-child(2):nth-last-child(4) ~ label {
            width: 50%
        }

            .switch-toggle label:nth-child(2):nth-last-child(4) ~ input:checked:nth-child(3) + label ~ a {
                left: 50%
            }

        .switch-toggle label:nth-child(2):nth-last-child(6),
        .switch-toggle label:nth-child(2):nth-last-child(6) ~ a,
        .switch-toggle label:nth-child(2):nth-last-child(6) ~ label {
            width: 33.33%
        }

            .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(3) + label ~ a {
                left: 33.33%
            }

            .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(5) + label ~ a {
                left: 66.66%
            }

        .switch-toggle label:nth-child(2):nth-last-child(8),
        .switch-toggle label:nth-child(2):nth-last-child(8) ~ a,
        .switch-toggle label:nth-child(2):nth-last-child(8) ~ label {
            width: 25%
        }

            .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(3) + label ~ a {
                left: 25%
            }

            .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(5) + label ~ a {
                left: 50%
            }

            .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(7) + label ~ a {
                left: 75%
            }

        .switch-toggle label:nth-child(2):nth-last-child(10),
        .switch-toggle label:nth-child(2):nth-last-child(10) ~ a,
        .switch-toggle label:nth-child(2):nth-last-child(10) ~ label {
            width: 20%
        }

            .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(3) + label ~ a {
                left: 20%
            }

            .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(5) + label ~ a {
                left: 40%
            }

            .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(7) + label ~ a {
                left: 60%
            }

            .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(9) + label ~ a {
                left: 80%
            }

        .switch-toggle label:nth-child(2):nth-last-child(12),
        .switch-toggle label:nth-child(2):nth-last-child(12) ~ a,
        .switch-toggle label:nth-child(2):nth-last-child(12) ~ label {
            width: 16.6%
        }

            .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(3) + label ~ a {
                left: 16.6%
            }

            .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(5) + label ~ a {
                left: 33.2%
            }

            .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(7) + label ~ a {
                left: 49.8%
            }

            .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(9) + label ~ a {
                left: 66.4%
            }

            .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(11) + label ~ a {
                left: 83%
            }

        .switch-light.switch-candy > span,
        .switch-toggle.switch-candy {
            background-color: #2d3035;
            border-radius: 3px;
            box-shadow: inset 0 2px 6px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .2)
        }

            .switch-light.switch-candy input:checked ~ span span:first-child,
            .switch-light.switch-candy span span,
            .switch-toggle.switch-candy label {
                color: #fff;
                font-weight: 700;
                text-align: center;
                text-shadow: 1px 1px 1px #191b1e
            }

    .switch-candy input:checked + label,
    .switch-light.switch-candy input:checked ~ span span:nth-child(2),
    .switch-light.switch-candy input ~ span span:first-child {
        color: #333;
        text-shadow: 0 1px 0 rgba(255, 255, 255, .5)
    }

    .switch-candy a {
        border: 1px solid #333;
        border-radius: 3px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(255, 255, 255, .45);
        background-color: #70c66b;
        background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .2), transparent);
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, .2), transparent)
    }

    .switch-candy-blue a {
        background-color: #38a3d4
    }

    .switch-candy-yellow a {
        background-color: #f5e560
    }

    .switch-ios.switch-light span span {
        color: #888b92
    }

    .switch-ios.switch-light a {
        left: 0;
        top: 0;
        width: 2em;
        height: 2em;
        background-color: #fff;
        border-radius: 100%;
        border: .25em solid #D8D9DB;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        transition: all .2s ease-out
    }

    .switch-ios.switch-light > span {
        display: block;
        width: 100%;
        height: 2em;
        background-color: #D8D9DB;
        border-radius: 1.75em;
        -webkit-transition: all .4s ease-out;
        -moz-transition: all .4s ease-out;
        transition: all .4s ease-out
    }

    .switch-material.switch-light::after,
    .switch-toggle.switch-material::after {
        clear: both;
        content: "";
        display: table
    }

    .switch-ios.switch-light > span span {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        line-height: 1.875em;
        vertical-align: middle;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        transition: all .2s ease-out
    }

        .switch-ios.switch-light > span span:first-of-type {
            opacity: 1;
            padding-left: 1.875em
        }

        .switch-ios.switch-light > span span:last-of-type {
            padding-right: 1.875em
        }

    .switch-ios.switch-light input:checked ~ span a {
        left: 100%;
        border-color: #4BD865;
        margin-left: -2em
    }

    .switch-ios.switch-light input:checked ~ span {
        border-color: #4BD865;
        box-shadow: inset 0 0 0 30px #4BD865
    }

        .switch-ios.switch-light input:checked ~ span span:first-of-type {
            opacity: 0
        }

        .switch-ios.switch-light input:checked ~ span span:last-of-type {
            opacity: 1;
            color: #fff
        }

    .switch-ios.switch-toggle {
        background-color: #D8D9DB;
        border-radius: 30px;
        box-shadow: inset rgba(0, 0, 0, .1) 0 1px 0
    }

        .switch-ios.switch-toggle a {
            background-color: #4BD865;
            border: .125em solid #D8D9DB;
            border-radius: 1.75em;
            -webkit-transition: all .12s ease-out;
            -moz-transition: all .12s ease-out;
            transition: all .12s ease-out
        }

        .switch-ios.switch-toggle label {
            height: 2.4em;
            color: #888b92;
            line-height: 2.4em;
            vertical-align: middle
        }

    .switch-ios input:checked + label {
        color: #3e4043
    }

    .switch-light.switch-holo > span,
    .switch-toggle.switch-holo {
        background-color: #464747;
        border-radius: 1px;
        box-shadow: inset rgba(0, 0, 0, .1) 0 1px 0;
        color: #fff;
        text-transform: uppercase
    }

    .switch-holo label {
        color: #fff
    }

    .switch-holo > span span {
        opacity: 0;
        -webkit-transition: all .1s;
        -moz-transition: all .1s;
        transition: all .1s
    }

        .switch-holo > span span:first-of-type {
            opacity: 1
        }

    .switch-holo label,
    .switch-holo > span span {
        font-size: 85%;
        line-height: 2.15625em
    }

    .switch-holo a {
        background-color: #666;
        border-radius: 1px;
        box-shadow: inset rgba(255, 255, 255, .2) 0 1px 0, inset rgba(0, 0, 0, .3) 0 -1px 0
    }

    .switch-holo.switch-light input:checked ~ span a {
        background-color: #0E88B1
    }

    .switch-holo.switch-light input:checked ~ span span:first-of-type {
        opacity: 0
    }

    .switch-holo.switch-light input:checked ~ span span:last-of-type {
        opacity: 1
    }

    .switch-light.switch-material a {
        top: -.1875em;
        width: 1.75em;
        height: 1.75em;
        border-radius: 50%;
        background: #fafafa;
        box-shadow: 0 .125em .125em 0 rgba(0, 0, 0, .14), 0 .1875em .125em -.125em rgba(0, 0, 0, .2), 0 .125em .25em 0 rgba(0, 0, 0, .12);
        -webkit-transition: right .28s cubic-bezier(.4, 0, .2, 1);
        -moz-transition: right .28s cubic-bezier(.4, 0, .2, 1);
        transition: right .28s cubic-bezier(.4, 0, .2, 1)
    }

    .switch-material.switch-light > span {
        overflow: visible;
        position: relative;
        top: .1875em;
        width: 3.25em;
        height: 1.5em;
        min-height: auto;
        border-radius: 1em;
        background: rgba(0, 0, 0, .26)
    }

    .switch-material.switch-light span span {
        position: absolute;
        clip: rect(0 0 0 0)
    }

    .switch-material.switch-light input:checked ~ span a {
        right: 0;
        background: #3f51b5;
        box-shadow: 0 .1875em .25em 0 rgba(0, 0, 0, .14), 0 .1875em .1875em -.125em rgba(0, 0, 0, .2), 0 .0625em .375em 0 rgba(0, 0, 0, .12)
    }

    .switch-material.switch-light input:checked ~ span {
        background: rgba(63, 81, 181, .5)
    }

    .switch-toggle.switch-material a {
        top: 48%;
        width: .375em !important;
        height: .375em;
        margin-left: .25em;
        background: #3f51b5;
        border-radius: 100%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: -webkit-transform;
        -moz-transition: -moz-transform;
        transition: transform
    }

    .switch-toggle.switch-material label {
        color: rgba(0, 0, 0, .54);
        font-size: 1em
    }

        .switch-toggle.switch-material label:before {
            content: '';
            position: absolute;
            top: 48%;
            left: 0;
            display: block;
            width: .875em;
            height: .875em;
            border-radius: 100%;
            border: .125em solid rgba(0, 0, 0, .54);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%)
        }

    .switch-toggle.switch-material input:checked + label:before {
        border-color: #3f51b5
    }

    .switch-light.switch-material > span:after,
    .switch-light.switch-material > span:before,
    .switch-toggle.switch-material label:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
        display: block;
        width: 4em;
        height: 4em;
        border-radius: 100%;
        background: #3f51b5;
        color: red;
        opacity: .4;
        margin-left: -1.25em;
        margin-top: -1.25em;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transition: opacity .4s ease-in;
        -moz-transition: opacity .4s ease-in;
        transition: opacity .4s ease-in
    }

    .switch-light.switch-material > span:after {
        left: auto;
        right: 0;
        margin-left: 0;
        margin-right: -1.25em
    }

    .switch-toggle.switch-material label:after {
        width: 3.25em;
        height: 3.25em;
        margin-top: -.75em
    }

    @-webkit-keyframes materialRipple {
        0% {
            -webkit-transform: scale(0)
        }

        20% {
            -webkit-transform: scale(1)
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(1)
        }
    }

    @-moz-keyframes materialRipple {
        0% {
            -moz-transform: scale(0)
        }

        20% {
            -moz-transform: scale(1)
        }

        100% {
            opacity: 0;
            -moz-transform: scale(1)
        }
    }

    @keyframes materialRipple {
        0% {
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0)
        }

        20% {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1)
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1)
        }
    }

    .switch-material.switch-light input:checked ~ span:before,
    .switch-material.switch-light input:not(:checked) ~ span:after,
    .switch-toggle.switch-material input:checked + label:after {
        -webkit-animation: materialRipple .4s ease-in;
        -moz-animation: materialRipple .4s ease-in;
        animation: materialRipple .4s ease-in
    }

    .switch-light.switch-material.switch-light input ~ span:after,
    .switch-light.switch-material.switch-light input ~ span:before,
    .switch-material.switch-toggle input + label:after {
        visibility: hidden
    }

    .switch-light.switch-material.switch-light input:focus:checked ~ span:before,
    .switch-light.switch-material.switch-light input:focus:not(:checked) ~ span:after,
    .switch-material.switch-toggle input:focus:checked + label:after {
        visibility: visible
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:0) {
    .switch-toggle input:focus + label,
    .switch-toggle input:focus ~ span a {
        outline-color: -webkit-focus-ring-color;
        outline-style: auto
    }
}

@media only screen and (-webkit-max-device-pixel-ratio:2) and (max-device-width:80em) {
    .switch-light,
    .switch-toggle {
        -webkit-animation: webkitSiblingBugfix infinite 1s
    }
}

@-webkit-keyframes webkitSiblingBugfix {
    from, to {
        -webkit-transform: translate3d(0, 0, 0)
    }
}

/*.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn {
    display: inline-block;
    padding: 6px 15px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}*/

.switch-light .well span,
.switch-light label,
.well.switch-toggle .well span,
.well.switch-toggle label {
    color: #fff
}