/*
---

name: Confirmation Dialogue

description: Confirmation Dialogue

provides: [CSS.ConfirmationDialogue]

...
*/
.confirmationDialogue {
  border: 1px solid #FFD045;
  background: #FFFFDD;
  padding: 20px;
  margin-bottom: 20px;
}
.confirmationDialogue .button {
  padding-top: 5px;
  padding-bottom: 3px;
  display: inline-block;
  line-height: 14px;
}
.confirmationDialogue .button.cancel {
  background: #888888;
  border-color: #888888;
  color: #fff;
}
.confirmationDialogue .button.cancel:hover, .confirmationDialogue .button.cancel:focus {
  background-color: #BBBBBB;
  text-decoration: none;
}
.confirmationDialogue.bottomRight {
  position: absolute;
  bottom: 0;
  right: 0;
  min-width: 350px;
  clip: rect(0px, 1000px, 500px, 0px);
  -webkit-transition: opacity 300ms, clip 0ms;
  -moz-transition: opacity 300ms, clip 0ms;
  -ms-transition: opacity 300ms, clip 0ms;
  -o-transition: opacity 300ms, clip 0ms;
  transition: opacity 300ms, clip 0ms;
  box-shadow: 2px 2px 4px 0 #ccc;
}
.confirmationDialogue.bottomRight.hidden {
  -webkit-transition: opacity 300ms, clip 0ms ease 300ms;
  -moz-transition: opacity 300ms, clip 0ms ease 300ms;
  -ms-transition: opacity 300ms, clip 0ms ease 300ms;
  -o-transition: opacity 300ms, clip 0ms ease 300ms;
  transition: opacity 300ms, clip 0ms ease 300ms;
  clip: rect(0px, 0px, 0px, 0px);
  opacity: 0;
}