/* Contents: 
 *    searchbox.css
 */
/* File: /odin/apps/cfb/template/css/searchbox.css */ 
/* ----- SEARCHBOX ----- */

.searchbox-page .has-quicklinks .content-side {padding: 3rem 0 0 3rem;}

#searchbox fieldset {
    overflow: initial;
    display: block;
    clear: both;
}

#searchbox-data {
    background-color: #fff;
    border: solid 1px #EEE;
}

#searchbox legend {
    background-color: #172D55;
    color: white;
    font-weight: 500;
    padding: 1rem 1.6rem;
    letter-spacing: 1px;
    margin: 0 0 .2rem 0;
    clear: both;
    overflow: auto;
    line-height: normal;
    text-transform: lowercase;
}

#searchbox legend .search-title {text-transform: capitalize;}

#searchbox legend .no-prefix {
    text-transform: none;
}

#searchbox.has-go-button fieldset {
    background: #eee;
    margin: 0 0 1px 0;
}

#searchbox.has-go-button label {
    width: 40rem;
    max-width: 76%;
}

#searchbox.has-go-button label input {
    width: 100%;
    min-width: 1px;
}

#searchbox.has-go-button button {
    margin: 0;
    line-height: 3.2rem;
    max-width: 20%;
}

#searchbox .options-wrapper {
	background-color: #eee;
	position: relative;
	overflow: auto;
}

#searchbox .options-wrapper .name,
#searchbox .terminated {border-right: solid 2px #fff;}

#searchbox label {
    margin: 0;
    padding: 1rem;
    line-height: 3rem;
}

#searchbox input {
    margin: 0;
    padding: 0 .5rem;
    line-height: 2.8rem;
    font-weight: lighter;
    min-width: 400px;
}
#searchbox button{
    line-height: 2.8rem;
    padding: 0 1.5rem;
    margin: 0;
    display: inline-block;
}
#searchbox .options-wrapper .name input {
	margin-left: .5rem;
	max-width: 100%;
	vertical-align: top;
}

#searchbox .terminated input,
#searchbox .match input {margin-right: .5rem;}

#searchbox button .fa {margin-right: .5rem;}

#searchbox-data .selected{
	background: #b9d6ec;
}

#searchbox-data .search-results {
    display: block;
    clear: both;
    border: solid 1px #eee;
    padding: 0;
    margin: 0;
    position: relative;
}

#searchbox-data .fa-caret-up {
    font-size: 2.6rem;
    position: absolute;
    top: -1.7rem;
    left: 12rem;
    color: #fff;
}

#searchbox-data .button .fa {
    margin: 0 .6rem 0 0;
	padding: .4rem .48rem;
    border-radius: .3rem;
    color: #172D55;
}

#searchbox-data .terminated .button .fa {background-color: #E4A8A8;}
#searchbox-data .not-terminated .button .fa {background-color: #BCE4A8;}

#searchbox-data > div > div {
	line-height: 2rem;
    border-bottom: solid 3px #fff;
    border-top: solid 1px #eee;
    padding: 0rem 1rem;
}

#searchbox-data > div > div:last-child {border-bottom: 0;}

#searchbox-data .pagination {margin: 1rem 1rem .5rem 1rem;}






/* ----- CONTROLS ----- */

.controls {margin: 0 0 2rem 0;}

/* show-per-page */

.controls .results-per-page {
    padding: 0;
    margin: 0 0 2rem 0;
    font-size: 1.2rem;
    color: #545454;
}

.controls .results-per-page label {
    margin: 0 .5rem 0 0;
    text-transform: uppercase;
    font-weight: 500;
}

.controls .results-per-page select {
    vertical-align: top;
    margin: 0 .2rem 0 .1rem;
}

.controls .results-per-page p {
    display: inline-block;
    margin: 0;
    font-style: italic;
    text-transform: capitalize;
}

/* options pane */

.options-pane .dropdown-menu{
	max-height: 20rem;
	overflow: auto;
}

.options-pane .dropdown-menu. .size-small .fa{ font-size: 1rem; }
.options-pane .dropdown-menu. .size-large .fa{ font-size: 1.4rem; }

/* csv download */

.controls .row {
    background-color: #ccc;
    margin-left: 0;
    margin-right: 0;
}

.controls .download-data {
    background-color: #eee;
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
    border: solid #fff;
    border-width: 0 0 4px 4px;
    float: right;
    overflow: auto;
    min-height: 13rem;
}

.controls .download-data dl {
    margin: 0;
    padding: 1rem 1.2rem 0 1.2rem;
}

.controls .download-data dt {
    background-color: #ccc;
    padding: 0 1.2rem;
    margin: -1rem -1.2rem 1rem -1.2rem;
    line-height: 3.8rem;
}

.controls .download-data dd {
    margin: 0 0 1rem 0;
}

.controls .download-data dd label {
    margin: 0;
    padding: 0;
}

.controls .download-data label input {
    text-align: right;
    max-width: 12rem;
    margin: 0;
    padding: 0 .3rem 0 0;
}

.controls .download-data .dot-csv {
    padding: 0 0 0 .3rem;
}

.controls .download-data button {width: 100%;}



/* pagination controls */

.controls .pagination-controls {
    clear: left;
    margin: 0;
    background-color: #eee;
    min-height: 9.2rem;
    border-bottom: solid 4px #fff;
    padding: 2.8rem 0 0 0;
}

.controls .pagination-controls .pagination {margin: 0;} /* remove bootstrap style */