body, html {
    position:relative;
    height:100%;
}

.nav-link {
    text-decoration: none;
    color: black;
}

.active {
    color: #0A7CD8;
    background-color: rgba(10,124,216,0.2);
    border-radius: 0px 5px 5px 0px;
}

.col-sm{
    width:60px;
}

.col-md {
    width: 100px;
}

.rnd-btn-cont{
    padding-left:5px;
    margin-top:5px;
}

.rnd-btn-cont .btn {
    font-size:10px !important;
}

.green {
    color: #0de026;
}

.nav-sm {
    display: none;
}

.table td {
    text-align: center;
}

.table .left {
    text-align: left !important;
}

@media only screen and (max-width: 520px) {
    .nav-lg{
        display:none;
    }
    .nav-sm {
        display: inline-block;
    }
}