/* User controller views */

.green {
    color: green;
}

.blue {
    color: blue;
}

.red {
    color: red;
}

.black {
    color: black;
}

#available_roles {
    width: 400px;
}

.demo-section label {
    margin-bottom: 5px;
    font-weight: bold;
    display: inline-block;
}

#example .demo-section {
    max-width: none;
    width: 880px;
}

#example .k-listbox {
    width: 336px;
    height: 200px;
}

    #example .k-listbox:first-of-type {
        width: 400px;
        margin-right: 1px;
    }

.label {
    font: normal 14px/16px Metric, Arial, Helvetica, sans-serif;
    color: #656565;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.section-heading {
    font: normal 22px/24px Metric, Arial, Helvetica, sans-serif;
    color: #656565;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.k-form-hint {
    margin-top: 10px;
}

.k-radio-list {
    margin: 1px;
}

ul.fieldlist {
    padding-inline-start: 0px;
}

.ai-left-aligned {
    padding-left: 0px;
}