:root{
    --main-color:#c8c9cb; /*#ec1e27;*/
}

:root{
    --secondary-color:#f39c12; /*orange theme*/
}

* {
 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-color: #f4f6f9;
}

.box-border{
    border: 10px solid #596086;
    border-radius: 20px;
}


.image-background{
             background-color: #f4f6f9;
             position: relative;
             overflow: hidden;
}

.content-wrapper{
    background:transparent !important;
}

.page-header-text{
    font-weight: 900;color: white;font-family: system-ui;font-size: 40px;
}

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

.navbar-red {
    background-color: transparent !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;
}