
* a{
	text-decoration: none;
}
/* doctor.css start*/


form,button,.inpt{
		border-radius: 5px;
	  }
	  h4{
		  padding: 2%;
	  }
 .radioo{
	 font-size: x-large;
	 
	 height: 25px;
	 width: 20px;
 }

form{
	height: auto; width: 450px;
	 margin: 0 auto;
	 
	
}
form a:hover{background: darkslategray;
color: aliceblue;}
 
.inpt{
width:90%;
 padding: 2%;
}
#submit{
color: white;
background: slateblue;
width: 37%;
 
border-radius:5px;
}
#submit:hover{
	background: rgb(8, 29, 94);
}
textarea{
	border-radius: 5px;
	resize: none;
}
@media screen and (max-width:347px){
	form,.con-0{
		font-size:0.9rem;
	}
}
@media screen and (max-width:500px){
form {
	width: 80%;
}
textarea{
	width: 80%;
}
}
label{
	font-size: large;
	font-weight: bold;
}
 /*password validation*/
 /* The message box is shown when the user clicks on the password field */
 #message {
 display:none;
 background: #f1f1f1;
 color: #000;
 position: relative;
 padding: 5px;
 margin-top: 5px;
 }
 
 #message p {
 font-size: 12px;
 }
 
 /* Add a green text color and a checkmark when the requirements are right */
 .valid {
 color: green;
 }
 
 .valid:before {
 position: relative;
 left: -35px;
 }
 
 /* Add a red text color and an "x" icon when the requirements are wrong */
 .invalid {
 color: red;
 }
 
 .invalid:before {
 position: relative;
 left: -35px;
 
 }
 /*focus confirm password  */
 #confirmPassword-feedback {
 color: red;
 }
 
 .submit-message{
 color:red;
 background:yellow;
 display:none;
 };
 
 
 /* doctor.css end*/