body{
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 1.1em;
	box-sizing: border-box;
  background-color: #f3f4f6;
}
h2 {
  color: #7500e3;
}
a:hover {
  color: #F7D429 !important;
}
.container-fluid {
  background-color: #f3f4f6;
}

.pb-bg-dark {
  background-color: #2c2c2c;
}
.pb-text-purple {
  color: #7500e3;
}
.pb-bg-purple {
  background-color:  #7500e3;
}
button[type=submit],
input[type=submit]{
  border:  2px solid #7500e3;
}
button[type=submit]:hover,
input[type=submit]:hover{
  background-color: white;
  border: 2px solid #7500e3;
  color: #7500e3 !important;
}
.pb-card-image {
    width: 100%;
    /* height: 100%;*/
    max-height: 120px;
    object-fit: contain;
    overflow: hidden;
}

.dropdown-menu[data-bs-popper] {
  margin-top:  25px !important;
  right: 0 !important;
  left: unset !important;
}
.dropdown-item:focus,
.dropdown-item:hover {
  background-color: unset !important;
  color: #F7D429 !important;
}

.gg-add,
.gg-check-o,
.gg-math-plus,
.gg-pen,
.gg-eye,
.gg-external {
  color: #7500e3;
}

.gg-add:hover,
.gg-check-o:hover,
.gg-math-plus:hover,
.gg-pen:hover,
.gg-eye:hover,
.gg-external:hover {
  color: #F7D429;
}

.gg-add{
  display: inline-block;
  vertical-align: text-bottom;
  margin: 0 10px;
}
.gg-check-o{
  display: inline-block;
  vertical-align: text-bottom;
  margin: 0 10px;
}
.gg-math-plus{
  display: inline-block;
  vertical-align: middle;
}
.gg-pen {
	width: 8px;
}
.heading-h2{
  padding-left: 20px;
}
.heading-h3{
  padding-left: 40px;
}
.heading-h4{
  padding-left: 60px;
}
.heading-h5{
  padding-left: 80px;
}
.heading-h6{
  padding-left: 100px;
}

.card-title>a, .card-title>a:active{
  display:block;
  /*padding*/:15px;
  color:#343a40;
  font-size:16px;
  font-weight:bold;
  text-transform:uppercase;
  letter-spacing:1px;
  word-spacing:3px;
  text-decoration:none;
}
.card-title  .gg-math-plus{
  float: right;
  transition: all 0.5s;
  margin: 8px 0;
}
.card-header.active i{
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
} 
.disabled {
	pointer-events: none;
	background-color: #ebebeb;
}

.indicator{
  width:250px;
  height:250px;
  margin: auto;
  background-color:white;
  text-align: center;
  position: relative;
  z-index:2;
}
/* Text inside the control */
.indicator span {
    position: absolute;
    line-height: 250px;
    font-size:36px;
    width: 250px;
    text-align: center;
    display: block;
    color: #53777A;
    z-index: 4;
}

.value-bar{
  background-color: #7500e3;
  position:absolute;
  width:200px;
  height:200px;
  border-radius:50%;
  clip: rect(0px 100px 250px 0px);
  transform: rotate(189deg);
  z-index:3;
}
.left-half{
  background-color:gray;
  position:absolute;
  width:200px;
  height:200px;
  border-radius:50%;
  clip: rect(0px 100px 250px 0px);
  z-index:3;
}
.right-half{
  background-color:gray;
  position:absolute;
  width:200px;
  height:200px;
  border-radius:50%;
  clip: rect(0px 200px 250px 100px);
  z-index:3;
}
.centr{
  background-color: gray;
  width:200px;
  height:200px;
  border-radius:100%;
  margin: 25px;
  position: absolute;
  z-index:2;
}
.centr.over50 .left-half{
   /*Progress bar for the first 50%, filling the whole right half*/
   position: absolute; /*needed for clipping*/
   clip: rect(0, 200px, 200px, 100px);
   background-color: #7500e3;
   border-radius: 50%;
   width: 200px;
   height: 200px;
}
.centrV{
  background-color: white;
  width:175px;
  position: absolute;
  height:175px;
  border-radius:50%;
  margin: 37.5px;
  z-index:3;
}

