@import "variables";
@import "window";
@import "navbar";
@import "sidebar";
@import "page";
@import "texteditor";
@import "node_modules/bootstrap/scss/bootstrap";

$fa-font-path: "../../node_modules/font-awesome/fonts";
@import "node_modules/font-awesome/scss/font-awesome";

#joyce_reader {
	overflow: hidden;
	width: 95%;
    height: 100%;
    background-color: rgba(256,256,256,0.5);
    border-left: 1px solid $border_color;
    border-right: 1px solid $border_color;	
}

#joyce_reader > div {
	margin-top: 0.5em;
}

#joyce_search {
	overflow: hidden;
	width: 95%;
    height: 100%;
    background-color: rgba(256,256,256,0.5);
    border-left: 1px solid $border_color;
    border-right: 1px solid $border_color;	
}

#joyce_search > div {
	margin-top: 20px;
}

#search_input {
	width: 100%;
}

#search_results_box {
    overflow-y: scroll;	
	margin-top: 3%;
	height: 75vh;
	border: 1px solid $border_color;
	border-radius: 5px;
	background-color: $search_box_bg;
}

.result_type_group {
	background-color: rgba(250, 250, 250, 0.9);
    margin: 0 -2%;
    padding: 2%;
    border-radius: 5px;
    border: 1px solid $border_color;
}