body { font-size: 0.85rem; line-height: 1.5; font-family: nunito, open-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif; }
.form-control, .input-group-text { font-size: 0.8rem; }
.form-check-inline { margin-top: 0.4rem; }
.btn { font-size: 0.8rem; }
.btn-sm { font-size: 0.675rem }
.alert p { margin-bottom: 0; }
.alert .close { margin: -0.5rem; }
h1 { font-size: 2rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.25rem; }

.bg-dark,
.btn-dark { background-color: #060315 !important; }
.navbar { margin-bottom: 1em; }
.navbar .nav-brand img { width: 3em; height: 3em; margin-left: 0.5em; margin-right: 1em; }
.navbar li { cursor: pointer; }
.navbar .nav-user { position: absolute; top: 0; right: 0; height: 57px; display: flex; align-items: center; }
.navbar-dark .nav-user-item { color: rgba(255, 255, 255, 0.5); font-size: 1rem; cursor: pointer; margin: 0; height: 100%; padding-inline: 1rem; display: flex; align-items: center; }
.navbar-dark .nav-user-item:hover { background-color: #ede813; color: #000; }

.login-cell { background-color: #f0f0f0; }
.login-title { display: flex; height: 75px; }
.login-title h1 { flex-grow: 1; justify-content: center; }


div.paging-controls { margin: 0 auto 0.5rem; text-align: center; vertical-align: middle; position: relative; }
div.paging-controls select { width: auto; display: inline-block; vertical-align: middle; }
div.paging-controls select option{ line-height: 1rem; }
div.paging-controls input { vertical-align: middle; }
div.paging-info { float: right; width: 200px; text-align: right; padding-top: 6px; margin-right: 20px; }
div.paging-footer { margin-bottom: 1em; }

.table td, .table th { padding: 0.5rem; }
.table thead th { font-weight: normal; /*text-transform: uppercase;*/ }
table.table-hover tr { cursor: pointer; }
table.table-striped tbody tr:nth-of-type(2n+1) { background-color: #f8f9fa;}
table.table-row-select tr[data-selected="1"],
table.table-striped tbody tr:nth-of-type(2n+1)[data-selected="1"] { background-color: #007bff; color: #fff; }
table.table-row-select tr[data-selected="1"] a { color: #fff; }
table .col-CreatedDate,
table .col-LastModifiedDate { white-space: nowrap; }
table .col-min { width: 1px; white-space: nowrap; }

th.sortable {user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; cursor: pointer; }
th.sortable[data-order="0-asc"]:after { content: " ↑"; }
th.sortable[data-order="0-desc"]:after { content: " ↓"; }
th.sortable[data-order="1-asc"]:after { content: " ↑2"; }
th.sortable[data-order="1-desc"]:after { content: " ↓2"; }
th.sortable[data-order="2-asc"]:after { content: " ↑3"; }
th.sortable[data-order="2-desc"]:after { content: " ↓3"; }
th.sortable[data-order="3-asc"]:after { content: " ↑4"; }
th.sortable[data-order="3-desc"]:after { content: " ↓4"; }

.input-group-append .btn-outline-secondary { border-color: #ced4da; }
.input-group-append .btn-outline-secondary:hover { color: transparent; text-shadow: 0 0 0 white; border-color: #6c757d; }

.resource-description { display: inline-block; padding: calc(.375rem + 1px) 10px; margin-bottom: 0; font-size: inherit; line-height: 1.5; }
.resource-action { margin-top: -5px; }
.modal-backdrop { opacity: 0.6; }
.modal table { line-height: 0.75; }
.modal .table-filters .table-filters-search { flex: 1; margin-right: 0.25rem }
.modal .table-filters .table-filters-reset { flex: 0; }

[data-valid="1"],
p.is-valid { border: 1px solid #28a745; border-radius: 0.25rem; }
.form-check[data-valid="1"] { border: none; }
[data-valid="0"],
p.is-invalid { border: 1px solid #dc3545; border-radius: 0.25rem; }

p.summary { min-height: 3em; }


table tr.kenonz-acrs-details { cursor: default; }
table tr.kenonz-acrs-details:hover { }
table tr.kenonz-acr-selected,
table tr.kenonz-acrs-details { background-color: #ececec; }
table tr.kenonz-acrs-details th { cursor: default; }
table tr.kenonz-acrs-details tr:hover { background-color: transparent; }
table tr.kenonz-acrs-details td { border: none; cursor: default; }
table tr.kenonz-acrs-details h5 { font-size: 1rem; }
table tr.kenonz-acrs-details td > div { display: flex; flex-direction: row; gap: 1rem; }
.kenonz-acrs-details-changes {}
.kenonz-acrs-details-changes ul { margin-bottom: 0; padding-left: 0.5rem; }
.kenonz-acrs-details-summary { max-width: 50%; }