/** start header section  **/
.header2{
    position: fixed;
    height: 80px;
    z-index: 1039;
    width: 100%;
    padding-top:0px;
    margin-top:100px;
    background: transparent;
    -webkit-transition: all ease-out .5s;
    -moz-transition: all ease-out .5s;
    -o-transition: all ease-out .5s;
    transition: all ease-out .5s; 	
}
.header2_li_width {
    width: 157px;
    border-right: 1px solid #fff;
}
.header2_li_width:first-child{
    border-left: 1px solid #fff;	
}
.header2 .navbar-expand-lg .navbar-nav .header2_li_width .nav-link {
    padding: 16px 0px 15px 0px;
}
.header2 .navbar-expand-lg .navbar-nav .header2_li_width .nav-link::after {
	content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    height: 4px;
    width: 0;
    margin: 0 auto;
    -webkit-transition: width .3s linear;
    -o-transition: width .3s linear;
    transition: width .3s linear;
}
.header2 .navbar-expand-lg .navbar-nav .header2_li_width .nav-link:hover::after, 
.header2 .navbar-expand-lg .navbar-nav .header2_li_width .nav-link:focus::after,
.header2 .navbar-expand-lg .navbar-nav .header2_li_width .nav-link.active::after {
	width: 100%;
    -webkit-transition: width .4s linear;
    -o-transition: width .4s linear;
    transition: width .4s linear;
}
.header2 .navbar-expand-lg.bgyellow2{
padding: 0rem 1rem;
}
.child_header2 .header2_li_width{
    width: 222px;
}
.child_header_bottom_yellow_border{
    height: 41px;
	width: 100%; 
	border-top: 1px solid #E2E4F1;
}
.child_header_bottom_yellow_border .chbyb-img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: left;
}
/** start footer section  **/

/** start layout section  **/
.table.table-striped{

}
.table thead th {
    vertical-align: bottom;
    border-bottom: 0px solid #dee2e6;
    background: #F4F3F8;
    font-weight: normal;
    font-family: 'OpenSans-Bold';
    color: #000733;
}
.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 0px solid #dee2e6;
}
.table td {
    vertical-align: middle;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255,255,255,1);
}
.table-striped tbody tr:nth-of-type(even) {
    background-color: rgba(250,249,252,1);
}
.border-tag-bottom{
	height: 4px;
	width: 100%;
}
.mani_alert{
    position: absolute;
    width: 1110px;
    left: 0px;
    right: 0px;
    margin: 6px auto 20px auto;
    padding: 9px 1.25rem;
    font-size: 16px;	
}
.alert-dismissible .close {
    padding: 7px 1.25rem;
}
.alert-success {
    color: #00741C;
    background-color: #D4EDDA;
    border-color: #7AC98D;
}
.alert-danger {
    color: #E4062B;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.error_label {
    font-size: 12px;
    line-height: 12px;
    font-family: 'OpenSans-Regular';
    position: absolute;
    bottom:-5px;
    left:0rem;
    color: #d93025;
    white-space:nowrap;
    padding: 0 0px;/*
    margin-top: 5px;
    margin-bottom: 2px;*/
}
#addMissionForm .relative.d-flex.height45.align-items-center{
  height: 60px !important
}

.form-group-25{
	margin-bottom: 1.563rem;
	position: relative;
}
.pt-220{
    padding-top:13.75rem;
}
.child_dashboard_bg_section{
    background: url(../images/child_dashboard_body_bg.svg), linear-gradient(rgba(68,173,247,0.20) 0%, rgba(255,255,255,0.20) 100%);
    background-repeat: no-repeat;
    background-position:center;
    -webkit-background-size:contain;
    -moz-background-size:contain;
    -ms-background-size:contain;
    background-size:contain;
    width: 100%;
    height: auto;
}

/** start mid-content section  **/
.child_name_orange_icon{
   width: 20px;
   height: 20px;
}
.green_border4{
    width: 4px;
    height: 136px;
    position: absolute;
    left: 0px;
    top: 0px;
}
.child_missions_below_box_height{
    height: 1025px;
    overflow-x: hidden;
    overflow-y: auto;	
}
.child_missions_below_box_height::-webkit-scrollbar{
	width:0.3125rem;
	background-color:#fff;
    border-radius: 0.625rem;
} 
.child_missions_below_box_height::-webkit-scrollbar-thumb{
	background-color:#E2E4F1;
	border-radius:0.625rem;
}
.child_missions_below_box_height::-webkit-scrollbar-track{
	border:0.3125rem solid #fff;
	border-radius:0.625rem;
}
.dashboard_children_icon{
	width: 30px;
	height: 30px;
}
.table_child_name_orange_icon{

}


/** pie circle chart  **/

