@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: white;
   z-index: 200;
   border: 2px solid var(--main-color);

}

.ks-alert-header {
   background-color: var(--main-color);

}

.ks-alert-header h1 {
   font-size: 20px;
   font-weight: bold;
   padding: 5px 0 5px 10px;
   text-align: center;
   color: #fff;

}
.ks-alert-body {
   padding : 10px;
   font-size: 12px;
   text-align: center;
   line-height: 15px;
}

.ks-alert-footer {
}
.ks-alert-container .n-layer{
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 10px 0;
}
.ks-alert-container button.n-form{
   width: 50px;
   background-color: #fff;
   color: var(--main-color);
   font-weight: 700;
   font-size: 14px;
   border: none;
   margin: 0 5px;
}

.ks-alert-container .n-form {
   vertical-align: middle;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   cursor: pointer;
}
.ks-alert-container button {
   cursor: pointer;
   background-color: transparent;
   font-size: inherit;
   font-family: inherit;
   overflow: visible;
   font-weight: inherit;
   border: none;
   outline: none;
   margin: 0 5px;
}

.ks-alert-container button.n-form {
   text-decoration: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   cursor: pointer;
   text-align: center;
   position: relative;
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
   /* color: inherit; */
   /* color: #116BE2; */
   display: inline-block;
   border-radius: 3px;
   border: 1px solid #bbb;

   min-height: 27px;
   height: 27px;
}
.n-row.n-items-end.n-justify-end.n-inset-t-12{
   display: flex;
   align-items: center;
   justify-content: center;
}
@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;
      border-radius: 10px;
   }
}