.tabs .indicator{
    background-color:#37474f;
}

.tabs .tab a.active {
     background-color:#cfd8dc;
     background-size: 100% 200%;
     background-position-y: center;
     //opacity: 0.9;
     //color: black !important;
}

tabs .tab a:focus, .tabs .tab a:focus.active {
     background-color:#cfd8dc;
}

.goal-met .goal ::before {
     content: "\2714";
     color: white;
     font-weight: bold;
     background-color: #1b5e20;
     padding: 0 10px;
     border-radius: 3px;
     margin: 0 10px 0 0;
}

.goal-missed .goal ::before {
     content: "\2718";
     color: white;
     font-weight: bold;
     background-color: #D32F2F;
     padding: 0 10px;
     border-radius: 3px;
     margin: 0 10px 0 0;
}

.goal {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px 5px 5px 5px;
}

.goal:first-child {
}

.goal-holder:nth-child(even) .goal {
   background: #b2dfdb;
}

.goal-holder:nth-child(odd) .goal {
  background: #80cbc4;
}

.goals {
 min-height: 300px !important;
}

.resource-card {
  margin-left: 2px;
  width: 24%;
  background: white;
  border-radius: 5%;
}

.resource-card:first-child {
  margin-left: 0px;
}

.resource-card {

}

.countries-flag {
  width: 24%;
  float: right;
  border-radius: 100%;
}

.goal-text {
  //clear: both;
}


.tabs .tab.usa a.active {
  //background-image: url("../images/USA.png");
  //border-radius: 100%;
}

.tabs .tab.china a.active {
  //background-image: url("../images/CHINA.png");
}

.tabs .tab.russia a.active {
  //background-image: url("../images/RUSSIA.png");
  //background-position: center;
}

.tabs .tab.great-britain a.active  {
  //background-image: url("../images/GREAT_BRITAIN.png");
  //background-position: center;
}

.slides {
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 50px;
  border-radius: 5px;
}

.between-slides {
   margin-bottom: 20px;
}

.trade {
  background-color: rgb(100, 127, 191);
}

.military {
  background-color: rgb(191, 127, 191);
}

.human-rights {
  background-color: rgb(191, 127, 127);
}

.environment {
  background-color: rgb(127, 191, 127);
}

.usa .noUi-handle {
  background-image: url("../images/USA.png");
  background-size: 40px 40px;
  background-position: center;
}

.great-britain .noUi-handle {
  background-image: url("../images/GREAT_BRITAIN.png");
  background-size: 40px 40px;
  background-position: center;
}

.russia .noUi-handle {
  background-image: url("../images/RUSSIA.png");
  background-size: 40px 40px;
  background-position: center;
}

.china .noUi-handle {
  background-image: url("../images/CHINA.png");
  background-size: 40px 40px;
  background-position: center;
}

#slide-view {
  display: none;
}

.slide-title {
 font-size: 1.2em;
 margin-bottom: 8px;
}

.noUi-pips {
  color: white;
}

.noUi-marker {
  color: white;
}

.noUi-marker-large {
  background: white;
}

.noUi-horizontal {
    height: 10px;
}

.noUi-horizontal .noUi-handle {
    height: 20px;
}

.noUi-handle:after, .noUi-handle:before {
    height: 0;
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 5px;
}

.noUi-pips-horizontal {
    padding: 0 0;
}

.qrcode canvas {
  margin: 16px;
}

.logo-holder {
    position: relative;
    height: 200px;
    width: 100%;
}

.logo-holder img {
    position: absolute;
    right: 0;
    bottom: 0;
}