body {
    font-size: 17px;
}
.bold {
    font-weight: 700;
}

.center {
    text-align: center;
}
.fa-btn {
    margin-right: 6px;
}

select {
    width: 400px;
    text-align-last: center;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
}


.infoButton {
    margin: 10px 0;
    background: none;
    border-radius: 5px;
    padding: 2px 8px 2px 8px;
    border: 2px solid lightgrey;
}

.infoButton:hover {
    border: 2px solid dodgerblue;
    transition: border 0.5s ease-in-out, color 0.5s ease-in-out;
}

.form-control.management {
    text-align: center;
}

.addButton {
    text-align: center;
    margin-top: 28px;
    margin-left: -5px;
}

.addRoleButton {
    text-align: center;
    margin-top: 28px;
    margin-left: -5px;
}

.saveButton {
    margin-top: 5px;
}

.saveRoleButton {
    margin-top: 5px;
}

.deleteRoleButton {
    margin-top: 7px;
}

.deleteButton {
    margin-top: 7px;
}

.exportButton {
    margin-top: 20px;
    float: right;
}
.table {
    text-align: left;
}

input[name="exportData"] {
    margin-top: 10px;
}

input[name="colourBox[]"] {
    margin-left: 10px;
    margin-right: 5px;
}

.updateColoursBtn {
    margin-top: -2px;
}

.label-default {
    background-color: saddlebrown;
    border: 1px solid dimgrey;
}

.label-primary {
    background-color: white;
    color: black;
    border: 1px solid dimgrey;
}

.label-success {
    background-color: yellow;
    color: black;
    border: 1px solid dimgrey;
}

.label-info {
    background-color: red;
    border: 1px solid dimgrey;
}

.label-warning {
    background-color: dodgerblue;
    border: 1px solid dimgrey;
}

.label-danger {
    background-color: limegreen;
    border: 1px solid dimgrey;
}

@media (max-width: 767px) {
    /* your custom css class on a parent will increase specificity */
    /* so this rule will override Bootstrap's font size setting */
    .autosized .label {
        font-size: 8px;
        margin-right: 4px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .autosized .label {
        font-size: 10px;
        margin-right: 4px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .autosized .label {
        font-size: 12px;
        margin-right: 4px;
    }
}

@media (min-width: 1200px) {
    .autosized .label {
        font-size: 14px;
        margin-right: 4px;
    }
}

.table > tbody > tr > td.padded-cell{
    padding-top:15px;
}