.btn-primary,
.btn-primary:hover{
    background-color: #ca4242 !important;
    border-color: #ca4242 !important;
}
.text-primary{
    color: #000 !important;
}
.form-check-input:checked{
    background-color: #262626;
    border-color: #262626;
}

.app-sidebar{
    background-color: #262626;
}
.app-sidebar .side-menu__label{
    color: #fff;
    text-transform: uppercase;
}
.app-sidebar .side-menu__icon{
    color: #fff;
}

.app-sidebar .main-sidebar-header{
    background: #262626 !important;
}

.page-header-breadcrumb,
.app-header{
    background: #ca4242 !important;
}

[data-menu-styles=dark] .app-sidebar .side-menu__item.active,
[data-menu-styles=dark] .app-sidebar .side-menu__item:hover{
    background-color: #fff !important;
}
[data-menu-styles=dark] .app-sidebar .side-menu__item.active .side-menu__icon,
[data-menu-styles=dark] .app-sidebar .side-menu__item.active .side-menu__label,
[data-menu-styles=dark] .app-sidebar .side-menu__item:hover .side-menu__label,
[data-menu-styles=dark] .app-sidebar .side-menu__item:hover .side-menu__icon{
    color: #000;
}

.app-sidebar .side-menu__item{
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -ms-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
}
.app-sidebar .side-menu__item:hover{
    background-color: transparent !important;
}

.form-control,
.form-control:focus,
.input-group .btn.btn-light,
.form-select,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--open .select2-dropdown--below,
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-container--open .select2-dropdown--above {
    border: 1px solid #828282 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    height: 100%;
}
.form-control{
    height: 36px;
}
.badge{
    font-size: inherit;
}

table.has-border{
    border-collapse: collapse;
    width: 100%;
    font-size: 11px;
}

table.has-border td,
table.has-border th{
    border: 1px solid #000;
    color: #000;
    padding: 5px 5px !important;
}
table.has-border th{
    text-transform: uppercase;
    text-align: center;
    font-weight: bolder;
}
table.has-border td.hover{
    cursor: pointer;
}
table.has-border td.hover:hover{
    background-color: #e9e9e9;
}

.hover-tr{
    cursor: pointer;
}
.hover-tr:hover{
    background-color: #fff7eb;
}
td{
    color: #3a3939 !important;
}
td.default-h{
    height: 40px;
}

.bg-blink{
    background-color: #ffb5c6;
    animation: blink 1.5s infinite;
    color: #fff !important;
}
.bg-blink-warning{
    background-color: #43ced7;
    animation: blink 1.5s infinite;
}

.table.with-space-bottom tr{
    border-bottom: 10px solid #edeef1;
    border-radius: 10px;
}

.shadow-none{
    box-shadow: none;
}

/* .horizontal-logo{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
} */
.horizontal-logo .toggle-dark{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-top: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.icon_class{
    padding: 5px 5px;
}

.demande-card{
    min-height: 600px;
}

.select2-container--default .select2-selection--multiple{
    border: 1px solid #828282 !important;
}

.custom-border tbody, .custom-border  td, .custom-border tfoot, .custom-border th, .custom-border thead, .custom-border tr{
    border-color: #4d4d4d;
}

.btn,
.nav-tabs.nav-style-5 .nav-link.active{
    border-radius: 50px !important;
    border: none;
}

.nav-tabs.nav-style-5 .nav-link.active{
    background-color: #262626;
}

.btn{
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.btn-me{
    font-size: 0.85rem;
    border-radius: 0.35rem;
    padding: 0.5rem 0.85rem;
    box-shadow: none;
    font-weight: 500;
    box-shadow: 1px 1px 1px #ddd;
}
.btn-me:hover{
    opacity: .8;
}

.btn-me-small{
    font-size: 0.85rem;
    border-radius: 0.35rem;
    padding: 0.25rem 0.40rem;
    box-shadow: none;
    font-weight: 500;
    box-shadow: 1px 1px 1px #ddd;
    box-shadow: 0px 0px 5px #a4a4a4;
}

.bg-one{
    background: #ca4242 !important;
    color: #fff !important;
}
.bg-two{
    background: #262626 !important;
    color: #fff !important;
}
.bg-three{
    background: #fff !important;
    color: #262626 !important;
}
.bg-four{
    background: #f4f0ea !important;
    color: #262626 !important;
}

.btn-actions{
    min-width: 35px;
    min-height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    box-shadow: 0px 0px 5px #a4a4a4;
    margin-right: 3px;
    /* border: 1px solid #ddd; */
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-results__option--selected.select2-results__option--highlighted,
.select2-container--default .select2-results__option--selected{
    background: #262626 !important;
    border-color: #262626 !important;
}

.page-item.active .page-link{
    background-color: #ca4242;
    border-color: #ca4242;
}

.filter-border{
    border: 1px solid #000 !important;
}

.dropdown-item:not(.active):hover, .dropdown-item:not(.active):focus, .dropdown-item:not(.active):active,
a:hover{
    color: #262626;
}

.bg-primary-transparent{
    background-color: #ddd !important;
}
/* .bg-primary-transparent:hover{
    background-color: inherit !important;
    color: inherit !important;
} */

.hover-red{
    transition: all ease .4s;
}
.hover-red:hover{
    color: #ca4242 !important;
}

@keyframes blink {
    50% {
      background-color: #fff;
    }
}

/* dark mode */
[data-theme-mode=dark] th,
[data-theme-mode=dark] td,
[data-theme-mode=dark] .text-white{
    color: #fff !important;
}

[data-theme-mode=dark] tr{
    background-color: #262c3c;
}

[data-theme-mode=dark] .bg-blink {
    background-color: transparent;
    animation: none;
    -webkit-animation: none;
}

[data-theme-mode=dark] .card{
    background-color: #262c3c;
}