﻿/* Bootstrap */
.gj-checkbox-bootstrap {
    font-weight: 400;
    margin: 0;
    padding: 0;
    position: relative;
    display: inline;
}

.gj-checkbox-bootstrap input[type="checkbox"] {
    display: none;
}

.gj-checkbox-bootstrap input[type="checkbox"]:focus + span:before {
    outline: 0;
    box-shadow: 0 0 0 0 #66afe9, 0 0 0.375rem rgba(102, 175, 233, .6);
    border-color: #66afe9;
}

.gj-checkbox-bootstrap input[type="checkbox"][disabled] + span {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Bootstrap 3 */
.gj-checkbox-bootstrap.gj-checkbox-bootstrap-3 span {
    background: #fff;
    display: block;
    content: " ";
    width: 18px;
    height: 18px;
    color: #555;
    border: 1px solid #CCC;
    border-radius: 3px;
    transition: box-shadow .2s linear,border-color .2s linear;
    cursor: pointer;
    margin: auto;
}

/* Bootstrap 4 */
.gj-checkbox-bootstrap.gj-checkbox-bootstrap-4 span {
    line-height: 1rem;
    padding: 0rem;

    background: #fff;
    display: block;
    content: " ";
    width: 1.125rem;
    height: 1.125rem;
    color: #555;
    border: 0.0625rem solid #CCC;
    border-radius: 0.1875rem;
    transition: box-shadow .2s linear,border-color .2s linear;
    cursor: pointer;
    margin: auto;
}

.gj-checkbox-bootstrap-4.gj-checkbox-material-icons input[type="checkbox"]:checked + span:after {
    position: relative;
    top: -0.125rem;
    left: -0.0625rem;
}

.gj-checkbox-bootstrap-4.gj-checkbox-material-icons input[type="checkbox"]:indeterminate + span:after {
    position: relative;
    top: -0.125rem;
    left: -0.0625rem;
}

/* Material Design */
.gj-checkbox-md {
    min-width: 0;
    font-size: 0;
    font-weight: normal;
    margin: 0rem;
    text-align: center;
    width: 1.125rem;
    height: 1.125rem;
    position: relative;
}

.gj-checkbox-md input[type="checkbox"] {
    display: none;
    margin-bottom: -0.75rem;
}

.gj-checkbox-md span {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 1.125rem;
    height: 1.125rem;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
    border: 0.125rem solid #616161; /* Gray 700 */
    border-radius: 0.125rem;
    z-index: 2;
}

.gj-checkbox-md input[type="checkbox"]:checked + span {
    border: 0.125rem solid #536DFE; /* Indigo A200 */
}

.gj-checkbox-md input[type="checkbox"]:checked + span:after {
    color: #FFF;
    background-color: #536DFE;
    position: absolute;
    left: -0.125rem;
    top: -0.125rem;
    border-radius: 0.125rem;
    width: 1.125rem;
    height: 1.125rem;
}

.gj-checkbox-md input[type="checkbox"]:indeterminate + span {
    border: 0.125rem solid #616161; /* Gray 700 */
}

.gj-checkbox-md input[type="checkbox"]:indeterminate + span:after {    
    color: #616161;/*color: rgba(0, 0, 0, 1);*/
    position: absolute;
    left: -0.15rem;
    top: -0.075rem;
    border-radius: 0.125rem;
    width: 1.125rem;
    height: 1.125rem;
}

.gj-checkbox-md input[type="checkbox"][disabled] + span {
    border: 0.125rem solid #9E9E9E;
}

.gj-checkbox-md input[type="checkbox"][disabled] + span:after {
    background-color: #9E9E9E;
}

.gj-checkbox-md input[type="checkbox"][disabled]:indeterminate + span:after {
    color: #FFFFFF;
}

/* Material Icons */
.gj-checkbox-material-icons input[type="checkbox"]:checked + span:after {
    content: "\e91f";
    font-size: 1.125rem;
    font-weight: bold;
    white-space: pre;
}

.gj-checkbox-material-icons input[type="checkbox"]:indeterminate + span:after {
    content: "\e921";
    font-size: 1.125rem;
    font-weight: bold;
    white-space: pre;
}

/* Glyphicons */
.gj-checkbox-glyphicons input[type="checkbox"]:checked + span:after {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    content: "\e013 ";
    position: relative;
    top: -2px;
    left: 0.5px;
}

.gj-checkbox-glyphicons input[type="checkbox"]:indeterminate + span:after {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    content: "\2212 ";
    position: relative;
    top: -2px;
    left: 0.5px;
}

/* fontawesome */
.gj-checkbox-fontawesome .fa {
    font-size: 1rem;
}

.gj-checkbox-fontawesome input[type="checkbox"]:checked + span:before {
    content: "\f00c ";
}

.gj-checkbox-fontawesome input[type="checkbox"]:indeterminate + span:before {
    content: "\f068 ";
    position: relative;
    top: 0.03rem;
    left: 0.115rem;
}