.sp-modal {
   position: fixed;
   background: rgba(1,1,1,.6);
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index:10000;
}

.sp-modal.hide {
   display:none;
}

.sp-modal__container {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translateX(-50%) translateY(-50%);
   min-width: 300px;
   background: white;
   padding: 15px;
   z-index: 200;
}

.sp-modal__header {
   padding-bottom: 10px;
}

.sp-modal__header h1 {
   font-size: 20px;
   font-weight: bold;
}
.sp-modal__body {
   padding-bottom: 10px;
}

.sp-modal__footer {
   text-align: right;
}