@charset "UTF-8";

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

.ks-alert.hide {
   display:none;
}

.ks-alert-container {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translateX(-50%) translateY(-50%);
   min-width: 300px;
   background: #fff;
   padding: 15px;
   z-index: 200;
}

.ks-alert-header {
   padding-bottom: 10px;
}

.ks-alert-header h1 {
   font-size: 20px;
   font-weight: bold;
}
.ks-alert-body {
   padding-bottom: 10px;
}

.ks-alert-footer {
   text-align: right;
}

@media screen and (max-width: 1648px){
   .ks-alert-body {
      margin-bottom: 5px;
   }
}

@media screen and (max-width: 960px) {
   .ks-alert-container{
      max-width: 330px;
      max-height: 600px;
      overflow-y: auto;
   }
}