/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 * You can obtain one at http://mozilla.org/MPL/2.0/. */

checkbox.treenode-checkbox {
  -moz-box-align: center;
  padding-top: 4px;
  padding-inline-start: 4px;
  padding-inline-end: 4px;
  font-weight: bold;
}

checkbox.treenode-checkbox > .checkbox-check {
  -moz-appearance: none;
  -moz-box-align: center;
  border: none;
  width: 8px; /* The image's width is 8 pixels */
  height: 8px;
  background: url(chrome://global/skin/icons/twisty-collapsed.svg) center no-repeat;
  -moz-context-properties: fill;
  fill: currentColor;
}

checkbox.treenode-checkbox[checked="true"] > .checkbox-check {
  background-image: url("chrome://global/skin/icons/twisty-expanded.svg");
}

checkbox.treenode-checkbox:-moz-locale-dir(rtl) > .checkbox-check {
  background-image: url("chrome://global/skin/icons/twisty-collapsed-rtl.svg");
}

.checkbox-label-box {
  margin-inline-start: 4px;
}

.checkbox-icon {
  margin-inline-end: 2px;
}

.checkbox-label {
  margin: 0 !important;
}

checkbox.treenode-checkbox > .checkbox-label-center-box > .checkbox-label-box > .checkbox-label {
  font-weight: bold;
  border-bottom: 1px solid -moz-Dialog;
}

.view-navigation-button {
  -moz-context-properties: fill;
  fill: currentColor;
  list-style-image: url(chrome://calendar-common/skin/view-cycler.svg);
  -moz-user-focus: normal;
}

:root[lwt-tree] .view-navigation-button {
  -moz-appearance: none;
  -moz-user-focus: normal;
  border: 1px solid transparent;
  border-radius: var(--toolbarbutton-border-radius);
}

:root[lwt-tree] .view-navigation-button:not([disabled="true"]):hover {
  background: var(--toolbarbutton-hover-background);
  border-color: var(--toolbarbutton-hover-bordercolor);
  box-shadow: var(--toolbarbutton-hover-boxshadow);
  color: inherit;
}

:root[lwt-tree-brighttext] .view-navigation-button:not([disabled="true"]):hover {
  background: rgba(255, 255, 255, .25);
  border-color: rgba(255, 255, 255, .5);
}

:root[lwt-tree] .view-navigation-button:not([disabled="true"]):hover:active {
  background: var(--toolbarbutton-active-background);
  border-color: var(--toolbarbutton-active-bordercolor);
  box-shadow: var(--toolbarbutton-active-boxshadow);
  transition-duration: 10ms;
}

:root[lwt-tree-brighttext] .view-navigation-button:not([disabled="true"]):hover:active {
  background: rgba(255, 255, 255, .4);
  border-color: rgba(255, 255, 255, .7);
  box-shadow: 0 0 rgba(255, 255, 255, .4) inset;
}

.view-navigation-button[disabled="true"] {
  opacity: .3;
}

.view-navigation-button:-moz-locale-dir(ltr)[type="prev"] > .toolbarbutton-icon,
.view-navigation-button:-moz-locale-dir(rtl)[type="next"] > .toolbarbutton-icon {
  transform: scaleX(-1);
}

.view-navigation-button > .toolbarbutton-icon {
  margin: 0 !important;
}

.view-navigation-button > .toolbarbutton-text  {
  display: none;
}

.selected-text {
    font-weight: bold;
}

.selected-text:not([selected="true"]),
.unselected-text[selected="true"] {
    visibility: hidden;
}

.categories-textbox .textbox-search-icon {
    list-style-image: none;
    cursor:default;
}

.categories-textbox {
    -moz-appearance: textfield;
}

.calendar-list-tree > treecols {
  padding-inline-start: 18px;
}
