a { color: #333; }
a:hover, a:active, a:focus { color: #333; }
li { list-style: none; }
.error { color: #dd4b39; font-weight: normal; }

/* modal size */
.modal-small { width: 360px; }
.modal-smaller { width: 300px; }
.main-header .logo .logo-lg img { vertical-align: text-top; }
.main-header .logo .logo-lg b { font-size: 16px; margin-left: 5px; }
.margin-top { margin-top: 10px; }
.margin-left { margin-left: 10px; }
.margin-right { margin-right: 10px; }
.select-sm { width: 120px; }
.skin-green-light .sidebar-menu .menu-open > a { color: #00a65a !important; }
.skin-green-light .sidebar-menu .treeview-menu > li.active > a, .skin-green-light .sidebar-menu .treeview-menu > li > a:hover { color: #00a65a !important; }
.gray-bg { background-color: #ecf0f5; }
.treeview-menu > li > a { cursor: pointer; }

.box-filter-wrap { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; }
.box-filter-wrap li a { display: block; width: 100px; height: 30px; background-color: #f7f7f7; text-align: center; line-height: 30px; margin-right: 10px; }
.box-filter-wrap li.all a { border-left: 4px solid #ccc; }
.box-filter-wrap li.active a { background-color: #ddd; }
.msg-wrap { padding: 5px; border: 1px solid #ffe792; background-color: #fffedf; line-height: 0; vertical-align: middle; margin: 0 15px; }
.msg-wrap .icon-error { font-size: 16px; color: red; vertical-align: text-top; }
.msg-wrap .msg-error { margin-left: 5px; margin-bottom: 0; }
.msg-wrap .msg-error .error { color: red; font-size: 12px; }

.s-input { width: 100px; display: inline-block; }
.item-box { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 0; }
.item-box > li > .unit { padding: 8px; }
.item-box > li > .name { padding-right: 8px; display: inline-block; width: 95px; }
.item-box .item-sm { margin-right: 30px; }
.error-tip { color: red; font-weight: normal; margin-left: 5px; }

/*对话框样式*/
.modal-message-dialog { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }


/**表格加载效果样式**/
.datagrid-loading { position: fixed; z-index: 9999; background-color: rgba(0,0,0,.3); }
.datagrid-loading > p { text-align: center; width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; }
.datagrid-loading > p > span { padding: 1rem; background: #fff; border-radius: .3rem; width: 200px; margin: 0 auto; }

/*消息提示通用样式定义*/
.ktwl-alert { position: fixed; top: 20px; right: 50%; transform: translateX(50%); margin-bottom: 0; font-size: 14px; padding: .5em 1.3em; z-index: 2000; text-align: center; min-width: 250px; }

/*图片上传组件样式定义*/
.image-upload-box > .imagebox { width: 200px; height: 150px; line-height: 150px; text-align: center; position: relative; background: #f6f6f6; }
.image-upload-box > .imagebox > .info { line-height: 20px; padding: 5px 0; position: absolute; left: 0; right: 0; bottom: 0; color: #fff; }
.image-upload-box > .imagebox > img { max-width: 100%; max-height: 100%; }
.image-upload-box > .imagebox.uploading > .info { background-color: rgba(0,0,0,.8); }
.image-upload-box > .imagebox.error > .info { background-color: rgba(255, 106, 0,.8); }
.image-upload-box > .imagebox.success > .info { background-color: rgba(0, 148, 255,.8); }
.image-upload-box > .imagebox.error > .info:before { content: '上传失败'; }
.image-upload-box > .imagebox.success > .info:before { content: '上传成功'; }

/*批量上传组件样式*/
.batch-upload-container { }
.batch-upload-container > .uploader-list { border: 1px solid #ddd; padding: 5px; background: #f9f9f9; }
.batch-upload-container > .uploader-list .file-item { float: left; width: 150px; height: 100px; padding: 0; margin-right: 10px; margin-bottom: 5px; overflow: hidden; position: relative; }
.batch-upload-container > .uploader-list .file-item img { width: 100%; height: 100%; }
.batch-upload-container > .uploader-list .file-item .close { line-height: 20px; position: absolute; z-index: 10; right: 0; top: 0; padding: 8px; color: #fff; opacity: .9; font-weight: normal; text-shadow: none; }
.batch-upload-container > .uploader-list .file-item .info { background-color: rgba(0,0,0,.5); color: #fff; position: absolute; z-index: 5; left: 0; right: 0; bottom: 0; height: 30px; line-height: 30px; padding: 0 10px; }
.batch-upload-container > .uploader-list .file-item:before { position: absolute; z-index: 5; left: 0; right: 0; top: 0; height: 30px; line-height: 30px; background-color: transparent; color: #fff; padding: 0 10px; }
.batch-upload-container > .uploader-list .file-item.waiting:before { content: '待上传'; background-color: rgba(0,183,238,0.8); }
.batch-upload-container > .uploader-list .file-item.server:before { content: '已上传文件'; background-color: rgba(0,183,238,0.8); }
.batch-upload-container > .uploader-list .file-item.uploading .status { background-color: rgba(0,183,238,0.8); position: absolute; color: #fff; z-index: 5; left: 0; right: 0; top: 0; height: 30px; line-height: 30px; }
.batch-upload-container > .uploader-list .file-item.error:before { content: '上传失败'; background-color: rgba(235,83,68,0.75); }
.batch-upload-container > .uploader-list .file-item.success:before { content: '上传成功'; background-color: rgba(23,168,100,0.75); }
.batch-upload-container > .uploader-list::after { content: ''; display: block; clear: both; }
.batch-upload-container > .btns { padding-top: 5px; }
.batch-upload-container > .btns > .btn, .batch-upload-container > .btns > .picker { float: left; margin-right: 5px; }
.batch-upload-container > .btns > .btn { padding: 10px 15px; }
.batch-upload-container > .btns::after { content: ''; display: block; clear: both; }

/*添加与编辑的必填项*（标识符）样式*/
.edit-add-star { font-size: 17px; color: red; }

/*机构管理icon样式*/
.data-icon{height:50px;width:50px;}
.data-icon img{width:100%;}