.btn {
    align-items: center;
    border: 1px solid !important;
    border-radius: 4px;
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 500;
    letter-spacing: 0.0892857143em;
    justify-content: center;
    outline: 0;
    position: relative;
    text-decoration: none;
    text-indent: 0.0892857143em;
    text-transform: uppercase;
    transition-duration: 0.28s;
    transition-property: box-shadow, transform, opacity;
    transition-timing-function: cubic-bezier(0.82, 0.04, 0.2, 1);
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    background-color: transparent;
    min-width: 50px;
    line-height: 22px;
    padding-left: 3px;
    padding-right: 3px;
}

.btn-primary{
    color: #1976d2 !important;
}

.btn-secondary{
    color: darkgrey !important;
}

.btn-primary:hover {
    background-color: #E3F2FD;
}

.btn-secondary:hover {
    background-color: #efefef;
}

.custom_badge {
    background-color: var(--bg);
    border-radius: 10px;
    height: 34px;
    padding: 1px 10px;
    color: white;
    font-weight: 500;
}

.active_badge {
    background-color: #3490dc;
    border-radius: 10px;
    height: 34px;
    padding: 1px 10px;
    color: white;
    font-weight: 500;
}

.user_badge {
    background-color: #3490dc;
    border-radius: 10px;
    height: 34px;
    padding: 1px 10px;
    color: white;
    font-weight: 500;
}

.inactive_badge {
    background-color: darkgrey;
    border-radius: 10px;
    height: 34px;
    padding: 1px 10px;
    color: white;
    font-weight: 500;
}

.open_badge {
    background-color: #3490dc;
    border-radius: 10px;
    height: 34px;
    padding: 1px 10px;
    color: white;
    font-weight: 500;
}

.closed_badge {
    background-color: darkgrey;
    border-radius: 10px;
    height: 34px;
    padding: 1px 10px;
    color: white;
    font-weight: 500;
}

.draft_badge {
    background-color: green;
    border-radius: 10px;
    height: 34px;
    padding: 2px 10px;
    color: white;
    font-weight: 500;
}

.ongoing_badge {
    background-color: green;
    border-radius: 10px;
    height: 34px;
    padding: 2px 10px;
    color: white;
    font-weight: 500;
}

.inReview_badge {
    background-color: green;
    border-radius: 10px;
    height: 34px;
    padding: 2px 10px;
    color: white;
    font-weight: 500;
}

.delay_threatens_badge {
    background-color: orange;
    border-radius: 10px;
    height: 34px;
    padding: 2px 10px;
    color: black;
    font-weight: 500;
}

.delay_badge {
    background-color: red;
    border-radius: 10px;
    height: 34px;
    padding: 2px 10px;
    color: white;
    font-weight: 500;
}

.no_due_date_badge {
    background-color: #BBDEFB;
    border-radius: 10px;
    height: 34px;
    padding: 2px 10px;
    color: white;
    font-weight: 500;
}


.time_relative_potential_badge {
    background-color: #BBDEFB;
    border-radius: 10px;
    height: 34px;
    padding: 1px 10px;
    color: black;
    font-weight: 500;
}

.time_absolut_potential_badge {
    background-color: #b2d9ff;
    border-radius: 10px;
    height: 34px;
    padding: 1px 10px;
    color: black;
    font-weight: 500;
}

.cost_potential_badge {
    background-color: #90CAF9;
    border-radius: 10px;
    height: 34px;
    padding: 1px 10px;
    color: black;
    font-weight: 500;
}

.capital_potential_badge {
    background-color: #64B5F6;
    border-radius: 10px;
    height: 34px;
    padding: 1px 10px;
    color: black;
    font-weight: 500;
}

.sale_potential_badge {
    background-color: #42A5F5;
    border-radius: 10px;
    height: 34px;
    padding: 1px 10px;
    color: black;
    font-weight: 500;
}

.area_potential_badge {
    background-color: #C5CAE9;
    border-radius: 10px;
    height: 34px;
    padding: 1px 10px;
    color: black;
    font-weight: 500;
}

.unique_potential_badge {
    background-color: #9FA8DA;
    border-radius: 10px;
    height: 34px;
    padding: 1px 10px;
    color: black;
    font-weight: 500;
}

.delivery_reliability_increases_badge {
    background-color: #B39DDB;
    border-radius: 10px;
    height: 34px;
    padding: 1px 10px;
    color: white;
    font-weight: 500;
}

.lead_time_reduction_badge {
    background-color: #9575CD;
    border-radius: 10px;
    height: 34px;
    padding: 1px 10px;
    color: white;
    font-weight: 500;
}

.material_invest_badge {
    background-color: #C8E6C9;
    border-radius: 10px;
    height: 34px;
    padding: 1px 10px;
    color: black;
    font-weight: 500;
}

.work_invest_intern_badge {
    background-color: #A5D6A7;
    border-radius: 10px;
    height: 34px;
    padding: 1px 10px;
    color: black;
    font-weight: 500;
}

