.bg-primary {
    background-color: var(--theme-primary) !important;
}

.btn-primary {
    color: #fff;
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
    /* box-shadow: 0 2px 6px 0 var(--theme-primary); */
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--theme-dark-primary)!important;
    border-color: var(--theme-dark-primary)!important;
}

.btn-check:focus + .btn-primary,
.btn-primary:focus {
    color: #fff;
    background-color: var(--theme-dark-primary)!important;
    border-color: var(--theme-dark-primary)!important;
    -webkit-box-shadow: 0 0 0 0.2rem var(--theme-dark-primary);
    box-shadow: 0 0 0 0.2rem var(--theme-dark-primary);
}

.btn-check:active + .btn-primary,
.btn-check:checked + .btn-primary,
.btn-primary.active,
.btn-primary:active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--theme-dark-primary);
    border-color: var(--theme-dark-primary);
}

.btn-check:active + .btn-primary:focus,
.btn-check:checked + .btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--theme-dark-primary);
    box-shadow: 0 0 0 0.2rem var(--theme-dark-primary);
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
}

a {
    color: var(--theme-primary);
}

a:hover {
    color: var(--theme-dark-primary);
}

.form-check-input:checked {
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
}

.form-check-input[type="checkbox"]:indeterminate {
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
}

.form-range::-webkit-slider-thumb {
    background-color: var(--theme-primary);
}

.form-range::-moz-range-thumb {
    background-color: var(--theme-primary);
}

.btn-outline-primary {
    color: var(--theme-primary);
    border-color: var(--theme-primary);
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
}

.btn-check:focus + .btn-outline-primary,
.btn-outline-primary:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--theme-primary);
    box-shadow: 0 0 0 0.2rem var(--theme-primary);
}

.btn-check:active + .btn-outline-primary,
.btn-check:checked + .btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
    color: #fff;
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
}

.btn-check:active + .btn-outline-primary:focus,
.btn-check:checked + .btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:active:focus {
    -webkit-box-shadow: 0 0 0 0.2rem var(--theme-primary);
    box-shadow: 0 0 0 0.2rem var(--theme-primary);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: var(--theme-primary);
}

.btn-link {
    color: var(--theme-primary);
}

.btn-link:hover {
    color: #6169d0;
}

.nav-link {
    color: var(--theme-primary);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: var(--theme-primary);
}
.page-item.active .page-link {
    color: #fff;
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
}
.progress-bar {
    background-color: var(--theme-primary);
}
.list-group-item.active {
    color: #fff;
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
}
.link-primary {
    color: var(--theme-primary);
}

.link-primary:focus,
.link-primary:hover {
    color: #6169d0;
}
.border-primary {
    border-color: var(--theme-primary) !important;
}
.leftside-menu {
    background: linear-gradient(135deg, var(--theme-dark-primary) 0, var(--theme-primary) 60%);
}

body[data-leftbar-compact-mode="condensed"]:not(.authentication-bg)
    .wrapper
    .leftside-menu
    .logo {
    background: linear-gradient(135deg, var(--theme-dark-primary) 0, var(--theme-primary) 60%);
}

body[data-leftbar-compact-mode="condensed"]:not(.authentication-bg)
    .side-nav
    .side-nav-item:hover
    .side-nav-link {
    color: #fff;
    background: linear-gradient(135deg, var(--theme-dark-primary) 0, var(--theme-primary) 60%);
}
body[data-leftbar-compact-mode="condensed"]:not(.authentication-bg)
    .side-nav
    .side-nav-item:hover
    > ul {
    background: linear-gradient(135deg, var(--theme-dark-primary) 0, var(--theme-primary) 60%);
}
body[data-leftbar-compact-mode="condensed"]:not(.authentication-bg)
    .side-nav
    .side-nav-item:hover
    > ul {
    background: linear-gradient(135deg, var(--theme-dark-primary) 0, var(--theme-primary) 60%);
}

