/* XNAT Header Tag Shims */
.xnat-bootstrap h1, .xnat-bootstrap .h1 { font-size: 1.75em; }
.xnat-bootstrap h2, .xnat-bootstrap .h2 { font-size: 1.5em; }
.xnat-bootstrap h3, .xnat-bootstrap .h3 { font-size: 1.17em; font-weight: 700; }
.xnat-bootstrap h4, .xnat-bootstrap .h4 { font-size: 1em; font-weight: 700; }
.xnat-bootstrap h5, .xnat-bootstrap .h5 { font-size: 0.88em; font-weight: 700; }

/* XNAT Color Scheme Shims */
a,
a:visited,
.xnat-bootstrap a,
.xnat-bootstrap a:visited,
.xnat-bootstrap a:not([href]):not([class]),
.xnat-bootstrap a:not([href]):not([class]):visited { color: var(--link-color); }
a:hover,
a:active,
.xnat-bootstrap a:hover,
.xnat-bootstrap a:active,
.xnat-bootstrap a:not([href]):not([class]):hover,
.xnat-bootstrap a:not([href]):not([class]):active { color: var(--link-color-hover); text-decoration: none; }

/* Ensure icon font rendering */
.fa {
    font-family: "Font Awesome",FontAwesome !important;
}

/* Fix pagination display */
.xnat-bootstrap .pagination {
    border-bottom: 5px solid var(--XNAT-blue-500);
    border-radius: 0;
    margin-bottom: 0;
}
.xnat-bootstrap .page-item:first-child .page-link {
    border-bottom-left-radius: 0;
}
.xnat-bootstrap .page-item:last-child .page-link {
    border-bottom-right-radius: 0;
}

.formio-form>div>nav>ul.pagination .page-item .page-link {
    background: var(--XNAT-gray-100);
    border-color: var(--XNAT-gray-300);
    border-radius: 0;
    border-width: 1px 1px 0;
    box-shadow: none;
    color: var(--XNAT-gray-300);
    cursor: default;
}
.formio-form>div>nav>ul.pagination .page-item.active .page-link {
    background: var(--XNAT-blue-500);
    border-color: var(--XNAT-blue-500);
    border-width: 1px 1px 0;
    color: #fff;
}
.formio-form .choices__list--dropdown .choices__list {
    max-height: 200px;
}

.xnat-bootstrap .wizard-page {
    background-color: var(--XNAT-gray-100);
    border: 1px solid var(--XNAT-gray-200);
    overflow-x: auto;
    padding: 1em;
}

.xmodal.xnat-bootstrap .wizard-page,
.dialog.xnat-bootstrap .wizard-page {
    background-color: #fff;
    border: none;
    padding: 2em 0 1em;
}

/* Form HTML Display Hacks */
.formio-form>div>nav>ul.pagination .page-item .page-link {
    background: linear-gradient( #fcfcfc, #f0f0f0 );
    color: var(--XNAT-gray-900);
}
.xnat-bootstrap .formio-read-only .form-group {
    margin-bottom: 0;
    display: block;
}
.xnat-bootstrap .formio-read-only label {
    font-weight: bold;
    display: block;
    line-height: 1.3;
    min-width: 150px;
    padding: 10px 0 0;
}
.xnat-bootstrap .formio-read-only .form-group div[ref=element],
.xnat-bootstrap .formio-read-only .form-group > div[ref=value] {
    display: block;
    padding-bottom: 10px;
    white-space: normal;
    word-break: break-all; 
}
.xnat-bootstrap .formio-read-only .form-group .form-text {
    display: none;
}

/* Bootstrap Alert Shims */
.xnat-bootstrap div.alert,
.xnat-bootstrap div.error,
.xnat-bootstrap div.justification,
.xnat-bootstrap div.message,
.xnat-bootstrap div.info,
.xnat-bootstrap div.note,
.xnat-bootstrap div.success,
.xnat-bootstrap div.warning {
}

.formio-error-wrapper .formio-errors .error,
.formio-errors .error {
    background-color: inherit;
    border: inherit;
    border-radius: inherit;
    color: var(--XNAT-red-500);
    font-size: inherit;
    padding: inherit;
    position: inherit;
}

.xnat-bootstrap div.alert.alert-info {
    background-color: var(--XNAT-blue-100);
    border-color: var(--XNAT-gray-300);
    color: var(--XNAT-gray-700);
}

.xnat-bootstrap div.alert.alert-danger,
.formio-error-wrapper {
    background-color: var(--XNAT-red-100);
    border-color: var(--XNAT-gray-300);
    color: var(--XNAT-gray-700);
}
.xnat-bootstrap div.alert.alert-info:before,
.xnat-bootstrap div.alert.alert-danger:before {
    content: "";
}

/* Nonstandard row class shims */
#pResource_form .row {
    display: inherit;
    margin: 5px 0;
}
#pResource_form .rowTitle {
    padding-right: 10px;
}

