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

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


.brandcolor {
    background-color: #00326d;
    background-image: none;                        
    color: white;
   text-shadow: none;
    font-family: 'montserrat', Helvetica, Arial, sans-serif;
}
                                   
.container .brandcolor {
    background-color: #00326d;                 
}
                                                          
.brandcolor .navbar-brand, .navbar-nav > li > a {
    text-shadow: none;
    color:white !important;                                        

}
                                            

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

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #00326d;
    border-color: #00326d;
    background-image:  linear-gradient(to bottom, rgba(51, 122, 183, 0.34) 0%, #00326d 100%);
}
                                         
.panel-default > .panel-heading {
    letter-spacing: 0.7px; 
    color: #00326d;   
    font-size: 18px;
}                               

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

.panel-info > .panel-heading {                            
    color: #fff;     
    background-color: #00326d;
    border-color: #00326d;
    background-image: linear-gradient(to bottom, #00326d 0%, #00326d 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: #f5f5f5;
    color:black;              
}                                 
                         
.flat a:hover, .flat a.active,
.flat a:hover:after, .flat a.active:after{
    background: #5ec962;    
    color:black;
}
                              
.btn-primary:hover, .btn-primary:focus {
    background-color: #5ec962;                     
    background-position: 0 -15px;    
    background-image:  linear-gradient(to bottom, #00326d 0%, #00326d 100%);
}                                                

.modal-header, h5, .close {
    background-image:  linear-gradient(to bottom, #6A83A1 0%, #00326d 100%);
    color: white !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, #337ab7 0%, #5ec962 100%);
    background-image: -o-linear-gradient(top, #337ab7 0%, #5ec962 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#5ec962));
    background-image: linear-gradient(to bottom, #5ec962 0%, #5ec962 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    background-repeat: repeat-x;                                        
    background-color: #5ec962;