/*******************
 * check and radio Ubuntu 15.xx*
 *******************/
/* draw regular check and radio items using our assets */
.check {
    -gtk-icon-source: url("assets/checkbox-unchecked.svg");
}

.check:insensitive {
    -gtk-icon-source: url("assets/checkbox-unchecked-insensitive.svg");
}

.check:checked {
    -gtk-icon-source: url("assets/checkbox-checked.svg");
}

.check:checked:insensitive {
    -gtk-icon-source: url("assets/checkbox-checked-insensitive.svg");
}

.check:inconsistent {
    -gtk-icon-source: url("assets/checkbox-mixed.svg");
}

.check:inconsistent:insensitive {
    -gtk-icon-source: url("assets/checkbox-mixed-insensitive.svg");
}

.radio {
    -gtk-icon-source: url("assets/radio-unselected.svg");
}

.radio:insensitive {
    -gtk-icon-source: url("assets/radio-unselected-insensitive.svg");
}

.radio:checked {
    -gtk-icon-source: url("assets/radio-selected.svg");
}

.radio:checked:insensitive {
    -gtk-icon-source: url("assets/radio-selected-insensitive.svg");
}

.radio:inconsistent {
    -gtk-icon-source: url("assets/radio-mixed.svg");
}

.radio:inconsistent:insensitive {
    -gtk-icon-source: url("assets/radio-mixed-insensitive.svg");
}

.menuitem.check {
    -gtk-icon-source: none;
}

.menuitem.check:active,
.menuitem.check:checked {
    -gtk-icon-source: url("assets/menuitem-checkbox-checked.svg");
}

.menuitem.check:active:hover,
.menuitem.check:checked:hover {
    -gtk-icon-source: url("assets/menuitem-checkbox-checked-hover.svg");
}

.menuitem.check:active:insensitive,
.menuitem.check:checked:insensitive {
    -gtk-icon-source: url("assets/menuitem-checkbox-checked-insensitive.svg");
}

.menuitem.check:inconsistent:hover,
.menuitem.radio:inconsistent:hover {
    -gtk-icon-source: url("assets/menuitem-checkbox-mixed-hover.svg");
}

.menuitem.check:inconsistent,
.menuitem.radio:inconsistent {
    -gtk-icon-source: url("assets/menuitem-checkbox-mixed.svg");
}

.menuitem.check:inconsistent:insensitive,
.menuitem.radio:inconsistent:insensitive {
    -gtk-icon-source: url("assets/menuitem-checkbox-mixed-insensitive.svg");
}

.menuitem.radio {
    -gtk-icon-source: none;
}

.menuitem.radio:active,
.menuitem.radio:checked {
    -gtk-icon-source: url("assets/menuitem-radio-checked.svg");
}

.menuitem.radio:active:hover,
.menuitem.radio:checked:hover {
    -gtk-icon-source: url("assets/menuitem-radio-checked-hover.svg");
}

.menuitem.radio:active:insensitive,
.menuitem.radio:checked:insensitive {
    -gtk-icon-source: url("assets/menuitem-radio-checked-insensitive.svg");
}

GtkIconView.content-view.cell.check {
    -gtk-icon-source: url("assets/grid-selection-unchecked.svg");
}

GtkIconView.content-view.cell.check:active {
    -gtk-icon-source: url("assets/grid-selection-checked.svg");
}

/*************************
 * Check and Radio items Ubuntu 14.xx*
 *************************/

/* draw regular check and radio items using our SVG assets */
GtkModelButton.button.check,
GtkModelButton.button.check:hover,
.check,
.view.cell.check {
	background-image: url("assets/checkbox-unchecked.svg");
	background-repeat: no-repeat;
	background-position: center;
}

GtkModelButton.button.check:insensitive,
.check:insensitive {
	background-image: url("assets/checkbox-unchecked-insensitive.svg");
}

.check row:insensitive {
	background-color: transparent;
}

GtkModelButton.button.check:active,
GtkModelButton.button.check:active:hover,
.check:active,
.view.cell.check:active {
	background-image: url("assets/checkbox-checked.svg");
}

