body {
}
#pageTitle {font-size:1.2em; margin-top:10px;}
.tab-pane {
    background-color:#fff;
  background: linear-gradient(white, transparent 20px);
}
/* Scroll each document level the hope is to keep the sidebar from scrolling */
#DRListCtr .scrollDocs {
    max-height:300px; 
    max-height: calc(100vh - 445px);
    overflow-y:scroll; position:relative;
    overflow-x:hidden;
}
#search .scrollDocs {
    max-height:300px; 
    max-height: calc(100vh - 345px);
    overflow-y:scroll; position:relative;
    overflow-x:hidden;
}

#frameCtr {
    padding-bottom:calc(100vh - 110px);
    overflow-x:hidden;
}
#btnNewTab {position: absolute; right:25px; bottom:15px;}
.panel-heading.active {background-color: #ffbf4b;}
.panel-heading.active h4 a {background-color: #ffbf4b; font-weight:bold; text-decoration:none;}
.panel-heading, .scrollDocs li {padding: 0;} /*we'll pad the inner anchor instead*/
.panel-heading h4 a, .scrollDocs a {text-decoration:none; display:block; padding: 10px 15px;} /*no outline, we'll style with background colors*/
.panel-heading h4 a:hover, .scrollDocs a:hover{background-color: rgba(247,232,194,.3);}
.scrollDocs a:active,.scrollDocs a.active{background-color: rgba(247,232,194,.8); border: solid 1px #ffbf4b;} /*displayed document*/
#pnlCollectionChkBx{margin-left:5px;}
hr {margin: 10px 0;} /*tighten up form*/
#collapseSearch .form-inline input[type=text].form-control {max-width:49%;}

/***********CUSTOM MOBILE****************/
/*override hiding at a smaller size*/
#LADBBtStrap .sidebar {
    position: fixed;
    top: 51px;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
}

/*switch to full sidebar and docs in new mobile-friendly tab */
@media (max-width: 767px){
    /*hide */
  .noMobile {display:none;}
  .mobileOnly {display:inline-block;}
  #LADBBtStrap .sidebar{
      width:100% !important;
  }
  /* Keep collections checkboxes from wrapping*/
   #pnlCollectionChkBx .form-inline .form-control {
    width:auto;
    }
    #pnlCollectionChkBx .form-inline input, #pnlCollectionChkBx .form-inline .checkbox, #searchName.form-inline input {
        display: inline-block;
        margin-top: 0 ; margin-bottom: 0;
    }
}
@media (max-width: 992px){
   .col-sm-offset-4 {
    margin-left: 320px;
   }
   .sidebar {
       min-width:320px !important;
       width:320px !important;
   }
   #mainContent.col-sm-8 {
    /*width: 66.66666667%;*/
    width: calc(100% - 320px);
    }
  .panel-heading h4.panel-title, #pnlCollectionChkBx {
    font-size: .9em;
  }
}

#selectedSubtopicPills {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    min-width: 0;
    margin-bottom: 8px;
}

    #selectedSubtopicPills .subtopic-pill {
        display: inline-flex;
        align-items: center;
        max-width: 100%;
        box-sizing: border-box;
        margin: 0 6px 6px 0;
        padding: 6px 9px;
        border-radius: 14px;
        font-size: 13px;
        font-weight: normal;
    }

    #selectedSubtopicPills .subtopic-pill-text {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-right: 7px;
    }

    #selectedSubtopicPills .remove-subtopic {
        flex: 0 0 auto;
        padding: 0;
        border: 0;
        background: transparent;
        color: inherit;
        font-size: 17px;
        line-height: 12px;
        opacity: 0.7;
        cursor: pointer;
    }

        #selectedSubtopicPills .remove-subtopic:hover,
        #selectedSubtopicPills .remove-subtopic:focus {
            opacity: 1;
        }

.subtopic-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#clearAllSubtopics {
    padding: 0;
}