/* General styles */
html, body {
  font-family: 'Open Sans', sans-serif;
}
body {
  padding-top: 70px;
  background-color:#e6e6e6;
  color:#465050;
}
.tooltip, .popover {
  font-family: 'Open Sans', sans-serif;
}


/*for charts*/
/*
canvas {
 padding-right: 30px;
}
*/

/* Navbar */
nav.navbar-brandid { 
  background: #fff; 
  border:none; 
  box-shadow: 0 0 2px 0 #ccc; 
}
nav.navbar-brandid .container { 
  margin-left:0;
}

nav.navbar-brandid ul.navbar-nav a { 
  border-style: solid; 
  border-width: 0 0 2px 0; 
  border-color: #fff; 
}
nav.navbar-brandid ul.navbar-nav a:hover,
nav.navbar-brandid ul.navbar-nav a:visited,
nav.navbar-brandid ul.navbar-nav a:focus,
nav.navbar-brandid ul.navbar-nav a:active { 
  background: #fff; 
}
nav.navbar-brandid ul.navbar-nav a:hover { 
  background-color: #f5f5f6;
  border-color: #ed2805; 
}
nav.navbar-brandid li.divider { 
  background: #ccc; 
}
nav.navbar-brandid button.navbar-toggle { 
  background: #ed2805; 
  border-radius: 2px; 
}
nav.navbar-brandid button.navbar-toggle:hover { 
  background: #999; 
}
nav.navbar-brandid button.navbar-toggle > span.icon-bar { 
  background: #fff; 
}
nav.navbar-brandid ul.dropdown-menu { 
  border: 0; 
  background: #fff; 
  border-radius: 4px; 
  margin: 4px 0; 
  box-shadow: 0 0 4px 0 #ccc; 

}
nav.navbar-brandid ul.dropdown-menu > li > a { 
  
}
nav.navbar-brandid ul.dropdown-menu > li > a:hover { 
  background: #ed2805; color: #fff; 
}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
  background-color: #f5f5f6;
  border-color: #ed2805; 
}
nav.navbar-brandid .divider-vertical {
  height: 50px;
  margin: 0 9px;
  border-left: 1px solid #F2F2F2;
  border-right: 1px solid #FFF;
}

/* (Sub)Navbar */
.dropdown-submenu {
  position: relative;

}
.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;

  max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}
.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}
.dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
  border-left-color: #fff;
}

.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}


/* Buttons */
.btn-primary {
    color: #fff;
    background-color: #465050;
    border-color: #465050;
}
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active {
    color: #fff;
    background-color: #465050;
    border-color: #465050;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #465050;
    border-color: #465050;
}



.flag-icon-uk {
  background-image: url(../images/additional-flags/uk.svg);
}
.flag-icon-eu {
  background-image: url(../images/additional-flags/eu.svg);
}

.dropdown-header.settings-optgroup {
  font-size:14px;
}