html{
    font-size:unset !important;
}

body {
    color: #000000 !important;
}

.hide{
    display:none;
}

a {
    cursor: pointer;
}

    a.hrefclick {
        text-decoration: none !important;
    }

        a.hrefclick:hover {
            color: #007bff !important;
            text-decoration: underline !important;
        }

/*日期输入控件*/
::-webkit-calendar-picker-indicator { /*这是控制下拉小箭头的*/
    padding: 0px;
    margin-left: auto;
}

/*鼠标点击*/
.mouseclick {
    cursor: pointer;
}

/*轮播广告*/
.banner {
    width: 100%;
    display: block;
    background-size: cover;
    background-position: center;
}

    .banner .banner-main {
        /*background-color: rgba(0, 0, 0, 0.5);*/
        height: 100%;
    }

    @media (max-width: 500px) {
    }

/*白色透明白框(注册、登录)*/
.modal-white {
    background: rgba(255,255,255,0.8) !important;
    border: solid 1px #7A999B;
}

/*bootstrap modal新增xxl宽度*/
@media (min-width: 992px) {
    .modal-lg,
    .modal-xl,
    .modal-xxl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl,
    .modal-xxl {
        max-width: 1140px;
    }
}

@media (min-width: 1620px) {
    .modal-xxl {
        max-width: 1580px;
    }
}

/*固定上边距*/
.mt100{
    margin-top:100px;
}

.ml20{
    margin-left:20px;
}

.mr20 {
    margin-right: 20px;
}

.p10 {
    padding: 10px;
}

.p20{
    padding:20px;
}

.pl10 {
    padding-left: 10px;
}

.pr10 {
    padding-right: 10px;
}

.pt50 {
    padding-top: 50px;
}

.pt100 {
    padding-top: 100px;
}