body[data-leftbar-compact-mode="condensed"]:not(.authentication-bg)
    .side-nav
    .side-nav-item:hover
    > .collapse
    > ul,
body[data-leftbar-compact-mode="condensed"]:not(.authentication-bg)
    .side-nav
    .side-nav-item:hover
    > .collapsing
    > ul {

    background: linear-gradient(135deg, var(--theme-dark-primary) 0, var(--theme-primary) 60%);
}
body[data-leftbar-compact-mode="condensed"]:not(.authentication-bg)
    .logo
    span.logo-sm {
    color: var(--theme-primary);
}
body[data-leftbar-theme="light"] .help-box {
    background-color: var(--theme-primary);
}
body[data-layout="detached"] .leftside-menu .side-nav .side-nav-link:active,
body[data-layout="detached"] .leftside-menu .side-nav .side-nav-link:focus,
body[data-layout="detached"] .leftside-menu .side-nav .side-nav-link:hover {
    color: var(--theme-primary) !important;
}

body[data-layout="detached"]
    .leftside-menu
    .side-nav
    .side-nav-forth-level
    li
    a:focus,
body[data-layout="detached"]
    .leftside-menu
    .side-nav
    .side-nav-forth-level
    li
    a:hover,
body[data-layout="detached"]
    .leftside-menu
    .side-nav
    .side-nav-second-level
    li
    a:focus,
body[data-layout="detached"]
    .leftside-menu
    .side-nav
    .side-nav-second-level
    li
    a:hover,
body[data-layout="detached"]
    .leftside-menu
    .side-nav
    .side-nav-third-level
    li
    a:focus,
body[data-layout="detached"]
    .leftside-menu
    .side-nav
    .side-nav-third-level
    li
    a:hover {
    color: var(--theme-primary);
}

body[data-layout="detached"]
    .leftside-menu
    .side-nav
    .side-nav-forth-level
    li.mm-active
    > a,
body[data-layout="detached"]
    .leftside-menu
    .side-nav
    .side-nav-second-level
    li.mm-active
    > a,
body[data-layout="detached"]
    .leftside-menu
    .side-nav
    .side-nav-third-level
    li.mm-active
    > a {
    color: var(--theme-primary);
}

body[data-layout="detached"] .leftside-menu .side-nav .menuitem-active > a {
    color: var(--theme-primary) !important;
}
body[data-layout="detached"][data-leftbar-compact-mode="condensed"]
    .side-nav
    .side-nav-item:hover
    .side-nav-link {
    background: var(--theme-primary);
    color: #fff !important;
}

body[data-layout="detached"][data-leftbar-compact-mode="condensed"]
    .side-nav
    .side-nav-item:hover
    ul
    a:hover {
    color: var(--theme-primary) !important;
}
body[data-leftbar-theme="light"] .side-nav .side-nav-link:active,
body[data-leftbar-theme="light"] .side-nav .side-nav-link:focus,
body[data-leftbar-theme="light"] .side-nav .side-nav-link:hover {
    color: var(--theme-primary);
}
body[data-leftbar-theme="light"] .side-nav .menuitem-active > a {
    color: var(--theme-primary) !important;
}
body[data-leftbar-theme="light"] .side-nav .side-nav-forth-level li.active > a,
body[data-leftbar-theme="light"] .side-nav .side-nav-second-level li.active > a,
body[data-leftbar-theme="light"] .side-nav .side-nav-third-level li.active > a {
    color: var(--theme-primary);
}
body[data-leftbar-theme="light"][data-leftbar-compact-mode="condensed"]
    .side-nav
    .side-nav-item:hover
    .side-nav-link {
    background: var(--theme-primary);
    color: #fff !important;
}

body[data-leftbar-theme="light"][data-leftbar-compact-mode="condensed"]
    .side-nav
    .side-nav-item:hover
    > ul
    a:hover {
    color: var(--theme-primary);
}
body[data-leftbar-theme="light"][data-leftbar-compact-mode="condensed"]
    .side-nav
    .side-nav-item:hover
    > .collapse
    > ul
    a:hover,
