/*#region General CSS for Statistics page*/

#StatFullScreenIcon span {
	margin-top: -35px;
}

/*#endregion*/

/*#region Styling the statistics content *********************/
#BMarkStatisticsContent {
	margin-bottom: 80px;
}

/*Style for the Statistics header and sub heder content field*/
#statContentField {
	padding: 0.2px 5px 10px 5px;
	margin-bottom: -6px;
}

/*Style for the small icon buttons used in the stat tables*/
.statEditBtn {
	background: transparent !important;
	color: #000000;
	border: none !important;
}

#BMarkStatisticsSubHeader {
	margin-bottom: 5px;
	font-size: 18px;
	line-height: 1;
}

div#statInvolvedAddr1 {
	margin-left: 0;
	margin-bottom: 12px;
}

div.input-group.addrInvInputGroup {
	float: left;
}

/*Style for loading spinner 1 */
div#statTableLoader1 {
	left: 25%;
	margin-top: 50%;
}
/*Style for loading spinner 2*/
div#statTableLoader2 {
	left: 75%;
	margin-top: 50%;
}

/*Make sure that the Statistics tables do not ignore white space*/
#StatTable1, #StatTable2 {
	white-space: -moz-pre-wrap;
	white-space: -webkit-pre-wrap;
	white-space: pre-wrap;
	margin-top: 10px !important;
}

/*Set width and float on duration inputs*/
#statDurationColumn1, #statDurationColumn2 {
	float: left;
	max-width: 334px;
	margin-left: 15px;
}

.statDurSelectShowAll {
	margin-left: 31px;
	float: left;
}

/* Set max width for the  stat columns. This makes it easier when fullscreen mode is enabled */
#statColumn1InputArea div.row:not(.statColumnHeaderRow), #statColumn2InputArea div.row:not(.statColumnHeaderRow) {
	max-width: 471px;
}


/*Style for the label for an input. The element is a span with class input-group-addon*/
span.input-group-addon.statSpan {
	font-weight: normal;
	text-align: left;
	padding: 7px 2px 7px 4px;
	max-width: 60px;
}



/*Styling the dropdown for choosing duration of a benchmark*/
input.StatDurationDropDown {
	margin-left: -8px;
	max-width: 90px;
}

/*Style for font awesome icons inside an input element. The icon should inside a span element with class "fa fa-whatever" */
.dropDownIcon {
	float: right;
	margin-top: -21px;
	margin-right: 85px;
}

select.StatAddrInvDropDown {
	height: 28px;
	margin-top: -1px;
	max-width: 130px;
	margin-left: -20px;
	margin-right: -50px;
	float: left;
}

div.checkBoxGroupAddrInvDiv {
	margin-top: 6px;
}

div.input-group.statTypeInputGroup, .causeAndProjectIdRow > .input-group:first-of-type, .addrCauseAndProjectIdRow > .input-group:first-of-type {
	float: left;
	margin-right: 10px;
}

.statTypeAndCategoryRow, .causeAndProjectIdRow, .addrCauseAndProjectIdRow {
	margin-left: 0;
}


div.row.GetStatsBtn {
	margin-left: 0;
	margin-bottom: 40px;
}


/*Style for the dropdowns for selecting data base for pie charts*/
#Pie1Option, #Pie2Option {
	max-width: 110px;
	min-height: 29px;
	padding-top: 4px;
}

/*Styling the text telling there's no data for the period chosen*/
#noDataToShowStat1, #noDataToShowStat2 {
	line-height: 1;
	color: #000000; /*Black*/
}

/*Class used for the type inputs*/
.statType {
	margin-left: -20px;
	margin-top: -1px;
}

.statCategoryDiv {
	margin-left: -20px;
}

.statCategorySelect {
	margin-left: -10px;
}

/*Style for the top header inside a statistics column*/
div.statColumnHeaderRow {
	text-align: center;
	background-color: #2ba5d7;
	margin: 0px -16px 10px -16px;
	border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
}

/*Style for the headers in a statistics column*/
h3.statColumnHeader {
	font-size: 17px;
	margin-top: 6px;
	margin-bottom: 6px;
	font-weight: bold;
	color: white;
}



/*Style for a statistics column*/
div.well.statisticsColumn {
	padding: 0px 15px 0px 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 4px;
	width: 50%;
}

#statColumn1 {
	margin-right: 20px;
}
/*As the stat columns positions are absolute, we need a big margin for correct displaying here*/
#statColumn2 {
	margin-left: 50%;
}

