.input{
    height: 28px;
    width:220px;
    padding: 5px 10px;

}
body {
    padding-bottom: 40px;
    background-color: #f5f5f5;
}


    .form-signin {
        max-width: 550px;
        padding: 19px 29px 29px;
        margin: 0 auto 20px;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
        box-shadow: 0 1px 2px rgba(0,0,0,.05);
    }
        .form-signin .form-signin-heading,
        .form-signin .checkbox {
            margin-bottom: 10px;
        }

        .form-signin input[type="text"],
        .form-signin input[type="password"] {
            font-size: 16px;
            height: auto;
            margin-bottom: 15px;
            padding: 7px 9px;
        }

        
        
        .grid-ul{
            display: block;
        }
        
        .grid-li{
            word-break: break-all;
            text-align: center;
            padding:3px;
            margin: 2px;
            list-style-type: none;
            display: inline-block;
            vertical-align:top;
            width: 128px;
            border: 1px solid lightgray;
            
        }
        
        .grid-slika{
            height: 32px;
            width: 32px;
        }
        
        
        .grid-fajl{
            width: 120px;
            padding: 2px 4px;
            display: block;
            font-size: 10pt;
            font-weight: bold;
        }
        
        .grid-student{
            width: 120px;
            padding: 2px 4px;
            display: block;
            font-size: 10pt;
            
        }