.lgn_body
    {
        counter-reset: item 0;
        margin: 0;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    h3 
    {
        margin: 20px 0 0;
        color: #3B5998;
    }

    .lgn_container
    {
        position: fixed;
        padding: 20px;
        width: 390px;
        text-align: center;
        border-radius: 25px;
    }

    .lgn_btn 
    {
        background-color:#3B5998;
        color:#fff;
        font-size: 18px;
        border-radius: 25px;
    }
    
    .login-box
    {
      width: 350px;
    }
    
    .login-main-text 
    {
      display: block;
      font-size: 25px;
      line-height: center;
      text-align: center;
    }
    
    .error_msg 
    {
      text-align:center;
    }
    
    .overlay
    {
        position: fixed;
        width:100%;
        left:0;
        right:0;
        top:0;
        bottom:0;
        background-color: rgba(255,255,255,0.7);
        z-index: 9999;
        display:none;
    }
    
    @-webkit-keyframes spin
    {
        from{-webkit-transform:rotate(0deg);}
        to{-webkit-transform:rotate(360deg);}
    }
    
    @keyframes spin
    {
        from{transform:rotate(0deg);}
        to{transform:rotate(360deg);}
    }
    
    .overlay::after
    {
        content:'';
        display: block;
        position: absolute;
        left: 48%;
        top: 40%;
        width: 40px;
        height: 40px;
        border-style: solid;
        border-color: black;
        border-top-color: transparent;
        border-width: 4px;
        border-radius: 50%;
        -webkit-animation:spin .8s linear infinite;
        animation: spin .8s infinite;
    }
    
    @media print
    {    
        .no-print, .no-print *
        {
            display: none !important;
        }
    }