body {
    font-family: 'Archivo', sans-serif;
    margin-top: 60px;
}

h1, h2, h3, h4, h5 {
    font-family: 'Roboto', sans-serif;
    margin: 1.5rem 0;
}
div.side-bar {
    background-color: #33005b;
    height:100%;
    overflow-x: hidden;
    padding-top: 20px;
    left:0;
}

div.navbar {
    position:fixed;
}

/* Button Bar */

div.button-bar {
    padding:0.5rem;
    border-radius: 5px;
    background: #454347;
}

.control {
    font-size:1.1rem;
}

.actionbar, .actionbar-secondary {
    font-family: 'Roboto', sans-serif;
}

.actionbar a {
    text-decoration:none;
}

.actionbar-secondary a {
    font-size:1rem;
    color:#240f2b;
}

span.authorname {
    font-size: 0.9rem;
}

span.postdate {
    font-size: 0.9rem;
}

.comment-details {
    font-size:1.3rem;
}

li.breadcrumb-item a {
    font-size: 0.9rem;
    color: #000000;
    text-decoration: none;
    list-style-image; ">";
    font-family: 'Roboto', sans-serif;
}

.actionbar-right a.btn, .actionbar-right button.btn {
    margin: 0 0.1rem;
}

/* Files */

.file-details td:first-child {
    font-weight:bold;
}

.box {

}

.box-header {
    font-size: 1.3rem;
    font-weight:bold;
    margin-bottom:2rem;
    margin-top:1rem;
}

.box p {
    line-height:1.3rem;
}

.table-display-headers {
    font-size:1.2rem;
    font-weight:bold;
}

.table-display form {
    display:inline;
}

.table-display-lines a {
    font-weight: bold;
    color:rgb(13, 52, 124);
    text-decoration:none;
    font-family: 'Roboto', sans-serif;
}

.table-display-lines a.btn {
    color:#fff;
}

.table-display-lines form {
    display:inline;
}

/* Controls */
a.control-name {
    font-size:1.2rem;
    color:rgb(13, 52, 124);
    text-decoration:none;
    font-family: 'Roboto', sans-serif;
}

.table a, div.attachments a, div.links a {
    font-weight:bold;
    text-decoration:none;
    color:rgb(13, 52, 124)
}

.table a.btn {
    color: #fff;
}

div.attachments {
    margin-top:1rem;
}

div.attachments a {
    margin-right:1rem;
    color:rgb(13,52,)
}

.hidden {
    display:none;
}

span.attachments-header {
    font-size:1rem;
    font-weight:bold;
}

span.attachments-none {
    font-size:0.9rem;
    font-style:italic;
}

div.matrix-row div {
    padding: 5px;
    height:100px;
    width:200px;
    margin: 1px;
    font-size:1.2rem;
    font-weight:bold;
    text-align:center
}

.matrix-row div {
    border: 1px solid #000;
    margin-bottom: 0px;
}

div.matrix-header {
    font-size:1.3rem;
    font-weight:bold;
}

.matrix-green {
    background-color: #56ff80;
    color: #000000;
}
.matrix-dark-green {
    background-color: #2e580c;
    color: #ffffff;
    border-color: #000000 !important;
}

.matrix-yellow {
    background-color: yellow;
    color: #000000;
}

.matrix-orange {
    background-color: orange;
    color: #000000;
}

.matrix-red {
    background-color: red;
    color: #fff;
    border-color
}

.matrix-dark-red {
    background: rgb(63, 2, 2);
    color: #ffffff;
    border-color: #000000 !important;
}

.survey-users {
    column-count: 3;
}

.tag-success {
    background-color: #28a745;
    color: #ffffff;
    padding: 0.5rem;
    border-radius: 5px;

}

.tag-danger {
    background-color: #dc3545;
    color: #ffffff;
    padding: 0.5rem;
    border-radius: 5px;
}

.tag-sm {
    font-size: 0.8rem;
    margin-top:1rem;
}

/* Labels */

.label {
    font-size: 0.7rem;
    font-weight: bold;
    border-radius: 5px;
    padding: 0.3rem;
    margin-left: 2rem;
    float: right;
}

.label-top {
    float:none;
    font-size: 0.7rem;
    font-weight: bold;
    border-radius: 5px;
    padding: 0.3rem;
}

.survey-label {
    color:#fff;
    background-color:#2e580c;
}

.survey-label a {
    color:#fff;
    text-decoration:none;
}

.label-survey {
    background-color:orangered;
    color: #fff;
}

.label-question {
    background-color: #007bff;
    color: #fff;
}

/* Crumbs Finetuning */
.innernav a, .innernav li {
    font-size: 0.8rem !important;
}
ol.breadcrumb {
        margin: 0.3rem 0;
}

div.note-editable {
    height:300px;
}

input.form-control-plaintext {
   font-style: italic;
}

div.links a {
    font-weight: bold;
    text-decoration: none;
    color: rgb(13, 52, 124);
    line-height:0.9rem;
}

div.links p {
    line-height:0.9rem;
}

div.content-details h5 {
    margin-bottom:0.3rem;
    margin-top: 0.5rem !important;
    font-size:1.1rem;
    font-weight:bold;

}

h2.accordion-header {
    margin: 0 0;
}
div.codex-card-group ul {
    list-style-type: none;
    padding: 0;
}


div.codex-container ul {
    list-style-type: none;

}

div.codex-container a {
    color: #271c8b;
}

div.codex-topic-categories ul{
    list-style-type: none;
    padding-left: 1rem;
    text-decoration: none;
}

div.codex-topic-categories a {
    color: #271c8b;
    text-decoration: none;
}

.kanban-column-completed {
    background-color: #28a745;
    color: #ffffff;
}

.kanban-column-inprogress {
    background-color: orange;
    color: #fff;
}

.kanban-column-todo {
    background-color: #007bff;
    color: #ffffff;
}

.kanban-column-backlog {
    background-color: #dc3545;
    color: #ffffff;
}

.kanban-column-pendingapproval {
    background-color: purple;
    color: #ffffff;
}

.kanban-header {
    font-size:1.4rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid #fff;
  
}

.kanban-task {
    border: 1px solid #000;
    border-radius:5px;
    padding:0.5rem;
    margin-bottom:0.5rem;
    background: #fff;
    color: #000;
    min-height: 100px;
    font-size:1.1rem;
    font-family: "Roboto", sans-serif;
}

.kanban-task-name {
    min-height:80px;
}

div.question-answer-question {
    font-size:1.1rem;
}

a.badge {
    font-size:0.8rem;
    font-weight:bold;
    text-decoration: none;
}

/* Module Title for Navbar */

.module-title {
    font-size: 1.1rem;
    font-weight: bold;
}