﻿
.checkbox {
    display: inline-block;
    margin: 0 10px 0 5px;
    vertical-align: top;
    padding-top: 3px;
    padding-left: 20px;
}

.checkbox {
    display: block;
    margin: 0;
}

    .checkbox.checkbox-primary input {
        cursor: pointer;
    }

        .checkbox.checkbox-primary input[type="checkbox"]:checked + label::before {
            background-color: #fff;
            border-color: #6B5141;
        }

        .checkbox.checkbox-primary input[type="checkbox"]:checked + label::after {
            color: #fff;
        }

        .checkbox.checkbox-primary input[type="checkbox"]:indeterminate + label::before {
            background-color: #2F4F4F;
            border-color: #8c6954;
            //5C1111;
        }

        .checkbox.checkbox-primary input[type="checkbox"]:indeterminate + label::after {
            background-color: #fff;
        }

    .checkbox input[type="checkbox"].styled:checked + label:after {
        font-family: 'FontAwesome';
        content: "\f00c";
        color: #59323c;
    }

    .checkbox input[type="checkbox"] .styled:checked + label::before {
        color: #fff;
    }

    .checkbox input[type="checkbox"] .styled:checked + label::after {
        color: #fff;
    }

    .checkbox label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 0px;
        cursor: default;
    }

        .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 15px;
            height: 15px;
            left: 0;
            top: 2px;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 0px;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        }

        .checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 14px;
            height: 14px;
            left: 0;
            top: 0;
            margin-left: -20px;
            padding-left: 2px;
            padding-top: 2px;
            font-size: 11px;
            color: #555555;
        }

    .checkbox input[type="checkbox"] {
        opacity: 0;
        z-index: 1;
    }

        .checkbox input[type="checkbox"]:focus + label::before {
            outline: 0;
        }

        .checkbox input[type="checkbox"]:checked + label::after {
            font-family: "FontAwesome";
            content: "\f00c";
        }

        .checkbox input[type="checkbox"]:indeterminate + label::after {
            display: block;
            content: "";
            width: 10px;
            height: 3px;
            background-color: #555555;
            border-radius: 0px;
            margin-left: -16.5px;
            margin-top: 7px;
        }

        .checkbox input[type="checkbox"]:disabled + label {
            opacity: 0.65;
        }

            .checkbox input[type="checkbox"]:disabled + label::before {
                background-color: #eeeeee;
                cursor: not-allowed;
            }

    .checkbox.checkbox-inline {
        margin-top: 0;
    }


.ls-grid .checkbox {
    margin-top: -4px;
}

.ls-grid .ui-grid-cell input[type="checkbox"] {
    margin-top: -4px;
    margin-left: -18px;
}

/*.ls-grid .checkbox .ls-label {
    color: white;
}*/