.main-content #formprocessor  p,.main-content #formprocessor  blockquote {font-family: inherit !important;}
#formprocessor fieldset p{ margin-bottom:0;}
#formprocessor .centerStacked{ text-align:center; display:inline-block; }
#formprocessor .centerStacked input{ display:block; width:100%; margin-top:.3em;} 
#formprocessor  td{width:auto}
#formprocessor table,strong,p {color:#454542 !important;}
#formprocessor input,#formprocessor textarea,#formprocessor select {padding:7px;border: 1px solid #626872;color:#000;font-family: Source Sans Pro Web, sans-serif !important;}
#formprocessor input[type="Submit"]{background-color:#0059a0;border-radius:5px;color:#fff;font-weight:bold;border:none;padding:10px 20px;cursor:pointer;margin-right:.5em;}
#formprocessor input[type="reset"]{background-color:#fff;border-radius:5px;color:#0059a0;font-weight:bold;border:2px solid #0059a0;padding:8px 18px;cursor:pointer}

#formprocessor input[type="Submit"]:hover{background-color:#215493;}
#formprocessor input[type="reset"]:hover{color:#004276;border-color:#004276}
#formprocessor .notes{
  border-left: 6px solid #00a6d2; 
    font-weight: normal ;
    margin-top: 25px !important;
    padding: 17px 20px;
	font-size: 1.1em !important;
	background: url(/images/icons/info.png) top 14px left 20px no-repeat #e1f2f9;
    padding-left: 60px;
    color: #454542;
}
#formprocessor .notes span{display: block;}
.fpmessage {
    border-left: 6px solid #f91a12;
    font-weight: normal ;
    margin-top: 25px !important;
    padding: 17px 20px;
	font-size: 15px !important;
	background: url(/images/icons/error.png) top 14px left 20px no-repeat #fadedd;
    padding-left: 60px;
    color: #454542;}

.fpflag {display:none;}
.fpfield{border:2px dashed #aeafb4; padding:7px;border-radius:3px;}
.fpmessage i{margin-right:10px; margin-top:-5px;}
.fperror{border: 2px solid #f91a12 !important;}

/*---Form Radio,Checkbox required Fix --old helpdesk form--*/

#formprocessor input[type="radio"].fperror+.fpflag{ 

    display: inline-block;
    border: 2px solid #f91a12;
    color: transparent;
    border-radius: 50%;
    width: 10px;
    height: 10px;
	margin-left: -15px;
	-moz-box-shadow:    inset 0 0 2px 2px #fff;
   -webkit-box-shadow: inset 0 0 2px 2px #fff;
   box-shadow:         inset 0 0 2px 2px #fff;

}
#formprocessor input[type="checkbox"].fperror+.fpflag{ 

    display: inline-block;
    border: 2px solid #f91a12;
    color: transparent;
    width: 10px;
    height: 10px;
	margin-left: -15px;
	border-radius: 2px;
	-moz-box-shadow:    inset 0 0 2px 2px #fff;
   -webkit-box-shadow: inset 0 0 2px 2px #fff;
   box-shadow:         inset 0 0 2px 2px #fff;

}


#formprocessor input[type="radio"].fperror {opacity:0}

#formprocessor input[type="radio"].fperror:checked + .fpflag {
  background-color: #000;
}

#formprocessor input[type="checkbox"].fperror {opacity:0}

#formprocessor input[type="checkbox"].fperror:checked + .fpflag {
  background-color: #000;
}


@media (max-width:767px){
	#formprocessor  td{display:block;text-align: left;}
}

/*---------New Helpdesk form---------*/
.modal-body{
	font-size:120%;
	max-height: calc(100vh - 210px);
  	overflow-y: auto;
}
input[type="submit"][disabled]{
	background-color:#ccc !important;
}

#formprocessor{position: relative;margin-top: 30px;}
#formprocessor #formLogo{position: absolute;top: 0;left: 90%;margin-left: -65px;}

