.text-black{
    color: #000000;
}

.toast-success, .alert.alert-success {
    color: #fff;
    background-color: #00c851 !important;
}

.toast-error, .alert.alert-danger {
    color: #fff;
    background-color: #ff3547 !important;
}
.toast-warning, .alert.alert-warning {
    color: #fff;
    background-color: #fb3 !important;
}
.toast-info, .alert.alert-info {
    color: #fff;
    background-color: #33b5e5 !important;
}
#toast-container > div {
    opacity: inherit !important;
}

.dropzone .dz-message {
    text-align: center;
    margin: 0;
}
.dropzoneDragArea {
    background-color: #fbfdff;
    border: 1px dashed #c0ccda;
    padding: 60px;
    text-align: center;
    margin-bottom: 15px;
    cursor: pointer;

    width: 100%; /* Ensure the dropzone box fills the width */
    height: 200px; /* Adjust the height based on your preference */
    display: flex;
    justify-content: center;
    align-items: center;
}
.dropzone-previews {
    width: 100%; /* Ensure previews area is full width too */
    margin-top: 10px; /* Space between dropzone and previews */
}
.dropzone{
    box-shadow: 0px 2px 20px 0px #f2f2f2;
}

.auth-fluid .auth-fluid-form-box{
    background-color: #000;
    color: #fff;
}
.btn-primary {
    box-shadow: 0 0 0 rgba(237, 28, 36, 0.5); /* Adjusted for red shadow */
    color: #fff;
    background-color: #ed1c24; /* Red background */
    border-color: #ed1c24; /* Red border */
}
.btn-primary:hover {
    color: #fff;
    background-color: #c8171d; /* Slightly darker red for hover effect */
    border-color: #b1151a; /* Even darker red for border hover effect */
}
#sidebar-menu .menuitem-active .active {
    color: #ed1c24; /* Red color for active menu item */
}
#sidebar-menu>ul>li>a:active, 
#sidebar-menu>ul>li>a:focus, 
#sidebar-menu>ul>li>a:hover {
    color: #ed1c24; /* Red color for hover, focus, and active states */
    text-decoration: none;
}
/* .left-side-menu{
    background-color: #000;
} */
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #ed1c24; /* Red background color */
    border-color: #ed1c24;    /* Red border color */
}
.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .15rem rgba(237,28,36,.5); /* Updated shadow color */
}
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #ed1c24; /* Updated background color */
    border-color: #d1161a; /* Updated border color */
}
#sidebar-menu .menuitem-active>a {
    color: #ed1c24;
}
.nav-second-level li a:focus, .nav-second-level li a:hover {
    color: #ed1c24;
}
.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #ed1c24;
    border-color: #ed1c24;
    box-shadow: 0 0 0 .15rem rgba(237, 28, 36, 0.5); /* Using #ed1c24 */
}