:root {
    --yb-gray-dark: #373a3c;
    --yb-gray-100: #f8f9fa;
    --yb-gray-200: #ddd;
    --yb-gray-300: #ccc;
    --yb-gray-400: #bbb;
    --yb-gray-500: #adb5bd;
    --yb-gray-600: #777;
    --yb-gray-700: #444;
    --yb-gray-800: #373a3c;
    --yb-gray-900: #212529;
    --yb-danger: #d9230f;
    --yb-secondary: #DEE2E6;
    --yb-success: #469408;
    --yb-default: #029acf;
    --yb-warning: #d9831f;
    --yb-info: #9b479f;
    --yb-light: #fff;
    --yb-dark: #373a3c;
}


.YBBtn {
    outline: none;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    border: 1px solid transparent;
    cursor: pointer;
    user-select: none;
    touch-action: manipulation;
    line-height: 1.5714285714285714;
    font-size: 14px;
    height: 32px;
    padding: 4px 15px;
    border-radius: 6px;
}

.YBSize-sm {
    font-size: 14px;
    height: 32px;
    padding: 4px 15px;
    border-radius: 4px;
}

.YBSize-lg {
    font-size: 16px;
    height: 40px;
    padding: 6.428571428571429px 15px;
    border-radius: 8px;
}

.YBBtn-NoRound {
    border-radius: 0px;
}



.YBBtn-default {
    color: #fff;
    background-color: var(--yb-default);
}

    .YBBtn-default:hover {
        color: #fff;
        background-color: #078bb9;
        border-color: #078bb9;
    }

.YBBtn-warning {
    color: #fff;
    background-color: var(--yb-warning);
}

    .YBBtn-warning:hover {
        color: #fff;
        background-color: #c87a1f;
        border-color: #c87a1f;
    }

.YBBtn-success {
    color: #fff;
    background-color: var(--yb-success);
}

    .YBBtn-success:hover {
        color: #fff;
        background-color: #41870a;
        border-color: #41870a;
    }

.YBBtn-info {
    color: #fff;
    background-color: var(--yb-info);
}

    .YBBtn-info:hover {
        color: #fff;
        background-color: #813c85;
        border-color: #813c85;
    }

.YBBtn-danger {
    color: #fff;
    background-color: var(--yb-danger);
}

    .YBBtn-danger:hover {
        color: #fff;
        background-color: #cb220f;
        border-color: #cb220f;
    }

.YBBtn-secondary {
    color: #555;
    background-color: var(--yb-secondary);
}

    .YBBtn-secondary:hover {
        color: #555;
        background-color: #d6d8db;
        border-color: #d6d8db;
    }

/*控制条件输入框的间距,表单录入框*/
.dxbl-col {
    margin-top: 7px !important;
    padding-left: 3px !important;
    padding-right: 5px !important;
}
/*end*/

/*查询标头样式，自定义样式*/
.searchdiv{
    padding:0.3rem 0.5rem 0 0.5rem !important;
}
    .searchdiv .searchForm {
        padding-bottom: 0.1rem !important;
    }
/*end*/

/*必填项样式，输入框*/
.YBrequired-border .dxbl-text-edit {
    border-color: #007bff!important;
}
.valid.modified:not([type=checkbox]) {
    outline: none;
    border: solid 1px #28a745 !important;
}
/*end*/

/*解决横向滑动条的问题*/
.nav-tabs-body {
    padding: 0.3rem 0.2rem !important;
}
.dxbl-fl .dxbl-row {
    --dxbl-row-item-spacing-x: 0 !important;
}

/*end*/

.YuboPivotGrid {
    /*height: 40%;*/
}

.YuboPivotGrid tr td {
/*    padding: 0.1em 1em !important;*/
}

.YuboPivotGrid tr th {
/*    padding: 0.1em 1em !important;*/
}

.YuboPivotGrid tr td.dxpg-data {
/*    text-align: left !important;*/
}

.YuboPivotGrid tr th .dxbl-btn {
/*    margin-top: 0 !important;
    padding: 0 0.75rem !important;*/
}