/* .mode-fixed-width #content_area{
    display:block;
} */


.mode-average-width #content_area{
    display:flex;
}
.mode-average-width .view_container{
    flex:1;
    display: flex;
    flex-direction: column;
    /* width:35rem; */
}
.mode-average-width .view_content{
    width:auto;
}

/* 新增任务输入框置底 */
#simple_task_add_area.fixed_bottom{
    position: fixed;
    bottom: 5px;
    width: 100%;
    /* left: 300px; */
    flex-direction: column;
    left: 0px;
    display: flex;
    /* background-color: #d3d3d361; */

}
#simple_task_add_area.fixed_bottom .form-inline{
    align-self: center;
    width: 50%;
    padding:5px;
    background-color: #724f4ff0;
    border-radius: 8px;
}

/* .mode-average-width #simple_view>div.task[data-taskid="2"]>div.task{
	float:left;
} */



.view_container.min-show{
    display:none;
}

/* 视图控制条 */
#view-control-bar{
    display:block;
    box-shadow: 2px 2px 2px;
}
#view-control-bar.pos-right{
    position:fixed;
    right:5px;
    /* top:150px; */
    bottom: 20px;
}

/* #bottom-bar-left,#bottom-bar-right{
	width:25%;
	position: fixed;
	bottom:5px;
	align-self: center;
    display: inline-flex;
	background-color: #d3d3d361;
	border-radius: 8px;
	box-shadow: 2px 2px 5px;
}
#bottom-bar-left{
	left:5px;
	float:left;
}
#bottom-bar-right{
	right:5px;
	float:right;
} */

#view-control-bar li{
	/* margin: 5px 5px; */
    /* border: dashed; */
	/* background-color:lightgrey; */
	flex:1;
    border: 1px solid #D0D0D0;
    -webkit-box-shadow: 0 0 8px #d0d0d0;
}
#view-control-bar i{
	color: rgb(221, 122, 50);
    background-color: rgb(211,226,229);
	margin:2px;
    padding:3px;
	cursor:pointer;
	/* border:dashed; */
	/* margin-top: -20px; */
    /* position: relative; */
    /* top: -10px; */
    /* background-color: tan; */
    /* border-radius: 4px; */
}