/*!
 * Bootstrap CSS Extend
 * Copyright 2020 ShengRun, LTD.
 * Author: XuLiang
 * Date:   2020-11-25 14:52:58
 */

@CHARSET "UTF-8";

/*!
 * 表单必填字段加“*”样式
 * 使用方法：<div class="form-group required">...</div>
 * 即添加.required CSS类
 */
.form-group.required .control-label:before {
    color: red;
    content: "*";
    font-family: 'Glyphicons Halflings';
    font-weight: normal;
    font-size: 10px;
    padding-right: 4px;
}

/*!
 * 与表单控件同行的错误消息提示样式
 */
.form-group .control-error {
    padding-top: 7px;
    padding-left: 0px !important;
}

/*============================================================
 * 模拟Element UI的【Message消息提示】组件样式
 *============================================================*/
.notice-container {
    position: fixed;
    min-width: 380px;
    z-index: 1060;
}

.notice-container .fade.show {
    opacity: 1;
}

.notice-container .alert {
    box-shadow: 0 5px 5px rgba(0,0,0,0.1);
}

.notice-container .notify-icon:before {
    padding-right: 10px;
    font-family: 'Glyphicons Halflings';
    position: relative;
    top: 2px;
}

.notice-container>.alert-success:before {
    content: "\e084";
}

.notice-container>.alert-info:before {
    content: "\e086";
}

.notice-container>.alert-warning:before {
    content: "\e107";
}

.notice-container>.alert-danger:before {
    content: "\e083";
}

#notice-container-topleft {
    top: 10px;
    left: 10px;
}

#notice-container-topcenter {
    top: 10px;
    left: 50%;
    transform: translate(-50%, 0);
}

#notice-container-topright {
    top: 10px;
    right: 10px;
}

#notice-container-bottomleft {
    bottom: 10px;
    left: 10px;
}

#notice-container-bottomcenter {
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, 0);
}

#notice-container-bottomright {
    bottom: 10px;
    right: 10px;
}

#notice-container-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}