#StatAddrInvolvedSelect1, #StatAddrInvolvedSelect2 {
	min-width: 132px;
}
/*Style for the checkboxes used for duration */
div.checkbox.statDurationCheckbox {
	margin-left: -11px;
	margin-top: 6px;
}

/*Placing the pie charts*/
#Pie2OptionContainer, #Pie1OptionContainer {
	top: 30px;
	bottom: 20px;
}

/*Color for the pie chart label backgrounds*/
.pieLabelBackground {
	min-height: 45px;
}


#statInvolvedAddr2 {
	margin-bottom: 12px;
}

#statAddrTableLoader {
	background: url(../../../../../../App_Themes/BlueIdeaTheme/images/balarm_loader.gif) no-repeat 0 0;
	width: 64px;
	height: 64px;
	margin-left: 47%;
}

#statAddrTableLoaderRow h4 {
	text-align: center;
	margin-left: 15px;
}

/*Style for GetStats buttons*/
#GetStats1, #GetStats2, #getAddrStatsBtn {
	padding-top: 2px;
	padding-bottom: 2px;
}


#editModalDialog {
	top: 40%;
}




/*#endregion  Statistics content*/

/*#region Address table area*/

/* Duration input*/
#addrStatDuration {
	width: 389px;
	display: inline-flex;
	-webkit-transform: translateY(-4px);
	-ms-transform: translateY(-4px);
	transform: translateY(-4px);
}

#statDurationInput {
	width: 340px;
}


/*Set min width of the duration input*/
#addrStatDurationSelect {
	min-width: 73px;
	max-width: 80px;
}

#addrDurSelectShowAll {
	min-width: 70px;
}

/*Styling date inputs and the checkbox for "Alle"*/
#addrStatPeriodFromDateField {
	margin-left: 35px;
	margin-right: 40px;
}

#addrStatPeriodFromDateField, #addrStatPeriodToDateField {
	width: 184px;
	display: inline-block;
}


/*Style addr affected input div*/
#addrStatAffectedAddr {
	max-width: 333px;
	display: inline-block;
	margin-right: 90px;
}

/*Width for the address involved select is special for firefox*/
#addrStatAddrInvolvedSelect {
	width: -moz-available;
	width: -webkit-fill-available;
}



/*Set width for the "To Date" input - for allignment*/
#addrStatPeriodToDate {
	width: 122px;
}

/*Style for type input and category input*/
#addrTypeInputDiv {
	width: 198px;
	margin-right: 26px;
}

#addrTypeInputDiv, #addrCategoryInputDiv {
	display: inline-table;
}

#addrCategoryInputDiv {
	width: 222px;
}

/*Style for the row containing address affected input and type and category select*/
#addrAffCatTypeRow, #addrGroupBySelectDiv, .addrCauseAndProjectIdRow {
	margin-top: 1.2em;
}

#addrStatAddrInvolvedSelect, #addrShowAddrsAffectedSpan, #addrStatTypeSelectText, #AddrStatTypeSelect, #addrStatCategorySelectText, #AddrCategorySelect, #addrGroupByDropdownSelect {
	height: 30px;
}



#addrShowAddrsAffectedSpan, #addrStatCategorySelectSpan, #addrStatTypeSelectSpan {
	font-weight: bold;
	font-size: 16px;
}



#addrGroupBySelectDiv, .addrCauseAndProjectIdRow {
	max-width: 476px;
}

/*Make this row's first child half the width of the #addrGroupBySelectDiv minus 16px. This will make the inputs better align with the group by select div element*/
.addrCauseAndProjectIdRow > .input-group:first-of-type{
	max-width: calc(((476/2) * 1px) - 16px);
}


/*Set top margin for the getstats button div - this is needed for it to be positioned correctly*/
#getAddrStatsBtnDiv {
	margin-top: 2%;
	margin-bottom: 3%;
	float: left;
	clear: both;
}

/*Position for the checkbox for "Grupper addresser"*/
#addrStatDurCheckBoxDiv {
	margin-top: 5px;
	margin-left: 7px;
}

/*Position of loading spinner*/
#addrStatTableLoader {
	left: 50%;
	margin-top: 15%;
}


/*Setting margin for the filter input on the address table - for allignment!*/
#AddressTable_filter {
	margin-right: -2px;
}

#AddressInfoContainer {
	padding: 0.2px 5px 10px 15px;
}

#addrInfoHeader {
	margin-bottom: 20px;
}

#MapPanel {
	margin-top: 15px;
}
/*#endregion Address table area*/