/*new test code*/

.modalwidth { 
}
.formwrapper { 
	width: 92%;
	margin: 5px 4% 5px 4%;   
}
 
 .header h2 {
	font-size: 24px;
}

.header p {
	font-size: 18px;
}

.header img {
	max-width: 95%;
	float:left;
	margin-right: 5px;
}

.header {
	margin-top: 10px;
	width: 99%;
}


input, textarea{
display: block;
width: 94%;
}

textarea {
	outline: none !important;
	box-shadow: none !important; 
	height: 80px; 
	border-radius: 1px;
	border:solid 1px #ccd0d9;  
	font-size: 14px;
	color: #5e6573; 
}

select {
	outline: none !important;
    box-shadow: none !important; 
	border-radius: 0px !important; 
	display: block;
	height: 47px;
	width: 100%;
	border:1px solid #0065b3; 
}

input {  
	outline: none !important;
    box-shadow: none !important; 
	width: 100%;
	height: 45px;
	padding: 0px;
	border-radius: 0px !important; 
	border:1px solid #0065b3; 
	text-align: center;  
	font-size: 14px;
	color: #5e6573; 
	
}

input:focus { 
    outline: none !important;
    box-shadow: none !important;
    border:1px solid #0065b3;  
}

.form-groupemail input, .form-groupaddr input{ 
	width: 94%;
}

.form-groupfn, .form-groupln{float: left; width:46%; margin-right: 10px;}
.form-grouporg, .form-groupdpt{float: left; width:46%; margin-right: 10px;}
.form-groupcity, .form-groupprov  {float: left; width:46%; margin-right: 10px;}
.form-groupcoun  {float: left; width:30%; margin-right: 10px;}
.form-groupstate {float: left; width:30%; margin-right: 10px;}
.form-grouppc {float: left; width:28%; margin-right: 10px;}

button {
	outline: none !important;
	cursor: pointer;
    background-color: #0065b3;
    margin: 6px 10px; 
    padding: 0px;
    border: none;
    border-radius: 5px;
    color: #FFF;
    font-size: 16px;  
    text-align: center;
    width: 162px;
    height: 42px;   
    letter-spacing: 1px;
    font-weight: 600;
    box-shadow: 0px 2px 0 0px #01267b;
}

.formwrapper {height: 95%}

.formwrapper.submitted-n { 
	display: block;
	padding-top: 8px;
	padding-left: 12px; 
	padding-right: 12px; 
	padding-bottom: 8px; 
}

.formwrapper.submitted-y  {
	display: none;
}

.bitnsuccess:before {
	display: none;
	margin-top: 8px;
	content:"You have Successfully Subscribed!";
	color: #5cb85c;
	font-size: 15px;
	font-weight: 500;
	text-align: center; 
}

span.bitnsuccess:before {
	display: none;
	padding-top: 2px;
	content:"To update your subscription, send us an email at danainfo@dana.org"; 
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	color: #000; 
}

.bitnsuccess.show_:before {
	display: block;
	margin-top: 8px;
	content:"You have Successfully Subscribed!";
	color: #5cb85c;
	font-size: 15px;
	font-weight: 500;
	text-align: center; 
}

span.bitnsuccess.show_:before {
	display: block;
	padding-top: 2px;
	content:"To update your subscription, send us an email at danainfo@dana.org"; 
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	color: #000; 
}

.nod-error-message {
	display: block;
	width: 150px;
	color: red;
	font-size: 10px;
	text-align: center;
}

#bitn input.js-vldtr-error { border:1px solid red; }

#bitn .js-vldtr-error + span { display: none;  }

.requiredinfo {color: red; font-size: 12px;}

.requiredinfodesc {font-size: 12px;}

.privacypolicy{ 
 	font-size: 12px;
 	text-align: center;
 	padding: 14px;
} 

.privacypolicy a {
    color: #0065b3; 
}

label {font-size: 14px;}
label span {color:red; font-weight: bold; font-size: 14px;}

@media only screen and (max-width: 480px) {
	.form-groupfn, .form-groupln{float: none; width: 75%;}
	.form-grouporg, .form-groupdpt{float: none; width: 75%;}
	.form-groupcity, .form-groupprov  {float: none; width: 75%;}
	.form-groupcoun  {float: none; width: 75%;}
	.form-groupstate {float: none; width: 75%;}
	.form-grouppc {float: none; width: 75%;} 
	.form-groupemail, .form-groupaddr, .form-groupnote {width: 80%;}
}