﻿
/** on load **/
select#gauge_measurement_units_from		{display:none;}
select#gauge_measurement_units_to		{display:none;float: left;}

/************************  Calculator 1  **********************/
.jewelry_size_and_weight_converter					{font-size:15px;}
.jewelry_size_and_weight_converter .title			{margin-bottom:20px; font-size:24px; font-weight:300; color:#150d0f;}

#choose-calc										{width:100%; display:table; margin-bottom:15px;}
#choose-calc > div									{float:left;margin-bottom:6px;display: -webkit-inline-box;/* background: #f3f3f3; */border-bottom: solid 1px #aaaaaa40;border-top: solid 1px #aaaaaa40;clear: both;min-width: 400px;padding: 5px;}
label, label + * 										{vertical-align: middle;display: inline-grid;text-align: right;color:#000;}
#choose-calc label									{min-width:192px;}

label#result,.gandsweight-calc											{background: #ec0c4a;text-align: center;font-size: 14px;padding:10px;margin: 10px 0 0;width: 100%;color: #fff;}
#choose-calc input#quantity							{width:40px;min-width: 40px !important;margin: 0px 0px 0px 10px;text-align:center;}
#choose-calc select#measurement_type					{width: 125px;margin:0px 0px 0px 10px;}

.jewelry_size_and_weight_converter .content			{display:table;min-width: 400px;max-width: 458px;padding:20px;background: #f3f3f3;border:#aaa 1px solid;box-sizing:border-box;}
.jewelry_size_and_weight_converter .content	option  {min-width: 142px;padding: 2px 4px;}

.jewelry_size_and_weight_converter .content	option::first-letter{text-transform: uppercase;}

.jewelry_size_and_weight_converter .left_part		{float:left; margin-bottom:15px;}
.jewelry_size_and_weight_converter .right_part		{float:right; margin-bottom:15px;}

#weight_measurement_units_from, #weight_measurement_units_to	{display: none;}
select#length_measurement_units_from,
select#length_measurement_units_to					{min-width:130px;min-height: 217px;background-color:#fff;font-size:13px;overflow-y:  hidden;}
select#weight_measurement_units_from,
select#weight_measurement_units_to					{min-width:130px;min-height: 318px;background-color:#fff;font-size:13px;overflow-y: hidden;}


.result-calc										{clear:both;text-align: center;font-weight: 600;}


@media screen and (max-width: 520px) {
	#choose-calc > div			{float:none;}
	#choose-calc > div label	{width:163px;display:inline-block;text-align: right;font-weight: bold;}
}


/************************  Calculator 2  **********************/
.jewelry_size_and_weight_converter .content .subtitle			{margin-bottom:10px; font-size:17px; font-weight:700; color:#150d0f;}
.jewelry_size_and_weight_converter .part_1						{margin-bottom:15px; padding-bottom:15px; border-bottom:#aaa 1px solid;}
.jewelry_size_and_weight_converter .part_2						{margin-bottom:15px;}
.jewelry_size_and_weight_converter .content input[type="text"]	{width:40px; margin:0px 0px 0px 10px; text-align:center;}
.jewelry_size_and_weight_converter .content input[type="radio"]	{margin-right: 20px;}
/*.jewelry_size_and_weight_converter .part_1 .result-calc			{margin-top:5px; font-weight:700;}*/
.result-calc			{margin-top:5px;font-weight:700;text-align: center;font-size: 14px;padding: 10px;margin: 10px 0 0;width: 100%;color: #fff;}


/************************  Calculator 3  **********************/
.gs-full			{display:table; margin-bottom:15px;}
.gs-full label		{display:table-cell; padding:0px 6px 0px 0px;}
.gs-full select		{display:table-cell;}
.gs-small			{float:left; margin:0px 12px 8px 0px; background:rgba(0,0,0,0.1); padding-left:10px;}
.gs-small-last		{margin:0px 0px 12px 0px;}
.gs-small input		{margin:0px 0px 0px 5px !important;}
.gs-radio			{border:#bbb 1px solid;float:left;text-align: center;padding:6px 0px 6px 0px;margin:0px 0px 12px 0px;width: 100%;background: #fff;}
.gs-radio label		{padding:0px 0px 0px 10px;}
.gs-radio input		{margin:0px 10px 0px 0px !important;}

 