/* 全站按钮统一风格
 * 按“查询课程”那个按钮的样子，把全站按钮统一一下
 * Bootstrap / layui 的按钮都往 Element 那种样式靠
 * 颜色按功能分：主操作蓝、提交保存查询绿、提醒橙、危险红
 * 选择器写成 .btn.btn-xxx，权重高一点，
 * 不然会被后面加载的 style.min.css 把文字颜色顶成白的。
 */

/* 先把基础打好 */
.btn,
.layui-btn {
    border-radius: 4px !important;
    font-family: inherit;
    font-weight: 600 !important;
    letter-spacing: .2px;
    text-decoration: none !important;
    cursor: pointer;
    -webkit-transition: all .18s ease !important;
    transition: all .18s ease !important;
    box-shadow: 0 1px 2px rgba(20, 30, 55, .05) !important;
    outline: none !important;
}
.btn { padding: 9px 16px !important; font-size: 14px !important; line-height: 1.4 !important; border: 1px solid transparent !important; }
.btn.btn-sm { padding: 6px 12px !important; font-size: 13px !important; }
.btn.btn-xs { padding: 3px 9px !important; font-size: 12px !important; }
.btn.btn-lg { padding: 11px 22px !important; font-size: 15px !important; }
.btn-block { display: block !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
/* 圆形胶囊按钮 */
.btn.btn-round { border-radius: 999px !important; }
/* 按钮里的图标和文字留点空 */
.btn i,
.btn .glyphicon,
.btn .fa,
.layui-btn i { margin-right: 4px; }

/* 默认/次要：灰的 */
.btn.btn-default,
.btn.btn-white {
    color: #606266 !important;
    background: #fff !important;
    border: 1px solid #dcdfe6 !important;
}
.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active,
.btn.btn-white:hover,   .btn.btn-white:focus,   .btn.btn-white:active {
    color: #409eff !important;
    background: #ecf5ff !important;
    border-color: #a0cfff !important;
}

/* 主操作/查询：蓝的 */
.btn.btn-primary {
    color: #409eff !important;
    background: #ecf5ff !important;
    border: 1px solid #a0cfff !important;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {
    color: #fff !important;
    background: #409eff !important;
    border-color: #409eff !important;
}

/* 信息类：青的 */
.btn.btn-info {
    color: #17a2b8 !important;
    background: #ecfafb !important;
    border: 1px solid #bce8f0 !important;
}
.btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info:active {
    color: #fff !important;
    background: #17a2b8 !important;
    border-color: #17a2b8 !important;
}

/* 提交/保存/查询成功：绿的，跟“查询课程”一样 */
.btn.btn-success {
    color: #67c23a !important;
    background: #f0f9eb !important;
    border: 1px solid #c2e7b0 !important;
}
.btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active {
    color: #fff !important;
    background: #67c23a !important;
    border-color: #67c23a !important;
}

/* 提醒/返回：橙的，别太扎眼 */
.btn.btn-warning {
    color: #e6a23c !important;
    background: #fdf6ec !important;
    border: 1px solid #f5dab1 !important;
}
.btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active {
    color: #fff !important;
    background: #e6a23c !important;
    border-color: #e6a23c !important;
}

/* 删除/危险：红的，点之前多看两眼 */
.btn.btn-danger {
    color: #f56c6c !important;
    background: #fef0f0 !important;
    border: 1px solid #fbc4c4 !important;
}
.btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active {
    color: #fff !important;
    background: #f56c6c !important;
    border-color: #f56c6c !important;
}

/* 其它旧颜色：紫、粉、深色 */
.btn.btn-purple {
    color: #926dde !important;
    background: #f4effd !important;
    border: 1px solid #d9c8f5 !important;
}
.btn.btn-purple:hover, .btn.btn-purple:focus, .btn.btn-purple:active {
    color: #fff !important;
    background: #926dde !important;
    border-color: #926dde !important;
}
.btn.btn-pink {
    color: #f96197 !important;
    background: #feecf3 !important;
    border: 1px solid #fbc0d4 !important;
}
.btn.btn-pink:hover, .btn.btn-pink:focus, .btn.btn-pink:active {
    color: #fff !important;
    background: #f96197 !important;
    border-color: #f96197 !important;
}
.btn.btn-dark {
    color: #4b5563 !important;
    background: #eef0f3 !important;
    border: 1px solid #d5dae1 !important;
}
.btn.btn-dark:hover, .btn.btn-dark:focus, .btn.btn-dark:active {
    color: #fff !important;
    background: #4b5563 !important;
    border-color: #4b5563 !important;
}

/* layui 按钮：默认绿的，danger 红的 */
.layui-btn {
    height: auto !important;
    line-height: 1.4 !important;
    padding: 9px 18px !important;
    font-size: 14px !important;
    color: #67c23a !important;
    background: #f0f9eb !important;
    border: 1px solid #c2e7b0 !important;
}
.layui-btn:hover { color: #fff !important; background: #67c23a !important; border-color: #67c23a !important; }
.layui-btn-danger {
    color: #f56c6c !important;
    background: #fef0f0 !important;
    border-color: #fbc4c4 !important;
}
.layui-btn-danger:hover { color: #fff !important; background: #f56c6c !important; border-color: #f56c6c !important; }

/* 禁用的时候也得有个禁用的样子 */
.btn[disabled], .btn.disabled,
.layui-btn-disabled, .layui-btn[disabled] {
    opacity: .55 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}