.column-navigator{position:absolute;right:22px}
.cloud-container .column-navigator{bottom:22px}
.chart-bars .bars-wrapper{width:100%;height:100%;padding:0;margin:0}
.chart-bars .bars-wrapper .bars{height:100%;margin:0;text-align:center;position:relative;font-size:16px}
.chart-bars .bars-wrapper .bars .bar{width:100%;color:var(--white);bottom:0;height:0;overflow:hidden;font-weight:bold;outline:2px solid transparent}
.chart-bars-wrap.chart-bars-horizontal .chart-bars .bars-wrapper .bar-data-set{display:inline-block;padding-bottom:25px}
.chart-bars-wrap.chart-bars-horizontal .chart-bars .bars-wrapper .bars .percent-count{margin-top:0;position:absolute;margin-left:6px;font-size:40px;color:var(--white);top:unset}
.chart-bars-wrap.chart-bars-horizontal .chart-bars .bars-wrapper .bar-info .bar-info-text{line-height:24px}
.chart-bars-wrap.chart-bars-horizontal .chart-bars .bars-wrapper{border:0}
.chart-bars-wrap.chart-bars-horizontal .chart-bars .bars-wrapper .bars{background:rgba(29,66,138,0.2)}
.chart-bars-wrap.chart-bars-horizontal .chart-bars .bars-wrapper .bar.true{-webkit-transition:none !important;transition:none !important}
.chart-bars-wrap.chart-bars-horizontal .chart-bars .bars-wrapper .bar{width:0;padding:2px;height:100%;text-align:left;font-size:40px;background:linear-gradient(to right,#007abb 0,#1d428a 100%);min-height:50px;-webkit-transition:2s width cubic-bezier(0.6,0.4,0.4,1.1);transition:2s width cubic-bezier(0.6,0.4,0.4,1.1)}
}
.chart-bars-wrap.chart-bars-horizontal .chart-bars .bars-wrapper .bar.indigo{background:linear-gradient(to right,#007abb 0,#1d428a 100%)}
.chart-bars-wrap.chart-bars-horizontal .chart-bars .bars-wrapper .bar.ocean{background:linear-gradient(to right,#1d428a 0,#007abb 100%)}
.chart-bars-wrap.chart-bars-horizontal .chart-bars .bars-wrapper .bar.plum{background:linear-gradient(to right,#ae94bf 0,#7f35b2 100%)}
.chart-bars-wrap.chart-bars-horizontal .chart-bars .bars-wrapper .bar.aqua{background:linear-gradient(to right,#a5e4eb 0,#00c1d5 100%)}
.chart-bars-wrap.chart-bars-horizontal .chart-bars .bars-wrapper .bar.green{background:linear-gradient(to right,#a0cd68 0,#78be20 100%)}
.chart-bars-wrap.chart-bars-horizontal .chart-bars .bars-wrapper .bar:after{font-size:.6em;margin-right:20px}
.chart-bars .bars-wrapper .bars{height:100%;margin:0;text-align:center;position:relative;font-size:16px;margin-bottom:8px}
.chart-bars-wrap.chart-bars-horizontal .chart-bars .bars-wrapper .bars{background:rgba(29,66,138,0.2)}
.chart-bars-horizontal .chart-bars .bars-wrapper{width:100%;height:100%;padding:0;margin:0}
.chart-bars-wrap.chart-bars-vertical{margin-bottom:100px}
.chart-bars-vertical .chart-bars .bars-wrapper{display:flex;justify-content:space-between;min-height:380px}
.chart-bars-vertical .chart-bars .bars-wrapper .bars{width:46px;height:auto;display:flex;margin-bottom:0;padding-top:5px}
.chart-bars-vertical .chart-bars .bars-wrapper .bars .bar{width:100%;background:#0091da;bottom:0;height:0;-webkit-transition:1.5s height cubic-bezier(.6,.4,.4,1.1);transition:1.5s height cubic-bezier(.6,.4,.4,1.1);margin-top:auto}
.chart-bars-vertical .chart-bars .bars-wrapper .bars .bar.true{-webkit-transition:none;transition:none}
.chart-bars-vertical .chart-bars .bars-wrapper .bars .bar.indigo{background:#1d428a}
.chart-bars-vertical .chart-bars .bars-wrapper .bars .bar.ocean{background:#007ab8}
.chart-bars-vertical .chart-bars .bars-wrapper .bars .bar.plum{background:#7f35b2}
.chart-bars-vertical .chart-bars .bars-wrapper .bars .bar.aqua{background:#00c1d5}
.chart-bars-vertical .chart-bars .bars-wrapper .bars .bar.green{background:#78be20}
.chart-bars-vertical .bar-info{display:flex;position:relative;margin-top:auto;flex-direction:column}
.chart-bars-vertical .bar-info .bar-data-set{display:block;transform:rotate(270deg);text-align:right;position:absolute;white-space:nowrap;width:auto;bottom:-65px;min-width:101px;left:-27px}
.chart-bars-horizontal .chart-bars .bars-wrapper .bars .bar{width:100%;color:var(--white);bottom:0;height:0;overflow:hidden;font-weight:bold;outline:2px solid transparent}
.chart-bars .bars-wrapper .bars .percent-count{top:-20px;position:absolute;color:var(--black);width:100%;left:0;font-size:16px}
.chart-bars .bars-wrapper .bars .percent-count:after{content:'%';font-size:16x;vertical-align:top;margin-right:-8px}
.chart-bars-wrap.chart-bars-horizontal .chart-bars .bars-wrapper{border:0}
.chart-bars-wrap.chart-bars-horizontal .chart-bars .bars-wrapper .bar{width:0;padding:10px;height:100%;text-align:left;font-size:40px;display:flex;align-items:center}
.chart-bars-wrap.chart-bars-horizontal .chart-bars .bars-wrapper .bar:after{font-size:.6em;margin-right:20px}
.chart-bars-horizontal .chart-bars .bars-wrapper .bars.indigo{background:#d2d9e8}
.chart-bars-horizontal .chart-bars .bars-wrapper .bars.green{background:#e0ecd1}
.chart-bars-horizontal .chart-bars .bars-wrapper .bars.ocean{background:#e5d7f0}
.chart-bars-horizontal .chart-bars .bars-wrapper .bars.plum{background:#d2d9e8}
.chart-bars-horizontal .chart-bars .bars-wrapper .bars.aqua{background:#ccecf0}
.chart-bars-horizontal .chart-bars .bars-wrapper .bars .bar.indigo{background:linear-gradient(to right,#007ab8 0,#1d428a 100%)}
.chart-bars-horizontal .chart-bars .bars-wrapper .bars .bar.green{background:linear-gradient(to right,#007ab8 0,#65a11b 100%)}
.chart-bars-horizontal .chart-bars .bars-wrapper .bars .bar.ocean{background:linear-gradient(to right,#007ab8 0,#7f35b2 100%)}
.chart-bars-horizontal .chart-bars .bars-wrapper .bars .bar.plum{background:linear-gradient(to right,#7f35b2 0,#1d428a 100%)}
.chart-bars-horizontal .chart-bars .bars-wrapper .bars .bar.aqua{background:linear-gradient(to right,#007ab8 0,#00a1b3 100%)}
.pie-chart-container .bars.pie-chart .circle_percent{font-size:100px;width:170px;height:170px;position:relative;border-radius:50%;overflow:hidden;display:inline-block}
.pie-chart-custom-container{margin-top:60px}
.pie-chart-container .bars.pie-chart .circle_inner{position:absolute;left:0;top:0;width:170px;height:170px;clip:rect(0 170px 170px 85px)}
.pie-chart-container .bars.pie-chart .pie-chart-card{display:flex}
.pie-chart-container .bars.pie-chart .circle_percent.true .round_per{transition:none !important}
.pie-chart-container .bars.pie-chart .round_per{position:absolute;left:0;top:0;width:170px;height:170px;background:#1d428a;clip:rect(0 170px 170px 85px);transform:rotate(180deg);transition:1.05s}
.pie-chart-container .bars.pie-chart .round_per.bg-aqua{background:radial-gradient(61.68% 61.68% at 50.3% 50.3%,#00818f 55.34%,#00c1d5 80.58%)}
.pie-chart-container .bars.pie-chart .round_per.bg-green{background:radial-gradient(49.7% 49.7% at 50% 50.3%,#78be20 79.52%,#80b53d 100%)}
.pie-chart-container .bars.pie-chart .round_per.bg-hoverblue{background:radial-gradient(49.7% 49.7% at 50% 50.3%,#007ab8 79.52%,#0091da 100%)}
.pie-chart-container .bars.pie-chart .round_per.bg-plum{background:radial-gradient(50% 50% at 50% 50%,#5b1a87 79.09%,#7f35b2 91.07%)}
.pie-chart-container .bars.pie-chart .circle_percent.bg-light-aqua{background:rgba(0,193,213,0.2)}
.pie-chart-container .bars.pie-chart .circle_percent.bg-light-aqua::after{background:radial-gradient(61.68% 61.68% at 50.3% 50.3%,#00818f 55.34%,#00c1d5 80.58%)}
.pie-chart-container .bars.pie-chart .circle_percent.bg-light-hoverblue{background:rgba(0,145,218,0.2)}
.pie-chart-container .bars.pie-chart .circle_percent.bg-light-hoverblue::after{background:radial-gradient(49.7% 49.7% at 50% 50.3%,#007ab8 79.52%,#0091da 100%)}
.pie-chart-container .bars.pie-chart .circle_percent.bg-light-plum{background:rgba(127,53,178,0.2)}
.pie-chart-container .bars.pie-chart .circle_percent.bg-light-plum::after{background:radial-gradient(50% 50% at 50% 50%,#5b1a87 79.09%,#7f35b2 91.07%)}
.pie-chart-container .bars.pie-chart .circle_percent.bg-light-green{background:rgba(120,190,32,0.2)}
.pie-chart-container .bars.pie-chart .circle_percent.bg-light-green::after{background:radial-gradient(49.7% 49.7% at 50% 50.3%,#78be20 79.52%,#80b53d 100%)}
.pie-chart-container .bars.pie-chart .percent_more .circle_inner{clip:rect(0 85px 170px 0)}
.pie-chart-container .bars.pie-chart .percent_more::after{position:absolute;left:0;content:"";background:var(--color,"");width:170px;height:170px;transform:rotate(90deg);clip:rect(0,170px,85px,0)}
.pie-chart-container .bars.pie-chart .circle_inbox{position:absolute;top:15px;left:15px;right:15px;bottom:15px;background:#fff;z-index:3;border-radius:50%}
.pie-chart-container .bars.pie-chart .percent_text{position:absolute;font-size:50px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;color:var(--black)}
.pie-chart-container .bars.pie-chart.shadow{box-shadow:0 4px 14px 0 rgb(17 69 134 / 10%)}
.pie-chart-container .chart-bars .bars-wrapper{border:0;margin-bottom:40px}
.pie-chart-container .chart-bars .bars-wrapper .bars.pie-chart{padding:40px}
.pie-chart-container .bars.pie-chart .card-title{margin-bottom:20px}
.pie-chart-container .text-container{text-align:left;padding-left:10px;margin-left:5px}
.pie-chart-container .text-container p{line-height:24px;color:var(--black)}
.pie-chart-container .bars.pie-chart .pop-icon{position:relative;width:60px;height:60px;cursor:pointer;z-index:5}
.plusIcon{background:url("clientlib/resources/plusIcon.png");background-size:contain}
.crossIcon{background:url("clientlib/resources/plusIcon.png");background-size:contain;transform:rotate(45deg)}
.pie-container-bg-image{background:url("../../../../../../content/dam/digitalmarketing/vmware/en/images/corporative-narrative/pie-container-bg.png") no-repeat;background-position-x:100%}
.pie-chart-container .bars.pie-chart .popover-body{position:absolute;max-width:300px;padding:20px;background-color:#fff;bottom:0;box-shadow:0 4px 14px 0 rgb(17 69 134 / 10%);display:none;margin-bottom:80px}
.pie-chart-container .bars.pie-chart .popover-block-container .popover-percentage{font-size:40px;width:85px}
.pie-chart-container .bars.pie-chart .popover-block-container .popover-percentage-text{max-width:135px}
.pie-chart-container .bars.pie-chart .popover-block-container .popover-body ol{margin-bottom:0}
.pie-chart-container .bars.pie-chart .popover-block-container .popover-body li{list-style:unset;margin-left:0;text-align:left;display:flex;justify-content:left;text-indent:0;align-items:center}
.pie-chart-container .bars.pie-chart .popover-block-container .popover-body{border:0;padding:40px;color:var(--black);width:330px;z-index:4;margin-left:30px;box-shadow:0 16px 24px rgb(29 66 138 / 12%);border-radius:4px}
.pie-chart-container .bars.pie-chart .popover-block-container .popover-icon{background:0;color:none;border:0;padding:0;outline:0;cursor:pointer;color:#04a0b2;text-align:center;margin-top:4px}
.container-wrapper{position:relative}
.popover-block-container .popover-body.normal,.popover-block-container .popover-body.right-align-popover{bottom:24px;left:24px}
.popover-block-container .popover-body.left-align-popover{bottom:25px;right:25px}
@media(min-width:993px){.container-wrapper .col-title-img{max-width:815px;margin:0 auto}
.pie-chart-container .bars.pie-chart .popover-block-container:not(.hidden-xs){display:inline-block}
.pie-chart-container .bars.pie-chart .circle_percent{flex:0 0 50%;max-width:170px}
}
@media(min-device-width:992px) and (max-device-width:1023px){.pie-chart-component .pd-lg-right-100{padding-right:50px}
.pie-chart-component .pd-lg-left-100{padding-left:50px}
.pie-chart-container .chart-bars .bars-wrapper .bars.pie-chart{padding:20px}
}
@media only screen and (min-width:1024px) and (max-height:1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1.5){.pie-chart-component .pd-lg-right-100{padding-right:50px}
.pie-chart-component .pd-lg-left-100{padding-left:50px}
.pie-chart-container .chart-bars .bars-wrapper .bars.pie-chart{padding:20px}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){.pie-chart-container .chart-bars .bars-wrapper .bars.pie-chart{padding-left:15px;padding-right:15px}
}
@media(max-width:992px){.pie-chart-component{padding-left:15px;padding-right:15px}
.pie-container-title{font-size:25px}
.pie-chart-container .bars.pie-chart .card-title{font-size:20px}
.pie-chart-component .owl-carousel .owl-item{margin-left:0}
.pie-chart-container .bars.pie-chart .pie-chart-card{flex-direction:column}
.pie-chart-container .text-container{text-align:center;padding-left:10px;margin-left:0}
.pie-chart-container .chart-bars .bars-wrapper{display:flex;padding-left:0;padding-right:0;margin-bottom:0}
.pie-chart-container .bars.pie-chart .pie-chart-card{align-items:center}
.pie-chart-container .bars.pie-chart .circle_percent{margin-bottom:50px}
.pie-chart-container .bars.pie-chart .plusIcon.pop-icon{position:absolute;top:44%;left:40%}
.pie-chart-container .bars.pie-chart .pie-chart-card{position:relative}
.pie-chart-container .bars.pie-chart .popover-block-container .popover-body{right:0;position:absolute;margin-bottom:130px;z-index:4}
.pie-chart-container .bars.pie-chart .plusIcon.pop-icon.crossIcon{z-index:5}
.pie-chart-container .chart-bars .bars-wrapper .bars.pie-chart{padding-bottom:0}
.pd-bottom-sm-100{padding-bottom:100px}
.column-navigator{right:0;padding-left:20px;padding-top:25px;text-align:center;font-size:12px;line-height:22px;bottom:22px}
}