body[data-leftbar-theme="light"][data-leftbar-compact-mode="condensed"]
    .side-nav
    .side-nav-item:hover
    > .collapsing
    > ul
    a:hover {
    color: var(--theme-primary);
}
body[data-leftbar-theme="dark"][data-leftbar-compact-mode="condensed"]
    .side-nav
    .side-nav-item:hover
    .side-nav-link {
    background: var(--theme-primary);
    color: #fff !important;
}
.topnav .nav-item.active > a {
    color: var(--theme-primary);
}
.avatar-title {
    background-color: var(--theme-primary);
    color: #fff;
}
.badge-primary-lighten {
    color: var(--theme-primary);
}

.badge-primary-lighten[href] {
    color: var(--theme-primary);
}

.badge-primary-lighten[href]:focus,
.badge-primary-lighten[href]:hover {
    color: var(--theme-primary);
    background-color: rgba(114, 124, 245, 0.4);
}

.badge-outline-primary {
    color: var(--theme-primary);
    border: 1px solid var(--theme-primary);
}

.badge-outline-primary[href] {
    color: var(--theme-primary);
    background-color: rgba(114, 124, 245, 0.2);
}

.badge-outline-primary[href]:focus,
.badge-outline-primary[href]:hover {
    color: var(--theme-primary);
    background-color: rgba(114, 124, 245, 0.2);
}
.form-checkbox-primary .form-check-input:checked,
.form-radio-primary .form-check-input:checked {
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
}
.nav-tabs.nav-bordered li a.active {
    border-bottom: 2px solid var(--theme-primary);
}

.ribbon-box .ribbon-primary {
    background: var(--theme-primary);
}
.ribbon-box .ribbon-two-primary span {
    background: var(--theme-primary);
}
.ribbon-box .ribbon-primary:before {
    border-color: #5a66f3 transparent transparent;
}
.ribbon-box .ribbon-two-primary span:before {
    border-left: 3px solid #5a66f3;
    border-top: 3px solid #5a66f3;
}

.ribbon-box .ribbon-two-primary span:after {
    border-right: 3px solid #5a66f3;
    border-top: 3px solid #5a66f3;
}
input[data-switch]:checked + label {
    background-color: var(--theme-primary);
}
input[data-switch="primary"]:checked + label {
    background-color: var(--theme-primary);
}
.widget-icon {
    color: var(--theme-primary);
    background-color: rgba(114, 124, 245, 0.25);

}
.calendar-widget .datepicker-inline .datepicker-switch,
.calendar-widget .datepicker-inline .next,
.calendar-widget .datepicker-inline .prev,
.calendar-widget table .datepicker-switch,
.calendar-widget table .next,
.calendar-widget table .prev {
    color: var(--theme-primary);
}

.horizontal-steps .process-line {
    background-color: var(--theme-primary);
}
.horizontal-steps .horizontal-steps-content .step-item {
    color: var(--theme-primary);
}

.horizontal-steps .horizontal-steps-content .step-item.current span {
    color: var(--theme-primary);
}

.bouncing-loader > div {
    background: var(--theme-primary);
}

.hero-section:after {
    content: " ";
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#8669ed),
        to(var(--theme-primary))
    );
    background-image: linear-gradient(to bottom, #8669ed, var(--theme-primary));
}

.icons-list-demo .col-md-4:hover,
.icons-list-demo .col-md-4:hover i {
    color: var(--theme-primary);
}

.text-error {
    color: var(--theme-primary);
    text-shadow: none;
}

.faq-question-q-box {
    color: var(--theme-primary);
    background-color: rgba(114, 124, 245, 0.25);
}

.fc-state-active,
.fc-state-disabled,
.fc-state-down {
    background-color: var(--theme-primary);
    color: #fff;
}

table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
    background-color: var(--theme-primary);
}

