.rect-auto, .c100.p50 .slice{
  clip: rect(auto, auto, auto, auto);
}

.pie, .c100 .bar, .p50 .fill{
  position: absolute;
  border: 0.08em solid #307bbb;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.bar {
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.pie-fill, .c100.p50 .bar:after, .p50 .fill{
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto;
  background-color: #D5DDE5;
}
.c100 *, .c100 *:before, .c100 *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.c100.center {
  float: none;
  margin: 0 auto;
}
.c100.big {
  font-size: 240px;
}
.c100.small {
  font-size: 60px;
}


.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: black;
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.c100:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: whitesmoke;
  width: 0.84em;
  height: 0.84em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}

.c100:hover {
  cursor: default;
}
.c_budget{
  line-height: 1 !important;
  margin-top: 20px;

}
.money_icon{
    font-family: "Helvetica", "Arial, sans-serif";
    font-style: normal;
}
/*.c100:hover > span {
  width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  color: #307bbb;
}
.c100:hover:after {
  top: 0.04em;
  left: 0.04em;
  width: 0.92em;
  height: 0.92em;
}*/
.c100.dark {
  background-color: #777777;
}
.c100.dark .bar,
.c100.dark .fill {
  border-color: #c6ff00 !important;
}
.c100.dark > span {
  color: #777777;
}
.c100.dark:after {
  background-color: #666666;
}
.c100.dark:hover > span {
  color: #c6ff00;
}
.c100.green .bar, .c100.green .fill {
  border-color: #4db53c !important;
}
.c100.green:hover > span {
  color: #4db53c;
}
.c100.green.dark .bar, .c100.green.dark .fill {
  border-color: #5fd400 !important;
}
.c100.green.dark:hover > span {
  color: #5fd400;
}
.c100.orange .bar, .c100.orange .fill {
  border-color: #dd9d22 !important;
}
.c100.orange:hover > span {
  color: #dd9d22;
}
.c100.orange.dark .bar, .c100.orange.dark .fill {
  border-color: #e08833 !important;
}
.c100.orange.dark:hover > span {
  color: #e08833;
}

.c100.pink .bar, .c100.pink .fill {
  border-color: #ff8e8e !important;
}
.c100.pink:hover > span {
  color: #ff8e8e;
}
.c100.pink.dark .bar, .c100.pink.dark .fill {
  border-color: #ff8e8e !important;
}
.c100.pink.dark:hover > span {
  color: #ff8e8e;
}

.c100.circle_1 .bar, .c100.circle_1 .fill {
  border-color: #8e8ebb !important;
}
/*.c100.circle_1:hover > span {
  color: #8e8ebb;
}*/
.c100.circle_1.dark .bar, .c100.circle_1.dark .fill {
  border-color: #8e8ebb !important;
}
/*.c100.circle_1.dark:hover > span {
  color: #8e8ebb;
}*/

.c100.circle_2 .bar, .c100.circle_2 .fill {
  border-color: #665f9c !important;
}
/*.c100.circle_2:hover > span {
  color: #665f9c;
}*/
.c100.circle_2.dark .bar, .c100.circle_2.dark .fill {
  border-color: #665f9c !important;
}
/*.c100.circle_2.dark:hover > span {
  color: #665f9c;
}*/

.c100.circle_3 .bar, .c100.circle_3 .fill {
  border-color: #975396 !important;
}
/*.c100.circle_3:hover > span {
  color: #975396;
}*/
.c100.circle_3.dark .bar, .c100.circle_3.dark .fill {
  border-color: #975396 !important;
}
/*.c100.circle_3.dark:hover > span {
  color: #975396;
}*/

.dark-area {
	background-color: #666;
	padding: 40px;
	margin: 0 -40px 20px -40px;
	clear: both;
}

.clearfix:before,.clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

.special{
  font-size: 12px;
  width: 145px;
  text-align: center;
  line-height: 12px;
}
/*
.glp-transparent-border.col-md-4:first-child {
    width: 33%;
}
.glp-transparent-border.col-md-4:nth-child(2) {
    width: 30%;
}
.glp-transparent-border.col-md-4:nth-child(3) {
    width: 37%;
}
*/