html { overflow-x:hidden; }
.content-header {
	position: relative;
	padding: 0 0 3px 8px
}

.content-header>.breadcrumb {
    position: relative;
    top: 0;
    right: 0;
    float: none;
    margin-top: 0px;
    padding-left: 10px;
    background: #ecf0f5;
}

.main-footer {
    padding: 7px;
    color: #444;
    border-top: 1px solid #eee;
}

[v-cloak] {
  display: none;
}

.grid-btn{
	margin-bottom:12px;
}
.grid-btn .btn{
	margin-right:10px;
}
.pointer{cursor: pointer;}

.ml-10 { margin-left:0 !important; }
@media (min-width: 768px) {
	.ml-10 { margin-left:10px !important; }
	.col-sm-10 {width: 70%;padding-left: 0px;}
	.col-sm-2 {width: 24%;}
}
tbody > tr > th {font-weight: normal; }
.panel .table { margin:0 0; }
.panel .pagination { margin:0; }
.panel-default>.panel-heading {background-color: #f5f5f5;}
/*.row{*/
	/*border-top: 1px solid #ddd;*/
	/*margin:0;*/
	/*padding:20px 2px 0px 2px;*/
/*}*/
.col-xs-6{padding-left: 0px;padding-right: 0px;}
.form-horizontal .layui-form-item {margin-left:0px;margin-right:0px;}
.form-horizontal{
	width:550px;padding-top:20px;
}

/* 2019-07-22 zym */
.sy-page-head-form > .layui-inline { margin-bottom: 10px; }
.sy-page-head-form .margin-l-15 { margin-left: 15px; }
.sy-page-head-form .layui-form-label { margin-bottom: 0; width: auto; }

.sy-label { padding: 2px 5px; border-radius: 2px; font-size: 12px; }
.sy-margin-l-15 {margin-left: 15px;}
.sy-head { line-height: 34px; overflow: hidden; }
.sy-margin-l-15 {margin-left: 15px;}
.sy-fl { float: left; width: 80px; }
.sy-swipe-box { margin-left: 85px; height: 35px; overflow: hidden; position: relative; }
.sy-swipe-list { transition: all .3s; }
.sy-swipe-item { float: left; margin: 0; }
.sy-swipe-item:not(:last-child) { margin-right: 10px; }
.sy-swipe-item button { margin: 0; }
.sy-swipe-prev,
.sy-swipe-next { position: absolute; top: 50%; transform: translateY(-50%); width: 12px; height: 12px; border-left: 2px solid #666; border-top: 2px solid #666; cursor: pointer; }
.sy-swipe-prev { left: 5px; transform: translateY(-50%) rotate(-45deg); }
.sy-swipe-next { right: 5px; transform: translateY(-50%) rotate(135deg); }

button.sy-btn { padding: 0 14px; height: 36px; line-height: 36px; border-radius: 4px; }
button.sy-btn .layui-icon { font-size: 15px; }

#Selected_Users .layui-inline { margin-right: 5px; line-height: 36px; padding: 2px 3px; }
#Selected_Users .layui-inline .layui-text { display: inline-block; vertical-align: middle; line-height: 24px; padding: 2px 4px; border-radius: 2px; background-color: #33a2f8; color: #fff;}
#Selected_Users .layui-text * { display: inline-block; vertical-align: middle; }
#Selected_Users .layui-inline i { margin-left: 3px; }

#Checked_Users .layui-inline { margin-right: 5px; line-height: 36px; padding: 2px 3px; }
#Checked_Users .layui-inline .layui-text { display: inline-block; vertical-align: middle; line-height: 24px; padding: 2px 4px; border-radius: 2px; background-color: #33a2f8; color: #fff;}
#Checked_Users .layui-text * { display: inline-block; vertical-align: middle; }
#Checked_Users .layui-inline i { margin-left: 3px; }

#Selected_User .layui-inline { margin-right: 5px; line-height: 36px; padding: 2px 3px; }
#Selected_User .layui-inline .layui-text { display: inline-block; vertical-align: middle; line-height: 24px; padding: 2px 4px; border-radius: 2px; background-color: #33a2f8; color: #fff;}
#Selected_User .layui-text * { display: inline-block; vertical-align: middle; }
#Selected_User .layui-inline i { margin-left: 3px; }