body {
    padding: 0;
    margin: 0;
    background-position: center top !important;
    background-repeat: no-repeat !important;
}

.blbl {
    font: 12px "Segoe UI", Verdana, Tahoma, Arial;
    color: #fff;
    cursor: default;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
}

.bgbtn {
    width: 12px;
    height: 12px;
    float: right;
    margin-right: 4px;
    text-decoration: none;
    display: block;
}

.bgbtn:hover {
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
}

.tbl-main {
    margin: auto;
    margin-top: 80px;
}

.tbl-logo {
    vertical-align: bottom;
}

.tbl-logo td {
    padding-bottom: 20px;
}

.tbl-logo img {
    margin-left: 5px;
}

.tbl-bgbtn {
    text-align: right;
}

.tbl-bgbtn div {
    float: right;
    width: 100px;
    height: 12px;
}

.tbl-icon {
    height: 110px;
}

.tbl-icon td {
    text-align: center;
    width: 160px;
}

.tbl-iconlabel td {
    text-align: center;
}

.icon-img {
    width: 180px;
    height: 100px;
    margin: 5px;
    font: 12px "Segoe UI", Verdana, Tahoma, Arial;
    color: #fff;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.ico1 {
    background: url('../akademik.png') #5a35b6;
}

.ico2 {
    background:url('../psb.png') #298cef;
}

.ico3 {
    background:url('../perpus.png') #0858c6;
}

.ico4 {
    background:url('../sarpras.png') #009400;
}

.ico5 {
    background:url('../employee.png') #0858c6;
}

.ico6 {
    background:url('../keuangan.png') #009400;
}

.ico7 {
    background:url('../repo.png') #2173b6;
}

.ico8 {
    background:url('../report.png') #da5632;
}

.icon-img:hover {
    width: 190px;
    height: 110px;
    margin: 0px;
}

.icon-img:active {
    width: 186px;
    height: 106px;
    margin: 2px;
    opacity: 0.75;
}

.tbl-iconlabel div {
    font: 12px "Segoe UI", Verdana, Tahoma, Arial;
    color: #fff;
    cursor: default;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
}