/* Button Shims */

.xnat-bootstrap button,
.xnat-bootstrap .btn {
/*    background: var(--default-button-bg); */
    background-color: var(--XNAT-gray-100);
    border: 1px solid var(--XNAT-gray-400);
    border-radius: 3px;
    box-shadow: 0px 1px 1px rgba(153, 153, 153, 0.4);
    font-size: 13px;
    line-height: inherit;
}

.xnat-bootstrap .btn:hover {
    box-shadow: none;
}
/* .xnat-bootstrap .btn-primary { background-color: var(--XNAT-blue-500); border-color: var(--XNAT-blue-600); } */
.xnat-bootstrap .btn-secondary { background: var(--XNAT-gray-600); border-color: var(--XNAT-gray-700); }
.xnat-bootstrap .btn-danger { background: #cc6666; border-color: var(--XNAT-red-500); }
.xnat-bootstrap .btn-success { background: var(--XNAT-green-500); border-color: var(--XNAT-green-600); }

.xnat-bootstrap .btn-primary {
    background: var(--primary-button-bg);
    border-color: var(--primary-button-border);
}
.xnat-bootstrap .btn-primary:hover {
    background: var(--XNAT-blue-500);
}
.xnat-bootstrap .btn-xxs {
    box-shadow: 0 2px 2px rgba(0,0,0,0.4);
    font-size: 10px;
    line-height: 1.2;
}

div.xmodal button.close {
    line-height: inherit;
}
.choices[data-type*=select-one] .choices__button,
.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button,
.choices[data-type*=select-one] .choices__button:hover,
.choices[data-type*=select-multiple] .choices__button:hover,
.choices[data-type*=text] .choices__button:hover {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
}
.choices__list.chosen-choices .choices__item.choices__item--selectable {
    background-color: var(--XNAT-gray-500);
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    margin-right: 6px;
    padding: 0 0 0 6px;
}
.choices__list.chosen-choices .choices__item.choices__item--selectable:hover {
    background-color: var(--XNAT-gray-600);
}
.choices__list.chosen-choices .choices__item.choices__item--selectable .choices__button {
    border: none;
}
.xnat-bootstrap input, .xnat-bootstrap button, .xnat-bootstrap select, .xnat-bootstrap optgroup, .xnat-bootstrap textarea {
    margin: revert;
}
.xnat-bootstrap .form-check-input {
    margin-top: 1px;
}

/* Transition Shims */
.xmodal.loader,
.xmodal-mask.loader {
    animation: inherit;
    border: inherit;
    border-radius: inherit;
}
div.xnat-dialog-shell.loader {
    animation: inherit;
    display: inherit;
}

/* Form Builder Shims */
.builder-sidebar_scroll {
    top: 3px;
}
.xnat-bootstrap legend {
    font-size: 1rem;
 }
.xnat-bootstrap .builder-sidebar_scroll .card-header {
    padding: inherit;
}
.xnat-bootstrap .builder-sidebar_scroll .builder-sidebar_search {
    margin-bottom: 10px;
}
.xnat-bootstrap .formio.builder .card,
.xnat-bootstrap .formio.builder .card-header:first-child,
.xnat-bootstrap .formio.builder .card-header>h5>.btn-block {
    border-radius: 0;
    box-shadow: none;
    font-size: 0.875rem;
}
.xnat-bootstrap .formio.builder .card-header>h5>.btn-block {
    border: none;
}
.xnat-bootstrap .formio.builder .card + .card {
    border-top: none;
}
.xnat-bootstrap .formio.builder .card .btn-block + .btn-block {
    margin-top: 0.2rem;
}
.xnat-bootstrap .formio.builder .card-header {
    border-bottom: none;
}
.xnat-bootstrap .formio.builder .card-body {
    border-top: 1px solid #dfdfdf;
}
.drag-container.formio-builder-form,
.drag-container.formio-builder-form:hover,
.panel-body>.drag-container.formio-builder-components,
.panel-body>.drag-container.formio-builder-components:hover,
.tab-pane>.drag-container.formio-builder-components,
.tab-pane>.drag-container.formio-builder-components:hover {
    border: 1px dotted var(--XNAT-gray-300);
    padding: 10px 10px 80px;
}
.is-flipped .choices__list--dropdown {
    max-height: 250px;
    overflow-y: auto;
}

/* YUI display shims */

.xnat-bootstrap .yui-panel h3 {
    line-height: 20px;
    margin-bottom: 0;
}
.xnat-bootstrap .yui-panel table {
    border-collapse: inherit;
}
.xnat-bootstrap .yui-panel fieldset {
    margin: 1em 0;
}
.xnat-bootstrap .yui-panel input {
    font-size: 13px;
}