.captchaError{
	color: red;
}
#formprocessor *{
	font-size:1em;
}
#formprocessor fieldset{
	margin: 25px 0px;
	padding: 0;
	border: none;
}
#formprocessor fieldset fieldset{
	margin: 15px 0 0 0;
}
#formprocessor fieldset legend{
	white-space: normal; 
    width: inherit;
	*margin-right:20px;
	font-weight: normal !important;
	margin-bottom: 15px;
	color:#000; 
}

#formprocessor fieldset.inline {margin: 10px 0; }
#formprocessor fieldset.inline legend{
	float: left;
	clear: both;
}
#formprocessor fieldset > div, 
#formprocessor fieldset.inline > div > label, 
#formprocessor fieldset.inline > legend{padding: 0;margin: 0;}


#formprocessor fieldset p{
	margin-bottom:10px;
}
label + label{
	margin-left:10px;
}
#formprocessor label{display: inline-block}
#formprocessor fieldset > div{display: flex;flex-direction: row;} 
#formprocessor textarea{width:100%;}
#formprocessor input[type="text"]{width:50%;}
#formprocessor select{width:30%;content:"";background: 	#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;    background-size: 8px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}
	
#formprocessor select[multiple]{background: none;}

#formprocessor a{word-break: break-word;}
/*----------------New form Validation css-----------------*/
/*----IE----*/
::-ms-clear { display: none; }
::-ms-input-placeholder{color: #75758b !important;}
:-ms-input-placeholder{color: #75758b !important;}
/*----IE----*/

#formprocessor input[type="radio"],#formprocessor input[type="checkbox"]{position: relative;z-index: 0; cursor: pointer;margin: 0 8px 4px 15px;vertical-align: middle;transform: scale(1.4, 1.4); 
-moz-transform: scale(1.4, 1.4); 
-ms-transform: scale(1.4, 1.4); 
-webkit-transform: scale(1.4, 1.4); 
-o-transform: scale(1.4, 1.4);}



#formprocessor input[type=text], 
#formprocessor input[type=number],
#formprocessor input[type=email],
#formprocessor input[type=radio],
#formprocessor input[type=checkbox],
#formprocessor select,
#formprocessor textarea{box-shadow: none;outline:0;}



#formprocessor input:not([type=submit]):focus:valid,
#formprocessor select:focus:valid,
#formprocessor textarea:focus:valid, 
#formprocessor  select:focus:valid,
#formprocessor input[type="checkbox"]:required:focus:valid, 
#formprocessor input[type="radio"]:required:focus:valid
{outline:3px solid #2f8641 !important;border-color: #fff;}



#formprocessor input:not([type=submit]):focus:invalid,
#formprocessor select:focus:invalid, 
#formprocessor textarea:focus:invalid, 
#formprocessor select:focus:invalid,
#formprocessor input[type=checkbox]:required:focus:invalid, 
#formprocessor input[type=radio]:required:focus:invalid
{outline: 3px solid #cd2329 !important;border-color: #fff;}


#formprocessor input[type="text"]:focus:valid {
  background: url("/images/icons/success.png") no-repeat 98% 50%;
  background-size: 25px;
}


#formprocessor input[type="text"]:focus:invalid {
  background: url("/images/icons/error.png") no-repeat 98% 50%;
  background-size: 25px;
}



@media (min-width:768px){
#formprocessor fieldset.inline > div input[type="text"], #formprocessor fieldset.inline > div select{margin: 0 !important; margin-top: -5px !important;} 

}	

/*--------------------Mobile new form---------------------*/	

@media (max-width:767px){
#formprocessor fieldset{display: flex;flex-direction: column;}
#formprocessor input[type="text"], #formprocessor textarea {width:100%}
#formprocessor select{width: 100%;}
.main-content h1{font-size: 150%;}
#formLogo{display: none;}
#formprocessor fieldset > div > label{margin: 10px 10px 5px 0px !important;}
#formprocessor fieldset.inline > legend{width: auto !important;}
#formprocessor fieldset.inline > div label input[type=text]{width: 50%;}
#formprocessor fieldset > div{flex-wrap: wrap;} 
#formprocessor fieldset.inline > div{margin-top: 5px ;}

}

@media (min-width: 576px){
.bootstrap .modal-dialog{max-width: 50%;}

}