:root{
    --main-color:#c8c9cb; /*#ec1e27;*/
}

:root{
    --secondary-color:#4CAF50; /*#ec1e27;*/
}

@media (min-width: 768px) {
    body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .main-footer, body:not(.sidebar-mini-md) .main-header {
        transition: margin-left .3s ease-in-out;
        margin-left: 0px !important;
    }
}

.modal-content{
    border-radius:15px !important;
}

* {
 font-size: 100%;
 /*font-family: Times New Roman;*/
}


.btn-primary {
    background-color: var(--secondary-color) !important
}

.lbl-primary {
    color: var(--secondary-color) !important;
}

body{
     /* background-image: url("../..//uploads/images/bg-content.jpg");*/
             background-color: #f5f5f5;
             background-size: cover;
}

.box-border{
    border: 10px solid #596086;
    border-radius: 20px;
}


.image-background{
             /*background-image: url("../..//uploads/images/bg-content.jpg");*/
             background-color: #f5f5f5;
             background-size: cover;
            
}

.content-wrapper{
    background:transparent !important;
}

.page-header-text{
    font-weight: 900;color: #2d5016;font-family: system-ui;font-size: 40px;
}

.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}

.navbar-red {
    background: linear-gradient(135deg, #2d5016, #4a7c59) !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: #596086 !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;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
     background-color: var(--secondary-color) !important;
     color:white !important;
}


 .container {
        max-width: 100%;
    } 
