.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    vertical-align:-6px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}
.material-symbols-outlined {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    vertical-align:-6px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}
.material-icons.md-light { color: rgba(220, 220, 220, 1); }
.material-symbols-outlined.md-light { color: rgba(220, 220, 220, 1); }
.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48 }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-96 { font-size: 96px; }
.material-icons.md-128 { font-size: 128px; }
.material-icons.md-160 { font-size: 160px; }
.material-icons.md-240 { font-size: 240px; }
.material-symbols-outlined.md-18 { font-size: 18px; }
.material-symbols-outlined.md-24 { font-size: 24px; }
.material-symbols-outlined.md-36 { font-size: 36px; }
.material-symbols-outlined.md-48 { font-size: 48px; }
.material-symbols-outlined.md-96 { font-size: 96px; }
.material-symbols-outlined.md-128 { font-size: 128px; }
.material-symbols-outlined.md-160 { font-size: 160px; }
.material-symbols-outlined.md-240 { font-size: 240px; }
@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local('Material Icons'),local('MaterialIcons-Regular') }

.p_variable { text-align:left; width:180px; font-size:12px; height:20px; color:#858585; }
.s_p_variable { text-align:left; width:180px; font-size:12px; height:20px; color:#858585; }

.p_value { text-align:right; font-size:14px; height:20px; }
.s_p_value { text-align:right; font-size:14px; height:20px; }

#type_rate, #type_order { font-size:14px; width:100%; height:32px; border:0px; border-radius:0px; outline:none; background-color:#F5F5F5; }
#s_type_rate, #s_type_order { font-size:14px; width:100%; height:32px; border:0px; border-radius:0px; outline:none; background-color:#F5F5F5; }

#rate_minus, #rate_plus, #amount_minus, #amount_plus, #total_minus, #total_plus { text-align:center; font-size:16px; height:36px; border:0px; width:48px; padding-top:0px; }
#s_rate_minus, #s_rate_plus, #s_amount_minus, #s_amount_plus, #s_total_minus, #s_total_plus { text-align:center; font-size:16px; height:36px; border:0px; width:48px; padding-top:0px; }

#input_total, #input_amount, #input_rate { text-align:center; font-size:14px; height:24px; border:0px; width:70%; }
#s_input_total, #s_input_amount, #s_input_rate { text-align:center; font-size:14px; height:24px; border:0px; width:70%; }

#td_order_rate, #td_order_amount, #td_order_total { height:18px; text-align:right; font-size:12px; }
#s_td_order_rate, #s_td_order_amount, #s_td_order_total { height:18px; text-align:right; font-size:12px; }

#send_order_rate, #send_order_amount, #send_order_total { height:28px; text-align:right; font-size:12px; border:0px; }
#s_send_order_rate, #s_send_order_amount, #s_send_order_total { height:28px; text-align:right; font-size:12px; border:0px; }

#bid_0, #bid_1, #bid_2, #bid_3, #bid_4, #bid_5 { color:#2EBD85; width:50%; }
#bid_size_0, #bid_size_1, #bid_size_2, #bid_size_3, #bid_size_4, #bid_size_5, #bid_size_6 { color:#787878; width:50%; text-align:right; }
#s_bid_0, #s_bid_1, #s_bid_2, #s_bid_3, #s_bid_4, #s_bid_5 { color:#2EBD85; width:50%; }
#s_bid_size_0, #s_bid_size_1, #s_bid_size_2, #s_bid_size_3, #s_bid_size_4, #s_bid_size_5, #s_bid_size_6 { color:#787878; width:50%; text-align:right; }

#bid_0, #bid_1, #bid_2, #bid_3, #bid_4, #bid_5 { color:#2EBD85; width:50%; }
#bid_size_0, #bid_size_1, #bid_size_2, #bid_size_3, #bid_size_4, #bid_size_5, #bid_size_6 { color:#787878; width:50%; text-align:right; }
#s_bid_0, #s_bid_1, #s_bid_2, #s_bid_3, #s_bid_4, #s_bid_5 { color:#2EBD85; width:50%; }
#s_bid_size_0, #s_bid_size_1, #s_bid_size_2, #s_bid_size_3, #s_bid_size_4, #s_bid_size_5, #s_bid_size_6 { color:#787878; width:50%; text-align:right; }

#ask_0, #ask_1, #ask_2, #ask_3, #ask_4, #ask_5 { color:#FA4558; width:50%; }
#ask_size_0, #ask_size_1, #ask_size_2, #ask_size_3, #ask_size_4, #ask_size_5, #ask_size_6 { color:#787878; width:50%; text-align:right; }
#s_ask_0, #s_ask_1, #s_ask_2, #s_ask_3, #s_ask_4, #s_ask_5 { color:#FA4558; width:50%; }
#s_ask_size_0, #s_ask_size_1, #s_ask_size_2, #s_ask_size_3, #s_ask_size_4, #s_ask_size_5, #s_ask_size_6 { color:#787878; width:50%; text-align:right; }

#bid_row_0:hover, #bid_row_1:hover, #bid_row_2:hover, #bid_row_3:hover, #bid_row_4:hover, #bid_row_5:hover, #bid_row_6:hover { background-color:#E9F8F3; }
#ask_row_0:hover, #ask_row_1:hover, #ask_row_2:hover, #ask_row_3:hover, #ask_row_4:hover, #ask_row_5:hover, #ask_row_6:hover { background-color:#FCECEF; }
#s_bid_row_0:hover, #s_bid_row_1:hover, #s_bid_row_2:hover, #s_bid_row_3:hover, #s_bid_row_4:hover, #s_bid_row_5:hover, #s_bid_row_6:hover { background-color:#E9F8F3; }
#s_ask_row_0:hover, #s_ask_row_1:hover, #s_ask_row_2:hover, #s_ask_row_3:hover, #s_ask_row_4:hover, #s_ask_row_5:hover, #s_ask_row_6:hover { background-color:#FCECEF; }