/*Color variables*/
:root {
    --primary-bg-color: #6259ca ;
    --primary-color : #e49c2d;
    --primary-color-hover : #ED8D00;

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

.bg-primary::hover,
.bg-primary::focus {
    background-color: var(--primary-color) !important;
}

.bg-primary-transparent {
    background-color: rgba(230, 81, 69, 0.13);
}

.select2-container--classic .select2-selection--single:focus,
.select2-container--classic.select2-container--open .select2-selection--single,
.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid var(--primary-color);
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid var(--primary-color);
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: var(--primary-color);
}

.main-header-center .search-btn {
    background-color: var(--primary-color);
}

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

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

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

.bd-primary {
    border-color: var(--primary-color);
}

.card-item .card-item-icon.card-icon {
    background: rgba(230, 81, 69, 0.13);
    fill: var(--primary-color);
}

.card-dashboard-calendar .ui-datepicker .ui-datepicker-month {
    color: var(--primary-color);
}

.card-dashboard-calendar .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

#back-to-top {
    background: var(--primary-color);
}

.ckbox span:after {
    background-color: var(--primary-color);
}

.btn-primary {
    color: #ffffff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-primary:hover,
.btn-primary:focus {
    box-shadow: 0 0 0 1px rgba(230, 81, 69, 0.1);
    color: #ffffff;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

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

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.show>.btn-primary.dropdown-toggle {
    color: #ffffff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px rgba(230, 81, 69, 0.1);
}

.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(230, 81, 69, 0.1);
}

.btn-main-primary {
    color: #ffffff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-main-primary:hover {
    color: #ffffff;
    background-color: var(--primary-color-hover);
    border-color: var(--primary-color-hover);
}

.btn-main-primary:focus,
.btn-main-primary.focus {
    box-shadow: 0 0 0 1px rgba(230, 81, 69, 0.1);
}

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

.btn-main-primary:not(:disabled):not(.disabled):active,
.btn-main-primary:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.show>.btn-main-primary.dropdown-toggle {
    color: #ffffff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-main-primary:not(:disabled):not(.disabled):active:focus,
.btn-main-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px rgba(230, 81, 69, 0.1);
}

.show>.btn-main-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(230, 81, 69, 0.1);
}

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

.btn-outline-primary:hover {
    color: #ffffff !important;
    background-color: var(--primary-color-hover);
    border-color: var(--primary-color-hover);
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 1px rgba(230, 81, 69, 0.1);
}

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

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active {
    color: #ffffff !important;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.show>.btn-outline-primary.dropdown-toggle {
    color: #ffffff !important;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 1px rgba(230, 81, 69, 0.1);
}

.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 1px rgba(230, 81, 69, 0.1);
}

.badge-primary {
    color: #ffffff;
    background-color: var(--primary-color);
}

a.badge-primary:hover {
    color: #ffffff;
    background-color: var(--primary-color-hover);
}

a.badge-primary:focus {
    color: #ffffff;
    background-color: var(--primary-color-hover);
    outline: 0;
    box-shadow: 0 0 0 1px rgba(230, 81, 69, 0.1);
}

a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 1px rgba(230, 81, 69, 0.1);
}

.main-nav-column .nav-link.active {
    color: var(--primary-color);
}

.main-nav-column .nav-link.active:hover,
.main-nav-column .nav-link.active:focus {
    color: var(--primary-color-hover);
}

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

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

.main-nav-line-chat .nav-link.active,
.main-msg-send {
    color: var(--primary-color);
}

.main-calendar .fc-view.fc-agenda-view .fc-day-header.fc-today>a {
    color: var(--primary-color);
}

.main-calendar td.fc-today .fc-day-number {
    background-color: var(--primary-color);
}

.main-calendar td.fc-today .fc-day-number:hover,
.main-calendar td.fc-today .fc-day-number:focus {
    background-color: var(--primary-color-hover);
}

.main-avatar {
    background-color: var(--primary-color);
}

.page-item.active .page-link {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    background-color: var(--primary-color);
}