/** Progress bar rotation position */
.p0 .value-bar { display: none; }
.p1 .value-bar { transform: rotate(4deg); }
.p2 .value-bar { transform: rotate(7deg); }
.p3 .value-bar { transform: rotate(11deg); }
.p4 .value-bar { transform: rotate(14deg); }
.p5 .value-bar { transform: rotate(18deg); }
.p6 .value-bar { transform: rotate(22deg); }
.p7 .value-bar { transform: rotate(25deg); }
.p8 .value-bar { transform: rotate(29deg); }
.p9 .value-bar { transform: rotate(32deg); }
.p10 .value-bar { transform: rotate(36deg); }
.p11 .value-bar { transform: rotate(40deg); }
.p12 .value-bar { transform: rotate(43deg); }
.p13 .value-bar { transform: rotate(47deg); }
.p14 .value-bar { transform: rotate(50deg); }
.p15 .value-bar { transform: rotate(54deg); }
.p16 .value-bar { transform: rotate(58deg); }
.p17 .value-bar { transform: rotate(61deg); }
.p18 .value-bar { transform: rotate(65deg); }
.p19 .value-bar { transform: rotate(68deg); }
.p20 .value-bar { transform: rotate(72deg); }
.p21 .value-bar { transform: rotate(76deg); }
.p22 .value-bar { transform: rotate(79deg); }
.p23 .value-bar { transform: rotate(83deg); }
.p24 .value-bar { transform: rotate(86deg); }
.p25 .value-bar { transform: rotate(90deg); }
.p26 .value-bar { transform: rotate(94deg); }
.p27 .value-bar { transform: rotate(97deg); }
.p28 .value-bar { transform: rotate(101deg); }
.p29 .value-bar { transform: rotate(104deg); }
.p30 .value-bar { transform: rotate(108deg); }
.p31 .value-bar { transform: rotate(112deg); }
.p32 .value-bar { transform: rotate(115deg); }
.p33 .value-bar { transform: rotate(119deg); }
.p34 .value-bar { transform: rotate(122deg); }
.p35 .value-bar { transform: rotate(126deg); }
.p36 .value-bar { transform: rotate(130deg); }
.p37 .value-bar { transform: rotate(133deg); }
.p38 .value-bar { transform: rotate(137deg); }
.p39 .value-bar { transform: rotate(140deg); }
.p40 .value-bar { transform: rotate(144deg); }
.p41 .value-bar { transform: rotate(148deg); }
.p42 .value-bar { transform: rotate(151deg); }
.p43 .value-bar { transform: rotate(155deg); }
.p44 .value-bar { transform: rotate(158deg); }
.p45 .value-bar { transform: rotate(162deg); }
.p46 .value-bar { transform: rotate(166deg); }
.p47 .value-bar { transform: rotate(169deg); }
.p48 .value-bar { transform: rotate(173deg); }
.p49 .value-bar { transform: rotate(176deg); }
.p50 .value-bar { transform: rotate(180deg); }
.p51 .value-bar { transform: rotate(184deg); }
.p52 .value-bar { transform: rotate(187deg); }
.p53 .value-bar { transform: rotate(191deg); }
.p54 .value-bar { transform: rotate(194deg); }
.p55 .value-bar { transform: rotate(198deg); }
.p56 .value-bar { transform: rotate(202deg); }
.p57 .value-bar { transform: rotate(205deg); }
.p58 .value-bar { transform: rotate(209deg); }
.p59 .value-bar { transform: rotate(212deg); }
.p60 .value-bar { transform: rotate(216deg); }
.p61 .value-bar { transform: rotate(220deg); }
.p62 .value-bar { transform: rotate(223deg); }
.p63 .value-bar { transform: rotate(227deg); }
.p64 .value-bar { transform: rotate(230deg); }
.p65 .value-bar { transform: rotate(234deg); }
.p66 .value-bar { transform: rotate(238deg); }
.p67 .value-bar { transform: rotate(241deg); }
.p68 .value-bar { transform: rotate(245deg); }
.p69 .value-bar { transform: rotate(248deg); }
.p70 .value-bar { transform: rotate(252deg); }
.p71 .value-bar { transform: rotate(256deg); }
.p72 .value-bar { transform: rotate(259deg); }
.p73 .value-bar { transform: rotate(263deg); }
.p74 .value-bar { transform: rotate(266deg); }
.p75 .value-bar { transform: rotate(270deg); }
.p76 .value-bar { transform: rotate(274deg); }
.p77 .value-bar { transform: rotate(277deg); }
.p78 .value-bar { transform: rotate(281deg); }
.p79 .value-bar { transform: rotate(284deg); }
.p80 .value-bar { transform: rotate(288deg); }
.p81 .value-bar { transform: rotate(292deg); }
.p82 .value-bar { transform: rotate(295deg); }
.p83 .value-bar { transform: rotate(299deg); }
.p84 .value-bar { transform: rotate(302deg); }
.p85 .value-bar { transform: rotate(306deg); }
.p86 .value-bar { transform: rotate(310deg); }
.p87 .value-bar { transform: rotate(313deg); }
.p88 .value-bar { transform: rotate(317deg); }
.p89 .value-bar { transform: rotate(320deg); }
.p90 .value-bar { transform: rotate(324deg); }
.p91 .value-bar { transform: rotate(328deg); }
.p92 .value-bar { transform: rotate(331deg); }
.p93 .value-bar { transform: rotate(335deg); }
.p94 .value-bar { transform: rotate(338deg); }
.p95 .value-bar { transform: rotate(342deg); }
.p96 .value-bar { transform: rotate(346deg); }
.p97 .value-bar { transform: rotate(349deg); }
.p98 .value-bar { transform: rotate(353deg); }
.p99 .value-bar { transform: rotate(356deg); }
.p100 .value-bar { transform: rotate(360deg); }