body {
    color: rgb(80,80,80);
}

/*****************************************************************
    Light grey
 *****************************************************************/
.btn-light,
.btn-light:hover,
.btn-light a:hover,
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle,
.bg-light,
.two-tone-tile > div {
    background: rgb(245,245,245);
    color: rgb(35,35,35);
}
.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus,
.btn-light.focus, .btn-light:focus {
    box-shadow: 0 0 0 0.2rem rgba(245,245,245,.5)
}
.text-light {
    color: rgb(245,245,245) !important;
}
.border-light,
.btn-light,
.btn-light,
.btn-light:hover,
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    border-color: rgb(245,245,245);
}


/*****************************************************************
    Medium Grey
 *****************************************************************/
.bg-secondary,
.two-tone-tile > div.bg-secondary,
.two-tone-tile > div:first-child {
    background: rgb(212,212,212);
}
input[type=submit].btn-secondary {
    background: rgb(212,212,212) !important;
}
.text-secondary {
    color: rgb(108,117,125) !important;
}
.border-secondary,
.btn-secondary,
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    border-color: rgb(108,117,125);
}
input[type=submit].btn-secondary {
    border-color: rgb(108,117,125) !important;
}


.btn-secondary,
.btn-secondary:hover,
.btn-secondary a:hover,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
    background: rgb(108,117,125);
}
    .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .btn-secondary:not(:disabled):not(.disabled):active:focus,
    .show > .btn-secondary.dropdown-toggle:focus,
    .btn-secondary.focus, .btn-secondary:focus {
        box-shadow: 0 0 0 0.2rem rgba(108,117,125,.5)
    }


/*****************************************************************
    White
 *****************************************************************/
.bg-white,
.btn-white {
    background-color: white;
}


/*****************************************************************
    Accent
 *****************************************************************/
.ui-state-active, .ui-widget-content .ui-state-active,
.btn-primary,
.btn-primary:hover,
.btn-primary a:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.bg-primary,
.bg-primary:hover,
.bg-primary a:hover,
input[type=submit] {
    background: rgb(242,130,13) !important;
    background-color: rgb(242,130,13) !important;
    color: white;
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:focus,.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field.dx-state-active ,
.dx-badge ,
.dx-button-mode-contained.dx-button-default ,
.dx-switch.dx-state-hover .dx-switch-handle:before ,
.dx-switch.dx-state-focused .dx-switch-handle:before ,
.dx-switch-on-value .dx-switch-handle:before ,
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused ,
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active ,
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content ,
.dx-list-slide-menu-button-menu ,
.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused ,
.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active ,
.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content ,
.dx-device-mobile .dx-list-slide-menu-button-menu ,
.dx-toast-info ,
.dx-progressbar-range ,
.dx-slider-handle ,
.dx-datagrid-drop-highlight > td ,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused),.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused),.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link ,
.dx-datagrid-rowsview .dx-row-focused.dx-group-row ,
.dx-datagrid-search-text ,
.dx-treelist-drop-highlight > td ,
.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused),.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > tr > td:not(.dx-focused),.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) .dx-command-edit .dx-link ,
.dx-treelist-rowsview .dx-row-focused.dx-group-row ,
.dx-treelist-search-text ,
.dx-menu-item.dx-state-focused ,
.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item ,
.dx-scheduler-appointment ,
.dx-scheduler-dropdown-appointments ,
.dx-scheduler-dropdown-appointments.dx-button,.dx-scheduler-dropdown-appointments.dx-button.dx-state-hover,.dx-scheduler-dropdown-appointments.dx-button.dx-state-active,.dx-scheduler-dropdown-appointments.dx-button.dx-state-focused {
    background: rgb(242,130,13) !important;
    background-color: rgb(242,130,13) !important;
    color: white;
}



.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(242,130,13,.5)
}
h1,
.text-primary {
    color: rgb(242,130,13) !important;
}
.border-primary,
.btn-primary,
.btn-primary,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    border-color: rgb(242,130,13);
}

a:hover {
    color: rgb(242,130,13);
}

.multi_line_tr,
.client_portal_job_list_div {
    background-color: rgba(242,130,13,0.05);
    background: -webkit-linear-gradient(rgba(242,130,13,0.05), rgba(242,130,13,0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(242,130,13,0.05), rgba(242,130,13,0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(242,130,13,0.05), rgba(242,130,13,0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(242,130,13,0.05), rgba(242,130,13,0)); /* Standard syntax */
}

/*****************************************************************
    error messages
 *****************************************************************/
.text-danger {
    color: #dc3545 !important;
}