.dropdown-toggle img,
.dropdown-menu li a img {
	margin: 0 .25em 0 .5em;
	
}

.container .risk-feature-area  {
	margin-bottom: 6px;
	padding: 6px;
}
#product-question .risk-feature-area { padding-top: 12px;}





#product-question .row-fluid, 
#nonproduct-question .row-fluid 
{width: auto;}


#dashboard .risk-feature-row > div {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}

h2.risk-feature  {
	font-weight: normal;
	font-size: 16px;
	padding: 2px 12px;
	line-height: 24px;
}

#new-ra .risk-feature-row div {padding:4px 0;}

#new-ra h2.risk-feature  { 
	
	font-weight: normal; 

	font-size: 16px;
	padding: 2px 0px;
	line-height: 17px;
}


.risk-feature-area strong  { /* color: #008c8c; */}

.risk-feature-area strong:last-of-type {display:block;}


.risk-feature-row p {
	font-size: 16px;
	padding: 3px 0 3px 12px;
	line-height: 24px;
}


#preventative, #detective, #potential, .report-control, #sanctions-quantity, .risk-feature-area 
{
	width: 972px;padding: 0 6px 1px 6px;
	background-color: #FFF;
	margin-bottom: 6px;
	box-shadow: 0px 1px 2px rgb(15 43 100 / 30%);
	border-radius: 5px;
}

#nonproduct-question #preventative,
#nonproduct-question #detective,
#nonproduct-question #potential {

		 -moz-opacity:0;
		 filter:alpha(opacity=0);
		 opacity:0;

transition: -moz-opacity .2s;
-moz-transition: -moz-opacity .2s; /* Firefox 4 */
-webkit-transition: -moz-opacity .2s; /* Safari and Chrome */
-o-transition: -moz-opacity .2s; /* Opera */

transition: filter:alpha .2s;
-moz-transition: filter:alpha .2s; /* Firefox 4 */
-webkit-transition: filter:alpha .2s; /* Safari and Chrome */
-o-transition: filter:alpha .2s; /* Opera */

transition: opacity .2s;
-moz-transition: opacity .2s; /* Firefox 4 */
-webkit-transition: opacity .2s; /* Safari and Chrome */
-o-transition: opacity .2s; /* Opera */

}


h3.preventative, h3.detective, h3.instructions { 
	font-weight: normal;

	font-size: 16px;
	padding: 20px 12px;
	line-height: 17px;

}
h3.preventative strong, h3.detective strong, h3.instructions strong {/* color: #008c8c; */}



#nonproduct-question #preventative.opaque,
#nonproduct-question #detective.opaque,

body#product-question .risk-mitigation-area.opaque,
#product-question .span2 .opaque,
#product-question .how.opaque,

body#nonproduct-question .risk-mitigation-area.opaque,
body#nonproduct-question div#potential.risk-feature-area.opaque,

#nonproduct-question .span2 .opaque,
#nonproduct-question .how.opaque {

-moz-opacity:1.0;
filter:alpha(opacity=100);
opacity:1.0;

transition: -moz-opacity .2s;
-moz-transition: -moz-opacity .2s; /* Firefox 4 */
-webkit-transition: -moz-opacity .2s; /* Safari and Chrome */
-o-transition: -moz-opacity .2s; /* Opera */

transition: filter:alpha .2s;
-moz-transition: filter:alpha .2s; /* Firefox 4 */
-webkit-transition: filter:alpha .2s; /* Safari and Chrome */
-o-transition: filter:alpha .2s; /* Opera */

transition: opacity .2s;
-moz-transition: opacity .2s; /* Firefox 4 */
-webkit-transition: opacity .2s; /* Safari and Chrome */
-o-transition: opacity .2s; /* Opera */


  }




.notopaque
{

		 -moz-opacity:0.0;
		 filter:alpha(opacity=0);
		 opacity:0.0;

transition: -moz-opacity .2s;
-moz-transition: -moz-opacity .2s; /* Firefox 4 */
-webkit-transition: -moz-opacity .2s; /* Safari and Chrome */
-o-transition: -moz-opacity .2s; /* Opera */

transition: filter:alpha .2s;
-moz-transition: filter:alpha .2s; /* Firefox 4 */
-webkit-transition: filter:alpha .2s; /* Safari and Chrome */
-o-transition: filter:alpha .2s; /* Opera */

transition: opacity .2s;
-moz-transition: opacity .2s; /* Firefox 4 */
-webkit-transition: opacity .2s; /* Safari and Chrome */
-o-transition: opacity .2s; /* Opera */


  }
 
 
 
 
 #nonproduct-question #preventative .nothidden,
 #nonproduct-question #detective .nothidden,
 body#product-question .risk-mitigation-area .nothidden,
  body#product-question .risk-feature-area .nothidden,
 #product-question .span2  .nothidden,
 #product-question .how .nothidden,
 #overall-narrative .nothidden,
 #national-narrative .nothidden,

 body#nonproduct-question .risk-mitigation-area .nothidden,
 body#nonproduct-question div#potential.risk-feature-area .nothidden  { 
 	visibility: visible;
 }
 
 
 
  
