html, body {
    height: 100%;
    text-align: center;
    font-family: 'Raleway', sans-serif;
}

h1, h2, h3, h4, h5, h6, .title {
/*       font-family: 'Cinzel', serif; */
    font-family: 'Raleway', sans-serif;
}

small.form-text {
    display: block;
    width: 100%;
    text-indent: 12px;
}

table {
    table-layout: inherit;
    width: 100% !important;
}

tr.hover {
   cursor: pointer;
}

table.nobr tr td {
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

th.time, td.time {
    width: 90px!important;
    max-width: 90px!important;
}

textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
}

#meta {
    display: none;
}

#meta textarea {
    font-family: monospace;
}

#wrap {
    min-height: 100%;
    height: auto !important;
    margin: 0 auto -61px;
}

#push {
    clear: both;
    height: 60px;
}

#footer {
    width: 100%;
    height: 46px;
    margin-top: 15px;
    padding-top: 12px;
    color: #cecece;
}

.fa-chevron-circle-up, .fa-chevron-circle-down {
    margin-top: -10px;
    margin-right: -10px;
    padding: 10px;
    cursor: pointer;
}

.panel-collapse {
    margin-top: 12px!important;
}

p.content-group-interior {
    background-color: #dedede;
    height: 38px!important;
    border: 1px solid #ccc!important;
}

.dataTables_length {
    float: left;
}

.line {
    border-top: 2px dotted #ccc;
}

.toggle {
    margin-top: -40px;
    margin-right: -54px;
    font-size: 9px;
    padding: 3px 5px;
    color: #fff;
    background-color: #444;
    border: 1px solid #000;
    border-radius: 10px;
    cursor: pointer;
}

.container {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.content-group, .content-group-wide, .content-group-sm, .content-group-lg {
    text-align: left;
    display: inline-block;
    margin: 3px auto;
    font-size: 13px;
    padding: 10px;
}

.content-group {
    float: left;
    width: 50%;
    max-width: 50%;
}

.content-group-sm {
    float: left;
    width: 40%;
    max-width: 40%;
}

.content-group-lg {
    float: left;
    width: 60%;
    max-width: 60%;
}

.content-group-wide {
    width: 100%;
    max-width: 1000px;
}

.content-group-interior {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
}

.label-note {
    position: absolute;
    display: block;
    color: #cc0066;
    font-size: 75%;
    margin-top: -4px;
    margin-left: 0;
}

.title {
    clear: both;
    padding-top:12px;
    font-size: 24px;
}

.revision {
    float: left;
    font-size: 11px;
}

.nav-bar {
    width: 100%;
    text-align: left;
    padding: 5px;
    margin: 0 auto;
}

.nav-bar a {
    padding: 0 8px;
    font-weight: bold;
}

.nav-active, .tool-active {
    background-color: #c74900;
    color: #fff!important;
}

.nav-default, .tool-default {
    background-color: #c71700;
    color: #fff!important;
}

.nav-logout {
    background-color: #4f0014;
    color: #fff!important;
    border: none;
    padding: 15px;
}

.form-header {
    color: #aaa;
}

.form-check-input {
    font-size: 19px!important;
}

.form-block-control {
    background-color: red;
    bottom: 18px!important;
}

.highlight {
    color: red;
    border-color: red;
}

.spellchecker-incorrectwords a {
    color: #cc0066;
    text-decoration: underline;
}

.clear {
    clear: both;
}

.flexdatalist-results li {
    text-align: left!important;
}

.btn-warning, .btn-danger {
    color: #fff!important;
}

.btn-sm:hover {
    border: 1px solid #eee;
}

.btn-sm:active {
    background-color: #eee;
}

.editing {
    color: #888;
    font-weight: normal;
}

.changed {
    color: #000;
    font-weight: bold;
}

@media (max-width: 830px) {
    .content-group {
        float: none;
        width: 97%;
    }

}