body {
    font-family: Verdana, Geneva, sans-serif;
}

.navbar-toggle {
    margin-top: 10px;
    margin-right: 10px;
}

table.table thead tr th {
    padding-top: 5px;
    padding-bottom: 5px;
}

table.table tbody tr td {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* use this class on table header*/
.auto-fit {
    width: 1%;
    white-space: nowrap;
}

@media only screen and (max-width: 768px) {
    table.dataTable {
        display: block;
        overflow: hidden;
    }
}


table.dataTable tbody tr td span {
    display: block;
}

    table.dataTable tbody tr td span > a {
        margin-left: 5px;
    }

        table.dataTable tbody tr td span > a:first-child {
            margin-left: 0 !important;
        }

form .form-horizontal .form-group .form-control {
    height: 30px;
    padding: 2px 12px;
}

.alert {
    margin-bottom: 10px;
}

.wrapper .main-header #navbar-collapse-1 > ul > li > a {
    text-align: center;
    padding: 10px 5px;
}