/*
 * jquery.triSwitrch
 * 2015 - Adrien Cuisinier
 * Released under the MIT license.
 * v1.0.0
 */

.ts {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    width: 20px;
    height: 20px;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    color: white;
    border-radius:100%;
}
    .ts:hover:not([disabled]) {
        -moz-box-shadow: 0 0 5px 2px #000000;
        -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 0 5px 2px #000000;
        -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 0 0 5px 2px #000000;
        -ms-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 5px 2px #000000;
        box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
        cursor: pointer;
    }
    .ts[disabled] {
        cursor: not-allowed;
        -ms-opacity: .3;
        opacity: .3;
    }

.ts > i {
        display: inline-block;
        font-size: 10px;
        font-family: Arial;
		line-height: 1;
        margin-left: -2px;
        -ms-text-rendering: auto;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.ts-ok {
    background-color: #5cb85c;
    border-color: #949494;
}
    .ts-ok > i {
		margin-top: -1px;
    }
        .ts-ok > i:before {
            content: "\2714";
        }

.ts-both {
    background-color: orange;
    border-color: #8C8C8C;
}
    .ts-both > i {
		margin-top: -3px;
    }
        .ts-both > i:before {
            content: "\2501";
        }

.ts-ko {
    background-color: red;
    border-color: #8C8C8C;

    /*background-color: red;
    -webkit-box-shadow: inset 0 0 6px 2px #DCDCDC;
    -ms-box-shadow: inset 0 0 6px 2px #DCDCDC;
    box-shadow: inset 0 0 6px 2px #DCDCDC;
    border-color: #C5C5C5;*/
}
.ts-ko > i {
    margin-left: -2px;
}

    .ts-ko > i:before {
        content: "\2716";
    }