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

#office_activity_order_container{
	width:550px;
	height:49px;
	position:absolute;
	top:0px;
	left:calc(50% - 275px)
}
#office_activity_order_text{
	width:100px;
	height:30px;
	position:absolute;
	top:10px;
	left:0px;
	line-height:30px
}
#office_activity_main_container{
	width:100%;
	height:calc(100% - 350px);
	position:absolute;
	top:49px;
	left:0px;
	border-top:1px solid $color_gray;
	border-bottom:1px solid $color_gray
}
#office_activity_main_container_for_block{
	width:1200px;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	overflow:scroll;
	overflow-x:hidden
}
#office_activity_user_graph{
	width:96%;
	left:2%;
	top:calc(100% - 290px);
	height:280px;
	position:absolute
}
.remove_office_block{
	width:300px;
	height:110px;
	position:relative;
	float:left
}
.office_activity_block_container{
	width:290px;
	top:4px;
	left:4px;
	height:100px;
	position:absolute;
	border:1px solid $color_gray
}
.office_activity_block_header{
	width:290px;
	top:0px;
	left:0px;
	height:28px;
	position:absolute;
	background:$color_lg;
	border-bottom:2px solid $color_gray
}

.office_activity_block_color_container{
	width:260px;
	height:20px;
	left:25px;
	position:absolute;
}
.office_activity_block_color_bar{
	transition:1s;
	height:10px;
	left:0px;
	top:5px;
	width:0%;
	position:relative;
	float:left
}