table.dataTable tbody > tr.selected td,
table.dataTable tbody > tr > .selected td {
    border-color: var(--theme-primary);
}
table.dataTable tbody td.focus,
table.dataTable tbody th.focus {
    outline: 2px solid var(--theme-primary) !important;
    background-color: rgba(114, 124, 245, 0.15);
}
div.dt-button-info {
    background-color: var(--theme-primary);
    color: #fff;
}

.daterangepicker .ranges li.active {
    background-color: var(--theme-primary);
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: var(--theme-primary);
    color: #fff;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: var(--theme-primary);
    color: #fff;
}
.datepicker table tr td .active.disabled:hover[disabled],
.datepicker table tr td .active.disabled[disabled],
.datepicker table tr td .active:active,
.datepicker table tr td .active:hover,
.datepicker table tr td .active:hover.active,
.datepicker table tr td .active:hover.disabled,
.datepicker table tr td .active:hover:active,
.datepicker table tr td .active:hover:hover,
.datepicker table tr td .active:hover[disabled],
.datepicker table tr td .active[disabled],
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled],
.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background-color: var(--theme-primary) !important;
    color: #fff;
}
.ql-toolbar span:hover {
    color: var(--theme-primary) !important;
}
.select2-container--default
    .select2-results__option--highlighted[aria-selected] {
    background-color: var(--theme-primary);
}
.select2-container--default
    .select2-results__option[aria-selected="true"]:hover {
    background-color: var(--theme-primary);
    color: #fff;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: var(--theme-primary);
    color: #fff;
}

[data-simplebar-primary] .simplebar-scrollbar:before {
    background: var(--theme-primary);
}

.jq-icon-primary {
    background-color: var(--theme-primary);
    color: #fff;
    border-color: var(--theme-primary);
}

.bootstrap-timepicker-widget table td input {
    color: #fff;
    background-color: var(--theme-primary);
}
.bootstrap-timepicker-widget table td a:hover {
    color: var(--theme-primary);
}
.editor-toolbar a.active,
.editor-toolbar a:hover {
    color: var(--theme-primary) !important;
}
.tt-suggestion.tt-cursor,
.tt-suggestion:hover {
    color: #fff;
    background-color: var(--theme-primary);
}

.irs--flat .irs-bar {
    background-color: var(--theme-primary);
}
.irs--flat .irs-from,
.irs--flat .irs-single,
.irs--flat .irs-to {
    color: #fff;
    background-color: var(--theme-primary);
}

.irs--flat .irs-from:before,
.irs--flat .irs-single:before,
.irs--flat .irs-to:before {
    border-top-color: var(--theme-primary);
}
.gantt .bar-progress {
    fill: var(--theme-primary);
}

.gantt .bar-wrapper:hover .bar-progress {
    fill: var(--theme-primary);
}



.white-filter {
    filter: brightness(0) invert(1);
}



.img-upload {
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    border: 2px dashed rgba(0, 0, 0, 0.1);
    /* min-height: 180px; */
    padding: 1em;
    position: relative;
    margin-bottom: 15px;
}

.img-upload img {
    max-height: 180px;
}
.note-editor.fullscreen {
    background-color: #fff;
}
.sidebar-enable .side-nav-second-level li {
    background-color: var(--theme-dark-primary);
}
.nav-justified .nav-item, .nav-justified>.nav-link {
    background: var(--theme-dark-primary);
}
.nav-pills>li>a,.nav-pills>li>a:hover, .nav-tabs>li>a:hover {
    color: #fff;
}
body.authentication-bg{background-image:url(../images/bg-elements-3.svg);background-size:cover;background-position:center}
.btn{
    box-shadow: none;
}
.en {
    font-family: 'Poppins', sans-serif!important;
}
.ta {
    font-family: 'Mukta Malar', sans-serif!important;
}
.lang a.dropdown-item {
    cursor: pointer;
}

i.flag-icon
{
    font-size: 25px;
    font-weight: bold;
}
:root {
    --bs-body-font-family: 'Poppins', sans-serif;
}