/**
 * 1. Keep items in same order for both
 *    LTR and RTL (bug 1174650).
 */

#quick-settings {
  pointer-events: none;
  direction: ltr; /* 1 */
}

#quick-settings > ul {
  display: flex;
  margin: 0;
  padding: 0;
}

#quick-settings li {
  flex: 1;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

#quick-settings.non-mobile li {
  width: 25%;
}

#quick-settings a {
  display: block;
  height: 6rem;
  margin: 0;
  color: #e7e7e7;
  text-decoration: none;
  outline: none;
  background: none;
  pointer-events: auto;
}

#quick-settings a:before {
  line-height: 6rem;
}

#quick-settings > *[data-initializing] {
  opacity: 0.5;
}

.non-mobile #quick-settings-data {
  display: none;
}

#quick-settings-wifi[data-enabled],
#quick-settings-data[data-enabled],
#quick-settings-bluetooth[data-enabled],
#quick-settings-airplane-mode[data-enabled] {
  color: #008eab;
}

#quick-settings-airplane-mode[data-enabling] {
  color: #008eab;
  opacity: 0.5;
}

#quick-settings-airplane-mode[data-disabling] {
  color: #fff;
  opacity: 0.5;
}

#quick-settings-full-app:active:before {
  color: #008eab;
}

.quick-settings-airplane-mode {
  opacity: 0.5;
}

#quick-setting-data-enabled-dialog {
  /* Increasing padding size form 1.5 to 3.5rem for confirm dialogs with statusbar active */
  padding-top: 3.5rem;
  display: none;
}

#quick-setting-data-enabled-dialog.visible {
  display: inline-block;
  pointer-events: auto;
}

#screen.software-button-enabled #quick-setting-data-enabled-dialog {
  bottom: var(--software-home-button-height);
}

@media (orientation: landscape) {
  #screen.software-button-enabled #quick-setting-data-enabled-dialog {
    bottom: 0;
    /* BiDi note: the software home button should not be mirrored in RTL. */
    right: var(--software-home-button-height);
  }
}