/** * @author Usman Naeem */ .calculator_page_container { box-sizing:border-box; display: inline-block; width: 100%; padding: 0px 18px; } .calculator_list_header_div { box-sizing:border-box; background-color: #0963a9; color: #fff; font-size: 12px; text-align: left; font-weight: normal; padding: 7px 18px; margin: 8px 0 8px 0; width: 100%; box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2); } .calculator_list_header_title { display: inline-block; color: #fff; font-size: 11px; text-align: left; } .calculator_list_div_container { /*background-color: #eee;*/ box-sizing:border-box; display: inline-block; width: 100%; padding: 0px 2px; } .calculator_div { box-sizing:border-box; background-color: #e6e6e6; color: #333; padding: 15px 10px 11px 10px; margin-top: 6px; margin-bottom: 25px; pointer-events: all; width: 100%; font-size: 14px; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4); /*box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);*/ } .calculator_div:hover { background-color: #e6e6e6; color: #000; transform: scaleY(1.0); transform-origin: center; font-size: 14px; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.4); } .calculator_label { width: 100%; box-sizing:border-box; display: inline-block; vertical-align: text-bottom; } .calculator_info { display: inline-block; color: #aaa; font-size: 12px; font-style: italic; text-align: left; padding: 2px 0px; text-decoration: none; } .calculator_result { width: 100%; height: 30px; margin-bottom: 0px; margin-top: 10px; box-sizing:border-box; display: inline-block; color: #555; font-size: 16px; font-weight: 100; text-align: center; padding: 0px 0px 0px 0px; } .calculator_impl_div { box-sizing:border-box; background-color: #f5f5f5; color: #333; padding: 10px 10px 20px 10px; margin-top: 5px; margin-bottom: 0px; pointer-events: all; width: 100%; font-size: 16px; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3); } .position_size_calculator_position_type { float: right; color: #666; font-size: 12px; margin: 7px 2px 5px 10px; } .pip_value_calculator_quantity_types { float: right; color: #666; font-size: 12px; margin: 0px 2px 0px 10px; }