.bg-custom, .btn-success {
    background-color: rgb(214,34,21);
    border-color: rgb(243,38,23);
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .dataTables_wrapper .dataTables_paginate .paginate_button.current:not(:disabled):not(.disabled).active, .dataTables_wrapper .dataTables_paginate .paginate_button.current:not(:disabled):not(.disabled):active
, .dataTables_wrapper .dataTables_paginate .show>.dropdown-toggle.paginate_button.current, .show>.btn-primary.dropdown-toggle, .btn-primary, .dataTables_wrapper .dataTables_paginate .paginate_button.current, .page-item.active .page-link {
    background-color: rgb(214,34,21);
    border-color: rgb(214,34,21);
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle
, .btn-success.disabled, .btn-success:disabled {
    color: #FFFFFF;
    background-color: rgb(214,34,21);
    border-color: rgb(214,34,21);
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #ffffff;
    text-decoration: none;
    background-color: rgb(214,34,21);
}

.btn-primary:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background-color: rgb(243, 38, 23);
    border-color: rgb(243,38,23);
}

.sidebar .nav-link.active, .bg-custom-primary {
    background-color: rgb(214,34,21);
}

.sidebar .nav-link:hover, .btn-success:hover {
    background-color: rgb(243,38,23);
    border-color: rgb(214,34,21);
}

.bg-custom-primary {
    color: white;
}

.sidebar .nav-link.active .nav-icon {
    color: white;
}

a, .btn-link {
    color: rgb(214,34,21);
    &:hover {
        color: rgb(243,38,23);
    }
}

.dropdown-menu {
    a, .btn-link {
        color: rgb(214,34,21);
        &:hover {
            color: #fff;
    
        }
    }        
}

table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1):hover, table.table-hover tbody tr:hover {
    background-color: rgb(243 38 23 / 8%);
    border-color: rgb(243 38 23 / 8%);
}

.sidebar.sidebar-pills .nav-link.active, .sidebar.sidebar-pills .nav-link:hover, .sidebar-pills .nav-link:hover .nav-icon {
    color: rgb(243,38,23) !important;
}

.sidebar.sidebar-pills .nav-link.active .nav-icon, .sidebar.sidebar-pills .nav-link:hover .nav-icon {
    color: rgb(243,38,23);
}

.dropdown-item.active, .dropdown-item:active, .btn-success:active {
    color: #FFFFFF;
    border-color: rgb(214,34,21);
    background-color: rgb(243,38,23) !important;
}

.btn-outline-primary {
    color: #FFFFFF;
    border-color: rgb(214,34,21);
    background-color: rgb(214,34,21);
}

.btn-outline-primary:hover {
    color: #FFFFFF;
    border-color: rgb(243,38,23);
    background-color: rgb(243,38,23) !important;
}

.switch-primary .switch-input:checked + .switch-slider {
    background-color: rgb(214,34,21);
    border-color: rgb(243,38,23);
}

.form-control:focus, .dataTables_wrapper .dataTables_length select:focus, .dataTables_wrapper .dataTables_filter input:focus {
    border-color: rgb(243,38,23);
    outline: 0;
    box-shadow: 0 0 0 1px #a90000;
}

form .select2.select2-container.select2-container--focus, form .select2.select2-container.select2-container--focus {
    border: rgb(243,38,23) !important;
    outline: 0;
    box-shadow: 0 0 0 1px #a90000;
}

form .select2.select2-container.select2-container--open {
    border: 1px solid rgb(243,38,23) !important;
    box-shadow: 0 0 0 1px #a90000;
}

.btn-primary:focus, .dataTables_wrapper .dataTables_paginate .paginate_button.current:focus, .btn-primary.focus, .dataTables_wrapper .dataTables_paginate .focus.paginate_button.current {
    box-shadow: 0 0 0 2px #a90000;
}

:focus-visible {
    outline: #a90000 auto 1px;
}

button:focus {
    outline: 5px auto #a90000;
}

.app-header .navbar-brand {
    opacity: 0.75;
    width: 250px;
    justify-content: left;
    font-size: 1.4rem;
    &:hover {
        opacity: 1;
    }
    @media screen and (min-width: 992px) {
        padding: 0 2.25rem;
    }
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: rgb(214,34,21) !important;
    border-color: transparent;
    color: #fff;
}

.btn-primary.disabled, .dataTables_wrapper .dataTables_paginate .disabled.paginate_button.current, .btn-primary:disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.current:disabled {
    color: #FFFFFF;
    background-color: rgb(214,34,21);
    border-color: rgb(214,34,21);
}

.invalid-feedback {
    color: rgb(199, 116, 15);
}