@font-face {font-family: 'latomedium'; src: url('fonts/lato-medium.eot'); src: url('fonts/lato-medium.eot?#iefix') format('embedded-opentype'), url('fonts/lato-medium.woff2') format('woff2'), url('fonts/lato-medium.woff') format('woff'), url('fonts/lato-medium.ttf') format('truetype'), url('fonts/lato-medium.svg#latomedium') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'latobold'; src: url('fonts/lato-bol-webfont.eot'); src: url('fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-bol-webfont.woff2') format('woff2'), url('fonts/lato-bol-webfont.woff') format('woff'), url('fonts/lato-bol-webfont.ttf') format('truetype'), url('fonts/lato-bol-webfont.svg#latobold') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'latoregular'; src: url('fonts/lato-reg-webfont.eot'); src: url('fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-reg-webfont.woff2') format('woff2'), url('fonts/lato-reg-webfont.woff') format('woff'), url('fonts/lato-reg-webfont.ttf') format('truetype'), url('fonts/lato-reg-webfont.svg#latoregular') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'latolight'; src: url('fonts/lato-lig-webfont.eot'); src: url('fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-lig-webfont.woff2') format('woff2'), url('fonts/lato-lig-webfont.woff') format('woff'), url('fonts/lato-lig-webfont.ttf') format('truetype'), url('fonts/lato-lig-webfont.svg#latolight') format('svg'); font-weight: normal; font-style: normal;} 
@font-face {font-family: 'latoitalic'; src: url('fonts/lato-regita-webfont.eot'); src: url('fonts/lato-regita-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-regita-webfont.woff2') format('woff2'), url('fonts/lato-regita-webfont.woff') format('woff'), url('fonts/lato-regita-webfont.ttf') format('truetype'), url('fonts/lato-regita-webfont.svg#latoitalic') format('svg'); font-weight: normal; font-style: normal;}

html { min-height:100.1% }

pre{font-size:80%; overflow:auto; cursor:pointer; max-height:200px;line-height:16px;}

