/* mirrors #sidebar in rm_docs.css */
#filters {
    position: fixed;
    /* background: #EFEFEF; */
    height: calc(100vh - 60px);
    overflow-y: scroll;
    padding: 15px 15px 30px;
    width: 300px;
    z-index: 1;
}

/* mirrors #contentFloat in rm_docs.css */
#search-results {
    margin-left: 300px; /*offset by the width of the sidebar*/
    max-width: 1200px;
}
/* mirrors #contentBody in rm_docs.css */
#hits {
    width: 100%;
    max-width: 1000px;
    padding: 5px 15px 5px;
    margin: 0 auto;
}
/* mirrors #contentBody in rm_docs.css */
#pagination {
    width: 100%;
    max-width: 1000px;
    padding: 5px 15px 30px;
    margin: 0 auto;
}


/* search box */

/* stolen from rm_docs.css via DOC-143 */
div#search-container{
    margin-top: 10px !important;
    min-height: 40px !important;
    float: right;
    min-width: 360px;
    max-width: 500px;
    background: transparent;
    padding: 0;
}

div.ais-SearchBox input {
    width: 300px;
    height: 26px;
}

img.search-by-algolia {
    float: right;
    margin-top: 10px !important;
}


/* filters */

#filters h4 {
    padding-left: 1em;
    padding-bottom: 1em;
}

ul.ais-RefinementList-list {
    list-style-type: none;
}

li.ais-RefinementList-item {
    margin-bottom: 0.5em;
}

#products span.ais-RefinementList-count {
    background: #f5f5fa none repeat scroll 0% 0%;
    border: 1px solid #b6b7d5;
    border-radius: 99999px;
    color: #23263b;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
    margin-left: 0.5rem;
    overflow: hidden;
    padding: 0 0.25rem;
}

#versions span.ais-RefinementList-count {
    display: none;
}


/* hits */

.ais-Hits-list {
    list-style: none;
}

p.hit-breadcrumb {
    font-family: arial, sans-serif;
    font-size: 14px;
    color: #888888;
}

/* pagination, see also algolia.js */

ul.ais-Pagination-list {
    list-style-type: none;
    display: inline-block;
    margin-top: 1em;
}

li.ais-Pagination-item {
    display: inline;
    margin: 1em;
}

/*==============RESPONSIVE DESIGN==============*/

@media (min-width: 992px){

    #filters{left: 0 !important;}
    #search-container{display: block !important;}
    #menuCollapse, #searchCollapse{display: none;}

    #search-results{width: calc(100vw - 300px);}

}

/*for smaller devices*/
@media (max-width:992px){

    /* search box */
    /* stolen from rm_docs.css via DOC-143 */
    div#search-container{
        margin-top: 10px !important;
        min-height: 40px !important;
        float: right;
        min-width: 200px;
        max-width: 300px;
        background: transparent;
        padding: 0;
    }

    div.ais-SearchBox input {
        width: 160px;
        height: 26px;
    }

    img.search-by-algolia { display: none; }

    /* filters */
    #filters {left: -300px; transition: 0.5s; -webkit-transition: 0.5s;}
    #filters.show {left: 0px;}

    /* search-results */
    #search-results {margin-left: 0px;width: 100%;}
    #hits h1, .breadcrumb{text-align: left;}

    ol.ais-Hits-list { padding: 0px 0px 0px 20px; }

}