@charset "windows-1252";

label {
    display: inline;
}

input[type="checkbox"] {
    display: none;
    margin-bottom: 1px;
}

input[type="checkbox"].bookingSelector,
input[type="checkbox"].chk_assetGroup,
input[type="checkbox"].chk_childAsset,
input[type="checkbox"].chk_asset{
    
}

input[type="checkbox"] + label {
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 6px;
    border-radius: 3px;
    display: none;
    position: relative;
    top: 2px;
    cursor: pointer;
}

input[type="checkbox"] + label:active, inpho[type="checkbox"]:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

input[type="checkbox"]:checked + label {
    background-color: #f5f5f5;
    border: 1px solid #a9a9a9;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}

input[type="checkbox"]:checked + label:after {
    content: '\2714';
    font-size: 12px;
    position: absolute;
    top: -2px;
    left: 1px;
    color: #444;
}

input[type="checkbox"].partial:checked + label:after {
    content: '\2714';
    font-size: 12px;
    position: absolute;
    top: -2px;
    left: 1px;
    color: #b1b1b1;
}

/* custom checkboxes */


/* Customize the label (the container) */
.checkboxcontainer {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 22pt;
}

.checkboxcontainer:not(.locked){
    cursor: pointer;
}
/* Hide the browser's default checkbox */
.checkboxcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 8px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
/*.checkboxcontainer:hover input ~ .checkmark {*/
.checkboxcontainer:not(.locked):hover .checkmark {
    background-color: #ccc;
}


/* When the checkbox is checked, add a blue background */
.checkboxcontainer input:checked ~ .checkmark, .checkboxcontainer .checkmark.checked {
    background-color: #2196F3;
    border: 1px solid #0055ff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkboxcontainer input:checked ~ .checkmark:after, .checkboxcontainer .checkmark.checked:after {
    display: block;
    margin: auto;
    margin-top: 5px;
    position: static;
}

/* Style the checkmark/indicator */
.checkboxcontainer .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}