@media screen and (max-width: 1300px) {
    .container {
        max-width: 90% !important;
    }
}
@media screen and (max-width: 1100px) {
    .container {
        max-width: 100% !important;
    }
}

@media screen and (max-width: 500px) {
    .header-brand span,
    .issues-list .action {
        display: none;
    }
}
@media screen and (max-width: 600px) {
    .issues-dashboard .col{
        flex: auto;
    }
    .card-header .large-screen,
    .issues-list .reporter,
    .issues-dashboard .card-header small,
    .issues-dashboard .card-body.dash{
        display: none;
    }
    .issues-dashboard .card-header{
        cursor: pointer;
    }
}
@media screen and (min-width: 601px) {
    .card-header .small-screen,
    .issues-list .item .assignee{
        display: none;
    }
}
@media screen and (max-width: 750px) {
    ol.breadcrumb .breadcrumb-item:not(:first-child),
    .issue-tracker-dashboard .categories,
    .issue-tracker-dashboard .features,
    .issues-list .category{
        display: none;
    }
}
@media screen and (max-width: 850px) {
    .issue-tracker-dashboard .action,
    .issues-list .updated{
        display: none;
    }
    ul.pagination .page-item:not(.control):not(.active){
        display: none;
    }
}

.issues-dashboard table{
    width: 100%;
}

.card-header .status-active{
    font-size: 0.7em;
    font-weight: 700;
    padding-top: 0.5em;
}

.comments .editor-output > *:last-child{
    margin-bottom: 0;
}
.comments .editor-output{
    margin-bottom: 1em;
}

.ck-editor__editable {
    min-height: 250px;
    color: #3c4b64;
}
.tab-content .ck-editor__editable {
    min-height: 100px;
}
.tab-pane{
    padding-top: 0 !important;
}
.tab-pane .comments{
    color: #3c4b64;
}
body.dark-theme .tab-pane .comments{
    color: rgba(255,255,255,0.87);
}

body .form .section:first-of-type{
    margin-top: 0;
}

td.status{
    min-width: 7em;
}
td.category,
td.reporter,
td.updated{
    font-size: small;
    min-width: 11em;
}

.issues-dashboard .cb{
    padding-right: 0;
    width: 5%;
    text-align: center;
}

.files .card-body{
    text-align: center;
}
.files img{
    display: block;
    max-width: 100%;
}
.files .actions{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    max-height: 100%;
}
.files .card:hover .actions,
.files .card.hover .actions{
    display: inline-flex;
}
.files small{
    display: block;
}

table.links{
    table-layout: fixed;
    margin: 0.25rem 0 0;
}
table.links td{
    vertical-align: middle;
}
table.links .status{
    width: 5.5em;
    min-width: auto;
}
table.links .link a{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
table.links .action{
    width: 2em;
    padding: 0;
}

.badge-open{
    background: var(--cui-warning);
}
.badge-in-progress{
    background: var(--cui-info);
}
.badge-complete{
    background: var(--cui-success);
}
.badge-hold {
    background: var(--cui-secondary);
}
.badge-closed,
.badge-duplicate {
    color: var(--cui-dark);
    background: var(--cui-gray-200);
}
.badge-resolved {
    background: var(--cui-dark);
}

body.dark-theme .badge-closed,
body.dark-theme .badge-duplicate{
    color: var(--cui-gray-900);
    background: var(--cui-gray-200);
}
body.dark-theme .badge-resolved {
    background: var(--cui-gray-800);
}

.badge-bug,
.badge-info,
.badge-plan,
.badge-task,
.badge-1,
.badge-2,
.badge-3{
    font-size: 1rem;
    padding: 0 0.2em;
    background: transparent;
    vertical-align: baseline;
}

.badge-bug,
.badge-info,
.badge-plan,
.badge-task{
    color: var(--cui-dark);
}

.badge-1{
    color: var(--cui-info);
}
.badge-2{
    color: var(--cui-warning);
}
.badge-3 {
    color: var(--cui-danger);
}

body.dark-theme .badge-bug,
body.dark-theme .badge-task{
    color: var(--cui-gray-200);
}