@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/bootstrap-daterangepicker/daterangepicker.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/ionicons/css/ionicons.min.css');
@import url('../scripts/node_modules/toastr/build/toastr.min.css');

body {
	background-color: #ececec;
}

input[type='checkbox'].disabled:after {
	border-color: #bbbbbb;
}

/* 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;
}

.select2-results__option[aria-selected='true'] {
	display: none;
}

#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 */

.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;
}

/* Favorite */
#favorite-button {
	color: #666;
	cursor: pointer;
	font-size: 30px;
}

a.favorite > i {
	color: #d32125 !important;
}

/* Table styles */
#header-rows .sort {
	cursor: pointer;
}

.report-holder tr:nth-child(even) {
	background-color: #e0e8f4;
}

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

.report-holder thead > tr > th:first-of-type {
	padding-left: 0;
}

.report-holder .sort-arrow {
	margin-left: 2px;
}

#report #primaryDateGrouping .select2-container--bootstrap .select2-selection {
	font-size: 15px;
	color: #666666;
}

#report .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
	border-color: #666666 transparent transparent transparent;
}

#header-rows .select2-container--bootstrap {
	padding-bottom: 2px;
}
/* End table styles */

span.select2-selection {
	padding: 5px !important;
}

.column-locked {
	background-color: #eee !important;
}

.column-locked > .select2-selection__choice__remove {
	cursor: default !important;
}

.column-locked > .select2-selection__choice__remove:hover {
	color: #999 !important;
}

.share-report {
	margin-left: 10px;
}

.report-container .popover {
	max-width: none;
	width: 350px;
}