/* container */
.sepoaux.screen_area > .container{
	overflow-x:hidden;
}

/* common - camera - icon */
.sepoa-mobile-camera-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    background-color: #12B392;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    font-size: 35px;
}

/* common - progress */
.sepoa-mobile-progress-wrapper{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999;
	cursor: default;
	overflow: visible
}
.sepoa-mobile-progress-wrapper .sepoa-mobile-progress{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #ffffff;
	z-index: 3;
	opacity: 0.55;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55);
}
.sepoa-mobile-progress-wrapper .sepoa-mobile-progress-img{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url('imgs/dhxlayout_cell_progress.gif');
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 4;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

/* summary */
.sepoa-mobile-summary-image{
	width:100%;
	height:auto;
}
.sepoa-mobile-summary-image.error{
	display:none;
}

/* summary - list */
.MAINFRAME .sepoaux_component_inner_wrapper.sepoaux_list_inner{
	margin-top:0px;
	padding-top: 32px;
}
.MAINFRAME .dhx_list .dhx_list_default_item,
.dhx_list .dhx_list_default_item_selected{
	border: none;
}
.sepoa-mobile-summary-list{
	height: 80px;
	box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.05);
	border-radius: 10px;
}
.dhx_list .dhx_list_item .sepoa-mobile-summary-list{
	margin:0px 12px;
	width:calc(100% - 24px);
}
.sepoa-mobile-summary-list .sepoa-summary-icon{
    width:32px;
    height:32px;
    background-repeat:no-repeat;
    background-size:80% auto;
    background-position:center;
    margin: 0 auto;
}
.sepoa-mobile-summary-list.sepoa_list_design td{
    font-size:14px;
    line-height: 20px;
}
.sepoa-mobile-summary-list.sepoa_list_design td > span.sepoa-mobile-summary-count{
    font-size:18px;
    line-height: 20px;
    color: #4083ff;
}

/* list - common */
.sepoaux_component_inner_wrapper.sepoaux_list_inner{
	margin-top:0px;
	padding-top: 16px;
	height: calc(100% - 16px);
}

/* filter bar */
.sepoaux_body_outer > .sepoaux_body_inner > .sepoaux_filterbar_outer .sepoaux_filterbar_inner {
	width:calc(100% - 40px);
	height: calc(100% - 32px);
	padding: 16px 20px 0px 20px;
}
.sepoaux_body_outer > .sepoaux_body_inner > .sepoaux_filterbar_outer .condition_container{
	display:none;
}
.sepoaux_component_inner_wrapper.sepoaux_filterbar_inner{
	margin: 0px;
}

/* button */
.sepoaux_component_outer_wrapper.sepoaux_button_outer{
	display:flex;
	align-items:inherit;
	justify-content:inherit;
}
.sepoaux_component_inner_wrapper.sepoaux_button_inner{
	width: calc(100% - 40px);
	padding: 0px 20px;
	display:flex;
	flex: 1;
}
.sepoaux_component_inner_wrapper.sepoaux_button_inner .sepoaux_button{
	display: flex;
}
.sepoaux_component_inner_wrapper.sepoaux_button_inner.sepoaux_wrapper_style_halign_right{
	flex: 0;
	width: unset;
	margin-left: auto;
}