/* DJANGO TABLES SORTING
table.table thead th.orderable {
    background: url('../images/sort_none.png') no-repeat left;
}
*/

.my_css_class_for_required_fields {
    font-style: normal;
    font-size: small;
}

table.table thead th.asc.orderable {
    background: url('../images/sort_asc.png') no-repeat 98%;
    padding-right: 20px;
}

table.table thead th.desc.orderable {
    background: url('../images/sort_desc.png') no-repeat 98%;
    padding-right: 20px;
}

/* START PAGE */
.alert-info {
  margin-bottom:0;
}

/* Not used anymore. */
.double-striped tr:nth-child(4n+1), .double-striped tr:nth-child(4n+2) {
 background: #eeeeee;
}


.content-section {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
}

.content-section-heading h2 { /* Do we need this? */
  font-size: 3rem;
}

/* Cards */

.card-header {
    background-color: #1D809F;
    cursor: pointer;
    padding-top: 7px;
    padding-bottom: 7px;
}

.card-link {
    color: #d9d9d9 !important;
    display: inline-block;
    position: relative;
    z-index: 1;
}


/* Font size and padding */
/* Should we solve this with additional classes in the documents? */

/*
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
*/


h4,
h5,
h6 {
  margin-top: 15px;
}




@media (max-width: 575.98px) {
  .content-section-heading h1 {
    font-size: 2.5rem;
  }
  .content-section-heading h2 {
    font-size: 2rem;
  }
  .content-section-heading h3 {
    font-size: 1.5rem;
  }
  .content-section-heading h4 {
    font-size: 1rem;
  }
  .content-section-heading h5 {
    font-size: 1rem;
  }
  .content-section-heading h6 {
    font-size: 1rem;
  }
}

/* Select2 (Autocomplete dropdowns for institution selection. */
.select2 {
    width: 100% !important;
}

.select2-container {
    min-width: unset !important;
}

.select2-container .select2-selection__rendered > *:first-child.select2-search--inline {
    width: 100% !important;
}

.select2-selection {
  text-align: left !important;
}

.select2-container .select2-results__option {
    text-align: left !important;
}

/* Hide disabled select2-options */
.select2-container .select2-results__option[aria-disabled=true] {
    display: none;
}

.select2-container--default li.select2-results__option--highlighted[aria-selected] {
    background-color: #1D809F;
    color: white;
}

.select2-results__option--highlighted:has(> .dal-create) {
    background-color: #c82333 !important;
}

.fa,
.fas,
.far,
.fal,
.fad,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 50px;
}

.icon-social-twitter,
.icon-social-facebook,
.icon-social-github {
    font-family: 'simple-line-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 65px;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.service-icon {
    background-color: #fff;
    color: #1D809F;
    height: 7rem;
    width: 7rem;
    display: block;
    line-height: 7.5rem;
    font-size: 2.25rem;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
}

.small > ol, ul {
    list-style-type: none;
    text-align: center;
}

#helptext {
    color: grey !important;
    text-align: left !important;
}

#confirmationModalLabel {
    padding-left: 120px;
}


#smallnote {
    margin-top: 35px;
    font-size: 0.8rem;
}

/*
.btn-dark {
  color: #fff !important;
}

.btn-light {
    text-align: center;
    font-weight: normal !important;
    line-height: 35px;
    margin-top: 35px;
    border-radius: 5px;
}
*/

.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-12 {
    text-align: left !important;
}

.col-sm-3,
.col-sm-4 {
  font-weight: 700;
}

.has-changed {
    background-color: rgba(52, 58, 64, 0.5)
}

.display-list-element {
    border-style: solid;
    border-width: thin;
    border-color: #e9ecef;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
}

.display-list-element:hover {
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.fieldWrapper {
    margin-bottom: 1rem;
}


/* Tooltips */

.tooltip_templates {
    display: none;
}

.tooltip_list {
    list-style-type: disc;
    text-align: left;
}

.fa-info-circle {
    color: #1D809F;
}


.tooltipster-sidetip.tooltipster-punk.tooltipster-transcriptiones .tooltipster-box {
    border-bottom: 5px solid #1D809F;
}

.tooltipster-sidetip.tooltipster-punk.tooltipster-transcriptiones.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #1D809F;
}


/* Pagination */

.page-link {
    color: #1D809F;
}
.page-link:hover {
    color: #1D809F;
}

.page-item.active .page-link{
    background-color: #1D809F;
    border-color: #1D809F;
    color: #fff;
}

/* unset these when reorganizing the stylesheet */
.fa-angle-left,
.fa-angle-right,
.fa-angle-double-left,
.fa-angle-double-right {
    line-height: 1.25
}


/* ck-editor */

.ck-editor__editable {
    min-height: 400px;
}

/* Hide widget-handlers in disabled ck-editor */
.ck-read-only > .ck-widget:hover > .ck-widget__selection-handle,
.ck-read-only > .ck-widget_selected > .ck-widget__selection-handle {
    display: none;
}

.django-ckeditor-widget {
    width: inherit;
}

.my-small-form input.form-control {
    font-size: 10px;
}

.my-small-form select.form-control {
    font-size: 10px;
}

.card-title em {
    background-color: yellow;
}

.card-body em {
    background-color: yellow;
}

a.no-deco-link:hover {
    text-decoration: none;
}

span.search-result-title {
    font-variant: small-caps;
    font-weight: bold;
    font-size: small;
}

/* list group items for source type selection */

.list-group-item-st {
    font-weight: initial;
}

.list-group-item-st:hover {
    background-color: #1D809F;
    color: white;
}

.list-group-item-st.active {
    background-color: #1D809F;
}

.list-group-item-st.active:hover {
    background-color: #155d74;
    color: white;
}

/* responsive vertical stacking of button group */
@media screen and (max-width:767px) {
    .btn-group-responsive {
        display: flex;
        flex-direction: column;
    }

    .btn-group-responsive>.btn {
        border-radius: 0;
    }

    .btn-group-responsive>.btn:first-child {
        border-top-left-radius: 0.25em !important;
        border-top-right-radius: 0.25em !important;
    }

    .btn-group-responsive>.btn:last-child {
        border-bottom-left-radius: 0.25em !important;
        border-bottom-right-radius: 0.25em !important;
    }

}

.fa-clipboard {
    color: #1D809F;
}

.fa-clipboard:hover {
    color: #155d74;
    cursor: pointer;
}


.async-create-message {
    position:fixed;
    top:0;
    z-index:10000;
    width:100%;
    border-radius:0;
}

/* not used anymore

.card-header-st {
    background-color: white;
}

.card-header-st:hover {
    color: #404040;
    text-decoration: none;
    background-color: #f7f7fb;
}

.card-link-st {
    color: #495057 !important;
}

.card-body-st {
    border-bottom: 1px solid rgba(0,0,0,0.125);
}

 */

.st-search-select {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='rgb(108,117,125)' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");
}