.button-group {
     /*position: absolute;*/
     top: 50%;
     left: 50%;
     /*transform: translateX(-50%) translateY(-50%);*/
 }
 
 .button-group button {
     padding: 10px 20px;
     border: 1px solid rgba(0, 0, 0, 0.2);
     margin: 10px;
 }
 
 .button-group button:hover {
     cursor: pointer;
     box-shadow: 0 0 10px 0 #ccc;
 }
 
 .dialog-container {
     position: fixed;
     left: 50%;
     top: 19px !important;
     transform: translateX(-50%) translateY(0);
     width: 400px;
     background: #fff;
     padding: 10px;
     border: 2px solid #ddd;
     /*box-shadow: 1px 1px 5px 1px #ccc;*/
     border-radius: 10px;
     opacity: 0;
     transition: all 0.3s linear 0s;
     z-index: 99999;
 }
 
 .dialog-header {
     padding: 10px;
     font-weight: bold;
     background: #269fc6;
     color: #f6f7f8;
 }
 
 .dialog-body {
     padding: 10px;
     line-height: 30px;
 }
 
 .dialog-footer {
     text-align: center;
     background: #f5f5f2;
     padding: 3px 0;
 }
 
 .dialog-footer a {
     display: inline-block;
     width: 100px;
     padding: 5px 0;
     border: 1px solid #ccc;
     border-radius: 10px;
     background: radial-gradient(#27BDD5, #1F3A95);
    cursor: pointer;
    margin: 10px;
    color: #fff !important;
 }
 
 .dialog-footer a:active {
     box-shadow: inset 2px 2px 4px 0 #ccc;
     color: #666;
 }