form .validation-summary {
    color: #dc3545 !important;
}

:focus {
    outline: none;
}

.dataTables_wrapper > .dataTables_filter {
    display: inline-block;
    float: right;
}

.dataTables_wrapper > .dataTable {
    margin-top: 15px !important;
}

.dataTables_wrapper > .dataTables_info {
    display: inline-block;
    float: left;
}

.dataTables_wrapper > .dataTables_paginate {
    display: inline-block;
    float: right;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    top: 9px !important;
}

table.dataTable td.child > ul.dtr-details div.hover-trigger {
    display: inline-block;
}

.page-link {
    padding: 5px 8px !important;
}

.navbar-nav > .nav-item.active > .nav-link {
    font-weight: bold;
}

pre {
    white-space: pre-wrap;
    background: hsl(30,80%,90%);
}

.user-select-none {
    user-select: none;
}


form > .overlay {
    opacity: .4 !important;
}

    form > .overlay > i {
        color: white;
        position: relative;
        top: calc(50% - 12px);
        left: calc(50% - 12px);
    }


button > span > i.codicon {
    vertical-align: text-bottom;
}

a.btn > i.codicon {
    vertical-align: text-bottom;
}

.hover-trigger:hover > .hover-visible {
    visibility: visible;
}

.hover-trigger:not(:hover) > .hover-visible {
    visibility: hidden;
}

.va-middle {
    vertical-align: middle;
}

@media (min-width: 1200px) {
    .container-xl {
        max-width: 1340px;
    }

    .container-xl {
        max-width: 1340px;
    }
}