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

:root{
    --secondary-color:#01aedf; /*#ec1e27;*/
}

* {
 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/Background.png") !important;
             background-color: #fff;
             background-size: cover;
}

.header-gradient {
    background: rgb(19,119,188);
    background: linear-gradient(99deg, rgba(19,119,188,1) 24%, rgba(33,168,224,1) 99%);
}

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


.image-background{
             background-image: url("../..//uploads/images/bg-content.jpg");
             background-color: #cccccc;
             background-size: cover;
            
}

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

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

.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: #01aedf !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;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
     background-color: rgb(255 255 255 / 56%) !important;
     color:white !important;
}