/* last modifyed : 20190906.01 */	

.auigrid-mobile-count { padding : 5px; }
.auigrid-mobile-sort{
	width: 60px;
    height: 100%;
    float: right;
    padding-right: 8px;
    padding: 5px;
}
.auigrid-mobile-sort > i{
    float: right;
    padding-top: 4px;
}
.auigrid-mobile-sort > div{
    float: right;
    padding-right: 3px;
}


.auigrid-mobile-sort-inner { width:190px; max-height:300px; overflow:auto; float:right; border-radius:8px; border:1px solid #908a8a; padding:10px; 
    z-index: 1;
    position: absolute;
    top: 32px;
    right: 16px;
	background: #fff;
}

.auigrid-mobile-sort-inner ul.sort-field { display:table;  list-style: none; margin: 0; }
.auigrid-mobile-sort-inner ul.sort-field li { margin:0; padding:0; box-sizing:border; display:table-cell; vertical-align:middle;  }

.auigrid-mobile-sort-inner ul.sort-field li.tit ,
.column-change-pannel ul.column-field .tit
{ 
	width:110px;
 	display:inline-block; 
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	overflow:hidden;  
	margin-right: 10px;
	font-size : 12px;
	padding-top: 2px;
}

.column-change-pannel ul.column-field input
{ 
	margin-top : 2px;
}

.auigrid-mobile-sort-inner ul.sort-field { 
	padding:5px;
	margin-bottom: 2px;
	}
.auigrid-mobile-sort-inner ul.sort-field.active {
	border-radius:5px; 
	background:#333; 
	color:#fff;
}

.auigrid-mobile-sort-inner ul.sort-field li.sort_desc:before  { content:"↑"; width:30px;  height:17px; font-weight: 900; border-radius:5px; border:1px solid #a7a2a2;	color:#000; text-align:center; display:inline-block; background:#fff; line-height: 1.2;  }
.auigrid-mobile-sort-inner ul.sort-field li.sort_asc:before  {content:"↓"; width:30px; height:17px; font-weight: 900; border-radius:5px; border:1px solid #a7a2a2; color:#000; text-align:center; display:inline-block;background:#fff;      line-height: 1.2;   }

.auigrid-mobile-sort-inner sup { padding-left: 2px; font-size:10px; }



.column-change-pannel { 
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
	font-size : 12px;
	padding-top: 28px;
	max-height : 400px;
	height : calc(100% - 17px);
}

.column-change-pannel .pannel-inner { 
	width:170px; float:right; border-radius:8px; border:1px solid #908a8a; 
	background: #fff;
	display : none;
}

.column-change-pannel .pannel-inner .column-wrap{ 
	height: calc(100% - 45px) !important; 
	padding: 10px 5px 0px 10px;
} 

.column-change-pannel.active .pannel-inner { 
	display : block;
}

 .pannel-open { 
	position: absolute; 
	top: 2px;
    left: 2px;
	width: 38px; height:23px; 
	background: center no-repeat url(../../images/AUIGrid/filter.png); 
	text-indent:-9999px; 
	cursor:pointer;
	background-color : #fff;
}

.column-change-pannel .beo-checkbox {margin-top : 0px;}

.column-change-pannel ul.column-field { display:table;  list-style: none;     margin: 0 0 2px; }
.column-change-pannel ul.column-field li { margin:0; padding:0; display:table-cell; vertical-align:middle;  }
.column-change-pannel ul.column-field .tit { padding-left : 7px;}


.column-change-pannel .utils-wrap {       margin: 10px;  display:flex;  justify-content: center; }
.column-change-pannel .utils-wrap .btn-sort { margin:0 2px; width:80px; border:1px solid #e6e6e6; text-align:center; padding:3px 5px; border-radius:5px; }
.column-change-pannel .utils-wrap .save-sort  { background:#0085ce; color:#fff;  cursor:pointer; }
.column-change-pannel .utils-wrap .reset-sort  { background:#efefef; cursor:pointer; }

.beo-search-index{
	position: absolute;
	top:33px; 
	right: 20px; 
	z-index: 2; 
	width: 25px;
	background-color: rgba(171, 171, 175, 0.3);
	border-radius: 10px;
}

.beo-button.alpha-btn {
    background-color: transparent;
    color: #0322fd;
    margin-bottom: 2px;
    height: 23px;
    width: 25px;
    line-height: 25px;
    font-weight: 600;
}