.overlay {
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 2;
   margin: 0;
}

.overlay.modal-window {
   background-color: #333;
   left: -100%;
   overflow: hidden;
   transition: .2s ease-out;
   display: grid;
   font-size: 1rem;
}

.overlay.modal-window.active {
   left: 0;
}

.modal-window .head {
   box-shadow: 0 0 5px;
   margin: 0 0 5px;
}

.modal-window .content {
   background-color: #eef;
   overflow: hidden;
   display: grid;
   grid-template-rows: 0fr;
}

.confirmation-window {
   font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
   background-color: #e9e9e9;
   padding: 1rem;
   display: grid;
   grid-template-rows: 0fr 1fr 0fr;
   overflow-y: auto;
}

.confirmation-window .body {
   overflow-y: scroll;
   background-color: #fff;1
   padding: 1rem;
}

.confirmation-window .body .grid-item {
   padding: 0 .3rem;
}

.confirmation-window .body .grid-item.odd {
   background-color: #d9f8fb;
}

.confirmation-window .buttons {
   margin-top: 1rem;
}

.confirmation-window .heading  {
   background-color: #55a8af;
   padding: .3rem;
}