/* scrollbar width */
::-webkit-scrollbar {
    width: 5px;
    }

    /* scrollbar Track */
    ::-webkit-scrollbar-track {
    background: rgba(200,200,200,0); 
    }
    
    /* scrollbar Handle */
    ::-webkit-scrollbar-thumb {
    background: rgba(240,240,240,0.6);
    }

    /* scrollbar Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
    background: rgba(240,240,240,0.7);
    }
    body{
        margin:0;
        padding:0;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
        font-family:sans-serif;
    }
    #login-box{
        background:rgba(255,255,255,0.95);
        min-height:100px;
        width:calc(100% - 50px);
        max-width:400px;
        padding:20px;
        margin:5px;
        border-radius:5px;
        margin-left:auto;
        margin-right:auto;
        position:relative;
        top:100px;
        box-shadow:0 0 12px gray;
    }
    #login_company_logo{
        max-width:100%;
        max-height:80px;
    }
    input{
        display:block;
        border: none;
        /*border-bottom: groove;*/
        background-color: rgba(0,0,0,0);
        font-size: 20px;
        border-width: 0 0 1px 0;
        outline: 0;
        line-height:40px;
    }
    .input_div, .zaloguj_button{
        width: calc(100% - 20px);
        max-width:300px;
        margin: 10px;
        height: 40px;
        border-radius: 50px;
        background-color: #7e7e7e0a;
        border: solid 1px gray;
        margin-top: 30px;
        overflow: hidden;
    }
    .zaloguj_button{
        background-color:var(--theme-color);
        color:white;
        font-weight:bold;
        font-size:15px;
        border:none;
        cursor:pointer;
    }
    .zaloguj_button:hover{
        filter:brightness(0.75);
    }