.work_invest_extern_badge {
    background-color: #81C784;
    border-radius: 10px;
    height: 34px;
    padding: 1px 10px;
    color: black;
    font-weight: 500;
}

.low_priority_badge {
    background-color: green;
    border-radius: 10px;
    height: 34px;
    padding: 2px 10px;
    color: white;
    font-weight: 500;
}

.mid_priority_badge {
    background-color: orange;
    border-radius: 10px;
    height: 34px;
    padding: 2px 10px;
    color: black;
    font-weight: 500;
}

.high_priority_badge {
    background-color: red;
    border-radius: 10px;
    height: 34px;
    padding: 2px 10px;
    color: white;
    font-weight: 500;
}

.solex_draft_badge {
    background-color: orange;
    border-radius: 10px;
    height: 34px;
    padding: 2px 10px;
    color: white;
    font-weight: 500;
}

.solex_in_review_badge {
    background-color: #3490dc;
    border-radius: 10px;
    height: 34px;
    padding: 2px 10px;
    color: white;
    font-weight: 500;
}

.solex_approved_badge {
    background-color: green;
    border-radius: 10px;
    height: 34px;
    padding: 2px 10px;
    color: white;
    font-weight: 500;
}

.solex_rework_badge {
    background-color: red;
    border-radius: 10px;
    height: 34px;
    padding: 2px 10px;
    color: white;
    font-weight: 500;
}

.solex_transformed_badge {
    background-color: darkgrey;
    border-radius: 10px;
    height: 34px;
    padding: 2px 10px;
    color: white;
    font-weight: 500;
}

.ok_badge {
    background-color: green;
    border-radius: 10px;
    height: 34px;
    padding: 2px 10px;
    color: white;
    font-weight: 500;
}

.warning_badge {
    background-color: orange;
    border-radius: 10px;
    height: 34px;
    padding: 2px 10px;
    color: black;
    font-weight: 500;
}

.danger_badge {
    background-color: red;
    border-radius: 10px;
    height: 34px;
    padding: 2px 10px;
    color: white;
    font-weight: 500;
}

.status_new_badge {
    background-color: orange;
    border-radius: 10px;
    height: 34px;
    padding: 2px 10px;
    color: black;
    font-weight: 500;
}

.status_confirmed_badge {
    background-color: #3490dc;
    border-radius: 10px;
    height: 34px;
    padding: 1px 10px;
    color: white;
    font-weight: 500;
}

.status_shipped_badge {
    background-color: #6d47fd;
    border-radius: 10px;
    height: 34px;
    padding: 1px 10px;
    color: white;
    font-weight: 500;
}

.status_partial_delivery_badge {
    background: repeating-linear-gradient(
            45deg,
            #a9a9a9,
            #6d47fd 10px,
            #a9a9a9 20px
    );
    border-radius: 10px;
    height: 34px;
    padding: 1px 10px;
    color: white;
    font-weight: 500;
}

.status_received_badge {
    background-color: darkgrey;
    border-radius: 10px;
    height: 34px;
    padding: 1px 10px;
    color: white;
    font-weight: 500;
}

.webix_window {
    z-index: 800!important;
}
.webix_drag_zone {
    z-index: 900 !important;
}

.ghost {
    background-color: red;
}

.issueBackground {
    background-color: #E3F2FD;
}

.created_manually_badge {
    background-color: #3490dc;
    border-radius: 10px;
    height: 34px;
    padding: 2px 10px;
    color: white;
    font-weight: 500;
}

.manually_created_badge {
    background-color: #3490dc;
    border-radius: 10px;
    height: 34px;
    padding: 2px 10px;
    color: white;
    font-weight: 500;
}

.manually_orderd_badge {
    background-color: #3490dc;
    border-radius: 10px;
    height: 34px;
    padding: 2px 10px;
    color: white;
    font-weight: 500;
}

.ordered_by_system_badge {
    background-color: #9575CD;
    border-radius: 10px;
    height: 34px;
    padding: 1px 10px;
    color: white;
    font-weight: 500;
}

.goods_withdrawal_badge {
    background-color: red;
    border-radius: 10px;
    height: 34px;
    padding: 2px 10px;
    color: white;
    font-weight: 500;
}

.goods_receipt_badge {
    background-color: green;
    border-radius: 10px;
    height: 34px;
    padding: 2px 10px;
    color: white;
    font-weight: 500;
}

.inventory_badge {
    background-color: orange;
    border-radius: 10px;
    height: 34px;
    padding: 2px 10px;
    color: black;
    font-weight: 500;
}

.webix_dtable_focused .webix_column > div.webix_row_select, .webix_dtable_focused .webix_column > div.webix_column_select{
    background: #dfe0e6;
}

.webix_column > div.webix_cell_select, .webix_column > div.webix_column_select, .webix_column > div.webix_row_select{
    background: #dfe0e6;
}