@CHARSET "UTF-8";

input[type="text"] {
    padding: 0;
    vertical-align: middle;
}

input[type="password"] {
    padding: 0;
    vertical-align: middle;
}

html, body {
    scroll-behavior: smooth;
}

body {
    margin: 0;
}

form {
    margin: 0;
}

/*
 * 引用EasyUI的icon-XXX的span标签的前置样式
 * 方法：class="icon icon-xxx"
 */
.icon {
    background-position: left center;
    padding-left: 20px;
    color: #000000;
    cursor: pointer;
    margin-left: 2px;
}

/*
 * 数据列表中操作一列中超链接的样式
 */
.button {
    color: #000000;
    cursor: pointer;
    margin: 0 4px;
}

.select2, .select2p {
    width: 100%;
}

* {
    font-family: Quantico, 微软雅黑, Arial, sans-serif !important;
}

.label-red, .label-favorite, .label-flag-0, .badge-red, .badge-favorite {
    background-color: #dd514c !important;
}

.label-orange, .label-delete, .badge-orange, .badge-delete {
    background-color: #f37b1d !important;
}

.label-yellow, .label-link, .badge-yellow, .badge-link {
    background-color: #ffc107 !important;
}

.label-green, .label-flag-1, .badge-green {
    background-color: #5eb95e !important;
}

.label-indigo, .badge-indigo {
    background-color: #3db7bb !important;
}

.label-blue, .badge-blue {
    background-color: #3bb4f2 !important;
}

.label-purple, .badge-purple {
    background-color: #c144c1 !important;
}

.label-azure, .label-edit, .badge-azure, .badge-edit {
    background-color: #5a98de !important;
}

.label-gray, .label-cancel, .badge-gray, .badge-cancel {
    background-color: #cccccc !important;
}

/*
 * 详情页表格样式
 * 两列数据(实际是4列)
 */
.table-detail-2 {
    width: 100%;
}

.table-detail-2 th {
    background-color: #F5FAFE;
    width: 12.5%;
    text-align: center;
}

.table-detail-2 td {
    width: 25%;
}

/*
 * 详情页表格样式
 * 三列数据(实际是6列)
 */
.table-detail-3 {
    width: 100%;
}

.table-detail-3 th {
    background-color: #F5FAFE;
    width: 11.111111%;
    text-align: center;
}

.table-detail-3 td {
    width: 22.222222%;
}

/*
 * 宽度100%
 */
.w100p {
    width: 100%;
}

/*
 * 表单页面字段下方的备注信息
 */
.form-remark {
    font-size: 12px;
    color: #AAADB2;
    margin-top: 5px;
}

/*
 * 多选框和单选框和文字对齐时增加的样式
 */
.text-m {
    vertical-align: middle;
}

/*
 * 屏幕宽度大于480时显示，小于480时隐藏
 */
@media (max-width: 480px) {
    .xw-gt-480 {
        display: none!important;
    }
}
/*
 * 屏幕宽度小于480时显示，大于480时隐藏
 */
@media (min-width: 481px) {
    .xw-lt-480 {
        display: none!important;
    }
}