#detective {
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}



#PreventsRelationship {
	height: 0;
	overflow: hidden;
	border: 0;
	padding: 0;
	margin: 0;
	transition: all .2s;  
}
#PreventsRelationship.visible {
	height: auto;
	overflow: auto;

	margin: inherit;
border: 1px solid #e7e7e7;
padding: 12px;

}



#potential {
	transition: all .2s;  
	height: auto;
	overflow: auto;
}
#nonproduct-question #potential.noheight {
	height: 0;
	overflow: hidden;
	border: 0;
	padding: 0;
	margin: 0;
	
}







.risk-mitigation-area {
	border: px solid #edf0f3;
	padding: 12px;
	background-color: #f2f4f6;
	margin-bottom: 6px;
	width: auto;
	position:
	relative;
}

.report-criteria {
	border: 0px solid #e7e7e7;
	padding: 12px;
	background-color: hsl(210deg 15% 94% / 45%);
	margin-bottom: 6px;
	width: auto;
}



.risk-feature-area .span2
{
	padding-right: 13px;
}






#product-question .span3, #product-question .span1, 
#nonproduct-question .span3, #nonproduct-question .span1 
{text-align: right;}

.risk-mitigation-area .btn-group,
.risk-feature-row .btn-group
{float: right;}



.span3 .btn-small, .span3 .btn-mini {width: 75px;}
.span3 .btn-small, .span3 label.btn-mini {padding-left: 0;padding-right: 0;}


#product-question .span2,
#nonproduct-question .span2 
{text-align: right;}





#nonproduct-question .ra-score

{
	-moz-opacity:.15;
	filter:alpha(opacity=15);
	opacity:.15;
	
	transition: -moz-opacity .2s;
	-moz-transition: -moz-opacity .2s; /* Firefox 4 */
	-webkit-transition: -moz-opacity .2s; /* Safari and Chrome */
	-o-transition: -moz-opacity .2s; /* Opera */
	
	transition: filter:alpha .2s;
	-moz-transition: filter:alpha .2s; /* Firefox 4 */
	-webkit-transition: filter:alpha .2s; /* Safari and Chrome */
	-o-transition: filter:alpha .2s; /* Opera */
	
	transition: opacity .2s;
	-moz-transition: opacity .2s; /* Firefox 4 */
	-webkit-transition: opacity .2s; /* Safari and Chrome */
-o-transition: opacity .2s; /* Opera */


}










p.how {
	/*
	-moz-opacity:.15;
	filter:alpha(opacity=15);
	opacity:.15;
	color: #777;
	*/
	margin-bottom: 9px;
}

p.how span,
#howprevent span
,.RiskDirection p span,
.ControlEvaluation em,
#SQR
{
	color: #cc0000;
	font-style: normal;
}



#product-question textarea,
#nonproduct-question textarea,
#action-plan textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 232px;
    max-height: 400px;
    padding: 10px;
    margin: 0;
    line-height: 20px;
    font-size: 15px;
    font-family: calibri, arial, san-serif;
    overflow-y: scroll;
    resize: none;
}

#overall-narrative textarea {
	height: 500px;
	min-height: 200px;
	max-height: 1000px;

	width: 100%;
	 resize:both;
	 margin-bottom: 0;
	 font-size: 15px;
}

#national-narrative textarea {
	height: 500px;
	min-height: 200px;
	max-height: 1000px;

	width: 100%;
	 resize:both;
	 margin-bottom: 0;
	 font-size: 15px;
}




textarea:focus {
outline: none;
color: #222;
border-bottom-color: #222;
}

input[type="number"].adjustment {
	width: 4em;
	background-color: #ffff99;
}


 select.adjustment {
	width: auto;
	padding:0;
	line-height: auto;
	height: auto;
	font-size: 13px;
	bottom: -3px;
	position: relative;
	background-color: #ffff99;
}


.score-change-row {margin-top: 1em;}

.score-change-row .span4 {text-align: right;}

.risk-feature-area .score-change-row .span7 {padding: 0 0 0 12px;}
.risk-feature-area .score-change-row textarea#Fchange {margin-bottom: 0;}

