/* Copyright 2013 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

#kiosk-apps-page .checkbox {
  display: block;
}

#kiosk-app-list {
  border: 1px solid lightgrey;
  height: 200px;
  margin-bottom: 5px;
}

#kiosk-app-list > * {
  -webkit-box-align: center;
  box-sizing: border-box;
  display: -webkit-box;
  height: 32px;
}

/* TODO(xiyuan): The .row-delete-button rules probably should live somewhere
 * else and be shared with options.css */
list .row-delete-button {
  -webkit-transition: 150ms opacity;
  background-color: transparent;
  /* TODO(stuartmorgan): Replace with real images once they are available. */
  background-image: -webkit-image-set(
      url('../../../../../ui/resources/default_100_percent/close_2.png') 1x,
      url('../../../../../ui/resources/default_200_percent/close_2.png') 2x);
  border: none;
  display: block;
  height: 16px;
  opacity: 1;
  width: 16px;
}

list > *:not(:hover):not([selected]):not([lead]) .row-delete-button,
list:not([hasElementFocus]) > *:not(:hover):not([selected]) .row-delete-button,
list[disabled] .row-delete-button,
list .row-delete-button[disabled] {
  opacity: 0;
  pointer-events: none;
}

list .row-delete-button:hover {
  background-image: -webkit-image-set(
      url('../../../../../ui/resources/default_100_percent/close_2_hover.png')
          1x,
      url('../../../../../ui/resources/default_200_percent/close_2_hover.png')
          2x);
}

list .row-delete-button:active {
  background-image: -webkit-image-set(
      url('../../../../../ui/resources/default_100_percent/close_2_pressed.png')
          1x,
      url('../../../../../ui/resources/default_200_percent/close_2_pressed.png')
          2x);
}

#kiosk-app-id-edit-row {
  -webkit-justify-content: space-between;
  display: -webkit-flex;
  width: 510px;
}

#kiosk-app-id-edit,
#kiosk-app-add {
  display: block;
}

#kiosk-app-id-edit {
  -webkit-flex-grow: 1;
  -webkit-margin-end: 10px;
}

#kiosk-apps-error-banner {
  -webkit-transition: opacity 150ms;
  background-color: rgb(223, 165, 165);
  margin: 2px 0;
  opacity: 0;
  padding: 5px;
  visibility: hidden;
  white-space: nowrap;
  width: 100%;
}

#kiosk-apps-error-banner.visible {
  opacity: 1;
  visibility: visible;
}

.kiosk-app-list-item {
  white-space: nowrap;
}

.kiosk-app-list-item .space-filler {
  -webkit-box-flex: 1;
}

.kiosk-app-icon,
.kiosk-app-name,
.kiosk-app-status {
  display: inline-block;
  vertical-align: middle;
}

.kiosk-app-icon {
  background-size: 100%;
  height: 16px;
  width: 16px;
}

.kiosk-app-icon.spinner {
  background-image: url('chrome://resources/images/spinner.svg') !important;
}

.kiosk-app-name,
.kiosk-app-status {
  overflow: hidden;
  text-overflow: ellipsis;
}

.kiosk-app-name {
  max-width: 250px;
}

.kiosk-app-status {
  -webkit-margin-start: 8px;
  max-width: 120px;
}

.disable-auto-launch-button,
.enable-auto-launch-button {
  display: none;
}

.kiosk-app-list-item[auto-launch]:hover .disable-auto-launch-button,
.kiosk-app-list-item:not([auto-launch]):hover .enable-auto-launch-button {
  display: inline-block;
}

#kiosk-disable-bailout-confirm-overlay {
  width: 250px
}

#kiosk-disable-bailout-warning-bold {
  font-weight: bold;
}