* {
			transition: background-color 300ms ease, color 300ms ease;
			
		}
		
		
		/**:focus {
			background-color: rgba(221, 72, 20, .2);
			outline: none;
			
		}*/
		
		
		
		html, body {
			color: rgba(33, 37, 41, 1);
			background-color: #FDFEFF;
			font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
			font-size: 16px;
			margin: 0;
			padding: 0;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			text-rendering: optimizeLegibility;
			
		}



/*///////////////////////////ADD FORM STYLING/////////////////////////////////////////*/


/* Style inputs with type="text", select elements and textareas */
input[type='text'
], 
select,
textarea{
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
  border-style: solid;
  border-color: green;
  border-top-width: 0px;
  border-bottom-width: 4px;
  border-left-width: 0px;
  border-right-width: 0px;

}





/* Style the submit button with a specific background color etc */
input[type=submit] {
  background-color: #00A2E5;
  color: white;
  /* padding: 8px 30%;*/
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
  background-color: #00A2E5;
  opacity: 0.8;
}



/* Style inputs with type="Password" */
input[type=password] {
  width: 100%; /* Full width */
  background-color: #ffffff;
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
  border-style: solid;
  border-color: green;
  border-top-width: 0px;
  border-bottom-width: 4px;
  border-left-width: 0px;
  border-right-width: 0px;
 
}



















/*/////////////////////////////Search Inputbox////////////////*/

#myInput {
  background-image: url(../images/search_icon1.png); /* Add a search icon to input */
  /*background: url(../images/back1.jpg) no-repeat fixed center;*/
  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 30%; /* Full-width */
  float:left;
  font-size: 16px; /* Increase font-size */
  padding: 12px 20px 12px 40px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
  border-radius:6px;
}

/*///////////////////////////Hover Text/////////////////////////////////////////*/









/* Add a background color and some padding around the form */
.formcover{
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
  
 margin-top: 0%;
 width: 25%;
 text-align: left;
 border-color: #ccc;
 border-style: solid;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-right-width: 1px;
}

.button3 {
           border: none;
           color: white;
           padding: 8px 30%;
           text-align: right;
           background-color:#00A2E5;
           text-decoration: none;
           display: inline-block;
		   font-family: Arial black;
           font-size: 13px;
		   font-weight:bold;
           margin: 4px 2px;
           cursor: pointer;
		   border-radius: 2px;
        }


.p {margin-left:10%;
    font-family:Montserrat, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	width: 80%;
	text-align: center;
	border-style: solid;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	 
   }
		
		
    .is-invalid {
    border: none !important;
    border-bottom: 4px solid red !important;
        
    }
    .error-message {
        color: red;
        font-size: 14px;
        margin-top: -16px;
        


    }		
		
		
		
		
		
		
		
		
		

	  

}