.flat a:hover,
.flat a.active,
.flat a:hover:after,
.flat a.active:after {
    background: var(--primary-color);
    color: #ffffff;
}

.badge-light {
    background-color: #fdf6f6;
}

.nav-pills .nav-link.active {
    background-color: var(--primary-color);
}

.main-nav .nav-link.active,
.accordion .card-header a {
    color: var(--primary-color);
}

.accordion-color .card-header a.collapsed {
    background-color: var(--primary-color);
}

.timeline-wrapper-primary .timeline-panel:before,
.timeline-wrapper-primary .timeline-badge {
    background: var(--primary-color);
}

.br-theme-bars-1to10 .br-widget a.br-active,
.br-theme-bars-1to10 .br-widget a.br-selected {
    background-color: var(--primary-color);
}

.br-theme-bars-square .br-widget a.br-active,
.br-theme-bars-square .br-widget a.br-selected {
    border: 2px solid #f0f2f8;
    color: var(--primary-color);
}

.br-theme-bars-pill .br-widget a.br-active,
.br-theme-bars-pill .br-widget a.br-selected {
    background-color: var(--primary-color);
    color: white;
}

.br-theme-bars-horizontal .br-widget a.br-active,
.br-theme-bars-horizontal .br-widget a.br-selected {
    background-color: var(--primary-color);
}

.main-content-body-profile .main-nav-line .nav-link.active {
    color: var(--primary-color);
}

.custom-switch-input:checked~.custom-switch-indicator {
    background: var(--primary-color);
}

.rdiobox input[type='radio']:checked+span:before {
    border-color: transparent;
    background-color: var(--primary-color);
}

