/* Forms CSS */
.frmPnl{
	margin:50px 0px;
}
.titlePanel .frmPnlHdr span{
	font-weight: 500;
	font-size:24px;
}
.titlePanel .formSection p{
	display:inherit;
	max-width:100%;
}
.frmPnlHdr span{
	font-weight: 400;
	font-size:20px;
}
.plusBtn{
	width:26px;
	height:26px;
	margin-right:10px;
	border-raduis:4px;
	float:left;
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" viewBox="0 0 50 50" ><path fill="RGB(241,7,124)" d="M5 5H45 V45 H5 V5ZM25 12 V37Z M12 25 H37Z" stroke="RGB(255,255,255)" stroke-width="2"></path></svg>');  background-size:cover;
	background-color:#F1077C;
	cursor:pointer;
}
.plusBtn:hover{
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" viewBox="0 0 50 50" ><path fill="RGB(249,76,218)" d="M5 5H45 V45 H5 V5ZM25 12 V37Z M12 25 H37Z" stroke="RGB(255,255,255)" stroke-width="4"></path></svg>');  background-size:cover;
	background-color:#F94CDA;
}
.minusBtn{
	width:26px;
	height:26px;
	margin-right:10px;
	border-raduis:4px;
	float:left;
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" viewBox="0 0 50 50" ><path fill="RGB(241,7,124)" d="M5 5H45V45H5V5Zm7 20H37" stroke="RGB(255,255,255)" stroke-width="2"></path></svg>');  background-size:cover;
	background-color:#F1077C;
	cursor:pointer;
}
.minusBtn:hover{
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" viewBox="0 0 50 50" ><path fill="RGB(249,76,218)" d="M5 5H45V45H5V5Zm7 20H37" stroke="RGB(255,255,255)" stroke-width="4"></path></svg>');  background-size:cover;
	background-color:#F94CDA;
}

.frmHr{
	height: 1px;
	border: none;
	color: #FFF0;
	background-image: linear-gradient(90deg, #F1077C00 0%, #F94CDA66 5%,#F94CDA66 10%, #FFF0 100%);	
	
}
.formSection p{
	margin:15px 0px;
	display:flex;
	flex-wrap: wrap;
	font-weight:200;
}
.formSection p label{
	width:15%;
	min-width:150px;
	padding-right: 8px;
	align-content: center;
	text-align: right;
}
.formSection p span{
	width:60%;
	min-width:100px;
}
.formSection > .p:last-child{
  margin: 0px 0px;
}
.insetForm{
	margin:0px;
	padding:30px;
	border-radius:15px;
	background-color: #FFFFFF;
	filter: drop-shadow(5px 5px 5px #999);
}
.frmPnl input, .frmPnl select, .frmPnl textarea {
	padding: 5px;
	box-sizing: border-box;
	outline: none;
	border: 0.5px solid #AAAAAA;
	font-family: inherit;
	border-radius: 5px;
}
textarea{
	width:100%;
}
.frmPnl input:focus, .frmPnl select:focus {
	border: 0.5px solid #F94CDA;
	background-color: #F94CDA10;
}
.imgOk {
	height: 23px;
	width: 25px;
	float: right;
	margin: -2px;
	overflow: hidden;
}
.statusImg {
	height: 18px;
	width: 18px;
	vertical-align: middle;
	margin-left: 4px;
}
.formError{
	position:relative;
}
.formError img{
	height:25px;
	vertical-align:middle;
}

.formError:hover:after{
	border:2px solid #FF00CC;
	background:#FFDDDD;
	background:RGBA(255, 220, 220, 0.9);
	color: #0000AA;
	font-size:12px;
	font-weight:normal;
	border-radius:5px;
	position: absolute;
	bottom: 12px;
	left: 18px;
	content: attr(title);
	padding: 5px 15px;
	z-index: 98;
	width: 120px;
	line-height: normal;
}


.frmPnl .inp50{
	width:50px;
}
.frmPnl .inp100{
	width:100px;
}
.frmPnl .inp200{
	width:95%;
	max-width:200px;
}
.frmPnl .inp250, .formSection .inp250{
	width:95%;
	max-width:250px;
}
.star{
	color: #FF0000;
	font-weight: bold;
}
.frmPnl p .toolTip{
	opacity:0;
	transition:all 0.5s
}
.frmPnl p:hover .toolTip{
	opacity:100;
	transition:all 0.5s
}
.frmPnl .frmBtn{
	background-image: linear-gradient(30deg, #f94cda 0%, #f1077c 59%);
	padding: 6px 20px;
	border-radius: 15px;
	height: 40px;
	color: #FFF;
	font-size: 100%;
	border: 2px solid #FFF;
}
.frmPnl .frmBtn:hover{
	background-image:none;
	background-color:#FFF;
	color:#F1077C;
	border: 2px solid #F1077C;
}
.toolTip{
	position: relative;
}
.toolTip img{
	height:26px;
	width:26px;
	margin: 0px 5px -10px 10px;
}			
.toolTip:hover:after{
	border:2px solid #AA00FF;
	background:#EEEEFF;
	background:rgba(238,238,255,0.90);
	color: #0000AA;
	font-size:12px;
	font-weight:normal;
	border-radius:5px;
	position: absolute;
	bottom: 20px;
	right: 25px;
	content: attr(title);
	padding: 5px 15px;
	z-index: 101;
	width: 120px;
	line-height: normal;
	text-wrap:auto;
}
.algnT{
	align-self:start;
}
.agree{
	display: flex;
}
.agree input{
	align-self: start;
	margin: 6px 10px 0px 0px;
}
.formSection .agree label{
	width: 90%;
	text-align: left;
}
.frmPnlHdr .notMeBtn{
	color: #000099;
	cursor:pointer;
}
.frmPnlHdr .notMeBtn:hover{
	text-decoration: underline;
	color: #0000FF;
}
@media screen and (max-width: 600px) {

	.grey .row, .white .row{
		margin: auto 1%;
	}	
	.formSection p span {
		width: 100%;
		text-wrap: nowrap;
	}
	.formSection p label {
		width: 100%;
		align-content: center;
		text-align:left;
	}


}