/**
 * Basic styling
 */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

h1 {
  font-size: 32px;
  font-weight: 100;
}

.circle {
  position: relative;
  height: 285px;
  width: 285px;
  display: inline-block;
  border-radius: 50%;
  /** Remove left spacing on first cirlce. */
  /**
   * Gradients by http://uigradients.com/
   */
}
h1 + .circle {
  margin-left: 0;
}
.circle--sunrise {
  background: #E9E9E9;
}
.circle--timber {
  background: -webkit-linear-gradient(90deg, #fc00ff 0%, #00dbde 100%);
  background: linear-gradient(0deg, #fc00ff 0%, #00dbde 100%);
}
.circle--mojito {
  background: -webkit-linear-gradient(90deg, #1D976C 0%, #93F9B9 100%);
  background: linear-gradient(0deg, #1D976C 0%, #93F9B9 100%);
}
.circle:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 90%;
  width: 90%;
  background: #F2F2F2;
  border-radius: 50%;
  content: '';
}
.circle__content {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}
.circle__content__headline {
  font-size: 36px;
  color: red;
}

.fa-2x { margin: 0 auto; float: none; display: table; color: #E9E9E9; }

.skillbar{
	margin-top: 0px !important;
}

path:hover
  {
  opacity: 0.5;
	transition:opacity 0.2s linear;
  }
  
  
  
.tooltip_bg{
  fill: white;
  stroke: black;
  stroke-width: 1;
  opacity: 0.85;
}

.popup-republicki {
  background: #fafafa;
  color: #727272;
  font-size: 14px;
  line-height: 0.9rem;
  padding: 10px 10px;
  position: absolute;
  text-align: left;
  z-index: 999;
  font-family: "Arial", sans-serif;
  transform: translateY(-50%);
  border: 1px solid #7b7b7b;
}

.popup {
  background: #fafafa;
  color: #727272;
  font-size: 14px;
  line-height: 0.9rem;
  padding: 10px 10px;
  position: absolute;
  text-align: left;
  z-index: 999;
  font-family: "Arial", sans-serif;
  transform: translateY(-50%);
  border: 1px solid #7b7b7b;
  
}

#podaci {
    display: inline-block;
    opacity: 0;
    vertical-align: top;
    margin-top: 0px;
}

#podaci-republicki {
    display: inline-block;
    opacity: 0;
    vertical-align: top;
}

#izlaznostSkala-republicki {
  width: 100%;
  background: #efe;
  height: 50px;
}

#izlaznostSkala-republicki span{
  width: 0%;
  background: #0f0;
  height: 50px;
  display: block;
  transition: width .2s linear;
}

#izlaznostSkala {
  width: 200px;
  background: #f1f9e8;
  height: 32px;
}

#izlaznostSkala span{
  width: 0%;
  background: #78C31E;
  height: 32px;
  display: block;
  transition: width .2s linear;
}
.odometer {
    font-size: 36px;
}
.wptime-plugin-progress-wrap span{
	right: 10px !important;
	background: white;
	font-weight: 600;
}