/*TOP BAR*/
.supplier_mapper_panel_item .x-tab-bar {
    background-color: #354b95 !important;
}

.supplier_mapper_panel_item .x-tab-bar .x-tab-active {
    background-color: white !important;
    border-color: white !important;
    color: #354b95 !important;
    font-weight: bold;
}

.supplier_mapper_panel_item .x-tab-bar .x-tab-over {
    background-color: white !important;
    border-color: white !important;
}

.supplier_mapper_panel_item .x-tab-bar .x-tab-inner {
    color: white !important;
    font-weight: bold;
}

.supplier_mapper_panel_item .x-tab-over .x-tab-inner {
    color: #354b95 !important;
    font-weight: bold;
}

.supplier_mapper_panel_item .x-tab-active .x-tab-inner {
    color: #354b95 !important;
    font-weight: bold;
}

.supplier_mapper_panel_mapper_header {
    margin-bottom: 40px !important;
}

.supplier-mapper-panel-mapper-action-row {
    margin-bottom: 40px !important;
}

.supplier-mapper-panel-mapper-disabled-row {
    opacity: 50%;
}

/*.supplier-mapper-hidden-row {*/
/*    display: none;*/
/*}*/

.supplier-mapper-grid-row .x-grid-cell {
    height: 30px;
    line-height: 30px;
    align-items: center;
    justify-content: center;
}
.supplier-mapper-grid-row .x-grid-row {
    height: 30px;
}

/* FORM FIELD */
.supplier_mapper_field .x-form-trigger-wrap {
    border: 0;
}

.supplier_mapper_field .x-form-text-wrap {
    border: 0;
}

.supplier_mapper_field .x-form-field {
    text-align: center;
    font-weight: bold;
    border: 1px solid #008364;
    border-radius: 10px;
    background-color: #008364;
    color: white;
}

.supplier_mapper_field .x-form-empty-field {
    border: 1px solid red;
    background-color: white;
    color: black;
}

.supplier_mapper_field .x-form-text.x-field-form-focus {
    border: 1px solid black;
    background-color: white;
    color: black;
}

/*COLUMN LABELS*/
.supplier_mapper_column_label {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}

.supplier_mapper_flex_center {
    display: flex;
    justify-content: center;
}

.supplier_mapper_main_button,
.supplier_mapper_main_button.x-btn-over,
.supplier_mapper_main_button.x-btn-focus {
    border-radius: 5px;
    background-color: #354b95 !important;
    border: 1px solid #354b95;
}

/*TREE */

.supplier_mapper_tree .x-toolbar-docked-top {
    background-color: #b2ccf3;
    border-color: #a3c1f1;
    font-weight: bold;
}

/* ATTRIBUTE VALUE */
.supplier-mapper-mapping-grid {
    margin-bottom: 20px !important;
    min-height: 200px !important;
}

.supplier-mapper-mapping-grid .x-toolbar-default {
    border: 0 !important;
}

.supplier-mapper-mapping-grid .supplier-mapper-group-cell {
    background-color: #354b95 !important;
    border: 1px solid #354b95;
    color: white;
    font-weight: bold;
}

.supplier-mapper-mapping-grid .x-title {
    width: 250px !important;
}

.supplier-mapper-mapping-grid .x-title-text {
    color: white !important;
    font-weight: bold;
}

.x-keyboard-mode .x-grid-checkcolumn-cell-inner :focus {
    outline: none !important;
}

/**
GENERAL TAB
 */

.supplier_mapper_general_fieldset {
    border-top: 0 !important;
}

.supplier_mapper_general_fieldset .x-fieldset-header-text {
    font-weight: bold !important;
    font-size: 20px !important;
    color: black;
}

.supplier_mapper_log_table_row_success {
    background-color: #27d40d;
}

.supplier_mapper_log_table_row_failure {
    background-color: #FF4F4B;
    color: white;
}

.supplier-mapper-hide-row {
    display: none;
}