@import url('../../commons/css/fsg-paper.css');
@import url('../../commons/css/navbar.css');
@import url('../../commons/css/app-launcher.css');
@import url('../../commons/css/FSG-icons/styles.css');
@import url('../scripts/node_modules/select2/dist/css/select2.css');
@import url('../scripts/node_modules/select2-bootstrap-theme/dist/select2-bootstrap.css');
@import url('../scripts/node_modules/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.css');
@import url('../scripts/node_modules/ionicons/css/ionicons.min.css');
@import url('../scripts/node_modules/toastr/build/toastr.min.css');
@import url('../scripts/node_modules/typeahead.js-bootstrap3.less/typeahead.css');

body {
	background-color: #ececec;
}
/* Market Tree Styles*/
.mag {
	display: inline-block;
	float: left;
	height: 30px;
	width: 25px;
	font-size: 25px;
	color: #134ea2;
	line-height: 35px;
}

.searchbox .twitter-typeahead {
	width: 90%;
}

.tt-hint {
	opacity: 0 !important;
}

#marketQuickAdd,
#indicatorQuickAdd {
	height: 29px;
}

.tree-market,
.select-all,
.unit-tree {
	color: #134ea2;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.tree-market.market-selected,
.select-all.market-selected,
.unit-tree.indicator-selected {
	color: #ef6c00;
}

.tree p {
	margin-bottom: 0px;
}

/* End Market Tree Styles */

span.sort {
	cursor: pointer;
}

.sort-arrow {
	padding-left: 5px;
}

tr.result-row td {
	cursor: pointer;
}

tr.result-row td.editable {
	cursor: default;
}

.panel-primary > .panel-heading {
	background-color: #ffffff;
	color: #134ea2;
	border-bottom: 2px solid;
}

.modal.modal-fullwidth,
.modal.modal-fullscreen {
	/* Maximize the main wrappers on the screen */
	/* Make the parent wrapper of the modal box a full-width block */
	/* Remove borders and effects on the content */
	/**
	 * /!\ By using this feature, you force the header and footer to be placed
	 * in an absolute position. You must handle by yourself the margin of the
	 * content.
	 */
}
.modal.modal-fullwidth .modal-dialog,
.modal.modal-fullwidth .modal-content,
.modal.modal-fullscreen .modal-dialog,
.modal.modal-fullscreen .modal-content {
	overflow-y: auto;
}

.modal.modal-fullwidth .modal-dialog,
.modal.modal-fullscreen .modal-dialog {
	margin: 2vh auto 2vh auto;
	width: 95vw;
}

.modal.modal-fullscreen .modal-content,
.modal.modal-fullscreen .modal-dialog {
	height: 95vh;
}

.modal.modal-fullwidth .modal-content,
.modal.modal-fullscreen .modal-content {
	width: 95vw;
}

.modal.modal-fullwidth .modal-footer,
.modal.modal-fullscreen .modal-footer {
	bottom: 0;
}

.left-align {
	text-align: left !important;
}

table.crm-results tr:nth-child(even) {
	background-color: #e0e8f4;
}

table.crm-results > thead > tr > th,
.table > thead > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	padding: 5px;
	line-height: 1.6;
}

#users .select2-selection__rendered {
	max-height: 200px;
	overflow-y: auto;
}

.inactive {
	opacity: 0.6;
}