/* TODO temporary - hide save & add button on unassigned FM, story ref #83169740 */
.inplaceform.unassigned-fm #addinplacetab .submit_add_new {
    display: none;
}
form.inplaceform,
div.inplaceanalysis {
	background-color: #fff;
	position: relative;
	border: 5px solid #5ab4e3;
    border-radius: 3px;
    box-shadow: 8px 8px 30px #000,
    	-8px -8px 30px #000;
    padding: 3px;
    position: relative;
    width: 800px;
    z-index: 5;
}

div.inplaceanalysis {
	width: 900px;
}

form.inplaceform form.inplaceform,
div.inplaceanalysis form.inplaceform {
	width: 650px;
}

div.inplacebodywrap {
	/* this z-index must be more than copy/export data datatables tools */
	z-index: 100;
	background: transparent;
	position: absolute;
	top: 50px;
	left: 50px;
}

div.inplacebodywrap form {
	background: white;
}

form.inplaceform.launchform {
	width: 900px;
}

div.inplaceanalysis .fmtable td {
	background: white;
}

table.addinplace td {
	border: none;
	background: white;
}

table.addinplace {
	width: 100%;
	font-style: normal;
	border-collapse: collapse;
	table-layout: fixed;
}

table.addinplace td {
	padding: 4px;
}

/* Failuremode colgroup styles */
table.addinplace col.marker {
	width: 20%;
}

table.addinplace col.selects {
	width: 25%;
}

table.addinplace col.statuslist {
	width:300px;
}

table.addinplace col.priority {
	width:300px;
	text-align: right;
}

.addinplace .addinplacesingle td.marker {
	/* border-left: 2px solid #888; */
	border-right: none !important;
	border-bottom: none;
	width: 20%;
}

.addinplace td.selects {
	width: 15%;
}

table.addinplace td.marker div {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

table.addinplace td.marker label {
	padding-right: 0 !important;
}

table.addinplace col.action {
}

/* Generic element styles */

table.addinplace col.element {
	width: 80%;
}

table.addinplace col.col-label {
	width: 20%;
}

table.addinplace td.alignright {
	text-align: right;
}

table.addinplace td.fontnormal,
table.addinplace td.fontnormal label {
	font-weight: normal;
}

.addinplace #parentmarker {
	color: #222 !important;
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 0 0 0 15px;
	width: auto !important;
}

.addinplace #parentmarker:empty {
    display: none;
}

.addinplace .title_row .title label {
	color: #2578a7;
	font-size: 1.1em;
	font-weight: bold;
}

.addinplace .markerrow .col-sm-2 {
	padding-left: 3px;
}

div#addinplacetab a.delete {
	margin: 0 10px 0 5px;
}

div#addinplacetab a span {
	font-weight: normal;
	margin-left: 3px;
}

div#addinplacetab span.saving {
	font-weight: bold;
	color: #444;
	margin-right: 10px;
}

table.addinplace div.selectbox {
	width: 96% !important;
	position: relative;
}

table.addfailuremode .selectbox .display .text .description {
	display: inline;
	font-weight: normal;
	font-style: italic;
}

table.addfailuremode .selectbox .display .text .placeholder {
	color: #888;
}

table.addfailuremode ul.terms {
	padding: 0;
	margin: 0;
}

.addinplace label.targetlabel {
	margin-left: 20px;
}

table tr.hidden {
	display: none;
}

.addelement .addinplacemore,
.addelement input#name {
	width: 375px;
}

.addinplace input#name {
	font-size: 14px;
	font-weight: bold;
}

.addelement div#addinplacetab {
	right: 0;
	top: 28px;
}

/***** 	Overrides for specific pages
		(analysis, summary, step, etc)
		and specific kinds of elements
		(failuremodes, steps, causes,etc)
********************************************/

.addcause label.targetlabel,
.addeffect label.targetlabel {
	margin-left: 50px;
}

table.addinplace {
	border: 2px solid #888;
	border-bottom: none;
}

form.inplaceform table.addinplace {
	border: none;
}

.addaction #startdate,
.addaction #enddate {
	width: 100px;
}

/* major form changes for flow page (rptFlo) */
form.flowform {
	width: 500px;
	box-shadow: 0 0 6px #666;
}

form.flowform col.marker,
form.flowform col.col-label {
	width: 25%;
}
form.flowform col.element {
	width: 75% !important;
}

form.flowform div#addinplacetab a.more {
	margin-right: 80px;
}

table.addaction col.marker {
	width: 20%;
}

table.addaction col.accountability {
	width: 40%;
}

table.addaction col.action {
	width: 40%;
}

table.addfailuremode .addinplacemore textarea,
table.addaction textarea {
	width: 98% !important;
}

