.clearfix {
    clear: both
}

#div-table {
    margin-bottom: 50px
}

table {
    border-color: #cbc9c9 !important;
    border-radius: 3px
}

    table thead tr th {
        text-align: center;
        border-color: #cbc9c9 !important
    }

    table tr td {
        text-align: center;
        border-color: #cbc9c9 !important
    }

h1 {
    font-size: 25px;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 30px
}

.glyphicon-ok {
    color: green !important
}

.glyphicon-remove {
    color: red !important
}

@media screen and (max-width:450px) {
    .table > thead > tr > th {
        font-size: 10px
    }

    .table > tbody > tr > td, .table > tbody > tr > th {
        font-size: 10px
    }

    #div-table {
        padding-left: 2px !important;
        margin-left: 7px;
    }
}