// Place all the styles related to the statistic controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/


///////////////////////////// Export /////////////////////////////

#stat_export_background{
	width:calc(100% - 301px);
	height:100%;
	position:absolute;
	top:0px;
	left:301px;
	background:$color_gray;
	opacity:0.5
}
#stat_export_left_container{
	width:300px;
	height:100%;
	top:0px;
	left:0px;
	position:absolute;
	border-right:1px solid $color_gray
}

.stat_export_table_head{
	background:$color_red;
	color:$color_white;
	position:absolute;
	left:0px;
	line-height:30px;
	width:100%;
	border-bottom:1px solid $color_gray;
	text-align:center;
}

.stat_export_filter_container{
	width:280px;
	height:30px;
	position:relative
}
#stat_export_button{
	position:absolute;
	left:50px;
	width:200px;
	bottom:10px
}
#stat_export_main_container{
	width:calc(100% - 301px);
	height:50%;
	position:absolute;
	top:0px;
	left:301px
}

.stat_export_block_outer_container{
	width:calc(100% / 3 - 5px);
	height:100%;
	position:relative;
	float:left
}
.stat_export_block_inner_container{
	width:calc(100% - 20px);
	height:calc(100% - 20px);
	position:absolute;
	top:9px;
	left:9px;
	border:1px solid $color_gray;
	background:$color_lg
}
.stat_export_block_search_container{
	width:100%;
	height:50px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:20
}
.stat_export_block_table_container{
	background:$color_white;
	overflow:scroll;
	overflow-x:hidden;
	width:100%;
	height:calc(100% - 82px);
	position:absolute;
	top:50px;
	left:0px;
	border-top:1px solid $color_gray;
	border-bottom:1px solid $color_gray
}
.stat_export_block_table_divider{
	width:1px;
	height:calc(100% - 82px);
	position:absolute;
	top:51px;
	right:10px;
	background:$color_gray
}
.stat_export_block_cb_container{
	width:calc(100% - 20px);
	bottom:0px;
	left:10px;
	height:30px;
	position:absolute
}
.stat_export_block_table_hider{
	overflow:hidden;
	transition:0.5s;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;left:0px;
	background:$color_lg;
	z-index:100;
	opacity:0.5
}
.stat_export_block_table_hider_text{
	position:absolute;
	top:calc(50% - 15px);
	left:0px;
	line-height:30px;
	width:100%;
	text-align:center;
}

/////////////////////////// stat/oper ////////////////////

#stat_oper_calendar_container{
	width:330px;
	top:0px;
	left:0px;
	height:410px;
	position:absolute;
	border-bottom:1px solid $color_gray;
	border-right:1px solid $color_gray
}
#stat_oper_filter_container{
	
	width:280px;
	height:410px;
	top:0px;
	left:330px;
	position:absolute;
	border-bottom:1px solid $color_gray;
	border-right:1px solid $color_gray
}
#stat_oper_filter_search{
	width:279px;
	top:0px;
	left:1px;
	height:50px;
	float:left;
	z-index:40;
	position:absolute
}
#stat_oper_filter_head_text{
	top:50px;
	position:absolute;
	left:0px;
	line-height:30px;
	width:100%;
	border-top:1px solid $color_gray;
	text-align:center;
}
#stat_oper_filter_cb_container{
	width:270px;
	top:90px;
	left:10px;
	height:120px;
	position:absolute
}
.stat_oper_filter_cb_container{
	width:100%;
	height:40px;
	position:relative
}
.stat_oper_filter_cb_text{
	width:220px;
	top:0px;
	left:35px;
	height:30px;
	position:absolute;
	line-height:30px;
	color:$color_db;
}

#stat_compare_update_button{
	top:370px;
	left:40px;
	width:200px;
	background:$color_blue;
}
#stat_compare_update_button_hider{
	top:370px;
	left:150px;
	width:200px;
	height:30px;
	position:absolute;
}
#stat_compare_parameters_hider{
	cursor:default;
	-webkit-user-select: none;
	transition:1s;
	z-index:15;
	opacity:0.8;
	width:calc(100% - 1px);
	height:359px;
	top:51px;
	left:1px;
	position:absolute;
	line-height:339px;
	background:$color_lg;
}
#stat_compare_main_graph{
	width:calc(100% - 631px);
	height:390px;
	top:10px;
	left:621px;
	position:absolute;
}
#stat_compare_main_table{
	width:100%;
	height:calc(100% - 411px);
	bottom:0px;
	left:0px;
	position:absolute;
}

/////////////////////////////////// stat/day //////////////////////////
#stat_day_left_container{
	width:330px;
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	border-right:1px solid $color_gray
}
#stat_day_left_container_search{
	width:330px;
	height:50px;
	z-index:40;
	position:absolute;
	left:0px;
	top:0px;
	border-bottom:1px solid $color_gray
}
#stat_day_left_container_calendar{
	width:330px;
	height:375px;
	position:absolute;
	left:0px;
	top:50px;
	border-bottom:1px solid $color_gray
}
#stat_compare_lines_container{
	width:calc(100% - 330px);
	position:absolute;
	top:0px;
	left:330px;
	height:calc(100% - 0px);
	overflow:scroll;
	overflow-x:hidden
}

///////////////////////////// stat /day compare //////////////////////

.stat_dc_block_hider{
	width:270px;
	height:150px;
	top:0px;
	position:absolute;
	z-index:50
}
#stat_compare_select_container{
	width:300px;
	height:150px;
	position:absolute;
	top:0px;
	left:calc(50% - 150px);
	transition:0.5s;
	z-index:12;
	background:$color_white
}
#stat_compare_button{
	top:10px;
	left:calc(50% - 75px);
	width:150px
}
.stat_dc_search_container{
	width:280px;
	left:calc(50% - 140px);
	height:50px;
	float:left;
	z-index:40;
	position:absolute
}
#stat_compare_main_blur_container{
	transition:1s;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	position:absolute;
	z-index:1
}
#stat_dc_main_graph{
	;transition:1s;
	width:calc(100% - 600px);
	left:300px;
	top:10px;
	height:290px;
	position:absolute
}
#stat_dc_main_table{
	width:calc(100% - 540px);
	left:270px;
	bottom:0px;
	height:calc(100% - 350px);
	position:absolute
}