.center {
    text-align: center;
}

.right {
    text-align: right;
}

.airq-big-title {
    font-family: DIN-BOLD;
    font-size: 64px;
}

.airq-title {
    font-family: DIN-BOLD;
    font-size: 38px;
}

.airq-text {
    font-family: DIN-BOLD;
    font-size: 56px;
}

.airq-icon {
    font-family: SmartHomeIconSet;
    font-size: 36px;
    color: #ffffff;
}

.city-logo-margin {
    margin: 20px 0 0 60px;
}

.custom-divider {
    border-bottom: 2px solid white !important;
}

.margin-title {
    margin: 10px 10px 0 10px;
}

.margin-top-bottom {
    margin: 20px 0 20px 0;
}

.margin-top-10 {
    margin: 10px 0 0 0;
}

.margin-top-20 {
    margin: 20px 0 0 0;
}

.margin-top-40 {
    margin: 40px 0 0 0;
}

.margin-left-right-10 {
    margin: 0 10px 0 10px;
}

.margin-left-right-20 {
    margin: 0 20px 0 20px;
}

.margin-left-22 {
    margin-left: 22px;
}

.margin-left-30 {
    margin-left: 30px;
}

.disclaimer {
    margin-left: 10px;
    display: inline-block;
    font-family: DIN-BOLD;
    font-size: .70571429em;
    color: white;
}

g text {
    font-family: DIN-BOLD;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.hidden {
    display: none;
}

g.smart-chart .line { 
    stroke: #2185D0;
    stroke-width: 2;
    fill: none;
}

g.smart-chart .axis path,
g.smart-chart .axis line {
    fill: none;
    stroke: grey;
    stroke-width: 2;
    shape-rendering: crispEdges;
}

g.smart-chart .axis g.tick line {
    display: none;
}

g.smart-chart .grid path.domain,
g.smart-chart .y.axis path.domain {
    display: none;
}

g.smart-chart #areagraph {							
    fill: url(#area-gradient);					
    stroke-width: 0px;			
}

g.smart-chart .grid line {
    stroke: lightgrey;
    opacity: 0.7;
}

g.smart-chart .grid g.path {
      stroke-width: 0;
}

body {
    background: #303030 !important;
    background-color: #2A2A2A;          
    width: 1080px;
}

.donut-highest {
    fill: darkgrey !important;
}

.margin-top-20-imp {
    margin-top: 20px !important;
}

h1 {
    font-family: DIN
}

.font-color-white {
    color: white;
}

.font-color-white text {
    fill: white;
}

.subitem.item {
    box-shadow: none !important;
}

@font-face { font-family: DIN-BOLD; src: url('DINProCE-Bold.ttf'); } 

@font-face{
    font-family:'SmartHomeIconSet';
    src:url('SmartHomeIconSet.eot');
    src:url('SmartHomeIconSet.eot') format('embedded-opentype'),
    url('SmartHomeIconSet.woff') format('woff'),
    url('SmartHomeIconSet.ttf') format('truetype'),
    url('SmartHomeIconSet.svg') format('svg');
    font-weight:normal;
    font-style:normal;
}

.x.axis.section-graph-font text {
    font-family: DIN-BOLD;
}

.font-din-bold {
    font-family: DIN-BOLD;
}

.section-text {
    font-family: DIN-BOLD;
    fill: #949998;
}

.section-line { 
    stroke: #000;
    stroke-width: 1;
    fill: none;
}

.x.grid.black-line g line {
    stroke: #000;
    stroke-width: 1;
    fill: none;
}

.y.grid g line {
    stroke: #949998;
}

.x.axis .tick line {
    opacity: 0;
}

.y.axis.section-line-tick line {
    display: initial !important;
    stroke: #949998;
}

div.tooltip {	
    position: absolute;			
    text-align: center;			
    width: 80px;					
    height: 36px;					
    padding: 4px;				
    font: 12px DIN-BOLD;		
    background: #2A2A2A;
    color: #949998;	
    border: 0px;					
    pointer-events: none;			
}

@font-face { font-family: DIN; src: url('DinProCE.TTF'); } 

h1 {
    font-family: DIN
}
g.cityscope-logo-g {
    transform: scale(1, -1) translate(0px, -200px);
}

rect.cityscope-logo-rect {
    stroke: white;
    stroke-width: 2;
    fill: none;
}

.inner {
  width: 50%;
  margin: 0 auto;
}

.st0{fill:#2B3990;}
.st1{fill:#068FBF;}
.st2{fill:url(#SVGID_1_);}
.st3{fill:#33CAFF;}
.st4{fill:url(#SVGID_2_);}
.st5{fill:#D1D3D4;}
.st6{fill:url(#SVGID_3_);}
.st7{fill:url(#SVGID_4_);}
.st8{fill:#BCBEC0;}

.caqi {
    color: #ffffff;
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.caqi.verylow {
    background-color: #79bc6a;
}

.caqi.low {
    background-color: #bbcf4c;
}

.caqi.medium {
    background-color: #eec20b;
}

.caqi.high {
    background-color: #f29305;
}

.caqi.veryhigh {
    background-color: #e8416f;
}