.yasgui {
	position:relative;
	@import "mixins.scss";
	@import "../../node_modules/yasgui-yasqe/src/scss/mixins.scss";
	@import "bootstrap.scss";
	// @import "../../node_modules/jquery-ui/themes/base/jquery.ui.resizable.css";
	@import "yasqe.scss";
	@import "yasr.scss";
	@import "tab.scss";
	@import "menu.scss";
	@import "controlbar.scss";
	@import "tracker.scss";
	// @import "../../node_modules/selectize/dist/css/selectize.css";
	// @import "../../node_modules/selectize/dist/css/selectize.bootstrap3.css";


	/**used by both YASQE and/or YASR**/
	@import "cssIncludes/foldgutter";
	@import "cssIncludes/fullscreen";
	@import "cssIncludes/codemirror";
	@import "cssIncludes/jquery.dataTables";
	@import "cssIncludes/jquery.ui.resizable";
	@import "cssIncludes/pivot";
	@import "cssIncludes/selectize.bootstrap3";
	@import "cssIncludes/selectize";
	@import "cssIncludes/leaflet";


}
/**
Some classes so we can easily show/hide element using classes from parent
Use by SPARQL stories
**/

.stories {
	&.hideTabs .yasgui .mainTabs {
		display:none;
	}
	&.hideYasqe .yasgui {
		.controlbar, .yasqe {
			display:none;
		}
	}
	margin: 15px 0;
	.geoHint {
		//hint displayed in yasr about using <geo>Label
		//not needed in a story
		display:none;
	}
}