/* navbar changes */
.navbar-default {
  background-color: #003883;
  border-color: #003883;
}

.navbar-light {
  background-color: #003883 !important;
  border-color: #003883;
}  

.navbar-light .navbar-nav .nav-link {
  color: #FFFFFF;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #F5F5F5;
}

.navbar-light .navbar-nav .nav-link:focus {
  color: #C5C5C5;
}

.navbar-default .navbar-nav > .open > a:focus {
  background-color: #C0C0C0;
  color: #555555;
}

.navbar-light .navbar-nav > .open > a:focus {
  background-color: #C0C0C0;
  color: #555555;
}


.navbar-brand {
  padding: 0px; /* firefox bug fix */
}
.navbar-brand > img {
  height: 100%;
  padding: 5px; /* firefox bug fix */
  padding-left: 15px;
  width: auto;
}

/* overrule navbar setting */
.wrapnavbar {
    width: 100%;
    background-color: #003883;
}

.wrapnavbar .dropdown-menu {
    background-color: #F0F0F0 !important; 
}		

.wrapnavbar .navcontainer .navbar {
    margin-bottom: 0px !important;
}

.wrapnavbar .navcontainer .navbar li a {
    font-size: 100% !important;
    font-weight: bold;
    padding-left: 10px !important;
    padding-right: 30px !important;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #333333 !important;
    font-weight: normal !important;		
}


/*create additional margin on top ( to correct navbar bottom margin */
#pagecontent {
padding-top: 30px !important;	
}	



@media only screen and (max-width : 992px){
    
.navcontainer {
                padding-left: 0px;
                padding-right: 0px;
                }				

}	
    


/* Resize H1-2 etc for smaller screens */	
@media only screen and (max-width : 768px){
    
h1 {
  font-size: 4.5vw;
  padding-left: 0px !important;	
}
h2 {
  font-size: 3.8vw;
  padding-left: 0px !important;	
}
h3 {
  font-size: 3.6vw;
  padding-left: 0px !important;	
}
h4 {
  font-size: 3.0vw;
  padding-left: 0px !important;	
}
        
}	

@-webkit-keyframes change-color-report {
  0%   { background-color: #FFF; }
  50%   { background-color: #F0F0F0; }		
  100% { background-color: #FFF; }
}
@-moz-keyframes change-color-report {
  0%   { background-color: #FFF; }
  50%   { background-color: #F0F0F0; }		
  100% { background-color: #FFF; }
}
@-o-keyframes change-color-report {
  0%   { background-color: #FFF; }
  50%   { background-color: #F0F0F0; }		
  100% { background-color: #FFF; }
}
@keyframes change-color-report {
  0%   { background-color: #FFF; }
  50%   { background-color: #F0F0F0; }		
  100% { background-color: #FFF; }
}


.well-report {
  -webkit-animation: change-color-report 5s infinite; /* Safari 4+ */
  -moz-animation:    change-color-report 5s infinite; /* Fx 5+ */
  -o-animation:      change-color-report 5s infinite; /* Opera 12+ */
  animation:         change-color-report 5s infinite; /* IE 10+ */
}

hr.hrthick {
    height: 2px;
    background-color:#003883;
}	
    
    
/* footer */

/* overrule navbar setting */
.wrapfooter {
  width: 100%;
  border-top: 10px solid #003883;
  background-color: #F5F5F5;
}


footer {	 
  background-color: #F5F5F5; 
}



/* ASDEvents classes */
.panel-events > .panel-heading {
  color: #F0F0F0;
  background-color: #4888da	;
}

/* ASDReports classes */
.panel-reports > .panel-heading {
  color: #F0F0F0;
  background-color: #008000;
}


a {
  color: #003883;
}

/* margin around logo */
#Header-logo {
  margin: 10px;	
}	
    
    


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */