:root, * {
  --bs-body-font-family: Inter, sans-serif;
  --bs-body-font-size: 0.9rem
}


/* Group Roles permissions select boxes in Admin */
.field-permissions .selector-available select,
.field-permissions .selector-chosen select {
    min-height: 200px;
}


.select2-selection__choice {
    background-color: rgb(var(--color-base-300))  !important;
    color: #333 !important;
}

div.bg-cover {
    background-size: contain !important;
    background-repeat: no-repeat;
}

/*  not sure why this was set to 1200px seems too little
.container {
    max-width: 1200px;
}
*/

.hdb-field-hide-required .asteriskField {
    display: none !important;
}


#div_id_areas_of_experience > div, #div_id_preferred_work_location > div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
}

#div_id_areas_of_experience .form-check, #div_id_preferred_work_location .form-check {
    flex: 1 1 300px;
    min-width: 0;
    box-sizing: border-box;
}

.form-check .form-check-input {
    border: 1px solid #adb5bd;
}

.form-select,
.form-control {
    border: 1px solid #adb5bd !important;
}

.form-check-input:focus,
.form-select:focus,
.form-control:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* Make tag select widgets wider in tabular inlines */
.tabular .field-tags .select2-container {
    width: 100% !important;
    min-width: 300px !important;
}
/* For stacked inlines too if needed */
.stacked .field-tags .select2-container {
    width: 100% !important;
    min-width: 300px !important;
}



/*for Accepted AOR Candidate Inline on AOR pages, to give more space between multiple items */
.dynamic-acceptedaorcandidate_set {
    margin: 0 20px 40px;
}