.dxbl-text-edit {
    --dxbl-text-edit-focus-border-color: #626875;
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #626875;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-select:focus {
    border-color: #626875;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 112, 204,.25);
    box-shadow: 0 0 0 0 rgba(0, 112, 204,.25)
}

.form-check-input:focus {
    border-color: #626875;
    outline: 0;
    -webkit-box-shadow: 0 0 0 .25rem rgba(0, 112, 204,.25);
    box-shadow: 0 0 0 .25rem rgba(0, 112, 204,.25)
}

.form-check-input:checked {
    background-color: #626875;
    border-color: #626875
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #626875;
    border-color: #626875;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 12' style='enable-background:new 0 0 12 12;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Crect id='_x31_' x='2' y='5' class='st0' width='8' height='2'/%3E%3C/svg%3E%0A")
}



.dxbl-checkbox {
    --dxbl-checkbox-check-element-checked-bg: #626875;
    --dxbl-checkbox-switch-checked-bg: #626875;
    --dxbl-checkbox-radio-button-checked-border-color: #626875;
    --dxbl-checkbox-radio-button-check-bg: #626875;
    --dxbl-checkbox-validation-valid-color: #10893e;
    --dxbl-checkbox-validation-invalid-color: #e81123;
    --dxbl-checkbox-check-element-checked-hover-bg: #626875;
    --dxbl-checkbox-switch-checked-hover-bg: #626875;
    --dxbl-checkbox-radio-button-checked-hover-bg: #626875;
    --dxbl-checkbox-radio-button-checked-hover-border-color: #626875;
  /*  --dxbl-checkbox-checked-focus-shadow-color: rgba(0.57, 0.94, 0.196, 0.5);
    --dxbl-checkbox-unchecked-focus-shadow-color: rgba(0.100, 0.152, 0.196, 0.5);*/
}
 
.dxbl-fl .dxbl-fl-gt .dxbl-tabs {
    --dxbl-tabs-tab-selected-color: #626875;
    --dxbl-tabs-bottom-border-style: #626875;
}

.dxbl-tabs > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after, .dxbl-tabs > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after {
   
    background-color: #626875;
    
}

.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after, .dxbl-tabs > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after {
    background-color: #626875;
   
}

.dxbl-pager {
    --dxbl-pager-active-page-btn-bg: #F2F2F2;
    --dxbl-pager-active-page-btn-color: black;
}

.dxbl-listbox div.dxbl-listbox-item-selected::before, .dxbl-listbox tr.dxbl-listbox-item-selected > td::before {
    
    background-color: #626875;
   
}

.dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) div.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item):not(tr)::before, .dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) div.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item) > td::before, .dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) tr.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item):not(tr)::before, .dxbl-listbox:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly) tr.dxbl-listbox-item:not(.dxbl-disabled):not(:disabled):hover.dxbl-listbox-item-selected:not(.dxbl-listbox-item-disabled):not(.dxbl-listbox-empty-data-item) > td::before {
    background-color: #626875;
}


.dxbl-btn-primary {
    --dxbl-btn-bg: #626875;
    --dxbl-btn-border-color: #626875;
    --dxbl-btn-color: #fff;
    --dxbl-btn-active-bg: #626875;
    --dxbl-btn-active-color: #fff;
    --dxbl-btn-active-border-color: #626875;
    --dxbl-btn-hover-bg: #626875;
    --dxbl-btn-hover-color: #fff;
    --dxbl-btn-hover-border-color: #626875;
    --dxbl-btn-disabled-bg: #c4c2c2;
    --dxbl-btn-disabled-border-color: #c4c2c2;
    /* 
    --dxbl-btn-disabled-color: inherit;
   */
    --dxbl-btn-focus-shadow-color: rgba(0.100, 0.152, 0.196, 0.5);
}

 
.loading-items-center > .bg-primary {
    background-color: #626875 !important;
}

.loading-items-center > .border-primary {
    border-color: #626875 !important;
}



.spinner-border {
    color: #626875 !important;
}