@charset "UTF-8";
/* CSS Document */

/* Empty Boxes */
.EmptyBox1 {
	display: block;
	width: 100%;
	height: 1px;
	overflow: hidden;
}

/* clear fix for Row*/
.ClearRow:before, .ClearRow:after {
	content: "";
	display: table;
	border-collapse: collapse;
}

.ClearRow:after {
	clear: both;
}

.Responsive20 {
	
}

.Responsive25 {
	
}

@media ( min-width : 960px) and (max-width:1200px) {
}

/* Portrait tablet to landscape and desktop */
@media ( min-width : 640px) and (max-width: 960px) {
	.Responsive25 {
		width: 50%;
		float: left;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.hideOnMobile {
		display: none;
	}
}

/* Landscape phone to portrait tablet */
@media ( max-width : 640px) {
	/* responsive support */
	.Responsive20 {
		width: 100%;
		float: left !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.Responsive25 {
		width: 100%;
		float: left !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.hideOnMobile {
		display: none;
	}
}

/* Portrait phones and down */
@media ( min-width :320px) and (max-width: 480px) {
	/* responsive support */
	.Responsive20 {
		width: 100%;
		float: left !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.Responsive25 {
		width: 100%;
		float: left !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.hideOnMobile {
		display: none;
	}
}

.near {
	
}

.near .ContainerIndent {
	margin: 2px 4px !important;
}

.ContainerIndent {
	margin: 4px 4px !important;
	font-family: Helvetica, Arial, Sans-Serif;
	!
	important;
}

.noBorder {
	border: none !important;
}

.noShadow {
	box-shadow: none !important;
}

.textBold {
	font-weight: bold !important;
}

.profileLabel {
	padding: 6px 5px;
	letter-spacing: 1px;
	text-align:right !important;
}

.width-mediumlarge {
	width: 80%;
	margin: 0px auto;
}

.input[type="text"] {
	box-shadow: none;
}

.input[type="text"]:focus {
	box-shadow: 1px 1px 1px gray;
}

.responseBox {
	
}

.responseBox input[type="text"]:hover {
	color: black !important;
}

text {
	color: black !important;
}

.responseBox textarea {
	color: black !important;
	width: 700px;
	min-height: 230px;
	font-size: 14px;
	font-family: Arial;
	padding: 5px;
	overflow: hidden;
	resize: none;
	line-height: 150%;
	
	-webkit-appearance: textarea;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    flex-direction: column;
    resize: auto;
    cursor: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
    padding: 2px
	
	text-rendering: auto;
    color: initial !important;
    letter-spacing: normal !important;
    word-spacing: normal !important;
    text-transform: none !important;
    text-indent: 0px !important;
    text-shadow: none !important;
    display: inline-block;
    text-align: start !important;
    margin: 0em 0em 0em 0em;
    font: 13.3333px Arial !important;
}

.responseBox textarea:hover {
	color:black !important;
}

.responseBox textarea:focus {
	color:black !important;
}

/* .responseBox .ui-inputtextarea {
	overflow: auto !important;
	height: auto !important;
}

.responseBox textarea {
	overflow: auto !important;
	height: auto !important;
}

.responseBox textarea:focus {
	color: black !important;
}

.responseBox textarea:hover {
	color: black !important;
} */

.responseNoteBox .ui-inputtextarea {
	overflow: auto !important;
	height: 50px !important;
}

.responseNoteBox .ui-inputtextarea:hover {
	color: black !important;
}

.responseNoteBox .ui-inputtextarea {
	overflow: auto !important;
	height: 50px !important;
}

.MATCH_YES{
	
}

.MATCH_YES .ui-fieldset-legend  {
	background: green !important;
	color: white !important;
	font-weight: bold !important;	
}

.MATCH_NO {
	
}

.MATCH_EMPTY {
	
}

.MATCH_EMPTY .ui-fieldset-legend  {
	background: red !important;
	color: yellow !important;
	font-weight: bold !important;
}

.MATCH_DECISION {
	
}

.MATCH_DECISION .ui-fieldset-legend  {
	background: orange !important;
	color: black !important;
	font-weight: bold !important;
}

.ui-inputfield .ui-state-hover {
	color: red !important;
}