GtkModelButton.button.check:active:insensitive,
.check:active:insensitive {
	background-image: url("assets/checkbox-checked-insensitive.svg");
}

.check:inconsistent {
	background-image: url("assets/checkbox-mixed.svg");
}

.check:inconsistent:insensitive {
	background-image: url("assets/checkbox-mixed-insensitive.svg");
}

GtkModelButton.button.radio,
GtkModelButton.button.radio:hover,
.radio,
.view.cell.radio {
	background-image: url("assets/radio-unselected.svg");
	background-repeat: no-repeat;
	background-position: center;
}

GtkModelButton.button.radio:insensitive,
.radio:insensitive {
	background-image: url("assets/radio-unselected-insensitive.svg");
}

.radio row:insensitive {
	background-color: transparent;
}

GtkModelButton.button.radio:active,
GtkModelButton.button.radio:active:hover,
.radio:active,
.view.cell.radio:active {
	background-image: url("assets/radio-selected.svg");
}

GtkModelButton.button.radio:active:insensitive,
.radio:active:insensitive {
	background-image: url("assets/radio-selected-insensitive.svg");
}

.radio:inconsistent {
	background-image: url("assets/radio-mixed.svg");
}

.radio:inconsistent:insensitive {
	background-image: url("assets/radio-mixed-insensitive.svg");
}

.menuitem.check {
    background-image: none;
}

.menuitem.check:active {
    background-image: url("assets/menuitem-checkbox-checked.svg");
}

.menuitem.check:active:hover {
    background-image: url("assets/menuitem-checkbox-checked-hover.svg");
}

.menuitem.check:active:insensitive {
    background-image: url("assets/menuitem-checkbox-checked-insensitive.svg");
}

.menuitem.check:inconsistent:hover,
.menuitem.radio:inconsistent:hover {
    background-image: url("assets/menuitem-checkbox-mixed-hover.svg");
}

.menuitem.check:inconsistent,
.menuitem.radio:inconsistent {
    background-image: url("assets/menuitem-checkbox-mixed.svg");
}

.menuitem.check:inconsistent:insensitive,
.menuitem.radio:inconsistent:insensitive {
    background-image: url("assets/menuitem-checkbox-mixed-insensitive.svg");
}

.menuitem.radio {
    background-image: none;
}

.menuitem.radio:active {
    background-image: url("assets/menuitem-radio-checked.svg");
}

.menuitem.radio:active:hover {
    background-image: url("assets/menuitem-radio-checked-hover.svg");
}

.menuitem.radio:active:insensitive {
    background-image: url("assets/menuitem-radio-checked-insensitive.svg");
}

GtkIconView.content-view.cell.check {
    background-image: url("assets/grid-selection-unchecked.svg");
}

GtkIconView.content-view.cell.check:active {
    background-image: url("assets/grid-selection-checked.svg");
}


/******************
 * pane separator *
 ******************/
.pane-separator,
.pane-separator.horizontal {
    background-image: linear-gradient(to bottom,
                                      shade(@theme_bg_color, 0.8) 0%,
                                      shade(@theme_bg_color, 0.8) 20%,
                                      transparent 20%,
                                      transparent 45%,
                                      shade(@theme_bg_color, 0.8) 45%,
                                      shade(@theme_bg_color, 0.8) 55%,
                                      transparent 55%,
                                      transparent 80%,
                                      shade(@theme_bg_color, 0.8) 80%,
                                      shade(@theme_bg_color, 0.8)
                                      );

    background-size: 4px 10px;
    background-repeat: no-repeat;
    background-position: center center;
}

.pane-separator.vertical {
    background-image: linear-gradient(to right,
                                      shade(@theme_bg_color, 0.8) 0%,
                                      shade(@theme_bg_color, 0.8) 20%,
                                      transparent 20%,
                                      transparent 45%,
                                      shade(@theme_bg_color, 0.8) 45%,
                                      shade(@theme_bg_color, 0.8) 55%,
                                      transparent 55%,
                                      transparent 80%,
                                      shade(@theme_bg_color, 0.8) 80%,
                                      shade(@theme_bg_color, 0.8)
                                      );

    background-size: 10px 4px;
    background-repeat: no-repeat;
    background-position: center center;
}
