﻿:root {
    --color-primary: #e57900;
    --color-secondary: #ffe2c2;
    --color-light: #fcf0e180;
}

.text-tenant-primary-color {
    color: var(--color-primary) !important;
}

.bg-tenant-primary-color {
    background-color: var(--color-primary);
}

.bg-tenant-secondary-color {
    background-color: var(--color-secondary);
}

.bg-tenant-light-color {
    background-color: var(--color-light) !important;
}

.bd-tenant-primary-color {
    border-color: var(--color-primary) !important;
}

.bd-tenant-secondary-color {
    border-color: var(--color-secondary) !important;
}

.badge-light-tenant-color {
    color: var(--color-primary);
    background-color: var(--color-primary-light);
}

.landing-header{
    background-color: var(--color-primary) !important;
}


/*stepper style*/

.stepper.stepper-pills .stepper-item.current .stepper-icon {
    background-color: var(--color-primary) !important;
    color: #fff !important;
}

    .stepper.stepper-pills .stepper-item.current .stepper-icon .stepper-number{
        color: #fff !important;
    }

    .stepper.stepper-pills .stepper-item .stepper-icon {
        background-color: var(--color-light) !important;
        color: var(--color-primary) !important;
    }

.stepper.stepper-pills .stepper-item .stepper-icon .stepper-number {
    color: var(--color-primary) !important;
}

.stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check, .stepper.stepper-pills .stepper-item.current:last-child .stepper-icon .stepper-check{
    color: var(--color-primary) !important;
}

/*checkbox*/
.form-check.form-check-solid .form-check-input:checked {
    background-color: var(--color-primary) !important;
}


/*mega option*/
.btn-check:active + .btn.btn-outline.btn-outline-dashed.btn-outline-default, .btn-check:checked + .btn.btn-outline.btn-outline-dashed.btn-outline-default, .btn.btn-outline.btn-outline-dashed.btn-outline-default.active, .btn.btn-outline.btn-outline-dashed.btn-outline-default.show, .btn.btn-outline.btn-outline-dashed.btn-outline-default:active:not(.btn-active), .btn.btn-outline.btn-outline-dashed.btn-outline-default:focus:not(.btn-active), .btn.btn-outline.btn-outline-dashed.btn-outline-default:hover:not(.btn-active), .show > .btn.btn-outline.btn-outline-dashed.btn-outline-default {
    color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    background-color: var(--color-light) !important;
}

    .btn-check:active + .btn.btn-outline.btn-outline-dashed.btn-outline-default .svg-icon svg [fill]:not(.permanent):not(g), .btn-check:checked + .btn.btn-outline.btn-outline-dashed.btn-outline-default .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-outline.btn-outline-dashed.btn-outline-default.active .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-outline.btn-outline-dashed.btn-outline-default.show .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-outline.btn-outline-dashed.btn-outline-default:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-outline.btn-outline-dashed.btn-outline-default:focus:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-outline.btn-outline-dashed.btn-outline-default:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .show > .btn.btn-outline.btn-outline-dashed.btn-outline-default .svg-icon svg [fill]:not(.permanent):not(g){
        fill: var(--color-primary) !important;
    }

/*Tabs componenet*/
.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link {
    border-bottom: 1px solid var(--color-primary) !important;
}

/*datatable*/
table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    color: var(--color-primary) !important;
    background-color: var(--color-light) !important;
}