// .clr-input {
//   color: #212529;
//   //  border: 1px solid #ced4da;
//   //   border-radius: 0.25rem;
//   padding: 0.75rem 0.75rem;
//   margin-top: 10px;
//   margin-bottom: 10px;
// }
// input[type=text],[type=password],[type=number],[type=email],[type=date],textarea {
//   width: 80%;
//   padding: 15px 15px;
//   background-color:rgb(255, 255, 255);
//  // margin: 8px 0;
//   display: inline-block;
//   border: 1px solid #ccc;
//   border-radius: 4px;
//   box-sizing: border-box;
// }
// .eye {
//   position: absolute;
// }

// #hide1 {
//   display: none;
// }

// .container {
//   align-content: center;
// }

// .center {
//   width: auto;
//   margin: 0 auto;
// }

.required-field,.error_mess{
	color:indianred;
	 font-weight: bold;
   
   }
   // select{
   //   margin:15px 0px;
   //   width: 80%;
   //   padding: 5px 5px;
   //   border: 1px solid #ccc;
   //   border-radius: 4px;
   // }
   
   
   
   
   
   
   $background: #f5f6fa;
   $text: #9c9c9c;
   $input-bg-color: #fff;
   $input-text-color: #a3a3a3;
   $button-bg-color: #7f8ff4;
   $button-text-color: #fff;
   $google-button-bg-color: #7f8ff4;
   $linkedin-button-bg-color: #4b76eb;
   
   
   :root {
	   background: $background;
	   color: $text;
	   font: 1rem "PT Sans", sans-serif;
   }
   
   //** helper
   .display_msg {
	   display: flex;
	   flex-direction: column;
	   align-items: center;
	   justify-content: center;
   }
   
   .form {
		&__field {
	 width: 360px;
	 padding: 7px 9px;
	margin: 0 12px;
	background-color:rgb(255, 255, 255);
	 display: inline-block;
	 border: 1px solid #ccc;
	 border-radius: 4px;
	 box-sizing: border-box;
	   }
   }
   
   .btn {
	   display: inline-block;
	   background: transparent;
	   color: inherit;
	   font: inherit;
	   border: 0;
	   outline: 0;
	   padding: 0;
	   transition: all 200ms ease-in;
	   cursor: pointer;
   
	   &--primary {
		   background: $button-bg-color;
		   color: $button-text-color;
		   box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
		   border-radius: 2px;
		   width: 100%;
   
		   &:hover {
			   background: darken($button-bg-color, 4%);
		   }
   
		   &:active {
			   background: $button-bg-color;
			   box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, .2);
		   }
	   }
   }
   // form {
   //   margin-left: 8%;
   // }
   