/*滑动验证*/
.slider_wrap {
    height: 38px;
    float: left;
    width:100%;
    text-align: center;
    border-radius: 4px;
    line-height: 38px;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

    .slider_wrap .slider_text {
        position: absolute;
        left: 0;
        right: 0;
        color: #333;
    }

    .slider_wrap .slider_bg {
        border-radius: 4px;
        width: 40px;
        /*height: 36px;*/
        height:100%;
        text-align: center;
        line-height: 36px;
        position: absolute;
        color: #fff;
        background-color: #28a745;
    }

    .slider_wrap .slider_btn {
        border-radius: 4px;
        cursor: pointer;
        width: 40px;
        /*height: 36px;*/
        height: 100%;
        float: right;
        color: #8a8c97;
        background-color: #fff;
        background-size: 100% 100%;
        background: #fff url(/resources/images/slider_btn.png) no-repeat center;
    }

    .slider_wrap .slider_btn_border_left {
        border-left: 1px solid #ddd;
    }

    .slider_wrap .slider_btn_border_right {
        border-right: 1px solid #ddd;
    }

/*不显示数字上下调整按钮*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}
/*不显示数字上下调整按钮*/

.form-control-auto {
    width: auto;
    display: inline;
}

/*下划线*/
.form-control-underline {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    padding:0px !important;
}

/*可输可选*/
.form-control-dropdown {
    background-image: url(/resources/images/icon/icon_dropdown.png);
    background-repeat: no-repeat;
    background-position: right 4px bottom 10px;
}

/*%输入*/
.form-control-percent {
    padding-right: 20px;
    background: url(/resources/images/icon/icon_percent.png) no-repeat transparent;
    background-position: right 5px center
}

/*透明*/
.opacity-1 {
    opacity: 0.1;
}

.opacity-2 {
    opacity: 0.2;
}

.opacity-3 {
    opacity: 0.3;
}

.opacity-4 {
    opacity: 0.4;
}

.opacity-5 {
    opacity: 0.5;
}

.opacity-6 {
    opacity: 0.6;
}

.opacity-7 {
    opacity: 0.7;
}

.opacity-8 {
    opacity: 0.8;
}

.opacity-9 {
    opacity: 0.9;
}

.opacity-0 {
    opacity:unset !important;
}

/*背景色*/
.bg-black {
    background-color: #000000;
}

/*米黄色*/
.bg-beige {
    background-color: #eeece1 !important;
}

/*浅蓝色*/
.bg-wathet {
    background-color: #c5d9f1 !important;
}

/*未完成*/
.bg-todo {
    background-color: #ffe2dd;
}

/*进行中*/
.bg-doing {
    background-color: #fdecc8;
}

/*已完成*/
.bg-done {
    background-color: #dbeddb;
}

/*背景黑色透明色*/
.bg-opacity-dark-1 {
    background-color: rgba(0, 0, 0, 0.1);
}

.bg-opacity-dark-2 {
    background-color: rgba(0, 0, 0, 0.2);
}

.bg-opacity-dark-3 {
    background-color: rgba(0, 0, 0, 0.3);
}

.bg-opacity-dark-4 {
    background-color: rgba(0, 0, 0, 0.4);
}

.bg-opacity-dark-5 {
    background-color: rgba(0, 0, 0, 0.5);
}

.bg-opacity-dark-6 {
    background-color: rgba(0, 0, 0, 0.6);
}

.bg-opacity-dark-7 {
    background-color: rgba(0, 0, 0, 0.7);
}

.bg-opacity-dark-8 {
    background-color: rgba(0, 0, 0, 0.8);
}

.bg-opacity-dark-9 {
    background-color: rgba(0, 0, 0, 0.9);
}

/*未完成*/
.text-todo {
    color: #5d1715;
}

/*进行中*/
.text-doing {
    color: #837058;
}

/*已完成*/
.text-done {
    color: #1c3829;
}

.text-dark{
    color:#000000 !important;
}

/*文字換行（全英文）*/
.text-breakall {
    word-break: break-all
}

.text-unline{
    text-decoration:none !important;
}

.text-underline {
    text-decoration:underline !important;
}

.text-line-through {
    text-decoration-line: line-through
}

/*文字按行数显示*/
.text-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-clamp-1 {
    -webkit-line-clamp: 1;
}

.text-clamp-2 {
    -webkit-line-clamp: 2;
}

.text-clamp-3 {
    -webkit-line-clamp: 3;
}

.text-clamp-4 {
    -webkit-line-clamp: 4;
}

.text-clamp-5 {
    -webkit-line-clamp: 5;
}

.text-clamp-6 {
    -webkit-line-clamp: 6;
}

.text-clamp-7 {
    -webkit-line-clamp: 7;
}

.text-clamp-8 {
    -webkit-line-clamp: 8;
}

.text-clamp-9 {
    -webkit-line-clamp: 9;
}

/*层级*/
.z-index-1 {
    z-index: 10;
}

.z-index-2 {
    z-index: 20;
}

.z-index-3 {
    z-index: 30;
}

.z-index-4 {
    z-index: 40;
}

.z-index-5 {
    z-index: 50;
}

/*表格(字按small)*/
.table td, .table th {
    font-size: 80%;
}

/*表格选中行*/
.table-select-row {
    background-color: #FDF7E5 !important;
}

/*根据标题行设定表格宽度,且每列宽度由第一行确定*/
.table-autow {
    table-layout: fixed;
    word-wrap: break-word;
}

/*文本输入、下拉选择*/
.table .form-grid {
    font-size: 9pt;
    BORDER: 0px;
}

/*数值型输入*/
.table .form-grid-num, .table .form-grid-num-percent {
    font-size: 9pt;
    BORDER: 0px;
    text-align: right;
}

.table .form-grid,
.table .form-grid-num,
.table .form-grid-num-percent {
    width: 100%;
    background-color: transparent;
    outline: none;
}

    .table .form-grid[readonly],
    .table .form-grid-num[readonly],
    .table .form-grid-date[readonly],
    .table .form-grid[disabled],
    .table .form-grid-num[disabled],
    .table .form-grid-num-percent[disabled],
    .table .form-grid-date[disabled] {
        background-color: transparent;
    }

/*%输入*/
.table .form-grid-num-percent {
    padding-right: 20px;
    background: url(/resources/images/icon/icon_percent.png) no-repeat transparent;
    background-position: right 5px center
}

.table .form-grid-dropdown {
    background-image: url(/resources/images/icon/icon_dropdown.png);
    background-repeat: no-repeat;
    background-position: right 4px bottom 6px;
}

/*表格选中行*/
.table .table-select-row {
    background-color: #FDF7E5 !important;
}

/*表格控件底色(用于表格输入方式)*/
.table-striped tbody tr:nth-of-type(odd) input,
.table-striped tbody tr:nth-of-type(odd) select {
    background-color: transparent !important;
}

.table-hover tbody tr:hover input,
.table-hover tbody tr:hover select {
    color: #212529;
    background-color: transparent !important;
}

/*边框*/
.border-2 {
    border: 2px solid #dee2e6;
}

.border-3 {
    border: 3px solid #dee2e6;
}

.border-4 {
    border: 4px solid #dee2e6;
}

.border-5 {
    border: 5px solid #dee2e6;
}

/*图标大小*/
.icon-1 {
    font-size: 10px;
}

.icon-2 {
    font-size: 15px;
}

.icon-3 {
    font-size: 20px;
}

.icon-4 {
    font-size: 25px;
}

.icon-5 {
    font-size: 30px;
}

.icon-6 {
    font-size: 35px;
}

.icon-7 {
    font-size: 40px;
}

.icon-8 {
    font-size: 45px;
}

.icon-9 {
    font-size: 50px;
}

/*导航(补充)*/
.navbar .navbar-toggler {
    border-color: #fff !important;
    padding-top: 8px;
}

    .navbar .navbar-toggler .icon-bar {
        background-color: #fff !important;
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        margin-bottom: 5px;
    }

    .navbar .navbar-toggler .icon-bar-sm {
        background-color: #fff !important;
        display: block;
        width: 18px;
        height: 2px;
        border-radius: 1px;
        margin-bottom: 3px;
    }

.navbar .navbar-main-active {
    border-bottom: 2px solid #ffc107;
    background-color:rgba(255,255,255,0.1);
}

/*tab选中的tab页增加上边线*/
.nav-tabs {
    margin-top: 0.25rem !important;
}

    .nav-tabs .nav-link {
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 0.95rem;
    }

    .nav-tabs .nav-link.active {
        border-top: 3px solid #ff7f27;
        margin-top: -2px;
        color: #007bff;
        font-weight: bold;
    }

.nav-link {
    padding: 0.325rem 1rem;
}

/*取消分页的d-block,否则高度不一致*/
.page-link{
    display:unset
}

/*行间距*/
.lh-1{
    line-height:1.2rem;
}

.lh-2 {
    line-height: 1.5rem;
}

.lh-3 {
    line-height: 2rem;
}

.lh-4 {
    line-height: 2.5rem;
}

/*背景图*/
.bg-img-1 {
    background-image: url(/resources/images/bg-img-1.gif);
}

/*下拉菜单*/
.dropdown-item:hover, .dropdown-item:focus {
    color:#ffffff !important;
    background-color: #007bff !important;
}


/*tab*/
.m-tab {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    border-bottom: 1px solid #dee2e6;
}

    /*tab主项*/
    .m-tab .m-tab-item {
        -ms-flex-item-align: start !important;
        align-self: start !important;
        border: 1px solid transparent;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
        padding: 0.5rem 1rem;
        margin-bottom: -1px;
        color: #000000;
        font-weight:bold;
        cursor:pointer;
    }

        /*展开的更多菜单*/
        .m-tab .m-tab-item a, .m-tab .m-tab-more .m-tab-more-item a {
            text-decoration: none;
        }

            /*展开的更多菜单*/
            .m-tab .m-tab-item a:hover, .m-tab .m-tab-more .m-tab-more-item a:hover {
                text-decoration: none;
            }

        /*tab主项*/
        .m-tab .m-tab-item:hover {
            color: #007bff;
            border-color: #e9ecef #e9ecef #dee2e6;
            border-bottom-width: 0px;
        }

        /*tab主项当前tab页*/
        .m-tab .m-tab-item.active {
            background-color: #ffffff;
            border-color: #e9ecef #e9ecef #dee2e6;
            border-top: 3px solid #ff7f27;
            color: #007bff;
            font-weight: bold;
            border-bottom-width: 0px;
        }

    /*tab展开更多菜单按钮*/
    .m-tab .m-tab-toggler {
        -ms-flex-item-align: start !important;
        align-self: start !important;
        display: none;
    }

    /*tab展开更多菜单*/
    .m-tab .m-tab-more .m-tab-more-item {
        color: #000000;
        font-weight: bold;
        cursor: pointer;
    }

        .m-tab .m-tab-more .m-tab-more-item.active {
            color: #007bff;
            font-weight: bold;
        }

/*tab手机端*/
@media (max-width: 575.98px) {
    /*展开更多菜单按钮*/
    .m-tab .m-tab-toggler {
        display: block;
    }

    /*展开的更多菜单*/
    .m-tab .m-tab-more {
        padding: 10px 10px 10px 10px;
        /*background-color: rgba(248,249,250,0.8);*/
        background-color: rgba(255,255,255,0.8);
        position: absolute;
        left: 0px;
        margin-top: 34px;
        width: 100%;
        min-width: 200px;
        z-index:9999;
    }

        /*更多菜单项*/
        .m-tab .m-tab-more .m-tab-more-item {
            padding: 0.5rem;
            background-color: #ffffff;
        }

            .m-tab .m-tab-more .m-tab-more-item:hover {
            }

            .m-tab .m-tab-more .m-tab-more-item.active {
                font-weight: bold;
                background-color: #f8f9fa;
            }
}

/*tabpc端*/
@media (min-width: 576px) {
    /*展开的更多菜单*/
    .m-tab .m-tab-more {
        display: -ms-flexbox;
        display: flex;
    }

        /*更多菜单项*/
        .m-tab .m-tab-more .m-tab-more-item {
            -ms-flex-item-align: start !important;
            align-self: start !important;
            border: 1px solid transparent;
            border-top-left-radius: 0.25rem;
            border-top-right-radius: 0.25rem;
            padding: 0.5rem 1rem;
            margin-bottom: -1px;
        }

            .m-tab .m-tab-more .m-tab-more-item:hover {
                border-color: #e9ecef #e9ecef #dee2e6;
                border-bottom-width: 0px;
            }

            .m-tab .m-tab-more .m-tab-more-item.active {
                background-color: #ffffff;
                border-color: #e9ecef #e9ecef #dee2e6;
                border-top: 3px solid #ff7f27;
                border-bottom-width: 0px;
            }
}

/*拖动标签*/
.drop-label {
    border-radius: 0.25rem !important;
    border: 1px solid #dee2e6 !important;
    cursor: pointer;
    padding: 5px 8px;
    color: #6c757d;
}

    .drop-label:hover {
        border-radius: 0.25rem !important;
        border: 1px solid #dee2e6 !important;
        background-color:#eeeeee;
        background-image: url(/resources/images/icon_pencil.png);
        background-repeat: no-repeat;
        background-position: right 8px bottom 4px;
    }

/*重载字体大小*/
.small-ss {
    font-size: 12px !important
}

.form-control-sm {
    font-size: 12px !important
}

.btn-sm {
    font-size: 12px !important
}

table th, table td {
    font-size: 12px !important
}

/*日历*/
.calendar .week_row {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(7,14.28%); /*每行重复7个*/
}

/*公告*/
.gg ul {
    margin: 0px;
    padding: 0px;
    height: 30px;
}

.gg ul li {
    height: 30px;
    line-height: 30px;
}