:root {
    --primary-color: #0d79ff;
    --primary-dark: #2f7582;
    --primary-light: #4b9455;
    --primary-text: #0b353d;
    --primary-bg-light: rgba(8, 44, 51, .12);
    --primary-border: #468996;
    --primary-sky: #4a67ff;
    --secondary-color: #eee;
    --shadow-color: rgba(167, 167, 167, .67);
    --shadow-light: rgba(219, 220, 221, 1);
    --primary-sky: #4a67ff;
    --primary-sky-light: #6c84fa;
    --olives-color: #50662d;
    --olives-color-light: #657c41;
}


.btn:hover,
.btn-primary:hover {
    box-shadow: 2px 2px 7px 0px var(--shadow-color) !important;
    transform: translateY(-2px);
    background: var(--primary-light) !important;
}

.btn:hover {
    background: var(--primary-light) !important;
}

.btn-primary {
    background: var(--primary-color) !important;
    border-color: transparent !important;
    color: #fff !important;
    transition: all .2s ease-in-out;
    border-radius: 30px;
}


.main-menu.menu-light .navigation > li ul .active,
.main-menu.menu-light .navigation > li.active > a {
    background: linear-gradient(90deg, var(--primary-color) 3%, var(--primary-dark) 96%) !important;
    box-shadow: 2px 2px 7px 0px var(--shadow-color) !important;
    border-radius: 30px;
}


.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):focus,
.input-group-merge:focus,
.input-group-text:focus,
.input-group:not(.bootstrap-touchspin):focus-within .form-control,
.input-group:not(.bootstrap-touchspin):focus-within .input-group-text {
    border-color: var(--primary-border) !important;
    box-shadow: none;
}


.badge.badge-light-primary {
    background-color: var(--primary-bg-light);
    color: var(--primary-text) !important;
}


.btn-outline-primary:hover,
.btn-outline-primary.show.dropdown-toggle,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):focus {
    background-color: var(--secondary-color);
    color: var(--primary-text);
}


.text-primary {
    color: var(--primary-color) !important;
}


.nav-pills .nav-link.active,
.progress-bar,
.select2-container--default .select2-results__option[aria-selected=true],
.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-box,
.dropdown-item:active {
    background: linear-gradient(90deg, var(--primary-color) 3%, var(--primary-light) 96%);
}


.form-control,
.select2-container--classic .select2-selection--single,
.select2-container--default .select2-selection--single,
.btn-outline-secondary,
.form-select {
    border: 1px solid var(--primary-border);
}


.form-check-input:focus {
    border-color: var(--primary-border) !important;
    outline: 0;
    box-shadow: 2px 2px 7px 0px var(--shadow-light) !important;
}


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


.header-navbar .navbar-container ul.navbar-nav li svg.ficon:hover {
    color: var(--primary-text);
}

.bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
    background: var(--primary-color) !important;
    box-shadow: 0px 2px 6px 0px rgba(115, 103, 240, 0.3);
    color: #fff !important;
}

.btn-primary-sky {
    background-color: var(--primary-sky) !important;
    color: white !important;
    border-color: var(--primary-sky) !important;
    border: none;
}

.btn-primary-sky {
    background-color: var(--primary-sky) !important;
    color: white !important;
    border-color: transparent !important;
    transition: all .2s ease-in-out;
}

.btn-olives-color {
    background-color: var(--olives-color) !important;
    color: white !important;
    border-color: transparent !important;
    transition: all .2s ease-in-out;
}


    .btn-olives-color:hover {
        box-shadow: 2px 2px 7px 0px var(--shadow-color) !important;
        transform: translateY(-2px);
        background: var(--olives-color-light) !important;
    }

.btn-primary-sky:hover {
    box-shadow: 2px 2px 7px 0px var(--shadow-color) !important;
    transform: translateY(-2px);
    background: var(--primary-sky-light) !important;
}
.nav-link:not(.active) {
    color: black;
}

    .nav-link:not(.active):hover {
        color: #316f39 !important;
    }

html[dir="rtl"] .chevron-style i {
    transform: rotate(180deg);
}

.custom_image_profile {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
}

.svg-manu {
    margin-right: 0.5rem;
}



    .bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) svg > path {
        stroke: #FFFF !important;
    }

.bs-stepper .step.active .bs-stepper-circle {
    background-color: var(--primary-color) !important;
    color: #fff;
    box-shadow: 0 0.125rem 0.375rem 0 rgba(38, 127, 237, 0.3);
}

.nav-link:hover {
    color: white !important
}
.btn:hover,
.btn-primary:hover {
    box-shadow: 2px 2px 7px 0px var(--shadow-color) !important;
    transform: translateY(-2px);
    background: var(--primary-light) !important;
}

.btn:hover {
    background: var(--primary-light) !important;
}