#wrapper
{
	display:flex;
	flex-direction:column;
	align-items:center;
	width:100%;
}

#right_form
{
	display:flex;
	flex-direction:column;
	padding:4px;
}

@media (max-width: 500px)
{
	#testrow{ display:flex; flex-direction:column; width:100%; padding:0px; }
	#right_form{ display:flex; flex-direction:column; flex-grow:0; width:100%; }
	#cliente_form{ display:none; flex-direction:column; flex-grow:0; }
	#form_sep{ height:4px; }

	#header { flex-direction: column; width:100%; }
	#header_separator { width:100%; height:6px; }
	#header_logo_container{ width:100%; height:60px; text-align:center; }
	#header_winet_logo { height:60px; margin:0px auto; }
	#header_title_container{ font-size:12pt; margin:0px auto; color: #4169E1; }
	#header_address_container{ font-size:10pt; margin:0px auto; text-align:center; }
	#header_services{ display:flex; flex-direction:column; align-items:center; }
	
	#login_credential_label{ font-size:12pt; width:98%; text-align:center; padding:4px; }
	#login_credential_container{ display:flex; justify-content:center; width:100%; }
	#login_other_label{ font-size:12pt; width:98%; text-align:center; padding:4px; }
	#login_button{ width:100%; margin:0px auto; font-size:10pt; }
	#login_username_ctrl{ width:90px; text-align:center; }
	#login_password_ctrl{ width:200px; text-align:center; }
	
	#cliente_container{ display:flex; flex-direction:column; }
	#cliente_container_sep{ height:4px; }
	#cliente_message{ text-align:center; padding:4px; }
	#cliente_bar{ display:flex; flex-direction:column; align:items:center; }

	#fatture_search_form
	{
		display:none;
		flex-direction:column;
		align-items:center;
		flex-grow:0;
		background-color:white;
	}
	#fatture_search_separator{ min-height: 5px; }
	#fatture_consuntivo_form
	{
		display:none;
		flex-direction:row;
		justify-content:center;
		align-items:center;
		flex-grow:0;
		background-color:white;
		padding:8pt;
	}
	#fatture_list_form{ display:flex; flex-direction:row; flex-grow:0; width:99%; }

	#fatture_filters_sep{ height:4px; }

	#fatture_consuntivo_bar
	{
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
	}
	
	#fatture_consuntivo_sep{ min-height:8px; }
	
	#fattura_response_fail
	{
		display:flex;
		width:99%;
		height:40px;
		font-size:12pt;
		justify-content:center;
		align-items:center;
		
		background-color:white;
		border-radius:12px;
	}
	
	#fatture_search_button
	{
		cursor:pointer;
		background-color:#EAEAEA;
		padding:4px;
		border-radius:8px;
		width:90%;
		display:flex;
		justify-content:center;
		align-items:center;
	}

	#fatture_table
	{
		display:table;
	}
	
	#fatture_table_row
	{
		display:table-row;
	}

	#fatture_table_row:hover
	{
		display:table-row;
		background-color:#e9f4fc;
	}

	#fatture_table_row_header
	{
		display:table-cell;
		cursor:pointer;
		background-color:#f0f6fd;
		border-radius:6px;
		
		padding:4px;
		margin:1px;
		
		font-weight:bold;
		text-align:center;
	}

	#fatture_table_row_header_selected
	{
		display:table-cell;
		cursor:pointer;
		background-color:#d8e8fb;
		border-radius:6px;
		
		padding:4px;
		margin:1px;
		
		font-weight:bold;
		text-align:center;
	}
	
	.fatture_table_row_cell_class
	{
		display:none !important;
	}

	#fatture_table_row_cell
	{
		display:table-cell;
		padding:1px;
		margin:1px;
		border:1px dotted #C0C0C0;
		border-radius:4px;
		text-align:center;
	}
	
	#fatture_table_row_cell_button
	{
		display:table-cell;
		text-align:center;
		padding-top:2px;
	}
}

@media (min-width: 501px)
{
	#testrow{ display:flex; flex-direction:row; padding:0px; }
	#loginform{ display:flex; flex-grow:0; width:240px; }
	#right_form{ display:flex; flex-direction:column; flex-grow:0; width:100%; }
	#cliente_form{ display:none; flex-direction:row; flex-grow:0; }

	#header { flex-direction: row; align-items:baseline; }
	#header_separator { width:30px; height:4px; }
	#header_logo_container{ width:130px; }
	#header_winet_logo { width:130px; }
	#header_title_container{ font-size:18pt;  color: #4169E1; }
	#header_address_container{ font-size:14pt; }
	#header_services{ display:flex; flex-direction:row; justify-content:center; }
	
	#login_credential_label{ font-size:10pt; padding:2px; }
	#login_other_label{ font-size:10pt; width:98%; text-align:center; padding:4px; }
	#login_button{ width:140px; margin:0px auto; }
	#login_username_ctrl{ width:240px; }
	#login_password_ctrl{ width:240px; }

	#cliente_container{ display:flex; flex-direction:column; width: 100%; height:50px; padding: 2px; }
	#cliente_container_sep{ height:4px; }
	#cliente_h_break { height:10px; width:100%; }
	#cliente_bar{ display:flex; flex-direction:row; }
	#cliente_message
	{
		display:flex;
		flex-wrap:column-wrap;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		
		text-align:center;
		background-color:white;
		border-radius:8px;
		width:500px;
	}

	#fatture_search_form
	{
		display:none;
		flex-direction:row;
		align-items:center;
		flex-grow:0;
		background-color:white;
	}
	
	#fatture_search_separator{ min-width: 10px; }
	
	#fatture_consuntivo_form
	{
		display:none;
		flex-direction:row;
		justify-content:center;
		align-items:center;
		flex-grow:0;
		padding:6px;
		
		background-color:white;
	}
	#fatture_list_form{ display:flex; flex-direction:row; flex-grow:0; }

	#fatture_filters_sep{ min-width:40px; background-color:black; }

	#fatture_consuntivo_bar
	{
		display:flex;
		flex-direction:row;
		justify-content:center;
		align-items:center;
	}
	
	#fatture_consuntivo_sep{ min-width:15px; }
	
	#fattura_response_fail
	{
		width:100%;
		height:100px;
		
		display:flex;
		justify-content:center;
		align-items:center;
		
		background-color:white;
		border-radius:12px;
	}

	#fatture_search_button
	{
		cursor:pointer;
		background-color:#EAEAEA;
		padding:4px;
		
		border-radius:8px;
		width:90px;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	
	#fatture_table
	{
		display:table;
	}
	
	#fatture_table_row
	{
		display:table-row;
	}

	#fatture_table_row:hover
	{
		display:table-row;
		background-color:#e9f4fc;
	}

	#fatture_table_row_header
	{
		display:table-cell;
		cursor:pointer;
		background-color:#f0f6fd;
		border-radius:6px;
		
		padding:4px;
		margin:1px;
		
		font-weight:bold;
		text-align:center;
	}

	#fatture_table_row_header_selected
	{
		display:table-cell;
		cursor:pointer;
		background-color:#d8e8fb;
		border-radius:6px;
		
		padding:4px;
		margin:1px;
		
		font-weight:bold;
		text-align:center;
	}
	
	.fatture_table_row_cell_class
	{
		display:inline-block;
	}

	#fatture_table_row_cell
	{
		display:table-cell;
		padding:6px;
		margin:1px;
		border:1px dotted #C0C0C0;
		border-radius:4px;
		text-align:center;
	}
}