hr.divider {
  /*
  border-bottom:1px solid #28c4ff;
  height: 1px; border: 0; */

  color: #bfeeff;
  background-color: #bfeeff;
  height: 0px;
}

div.logo {
  position:relative;
  display: table;
  text-indent: -9999px;
  width: 50px;
  height: 42px;
  /*background: url(./../public/assets/UNEnvIcons.svg);*/
  /*background: url(./../public/assets/sp-icons.png);*/
  background: url('http://staging1.unep.org/simon/open-unep-vue/public/assets/sp-icons.png');

  background-size: 380%;
  background-repeat: no-repeat;
  /*clip-path: inset(0 50px 0 50px);*/
}

h2.sp {
  font-size:1em;
}

div.logo.sp1 { 
  background-position: -48px -2px;
}
div.logo.sp2 {
  background-position: -48px -288px;
}
div.logo.sp3 {
  background-position: -48px -192px;
}
div.logo.sp4 {
  background-position: -48px -48px;
}
div.logo.sp5 {
  background-position: -48px -96px;
}
div.logo.sp6 {
  background-position: -48px -240px;
}
div.logo.sp7 {
  background-position: -48px -144px;
}

div.logo.sp1.active { 
  background-position: 0px -2px;
}
div.logo.sp2.active {
  background-position: 0px -288px;
}
div.logo.sp3.active {
  background-position: 0px -192px;
}
div.logo.sp4.active {
  background-position: 0px -48px;
}
div.logo.sp5.active {
  background-position: 0px -96px;
}
div.logo.sp6.active {
  background-position: 0px -240px;
}
div.logo.sp7.active {
  background-position: 0px -144px;
}


.sp1.active { /* climate change */
  color:#F58238;
}
.sp2.active {  /* disasters */
  color:#76489D;
}
.sp3.active { /* ecosysrtem */
  color:#45B757;
}
.sp4.active { /* env governance */
  color:#909AA7;
}
.sp5.active { /* chemicals waste */
  color:#D51A3C;
}
.sp6.active { /* resource eff */
  color:#E5BF45;
}
.sp7.active { /* env under review */
  color:#007FBC;
}

.pointer {cursor: pointer;}


h1 {
  color:#00AEEF;
  font-size:1.3em;
 }
 h2 {
  color:#00AEEF;
  font-size:1.25em;
 }

 h1, h2, h3, h4, div, p, span, li {
 font-family: 'Open Sans', sans-serif;
 }

div.attained, .attained {
    background-color: #92D050;
}

div.attained_late, .attained_late {
    background-color: #006b9f;
}

div.pending_attainment, .pending_attainment {
    background-color: #ff8f20;
}

div.not_attained, .not_attained {
    background-color: #ff2222;
}

a {
  color:#00AEEF;
  text-decoration:none;
}
a:hover {
  color:#007baa;
  text-decoration:none;
}

.not-allowed {cursor: not-allowed;}