.selectgroup-input:checked+.selectgroup-button {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
    background: rgba(230, 81, 69, 0.13);
    color: var(--primary-color);
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
    background-color: var(--primary-color);
    color: #ffffff;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:hover,
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:focus {
    background-color: var(--primary-color);
    color: #ffffff;
}

.irs-bar {
    background-color: var(--primary-color);
}

.irs-from,
.irs-to,
.irs-single {
    color: #ffffff;
    background: var(--primary-color);
}

.wizard>.steps .current a .number,
.wizard>.steps .current a:hover .number,
.wizard>.steps .current a:active .number,
.wizard>.steps .current a .number,
.wizard>.steps .current a:hover .number,
.wizard>.steps .current a:active .number {
    background-color: var(--primary-color);
    color: #ffffff;
}

.profile-cover__info .nav strong,
.profile-tab .main-nav-line .nav-link.active,
.pricing-tabs .nav-price li .active {
    color: var(--primary-color);
}

.signpages .details:before,
.construction:before {
    background: var(--primary-color);
    opacity: 0.95;
}

.color-horizontal .main-navbar.hor-menu {
    background-color: var(--primary-color);
    box-shadow: -8px 12px 18px 0 rgba(21, 21, 62, 0.2);
}

.color-header .main-header {
    background: var(--primary-color);
    border-bottom: 1px solid rgba(240, 240, 255, 0.15) !important;
}

.dark-theme.color-header .main-header {
    background: var(--primary-color);
    border-bottom: 1px solid rgba(240, 240, 255, 0.15) !important;
}

.first-sidemenu {
    background: var(--primary-color);
}

.second-sidemenu .slide-item.active,
.second-sidemenu .menu .slide-item.active:before {
    color: var(--primary-color);
}

.tag-primary,
.progress-bar {
    background-color: var(--primary-color);
}

.bg-primary .main-nav .nav-link.active,
.bg-secondary .main-nav .nav-link.active {
    color: #ffffff;
}

.popover-header {
    background-color: var(--primary-color);
    color: #ffffff;
}

.lds-heart div:after,
.lds-heart div:before,
.lds-heart div:after,
.lds-heart div:before {
    background: var(--primary-color);
}

.lds-ripple div {
    border: 4px solid var(--primary-color);
}

.lds-spinner div:after,
.lds-circle>div {
    background: var(--primary-color);
}

.lds-dual-ring:after {
    border: 5px solid var(--primary-color);
    border-color: var(--primary-color) transparent var(--primary-color) transparent;
}

.lds-facebook div {
    background: var(--primary-color);
}

.color-horizontal .main-navbar .nav-item.active .nav-link {
    color: var(--primary-color);
}

.color-horizontal .main-navbar .nav-item.active .nav-link.with-sub::after {
    color: var(--primary-color);
}

.color-horizontal .main-navbar .nav-sub-item.active>.nav-sub-link {
    color: var(--primary-color);
}

.color-horizontal .main-navbar .nav-sub-item.active>.nav-sub-link:before {
    color: var(--primary-color);
}

.color-horizontal .main-navbar .nav-sub-link:hover,
.color-horizontal .main-navbar .nav-sub-link:focus {
    color: var(--primary-color);
}

.color-horizontal .main-navbar .nav-sub-link:hover,
.color-horizontal .main-navbar .nav-sub-link:focus {
    color: var(--primary-color);
}

.color-horizontal .main-navbar .nav-item.active .nav-link {
    color: var(--primary-color);
}

.color-horizontal .main-navbar .nav-item.active .nav-link.with-sub::after {
    color: var(--primary-color);
}

@media (min-width: 992px) {

    .main-navbar .nav-sub-link:hover,
    .main-navbar .nav-sub-link:focus {
        color: var(--primary-color);
    }

    .main-navbar.hor-menu .nav-sub-item.active a {
        color: var(--primary-color);
    }

    .main-navbar .nav-sub-item.active>.nav-sub-link {
        color: var(--primary-color);
    }

    .main-navbar .nav-sub-item.active>.nav-sub-link:before {
        color: var(--primary-color);
    }
}

.main-form-search .btn,
.main-form-search .sp-container button {
    background-color: var(--primary-color);
}

.flat a:hover,
.flat a.active,
.flat a:hover:after,
.flat a.active:after {
    background: var(--primary-color);
    color: #ffffff;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    background-color: #e8493c;
    color: #ffffff;
}

.lds-heart div {
    background: var(--primary-color);
}

.accordion .card-header a.collapsed:hover,
.accordion .card-header a.collapsed:focus {
    background-color: var(--primary-color);
    color: #ffffff;
}

.main-sidebar-body li.active .sidemenu-label,
.main-sidebar-body li.active i {
    color: var(--primary-color);
}

.light-horizontal .main-navbar.hor-menu .nav-item.active .nav-link,
.light-horizontal .main-navbar.hor-menu .nav-item:hover .nav-link {
    color: var(--primary-color);
}

.first-sidemenu {
    background: var(--primary-color);
}

.resp-tabs-list li.resp-tab-item.active::after,
.resp-tabs-list li.resp-tab-active::after,
.resp-tabs-list li.resp-tab-item.active::before,
.resp-tabs-list li.resp-tab-active::before {
    border-right: 20px solid var(--primary-color);
}

.second-sidemenu .slide-item.active,
.second-sidemenu .menu .slide-item.active:before,
.second-sidemenu .slide-item:hover,
.second-sidemenu .menu .slide-item:hover:before {
    color: var(--primary-color);
}

@media (max-width: 767px) and (min-width: 576px) {
    .sidebar-mini.sidenav-toggled .main-content {
        background: var(--primary-color);
    }
}

.main-sidebar-body li.active .sidemenu-icon {
    background: var(--primary-color);
}

.project-status.primary:before {
    border-left: 3px solid var(--primary-color);
}

.badge-primary-light {
    background-color: rgba(230, 81, 69, 0.13);
    color: var(--primary-color);
}

.color-leftmenu .main-sidebar-sticky {
    background: var(--primary-color);
}

.color-leftmenu .main-sidebar-body .nav-item.active .nav-link:after,
.color-leftmenu .main-sidebar-body .nav-item.active .nav-link:before {
    border-right: 20px solid var(--primary-color);
}

.dark-theme.color-leftmenu .main-sidebar-sticky {
    background: var(--primary-color);
}

.dark-theme.color-leftmenu .main-sidebar-body .nav-item.active .nav-link:after,
.dark-theme.color-leftmenu .main-sidebar-body .nav-item.active .nav-link:before {
    border-right: 20px solid var(--primary-color);
}

input:checked+label.payment-cards {
    border-color: var(--primary-color) !important;
    color: var(--primary-color);
}

.form input:checked+label:after {
    border-color: var(--primary-color) var(--primary-color) transparent;
}

#checkoutsteps>.steps .current a .number,
#checkoutsteps>.actions a {
    background: var(--primary-color);
}

