body{ background-color: #f3f3f3;}
p{ line-height: 6em;}
.mt24{ margin-top: 14px!important;}

/* login */
.bg_login{ background-image: url(../images/login_bg.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;}
.bg_login:after{ position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-color: #282b33; opacity: 0.8; z-index: 1;}
.login_panel{ width: 320px; height: 266px; padding: 30px; position: absolute; top: 50%; left: 50%; margin-top: -180px; margin-left: -195px; background: #fff; border-radius: 5px; box-shadow: 0 0 12px #999; z-index: 2;}
.login_panel h2{ line-height: 1em; font-size: 24px; margin: 6px 0 24px 0; font-weight: 400; text-align: center;}
.login_panel .layui-form-pane .layui-form-label{ width: 48px; height: 44px; line-height: 26px;}
.login_panel .layui-form-pane .layui-form-label .layui-icon{ display: block; width: 20px;  font-size: 20px;}
.login_panel .layui-form-pane .layui-input-block{ margin-left: 48px;}
.login_panel .layui-form-pane .layui-input-block input{  height: 44px;}
.copyright_login{ width: 100%; height: 24px; line-break: 24px; text-align: center; position: absolute; bottom: 12px; left: 0; font-size: 12px; color: rgba(255, 255, 255, .4); z-index: 2;}
.login_panel .layui-form-pane .layui-form-checkbox{ margin-left: 0;}
.login_panel .layui-form-pane .forgot_password { float: right; margin-top: 10px; color: #009688;}

/* default */
.status_default{ display: inline-block; font-size: 0; overflow: hidden;}
.status_default{ display: flex; flex-direction: row; justify-content: flex-start;  font-size: 14px;  padding: 12px 12px; background: #fff; border-radius: 3px; box-shadow: 2px 2px 4px #f0f0f0;}
.status_default  i{ display: flex; font-size: 32px; padding: 14px; color: #fff; border-radius: 3px;}
.status_default  div{ display: flex;   flex-direction: column; justify-content: space-around; font-size: 24px; margin: 0 0 0 18px; line-height: 1; color: #666; font-weight: 200;}
.status_default  div span{ font-size: 14px; color: #999; }
.bg_green{ background-color: #009688;}
.bg_blue{ background-color: #01AAED;}
.bg_orange{ background-color: #f90;}
.bg_red{ background-color: #f40;}


/* head */
.layui-header .layui-nav i{ font-size: 20px; }
.layui-header .layui-badge{  top: 12px; margin: 0 6px 0 0; border-radius:25%; }

.layui-nav-tree{ margin-top: 8px;}
.index_title{ margin:8px 15px 15px ; background-color: #fff; font-size: 16px; font-weight: 400; color: #242424;}

.shortcut_default{ background: #fff!important; }
.shortcut_default li { margin: 6px 0 0 0; }
.shortcut_default li,
	.shortcut_default li a{  text-align: center;}
.shortcut_default a { display: block; background: #fff; cursor: pointer; }
.shortcut_default a i{ display: block; padding:24px 14px; font-size: 36px; margin: 0 8px; text-align: center; background: #f9f9f9; }
/* .shortcut_default a:hover{ opacity: .96!important; } */

.layui-card:last-child {margin-bottom: 15px;}
.breadcrumb_main{ padding: 15px; background:#fff;}
.layui-btn-container{ margin-bottom: -10px;}
.filter_lists .layui-form-item{ margin-bottom: -10px; font-size: 14px;  text-align: right;}
.filter_lists .layui-form-item .layui-form-select dl{ text-align: left;}
.filter_lists .layui-form-item .search_style > .layui-input-inline{ margin-top: -10px; margin-right: 0;}
.filter_lists .layui-form-item  .layui-inline:last-child{ margin-right: 0;}
.filter_lists .layui-form-item  .layui-inline:last-child .layui-btn{ margin-right: 0;}

.layui-table-view{ margin-bottom: 5px;}
.layui-elem-field legend{ font-weight: 500;}

.form_inputs .layui-form-item .layui-input-inline,
	.form_inputs .layui-form-item .layui-input-block{ width: 60%;}


/* bottom */
.layui-layout-admin .layui-footer{ font-size: 12px; color: #999; background-color: #f3f3f3; text-align: center; background-color: #f3f3f3;}

/* Overwrite LayUI */
body .layui-layer-btn .layui-layer-btn0 { border-color: #049688; background-color: #049688;}
body .layui-table-view .layui-table-box .layui-table-body .layui-table-cell { height: 32px; line-height: 32px;}
body .layui-form-label.layui-required:after{ content:"*"; color:#f00; position: absolute; top:5px; right:9px;}