/*------------------- Signup Styles --------------*/
	
	
	#search_form
	{
		flex-basis: 600px;
		display: flex;
		margin: 0 20px;
	}
	
	
	.form_input 
	{
		flex:1;
		padding: 10px; 
		border: none;
		border: 1px solid var(--color_shade4);
		outline: none;
	}
	
	.form_input:focus 
	{
		border: 1px solid var(--highlight_color);
		
	}
	
	.search_btn
	{
		border: none;
		padding: 10px;
		background-color: var(--highlight_color);
		border: 1px solid var(--highlight_color);
		color: var(--color_shade1);
		text-transform: uppercase;
		letter-spacing: 1.2px;
	}
	
	.search_btn:hover
	{
		background-color: var(--highlight_color_dim);
		border: 1px solid var(--highlight_color_dim);
		cursor: pointer;
	}
	
	/* ============== Button STyles ==============*/ 
	
	.open_btn
	{
		background: none; 
		border: 1px solid var(--highlight_color);
		padding: 15px 20px; 
		color: var(--highlight_color);
		cursor: pointer;
		white-space: nowrap;
	}
	
	.open_btn:hover
	{
		border: 1px solid var(--highlight_color);
		background-color: var(--highlight_color);
		color: var(--color_shade1);
	}
	
	.open_btn:focus
	{
		border: 1px solid var(--main_color_shade3);
		
	}
	
	.close_btn
	{
		background: var(--highlight_color); 
		border: 1px solid var(--highlight_color);
		padding: 15px 20px; 
		color: var(--color_shade1);
		cursor: pointer;
		white-space: nowrap;
	}
	
	.close_btn:hover
	{
		opacity: .8;
	}
	
	.close_btn:focus
	{
		border: 1px solid var(--main_color_shade3);
		
	}
	
	.close_btn:disabled, .open_btn:disabled
	{
		opacity: .2;
	}
	
	.yes_no_wrap
	{
		display: flex;
		justify-content: flex-end;
		
	}
	
	.yes_no_wrap button 
	{
		padding: 8px 12px;
	}
	
	
	.yes_no_wrap button:not(:last-child) 
	{
		margin-right: 5px;
	}
	/*----------------- Signup Styles -----------------*/
	
	.signup_wrapper
	{
		padding: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.signup_container 
	{
		background-color: var(--color_shade1);
		padding: 20px;
		flex-basis: 500px;
	}
	
	.signup_container h1
	{
		margin-bottom: 40px;
	}
	
	.signup_container h2
	{
		margin-bottom: 20px;
	}
	
	.input_container
	{
		display: flex;
		align-items: center;
		border: 1px solid var(--color_shade4);
		padding: 5px 10px;
	}
	
	.dashboard_form_container .input_container
	{
		padding: 5px;
	}
	
	.signup_container.dashboard_form_container
	{
		box-shadow: 0 7px 25px var(--color_shade4);
		border-radius: 20px;
	}
	
	.input_container:focus-within
	{
		
		border: 1px solid var(--main_color);
	
	}
	
	.input_container span
	{
		user-select: none;
	}
	
	.input_container:not(:last-child)
	{
		margin-bottom: 15px;
	}
	
	
	.form_input
	{
		font-size: 15px;
		
		
	}
	
	.input_container .form_input
	{
		font-size: 16px;
		border: none;
		
	}
	
	.show_password
	{
		cursor: pointer;
	}
	
	.signup_container .close_btn, signup_container .open_btn 
	{
		width: 100%;
		font-size: 16px;
	}
	
	.signup_container.warm
	{
		background: none;
	}
	
	.input_container .hide_password
	{
		display: none;
		cursor: pointer;
	}
	
	.signup_container .bottom_text
	{
		margin-top: 10px; 
		text-align: center; 
	}
	
	.input_column
	{
		display: flex;
		padding: 20px;
		background: var(--color_shade1);
		width: 100%;
	}
	
	.input_column:not(:last-child)
	{
		margin-bottom: 10px;
	}
	
	
	select
	{
		background-color: transparent;
		color: var(--color_shade7);
		
	}
	
	textarea, .note-editor
	{
		margin-bottom: 16px;
		display: block;
		width: 100%;
		background-color: var(--color_shade1);
		text-align: left;
	}
	
	
	.file_container input 
	{
		display: none;
		
	}
	
	
	.file_container 
	{
		display: flex;
		width: 100%;
		
		border: 1px solid var(--color_shade4);
		margin-bottom: 20px ;
	}
	
	#file_text
	{
		flex: 1;
		padding: 12px;
		color: var(--color_shade8);
	}
	
	#file_btn
	{
		padding: 12px 20px;
		background-image: linear-gradient(var(--color_shade4), var(--color_shade2));
		cursor: pointer;
	}
	
	#file_btn:active
	{
		border: 1px solid var(--highlight_color);
	}