.currencies_body_width
{
	max-width:750px;
}
.currencies_area_width_list
{
	width:630px;

	margin:0 auto;
}


.currency_tendency_form
{
	margin:10px auto;
}
.currencies_tendency_list_line
{
	width:475px;

	margin:10px auto;
}
.currencies_tendency_list_base
{
	font-size:18px;

	float:left;

	vertical-align:baseline;
}
.currencies_tendency_list_lead
{
	width:190px;

	margin-right:10px;
	padding-top:2px;

	text-align:right;
}
.currencies_tendency_list_list
{
	width:275px;
}




.currencies_area_width_convert
{
	width:560px;

	margin:0 auto;
}

.currency_sse_box
{
	width:560px;

	margin:10px auto;
}
.currency_sse_line
{
	margin:2px 5px;
}
.currency_sse_base
{
	padding:2px 5px;

	font-size:14px;

	float:left;

//	background-color:lime;
}
.currency_sse_name
{
	width:160px;
}

.currency_sse_date
{
	width:75px;

	font-weight:bold;
}

.currency_sse_date_time
{
	width:135px;
}



.cu_line
{
	padding:2px 5px;
}

.cu_base
{
	margin-left:5px;

	text-align:left;

	font-size:14px;
	font-weight:normal;

	color:black;
	background-color:ghostwhite;

	float:left;
}

.cu_id
{
	width:50px;

	text-align:center;
}
.cu_ratio
{
	width:100px;

	text-align:right;
}
.cu_name
{
	width:150px;
}
.cu_date_time
{
	width:125px;
}


.currencies_history_popup
{
	width:480px;
	position:fixed;
	z-index:1;

	top:calc(10vh - 50px);

	border-width:2px;
	border-style:solid;
	border-spacing:0px;
	border-collapse:collapse;
	border-color:gainsboro;
	border-radius:0;

	text-align:left;

	overflow:auto;

	color:black;
	background-color:aliceblue;

	font-size:14px;
	font-style:normal;
	font-weight:normal;
}
.currencies_history_popup_function_title,
.currencies_history_popup_function_close
{
	display:block;

	padding:3px;

	text-decoration:none;
	text-align:center;

	font-size:20px;
	font-style:normal;
	font-weight:bold;

	color:black;
	background-color:white;
}
.currencies_history_popup_function_sub_title
{
	font-size:14px;
	font-weight:normal;
}

.currencies_history_popup_for_day
{
	min-height:25vh;
	max-height:calc(85vh - 50px);

	overflow:auto;
}




.currency_date_button:hover
{
	color:blue;
}

.currency_date_button:link,
.currency_date_button:visited,
.currency_date_button:active
{
	text-decoration:none;
}

.currency_date_button
{
	display:block;

	width:125px;

	margin:3px 5px;
	padding:5px;


	border-width:1px;
	border-style:solid;
	border-spacing:0px;
	border-collapse:collapse;
	border-color:gainsboro;
	border-radius:6px;

	text-align:center;
	text-decoration:none;

	font-size:16px;
	font-weight:bold;

	color:black;

	cursor:pointer;

	float:left;
}












.currencies_convert_form
{
	margin:0;
	margin-block:0;
}

.currencies_convert_box
{
	width:350px;

	margin:15px auto;

	padding:5px;

	border-width:1px;
	border-style:solid;
	border-spacing:0px;
	border-collapse:collapse;
	border-color:gainsboro;
}

.currencies_value_line
{
	margin:5px;
}
.currencies_convert_button_submit
{
	margin:15px auto 5px;
	padding:5px 20px;

	border-width:1px;
	border-style:solid;
	border-spacing:0px;
	border-collapse:collapse;
	border-color:gainsboro;
	border-radius:8px;

	float:right;
}
.currencies_convert_base
{
	font-size:18px;

	float:left;
}
.currencies_convert_lead
{
	width:70px;
}
.currencies_convert_lead_amount,
.currencies_convert_lead_currency_list
{
	margin-top:2px;
}

.currencies_convert_amount
{
	width:125px;
}
.currencies_convert_amount_input
{
	width:125px;
}
.currencies_convert_currency_list
{
	width:250px;
}

.currencies_convert_button
{
	width:200px;
}






.currencies_body
{
	text-align:left;

	font-weight:bold;
}





.currencies_overview
{
	font-size:14px;
}


.currencies_title,
.currencies_title_group
{
	padding:5px;

	text-align:center;

	font-size:18px;
	font-weight:bold;

	color:black;
	background-color:gainsboro;
}

.currencies_title_group
{
	margin-top:10px;
}

.currencies_header
{
	font-weight:bold;

	color:black;
	background-color:floralwhite;
}

.currencies_body_area
{
	background-color:green;
}

.currencies_box_area
{
	border-width:1px;
	border-style:solid;
	border-spacing:0px;
	border-collapse:collapse;
	border-color:gainsboro;
}



.currency_base
{
	margin:0 2px;
	padding:2px;

	float:left;
}

.currency_id
{
	width:40px;

	text-align:center;
}
.currency_name
{
	width:200px;
}


.currency_id,
.currency_name
{
	font-weight:bold;
}


.currency_ratio
{
	width:115px;

	text-align:right;
}

.currency_ratio_convert
{
	width:165px;

	text-align:right;
}







.currency_convert_value_form
{
	margin:0;
	margin-block:0;
}

.currency_convert_value_box
{
	width:460px;

	margin:15px auto;

	padding:5px;

	border-width:1px;
	border-style:solid;
	border-spacing:0px;
	border-collapse:collapse;
	border-color:gainsboro;
}

.currency_convert_value_line
{
	margin:5px;
}

.currency_convert_value_button_submit
{
	margin:5px 20px 15px;
	padding:5px 20px;

	border-width:1px;
	border-style:solid;
	border-spacing:0px;
	border-collapse:collapse;
	border-color:gainsboro;
	border-radius:8px;

	font-size:18px;
	font-weight:bold;

	float:right;
}
.currency_convert_value_base
{
	font-size:18px;

	float:left;
}
.currency_convert_value_lead
{
	width:100px;
}
.currency_convert_value_lead_value,
.currency_convert_value_lead_convert_list
{
	margin-top:2px;
}


.currency_aligned_number_base
{
	float:left;
}
.currency_aligned_number_whole
{
	width:65px;

	text-align:right;
}
.currency_aligned_number_delimiter
{
	width:8px;

	text-align:center;
}
.currency_aligned_number_decimal_part
{
	width:40px;

	text-align:left;
}


.currency_tendency_day_box
{
	width:220px;
	margin:3px 10px;
	padding:2px 5px;

	background-color:#ececec;

	float:left;
}
.currency_tendency_day_base
{
	margin:0 5px;

	font-size:16px;
	font-weight:normal;

	color:black;

	float:left;
}
.currency_tendency_day_date
{
	width:90px;

	text-align:left;
}
.currency_tendency_day_ratio
{
	width:100px;
	padding:0 5px;

	text-align:right;

	background-color:white;
}

.currency_tendency_overview
{
}

.currency_tendency_canvas
{
	margin:20px auto;
}
.currency_tendency_as_text
{
}