body, html {
    height: 100%;
    color: #15011D;
    }
  

  hr{border-top-color:#DF7A00;}
  .bg { 
    /* The image used */
    /* background-image: url("../images/sign-in-bg.png"); */
  
    /* Full height */
    height: 100%; 
    background-color: #FBFCFD;
    /* Center and scale the image nicely */
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
    background-attachment: fixed;
    min-height: 100vh; 
  }

  .image-background img {
    object-fit: cover;
    width: 100%;
    height: 100%;  
    max-height: 500px;
  }


  .overlay {
    z-index: 1;
    height:100%;
    min-height: 100%;
    width: 100%;
    position: absolute;
    /* overflow: auto; */
    top: 0px;
    left: 0px;
    background: rgb(0,86,131);
background: linear-gradient(180deg, rgba(0,86,131,0.63) 0%, rgba(0,0,0,0.63) 100%);
}




.form-sub-hdr h2{
    color:#FFF;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    padding:20px;
    background: rgb(0,125,186);
background: linear-gradient(180deg, rgba(0,125,186,1) 0%, rgba(0,107,159,1) 100%);
}

.team-details, .theme-details{
    background-color: #FFF;

}

.form-box{padding:10px 70px 40px 70px;}

.register-form h1{color:#FFF; padding:20px; font-size: 25px; text-align: center;}
.register-form h1::before{content: ' ';
    display: inline-block;
    margin-right:10px;
    background:transparent url("../images/team-icon.svg") no-repeat;
    background-size: contain;
    height: 22px;
    width:22px;
    }

    /* .big-logo{position:fixed; top:0; left:0; z-index:10000; margin-top:-10px; width:180px;}
    .big-logo img{width:100%; height:auto} */
    .no-see{opacity: 0 !important;}


    @media (max-width: 767.98px){
      .big-logo{width:80px;}
     }
     
#message{
      color: red;
      font-size: 18px;
      font-weight: bold;
      display: none;
      margin-bottom: 10px;
    }
    
#mydiv{
      display: block;
    }

 #loader {
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 1;
      width: 120px;
      height: 120px;
      margin: -76px 0 0 -76px;
      border: 16px solid #f3f3f3;
      border-radius: 50%;
      border-top: 16px solid #3498db;
      -webkit-animation: spin 2s linear infinite;
      animation: spin 2s linear infinite;
      display: none;
      }
      
      
      
      @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
      }

      #member-div{
        float: left;
      }

      @media (max-width: 991.98px){
        .form-box{padding:15px;}
      }

      @media (max-width: 576px){
        .form-box{padding:15px;}
      }