/* overwrite default Pulse tab styles we have */
#filter-form .nav-tabs .nav-link { padding: .5rem 1rem; color: #000; font-weight: 700; font-size: .875rem; }
#filter-form .nav-tabs .nav-link.active { border-color: #ccc; border-bottom-color: #fff; color: #000; background: #fff; border-top-color: #117c96; }
#filter-form .nav-tabs .nav-link::after { height: 3px; background: #117c96; }
#filter-form .tab-pane { border: none; padding: 1rem 0; box-shadow: none; border-top: 1px solid #ccc; }
@media screen and (max-width: 576px) {
    #filter-form .nav-tabs { background: none; }
    #filter-form .nav-tabs .nav-link::before { top: .65rem; }
    #filter-form .nav-tabs .nav-link { padding: .5rem 1rem .5rem 3.5rem; box-shadow: inset 6rem 0 0 -3.5rem #08685f; color: #000; }
    #filter-form .nav-tabs .nav-link.active, #filter-form .nav-tabs .nav-link:focus, #filter-form .nav-tabs .nav-link:hover { background: #08685f; color: #fff; }
}

/* set up the left and right column */
#facet-panel { flex: 0 0 23rem; margin-right: 2rem; position: relative; }
#search-table-panel { width: calc(100% - 25rem); }

/* hide search controls when toggle is hit */
.filter-form-hidden { display: none; }

