//
// Modal dialogs
//
.lightbox {
  background-color: rgba(0, 0, 0, 0.4);
}
.flashspot {
  background-color: white;
}

.modal-dialog {
  background-color: $bg_color;
  border: 1px solid $borders_color;
  border-radius: 3px;
  padding: 5px 10px;

  > StBoxLayout:first-child {
    padding: 10px;
  }

  &-button-box {
    spacing: 0;
    margin: 0px;
    padding: 10px;
    border: none;
    background-color: $bg_color;

    .modal-dialog-button {
      padding-top: 0;
      padding-bottom: 0;
      height: 30px;

      @extend %button;
    }
  }

  .confirm-dialog-title {
    text-align: center;
    font-weight: bold;
    font-size: 1.3em;
    padding-bottom: 12px;
  }
}

//
// Run dialog
//
.run-dialog {
  padding: 10px 15px 10px 15px;
  border: 1px solid $borders_color;
  border-radius: 3px;
  background-color: $bg_color;

  > * {
    padding: 0;
  }

  &-label {
    font-size: 1.3em;
    font-weight: bold;
    color: $fg_color;
    padding-bottom: 15px;
    text-align: center;
  }

  &-description {
    color: $fg_color;
    padding-top: 15px;
    text-align: center;

    &.error {
      color: $error_color;
    }
  }

  // &-error-label { color: $error_color; }

  // &-error-box {
  //   padding-top: 15px;
  //   spacing: 5px;
  // }
  &-completion-box {
    padding-top: 5px;
    padding-left: 15px;
    font-size: 1em;
  }
  &-entry {
    width: 21em;
    height: 1.2em;
    padding: 7px;
    border-radius: 3px;
    caret-color: $osd_fg_color;
    selected-color: $selected_fg_color;
    selection-background-color: $selected_bg_color;

    @include entry(osd);

    &:focus {
      @include entry(focus);
    }
  }
  .modal-dialog-button-box {
    border: none;
    box-shadow: none;
    background: none;
  }
}

/* CinnamonMountOperation Dialogs */
.cinnamon-mount-operation-icon {
  icon-size: 48px;
}

.mount-password-reask {
  color: $warning_color;
}

.show-processes-dialog,
.mount-question-dialog {
  spacing: 24px;

  &-subject {
    padding-top: 10px;
    padding-left: 17px;
    padding-bottom: 6px;

    &:rtl {
      padding-left: 0px;
      padding-right: 17px;
    }
  }
  &-description {
    padding-left: 17px;
    width: 28em;

    &:rtl {
      padding-right: 17px;
    }
  }
}

.show-processes-dialog-app-list {
  max-height: 200px;
  padding-top: 24px;
  padding-left: 49px;
  padding-right: 32px;

  &:rtl {
    padding-right: 49px;
    padding-left: 32px;
  }

  &-item {
    color: #ccc;

    &:hover {
      color: white;
    }

    &:ltr {
      padding-right: 1em;
    }
    &:rtl {
      padding-left: 1em;
    }

    &-icon:ltr {
      padding-right: 17px;
    }
    &-icon:rtl {
      padding-left: 17px;
    }

    &-name {
      font-size: 1.1em;
    }
  }
}