/*************************
 * Check and Radio items *
 *************************/

check,
radio {
    color: alpha(currentColor, 0.75);
    background-color: @base_color;
    margin-right: 5px;
}

radio {
    border-radius: 10px;
}

check:disabled,
radio:disabled {
	background-color: mix(@theme_bg_color, @theme_fg_color, 0.1);
}

check:hover,
check:active,
radio:hover,
radio:active {
    background-color: shade(@selected_bg_color, 0.5);
}
check:checked,
check:checked:disabled,
radio:checked,
radio:checked:disabled {
    background-color: shade(@selected_bg_color, 0.9);
}
check:checked,
check:indeterminate,
radio:checked,
radio:indeterminate {
    color: shade(@bg_color, 0.8);
}
check:checked:disabled,
check:indeterminate:disabled,
radio:checked:disabled,
radio:indeterminate:disabled {
    color: shade(@bg_color, 0.4);
}
check:only-child,
radio:only-child {} menu menuitem check,
menu menuitem radio {
    transition: none;
}

menu menuitem check:not(:checked):not(:indeterminate):hover,
menu menuitem radio:not(:checked):not(:indeterminate):hover {
    color: alpha(currentColor, 0.75);
}

menu menuitem check,
menu menuitem check:hover,
menu menuitem check:disabled,
menu menuitem radio,
menu menuitem radio:hover,
menu menuitem radio:disabled {
	margin: 0;
	padding: 0;
}

menu menuitem check:checked {
    -gtk-icon-source: -gtk-scaled(url("../assets/check.png"));
}

check:checked {
    -gtk-icon-source: -gtk-recolor(url("../assets/check.png"));
}
check:indeterminate {
    -gtk-icon-source: -gtk-recolor(url("../assets/check-mixed.png"));
}
radio {
    border-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(@selected_bg_color), to(transparent)) 24/24px;
    -gtk-icon-source: image(-gtk-recolor(url("../assets/blank.png")), -gtk-recolor(url("../assets/blank.png")));
}
radio:checked {
    -gtk-icon-source: -gtk-recolor(url("../assets/blank.png"));
}
radio:checked:disabled {
    border-image: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(rgba(68, 138, 255, 0.4)), to(transparent)) 24/24px;
}
radio:indeterminate {
    -gtk-icon-source: -gtk-recolor(url("../assets/blank.png"));
}
radio:indeterminate:checked {
    -gtk-icon-source: -gtk-recolor(url("../assets/blank.png"));
}

menu menuitem check:not(:indeterminate):checked,
menu menuitem radio:not(:indeterminate):checked,
menu menuitem check:indeterminate:checked,
menu menuitem radio:indeterminate:checked {
    animation: none;
}
treeview.view check,
treeview.view radio {
    padding: 0;
}
treeview.view check:checked:hover,
treeview.view check:selected:checked:hover,
treeview.view radio:checked:hover,
treeview.view radio:selected:checked:hover {
    background-image: none;
}
treeview.view check,
treeview.view radio {
    color: shade(@selected_bg_color, 0.8);
}
treeview.view check:hover,
treeview.view check:active,
treeview.view radio:hover,
treeview.view radio:active {
    color: shade(@selected_bg_color, 0.8);
}
treeview.view check:disabled,
treeview.view radio:disabled {
    color: shade(@selected_bg_color, 0.8);
}
treeview.view check:checked,
treeview.view check:indeterminate,
treeview.view radio:checked,
treeview.view radio:indeterminate {
    color: @selected_bg_color;
}
treeview.view check:checked:disabled,
treeview.view check:indeterminate:disabled,
treeview.view radio:checked:disabled,
treeview.view radio:indeterminate:disabled {
    color: shade(@selected_bg_color, 0.8);
}
treeview.view check:selected,
treeview.view radio:selected {
    color: shade(@fg_color, 0.75);
}
treeview.view check:selected:hover,
treeview.view check:selected:active,
treeview.view radio:selected:hover,
treeview.view radio:selected:active {
    color: @selected_fg_color;
}
treeview.view check:selected:disabled,
treeview.view radio:selected:disabled {
    color: shade(@selected_fg_color, 0.3);
}
treeview.view check:selected:checked,
treeview.view check:selected:indeterminate,
treeview.view radio:selected:checked,
treeview.view radio:selected:indeterminate {
    color: #448AFF;
}
treeview.view check:selected:checked:disabled,
treeview.view check:selected:indeterminate:disabled,
treeview.view radio:selected:checked:disabled,
treeview.view radio:selected:indeterminate:disabled {
    color: @selected_fg_color;
}
treeview.view radio:checked {
    -gtk-icon-source: image(-gtk-recolor(url("../assets/radio-checked.png")), -gtk-recolor(url("assets/radio-checked.png")));
    border-image: none;
}