.score-change-row textarea {background-color: #ffffcc;}

.score-change-row .ra-score {background-color: #ffff99;}





.ScoreChangeNote {
	margin-top: 30px; /* to vertically align box  - may not work on all browsers */
}
.ScoreChangeNote  p {text-align: left;}
.ScoreChangeNote  strong {display: block;}
.ScoreChangeNote .btn-group {float: none;}
.span3 .ScoreChangeNote button.btn-small {width: auto; padding: 4px 12px;margin-right: 0px;}

.ScoreChangeNote .btn-group{
    right:0 !important;
}
.controlTitle em{
    font-style: normal;
}
.attach a {cursor: pointer;}

.sanctions-quantity-narrative div.attach,
.risk-feature-area div.attach,
.risk-mitigation-row div.attach,
.score-change-row div.attach
{
	padding: 3px 1px 4px 21px;
	background: url(/assets/images/paperclip.png) no-repeat 4px center;
	margin-bottom: 0px;
	line-height: 1.5em;
	background-color: none;
	border-left: 0px solid #f1f1f1;
	border-right: 0px solid #f1f1f1;
	border-bottom: 0px solid #f1f1f1;
	font-size: 12px;
	font-weight: bold;
	color: #999;
	
}

.risk-feature-area div.attach,
.risk-mitigation-row div.attach,
.score-change-row div.attach
{
	visibility: hidden;
}

.sanctions-quantity-narrative div.attached,
.risk-feature-area div.attached,
.risk-mitigation-row div.attached
{
	background-color: #e8ecff;
	
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	
}


.remove-attachment, .remove-plan-action-attachment, .remove-score-change-attachment {
	float: right;
	background: url(/assets/images/remove.gif) no-repeat 90% center;
	padding-right: 21px;
}














/* START Data Entry Template  */

.data-entry-area {
	padding: 20px 0;
	margin: 0 13px;
	border-top: 2px solid #dadada;
	position: relative;
}
.data-entry-area:first-child 
{
	border-top: 0px solid #dadada;
}


.data-entry-row { 
	border-bottom: 1px dotted #dadada; 
	padding: 4px 0 6px 0;
	line-height: 30px;
}
.data-entry-row:last-child 
{
	border-bottom: 0px dotted #dadada;
}

.data-entry-row:hover {	background-color: #f1f1f1;}




.data-entry-row .label-col     {float: left; width: 400px; }
.data-entry-row .amount-col    {float: left; width: 300px; }
.data-entry-row .estimated-col {float: right; width: 200px; position: relative;}

.data-entry-row-header {font-size: 16px; font-weight: bold; line-height:43px;}
.data-entry-row-header a {float: right; font-weight: normal; }

.amount-col select {	width: auto; margin-bottom: 0; }
.amount-col input  {	width: 100px;  margin-bottom: 0; text-align: right;}

.estimated-col label {display: inline; font-size: 14px;}
.estimated-col input {             margin-left: 10px; margin-right: 2px; bottom: 2px; position: relative;}



.data-entry-add {
	padding: 20px 0;
	margin: 0 13px;
	border-top: 2px solid #dadada;
	position: relative;
	text-align: center;
	font-weight: bold;
	text-size: 14px;
}

.evarow:hover{
    background-color: rgb(232 239 247 / 60%);
}

.textunder{
    border-bottom: 1px dashed #CCC;
}
/* END Control Evaluator Section */


/* control evals  */

.evaluatorTitle{
    float: left;
    margin-left: 6px;
}

.titleWithTip{
    cursor: pointer;
}

.controlRadio{
    float:right;
    font-size:15px;
}

.prevdiv{
    width: 460px !important;
    background-color: #FFF;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    padding: 0;
}

.rightCBlock{
    width: 462px;
    float: right;
    visibility: hidden;
    position: inherit !important;
    margin-top: 29px;
}

.leftCBlock{
    float: left;
    top: -1px;
}

.cleft{
    width: 151px !important;
    top: 25px;
    right: 154px;
    position: absolute;

}
.cright{
    float: right !important;
    top: 23px;
    position: absolute;
    right: 13px;
    height: 25px;
}

.controlLabel  {
    font-size: 12px;
    float: right;
    line-height: 1.25em;
    display: block;
    margin-left: 0;
    padding: 0;
    cursor: pointer;
    position: relative;
}

/* Set widths for radio buttons for control factors */
.evarow label:nth-of-type(1), .setbox label:nth-of-type(4) {display: inline-block; width: 50px; /* background-color: green; */}
.evarow label:nth-of-type(2), .setbox label:nth-of-type(3) {display: inline-block; width: 93px; /* background-color: yellow; */}
.evarow label:nth-of-type(3), .setbox label:nth-of-type(2) {display: inline-block; width: 43px; /* background-color: purple; */}
.evarow label:nth-of-type(4), .setbox label:nth-of-type(1) {display: inline-block; width: 84px; /* background-color: orange; */}


.definition-control.evaluatorTitle.titleWithTip {
	font-size: 12px;
	max-width: 180px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.efficacy-row {
    padding: 4px 0 4px 0px;
    margin: 0;
    display: block;
    width: 100%;
    clear: both;
    font-size: 14px;
    line-height: 1.25em;
    height: 1.25em;
    position: relative;
    top: -5px;
}
.score-change-row .span3{
    float: left;
    margin-top: 20px;
}
.risk-mitigation-row li {
    font-size: 15px;
    padding: 3px 0;
    line-height: 18px;
    margin-bottom: .5em;
}

.risk-mitigation-row .span3 input {display: none;}

.risk-mitigation-row .btn-group {
    position: relative;
    right: -12px;
}

.controlTitle{
    position: relative;
    top: -20px;
    float: left;
    line-height: 0px;
}

.questionTipHolder{
    width: 30px;
    height: 20px;
    top: -42px;
    margin-bottom: -20px;
}
.proxyText{
    width: 232px;
    float: left;
}

.score-change-row .span7{

margin-top:21px;
}

#scoreChangeNote{
    margin-top:49px !important;
}

/*
.score-popup .ra-score{
    background-image: url('/assets/images/info.png');
    background-repeat: no-repeat;
    background-position-x: 33px;
    background-position-y: 3px;
    padding-right: 29px;
    width: 20px;
}
*/

#nonproduct-question .compLabel{
    /* margin-left: 100px; */
}

/**/
#nonproduct-question #preventative.sar,
#nonproduct-question #detective.sar {

	-moz-opacity:1;
	filter:alpha(opacity=0);
	opacity:1;

	transition: none;
	-moz-transition: none; /* Firefox 4 */
	-webkit-transition: none; /* Safari and Chrome */
	-o-transition: none; /* Opera */

}
#nonproduct-question .sar .ra-score {
	opacity: 1;
}

