/*body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
}*/
.anim, .anim svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.anim path {
  stroke-width: 0.5;
  
  opacity: 0.4;
}
.color-01 { color: #FF1461; } /* Red */
.color-02 { color: #FF7C72; } /* Orange */
.color-03 { color: #FBF38C; } /* Yellow */
.color-04 { color: #A6FF8F; } /* Citrus */
.color-05 { color: #18FF92; } /* Green */
.color-06 { color: #1CE2B2; } /* Darkgreen */
.color-07 { color: #5EF3FB; } /* Turquoise */
.color-08 { color: #61C3FF; } /* Lightblue */
.color-09 { color: #5A87FF; } /* Blue */
.color-10 { color: #8453E3; } /* Purple */
.color-11 { color: #C26EFF; } /* Lavender */
.color-12 { color: #FB89FB; } /* Pink */

#exTab3 .nav-pills > li > a {
  color: white;
  border-radius: 10px 10px 0 0 ;
}

#exTab3 .nav-pills > li.active > a {
  /*background-color: #4caf50;*/
  color: orange;
  background-color: transparent;
}

#exTab3 .nav-pills > li > a:hover {
  /*background-color: #4caf50;*/
  color: #333;
  background-color: rgba(255,255,255,.7);
}

#exTab3 .tab-content {
  padding : 5px 15px;
}

#exTab3 .tab-content p {
  opacity: 1;
}