.msg-box-pendaftaran{
    margin: 8px;
    padding: 20px;
    background-color: black;
    border-style: solid;
    border-color: gray;
    border-radius: 16px;
  }
  
  ul>li{
    display: inline-block;
    zoom: 1;
    *display: inline;
  }
  
  .admin-menu li a{
    color: white;
  }
  
  .admin-nav-menu li li a{
    font-size: small;
    font-weight: 100;
  }
  
  .admin-content{
    background: aquamarine;
    height: 1000px;
    
  }
  
  .admin-menu-head {
    background-color: #faf8f2;
    height: 75px; 
    margin: 8px; 
    border-style:solid; 
    border-color:#e0ded7; 
    display:flex; 
    flex-direction: row; 
    justify-content: left; 
    align-items: center;
  }
  
  .admin-menu-content {
    background-color: #faf8f2;
    height: fit-content; 
    margin: 8px; 
    border-style:solid; 
    border-color:#e0ded7;  
  }
  
  .li-regis-active{
    cursor: auto;
      background-color: rgb(234, 234, 241);
      padding: 7px 20px;
  }
  .li-regis{
      cursor: auto;
      background-color:rgb(125, 125, 131);
      padding: 7px 20px;
  }
  
  .header-menu{
    background: white;
    width: 100%;  
  }
  
  .header ul{
    display:inline-block; 
    flex-direction: column; 
    justify-content: right; 
    align-items: center;
  }
  
  img.object-fit-image{
    object-fit: contain;
    margin: 10px;
    height: auto;
  }
  
  .row .step-menu{
    align-items: baseline;
    float: inline-start;
  }
  
  .step-menu{
    margin-top: 16px;
  }
  
  body.pendaftaran{
    background-color: rgb(49, 48, 48);
  }
  
  .form-pendaftaran{
    background-color: rgb(234, 234, 241);
  }
  
    .login-dark {
    height:1000px;
    background:#475d62 url(/images/star-sky.jpg);
    background-size:cover;
    position:relative;
  }
  
  @media (max-width: 600px){
    .login-dark{
      height:600px;
      background:#475d62 url(/images/star-sky.jpg);
      background-size:cover;
      position:relative;
    }
  }
  
  .login-dark form {
    max-width:320px;
    width:90%;
    background-color:#1e2833;
    padding:40px;
    border-radius:4px;
    transform:translate(-50%, -50%);
    position:absolute;
    top:50%;
    left:50%;
    color:#fff;
    box-shadow:3px 3px 4px rgba(0,0,0,0.2);
  }
  
  .login-dark .illustration {
    text-align:center;
    padding:15px 0 20px;
    font-size:100px;
    color:#2980ef;
  }
  
  .login-dark form .form-control {
    background:none;
    border:none;
    border-bottom:1px solid #434a52;
    border-radius:0;
    box-shadow:none;
    outline:none;
    color:inherit;
  }
  
  .login-dark form .btn-primary {
    background:#214a80;
    border:none;
    border-radius:4px;
    padding:11px;
    box-shadow:none;
    margin-top:26px;
    text-shadow:none;
    outline:none;
  }
  
  .login-dark form .btn-primary:hover, .login-dark form .btn-primary:active {
    background:#214a80;
    outline:none;
  }
  
  .login-dark form .forgot {
    display:block;
    text-align:center;
    font-size:12px;
    color:#6f7a85;
    opacity:0.9;
    text-decoration:none;
  }
  
  .login-dark form .forgot:hover, .login-dark form .forgot:active {
    opacity:1;
    text-decoration:none;
  }
  
  .login-dark form .btn-primary:active {
    transform:translateY(1px);
  }

  .iconPepo{
    background : url(/images/LogoPepoRound.png);
    height: fit-content;
    width: fit-content;
  }