.card-pay .tabs-menu li a.active {
    background: var(--primary-color);
}

#checkoutsteps .total {
    color: var(--primary-color);
}

.item1-links .nav-item a.active {
    background-color: var(--primary-color);
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    background-color: var(--primary-color);
    color: #ffffff !important;
}

.list-group-item.active {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.irs-from,
.irs-to,
.irs-single {
    background-color: var(--primary-color) !important;
}

.track .step.active:before,
.track .step.active .icon {
    background: var(--primary-color);
}

.bootstrap-tagsinput .badge {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.sweet-alert button {
    background-color: var(--primary-color) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
    color: var(--primary-color);
}

@media (min-width: 768px) {
    .main-sidebar-hide .main-sidebar-body li.active .sidemenu-icon {
        background: var(--primary-color);
    }
}

@media (min-width: 768px) {
    .main-sidebar-hide.main-sidebar-open .main-sidebar-body li.active .sidemenu-icon {
        background: var(--primary-color);
    }
}

.product-timeline ul.timeline-1>li .product-icon {
    color: var(--primary-color);
}

.custom-control-input:checked~.custom-control-label::before {
    color: #ffffff;
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}

.fc-h-event {
    border: 1px solid var(--primary-color) !important;
    background-color: var(--primary-color) !important;
}

.fc .fc-button-primary {
    color: #ffffff;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.fc .fc-button-primary:disabled {
    color: #ffffff;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.bootstrap-tagsinput .badge {
    background-color: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
}

.accordion .card-header a {
    color: var(--primary-color);
}

.sweet-alert button {
    background-color: var(--primary-color) !important;
}

.main-header-center .search-btn:hover {
    background-color: var(--primary-color);
}

.bg-background2:before {
    background: var(--primary-color);
    opacity: 0.94;
}

.crypto-btc-usd .nav-link.active {
    background-color: var(--primary-color) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
    color: var(--primary-color);
}

.card-order i,
.product-timeline ul.timeline-1>li .product-icon {
    background: #e7efff;
    color: var(--primary-color);
}

.popover-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.popover-primary.bs-popover-top>.arrow::after,
.popover-primary.bs-popover-auto[x-placement^="top"]>.arrow::after {
    border-top-color: var(--primary-color);
}

.br-theme-bars-movie .br-widget a.br-active,
.br-theme-bars-movie .br-widget a.br-selected {
    background-color: var(--primary-color);
}

a.text-primary:focus,
a.text-primary:hover {
    color: var(--primary-color-hover) !important;
}

.crypto-wallet .clipboard-icon {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.irs-slider:before {
    background-color: var(--primary-color) !important;
}

.signpages .details::before {
    background: rgba(53, 52, 52, 0.9);
}
.pointer{
    cursor: pointer;
}
/*******************
Notification page Jquery toaster
******************/

.jq-icon-info {
    background-color: #01c0c8;
    color: #fff;
}

.jq-icon-success {
    background-color: #00c292;
    color: #fff;
}

.jq-icon-error {
    background-color: #e46a76;
    color: #fff;
}

.jq-icon-warning {
    background-color: #fec107;
    color: #fff;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
@media only screen and (max-width: 767px) {
    #carouselSlider {
        margin-top: 60px;
    }
    .m-begin-mobile {
        margin-top: 3rem !important;
    }
}

.hidden-ecran {
    width: 0px;
    height: 0px;
    display: none;
    position: absolute;
    color: transparent;
}