@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

html  {
  font-family: Open Sans,Helvetica,Arial,sans-serif
  font-size: 16px;
  font-weight: 400;
  color: #131313;
  background: #ffffff url(../img/background_white.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}



h1,
.uk-h1,
h2,
.uk-h2,
h3,
.uk-h3,
h4,
.uk-h4,
h5,
.uk-h5,
h6,
.uk-h6 {
  margin: 0 0 20px 0;
  font-family: Open Sans,Helvetica,Arial,sans-serif
  font-weight: 700;
  color: #131313;
  text-transform: uppercase;
}

header  {
  background-color: #131313;
  height: 26px;
  padding: 16px;
  color: #ffffff;
}

main  {
  padding: 15px 0;
}

footer  {
  padding: 15px 0;
}

.logo_ui  {
  height: 16px;
}

.icon_ui  {
  height: 24px;
  width: 24px;
}

.icon_ui_small  {
  height: 16px;
  width: 16px;
}

.na_base  {
  color: #005EA8 !important;
}

.na_black {
  color: #000000 !important;
}

.na_fill_light  {
  background: #E2F2FF;
}

.bold {
  font-weight: 600;
}

.uk-text-small  {
  font-size: .75rem
}

.uk-divider-vertical {
  width: 1px;
  height: 24px;
  margin-left: auto;
  margin-right: auto;
  border-left: 1px solid #e5e5e5;
}

.uk-dropdown  {
z-index: 1000;
padding: 0;
background: rgba(0,0,0,.8);
box-shadow: 0 5px 10px rgba(0,0,0,.2);
transition: opacity .2s cubic-bezier(.77,0,.175,1);
text-align: right;
}

.uk-dropdown-nav > li > a {
  color: #ebedf0;
  background: hsla(0,0%,100%,0);
  font-weight: 400;
  padding: 1em 1.3em;
  text-align: right;
}
/* Hover + Focus + Active */
.uk-dropdown-nav > li > a:hover,
.uk-dropdown-nav > li > a:focus,
.uk-dropdown-nav > li.uk-active > a {
  background: hsla(0,0%,100%,.5);
  color: #ebedf0;
}

.uk-button-primary {
  background-color: #005EA8;
  color: #fff;
  border: 1px solid transparent;
}
/* Hover + Focus */
.uk-button-primary:hover,
.uk-button-primary:focus {
  background-color: #005EA8;
  color: #fff;
}
/* OnClick + Active */
.uk-button-primary:active,
.uk-button-primary.uk-active {
  background-color: #005EA8;
  color: #fff;
}

.padding-small  {
  padding: 7px;
}

.chart-gauge  {
  width: 150px;
  margin: 10px auto  
} 

.chart-first  {
  fill: #9FBD35;
}

.chart-second {
fill: #F2BA3A;
}

.chart-third  {
fill: #ff9a1e;
}

.chart-four  {
fill: #FB3033;
}
    
.needle, .needle-center {
fill: #000000;
}