/*
* Override default values. Created by SRH; 2022
*/

body {
    font-family: 'montserrat', Helvetica, Arial, sans-serif;
}


.brandcolor {
    background-color: #99FE00;
    background-image: none;
    color: black;
   text-shadow: none;
    font-family: 'montserrat', Helvetica, Arial, sans-serif;
}
                                                              
.container .brandcolor {
    background-color: #99FE00;
}

.brandcolor .navbar-brand, .navbar-nav > li > a {
    text-shadow: none;
    color:black !important;

}                          


h1, .h1,
h2, .h2,                        
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    font-family: 'montserrat', Helvetica, Arial, sans-serif;
}

.panel-primary  {
    border-color: #cccccc;
}

.panel-primary > .panel-heading {
    color: #000000;
    background-color: #cccccc;
    border-color: #cccccc;
    background-image:  linear-gradient(to bottom, #cccccc 0%, #cccccc 100%);
}

.panel-default > .panel-heading {
    letter-spacing: 0.7px;
    color: #000000;
    font-size: 18px;
}

.panel-info > .panel-heading {
    letter-spacing: 0.7px;
    color: #99FE00;
    font-size: 16px;
}

.panel-info > .panel-heading {
    color: #000000;
    background-color: #99FE00;
    border-color: #99FE00;
    background-image: linear-gradient(to bottom, #99FE00 0%, #99FE00 100%);
}

.panel-primary > .panel-heading {
    letter-spacing: 0.7px;
    font-size: 18px;
}

.flat span:hover, .flat span.active,
.flat span:hover:after, .flat span.active:after{
    background: #99FE00;
    color:black;
}

.flat a:hover, .flat a.active,
.flat a:hover:after, .flat a.active:after{
    background: #99FE00;
    color:black; 
}

.btn-primary {
    background-image: linear-gradient(to bottom,#cccccc 0%,#cccccc 100%);
    border-color: #cccccc; 
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #99FE00;
    background-position: 0 -15px;
    background-image:  linear-gradient(to bottom, #99FE00 0%, #99FE00 100%);
    color:black;
}

.modal-header, h5, .close {
    background-image:  linear-gradient(to bottom, #cccccc 0%, #cccccc 100%);
    color: black !important;
    text-align: center;  
    font-size: 30px;
}

.dx-widget {
    font-family: 'montserrat', Helvetica, Arial, sans-serif;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-image: -webkit-linear-gradient(top, #cccccc 0%, #cccccc 100%);