.input_container
    {
        max-width: 600px;
        border-radius: 30px;
        overflow: hidden;
        background: var(--color_shade1);
        padding: 0 0 0 16px;
        display: flex;
        align-items: center;
    }

    .input_container .search_input
    {
        flex: 1;
    }

    .input_container i
    {
        color: var(--color_shade6);
        cursor: pointer;
    }



	.form_wrapper
	{
		max-width: 550px;
		margin: 40px auto;
		background-color: var(--color_shade1);

	}



    .form_wrapper.form_wrap
	{
		max-width: 600px;
        padding: 0;
	}


	.form_wrapper.terms
	{
		max-width: 800px;
        padding: 0;
	}



	
	.close_container
	{
		padding: 20px;
		display: flex;
	}

	.close_container h6
	{
		flex: 1;
		padding: 0 10px 0 0;
		text-align: left;
	}

	.close_container i
	{
		color: var(--color_shade7);
		font-size: 18px;
	}


	.form_container
	{
		padding: 20px;
        
	}


    
    
    .input_wrapper
	{
		border: 1px solid var(--color_shade4);
		margin-bottom: 10px;
		display: flex;
		padding: 5px 8px 5px 5px;
		align-items: center;
        background-color: var(--color_shade1);
	}
/*
	.popup_form .input_wrapper
	{
		padding: 0;
	}

	

	.popup_form .input_wrapper input
	{
		padding: 0;
	}
*/

	.input_wrapper.subtopic
	{
		display: none;
	}


    .form_wrap .input_wrapper
	{
		padding: 5px;
	}

    .form_wrap .input_wrapper input, 
    .form_wrap .input_wrapper select,
    .form_wrap .input_wrapper textarea
	{
		padding: 10px;
	}

	.note-editor.note-frame
	{
		border: 5px solid red;
		width: 100%;
	}
    
    
    .input_wrapper:last-child
	{
		margin-bottom: 0;
	}

	.input_wrapper .input_wrap
	{
		flex: 1;
		display: flex;
		align-items: center;
	
	}

	.input_wrapper .input_wrap.textarea
	{
		flex-direction: column;

	}

	.input_wrapper .input_wrap.textarea label
	{
		flex: 1;
		width: 100%;
		padding: 0 5px 0 5px;
		color: var(--color_shade6);
	}

	.input_wrapper .input_wrap.textarea textarea
	{
		flex: 1;
		width: 100%;
		padding: 5px;
	}

	.input_wrapper .input_wrap i
	{
		color: var(--color_shade7);

	}




/*	

	.input_wrap span
	{
		display: block;
		background-color: var(--color_shade4);
		padding: 10px 15px;
		border-radius: 5px;
		cursor: pointer;
	}
*/

	#show_subtopic, .show_subtopic
	{
		cursor: pointer;
	}
	
	.input_wrapper input
	{
		flex: 1;
		padding: 5px 8px;
		border: none;
		width: 100%;
	}


    .input_wrapper .show_password_container
	{
		cursor: pointer;
	}



	.input_wrapper:focus-within
	{
		border: 1px solid var(--highlight_color);
	}





	.form_wrapper form_button
	{
		width: 100%;
		padding: 16px;
	}
	

	.term_para
	{
		font-size: 11px;
		text-align: center;
		padding: 10px 0;
		display: block;
		
		border-bottom: 1px solid var(--background_shade8);
	}
 
	.term_para a
	{
		font-size: 11px;
	}

	.login_para
	{
		padding: 10px 0 0 0;
		text-align: center;
	}

	
	input:-webkit-autofill,
	input:-webkit-autofill:hover,
	input:-webkit-autofill:focus,
	input:-webkit-autofill:active{
		box-shadow: 0 0 0 30px white inset !important;
		-webkit-box-shadow: 0 0 0 30px white inset !important;
	} 





 
	input
	{
		outline: none;
		filter: none;
		box-shadow: 0 0 0 30px white inset !important;
		-webkit-box-shadow: 0 0 0 30px white inset !important;
		font-size: 16px;
	}

	input[type="radio"]{
		box-shadow: none !important;
		-webkit-box-shadow: none !important;
	}


    
	
	.form_input, select, textarea
	{
		padding: 10px 16px;
		border: none;
		width: 100%;
		background-color: none;
		outline: none;
		filter: none;
		box-shadow: 0 0 0 30px white inset !important;
		-webkit-box-shadow: 0 0 0 30px white inset !important;
		font-size: 16px;
		flex: 1;
	}

	
	

	.input_label
	{
		font-size: 12px;
	}
	

	.clicked_button
	{
		border: 2px solid var(--highlight_color2);
	}

	button:disabled
	{
		opacity: .7;
	}

	.progress_container
	{
		width: 100%;
		background-color: var(--color_shade4);
		height: 30px;
		position: relative;
		display: none;
	}


	.progress_container span
	{
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.progress_bar
	{
		width: 0%;
		height: 100%;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b7deed+0,71ceef+50,21b4e2+51,b7deed+100;Shape+1+Style */
		background: #b7deed; /* Old browsers */
		background: -moz-linear-gradient(top,  #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */
	}

	.loaded_complete
	{
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bfd255+0,8eb92a+50,72aa00+51,9ecb2d+100;Green+Gloss */
		background: #bfd255; /* Old browsers */
		background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
	}

	.file_label
	{
		padding: 0 0 0 15px;
		
	}

	.icon_container
	{
		padding: 0 0 0 5px;
	}


	.form_container_head h4, .form_container_head h3
	{
		margin-bottom: 20px;
	}

	.form_container_head p
	{
		text-align: left;
	}

	.input_support_label
	{
		font-size: 16px;
		font-weight: bold;
		padding: 20px 0 10px 0;
		color: var(--color_shade8);
	}

	.form_container.support
	{
		padding: 0;
		margin-top: 20px;
	}

	.input_star
	{
		color: red;
	}

	.sublabel
	{
		text-align: left;
		font-size: 14px;
		font-style: italic;
		display: inline-block;
		margin-bottom: 10px;
	}

	.support_button
	{
		margin-top: 20px;
	}