.set-size {
  font-size: 10em;
}
.charts-container:after {
  clear: both;
  content: '';
  display: table;
}
.pie-wrapper {
  height: 1em;
  width: 1em;
  float: left;
  margin: 15px;
  position: relative;
}
.pie-wrapper:nth-child(3n + 1) {
  clear: both;
}
.pie-wrapper .pie {
  height: 100%;
  width: 100%;
  clip: rect(0, 1em, 1em, 0.5em);
  left: 0;
  position: absolute;
  top: 0;
}
.pie-wrapper .pie .half-circle {
  height: 100%;
  width: 100%;
  border: 0.1em solid #3498db;
  border-radius: 50%;
  clip: rect(0, 0.5em, 1em, 0);
  left: 0;
  position: absolute;
  top: 0;
}
.pie-wrapper .label {
  background: #34495e;
  border-radius: 50%;
  bottom: 0.4em;
  color: #ecf0f1;
  cursor: default;
  display: block;
  font-size: 0.25em;
  left: 0.4em;
  line-height: 2.8em;
  position: absolute;
  right: 0.4em;
  text-align: center;
  top: 0.4em;
}
.pie-wrapper .label .smaller {
  color: #bdc3c7;
  font-size: 0.45em;
  padding-bottom: 20px;
  vertical-align: super;
}
.pie-wrapper .shadow {
  height: 100%;
  width: 100%;
  border: 0.1em solid #bdc3c7;
  border-radius: 50%;
}
.pie-wrapper.style-2 .label {
  background: none;
  color: #7f8c8d;
}
.pie-wrapper.style-2 .label .smaller {
  color: #bdc3c7;
}
.pie-wrapper.progress-30 .pie .half-circle {
  border-color: #3498db;
}
.pie-wrapper.progress-30 .pie .left-side {
  transform: rotate(108deg);
}
.pie-wrapper.progress-30 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-38.colororange .pie .half-circle {
  border-color: #FB8122;
}
.pie-wrapper.progress-38.colorred .pie .half-circle {
  border-color: #E4062B;
}
.pie-wrapper.progress-38 .pie .left-side {
  transform: rotate(120deg);
}
.pie-wrapper.progress-38 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-55 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-55.colororange .pie .half-circle {
  border-color: #FB8122;
}
.pie-wrapper.progress-55 .pie .left-side {
  transform: rotate(215deg);
}
.pie-wrapper.progress-55 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-60 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-60 .pie .half-circle {
  border-color: #9b59b6;
}
.pie-wrapper.progress-60 .pie .left-side {
  transform: rotate(216deg);
}
.pie-wrapper.progress-60 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-90 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-90 .pie .half-circle {
  border-color: #e67e22;
}
.pie-wrapper.progress-90 .pie .left-side {
  transform: rotate(324deg);
}
.pie-wrapper.progress-90 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-45 .pie .half-circle {
  border-color: #1abc9c;
}
.pie-wrapper.progress-45 .pie .left-side {
  transform: rotate(162deg);
}
.pie-wrapper.progress-45 .pie .right-side {
  display: none;
}
.pie-wrapper.progress-75 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-75 .pie .half-circle {
  border-color: #8e44ad;
}
.pie-wrapper.progress-75.colororange .pie .half-circle {
  border-color: #FB8122;
}
.pie-wrapper.progress-75 .pie .left-side {
  transform: rotate(270deg);
}
.pie-wrapper.progress-75 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-84 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-84.colororange .pie .half-circle {
  border-color: #FB8122;
}
.pie-wrapper.progress-84 .pie .left-side {
  transform: rotate(310deg);
}
.pie-wrapper.progress-84 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-95 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-95 .pie .half-circle {
  border-color: #e74c3c;
}
.pie-wrapper.progress-95 .pie .left-side {
  transform: rotate(342deg);
}
.pie-wrapper.progress-95 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper.progress-100 .pie {
  clip: rect(auto, auto, auto, auto);
}
.pie-wrapper.progress-100 .pie .half-circle {
  border-color: #00A86B;
}
.pie-wrapper.progress-100 .pie .left-side {
  transform: rotate(360deg);
}
.pie-wrapper.progress-100 .pie .right-side {
  transform: rotate(180deg);
}
.pie-wrapper--solid {
  border-radius: 50%;
  overflow: hidden;
}
.pie-wrapper--solid:before {
  border-radius: 0 100% 100% 0 / 50%;
  content: '';
  display: block;
  height: 100%;
  margin-left: 50%;
  transform-origin: left;
}
.pie-wrapper--solid .label {
  background: transparent;
}
.pie-wrapper--solid.progress-65 {
  background: linear-gradient(to right, #e67e22 50%, #34495e 50%);
}
.pie-wrapper--solid.progress-65:before {
  background: #e67e22;
  transform: rotate(126deg);
}
.pie-wrapper--solid.progress-25 {
  background: linear-gradient(to right, #9b59b6 50%, #34495e 50%);
}
.pie-wrapper--solid.progress-25:before {
  background: #34495e;
  transform: rotate(-270deg);
}
.pie-wrapper--solid.progress-88 {
  background: linear-gradient(to right, #3498db 50%, #34495e 50%);
}
.pie-wrapper--solid.progress-88:before {
  background: #3498db;
  transform: rotate(43.2deg);
}
.pie-wrapper-mani{
    margin: 0px auto 20px auto;
    float: none;	
}

.full-fill-chart{
   font-size: 2em;	
}
.full-fill-chart .pie-wrapper--solid{
    margin: 0px;
    float: none;
}

.pie-wrapper--solid.colorblue1.progress-88 {
    background: linear-gradient(to right, #0099FF 50%, #E6E7E8 50%);
}
.pie-wrapper--solid.colorblue1.progress-88:before {
    background: #0099FF;
    transform: rotate(43.2deg);
}
.pie-wrapper--solid.colorblue1 .label {
    background: transparent;
    display: none;
}
.pie-wrapper--solid.colorgreen4.progress-65 {
    background: linear-gradient(to right, #00a86b 50%, #E6E7E8 50%);
}
.pie-wrapper--solid.colorgreen4.progress-65:before {
    background: #00a86b;
   transform: rotate(126deg);
}
.pie-wrapper--solid.colorgreen4 .label {
    background: transparent;
    display: none;
}
.pie-wrapper--solid.colororange.progress-25 {
    background: linear-gradient(to right, #FB8122 50%, #E6E7E8 50%);
}
.pie-wrapper--solid.colororange.progress-25:before {
    background: #E6E7E8;
    transform: rotate(-270deg);
}
.pie-wrapper--solid.colororange .label {
    background: transparent;
    display: none;
}



.set-size-style-2{
    font-size: 6.4em;	
}
.pie-wrapper.pie-wrapper-mani .shadow {
  height: 100%;
  width: 100%;
  border: 0.1em solid #E6E7E8;
  border-radius: 50%;
}
.pie-wrapper.style-2 .label.colorblue1 {
    color: #0099FF;
}
.pie-wrapper.progress-45 .pie .half-circle.colorblue1 {
  border-color: #0099FF;
}
.pie-wrapper.style-2 .label.colororange {
    color: #FB8122;
}
.pie-wrapper.progress-90 .pie .half-circle.colororange {
  border-color: #FB8122;
}
.pie-wrapper.style-2 .label.colorgreen4 {
    color: #00a86b;
}
.pie-wrapper.progress-45 .pie .half-circle.colorgreen4 {
  border-color: #00a86b;
}
.pie-wrapper.style-2 .label.colorred3 {
    color: #E4062B;
}
.pie-wrapper.progress-90 .pie .half-circle.colorred3 {
  border-color: #E4062B;
}

img.d-chldn-img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
img.pr-dtl-arr {
    margin-left: 15px;
}
.report_summary-ttl.pr-dtl-rw {
    padding:15px 15px;
}
.c-pro-bx {
    width: 160px;
    height: 160px;
    margin: 0 auto;
    border-radius: 50%;
}
.tbl-bg-1 {
    background-image: url(../images/tbl-bg-1.svg);
    background-size: cover;
    background-repeat: repeat;
    height: 212px;
    position: absolute;
    width: 100%;
    bottom: 0rem;
    left:0rem;
}
.tbl-bg-2 {
    background-image: url(../images/tbl-bg-21.svg);
    background-size: cover;
    background-repeat: repeat;
    height: 212px;
    position: absolute;
    width: 100%;
    bottom: 0rem;
    left:0rem;
}
.tbl-bg-3 {
    background-image: url(../images/tbl-bg-3.svg);
    background-size: cover;
    background-repeat: repeat;
    height: 212px;
    position: absolute;
    width: 100%;
    bottom: 0rem;
    left:0rem;
}
.childrn-pr-dtl-tbl {
  position: relative;
}
.upd-image {
    width: 40px;
    height: 40px;
}
button.btn.btn-outline-secondary {
    display: none;
}
.active-plane-green {
    color: #00A86B;
}
input.form-control.promo-code-ip {
    width: 172px;
}
img.visa-img-ip {
    position: absolute;
    right: 10px;
    top: 10px;
}
img.question-img {
    position: absolute;
    top: 14px;
    right: 10px;
}
.payment-methd-option-btn li {
    width: 200px;
    height: 58px;
}
.payment-methd-option-btn li a{
    width: 100%;
    height: 100%;
    text-align: center; 
    line-height: 38px;
    position: relative;
}
.payment-methd-option-btn li a img {
    width: 30px;
    height: 30px;
}


img.promo-code-success {
    position: absolute;
    right: 10px;
    top: 13px;
    width: 16px;
    height: 16px;
}
ul.nav.nav-pills.payment-methd-option-btn li a.active {
    background: transparent;
    border: 2px solid #0099FF;
    box-shadow: 0rem 0rem 1.25rem 0rem rgba(0, 153, 255, 0.55);
    color: #0099FF;
    /*font-family:'OpenSans-Bold';*/
}
ul.nav.nav-pills.payment-methd-option-btn li a.active::after
{
  content: url(../images/m-check.svg);
    position: absolute;
    top: -15px;
    right: -8px;
}
.hder-ppl-img {
    width: 100px;
    height: 100px;
    /*margin: 0 auto;*/
    /*border: 1px solid red;*/
    border-radius: 50%;
}
img.hder-ppl-img-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
ul.change-theme-tabs li a.active {
    background: transparent;
    border: 2px solid #0099FF;
    box-shadow: 0rem 0rem 1.25rem 0rem rgba(0, 153, 255, 0.55);
    color: #0099FF !important;
}
ul.change-theme-tabs li a.active::after {
    content: url(../images/m-check.svg);
    position: absolute;
    top: 15px;
    right: -6px;
}

ul.nav.nav-pills.change-theme-tabs li a {
    display: block;
    width: 160px;
    height: 50px;
    border-radius: 50pc;
    background: #fff;
    /*border: 1px solid #E2E4F1;*/
    font-size: 16px;
    /*color: #333333;*/
    padding: 4px 3px;
    position: relative;
}
ul.nav.nav-pills.change-theme-tabs li
{
  margin:0 17px;
}
ul.nav.nav-pills.change-theme-tabs li a img {
    width: 40px;
    /*height: 40px;*/
    margin-right: 15px;
}
/*.container-fluid.c-thm-hdr-top {
    padding: 0px 85px;
}
*/
.border-tag-left
{
  width: 4px;
  height: 100%;
}
.mission-blocks {
   padding: 10px 10px 10px 30px;
    margin-bottom: 30px;
    box-shadow: 0rem 0rem 1.25rem 0rem rgba(241, 242, 247, 100);
}
button.mission-status-btn span {
    width: 8px;
    height: 8px;
}
button.mission-status-btn {
    background: transparent;
    border: none; 
}
img.t-rewards-img {
    width: 80px;
    height: 80px;
}
.llj-rew-des-lft {
    width: 150px;
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.p-0.llj-rew-des-rgt {
    width: 85px;
}
.p-0.llj-rew-des-lft span {
    float: right;
}
.ch-dsh-left-sidebar {
    height: 707px;
    overflow: auto;
}
.llz-week-task-lft {
    min-height: 265px;
}
.llz-week-task-rigt {
    min-height: 265px;
}
img.lolly-jars-ftr-bg-img, img.graph-ftr-bg-img, img.dartboard-ftr-bg-img, img.my-profile-ftr-bg-img {
    width: 100%;
    max-height: 100%;
    /*min-height: 262px;*/
}
.my-profile-form {
    height: 500px;
}
img.grpf-rew-img {
    width: 50px;
    height: 42px;
}
.sports-progress {
    width: 60%;
}
.gsr-progressbar .progress-bar
{
 position: relative;
 border-radius: 50px;
 height: 8px;
}        
.sports-progress::after, .academics-progress::after, .behaviour-progress::after, .social-progress::after {
    position: absolute;
    width: 16px;
    height: 16px;
    /*right: 0;*/
    content: '';
    border-radius: 50px;
}
.progress.gsr-progressbar {
    height: 8px;
    margin: 5px 0;
    position: relative;
}
.gsr-progressbar-rw {
    margin-top: 10px;
    margin-bottom: 10px;
}
.sports-progress::after
{
  background: -moz-linear-gradient( 90deg, rgb(65,154,255) 0%, rgb(112,178,255) 100%); 
    background: -webkit-linear-gradient( 90deg, rgb(65,154,255) 0%, rgb(112,178,255) 100%); 
    background: -ms-linear-gradient( 90deg, rgb(65,154,255) 0%, rgb(112,178,255) 100%);
}
.gsr-progressbar
{
  overflow:inherit;
  cursor: pointer;
} 
.gsr-progressbar:hover span.missing-pont,
.gsr-progressbar:hover span.earn-pont{
  display: block;
}               
span.missing-pont {
    position: absolute;
    top: -27px;
    right: 0;
    left:0;
    width:140px;
    text-align:center;
    font-size: 12px;
    background: #e9ecef;
    color:#000!important;
    padding:0rem 0.625rem;
    border-radius: 0.25rem;
    display: block;
    margin:0 auto!important;
}
span.earn-pont {
    position: absolute;
    right: 0;
    left:0;
    width:170px;
    text-align:center;
    bottom: -27px;
    font-size: 12px;
    border-radius: 0.25rem;
    background: #000;
    color:#fff!important;
    padding:0rem 0.625rem;
    display: block;
    margin:0 auto!important;
}
.academics-progress {
    width: 50%;
    height: 18px;
}
.academics-progress::after{
    background: -moz-linear-gradient( 45deg, rgb(252,182,79) 0%, rgb(255,197,110) 100%); 
    background: -webkit-linear-gradient( 45deg, rgb(252,182,79) 0%, rgb(255,197,110) 100%);
    background: -ms-linear-gradient( 45deg, rgb(252,182,79) 0%, rgb(255,197,110) 100%);
}
.behaviour-progress::after{
    background: -moz-linear-gradient( 45deg, rgb(23,215,175) 0%, rgb(68,221,190) 100%); 
    background: -webkit-linear-gradient( 45deg, rgb(23,215,175) 0%, rgb(68,221,190) 100%); 
    background: -ms-linear-gradient( 45deg, rgb(23,215,175) 0%, rgb(68,221,190) 100%);
}
.social-progress::after{
  background: -moz-linear-gradient( 45deg, rgb(127,99,244) 0%, rgb(159,136,255) 100%); 
    background: -webkit-linear-gradient( 45deg, rgb(127,99,244) 0%, rgb(159,136,255) 100%); 
    background: -ms-linear-gradient( 45deg, rgb(127,99,244) 0%, rgb(159,136,255) 100%); 
}
.behaviour-progress {
    width: 60%;
}
.social-progress
{
  width: 60%;
}
.g-rew-lft-cl span.font-size-16 {
    margin-top: 12px;
}
/* *** FOR GOOGLE GRAPH *** */
.goals-grapg [fill="#222222"]{
fill: #82869D !important;
font-size: 14px;
}
.goals-grapg [height="200"]
{
  height: 170px !important;
}
.goals-grapg [dir="ltr"]{
  height: 152px !important;
}
img.p-rew-images.mb-30 {
    width: auto;
    height: 56px;
}


.rew-lfr-side-img {
    height: 446px;
}
img.rew-gift-card-images.mb-30 {
    width: 100%;
    height: 110px;
}
.bottom-border-box {
    height: 4px;
    width: 100%;
} 

span.p-rew-rating-box {
    width: 40px;
}
span.p-rew-rating-box .fa-star {
    font-size: 12px;
    position: relative;
    top: -2px;
    margin-right: 2px;
}
.parent-rewards-bx {
    margin-top: 15px;
    margin-bottom: 15px;
}

.rew-frm-lft-image
{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.par-rew-add-cass-box {
    height: 381px;
}
.par-rew-add-gift-card-box {
    height: 410px;
}
.par-rew-add-spec-off-card-box {
    height: 505px;
}
.par-rew-ur-pers-rew-box {
    height: 521px;
}
/*
.child-dsh-hdr3 .col-xl-2 .font-size-20 {
    margin-left: 30px;
}
*/

.report-summery-prog-bar .gsr-progressbar .progress-bar {
    height: 18px;
    left:0px;
}
.report-summery-prog-bar .progress.gsr-progressbar {
    height: 18px;
    position: relative;
}
.report-summery-prog-bar .progress-bar:after
{
  height: 33px;
  width: 33px;
  top:-8px;
}

.goals-grapg [width="288"]
{
  width:100% !important;
}
.progress.gsr-progressbar {
    border-radius: 50px;
}
label.all_type_upload_file {
    display: block;
}
input.grey_date_picker {
    max-width: 120px;
    border-radius: 25px !important;
    height: 32px;
    overflow-x: hidden;
}
.tbl-select-box .mss_sl_btn {
    width: 130px !important;
    height: 32px !important;
    line-height: 30px;
}
.tbl-select-box .dropdown-toggle::before
{
  height: 30px !important;  
}
.v_date_pecker::after {
    top: 8px !important;
}
.tbl-select-box .dropdown-toggle::after
{
  top: 11px!important;
}


.rew-spec-offr-box:hover {
    box-shadow: 0 0px 6px 2px rgba(197, 119, 3, 0.24);
}
.parent-rewards-bx {
    transition: all .6s;
    padding: 20px 10px;
}
.parent-rewards-bx:hover {
    box-shadow: 0 1px 10px 2px rgba(231, 234, 246, 1);
    border-radius: 0;
}



label.inp.date_pecker .label
{
    /*color: #0099FF;
    transform: translateY(-20px) translateX(-15px) scale(0.75);
    font-size: 16px;
    padding: 0 3px;
    
    background: #fff;
    margin-left: 14px;*/
    z-index: 99;
}
.relative.graph-theme-rewards {
    box-shadow: 0rem 0rem 1.25rem 0rem rgba(241, 242, 247, 1);
    padding: 0px 15px;
    margin: 0 0 20px 0;
}
.grphrew-right-wth {
    margin-bottom: 0;
    margin-top: 0;
}
.grphrew-right-wth .d-inline-flex.p-1 {
    padding: 1px 10px !important;
}
.relative.graph-theme-rewards:last-child {
    margin-bottom: 0;
}
.pt-220.child_dashboard_bg_section {
    padding-top: 200px;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #FF0000 !important;
    text-decoration: none;
    background-color: #FFF1F1;
}
span.label {
    z-index: 1;
}
.bottom-border-box {
    left: 0;
}
.relative.report-summery-prog-bar {
    box-shadow: 0rem 0rem 1.25rem 0rem rgba(241, 242, 247, 1);
    margin-bottom: 30px;
}
.relative.report-summery-prog-bar:last-child{
  margin-bottom: 0;
}
.rprt-summry-rgtcol .smr-box {
    margin-top: 0;
    margin-bottom: 0;
}
.smr-box .relative.boxshadow-5 {
    height: 195px;
    margin: 15px 0;
}


/* staus color and dot color */
.status-black-dot, .status-red-dot, .status-blue-dot, .status-app-dot, .status-green-dot, .status-purple-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    margin-right: 5px;
}
.status-black-dot {
    background: -moz-linear-gradient( 90deg, rgb(0,7,51) 0%, rgb(123,123,123) 100%); 
    background: -webkit-linear-gradient( 90deg, rgb(0,7,51) 0%, rgb(123,123,123) 100%); 
    background: -ms-linear-gradient( 90deg, rgb(0,7,51) 0%, rgb(123,123,123) 100%);
    }

.status-black
{
  color: #000733;
}
.status-red-dot {
    background: -moz-linear-gradient( 45deg, rgb(152,2,14) 0%, rgb(234,42,89) 100%);
    background: -webkit-linear-gradient( 45deg, rgb(152,2,14) 0%, rgb(234,42,89) 100%);
    background: -ms-linear-gradient( 45deg, rgb(152,2,14) 0%, rgb(234,42,89) 100%);
}
.status-red{
  color: #E4062B;
}
.status-blue
{color:#0099FF;}
.status-blue-dot{
background: -moz-linear-gradient( 45deg, rgb(65,154,255) 0%, rgb(112,178,255) 100%); 
    background: -webkit-linear-gradient( 45deg, rgb(65,154,255) 0%, rgb(112,178,255) 100%); 
    background: -ms-linear-gradient( 45deg, rgb(65,154,255) 0%, rgb(112,178,255) 100%);
}
.status-green
{
  color: #00A86B;
}
.status-green-dot
{
  background: #00A86B;
}
.status-purple
{
  color: #7F63F4 !important;
}
.status-purple-dot
{

}
.status-orange
{
  color: #FB8122;
}
/* staus color and dot color */

.v-rew-images {
    transition: all 0.3s ease;
}
.child-rewards-bx:hover {
    box-shadow: 0 1px 10px 2px rgba(231, 234, 246, 1);
    border-radius: 0;
}
.child-rewards-bx:hover .v-rew-images{
  -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
}
.v-table tr td.width425{
  width:425px;
}
.parent-rewards-bx:hover img.p-rew-images {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
}
 img.p-rew-images
{
    transition: all 0.3s ease;
}

.sm-bx-img
{
  transition: all 0.3s ease;
}
.smr-box:hover .sm-bx-img
{
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
}



/* mission-instance status open  */
.status-mi-done{ color: #00A86B; }
.status-mi-missed{ color: #E4062B; }
.status-mi-upcoming{ color:#34D0F7; }

.status-mission-pending{ color:#E4062B !important; }
.status-mission-done{ color: #00A86B !important; }
.status-mission-missed{ color: #0d152d !important; }
.status-mission-upcoming{ color: #34D0F7 !important; }
.status-mission-in_progress{ color: #FCD02C !important; }
.status-mission-draft{ color: #B152B3 !important; }
.status-mission-setup_incomplete{ color: #B152B3 !important; }
.status-mission-incomplete{ color: #B152B3 !important; }
/* mission-instance status close  */

/* mission-instance approval open */

/* staus color and dot color */
.status-apmi-dot-child-not_approved, .status-apmi-dot-parent-not_approved, .status-apmi-dot-child-pending, .status-apmi-dot-parent-pending, .status-apmi-dot-child-approved, .status-apmi-dot-parent-approved {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    margin-right: 5px;
}
.status-apmi-dot-child-not_approved {
    background: -moz-linear-gradient( 90deg, rgb(0,7,51) 0%, rgb(123,123,123) 100%); 
    background: -webkit-linear-gradient( 90deg, rgb(0,7,51) 0%, rgb(123,123,123) 100%); 
    background: -ms-linear-gradient( 90deg, rgb(0,7,51) 0%, rgb(123,123,123) 100%);
}
.status-apmi-child-not_approved
{
  color: #000733;
}

.status-apmi-dot-parent-not_approved {
    background: -moz-linear-gradient( 45deg, rgb(152,2,14) 0%, rgb(234,42,89) 100%);
    background: -webkit-linear-gradient( 45deg, rgb(152,2,14) 0%, rgb(234,42,89) 100%);
    background: -ms-linear-gradient( 45deg, rgb(152,2,14) 0%, rgb(234,42,89) 100%);
}
.status-apmi-parent-not_approved{
  color: #E4062B;
}
.status-apmi-parent-pending
{color:#0099FF;}
.status-apmi-child-pending{
  color:#34D0F7;
}
.status-apmi-dot-child-pending, .status-apmi-dot-parent-pending{
background: -moz-linear-gradient( 45deg, #34D0F7 0%, rgb(112,178,255) 100%); 
    background: -webkit-linear-gradient( 45deg, #34D0F7 0%, rgb(112,178,255) 100%); 
    background: -ms-linear-gradient( 45deg, #34D0F7 0%, rgb(112,178,255) 100%);
}

.status-apmi-child-approved, .status-apmi-parent-approved
{
  color: #00A86B;
}
.status-apmi-dot-child-approved, .status-apmi-dot-parent-approved
{
  background: #00A86B;
}
.country_drop_list, .time_zone_drop_list{
   position: absolute;
   width: 100%;
   z-index: 9;
}
.country_drop_list ul.pl-0, .time_zone_drop_list ul.pl-0{
   height:180px;
   overflow-y:scroll;
   margin-bottom:0rem;
}
.country_drop_list ul.pl-0 li, .time_zone_drop_list ul.pl-0 li{
   height:38px;
   padding:0.625rem 0rem 7px 12px;
   color:rgba(00,00,00,.60);
   background: #fff;
}
.country_drop_list ul.pl-0 li a, 
.country_drop_list ul.pl-0 li a:hover a,
.country_drop_list ul.pl-0 li:focus a, 
.time_zone_drop_list ul.pl-0 li a, 
.time_zone_drop_list ul.pl-0 li a:hover a,
.time_zone_drop_list ul.pl-0 li:focus a{
   color:rgba(00,00,00,.60);
}
.country_drop_list ul.pl-0 li:hover,
.country_drop_list ul.pl-0 li:focus, 
.time_zone_drop_list ul.pl-0 li:hover,
.time_zone_drop_list ul.pl-0 li:focus{
   background: #F4F4F5;
}
/* mission-instance approval close */ 


.cursor-pointer{ cursor:pointer; }
.progress-circle {
    background-color: #ddd;
    border-radius: 50%;
    display: inline-block;
    height: 2rem;
    margin: 0rem .5rem 0 0px;
    position: relative;
    width: 2rem;
}
.progress-circle:before {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  content: attr(data-progress) '%';
  display: flex;
  font-size: 14px;
  justify-content: center;
  position: absolute;
  left: 55px;
  right: 0rem;
  top: 1rem;
  bottom: 1rem;
  transition: transform 0.2s ease;
}
.progress-circle:after {
  background-color: #0083ff;
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 100%;
  width: 100%;
}
.progress-circle:hover:before,
.progress-circle:focus:before {
  transform: scale(1);
}

/**
* $step is set to 5 by default, meaning you can only use percentage classes in increments of five (e.g. 25, 30, 45, 50, and so on). This helps to reduce the size of the final CSS file. If you need a number that doesn't end in 0 or 5, you can change the text percentage while rounding the class up/down to the nearest 5.
*/
.progress-circle.colorblue1[data-progress="0"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(90deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="1"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(93.6deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="2"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(97.2deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="3"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(100.8deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="4"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(104.4deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="5"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(108deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="6"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(111.6deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="7"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(115.2deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="8"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(118.8deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="9"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(122.4deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="10"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(126deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="11"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(129.6deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="12"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(133.2deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="13"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(136.8deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="14"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(140.4deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="15"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(144deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="16"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(147.6deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="17"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(151.2deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="18"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(154.8deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="19"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(158.4deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="20"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(162deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="21"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(165.60000000000002deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="22"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(169.2deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="23"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(172.8deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="24"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(176.4deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="25"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(180deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="26"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(183.60000000000002deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="27"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(187.2deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="28"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(190.8deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="29"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(194.4deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="30"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(198deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="31"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(201.60000000000002deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="32"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(205.2deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="33"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(208.8deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="34"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(212.4deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="35"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(216deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="36"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(219.6deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="37"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(223.20000000000002deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="38"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(226.8deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="39"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(230.4deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="40"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(234deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="41"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(237.6deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="42"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(241.20000000000002deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="43"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(244.8deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="44"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(248.4deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="45"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(252deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="46"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(255.6deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="47"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(259.20000000000005deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="48"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(262.8deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="49"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(266.4deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="50"]:after {
  background-image: linear-gradient(-90deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="51"]:after {
  background-image: linear-gradient(-86.4deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="52"]:after {
  background-image: linear-gradient(-82.8deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="53"]:after {
  background-image: linear-gradient(-79.2deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="54"]:after {
  background-image: linear-gradient(-75.6deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="55"]:after {
  background-image: linear-gradient(-72deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="56"]:after {
  background-image: linear-gradient(-68.4deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="57"]:after {
  background-image: linear-gradient(-64.8deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="58"]:after {
  background-image: linear-gradient(-61.2deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="59"]:after {
  background-image: linear-gradient(-57.6deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="60"]:after {
  background-image: linear-gradient(-54deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="61"]:after {
  background-image: linear-gradient(-50.4deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="62"]:after {
  background-image: linear-gradient(-46.8deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="63"]:after {
  background-image: linear-gradient(-43.199999999999996deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="64"]:after {
  background-image: linear-gradient(-39.6deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="65"]:after {
  background-image: linear-gradient(-36deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="66"]:after {
  background-image: linear-gradient(-32.4deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="67"]:after {
  background-image: linear-gradient(-28.799999999999997deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="68"]:after {
  background-image: linear-gradient(-25.200000000000003deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="69"]:after {
  background-image: linear-gradient(-21.599999999999994deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="70"]:after {
  background-image: linear-gradient(-18deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="71"]:after {
  background-image: linear-gradient(-14.399999999999991deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="72"]:after {
  background-image: linear-gradient(-10.799999999999997deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="73"]:after {
  background-image: linear-gradient(-7.200000000000003deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="74"]:after {
  background-image: linear-gradient(-3.599999999999994deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="75"]:after {
  background-image: linear-gradient(0deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="76"]:after {
  background-image: linear-gradient(3.600000000000009deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="77"]:after {
  background-image: linear-gradient(7.200000000000003deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="78"]:after {
  background-image: linear-gradient(10.799999999999997deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="79"]:after {
  background-image: linear-gradient(14.400000000000006deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="80"]:after {
  background-image: linear-gradient(18deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="81"]:after {
  background-image: linear-gradient(21.60000000000001deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="82"]:after {
  background-image: linear-gradient(25.200000000000003deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="83"]:after {
  background-image: linear-gradient(28.799999999999997deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="84"]:after {
  background-image: linear-gradient(32.400000000000006deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="85"]:after {
  background-image: linear-gradient(36deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="86"]:after {
  background-image: linear-gradient(39.599999999999994deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="87"]:after {
  background-image: linear-gradient(43.20000000000002deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="88"]:after {
  background-image: linear-gradient(46.80000000000001deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="89"]:after {
  background-image: linear-gradient(50.400000000000006deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="90"]:after {
  background-image: linear-gradient(54deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="91"]:after {
  background-image: linear-gradient(57.599999999999994deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="92"]:after {
  background-image: linear-gradient(61.20000000000002deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="93"]:after {
  background-image: linear-gradient(64.80000000000001deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="94"]:after {
  background-image: linear-gradient(68.4deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="95"]:after {
  background-image: linear-gradient(72deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="96"]:after {
  background-image: linear-gradient(75.6deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="97"]:after {
  background-image: linear-gradient(79.20000000000002deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="98"]:after {
  background-image: linear-gradient(82.80000000000001deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="99"]:after {
  background-image: linear-gradient(86.4deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}
.progress-circle.colorblue1[data-progress="100"]:after {
  background-image: linear-gradient(90deg, #0099FF 50%, transparent 50%, transparent), linear-gradient(270deg, #0099FF 50%, #ddd 50%, #ddd);
}


.progress-circle.colorgreen4[data-progress="0"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(90deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="1"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(93.6deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="2"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(97.2deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="3"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(100.8deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="4"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(104.4deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="5"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(108deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="6"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(111.6deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="7"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(115.2deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="8"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(118.8deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="9"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(122.4deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="10"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(126deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="11"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(129.6deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="12"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(133.2deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="13"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(136.8deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="14"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(140.4deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="15"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(144deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="16"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(147.6deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="17"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(151.2deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="18"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(154.8deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="19"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(158.4deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="20"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(162deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="21"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(165.60000000000002deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="22"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(169.2deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="23"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(172.8deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="24"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(176.4deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="25"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(180deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="26"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(183.60000000000002deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="27"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(187.2deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="28"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(190.8deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="29"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(194.4deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="30"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(198deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="31"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(201.60000000000002deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="32"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(205.2deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="33"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(208.8deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="34"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(212.4deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="35"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(216deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="36"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(219.6deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="37"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(223.20000000000002deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="38"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(226.8deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="39"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(230.4deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="40"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(234deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="41"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(237.6deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="42"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(241.20000000000002deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="43"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(244.8deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="44"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(248.4deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="45"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(252deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="46"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(255.6deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="47"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(259.20000000000005deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="48"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(262.8deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="49"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(266.4deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="50"]:after {
  background-image: linear-gradient(-90deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="51"]:after {
  background-image: linear-gradient(-86.4deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="52"]:after {
  background-image: linear-gradient(-82.8deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="53"]:after {
  background-image: linear-gradient(-79.2deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="54"]:after {
  background-image: linear-gradient(-75.6deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="55"]:after {
  background-image: linear-gradient(-72deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="56"]:after {
  background-image: linear-gradient(-68.4deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="57"]:after {
  background-image: linear-gradient(-64.8deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="58"]:after {
  background-image: linear-gradient(-61.2deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="59"]:after {
  background-image: linear-gradient(-57.6deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="60"]:after {
  background-image: linear-gradient(-54deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="61"]:after {
  background-image: linear-gradient(-50.4deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="62"]:after {
  background-image: linear-gradient(-46.8deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="63"]:after {
  background-image: linear-gradient(-43.199999999999996deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="64"]:after {
  background-image: linear-gradient(-39.6deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="65"]:after {
  background-image: linear-gradient(-36deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="66"]:after {
  background-image: linear-gradient(-32.4deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="67"]:after {
  background-image: linear-gradient(-28.799999999999997deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="68"]:after {
  background-image: linear-gradient(-25.200000000000003deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="69"]:after {
  background-image: linear-gradient(-21.599999999999994deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="70"]:after {
  background-image: linear-gradient(-18deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="71"]:after {
  background-image: linear-gradient(-14.399999999999991deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="72"]:after {
  background-image: linear-gradient(-10.799999999999997deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="73"]:after {
  background-image: linear-gradient(-7.200000000000003deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="74"]:after {
  background-image: linear-gradient(-3.599999999999994deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="75"]:after {
  background-image: linear-gradient(0deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="76"]:after {
  background-image: linear-gradient(3.600000000000009deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="77"]:after {
  background-image: linear-gradient(7.200000000000003deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="78"]:after {
  background-image: linear-gradient(10.799999999999997deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="79"]:after {
  background-image: linear-gradient(14.400000000000006deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="80"]:after {
  background-image: linear-gradient(18deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="81"]:after {
  background-image: linear-gradient(21.60000000000001deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="82"]:after {
  background-image: linear-gradient(25.200000000000003deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="83"]:after {
  background-image: linear-gradient(28.799999999999997deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="84"]:after {
  background-image: linear-gradient(32.400000000000006deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="85"]:after {
  background-image: linear-gradient(36deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="86"]:after {
  background-image: linear-gradient(39.599999999999994deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="87"]:after {
  background-image: linear-gradient(43.20000000000002deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="88"]:after {
  background-image: linear-gradient(46.80000000000001deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="89"]:after {
  background-image: linear-gradient(50.400000000000006deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="90"]:after {
  background-image: linear-gradient(54deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="91"]:after {
  background-image: linear-gradient(57.599999999999994deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="92"]:after {
  background-image: linear-gradient(61.20000000000002deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="93"]:after {
  background-image: linear-gradient(64.80000000000001deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="94"]:after {
  background-image: linear-gradient(68.4deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="95"]:after {
  background-image: linear-gradient(72deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="96"]:after {
  background-image: linear-gradient(75.6deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="97"]:after {
  background-image: linear-gradient(79.20000000000002deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="98"]:after {
  background-image: linear-gradient(82.80000000000001deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="99"]:after {
  background-image: linear-gradient(86.4deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}
.progress-circle.colorgreen4[data-progress="100"]:after {
  background-image: linear-gradient(90deg, #00a86b 50%, transparent 50%, transparent), linear-gradient(270deg, #00a86b 50%, #ddd 50%, #ddd);
}



.progress-circle.colororange[data-progress="0"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(90deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="1"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(93.6deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="2"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(97.2deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="3"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(100.8deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="4"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(104.4deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="5"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(108deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="6"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(111.6deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="7"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(115.2deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="8"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(118.8deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="9"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(122.4deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="10"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(126deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="11"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(129.6deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="12"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(133.2deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="13"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(136.8deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="14"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(140.4deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="15"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(144deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="16"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(147.6deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="17"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(151.2deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="18"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(154.8deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="19"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(158.4deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="20"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(162deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="21"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(165.60000000000002deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="22"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(169.2deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="23"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(172.8deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="24"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(176.4deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="25"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(180deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="26"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(183.60000000000002deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="27"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(187.2deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="28"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(190.8deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="29"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(194.4deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="30"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(198deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="31"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(201.60000000000002deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="32"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(205.2deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="33"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(208.8deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="34"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(212.4deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="35"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(216deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="36"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(219.6deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="37"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(223.20000000000002deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="38"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(226.8deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="39"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(230.4deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="40"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(234deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="41"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(237.6deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="42"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(241.20000000000002deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="43"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(244.8deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="44"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(248.4deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="45"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(252deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="46"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(255.6deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="47"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(259.20000000000005deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="48"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(262.8deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="49"]:after {
  background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(266.4deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="50"]:after {
  background-image: linear-gradient(-90deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="51"]:after {
  background-image: linear-gradient(-86.4deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="52"]:after {
  background-image: linear-gradient(-82.8deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="53"]:after {
  background-image: linear-gradient(-79.2deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="54"]:after {
  background-image: linear-gradient(-75.6deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="55"]:after {
  background-image: linear-gradient(-72deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="56"]:after {
  background-image: linear-gradient(-68.4deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="57"]:after {
  background-image: linear-gradient(-64.8deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="58"]:after {
  background-image: linear-gradient(-61.2deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="59"]:after {
  background-image: linear-gradient(-57.6deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="60"]:after {
  background-image: linear-gradient(-54deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="61"]:after {
  background-image: linear-gradient(-50.4deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="62"]:after {
  background-image: linear-gradient(-46.8deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="63"]:after {
  background-image: linear-gradient(-43.199999999999996deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="64"]:after {
  background-image: linear-gradient(-39.6deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="65"]:after {
  background-image: linear-gradient(-36deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="66"]:after {
  background-image: linear-gradient(-32.4deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="67"]:after {
  background-image: linear-gradient(-28.799999999999997deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="68"]:after {
  background-image: linear-gradient(-25.200000000000003deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="69"]:after {
  background-image: linear-gradient(-21.599999999999994deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="70"]:after {
  background-image: linear-gradient(-18deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="71"]:after {
  background-image: linear-gradient(-14.399999999999991deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="72"]:after {
  background-image: linear-gradient(-10.799999999999997deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="73"]:after {
  background-image: linear-gradient(-7.200000000000003deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="74"]:after {
  background-image: linear-gradient(-3.599999999999994deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="75"]:after {
  background-image: linear-gradient(0deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="76"]:after {
  background-image: linear-gradient(3.600000000000009deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="77"]:after {
  background-image: linear-gradient(7.200000000000003deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="78"]:after {
  background-image: linear-gradient(10.799999999999997deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="79"]:after {
  background-image: linear-gradient(14.400000000000006deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="80"]:after {
  background-image: linear-gradient(18deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="81"]:after {
  background-image: linear-gradient(21.60000000000001deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="82"]:after {
  background-image: linear-gradient(25.200000000000003deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="83"]:after {
  background-image: linear-gradient(28.799999999999997deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="84"]:after {
  background-image: linear-gradient(32.400000000000006deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="85"]:after {
  background-image: linear-gradient(36deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="86"]:after {
  background-image: linear-gradient(39.599999999999994deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="87"]:after {
  background-image: linear-gradient(43.20000000000002deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="88"]:after {
  background-image: linear-gradient(46.80000000000001deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="89"]:after {
  background-image: linear-gradient(50.400000000000006deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="90"]:after {
  background-image: linear-gradient(54deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="91"]:after {
  background-image: linear-gradient(57.599999999999994deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="92"]:after {
  background-image: linear-gradient(61.20000000000002deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="93"]:after {
  background-image: linear-gradient(64.80000000000001deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="94"]:after {
  background-image: linear-gradient(68.4deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="95"]:after {
  background-image: linear-gradient(72deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="96"]:after {
  background-image: linear-gradient(75.6deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="97"]:after {
  background-image: linear-gradient(79.20000000000002deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="98"]:after {
  background-image: linear-gradient(82.80000000000001deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="99"]:after {
  background-image: linear-gradient(86.4deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}
.progress-circle.colororange[data-progress="100"]:after {
  background-image: linear-gradient(90deg, #FB8122 50%, transparent 50%, transparent), linear-gradient(270deg, #FB8122 50%, #ddd 50%, #ddd);
}



/* Reward staus color and dot color */
.status-not_approved-dot, .status-pending_approval-dot, 
.status-app-dot, .status-approved-dot, .status-payment_required-dot, 
.status_payment_done_dot, .status-rewards_sent-dot,
.rewards_sent_dot{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    margin-right: 5px;
}
.status-not_approved-dot {
    background: -moz-linear-gradient(90deg, rgb(0,7,51) 0%, rgb(123,123,123) 100%); 
    background: -webkit-linear-gradient( 90deg, rgb(0,7,51) 0%, rgb(123,123,123) 100%); 
    background: -ms-linear-gradient( 90deg, rgb(0,7,51) 0%, rgb(123,123,123) 100%);
    }

.status-not_approved
{
  color: #000733;
}
.status-payment_required-dot {
    background: -moz-linear-gradient(45deg, rgb(228,6,43) 0%, rgb(255,54,87) 100%);
    background: -webkit-linear-gradient(45deg, rgb(228,6,43) 0%, rgb(255,54,87) 100%);
    background: -ms-linear-gradient(45deg, rgb(228,6,43) 0%, rgb(255,54,87) 100%);
}
.status-payment_required{
  color: #E4062B;
}
.status-pending_approval
{color:#0099FF;}
.status-pending_approval-dot{
	  background: -moz-linear-gradient( 45deg, rgb(65,154,255) 0%, rgb(112,178,255) 100%); 
    background: -webkit-linear-gradient( 45deg, rgb(65,154,255) 0%, rgb(112,178,255) 100%); 
    background: -ms-linear-gradient( 45deg, rgb(65,154,255) 0%, rgb(112,178,255) 100%);
}
.status_payment_done_dot
{
    background:#00A86B;
}


.status_payment_done
{
  color: #00A86B;
}
.rewards_sent_dot{
  background:#B152B3;
}
.rewards_sent{
  color: #B152B3;
}
.status-approved
{
  color: black; /*#00A86B; */
}
.status-approved-dot
{
  background: #000; /* #00A86B;*/
}
.status_rewards_sent_dot
{
  background:#7F63F4;
}
.status_rewards_sent
{
  color: #7F63F4;
}


.status-purple
{
  color: #7F63F4 !important;
}
.status-purple-dot
{

}
.status-orange
{
  color: #FB8122;
}
/* staus color and dot color */