table.addinplace td span#haz {
	color: black;
	margin: 0 17px 0 6px;
	font-weight: bold;
	display: inline-block;
	zoom: 1;
	*display: inline;
	padding-top: 7px;
}

table.addfailuremode tr.hazardrow td {
	padding-top: 5px;
	padding-botom: 5px;
}

/* Action association styles */

.associations {
	width: auto;
	display: none;
}

.associations .child {
	padding-left: 25px;
	background: transparent url(../images/indent_arrow_light.png) center left no-repeat;
}

.associations .level1 {
	margin-left: 10px;
}

.associations .level2 {
	margin-left: 42px;
}

.associations .level3 {
	margin-left: 74px;
}

.associations .level4 {
	margin-left: 106px;
}

.associations .level5 {
	margin-left: 138px;
}

.associations .level6 {
	margin-left: 170px;
}

.associations .level7 {
	margin-left: 202px;
}

.associations .causeroot {
	font-weight: bold;
	color: #900;
}

.associations .effectroot {
	font-weight: bold;
	color: #770088;
}

.associations span.target {
	float: right;
	position: relative;
	margin-right: 30px;
}

.associations span.target img {
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
}

.associations div.details div:hover {
	background-color: #ffc;
}

.associations {
	width: auto;
	border-bottom: 3px double #888;
	margin: 0 5px;
	padding: 0 0 5px 0;
	width: auto;
}

.associations h4 {
	display: block;
	width: auto;
	border-top: none;
	font-size: 1em;
	color: #444;
	margin: 0 0 5px 0;
	background: #ddd;
	border-bottom: 1px double #888;
}

.associations div {
	width: auto;
	overflow: hidden;
	padding: 1px 3px;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid white;
	position: relative;
}

.associations div.active {
	background: #ffc;
	border: 1px solid #996;
	padding: 3px 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.associations input {
	display: block;
	float: left;
	width: auto;
	height: 16px;
	margin: 0 5px 0 0;
}

.associations label {
	display: block;
	clear: none;
	margin: 0 0 0 5px;
	width: auto;
	background: transparent;
	font-size: 8pt;
	height: auto;
	text-align: left;
}

.associations label .marker {
	font-weight: bold;
}

.actionnotice {
	font-weight: normal !important;
	font-style: italic;
	font-size: 8pt;
}

#send_message div.messagewrap {
	/* border: 1px solid #aaa !important; */
    color: #444444;
    margin: 3px 20px;
    padding: 3px 5px;
    font-size: 9pt;
}

#send_message label.sendmessage {
	font-weight: normal !important;
}

#send_message div.message {
	display: none;
	padding-top: 6px;
}

#send_message div.message p {
	vertical-align: top;
	margin: 3px 0;
}

#send_message div.message p span {
	display: inline-block;
	vertical-align: top;
	width: 80px;
	zoom: 1;
	*display: inline;
	margin-right: 1px;
	float: none !important;
}

#send_message div.message p.sendemail span.label {
	width: auto;
}

#send_message div.message .assigneesubject {
	width: 85%;
}

#send_message div.message textarea {
	width: 85% !important;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.message_wrap td {
	border: none !important;
}

.message_wrap div#addinplacetab {
	background: white;
	border: none !important;
	margin: 0 20px 5px 0;
}

.message_wrap div.info {
	width: 500px;
	margin: 0 auto;
}
/* End action association styles */


::-webkit-input-placeholder {
   color: #888;
}

:-moz-placeholder { /* Firefox 18- */
   color: #888;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #888;
}

:-ms-input-placeholder {
   color: #888;
}

.ui-datepicker {
	z-index: 9999 !important;
}

.form-inline .form-horizontal .form-control {
	width: 100%;
}

.child-label {
	padding-right: 0 !important;
	position: relative;
	text-align: center !important;
}

.child-label > span {
	border-left: 1px solid #3976c2;
	border-bottom: 1px solid #3976c2;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
	position: absolute;
	top: 0;
	left: 20%;
	width: 80%;
	display: block;
	margin-right: 8px;
	height: 18px;
	z-index: 1;
}

.child-label > span > span {
	position: absolute;
	top: 13px;
	right: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #3976c2;
}

.child-label em {
	background: white;
	position: relative;
	z-index: 2;
	display: inline-block;
	zoom: 1;
	*display: inline;
	padding: 0 2px;
	margin: 0 auto;
	color: #444;
}

table.addfailuremode #step label,
table.addfailuremode #substep label {
	color: #666;
	font-weight: normal;
}

table.addfailuremode #step td:nth-child(2) label {
	font-weight: bold;
}

table.addfailuremode #substep select {
	background: #eee;
	color: #666;
}

.addinplacewait {
	display: inline-block;
	padding: 5px 0;
}

table.addinplace td > div {
	overflow: inherit !important;
}