﻿.form-control {
    min-height: calc(1.47em + 1rem + 2px);
    height: auto;
}

.form-control > ul {
    padding-left: 16px;
    margin-bottom: 0;
}

.form-control-short {
    max-width: 310px;
    width: 100%;
}

.invalid-feedback {
    display: block;
}

/* Styling tweaks for select2 drop downs -- for multiselect?
.form-control-short + .select2-container {
    max-width: 310px;
    width: 100%;
}

.select2-container--disabled * {
    cursor: not-allowed;
}

.select2-container--disabled .select2-selection {
    background-color: #eee;
}

.has-error .select2-selection {
    border-color: #b94a48;
}

.form-control-short + .select2-container {
    max-width: 310px;
    width: 100%;
}
*/

.breadcrumb-arrow-justified {
    margin: 0 -15px;
}

.breadcrumb-arrow-justified li {

    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 15px;
}

.breadcrumb-arrow-justified li a {
    width: 100%;
}

fieldset {
    display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    min-inline-size: min-content;
    border-width: 2px;
    border-style: groove;
    border-color: rgb(192, 192, 192);
    border-image: initial;
    margin-bottom: 0.5rem;
}

legend {
    width: initial;
    margin-bottom: initial;
}

/*Pad filter options a little bit*/
#filter .form-group {
    margin-bottom: 15px;
}

button.appear-disabled {
    opacity: 0.65 !important;
}

table.dataTable th a {
    margin: -0.75rem;
    padding: 0.75rem;
    display: block;
    margin-right: -30px;
    padding-right: 30px;
}

/*datepicker z-index over header*/
.datepicker-dropdown {
    z-index: 10000000000000000000 !important;
}

/*clickable arrows in table*/
table.dataTable thead th.sorting a,
table.dataTable thead th.sorting_asc a,
table.dataTable thead th.sorting_desc a {
    position: relative;
    display: block;
    width: calc(100% + 25px);
}

table.dataTable thead th.sorting a span.sortLabel,
table.dataTable thead th.sorting_asc a span.sortLabel,
table.dataTable thead th.sorting_desc a span.sortLabel {
    display: block;
    width: calc(100% - 25px);
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after {
    pointer-events: none;
}

object.embeddedDoc {
    max-width: 100%;
    width: auto;
    height: auto;
}

object.embeddedDoc[type="application/pdf"] {
    width: 100%;
    height: 700px;
    height: calc(-110px + 100vh);
    min-height: 400px;
}

div.form-control {
    overflow-wrap: break-word;
}