body{font-family: 'latoregular'; font-weight: normal; font-size: 14px; background: #f2f2f2;min-height:100.1%;} 
input, select, text-area, button, input:focus, select:focus, text-area:focus, button:focus{outline: none;}   
.black-bg{background: #000000;}
.mid-green-bg{background: #4db50d; color:#fff;}
.dark-green-bg{background: #49ac0c;}
.gr-bg{background: #f1f2f2;}
.gr-bg-light{background: #d9d9d9;}
.pink-bg{background: #d80468;}
.yellow-bg{background: #f1c22e;}
.bluish{background: #138997;}
.white-bg{background: #fff;}
.orange-bg{background: #f27405;}
.bd-b{border-bottom: 1px solid #000000;}
.bd-bw{border-bottom: 1px solid #fff;}
.bd-lw{border-left: 1px solid #fff;}
.white-text{color: #fff;}
.light-pink-bg{background: #d982c9;} 
.light-orange-bg{background: #ffb574;}
.light-bluish{background: #05bec0;} 

.top-container {width: 100%; margin: 0 auto; padding:  26px 15px; background: #fff;}
.elementdisplaynone{display:none !important;}
.elementdisplayblock{display:block !important;}

.rwsbutton3 {  background-color: transparent; border: none; text-align: center; text-decoration: none; display: inline-block; font-size: 0px; margin: 0px; cursor: pointer; padding: 0px 0px;}

.blacktext{colore:#000;}
header {display: inline-block; vertical-align: top; width: 100%; padding:0;}

header .logo{text-align: left;}

header .logo img{max-width:180px; }

.apirwsnav-link{background-color: transparent;
border: none;
color: white;
text-decoration: none;
display: inline-block;
font-size: 14px;

}

.apirwsnav-link:hover{background-color: transparent;
border: none;
color: white;
text-decoration: none;
display: inline-block;
font-size: 14px;
text-decoration:underline;

}
.pageproductionlist .cltooltip  {

	text-align:right;
	padding:3px 0 3px 5px !important;
}

.pageproductionlist  .cltooltip span {
    font-size: 13px !important;
    margin-right: 5px;

}
.pageproductionlist  .modal-dialog{max-width:645px;border-radius:0px !important;}
.pageproductionlist  .modal-content{width:100% !important; padding:30px !important; border-radius:0px !important;}
.pageproductionlist  .modal-header .modal-title{color:#000; padding-left:20px;font-family: 'latobold'; font-size:20px;}
.pageproductionlist  .modal-dialog .form-control{border-radius:7px !important; color:#000 !important;  background:#e5e5e5 !important; text-align:left !important; resize:none; height:250px; font-weight:400; letter-spacing:0.5px;}

header .progress {width: 60px; height: 60px !important; float: left; line-height: 150px; background: none; margin: 20px; box-shadow: none; position: relative;}
header .progress:after {content: ""; width: 100%; height: 100%; border-radius: 50%; border: 3px solid #fff; position: absolute; top: 0; left: 0;}
header .progress>span {width: 50%; height: 100%; overflow: hidden; position: absolute; top: 0; z-index: 1;}
header .progress .progress-left {left: 0;}
header .progress .progress-bar {width: 100%; height: 100%; background: none; border-width: 3px; border-style: solid; position: absolute; top: 0;}
header  .progress .progress-left .progress-bar {left: 100%; border-top-right-radius: 80px; border-bottom-right-radius: 80px; border-left: 0; -webkit-transform-origin: center left; transform-origin: center left;}
header .progress .progress-right {right: 0;}
header .progress .progress-right .progress-bar {left: -100%; border-top-left-radius: 80px; border-bottom-left-radius: 80px; border-right: 0; -webkit-transform-origin: center right; transform-origin: center right; animation: loading-1 1.8s linear forwards;}
header .progress .progress-value {width: 90%; height: 90%; border-radius: 50%; background: #d80467; color: #fff; line-height: 66px; text-align: center; position: absolute; top: 5%; left: 5%; font-family: 'latobold'; font-weight: normal; font-size: 18px;} 
header .progress.blue .progress-bar {border-color: #000;}
header .progress.blue .progress-left .progress-bar {animation: loading-2 1.5s linear forwards 1.8s;}

header .top-circle{    float: left;
    margin-right: 17px;
    font-family: 'latobold';
    font-weight: normal;
    font-size: 20px;
}
.top-circle-text{float: left; color: #000; font-family: 'latobold'; font-weight: normal; font-size: 26px;}
.top-circle-text span{display: block; font-size: 14px; font-family: 'latoitalic'; font-weight: normal;}
.print-btn{padding: 19px 0 0 0;}
.print-btn a{border-radius: 30px; text-decoration: none; background: #7f7f7f; color: #fff; width: auto; padding: 5px 24px; display: inline-block; vertical-align: middle;}
.header-right{text-align: right; padding: 19px 15px 0; display: inline-block; vertical-align: middle;}
.header-right a{margin-left: 10px;}
.header-right a:nth-child(2){border-radius: 100%;}
.header-right a:nth-child(2) img{border-radius: 100%; width: 36px; height: 36px;}
.header-right a:nth-child(4){margin-left: 3px;}
.page-container{padding: 25px 15px; background: #f2f2f2; width: 100%; margin: 0 auto; display: inline-block; vertical-align: top;}
.main-container{width: 100%; max-width: 1007px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.prg-d{padding: 10px 0 5px; font-family: 'latoitalic'; font-weight: normal; font-size: 13px;}
.prg-d .col-lg-3, .prg-d .col-lg-2{text-align: right; padding-right: 0;}
.acc{width: 100%;}
.acc .card{margin-bottom: 20px; border: 0; border-radius: 0;}
.acc .nest-div .card{margin-bottom: 10px;}
.acc .mb-0 > a {display: block; position: relative; color: #fff; text-decoration: none; font-family: 'latobold'; font-weight: normal; font-size: 17px;}
.acc .mb-0 > a span{font-family: 'latoregular'; font-weight: normal; padding: 0 0 0 5px;}
.acc .mb-0 > a:after {/*content: "\f078";  fa-chevron-down font-family: 'FontAwesome';*/ display: inline-block; width: 22px; height: 22px;
    vertical-align: middle; position: absolute; right: 34px; content: ""; background: url(../images/arrow-right-white.svg) no-repeat center center;background-size: 22px 22px;
    text-align: right;}
.acc .mb-0 > a[aria-expanded="true"]:after {/*content: "\f077";  fa-chevron-up */ content: ""; background: url(../images/arrow-bottom-white.svg) no-repeat center center;
	background-size: 22px 22px;
 display: inline-block;
    width: 22px; height: 22px; vertical-align: middle;}
.acc .card-header{padding: 0; border: 0;}
.acc .mb-0 > a{padding: 16px 20px}
.accprintpage .mb-0 > a:after {display: inline-block; width: 22px; height: 22px;
    vertical-align: middle; position: absolute; right: 34px; content: ""; background: url(../images/arrow-bottom-white.svg) no-repeat center center;
text-align: right; background-size: 22px 22px;}
.space2 strong a {text-transform:uppercase}
.space2 strong a:hover {color:#000; text-decoration:none;}

.svgcheckwhite{max-width:20px;}
	 
.col-pic {text-align: right; width: 36%; float: right; margin-right: 147px; margin-top: -7px;}
.col-pic img{border-radius: 100%; width: 36px; height: 36px; margin-left: 5px; }
.col-pic img.slave{
  opacity:90%;
   filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}


.nest-div .card-header a{height: 50px; font-family: 'latobold'; font-weight: normal; font-size: 15px; padding: 16px 14px;}
.nest-div .card-header a:after{right: 13px; margin-top: -2px;}
.acc .card-body{border: 0; border-radius: 0;}
.nest-div .card-body{border: 1px solid #c5c5c5; padding: 14px 11px 6px; display: inline-block; vertical-align: top; width: 100%;}
.card-header:first-child {border-radius: 0;}
.nest-div .collapse div.row{font-family: 'latobold'; font-weight: normal; font-size: 15px; padding: 0 11px; color: #fff; margin:0px;}
.nest-div  div.row { margin:0px; }
.admin-setting-img{opacity: 0.2}

.nest-div .collapse div.row span{font-family: 'latoregular'; font-weight: normal; font-size: 15px; padding: 0 0 0 5px;}
.nest-div .collapse div.row div{padding: 4px 15px 4px 15px;}
.nest-div .collapse div.row div:nth-child(1){padding-left: 0;}
.nest-div .collapse div.row div:nth-child(6){padding: 3px 0 3px 15px;}
.nest-div .collapse div.row.gr-bg, .nest-div .collapse div.row.white-bg {color: #000;}
.nest-div .collapse div.row div:nth-child(5){text-align: right;}
.nest-div .collapse div.row div:nth-child(5) span{font-size: 13px; margin-right: 8px;}
.nest-div .collapse div.row div:nth-child(5).cl img{width: 22px; height: 22px;border-radius: 100%}

.nest-div .collapsing div.row{font-family: 'latobold'; font-weight: normal; font-size: 15px; padding: 0 11px; color: #fff; margin:0px;}
.nest-div .collapsing div.row span{font-family: 'latoregular'; font-weight: normal; font-size: 15px; padding: 0 0 0 5px;}
.nest-div .collapsing div.row div{padding: 4px 15px 4px 15px;}
.nest-div .collapsing div.row div:nth-child(1){padding-left: 0;}
.nest-div .collapsing div.row div:nth-child(6){padding: 3px 0 3px 15px;}
.nest-div .collapsing div.row.gr-bg, .nest-div .collapsing div.row.white-bg {color: #000;}
.nest-div .collapsing div.row div:nth-child(5){text-align: right;}
.nest-div .collapsing div.row div:nth-child(5) span{font-size: 13px; margin-right: 8px;}
.nest-div .collapsing div.row div:nth-child(5).cl img{width: 22px; height: 22px;border-radius: 100%}

.nest-div .coll-h{width: 62%; float: left;}
.nest-div .col-pic {margin-right: 0; margin-top: -8px; float: left;}
.nest-div .tick{width: 6%; height: 23px; text-align: right; float: left;}
.nest-div .collapsing div.row cl img{width: 22px;
height: 22px;
border-radius: 100%;}
.nest-div .rwsproductparentdiv div.row .cl img{width: 22px;
height: 22px;
border-radius: 100%;}

.acc h3{color: #000; font-size: 17px; font-family: 'latobold'; font-weight: normal; margin: 44px 0 5px 0;}
.badges .wd11{width: 11px; height: 50px; float: left;}
.badges .bluish, .badges .yellow-bg, .badges .mid-green-bg, .badges .orange-bg, .badges .light-orange-bg, .badges .light-pink-bg, .badges .pink-bg, .badges .light-bluish{margin-left: 11px; height: 50px; padding: 13px 0px;}
.badges .bluish .coll-h, .badges .yellow-bg .coll-h, .badges .mid-green-bg .coll-h, .badges .orange-bg  .coll-h, .badges .light-orange-bg .coll-h, .badges .light-pink-bg .coll-h, .badges .pink-bg .coll-h, .badges .light-bluish .coll-h {width: 52%; float: left; font-family: 'latobold';
    font-weight: normal; font-size: 15px;}
.badges .bluish .coll-h span, .badges .yellow-bg .coll-h span, .badges .mid-green-bg .coll-h span, .badges .orange-bg  .coll-h span, .badges .light-orange-bg .coll-h span, .badges .light-pink-bg .coll-h span, .badges .pink-bg .coll-h span, .badges .light-bluish .coll-h span {padding: 0 0 0 5px; font-family: 'latoregular'; font-weight: normal;}
.badges .bluish .col-pic, .badges .yellow-bg .col-pic, .badges .mid-green-bg .col-pic, .badges .orange-bg  .col-pic, .badges .light-orange-bg .col-pic, .badges .light-pink-bg .col-pic, .badges .pink-bg .col-pic, .badges .light-bluish .col-pic{margin-top: -6px;}
.dated{font-family:'latoitalic'; font-weight: normal; font-size: 13px; padding: 10px 0;}
.dark-grey-btn button, .light-grey-btn button, .dark-green-btn button{color: #fff; text-align: center; text-transform: uppercase; border-radius: 30px; border: 0; padding: 6px 19px; font-family: 'latobold';
    font-weight: normal; font-size: 13px;}
.dark-grey-btn button{background: #7f7f7f;}
.light-grey-btn button{background: #e4e4e4; float: right;}
.dark-green-btn button{background: #4eb50e; float: right;}
.col-pic button {background: #000; color: #fff; text-align: center; text-transform: uppercase; border-radius: 30px; border: 0; padding: 6px 19px; font-family: 'latobold'; font-weight: normal; font-size: 13px; margin-top: 5px;}
.chiller_cb span:before, .chiller_cb span:after {content: ""; display: inline-block; background: #000; width: 0;
  height: 0.2rem; position: absolute; transform-origin: 0% 0%;}
.chiller_cb {position: relative; height: 2rem; display: flex;}
.chiller_cb input {display: none;}
.chiller_cb input:checked ~ span {border-color: transparent;}
.chiller_cb input:checked ~ span:before {width: 1rem; height: 0.15rem; transition: width 0.1s; transition-delay: 0.3s;}
.chiller_cb input:checked ~ span:after {width: 0.4rem; height: 0.15rem; transition: width 0.1s; transition-delay: 0.2s;}
.chiller_cb label {padding-left: 2rem; position: relative; z-index: 2; cursor: pointer; margin-bottom:0; width: 100%; display: inline-block;}
.chiller_cb span {display: inline-block; width: 23px; height: 23px; border: 0; position: absolute; right: 0; transition: all 0.2s; z-index: 1; background: #e6e7e7; border-radius: 5px; margin-right: 0 !important; text-align: center;}
.chiller_cb span:before {transform: rotate(-55deg); top: 1.2rem; left: 0.55rem;}
.chiller_cb span:after {transform: rotate(35deg); bottom: 0.35rem; left: 0.3rem;}
.chiller_cb span.lf {left: 0;}
header .digital{float: left; margin-right: 17px; background: url(../images/digital.png) no-repeat left top; width: 60px; line-height: 61px; height: 61px; color: #fff; text-align: center; font-family: 'latobold'; font-weight: normal; font-size: 18px;}
.pink-bg-strip{position: relative; margin-left: 0; height: auto; min-height: 50px; display: inline-block; vertical-align: top; width: 100%; position: relative;}
.pink-bg-strip:before{background: #d80467; width: 11px; content: ""; display: inline-block; vertical-align: top; position: absolute; left: 0; top: 0; z-index: 2; height: 100%; border-right: 1px solid #fff;}
.row.badges.bg-strip{margin-top:1px;}


.apifor{float:right; padding-right:50px !important;}
.http_method{
	text-transform: uppercase;
  text-decoration: none;
  color: white;
  display: inline-block;
  width: 50px;
  text-align: center;
  padding: 7px 0 4px;
}
.nest-div .card-header .get a, .nest-div .card-header .post a, .nest-div .card-header .put a{line-height: 50px; padding: 0;}
.get .http_method{background-color: #0f6ab4;}
.post .http_method{background-color: #10a54a;}
.put .http_method{background-color: #c5862b;}
.nest-div .card-header .get a::after, .nest-div .card-header .post a::after, .nest-div .card-header .put a::after {margin-top: 13px;}






.bg-strip{position: relative; margin-left: 0; height: auto; min-height: 50px; display: inline-block; vertical-align: top; width: 100%; position: relative;}

.bg-strip:before{width: 11px; content: ""; display: inline-block; vertical-align: top; position: absolute; left: 0; top: 0; z-index: 2; height: 100%; border-right: 1px solid #fff;}
.bg-strip-bluish:before{background: #138997;}
.bg-strip-light-bluish:before{background: #05bec0;}
.bg-strip-light-orange-bg:before{background: #ffb574;}
.bg-strip-light-pink-bg:before{background: #d982c9;}
.bg-strip-pink-bg:before{background: #321a14;}
.bg-strip-orange-bg:before{background: #ffb574;}
.bg-strip-yellow-bg:before{background: #f1c22e;}
.blacktext{color:#000}

.badges .tick{
	float:right;
	margin-right:46px;
	
}

.tick1 {width: 6%; height: 23px; text-align: right; float: right; position: absolute; right: 109px;}
.gr-bg-strip{position: relative; margin-left: 0; height: auto; min-height: 50px; display: inline-block; vertical-align: top; width: 100%; position: relative;}
.gr-bg-strip:before{background: #b5b5b5; width: 11px; content: ""; display: inline-block; vertical-align: top; position: absolute; left: 0; top: 0; z-index: 2; height: 100%; border-right: 1px solid #fff;}
header .storage{float: left; margin-right: 17px; background: url(../images/storage.png) no-repeat left top; width: 60px; line-height: 61px; height: 61px; color: #fff; text-align: center; font-family: 'latobold'; font-weight: normal; font-size: 18px;}
header .digital-1{float: left; margin-right: 17px; background: url(../images/digital-1.png) no-repeat left top; width: 60px; line-height: 61px; height: 61px; color: #fff; text-align: center; font-family: 'latobold'; font-weight: normal; font-size: 18px;}
header .digital-custom{float: left; margin-right: 17px; font-family: 'latobold'; font-weight: normal; font-size: 18px;}
header .digital-custom1{float: left; margin-right: 17px; background: url(../images/digital-custom.png) no-repeat left top; width: 60px; line-height: 61px; height: 61px; color: #fff; text-align: center; font-family: 'latobold'; font-weight: normal; font-size: 18px;}
.archive .top-circle-text {margin-top: 15px;}
.nest-div .collapse div.row div:nth-child(5).tooltip img {width: 20px; height: 20px;}

.nest-div .collapsing div.row div:nth-child(5).tooltip img {width: 20px; height: 20px;}

.tooltip {opacity: 1; position: relative; display: inline-block;}
.tooltip .tooltiptext {visibility: hidden; width: 250px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 10px !important; position: absolute;
  z-index: 1; /*bottom: 150%; left: 50%; margin-left: -60px;*/ bottom: 122%; left: 0; margin-left: -75px; margin-right: 0 !important;}
.tooltip .tooltiptext::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent;}
.tooltip:hover .tooltiptext {visibility: visible;}

/*** RADIAL PROGRESS ***/
/* Circumference = 2πr */
/* π = 3.1415926535898 */
/* r = 35 */

/*** RADIAL PROGRESS ***/
/* Circumference = 2πr */
/* π = 3.1415926535898 */
/* r = 35 */

.digital-custom svg.radial-progress {height: auto; max-width: 100px; transform: rotate(-90deg); width: 61px;}
.digital-custom svg.radial-progress circle {/*fill: rgba(0,0,0,0);*/ fill: #128996; stroke: #05bec0/*#fff*/; stroke-dashoffset: 219.91148575129; /* Circumference */
    stroke-width: 5;}
.digital-custom svg.radial-progress circle.incomplete {opacity: 0 /*0.25*/;}
.digital-custom svg.radial-progress circle.complete {stroke-dasharray: 219.91148575129; /* Circumference */}
.digital-custom svg.radial-progress text {fill: #fff; text-anchor: middle;}
.digital-custom svg.radial-progress circle.light-bluish{fill: #05bec0;}
/*.digital-custom svg.radial-progress circle.bluish{fill: #128996;}*/

.storage svg.radial-progress {height: auto; max-width: 100px; transform: rotate(-90deg); width: 61px;}
.storage svg.radial-progress circle {/*fill: rgba(0,0,0,0);*/ fill: #f27405; stroke: #f27405/*#fff*/; stroke-dashoffset: 219.91148575129; /* Circumference */
    stroke-width: 5;}
.storage svg.radial-progress circle.incomplete {opacity: 0 /*0.25*/;}
.storage svg.radial-progress circle.complete {stroke-dasharray: 219.91148575129; /* Circumference */}
.storage svg.radial-progress text {fill: #fff; text-anchor: middle;}
.storage svg.radial-progress circle.orange{fill: #f27405;}


.digital-1 svg.radial-progress {height: auto; max-width: 100px; transform: rotate(-90deg); width: 61px;}
.digital-1 svg.radial-progress circle {fill: #138997; stroke:#138997; stroke-dashoffset: 219.91148575129; /* Circumference */
    stroke-width: 5;}
.digital-1 svg.radial-progress circle.incomplete {opacity: 0 /*0.25*/;}
.digital-1 svg.radial-progress circle.complete {stroke-dasharray: 219.91148575129; /* Circumference */}
.digital-1 svg.radial-progress text {fill: #fff; text-anchor: middle;}
.digital-1 svg.radial-progress circle.drk-blue{fill: #138997;}

.digital svg.radial-progress {height: auto; max-width: 100px; transform: rotate(-90deg); width: 61px;}
.digital svg.radial-progress circle {fill: #138997; stroke: #138997; stroke-dashoffset: 219.91148575129; /* Circumference */
    stroke-width: 5;}
.digital svg.radial-progress circle.incomplete {opacity: 0 /*0.25*/;}
.digital svg.radial-progress circle.complete {stroke-dasharray: 219.91148575129; /* Circumference */}
.digital svg.radial-progress text {fill: #fff; text-anchor: middle;}
.digital svg.radial-progress circle.drk-blue{fill: #138997;}

.top-circle svg.radial-progress {height: auto; max-width: 100px; transform: rotate(-90deg); width: 61px;}
.top-circle svg.radial-progress circle {fill: #d80467; stroke: #d80467; stroke-dashoffset: 219.91148575129; /* Circumference */
    stroke-width: 5;}
.top-circle svg.radial-progress circle.incomplete {opacity: 0 /*0.25*/;}
.top-circle svg.radial-progress circle.complete {stroke-dasharray: 219.91148575129; /* Circumference */}
.top-circle svg.radial-progress text {fill: #fff; text-anchor: middle;}

 .top-circle svg.radial-progress circle.pink-bg{fill: #d80467;}
 .top-circle svg.radial-progress circle.light-pink-bg{fill: #d982c9;}

.top-circle svg.radial-progress circle.orange-bg{fill: #f27405;}
 .top-circle svg.radial-progress circle.light-orange-bg{fill: #ffb574;}


.top-circle svg.radial-progress circle.mid-green-bg{fill: #4db50d;}

 .top-circle svg.radial-progress circle.bluish{fill: #138997;}

 .top-circle svg.radial-progress circle.yellow-bg{fill: #f1c22e;}
 .top-circle svg.radial-progress circle.light-bluish{fill: #05bec0;}

.rwscirlccol .top-circle svg.radial-progress{ max-width: 100% ; width:100%; }
.rwstextcircle{text-decoration: underline; text-transform:uppercase;   font-size: 6px;	}
.percentagecircleall{display:block; width:100%;margin:0 auto; }



/*** COLORS ***/
/* Primary */
svg.radial-progress:nth-of-type(6n+1) circle {
    stroke: #000;
}

.acc h3.nogap{margin:0; padding:0}