.log-title{
    margin-top: 60px;
    color: #5c5c5c;
}

.login-box{
    background-color: #fff;
    padding: 15px;
    min-height: 100px;
    margin-top: 50px;
}

.login-box h4{
    color: #5c5c5c;
    text-align: center;
}

.login-box img{
    width: 210px;
    height: 100px;
    margin-left: 62px;
    margin-top: 20px;
}

#staff_name{
    text-align: center;
}

.login-box input{
    margin-top: 30px;
    border-radius: 3px;
}

.login-box button{
    margin-top: 10px;
    width: 100%;
    font-weight: bold;
    text-shadow: 1px 1px #5c5c5c;
    border-radius: 3px;
}

.navbar{
    border-radius: 0px;
}

.navbar li a{
    font-size: 17px;
}

.navbar li span{
    font-size: 22px;
}

.hdnfield{
    border: none;
    width: 100%;
}

.detail-box{
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 0px;
}

.box-title{
    border-bottom: 1px solid #eee;
    font-size: 15px;
}

.table thead tr th{
    font-size: 13px !important;
}

.legend-ul li{
    list-style-type: none;
    font-weight: bold;
}

.legend-ul span{
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid black;
}

.doc-appr, .doc-appr td{
    background-color: darksalmon;
    color: #ac2925;
    font-weight: bold;
}

.pnd-app, .pnd-app td{
    background-color: #ffff66;
    color: #cc3300;
    font-weight: bold;
}

.doc-rej, .doc-rej td{
    background-color: #99ff99;
    color: #003300;
    font-weight: bold;
}

.rep-btn{
    width: 200px;
    height: 40px;
    background-color: #3a3a3a;
    color: #fff;
    border: 1px solid #3a3a3a;
    font-size: 17px;
    font-weight: bold;
    cursor: pointer;
    margin-left: 50px;
}