/*	
	======================================================================

	stylesheets/public/forms.css

	======================================================================
	Linda Werner & Associates PHP Library Component
	Copyright 2017 Linda Werner & Associates
	======================================================================
*/

/*  - - - - - - - - - - - - - - - - - - - - - - - - - - -
    inputs
    - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

	input, select, button	{
	
		font-family: roboto, soleil, verdana, helvetica, sans-serif;
	}
	
	input {

		font-size: 100%;
		background-color: transparent;
		color: black;
	}
	
	.form_field {
	
		position: relative;
		background-color: #4ACEE3;
		color: black;
		border-radius: 6px;
		height: 67px;
		width: 100%;
		margin-bottom: 15px;
	}
	
	.form_field_no_bottom_margin {
	
		margin-bottom: 0;
	}
	
	.form_field_input {
	
		position: absolute;
		top: 31px;
		left: 0px;
		padding-left: 10px;
		padding-right: 10px;
		z-index: 50;
		width: 100%;
	}
	
	.form_field_label {
	
		position: absolute;
		top: 8px;
		left: 12px;
		color: white;
		font-size: 75%;
		z-index: 100;
	}
	
	.form_field_required {
	
		position: absolute;
		top: 8px;
		right: 12px;
		color: white;
		font-size: 75%;
		z-index: 100;
	}
	
	.integral_text_field {
	
		height: 25px;
		width: 100%;
		border-radius: 5px;
		padding-left: 8px;
		padding-right: 8px;
	}
	
	.form_note {
	
		position: relative;
		top: -12px;
		font-size: 75%;
		line-height: 120%;
		margin-left: 10px;
		margin-bottom: 2px;
	}

	.form_field_state_menu select,
	.form_field_country_menu select {
	
		font-size: 100%;
		background-color: #BDF;
	}

	
	.form_field_text_area {
	
		width: 100%;
		height: 100px;
		padding: 10px;
		font-size: 100%;
		background-color: #4ACEE3;
		color: black;
		border: 0;
		border-radius: 6px;
	}
		
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - -
    documents
    - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	
	.document_description_input {
	
		width: 50%;
		float: left;
	}

	.document_description_actions {
	
		position: relative;
		top: 10px;
		width: 40%;
		margin-left: 20px;
		float: left;
	}
	
	.document_title {
	
		font-size: 90%;
		font-weight: bold;
	}
	
	.document_details {
	
		font-size: 85%;
		margin-bottom: 15px;
	}

	
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - -
    general
    - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

	input {

		border: none;
		outline: none;
		border-color: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	select {
	
		border-radius: 5px;
		font-size: 16px;
		padding: 4px;
	}
		
	*:focus {

		outline: none;
		background-color: #DEF;
	}