#sublog {
   background: #220089;
   color: #fff;
   text-align: center;
   font-weight: bold;
   padding: 10px 30px;
   border-radius: 10px;
   margin-top: 10px;
}

#overlay {
   position:fixed;
   z-index:100;
   height: 100%; 
   width: 100%;
   top: 0;
   right: 0;  
   bottom: 0;
   left: 0;
   background: rgba(0,0,0,0.8);
   display: none;
}
.ol {
   position:fixed;
   z-index:100;
   height: 100%; 
   width: 100%;
   top: 0;
   right: 0;  
   bottom: 0;
   left: 0;
   background: rgba(0,0,0,0.8);
   display: none;
}

#popup {
   max-width: 300px;
   width: 80%;
   max-height: 230px;
   height: 80%; 
   padding: 20px;
   position: relative;
   background: #fff;
   margin: 80px auto;
   border-radius: 10px; 
}

#close {
   position: absolute;
   top: 10px;
   right: 10px;
   cursor: pointer;
   color: #000;
}

#loginInfoOverlay .login-info-popup {
   height: auto;
   max-height: calc(100vh - 160px);
   overflow-y: auto;
   text-align: center;
}

.login-info-text {
   margin: 15px 0 25px;
}

.login-info-ok {
   min-width: 90px;
   padding: 8px 20px;
   border: 0;
   border-radius: 6px;
   background: #343a40;
   color: #fff;
   cursor: pointer;
}