.toggle-facets { position: absolute; top: 6px; padding: 0; right: 6px; z-index: 1; font-weight: bold; width: 26px; min-height: 26px; border: 1px solid #fff; background: rgba(255,255,255,.9); font-size: .6rem; }
.toggle-facets[aria-expanded="false"] { right: 50%; margin-right: -9px; }
.toggle-facets:hover, .toggle-facets:focus { background: #fff; }

.lessRoom { flex: 0 0 65px!important; }
.extraRoom { width: calc(100% - 65px - 2rem)!important; }
.placeholder { background: #f0ecef; display: none; transform: rotate(90deg); transform-origin: left top 0; min-width: 250px; position: absolute; left: 56px; padding: 10px 0 15px 50px; font-size: 20px; color: #000; text-transform: uppercase; }

@media (max-width: 74.99em) {
    #facet-panel {margin-right: 0; }
    #search-table-panel { width: 100%; margin-top: 2rem; }
    
    .toggle-facets { display: none; }
    .placeholder { display: none!important; }
    .lessRoom, .extraRooom { width: 100%!important; }
    #filter-form { display: block!important; }
}


/* ==================================================
    Tables
================================================== */
/* action bar above table */
#results-table+.actions { padding: .5rem 0 0 0; margin-bottom: 1rem; }

/* repsonsive tables, shows dynmaic edge shadow for scrolling */
.table-responsive { margin-bottom: 0; overflow-x: auto; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #dfdfdf), color-stop(100%, rgba(195, 195, 197, 0))), -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #dfdfdf), color-stop(100%, rgba(195, 195, 197, 0))); background-image: -webkit-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), -webkit-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), -webkit-linear-gradient(left, #dfdfdf, rgba(195, 195, 197, 0)), -webkit-linear-gradient(right, #dfdfdf, rgba(195, 195, 197, 0)); background-image: -moz-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), -moz-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), -moz-linear-gradient(left, #dfdfdf, rgba(195, 195, 197, 0)), -moz-linear-gradient(right, #dfdfdf, rgba(195, 195, 197, 0)); background-image: -o-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), -o-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), -o-linear-gradient(left, #dfdfdf, rgba(195, 195, 197, 0)), -o-linear-gradient(right, #dfdfdf, rgba(195, 195, 197, 0)); background-image: -ms-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), -ms-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), -ms-linear-gradient(left, #dfdfdf, rgba(195, 195, 197, 0)), -ms-linear-gradient(right, #dfdfdf, rgba(195, 195, 197, 0)); background-image: linear-gradient(left, #ffffff, rgba(255, 255, 255, 0)), linear-gradient(right, #ffffff, rgba(255, 255, 255, 0)), linear-gradient(left, #dfdfdf, rgba(195, 195, 197, 0)), linear-gradient(right, #dfdfdf, rgba(195, 195, 197, 0)); background-position: 0 0, 100% 0, 0 0, 100% 0; background-repeat: no-repeat; background-color: white; background-size: 4em 100%, 4em 100%, .75rem 100%, .75rem 100%; background-attachment: local, local, scroll, scroll; }

.table-search { margin: 0; border-bottom: 1px solid #dee2e6; }
.table-search em { background-color: #ffd; padding: 1px 3px; border-radius: 4px; border: 1px solid #eee; }

.table-search thead th { border-top: none; border-bottom: none; background: rgba(205, 227, 223,.2); line-height: 1.2; }
.table-search thead a { text-decoration: none; }

.select-header { border-right: 1px solid #dee2e6; }
.table-search .column-group { padding-bottom: .25rem; padding-top: 0; font-size: .875rem; color: #215b68; line-height: 1; vertical-align: top; font-weight: 700; }
.table-search .column-group span { background: rgba(180, 198, 212,.25); border-radius: 0 0 5px 5px; display: block; padding: .5rem 1rem; margin-bottom: .5rem; white-space: nowrap; }

.compare-checkbox { text-align: center; border-right: 1px solid #dee2e6; }
.table-search tbody tr:hover { background: rgba(0,0,0,.025); }

/* double scroll bar for tall tables */
.doubleScroll-scroll-wrapper { /*background-color: #eee;*/ width: 100%!important; }
.doubleScroll-scroll { height: 1px!important; }

.interventiondoc_intervention_serial_id a {
    white-space: nowrap;
}
th.intervention_title, th.intervention_designated_health_characteristics, th.intervention_age, th.intervention_health_outcomes, th.intervention_disease, th.intervention_health_determinants, th.intervention_social_setting, th.intervention_is_adaption, th.intervention_demonstrated_changes, th.intervention_primary_developer_type, th.intervention_intent, th.intervention_changes_on_outcome_published { min-width: 250px; }

th.sort a { display: block; padding-left: 12px; background: url("../search_portal/img/sort.e93aa40f01f6.png") left bottom 4px no-repeat; }
th.sort.asc a { background-image: url("../search_portal/img/asc.56bd24801f01.png"); }
th.sort.desc a { background-image: url("../search_portal/img/desc.bac72dca965a.png"); }

/* pagination */
.pagination a { padding: .25rem .75rem; text-decoration: none; background: #f2f2f2; color: #117c96; }
.pagination a:hover, .pagination a:focus, .pagination .active a { background: #117c96; border-color: #117c96; color: #fff; }

.property-list li {
    padding-bottom: 10px;
}

ol.determinants, ol.evidence { padding-left: 1em; }

#loading-indicator, #change-owner-spinner, #revert-to-draft-spinner, #set-to-pending-review-spinner {
    position: absolute;
    margin: auto;
    z-index: 9999;
    top: 55%;
    left: 50%;
    display: none;
}
.tabs[tabIndex="0"] {
    display: inline-block !important;
}
.facet-list {
    margin-left: 5px;
    margin-right: 0px;
    padding-left: 10px;
    padding-right: 0px;
}

section {
    outline: 0 !important;
}

.indent-1 {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.indent-2 {
    margin-left: 10px;
    margin-right: 0px;
    padding-left: 10px;
    padding-right: 0px;
}

.indent-3 {
    margin-left: 20px;
    margin-right: 0px;
    padding-left: 20px;
    padding-right: 0px;
}

.collapse-trigger {
    color:#6e4f64;
    font-weight:bold;
    font-size: 20px;
    padding: 10px;
    margin-left:0px;
}


/* search and admin panel styles */
.tab-pane.criteria .facet-list { list-style: none; margin: 0; padding: 6px 10px 0 10px; overflow-y: auto; }
.tab-pane.criteria fieldset.fixed-height .facet-list { max-height: 15em; }
.tab-pane.criteria .facet-list ul, .tab-pane.criteria .facet-list ul ul { max-height: none; overflow: inherit; padding: 0 0 0 20px; }
.tab-pane.criteria .facet-list ul ul { padding: 0; }
.tab-pane.criteria .facet-list li { margin-bottom: 3px; }
.tab-pane.criteria fieldset > div > ul > li { border-bottom: 1px dotted #aaa; padding-bottom: 3px; }
.tab-pane.criteria fieldset > div > ul > li:last-child { border: none; }

/* search panel styles */
#facet-panel fieldset { /*border: 1px solid #ddc9d5;*/ margin-bottom: 1em; background: #fff; }
#facet-panel fieldset legend { margin: 0; padding: .25rem 10px; display: flex; font-weight: bold; background: #f2f2f2; border-radius: 0 5px 5px 0; border-left: 3px solid #ddd; justify-content: space-between; align-items: center; }
#facet-panel fieldset label { font-weight: normal; }
#facet-panel fieldset legend label { font-weight: bold; color: #000; margin: 0; float: none; width: auto; text-indent: 0; }

/* admin panel styles */
.tab-pane .range-input, .tab-pane .input-group-addon { padding: .5rem; }
.input-group-addon { padding: .5rem; }


.facet-select-group-label { margin: .5rem 0 0 0; background: #f7f7f7; padding: .25rem .5rem; font-weight: bold; border-left: 3px solid #ddd; }


.checkbox { padding: 4px 10px; margin: 0 5px; border-bottom: 1px dotted #ccc; }
.checkbox:last-child { border: none; }

#facet-panel input[type=checkbox] { margin-right: 0; height: 16px; }
#facet-panel fieldset label { margin-bottom: 0; float: left; width: 70.5%; text-indent: -19px; margin-left: 17px; }

.btn-search { border-radius: 0 5px 5px 0!important; }
.btn-reset { background-color: #eee; color: #C53929; border-radius: 0 0 5px 5px; border: 1px solid #ccc; border-top: none; width: auto; min-height: 2rem; padding: 5px 18px; margin-bottom: 0; display: block; text-decoration: none; text-align: center; }
.btn-reset:hover, .btn-reset:focus { text-decoration: underline; background: #fff; color: #C53929; }

div[class^="indent-"]:before, div[class^="indent-"]:after { content: ""; display: table; }
div[class^="indent-"]:after { clear: both; }
div[class^="indent-"] { zoom: 1; }


/* search facet toggle */
button.tree-toggle { border-radius: 3px; min-height: 0; padding: 0; height: 20px; width: 20px; line-height: 0px; float: right; border: 1px solid #117c96; }
.tree-toggle svg { height: 12px; width: 12px; }
legend button.tree-toggle svg rect { fill: #000; }
legend button.tree-toggle { background: #fff; border-color: #ccc; align-self: flex-start; margin-top: 2px; }
.facet-list-item button.tree-toggle svg rect { fill: #fff; }
.facet-list-item button.tree-toggle { background: #117c96; } 
/* hide part of SVG to show '-' */
.tab-pane.criteria [aria-expanded="true"] .vert { display: none; }


li.no-hits, fieldset.facet-select.no-options { display: none; }

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    background-color: #337ab7;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    transition: width 0.6s ease;
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.inferior { opacity: 0.5; }

/* modals */

/* full variable lists */
.terms-list { font-weight: normal; }
.terms-list > ul > li { margin-bottom: .5rem; }

/* edit table columns controls */
.orderable-display { overflow: auto; padding: 0; list-style: none; margin-bottom: .25rem; }
.display-field { display: inline; }
.ui-state-highlight { height: 31px; background-color: #ecc739; margin: .25rem 0; }
/* re-sort handle */
.tree-handle { flex-grow: 1; display: flex; align-items: center; border-radius: 3px 0 0 3px; }
.ui-sortable-handle .tree-toggle { border-radius: 0 3px 3px 0; }
.ui-sortable-handle .tree-toggle:hover { cursor: grab; }


b.highlight {
    background-color: #ffd;
    border-radius: 4px;
    border: 1px solid #eee;
}