div[data-name="General"] 
{
    padding: 0px !important;
}
.ReviewAddFeature label
{
 font-weight:normal !important;
}
.alertMargin{
    margin-top:10px;
    margin-bottom: 0px !important;
}
.HiddenRadio
{
    width:100%;
}
.HiddenRadio input[type=radio] {
    display:none;
}
.centeredSpinner {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index:99999;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}
.hidden{
    display:none;
}
.custom-review-tab-name-container
{
    display: inline-block;
    margin-right: 2%;
    margin-bottom: 0.5%;
    cursor: pointer;
    margin-top: 1%;
}
.project-review-tab-name{
    color: #323130;
    font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 36px;
    padding-top: 8px;
}
.text-green{
 color:green;
}
.text-yellow{
 color:yellow;
}
.text-red{
    color:red;
}
.text-frp{
    color:#742674 !important;
}
.wd20{
    width:20%;
    min-width:220px;
    padding-right:10px;
}
.wd40{
    width:40%;
    min-width:400px;
    padding-right:10px;
}

.wd60{
    width:60%;
    min-width:600px;
    padding-right:10px;
}

.SectionHeader {
  height: 15px;
  margin: 19px 10px 8px 5px;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}
.Rectangle {
  min-height: 40px;
  margin: 0px 0px 8px 0px;
  padding: 3px 8px 3px 10px;
  box-shadow: 0 2px 4px 0 #c0c0c0;
  border: solid 1px #dddddd;
  background-color: #ffffff;
  cursor:pointer;
}
.Rectangle label{
  font-size: 13px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333333;
  margin-bottom: 0px !important;
  cursor:pointer;
}
.Rectangle label.HiddenRadio{
  font-weight: normal!important;
}
.Rectangle .Oval-Icon
{
    padding-right: 3px;
    float: right;
    font-size: 1.1em;
}
.highlight
{
    border: solid 2px #742674 !important;
    background: #F2F2F2 !important;
}
.highlightScenario{
  background: #F2F2F2 !important;
}
.CheckedRectangle
{
    border: solid 2px #742674 !important;
}
.Rectangle-Question {
  min-height: 60px;
  margin: 0px 0px 8px 0px;
  padding: 3px 8px 3px 10px;
  box-shadow: 0 2px 4px 0 #c0c0c0;
  border: solid 1px #dddddd;
  background-color: #ffffff;
  cursor:pointer;
}
.Rectangle-Question label {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333333;
  cursor:pointer;
}
hr{
 margin-bottom:0px !important;
 margin-top:15px !important;
}
.frp-text{
color:#742674 !important;
}
.float-right
{
  float:right;
}
  
.progress-circle {
   font-size: 8px;
   position: relative; /* so that children can be absolutely positioned */
   padding: 0;
   width: 3em;
   height: 3em;
   background-color: #F2E9E1; 
   border-radius: 50%;
   line-height: 3em;
   float:right;
}

.progress-circle:after{
    border: none;
    position: absolute;
    top: 0.35em;
    left: 0.35em;
    text-align: center;
    display: block;
    border-radius: 50%;
    width: 2.3em;
    height: 2.3em;
    background-color: white;
    content: " ";
}
/* Text inside the control */
.progress-circle span {
    position: absolute;
    line-height: 3em;
    width: 3em;
    text-align: center;
    display: block;
    color: #742674;
    z-index: 2;
}
.left-half-clipper { 
   /* a round circle */
   border-radius: 50%;
   width: 3em;
   height: 3em;
   position: absolute; /* needed for clipping */
   clip: rect(0, 3em, 3em, 1.5em); /* clips the whole left half*/ 
}
/* when p>50, don't clip left half*/
.progress-circle.over50 .left-half-clipper {
   clip: rect(auto,auto,auto,auto);
}
.value-bar {
   /*This is an overlayed square, that is made round with the border radius,
   then it is cut to display only the left half, then rotated clockwise
   to escape the outer clipping path.*/ 
   position: absolute; /*needed for clipping*/
   clip: rect(0, 1.5em, 3em, 0);
   width: 3em;
   height: 3em;
   border-radius: 50%;
   border: 0.45em solid #742674; /*The border is 0.35 but making it larger removes visual artifacts */
   /*background-color: #4D642D;*/ /* for debug */
   box-sizing: border-box;
  
}
/* Progress bar filling the whole right half for values above 50% */
.progress-circle.over50 .first50-bar {
   /*Progress bar for the first 50%, filling the whole right half*/
   position: absolute; /*needed for clipping*/
   clip: rect(0, 3em, 3em, 1.5em);
   background-color: #742674;
   border-radius: 50%;
   width: 3em;
   height: 3em;
}
.progress-circle:not(.over50) .first50-bar{ display: none; }

/*Self Service Review*/
div.input-group a[title='Associate']{
    display:none;
}
#divScopeTopicList label
{
    font-weight: normal !important;
    padding-left: 5px !important;
}

.arrow-steps .ReviewStep {
	font-size: 14px;
	text-align: center;
	color: #000;
	cursor: default;
	margin: 0 0 1px 4px;
	padding: 8px 8px 8px 20px;
	min-width: 250px;
	float: left;
	position: relative;
	background-color: #f3f2f1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
  transition: background-color 0.2s ease;
}

.arrow-steps .ReviewStep:not(:last-child):after,
.arrow-steps .ReviewStep:before {
	content: " ";
	position: absolute;
	top: 0;
	right: -16px;
	width: 0;
	height: 0;
	border-top: 19px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 16px solid #f3f2f1;	
	z-index: 2;
  transition: border-color 0.2s ease;
}

.arrow-steps .ReviewStep:before {
	right: auto;
	left: 0;
	border-left: 16px solid #fff;	
	z-index: 0;
}


.arrow-steps .ReviewStep:first-child:before {
	border: none;
}

.arrow-steps .ReviewStep:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
    margin: 0 0 1px 0 !important;
}
.arrow-steps .ReviewStep:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}


.arrow-steps .ReviewStep.current {
	color: #fff;
	background-color: #742674;
}

.arrow-steps .ReviewStep.current:after {
	border-left: 16px solid #742674;	
}
.arrow-steps .ReviewStep.visited {
	color: #fff;
	background-color: #a25d90;
}

.arrow-steps .ReviewStep.visited:after {
	border-left: 16px solid #a25d90;	
}

/** Round Checkbox Switch **/

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #742674;
}
input:checked + .sliderReadonly {
    background-color: #b568a8ad !important;
}
input:focus + .slider {
  box-shadow: 0 0 1px #742674;
}

input:checked + .slider:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 20px;
}

.slider.round:before {
  border-radius: 50%;
}