#nonproduct-question .sar .non-applicable {
	opacity: .15;
}

/* START Sanctions Phase 2 features styles - NOTE A FEW OTHER SMALL CHANGES HAVE ALSO BEEN MADE IN THIS FILE  */

#sanctions-quantity {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
}

.quantity-choice {
	margin: 0 12px 18px 12px;
	padding: 18px;
	border: 2px solid #e7e7e7;
	background-color: #f1f1f1;
	display: flow-root;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;

}

.quantity-choice:hover {
	cursor: pointer;
   -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);

}

.quantity-choice div {
	float: left;
	margin: 0;
	width: 50%;
/*	background-color: red; */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

.quantity-choice div:first-of-type h4 {
	font-size: 16px;
	margin-bottom: 12px;
}

.quantity-choice div:first-of-type p {
	line-height: 1.6em;
	font-size: 16px;
}


.quantity-choice div:last-of-type {
	color: #888;
	padding-left: 3em;
	text-align: center;

}
.quantity-choice div:last-of-type  p {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 4px;

}

.quantity-choice li {
	text-align: left;
	font-size: 15px;
}

.sanctions-quantity-narrative {
	margin: 0 12px 18px 12px;
	padding: 18px;
	border: 1px solid #e7e7e7;
	background-color: #f1f1f1;
	display: flow-root;
	height: 310px;

}

p.sanctions-quantity-narrative {
    font-size: 15px;
    padding: 3px 0;
    line-height: 24px;
}


#sanctions-quantity label:nth-of-type(1).selected {border-color: #008000;}
#sanctions-quantity label:nth-of-type(1).selected h4 {color: #008000;}

#sanctions-quantity label:nth-of-type(2).selected {border-color: #d05f03;}
#sanctions-quantity label:nth-of-type(2).selected h4 {color: #d05f03;}

#sanctions-quantity label:nth-of-type(3).selected {border-color: #ff0000;}
#sanctions-quantity label:nth-of-type(3).selected h4 {color: #ff0000;}



#sanctions-quantity .ra-score2 {
	float: right;
	position: absolute;
	top: 24px;
	right: 18px;
	cursor: default;
}

.ra-score2 {
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 3px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    float: none;
    font-size: 13px;
    line-height: 17px;
    padding: 2px 6px;
    position: relative;

}

.sanction-quantity-remove-attachment {
	float: right;
	background: url(../images/remove.gif) no-repeat 90% center;
	padding-right: 21px;
}

/* END Sanctions Phase 2 features styles  */