:root{
    --main-color:#343a40; /*#ff7675;*/ /*#ec1e27;*/
}

:root{
    --secondary-color: #343a40;/*#e74c3c;*/ /*#ec1e27;*/
}


.btn-primary {
    background-color: var(--secondary-color) !important
}

.image-background{
             background-image: url("../..//uploads/images/grunge-wall-texture.jpg");
             background-color: #cccccc;
            
}

.page-header-text{
    font-weight: 900;color: white;font-family: system-ui;font-size: 2.8rem !important;
}

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}

.navbar-red {
    background-color: var(--main-color) !important;
    border:none !important;
    box-shadow: 0 0 10px #9ecaed;
}

.navbar-nav .nav-item a {
    color:#fff;
}

.sidebar-red-primary {
    background-color: var(--main-color) !important;
}

.sidebar-red-primary a {
    color: #fff !important;
}

.bg-warning {
    color: #fff !important;
}

.header-title {
    background-color: var(--main-color);
    color:#fff;
    padding: 8px;
    border-radius: 5px;
    font-size: 1em;
    display: block;
    font-weight: bold;
}