/*
	7766 - add contrast to .PrismReadOnly
	original: background-color: #e8ebee; color: #5d738c;
	new:      background-color: #f3f5f6; color: #4d6674;
*/
/* text input */
input[type="text"]  {padding: 2px; border: solid 1px #4E75B3; border-collapse: separate; height:17px; }
input[type="text"].PrismReadOnly {border: 1px solid darkgray;background-color: #f3f5f6;color: #4d6674;} 
input.PrismReadOnly.red {color: red;} 

/* search input */
input[type="search"]  {padding: 2px; border: solid 1px #4E75B3; border-collapse: separate; height:17px; box-sizing: content-box }
input[type="search"].PrismReadOnly {border: 1px solid darkgray;background-color: #f3f5f6;color: #4d6674;} 

/* radio buttons */
input[type="radio"] {border: 1px solid #4E75B3;padding: 0;width: 11px;height: 11px;background: white;
   -webkit-appearance: none;
   -webkit-box-shadow: 1px 1px 1px #fff;
   -webkit-border-radius: 50%;
    border-radius: 50%;}  
input[type="radio"]:checked:before {
	float: left;
	display: inline-block;
	vertical-align: middle;  
	font: normal 12px/1 'dashicons'; 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;  
  content: '\2022';
	text-indent: -9999px;
	/*-webkit-border-radius: 50%;
	border-radius: 50%;*/
	font-size: 12px;
	width: 6px;
	height: 6px;
	margin: 2px; 
	background-color: black;
   -webkit-border-radius: 50%;
    border-radius: 50%;}  
input[type="radio"].PrismReadOnly { border: 1px solid darkgray; background: #f3f5f6; color: #4d6674; }

/* checkbox */
div.wibInput.checkbox { margin-left: 1px; margin-right: 3px; margin-top: 2px; margin-bottom: 1px; line-height: 0; font-size: 0; height: auto; }
input[type="checkbox"] {border: 1px solid #4E75B3;padding: 0;width: 14px;height: 14px;background: white;background-color: white;
   -webkit-appearance: none;
   -webkit-box-shadow: 1px 1px 1px #fff;
   -webkit-border-radius: 0;}
/* these need to happen after -webkit-appearance: none; above*/
input[type="checkbox"]:checked {background: url("Images/ReportModeCheckMark.png") no-repeat center center;background-color: white;
   -webkit-background-size: 10px 10px;  } 
input[type="checkbox"].PrismReadOnly  { border: 1px solid darkgray; background-color: #f3f5f6; color: #4d6674; }

/* checkbox - "read only" shows the containing div's color and border.... for IE */
.IE div.wibInput.checkbox { background-color: #ADB9C2; border: solid 1px; border-color: #4E75B3; }  
.IE input[type=checkbox]  { margin:-1px; border-color: #4E75B3; } /* make the checkbox occupy, and completely hide it's containing .wibInput */  
.IE.IE9 input[type=checkbox]  { margin:-3px; } /* make the checkbox occupy, and completely hide it's containing .wibInput */  
.IE input[type=checkbox].PrismReadOnly {opacity: .7; } /* allow the containing .wibInput to show if the checkbox is readonly */  

/* old checkboxes added via the original checkbox template */
td.cbxTmpltInput {vertical-align: top; padding-right: 5px;}
div.cbxTmpltInput { }
input[type=checkbox].cbxTmpltInput ,
.IE input[type=checkbox].cbxTmpltInput ,
.IE.IE9 input[type=checkbox].cbxTmpltInput  {margin: 0;}

td.cbxTmpltLabel {padding-top: 1px;}
div.cbxTmpltLabel { }
td.cbxTmpltLabel label { vertical-align: top;}
a.cbxTmpltLabel { vertical-align: bottom;padding-left: 2px;  }
img.cbxTmpltLabel {  vertical-align: bottom;   }

 
/* textarea   */
.wibField.textarea, .wibField.textarea .wibInput {width:100%;}
textarea.p-ko  { border: 1px solid #4E75B3; width:99%;white-space: pre-line;min-height: auto;} 
textarea.p-ko.PrismReadOnly {border-color:darkgray;background-color: #f3f5f6;color: #4d6674;}
/* textarea - adjustsments for when instruciton text is on the right */
.wibField.textarea.inputinstructionsright, .wibField.textarea.inputinstructionsright .wibInput {
    width: auto;
}
 

/* select */
select.p-ko  { border: 1px solid #4E75B3; padding-left: 2px; padding-right: 1px; padding-top: 1px; padding-bottom: 1px;  height:23px; }
select.p-ko.PrismReadOnly {border-color:darkgray;background-color: #f3f5f6;color: #4d6674;} 

/* box */
.wibBox {Margin: 3px;} 
.wibField.box {  width: 100% ;}
.wibInput.box {  width: 100% ;  background-color: #f3f5f6; border: 1px solid darkgray;  color: #4d6674; } 

/* readonly inputs */
.PrismReadOnly.t-input, .PrismReadOnly.t-button, .PrismReadOnly.t-button:hover, .PrismReadOnly .t-input,  .PrismReadOnly .wibInput.box,
input.PrismReadOnly, 
select.PrismReadOnly,
textarea.PrismReadOnly
{
    border: 1px solid darkgray;
    background-color: #f3f5f6;
    color: #4d6674;
}


#InfoDialogTextHtml { white-space: pre-line; text-align: left; max-width: 500px;padding: 5px;padding-bottom: 15px;}
.PrismFieldSetInstruction, .PrismFieldInstruction   { white-space: pre-line;  }
.infoMessage, .green { color:#83AA40; } 
.warningMessage {color:#83AA40;  }
.errorMessage, .red {  color:red;  }


/*************************************************************************************** 
    inputinstructionsright                                                               
***************************************************************************************/
.inputinstructionsright .p-more-text, .inputinstructionsright .wibNotes {
     display: inline-block;
}

.inputinstructionsright .wibNotes {
    margin-top: 0;
}

/* make wibNotes take the remaining space */
.wibField.inputinstructionsright { display: flex; }
    .wibField.inputinstructionsright .wibNotes { margin-top: 0; }
        /* make the instruction text wrap, note that the margin-right allows for a right side scroll bar */
        .wibField.inputinstructionsright .wibNotes .PrismFieldInstruction { margin-left: 1rem;margin-right: 1rem; display: block; }