<!doctype html><html><head><style> .chroma { background-color: #ffffff } .chroma .err { background-color: #a848a8 } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } .chroma .hl { display: block; width: 100%;background-color: #e5e5e5 } .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .k { color: #2838b0 } .chroma .kc { color: #444444; font-style: italic } .chroma .kd { color: #2838b0; font-style: italic } .chroma .kn { color: #2838b0 } .chroma .kp { color: #2838b0 } .chroma .kr { color: #2838b0 } .chroma .kt { color: #2838b0; font-style: italic } .chroma .na { color: #388038 } .chroma .nb { color: #388038 } .chroma .bp { font-style: italic } .chroma .nc { color: #287088 } .chroma .no { color: #b85820 } .chroma .nd { color: #287088 } .chroma .ni { color: #709030 } .chroma .ne { color: #908828 } .chroma .nf { color: #785840 } .chroma .fm { color: #b85820 } .chroma .nl { color: #289870 } .chroma .nn { color: #289870 } .chroma .nt { color: #2838b0 } .chroma .nv { color: #b04040 } .chroma .vg { color: #908828 } .chroma .vm { color: #b85820 } .chroma .s { color: #b83838 } .chroma .sa { color: #444444 } .chroma .sb { color: #b83838 } .chroma .sc { color: #a848a8 } .chroma .dl { color: #b85820 } .chroma .sd { color: #b85820; font-style: italic } .chroma .s2 { color: #b83838 } .chroma .se { color: #709030 } .chroma .sh { color: #b83838 } .chroma .si { color: #b83838; text-decoration: underline } .chroma .sx { color: #a848a8 } .chroma .sr { color: #a848a8 } .chroma .s1 { color: #b83838 } .chroma .ss { color: #b83838 } .chroma .m { color: #444444 } .chroma .mb { color: #444444 } .chroma .mf { color: #444444 } .chroma .mh { color: #444444 } .chroma .mi { color: #444444 } .chroma .il { color: #444444 } .chroma .mo { color: #444444 } .chroma .o { color: #666666 } .chroma .ow { color: #a848a8 } .chroma .p { color: #888888 } .chroma .c { color: #888888; font-style: italic } .chroma .ch { color: #287088; font-style: italic } .chroma .cm { color: #888888; font-style: italic } .chroma .c1 { color: #888888; font-style: italic } .chroma .cs { color: #888888; font-style: italic } .chroma .cp { color: #289870 } .chroma .cpf { color: #289870 } .chroma .gd { color: #c02828 } .chroma .ge { font-style: italic } .chroma .gr { color: #c02828 } .chroma .gh { color: #666666 } .chroma .gi { color: #388038 } .chroma .go { color: #666666 } .chroma .gp { color: #444444 } .chroma .gs { font-weight: bold } .chroma .gu { color: #444444 } .chroma .gt { color: #2838b0 } .chroma .gl { text-decoration: underline } .chroma .w { color: #a89028 } .chroma { background-color: #ffffff } .chroma .err { background-color: #a848a8 } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } .chroma .hl { display: block; width: 100%;background-color: #e5e5e5 } .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .k { color: #2838b0 } .chroma .kc { color: #444444; font-style: italic } .chroma .kd { color: #2838b0; font-style: italic } .chroma .kn { color: #2838b0 } .chroma .kp { color: #2838b0 } .chroma .kr { color: #2838b0 } .chroma .kt { color: #2838b0; font-style: italic } .chroma .na { color: #388038 } .chroma .nb { color: #388038 } .chroma .bp { font-style: italic } .chroma .nc { color: #287088 } .chroma .no { color: #b85820 } .chroma .nd { color: #287088 } .chroma .ni { color: #709030 } .chroma .ne { color: #908828 } .chroma .nf { color: #785840 } .chroma .fm { color: #b85820 } .chroma .nl { color: #289870 } .chroma .nn { color: #289870 } .chroma .nt { color: #2838b0 } .chroma .nv { color: #b04040 } .chroma .vg { color: #908828 } .chroma .vm { color: #b85820 } .chroma .s { color: #b83838 } .chroma .sa { color: #444444 } .chroma .sb { color: #b83838 } .chroma .sc { color: #a848a8 } .chroma .dl { color: #b85820 } .chroma .sd { color: #b85820; font-style: italic } .chroma .s2 { color: #b83838 } .chroma .se { color: #709030 } .chroma .sh { color: #b83838 } .chroma .si { color: #b83838; text-decoration: underline } .chroma .sx { color: #a848a8 } .chroma .sr { color: #a848a8 } .chroma .s1 { color: #b83838 } .chroma .ss { color: #b83838 } .chroma .m { color: #444444 } .chroma .mb { color: #444444 } .chroma .mf { color: #444444 } .chroma .mh { color: #444444 } .chroma .mi { color: #444444 } .chroma .il { color: #444444 } .chroma .mo { color: #444444 } .chroma .o { color: #666666 } .chroma .ow { color: #a848a8 } .chroma .p { color: #888888 } .chroma .c { color: #888888; font-style: italic } .chroma .ch { color: #287088; font-style: italic } .chroma .cm { color: #888888; font-style: italic } .chroma .c1 { color: #888888; font-style: italic } .chroma .cs { color: #888888; font-style: italic } .chroma .cp { color: #289870 } .chroma .cpf { color: #289870 } .chroma .gd { color: #c02828 } .chroma .ge { font-style: italic } .chroma .gr { color: #c02828 } .chroma .gh { color: #666666 } .chroma .gi { color: #388038 } .chroma .go { color: #666666 } .chroma .gp { color: #444444 } .chroma .gs { font-weight: bold } .chroma .gu { color: #444444 } .chroma .gt { color: #2838b0 } .chroma .gl { text-decoration: underline } .chroma .w { color: #a89028 } .chroma { background-color: #ffffff } .chroma .err { background-color: #a848a8 } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } .chroma .hl { display: block; width: 100%;background-color: #e5e5e5 } .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .k { color: #2838b0 } .chroma .kc { color: #444444; font-style: italic } .chroma .kd { color: #2838b0; font-style: italic } .chroma .kn { color: #2838b0 } .chroma .kp { color: #2838b0 } .chroma .kr { color: #2838b0 } .chroma .kt { color: #2838b0; font-style: italic } .chroma .na { color: #388038 } .chroma .nb { color: #388038 } .chroma .bp { font-style: italic } .chroma .nc { color: #287088 } .chroma .no { color: #b85820 } .chroma .nd { color: #287088 } .chroma .ni { color: #709030 } .chroma .ne { color: #908828 } .chroma .nf { color: #785840 } .chroma .fm { color: #b85820 } .chroma .nl { color: #289870 } .chroma .nn { color: #289870 } .chroma .nt { color: #2838b0 } .chroma .nv { color: #b04040 } .chroma .vg { color: #908828 } .chroma .vm { color: #b85820 } .chroma .s { color: #b83838 } .chroma .sa { color: #444444 } .chroma .sb { color: #b83838 } .chroma .sc { color: #a848a8 } .chroma .dl { color: #b85820 } .chroma .sd { color: #b85820; font-style: italic } .chroma .s2 { color: #b83838 } .chroma .se { color: #709030 } .chroma .sh { color: #b83838 } .chroma .si { color: #b83838; text-decoration: underline } .chroma .sx { color: #a848a8 } .chroma .sr { color: #a848a8 } .chroma .s1 { color: #b83838 } .chroma .ss { color: #b83838 } .chroma .m { color: #444444 } .chroma .mb { color: #444444 } .chroma .mf { color: #444444 } .chroma .mh { color: #444444 } .chroma .mi { color: #444444 } .chroma .il { color: #444444 } .chroma .mo { color: #444444 } .chroma .o { color: #666666 } .chroma .ow { color: #a848a8 } .chroma .p { color: #888888 } .chroma .c { color: #888888; font-style: italic } .chroma .ch { color: #287088; font-style: italic } .chroma .cm { color: #888888; font-style: italic } .chroma .c1 { color: #888888; font-style: italic } .chroma .cs { color: #888888; font-style: italic } .chroma .cp { color: #289870 } .chroma .cpf { color: #289870 } .chroma .gd { color: #c02828 } .chroma .ge { font-style: italic } .chroma .gr { color: #c02828 } .chroma .gh { color: #666666 } .chroma .gi { color: #388038 } .chroma .go { color: #666666 } .chroma .gp { color: #444444 } .chroma .gs { font-weight: bold } .chroma .gu { color: #444444 } .chroma .gt { color: #2838b0 } .chroma .gl { text-decoration: underline } .chroma .w { color: #a89028 } .chroma { background-color: #ffffff } .chroma .err { background-color: #a848a8 } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } .chroma .hl { display: block; width: 100%;background-color: #e5e5e5 } .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .k { color: #2838b0 } .chroma .kc { color: #444444; font-style: italic } .chroma .kd { color: #2838b0; font-style: italic } .chroma .kn { color: #2838b0 } .chroma .kp { color: #2838b0 } .chroma .kr { color: #2838b0 } .chroma .kt { color: #2838b0; font-style: italic } .chroma .na { color: #388038 } .chroma .nb { color: #388038 } .chroma .bp { font-style: italic } .chroma .nc { color: #287088 } .chroma .no { color: #b85820 } .chroma .nd { color: #287088 } .chroma .ni { color: #709030 } .chroma .ne { color: #908828 } .chroma .nf { color: #785840 } .chroma .fm { color: #b85820 } .chroma .nl { color: #289870 } .chroma .nn { color: #289870 } .chroma .nt { color: #2838b0 } .chroma .nv { color: #b04040 } .chroma .vg { color: #908828 } .chroma .vm { color: #b85820 } .chroma .s { color: #b83838 } .chroma .sa { color: #444444 } .chroma .sb { color: #b83838 } .chroma .sc { color: #a848a8 } .chroma .dl { color: #b85820 } .chroma .sd { color: #b85820; font-style: italic } .chroma .s2 { color: #b83838 } .chroma .se { color: #709030 } .chroma .sh { color: #b83838 } .chroma .si { color: #b83838; text-decoration: underline } .chroma .sx { color: #a848a8 } .chroma .sr { color: #a848a8 } .chroma .s1 { color: #b83838 } .chroma .ss { color: #b83838 } .chroma .m { color: #444444 } .chroma .mb { color: #444444 } .chroma .mf { color: #444444 } .chroma .mh { color: #444444 } .chroma .mi { color: #444444 } .chroma .il { color: #444444 } .chroma .mo { color: #444444 } .chroma .o { color: #666666 } .chroma .ow { color: #a848a8 } .chroma .p { color: #888888 } .chroma .c { color: #888888; font-style: italic } .chroma .ch { color: #287088; font-style: italic } .chroma .cm { color: #888888; font-style: italic } .chroma .c1 { color: #888888; font-style: italic } .chroma .cs { color: #888888; font-style: italic } .chroma .cp { color: #289870 } .chroma .cpf { color: #289870 } .chroma .gd { color: #c02828 } .chroma .ge { font-style: italic } .chroma .gr { color: #c02828 } .chroma .gh { color: #666666 } .chroma .gi { color: #388038 } .chroma .go { color: #666666 } .chroma .gp { color: #444444 } .chroma .gs { font-weight: bold } .chroma .gu { color: #444444 } .chroma .gt { color: #2838b0 } .chroma .gl { text-decoration: underline } .chroma .w { color: #a89028 } .chroma { background-color: #ffffff } .chroma .err { background-color: #a848a8 } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } .chroma .hl { display: block; width: 100%;background-color: #e5e5e5 } .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .k { color: #2838b0 } .chroma .kc { color: #444444; font-style: italic } .chroma .kd { color: #2838b0; font-style: italic } .chroma .kn { color: #2838b0 } .chroma .kp { color: #2838b0 } .chroma .kr { color: #2838b0 } .chroma .kt { color: #2838b0; font-style: italic } .chroma .na { color: #388038 } .chroma .nb { color: #388038 } .chroma .bp { font-style: italic } .chroma .nc { color: #287088 } .chroma .no { color: #b85820 } .chroma .nd { color: #287088 } .chroma .ni { color: #709030 } .chroma .ne { color: #908828 } .chroma .nf { color: #785840 } .chroma .fm { color: #b85820 } .chroma .nl { color: #289870 } .chroma .nn { color: #289870 } .chroma .nt { color: #2838b0 } .chroma .nv { color: #b04040 } .chroma .vg { color: #908828 } .chroma .vm { color: #b85820 } .chroma .s { color: #b83838 } .chroma .sa { color: #444444 } .chroma .sb { color: #b83838 } .chroma .sc { color: #a848a8 } .chroma .dl { color: #b85820 } .chroma .sd { color: #b85820; font-style: italic } .chroma .s2 { color: #b83838 } .chroma .se { color: #709030 } .chroma .sh { color: #b83838 } .chroma .si { color: #b83838; text-decoration: underline } .chroma .sx { color: #a848a8 } .chroma .sr { color: #a848a8 } .chroma .s1 { color: #b83838 } .chroma .ss { color: #b83838 } .chroma .m { color: #444444 } .chroma .mb { color: #444444 } .chroma .mf { color: #444444 } .chroma .mh { color: #444444 } .chroma .mi { color: #444444 } .chroma .il { color: #444444 } .chroma .mo { color: #444444 } .chroma .o { color: #666666 } .chroma .ow { color: #a848a8 } .chroma .p { color: #888888 } .chroma .c { color: #888888; font-style: italic } .chroma .ch { color: #287088; font-style: italic } .chroma .cm { color: #888888; font-style: italic } .chroma .c1 { color: #888888; font-style: italic } .chroma .cs { color: #888888; font-style: italic } .chroma .cp { color: #289870 } .chroma .cpf { color: #289870 } .chroma .gd { color: #c02828 } .chroma .ge { font-style: italic } .chroma .gr { color: #c02828 } .chroma .gh { color: #666666 } .chroma .gi { color: #388038 } .chroma .go { color: #666666 } .chroma .gp { color: #444444 } .chroma .gs { font-weight: bold } .chroma .gu { color: #444444 } .chroma .gt { color: #2838b0 } .chroma .gl { text-decoration: underline } .chroma .w { color: #a89028 } .chroma { background-color: #ffffff } .chroma .err { background-color: #a848a8 } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } .chroma .hl { display: block; width: 100%;background-color: #e5e5e5 } .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .k { color: #2838b0 } .chroma .kc { color: #444444; font-style: italic } .chroma .kd { color: #2838b0; font-style: italic } .chroma .kn { color: #2838b0 } .chroma .kp { color: #2838b0 } .chroma .kr { color: #2838b0 } .chroma .kt { color: #2838b0; font-style: italic } .chroma .na { color: #388038 } .chroma .nb { color: #388038 } .chroma .bp { font-style: italic } .chroma .nc { color: #287088 } .chroma .no { color: #b85820 } .chroma .nd { color: #287088 } .chroma .ni { color: #709030 } .chroma .ne { color: #908828 } .chroma .nf { color: #785840 } .chroma .fm { color: #b85820 } .chroma .nl { color: #289870 } .chroma .nn { color: #289870 } .chroma .nt { color: #2838b0 } .chroma .nv { color: #b04040 } .chroma .vg { color: #908828 } .chroma .vm { color: #b85820 } .chroma .s { color: #b83838 } .chroma .sa { color: #444444 } .chroma .sb { color: #b83838 } .chroma .sc { color: #a848a8 } .chroma .dl { color: #b85820 } .chroma .sd { color: #b85820; font-style: italic } .chroma .s2 { color: #b83838 } .chroma .se { color: #709030 } .chroma .sh { color: #b83838 } .chroma .si { color: #b83838; text-decoration: underline } .chroma .sx { color: #a848a8 } .chroma .sr { color: #a848a8 } .chroma .s1 { color: #b83838 } .chroma .ss { color: #b83838 } .chroma .m { color: #444444 } .chroma .mb { color: #444444 } .chroma .mf { color: #444444 } .chroma .mh { color: #444444 } .chroma .mi { color: #444444 } .chroma .il { color: #444444 } .chroma .mo { color: #444444 } .chroma .o { color: #666666 } .chroma .ow { color: #a848a8 } .chroma .p { color: #888888 } .chroma .c { color: #888888; font-style: italic } .chroma .ch { color: #287088; font-style: italic } .chroma .cm { color: #888888; font-style: italic } .chroma .c1 { color: #888888; font-style: italic } .chroma .cs { color: #888888; font-style: italic } .chroma .cp { color: #289870 } .chroma .cpf { color: #289870 } .chroma .gd { color: #c02828 } .chroma .ge { font-style: italic } .chroma .gr { color: #c02828 } .chroma .gh { color: #666666 } .chroma .gi { color: #388038 } .chroma .go { color: #666666 } .chroma .gp { color: #444444 } .chroma .gs { font-weight: bold } .chroma .gu { color: #444444 } .chroma .gt { color: #2838b0 } .chroma .gl { text-decoration: underline } .chroma .w { color: #a89028 } .chroma { background-color: #ffffff } .chroma .err { background-color: #a848a8 } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } .chroma .hl { display: block; width: 100%;background-color: #e5e5e5 } .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .k { color: #2838b0 } .chroma .kc { color: #444444; font-style: italic } .chroma .kd { color: #2838b0; font-style: italic } .chroma .kn { color: #2838b0 } .chroma .kp { color: #2838b0 } .chroma .kr { color: #2838b0 } .chroma .kt { color: #2838b0; font-style: italic } .chroma .na { color: #388038 } .chroma .nb { color: #388038 } .chroma .bp { font-style: italic } .chroma .nc { color: #287088 } .chroma .no { color: #b85820 } .chroma .nd { color: #287088 } .chroma .ni { color: #709030 } .chroma .ne { color: #908828 } .chroma .nf { color: #785840 } .chroma .fm { color: #b85820 } .chroma .nl { color: #289870 } .chroma .nn { color: #289870 } .chroma .nt { color: #2838b0 } .chroma .nv { color: #b04040 } .chroma .vg { color: #908828 } .chroma .vm { color: #b85820 } .chroma .s { color: #b83838 } .chroma .sa { color: #444444 } .chroma .sb { color: #b83838 } .chroma .sc { color: #a848a8 } .chroma .dl { color: #b85820 } .chroma .sd { color: #b85820; font-style: italic } .chroma .s2 { color: #b83838 } .chroma .se { color: #709030 } .chroma .sh { color: #b83838 } .chroma .si { color: #b83838; text-decoration: underline } .chroma .sx { color: #a848a8 } .chroma .sr { color: #a848a8 } .chroma .s1 { color: #b83838 } .chroma .ss { color: #b83838 } .chroma .m { color: #444444 } .chroma .mb { color: #444444 } .chroma .mf { color: #444444 } .chroma .mh { color: #444444 } .chroma .mi { color: #444444 } .chroma .il { color: #444444 } .chroma .mo { color: #444444 } .chroma .o { color: #666666 } .chroma .ow { color: #a848a8 } .chroma .p { color: #888888 } .chroma .c { color: #888888; font-style: italic } .chroma .ch { color: #287088; font-style: italic } .chroma .cm { color: #888888; font-style: italic } .chroma .c1 { color: #888888; font-style: italic } .chroma .cs { color: #888888; font-style: italic } .chroma .cp { color: #289870 } .chroma .cpf { color: #289870 } .chroma .gd { color: #c02828 } .chroma .ge { font-style: italic } .chroma .gr { color: #c02828 } .chroma .gh { color: #666666 } .chroma .gi { color: #388038 } .chroma .go { color: #666666 } .chroma .gp { color: #444444 } .chroma .gs { font-weight: bold } .chroma .gu { color: #444444 } .chroma .gt { color: #2838b0 } .chroma .gl { text-decoration: underline } .chroma .w { color: #a89028 } .chroma { background-color: #ffffff } .chroma .err { background-color: #a848a8 } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } .chroma .hl { display: block; width: 100%;background-color: #e5e5e5 } .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .k { color: #2838b0 } .chroma .kc { color: #444444; font-style: italic } .chroma .kd { color: #2838b0; font-style: italic } .chroma .kn { color: #2838b0 } .chroma .kp { color: #2838b0 } .chroma .kr { color: #2838b0 } .chroma .kt { color: #2838b0; font-style: italic } .chroma .na { color: #388038 } .chroma .nb { color: #388038 } .chroma .bp { font-style: italic } .chroma .nc { color: #287088 } .chroma .no { color: #b85820 } .chroma .nd { color: #287088 } .chroma .ni { color: #709030 } .chroma .ne { color: #908828 } .chroma .nf { color: #785840 } .chroma .fm { color: #b85820 } .chroma .nl { color: #289870 } .chroma .nn { color: #289870 } .chroma .nt { color: #2838b0 } .chroma .nv { color: #b04040 } .chroma .vg { color: #908828 } .chroma .vm { color: #b85820 } .chroma .s { color: #b83838 } .chroma .sa { color: #444444 } .chroma .sb { color: #b83838 } .chroma .sc { color: #a848a8 } .chroma .dl { color: #b85820 } .chroma .sd { color: #b85820; font-style: italic } .chroma .s2 { color: #b83838 } .chroma .se { color: #709030 } .chroma .sh { color: #b83838 } .chroma .si { color: #b83838; text-decoration: underline } .chroma .sx { color: #a848a8 } .chroma .sr { color: #a848a8 } .chroma .s1 { color: #b83838 } .chroma .ss { color: #b83838 } .chroma .m { color: #444444 } .chroma .mb { color: #444444 } .chroma .mf { color: #444444 } .chroma .mh { color: #444444 } .chroma .mi { color: #444444 } .chroma .il { color: #444444 } .chroma .mo { color: #444444 } .chroma .o { color: #666666 } .chroma .ow { color: #a848a8 } .chroma .p { color: #888888 } .chroma .c { color: #888888; font-style: italic } .chroma .ch { color: #287088; font-style: italic } .chroma .cm { color: #888888; font-style: italic } .chroma .c1 { color: #888888; font-style: italic } .chroma .cs { color: #888888; font-style: italic } .chroma .cp { color: #289870 } .chroma .cpf { color: #289870 } .chroma .gd { color: #c02828 } .chroma .ge { font-style: italic } .chroma .gr { color: #c02828 } .chroma .gh { color: #666666 } .chroma .gi { color: #388038 } .chroma .go { color: #666666 } .chroma .gp { color: #444444 } .chroma .gs { font-weight: bold } .chroma .gu { color: #444444 } .chroma .gt { color: #2838b0 } .chroma .gl { text-decoration: underline } .chroma .w { color: #a89028 } .chroma { background-color: #ffffff } .chroma .err { background-color: #a848a8 } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } .chroma .hl { display: block; width: 100%;background-color: #e5e5e5 } .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .k { color: #2838b0 } .chroma .kc { color: #444444; font-style: italic } .chroma .kd { color: #2838b0; font-style: italic } .chroma .kn { color: #2838b0 } .chroma .kp { color: #2838b0 } .chroma .kr { color: #2838b0 } .chroma .kt { color: #2838b0; font-style: italic } .chroma .na { color: #388038 } .chroma .nb { color: #388038 } .chroma .bp { font-style: italic } .chroma .nc { color: #287088 } .chroma .no { color: #b85820 } .chroma .nd { color: #287088 } .chroma .ni { color: #709030 } .chroma .ne { color: #908828 } .chroma .nf { color: #785840 } .chroma .fm { color: #b85820 } .chroma .nl { color: #289870 } .chroma .nn { color: #289870 } .chroma .nt { color: #2838b0 } .chroma .nv { color: #b04040 } .chroma .vg { color: #908828 } .chroma .vm { color: #b85820 } .chroma .s { color: #b83838 } .chroma .sa { color: #444444 } .chroma .sb { color: #b83838 } .chroma .sc { color: #a848a8 } .chroma .dl { color: #b85820 } .chroma .sd { color: #b85820; font-style: italic } .chroma .s2 { color: #b83838 } .chroma .se { color: #709030 } .chroma .sh { color: #b83838 } .chroma .si { color: #b83838; text-decoration: underline } .chroma .sx { color: #a848a8 } .chroma .sr { color: #a848a8 } .chroma .s1 { color: #b83838 } .chroma .ss { color: #b83838 } .chroma .m { color: #444444 } .chroma .mb { color: #444444 } .chroma .mf { color: #444444 } .chroma .mh { color: #444444 } .chroma .mi { color: #444444 } .chroma .il { color: #444444 } .chroma .mo { color: #444444 } .chroma .o { color: #666666 } .chroma .ow { color: #a848a8 } .chroma .p { color: #888888 } .chroma .c { color: #888888; font-style: italic } .chroma .ch { color: #287088; font-style: italic } .chroma .cm { color: #888888; font-style: italic } .chroma .c1 { color: #888888; font-style: italic } .chroma .cs { color: #888888; font-style: italic } .chroma .cp { color: #289870 } .chroma .cpf { color: #289870 } .chroma .gd { color: #c02828 } .chroma .ge { font-style: italic } .chroma .gr { color: #c02828 } .chroma .gh { color: #666666 } .chroma .gi { color: #388038 } .chroma .go { color: #666666 } .chroma .gp { color: #444444 } .chroma .gs { font-weight: bold } .chroma .gu { color: #444444 } .chroma .gt { color: #2838b0 } .chroma .gl { text-decoration: underline } .chroma .w { color: #a89028 } .chroma { background-color: #ffffff } .chroma .err { background-color: #a848a8 } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } .chroma .hl { display: block; width: 100%;background-color: #e5e5e5 } .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .k { color: #2838b0 } .chroma .kc { color: #444444; font-style: italic } .chroma .kd { color: #2838b0; font-style: italic } .chroma .kn { color: #2838b0 } .chroma .kp { color: #2838b0 } .chroma .kr { color: #2838b0 } .chroma .kt { color: #2838b0; font-style: italic } .chroma .na { color: #388038 } .chroma .nb { color: #388038 } .chroma .bp { font-style: italic } .chroma .nc { color: #287088 } .chroma .no { color: #b85820 } .chroma .nd { color: #287088 } .chroma .ni { color: #709030 } .chroma .ne { color: #908828 } .chroma .nf { color: #785840 } .chroma .fm { color: #b85820 } .chroma .nl { color: #289870 } .chroma .nn { color: #289870 } .chroma .nt { color: #2838b0 } .chroma .nv { color: #b04040 } .chroma .vg { color: #908828 } .chroma .vm { color: #b85820 } .chroma .s { color: #b83838 } .chroma .sa { color: #444444 } .chroma .sb { color: #b83838 } .chroma .sc { color: #a848a8 } .chroma .dl { color: #b85820 } .chroma .sd { color: #b85820; font-style: italic } .chroma .s2 { color: #b83838 } .chroma .se { color: #709030 } .chroma .sh { color: #b83838 } .chroma .si { color: #b83838; text-decoration: underline } .chroma .sx { color: #a848a8 } .chroma .sr { color: #a848a8 } .chroma .s1 { color: #b83838 } .chroma .ss { color: #b83838 } .chroma .m { color: #444444 } .chroma .mb { color: #444444 } .chroma .mf { color: #444444 } .chroma .mh { color: #444444 } .chroma .mi { color: #444444 } .chroma .il { color: #444444 } .chroma .mo { color: #444444 } .chroma .o { color: #666666 } .chroma .ow { color: #a848a8 } .chroma .p { color: #888888 } .chroma .c { color: #888888; font-style: italic } .chroma .ch { color: #287088; font-style: italic } .chroma .cm { color: #888888; font-style: italic } .chroma .c1 { color: #888888; font-style: italic } .chroma .cs { color: #888888; font-style: italic } .chroma .cp { color: #289870 } .chroma .cpf { color: #289870 } .chroma .gd { color: #c02828 } .chroma .ge { font-style: italic } .chroma .gr { color: #c02828 } .chroma .gh { color: #666666 } .chroma .gi { color: #388038 } .chroma .go { color: #666666 } .chroma .gp { color: #444444 } .chroma .gs { font-weight: bold } .chroma .gu { color: #444444 } .chroma .gt { color: #2838b0 } .chroma .gl { text-decoration: underline } .chroma .w { color: #a89028 } .chroma { background-color: #ffffff } .chroma .err { background-color: #a848a8 } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } .chroma .hl { display: block; width: 100%;background-color: #e5e5e5 } .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .k { color: #2838b0 } .chroma .kc { color: #444444; font-style: italic } .chroma .kd { color: #2838b0; font-style: italic } .chroma .kn { color: #2838b0 } .chroma .kp { color: #2838b0 } .chroma .kr { color: #2838b0 } .chroma .kt { color: #2838b0; font-style: italic } .chroma .na { color: #388038 } .chroma .nb { color: #388038 } .chroma .bp { font-style: italic } .chroma .nc { color: #287088 } .chroma .no { color: #b85820 } .chroma .nd { color: #287088 } .chroma .ni { color: #709030 } .chroma .ne { color: #908828 } .chroma .nf { color: #785840 } .chroma .fm { color: #b85820 } .chroma .nl { color: #289870 } .chroma .nn { color: #289870 } .chroma .nt { color: #2838b0 } .chroma .nv { color: #b04040 } .chroma .vg { color: #908828 } .chroma .vm { color: #b85820 } .chroma .s { color: #b83838 } .chroma .sa { color: #444444 } .chroma .sb { color: #b83838 } .chroma .sc { color: #a848a8 } .chroma .dl { color: #b85820 } .chroma .sd { color: #b85820; font-style: italic } .chroma .s2 { color: #b83838 } .chroma .se { color: #709030 } .chroma .sh { color: #b83838 } .chroma .si { color: #b83838; text-decoration: underline } .chroma .sx { color: #a848a8 } .chroma .sr { color: #a848a8 } .chroma .s1 { color: #b83838 } .chroma .ss { color: #b83838 } .chroma .m { color: #444444 } .chroma .mb { color: #444444 } .chroma .mf { color: #444444 } .chroma .mh { color: #444444 } .chroma .mi { color: #444444 } .chroma .il { color: #444444 } .chroma .mo { color: #444444 } .chroma .o { color: #666666 } .chroma .ow { color: #a848a8 } .chroma .p { color: #888888 } .chroma .c { color: #888888; font-style: italic } .chroma .ch { color: #287088; font-style: italic } .chroma .cm { color: #888888; font-style: italic } .chroma .c1 { color: #888888; font-style: italic } .chroma .cs { color: #888888; font-style: italic } .chroma .cp { color: #289870 } .chroma .cpf { color: #289870 } .chroma .gd { color: #c02828 } .chroma .ge { font-style: italic } .chroma .gr { color: #c02828 } .chroma .gh { color: #666666 } .chroma .gi { color: #388038 } .chroma .go { color: #666666 } .chroma .gp { color: #444444 } .chroma .gs { font-weight: bold } .chroma .gu { color: #444444 } .chroma .gt { color: #2838b0 } .chroma .gl { text-decoration: underline } .chroma .w { color: #a89028 } .chroma { background-color: #ffffff } .chroma .err { background-color: #a848a8 } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } .chroma .hl { display: block; width: 100%;background-color: #e5e5e5 } .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .k { color: #2838b0 } .chroma .kc { color: #444444; font-style: italic } .chroma .kd { color: #2838b0; font-style: italic } .chroma .kn { color: #2838b0 } .chroma .kp { color: #2838b0 } .chroma .kr { color: #2838b0 } .chroma .kt { color: #2838b0; font-style: italic } .chroma .na { color: #388038 } .chroma .nb { color: #388038 } .chroma .bp { font-style: italic } .chroma .nc { color: #287088 } .chroma .no { color: #b85820 } .chroma .nd { color: #287088 } .chroma .ni { color: #709030 } .chroma .ne { color: #908828 } .chroma .nf { color: #785840 } .chroma .fm { color: #b85820 } .chroma .nl { color: #289870 } .chroma .nn { color: #289870 } .chroma .nt { color: #2838b0 } .chroma .nv { color: #b04040 } .chroma .vg { color: #908828 } .chroma .vm { color: #b85820 } .chroma .s { color: #b83838 } .chroma .sa { color: #444444 } .chroma .sb { color: #b83838 } .chroma .sc { color: #a848a8 } .chroma .dl { color: #b85820 } .chroma .sd { color: #b85820; font-style: italic } .chroma .s2 { color: #b83838 } .chroma .se { color: #709030 } .chroma .sh { color: #b83838 } .chroma .si { color: #b83838; text-decoration: underline } .chroma .sx { color: #a848a8 } .chroma .sr { color: #a848a8 } .chroma .s1 { color: #b83838 } .chroma .ss { color: #b83838 } .chroma .m { color: #444444 } .chroma .mb { color: #444444 } .chroma .mf { color: #444444 } .chroma .mh { color: #444444 } .chroma .mi { color: #444444 } .chroma .il { color: #444444 } .chroma .mo { color: #444444 } .chroma .o { color: #666666 } .chroma .ow { color: #a848a8 } .chroma .p { color: #888888 } .chroma .c { color: #888888; font-style: italic } .chroma .ch { color: #287088; font-style: italic } .chroma .cm { color: #888888; font-style: italic } .chroma .c1 { color: #888888; font-style: italic } .chroma .cs { color: #888888; font-style: italic } .chroma .cp { color: #289870 } .chroma .cpf { color: #289870 } .chroma .gd { color: #c02828 } .chroma .ge { font-style: italic } .chroma .gr { color: #c02828 } .chroma .gh { color: #666666 } .chroma .gi { color: #388038 } .chroma .go { color: #666666 } .chroma .gp { color: #444444 } .chroma .gs { font-weight: bold } .chroma .gu { color: #444444 } .chroma .gt { color: #2838b0 } .chroma .gl { text-decoration: underline } .chroma .w { color: #a89028 } .chroma { background-color: #ffffff } .chroma .err { background-color: #a848a8 } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } .chroma .hl { display: block; width: 100%;background-color: #e5e5e5 } .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .k { color: #2838b0 } .chroma .kc { color: #444444; font-style: italic } .chroma .kd { color: #2838b0; font-style: italic } .chroma .kn { color: #2838b0 } .chroma .kp { color: #2838b0 } .chroma .kr { color: #2838b0 } .chroma .kt { color: #2838b0; font-style: italic } .chroma .na { color: #388038 } .chroma .nb { color: #388038 } .chroma .bp { font-style: italic } .chroma .nc { color: #287088 } .chroma .no { color: #b85820 } .chroma .nd { color: #287088 } .chroma .ni { color: #709030 } .chroma .ne { color: #908828 } .chroma .nf { color: #785840 } .chroma .fm { color: #b85820 } .chroma .nl { color: #289870 } .chroma .nn { color: #289870 } .chroma .nt { color: #2838b0 } .chroma .nv { color: #b04040 } .chroma .vg { color: #908828 } .chroma .vm { color: #b85820 } .chroma .s { color: #b83838 } .chroma .sa { color: #444444 } .chroma .sb { color: #b83838 } .chroma .sc { color: #a848a8 } .chroma .dl { color: #b85820 } .chroma .sd { color: #b85820; font-style: italic } .chroma .s2 { color: #b83838 } .chroma .se { color: #709030 } .chroma .sh { color: #b83838 } .chroma .si { color: #b83838; text-decoration: underline } .chroma .sx { color: #a848a8 } .chroma .sr { color: #a848a8 } .chroma .s1 { color: #b83838 } .chroma .ss { color: #b83838 } .chroma .m { color: #444444 } .chroma .mb { color: #444444 } .chroma .mf { color: #444444 } .chroma .mh { color: #444444 } .chroma .mi { color: #444444 } .chroma .il { color: #444444 } .chroma .mo { color: #444444 } .chroma .o { color: #666666 } .chroma .ow { color: #a848a8 } .chroma .p { color: #888888 } .chroma .c { color: #888888; font-style: italic } .chroma .ch { color: #287088; font-style: italic } .chroma .cm { color: #888888; font-style: italic } .chroma .c1 { color: #888888; font-style: italic } .chroma .cs { color: #888888; font-style: italic } .chroma .cp { color: #289870 } .chroma .cpf { color: #289870 } .chroma .gd { color: #c02828 } .chroma .ge { font-style: italic } .chroma .gr { color: #c02828 } .chroma .gh { color: #666666 } .chroma .gi { color: #388038 } .chroma .go { color: #666666 } .chroma .gp { color: #444444 } .chroma .gs { font-weight: bold } .chroma .gu { color: #444444 } .chroma .gt { color: #2838b0 } .chroma .gl { text-decoration: underline } .chroma .w { color: #a89028 } .chroma { background-color: #ffffff } .chroma .err { background-color: #a848a8 } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } .chroma .hl { display: block; width: 100%;background-color: #e5e5e5 } .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .k { color: #2838b0 } .chroma .kc { color: #444444; font-style: italic } .chroma .kd { color: #2838b0; font-style: italic } .chroma .kn { color: #2838b0 } .chroma .kp { color: #2838b0 } .chroma .kr { color: #2838b0 } .chroma .kt { color: #2838b0; font-style: italic } .chroma .na { color: #388038 } .chroma .nb { color: #388038 } .chroma .bp { font-style: italic } .chroma .nc { color: #287088 } .chroma .no { color: #b85820 } .chroma .nd { color: #287088 } .chroma .ni { color: #709030 } .chroma .ne { color: #908828 } .chroma .nf { color: #785840 } .chroma .fm { color: #b85820 } .chroma .nl { color: #289870 } .chroma .nn { color: #289870 } .chroma .nt { color: #2838b0 } .chroma .nv { color: #b04040 } .chroma .vg { color: #908828 } .chroma .vm { color: #b85820 } .chroma .s { color: #b83838 } .chroma .sa { color: #444444 } .chroma .sb { color: #b83838 } .chroma .sc { color: #a848a8 } .chroma .dl { color: #b85820 } .chroma .sd { color: #b85820; font-style: italic } .chroma .s2 { color: #b83838 } .chroma .se { color: #709030 } .chroma .sh { color: #b83838 } .chroma .si { color: #b83838; text-decoration: underline } .chroma .sx { color: #a848a8 } .chroma .sr { color: #a848a8 } .chroma .s1 { color: #b83838 } .chroma .ss { color: #b83838 } .chroma .m { color: #444444 } .chroma .mb { color: #444444 } .chroma .mf { color: #444444 } .chroma .mh { color: #444444 } .chroma .mi { color: #444444 } .chroma .il { color: #444444 } .chroma .mo { color: #444444 } .chroma .o { color: #666666 } .chroma .ow { color: #a848a8 } .chroma .p { color: #888888 } .chroma .c { color: #888888; font-style: italic } .chroma .ch { color: #287088; font-style: italic } .chroma .cm { color: #888888; font-style: italic } .chroma .c1 { color: #888888; font-style: italic } .chroma .cs { color: #888888; font-style: italic } .chroma .cp { color: #289870 } .chroma .cpf { color: #289870 } .chroma .gd { color: #c02828 } .chroma .ge { font-style: italic } .chroma .gr { color: #c02828 } .chroma .gh { color: #666666 } .chroma .gi { color: #388038 } .chroma .go { color: #666666 } .chroma .gp { color: #444444 } .chroma .gs { font-weight: bold } .chroma .gu { color: #444444 } .chroma .gt { color: #2838b0 } .chroma .gl { text-decoration: underline } .chroma .w { color: #a89028 } .chroma { background-color: #ffffff } .chroma .err { background-color: #a848a8 } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } .chroma .hl { display: block; width: 100%;background-color: #e5e5e5 } .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .k { color: #2838b0 } .chroma .kc { color: #444444; font-style: italic } .chroma .kd { color: #2838b0; font-style: italic } .chroma .kn { color: #2838b0 } .chroma .kp { color: #2838b0 } .chroma .kr { color: #2838b0 } .chroma .kt { color: #2838b0; font-style: italic } .chroma .na { color: #388038 } .chroma .nb { color: #388038 } .chroma .bp { font-style: italic } .chroma .nc { color: #287088 } .chroma .no { color: #b85820 } .chroma .nd { color: #287088 } .chroma .ni { color: #709030 } .chroma .ne { color: #908828 } .chroma .nf { color: #785840 } .chroma .fm { color: #b85820 } .chroma .nl { color: #289870 } .chroma .nn { color: #289870 } .chroma .nt { color: #2838b0 } .chroma .nv { color: #b04040 } .chroma .vg { color: #908828 } .chroma .vm { color: #b85820 } .chroma .s { color: #b83838 } .chroma .sa { color: #444444 } .chroma .sb { color: #b83838 } .chroma .sc { color: #a848a8 } .chroma .dl { color: #b85820 } .chroma .sd { color: #b85820; font-style: italic } .chroma .s2 { color: #b83838 } .chroma .se { color: #709030 } .chroma .sh { color: #b83838 } .chroma .si { color: #b83838; text-decoration: underline } .chroma .sx { color: #a848a8 } .chroma .sr { color: #a848a8 } .chroma .s1 { color: #b83838 } .chroma .ss { color: #b83838 } .chroma .m { color: #444444 } .chroma .mb { color: #444444 } .chroma .mf { color: #444444 } .chroma .mh { color: #444444 } .chroma .mi { color: #444444 } .chroma .il { color: #444444 } .chroma .mo { color: #444444 } .chroma .o { color: #666666 } .chroma .ow { color: #a848a8 } .chroma .p { color: #888888 } .chroma .c { color: #888888; font-style: italic } .chroma .ch { color: #287088; font-style: italic } .chroma .cm { color: #888888; font-style: italic } .chroma .c1 { color: #888888; font-style: italic } .chroma .cs { color: #888888; font-style: italic } .chroma .cp { color: #289870 } .chroma .cpf { color: #289870 } .chroma .gd { color: #c02828 } .chroma .ge { font-style: italic } .chroma .gr { color: #c02828 } .chroma .gh { color: #666666 } .chroma .gi { color: #388038 } .chroma .go { color: #666666 } .chroma .gp { color: #444444 } .chroma .gs { font-weight: bold } .chroma .gu { color: #444444 } .chroma .gt { color: #2838b0 } .chroma .gl { text-decoration: underline } .chroma .w { color: #a89028 } .chroma { background-color: #ffffff } .chroma .err { background-color: #a848a8 } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } .chroma .hl { display: block; width: 100%;background-color: #e5e5e5 } .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .k { color: #2838b0 } .chroma .kc { color: #444444; font-style: italic } .chroma .kd { color: #2838b0; font-style: italic } .chroma .kn { color: #2838b0 } .chroma .kp { color: #2838b0 } .chroma .kr { color: #2838b0 } .chroma .kt { color: #2838b0; font-style: italic } .chroma .na { color: #388038 } .chroma .nb { color: #388038 } .chroma .bp { font-style: italic } .chroma .nc { color: #287088 } .chroma .no { color: #b85820 } .chroma .nd { color: #287088 } .chroma .ni { color: #709030 } .chroma .ne { color: #908828 } .chroma .nf { color: #785840 } .chroma .fm { color: #b85820 } .chroma .nl { color: #289870 } .chroma .nn { color: #289870 } .chroma .nt { color: #2838b0 } .chroma .nv { color: #b04040 } .chroma .vg { color: #908828 } .chroma .vm { color: #b85820 } .chroma .s { color: #b83838 } .chroma .sa { color: #444444 } .chroma .sb { color: #b83838 } .chroma .sc { color: #a848a8 } .chroma .dl { color: #b85820 } .chroma .sd { color: #b85820; font-style: italic } .chroma .s2 { color: #b83838 } .chroma .se { color: #709030 } .chroma .sh { color: #b83838 } .chroma .si { color: #b83838; text-decoration: underline } .chroma .sx { color: #a848a8 } .chroma .sr { color: #a848a8 } .chroma .s1 { color: #b83838 } .chroma .ss { color: #b83838 } .chroma .m { color: #444444 } .chroma .mb { color: #444444 } .chroma .mf { color: #444444 } .chroma .mh { color: #444444 } .chroma .mi { color: #444444 } .chroma .il { color: #444444 } .chroma .mo { color: #444444 } .chroma .o { color: #666666 } .chroma .ow { color: #a848a8 } .chroma .p { color: #888888 } .chroma .c { color: #888888; font-style: italic } .chroma .ch { color: #287088; font-style: italic } .chroma .cm { color: #888888; font-style: italic } .chroma .c1 { color: #888888; font-style: italic } .chroma .cs { color: #888888; font-style: italic } .chroma .cp { color: #289870 } .chroma .cpf { color: #289870 } .chroma .gd { color: #c02828 } .chroma .ge { font-style: italic } .chroma .gr { color: #c02828 } .chroma .gh { color: #666666 } .chroma .gi { color: #388038 } .chroma .go { color: #666666 } .chroma .gp { color: #444444 } .chroma .gs { font-weight: bold } .chroma .gu { color: #444444 } .chroma .gt { color: #2838b0 } .chroma .gl { text-decoration: underline } .chroma .w { color: #a89028 } .chroma { background-color: #ffffff } .chroma .err { background-color: #a848a8 } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } .chroma .hl { display: block; width: 100%;background-color: #e5e5e5 } .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .k { color: #2838b0 } .chroma .kc { color: #444444; font-style: italic } .chroma .kd { color: #2838b0; font-style: italic } .chroma .kn { color: #2838b0 } .chroma .kp { color: #2838b0 } .chroma .kr { color: #2838b0 } .chroma .kt { color: #2838b0; font-style: italic } .chroma .na { color: #388038 } .chroma .nb { color: #388038 } .chroma .bp { font-style: italic } .chroma .nc { color: #287088 } .chroma .no { color: #b85820 } .chroma .nd { color: #287088 } .chroma .ni { color: #709030 } .chroma .ne { color: #908828 } .chroma .nf { color: #785840 } .chroma .fm { color: #b85820 } .chroma .nl { color: #289870 } .chroma .nn { color: #289870 } .chroma .nt { color: #2838b0 } .chroma .nv { color: #b04040 } .chroma .vg { color: #908828 } .chroma .vm { color: #b85820 } .chroma .s { color: #b83838 } .chroma .sa { color: #444444 } .chroma .sb { color: #b83838 } .chroma .sc { color: #a848a8 } .chroma .dl { color: #b85820 } .chroma .sd { color: #b85820; font-style: italic } .chroma .s2 { color: #b83838 } .chroma .se { color: #709030 } .chroma .sh { color: #b83838 } .chroma .si { color: #b83838; text-decoration: underline } .chroma .sx { color: #a848a8 } .chroma .sr { color: #a848a8 } .chroma .s1 { color: #b83838 } .chroma .ss { color: #b83838 } .chroma .m { color: #444444 } .chroma .mb { color: #444444 } .chroma .mf { color: #444444 } .chroma .mh { color: #444444 } .chroma .mi { color: #444444 } .chroma .il { color: #444444 } .chroma .mo { color: #444444 } .chroma .o { color: #666666 } .chroma .ow { color: #a848a8 } .chroma .p { color: #888888 } .chroma .c { color: #888888; font-style: italic } .chroma .ch { color: #287088; font-style: italic } .chroma .cm { color: #888888; font-style: italic } .chroma .c1 { color: #888888; font-style: italic } .chroma .cs { color: #888888; font-style: italic } .chroma .cp { color: #289870 } .chroma .cpf { color: #289870 } .chroma .gd { color: #c02828 } .chroma .ge { font-style: italic } .chroma .gr { color: #c02828 } .chroma .gh { color: #666666 } .chroma .gi { color: #388038 } .chroma .go { color: #666666 } .chroma .gp { color: #444444 } .chroma .gs { font-weight: bold } .chroma .gu { color: #444444 } .chroma .gt { color: #2838b0 } .chroma .gl { text-decoration: underline } .chroma .w { color: #a89028 } .chroma { background-color: #ffffff } .chroma .err { background-color: #a848a8 } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } .chroma .hl { display: block; width: 100%;background-color: #e5e5e5 } .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .k { color: #2838b0 } .chroma .kc { color: #444444; font-style: italic } .chroma .kd { color: #2838b0; font-style: italic } .chroma .kn { color: #2838b0 } .chroma .kp { color: #2838b0 } .chroma .kr { color: #2838b0 } .chroma .kt { color: #2838b0; font-style: italic } .chroma .na { color: #388038 } .chroma .nb { color: #388038 } .chroma .bp { font-style: italic } .chroma .nc { color: #287088 } .chroma .no { color: #b85820 } .chroma .nd { color: #287088 } .chroma .ni { color: #709030 } .chroma .ne { color: #908828 } .chroma .nf { color: #785840 } .chroma .fm { color: #b85820 } .chroma .nl { color: #289870 } .chroma .nn { color: #289870 } .chroma .nt { color: #2838b0 } .chroma .nv { color: #b04040 } .chroma .vg { color: #908828 } .chroma .vm { color: #b85820 } .chroma .s { color: #b83838 } .chroma .sa { color: #444444 } .chroma .sb { color: #b83838 } .chroma .sc { color: #a848a8 } .chroma .dl { color: #b85820 } .chroma .sd { color: #b85820; font-style: italic } .chroma .s2 { color: #b83838 } .chroma .se { color: #709030 } .chroma .sh { color: #b83838 } .chroma .si { color: #b83838; text-decoration: underline } .chroma .sx { color: #a848a8 } .chroma .sr { color: #a848a8 } .chroma .s1 { color: #b83838 } .chroma .ss { color: #b83838 } .chroma .m { color: #444444 } .chroma .mb { color: #444444 } .chroma .mf { color: #444444 } .chroma .mh { color: #444444 } .chroma .mi { color: #444444 } .chroma .il { color: #444444 } .chroma .mo { color: #444444 } .chroma .o { color: #666666 } .chroma .ow { color: #a848a8 } .chroma .p { color: #888888 } .chroma .c { color: #888888; font-style: italic } .chroma .ch { color: #287088; font-style: italic } .chroma .cm { color: #888888; font-style: italic } .chroma .c1 { color: #888888; font-style: italic } .chroma .cs { color: #888888; font-style: italic } .chroma .cp { color: #289870 } .chroma .cpf { color: #289870 } .chroma .gd { color: #c02828 } .chroma .ge { font-style: italic } .chroma .gr { color: #c02828 } .chroma .gh { color: #666666 } .chroma .gi { color: #388038 } .chroma .go { color: #666666 } .chroma .gp { color: #444444 } .chroma .gs { font-weight: bold } .chroma .gu { color: #444444 } .chroma .gt { color: #2838b0 } .chroma .gl { text-decoration: underline } .chroma .w { color: #a89028 } .chroma { background-color: #ffffff } .chroma .err { background-color: #a848a8 } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } .chroma .hl { display: block; width: 100%;background-color: #e5e5e5 } .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .k { color: #2838b0 } .chroma .kc { color: #444444; font-style: italic } .chroma .kd { color: #2838b0; font-style: italic } .chroma .kn { color: #2838b0 } .chroma .kp { color: #2838b0 } .chroma .kr { color: #2838b0 } .chroma .kt { color: #2838b0; font-style: italic } .chroma .na { color: #388038 } .chroma .nb { color: #388038 } .chroma .bp { font-style: italic } .chroma .nc { color: #287088 } .chroma .no { color: #b85820 } .chroma .nd { color: #287088 } .chroma .ni { color: #709030 } .chroma .ne { color: #908828 } .chroma .nf { color: #785840 } .chroma .fm { color: #b85820 } .chroma .nl { color: #289870 } .chroma .nn { color: #289870 } .chroma .nt { color: #2838b0 } .chroma .nv { color: #b04040 } .chroma .vg { color: #908828 } .chroma .vm { color: #b85820 } .chroma .s { color: #b83838 } .chroma .sa { color: #444444 } .chroma .sb { color: #b83838 } .chroma .sc { color: #a848a8 } .chroma .dl { color: #b85820 } .chroma .sd { color: #b85820; font-style: italic } .chroma .s2 { color: #b83838 } .chroma .se { color: #709030 } .chroma .sh { color: #b83838 } .chroma .si { color: #b83838; text-decoration: underline } .chroma .sx { color: #a848a8 } .chroma .sr { color: #a848a8 } .chroma .s1 { color: #b83838 } .chroma .ss { color: #b83838 } .chroma .m { color: #444444 } .chroma .mb { color: #444444 } .chroma .mf { color: #444444 } .chroma .mh { color: #444444 } .chroma .mi { color: #444444 } .chroma .il { color: #444444 } .chroma .mo { color: #444444 } .chroma .o { color: #666666 } .chroma .ow { color: #a848a8 } .chroma .p { color: #888888 } .chroma .c { color: #888888; font-style: italic } .chroma .ch { color: #287088; font-style: italic } .chroma .cm { color: #888888; font-style: italic } .chroma .c1 { color: #888888; font-style: italic } .chroma .cs { color: #888888; font-style: italic } .chroma .cp { color: #289870 } .chroma .cpf { color: #289870 } .chroma .gd { color: #c02828 } .chroma .ge { font-style: italic } .chroma .gr { color: #c02828 } .chroma .gh { color: #666666 } .chroma .gi { color: #388038 } .chroma .go { color: #666666 } .chroma .gp { color: #444444 } .chroma .gs { font-weight: bold } .chroma .gu { color: #444444 } .chroma .gt { color: #2838b0 } .chroma .gl { text-decoration: underline } .chroma .w { color: #a89028 } .chroma { background-color: #ffffff } .chroma .err { background-color: #a848a8 } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } .chroma .hl { display: block; width: 100%;background-color: #e5e5e5 } .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .k { color: #2838b0 } .chroma .kc { color: #444444; font-style: italic } .chroma .kd { color: #2838b0; font-style: italic } .chroma .kn { color: #2838b0 } .chroma .kp { color: #2838b0 } .chroma .kr { color: #2838b0 } .chroma .kt { color: #2838b0; font-style: italic } .chroma .na { color: #388038 } .chroma .nb { color: #388038 } .chroma .bp { font-style: italic } .chroma .nc { color: #287088 } .chroma .no { color: #b85820 } .chroma .nd { color: #287088 } .chroma .ni { color: #709030 } .chroma .ne { color: #908828 } .chroma .nf { color: #785840 } .chroma .fm { color: #b85820 } .chroma .nl { color: #289870 } .chroma .nn { color: #289870 } .chroma .nt { color: #2838b0 } .chroma .nv { color: #b04040 } .chroma .vg { color: #908828 } .chroma .vm { color: #b85820 } .chroma .s { color: #b83838 } .chroma .sa { color: #444444 } .chroma .sb { color: #b83838 } .chroma .sc { color: #a848a8 } .chroma .dl { color: #b85820 } .chroma .sd { color: #b85820; font-style: italic } .chroma .s2 { color: #b83838 } .chroma .se { color: #709030 } .chroma .sh { color: #b83838 } .chroma .si { color: #b83838; text-decoration: underline } .chroma .sx { color: #a848a8 } .chroma .sr { color: #a848a8 } .chroma .s1 { color: #b83838 } .chroma .ss { color: #b83838 } .chroma .m { color: #444444 } .chroma .mb { color: #444444 } .chroma .mf { color: #444444 } .chroma .mh { color: #444444 } .chroma .mi { color: #444444 } .chroma .il { color: #444444 } .chroma .mo { color: #444444 } .chroma .o { color: #666666 } .chroma .ow { color: #a848a8 } .chroma .p { color: #888888 } .chroma .c { color: #888888; font-style: italic } .chroma .ch { color: #287088; font-style: italic } .chroma .cm { color: #888888; font-style: italic } .chroma .c1 { color: #888888; font-style: italic } .chroma .cs { color: #888888; font-style: italic } .chroma .cp { color: #289870 } .chroma .cpf { color: #289870 } .chroma .gd { color: #c02828 } .chroma .ge { font-style: italic } .chroma .gr { color: #c02828 } .chroma .gh { color: #666666 } .chroma .gi { color: #388038 } .chroma .go { color: #666666 } .chroma .gp { color: #444444 } .chroma .gs { font-weight: bold } .chroma .gu { color: #444444 } .chroma .gt { color: #2838b0 } .chroma .gl { text-decoration: underline } .chroma .w { color: #a89028 } .chroma { background-color: #ffffff } .chroma .err { background-color: #a848a8 } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } .chroma .hl { display: block; width: 100%;background-color: #e5e5e5 } .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .k { color: #2838b0 } .chroma .kc { color: #444444; font-style: italic } .chroma .kd { color: #2838b0; font-style: italic } .chroma .kn { color: #2838b0 } .chroma .kp { color: #2838b0 } .chroma .kr { color: #2838b0 } .chroma .kt { color: #2838b0; font-style: italic } .chroma .na { color: #388038 } .chroma .nb { color: #388038 } .chroma .bp { font-style: italic } .chroma .nc { color: #287088 } .chroma .no { color: #b85820 } .chroma .nd { color: #287088 } .chroma .ni { color: #709030 } .chroma .ne { color: #908828 } .chroma .nf { color: #785840 } .chroma .fm { color: #b85820 } .chroma .nl { color: #289870 } .chroma .nn { color: #289870 } .chroma .nt { color: #2838b0 } .chroma .nv { color: #b04040 } .chroma .vg { color: #908828 } .chroma .vm { color: #b85820 } .chroma .s { color: #b83838 } .chroma .sa { color: #444444 } .chroma .sb { color: #b83838 } .chroma .sc { color: #a848a8 } .chroma .dl { color: #b85820 } .chroma .sd { color: #b85820; font-style: italic } .chroma .s2 { color: #b83838 } .chroma .se { color: #709030 } .chroma .sh { color: #b83838 } .chroma .si { color: #b83838; text-decoration: underline } .chroma .sx { color: #a848a8 } .chroma .sr { color: #a848a8 } .chroma .s1 { color: #b83838 } .chroma .ss { color: #b83838 } .chroma .m { color: #444444 } .chroma .mb { color: #444444 } .chroma .mf { color: #444444 } .chroma .mh { color: #444444 } .chroma .mi { color: #444444 } .chroma .il { color: #444444 } .chroma .mo { color: #444444 } .chroma .o { color: #666666 } .chroma .ow { color: #a848a8 } .chroma .p { color: #888888 } .chroma .c { color: #888888; font-style: italic } .chroma .ch { color: #287088; font-style: italic } .chroma .cm { color: #888888; font-style: italic } .chroma .c1 { color: #888888; font-style: italic } .chroma .cs { color: #888888; font-style: italic } .chroma .cp { color: #289870 } .chroma .cpf { color: #289870 } .chroma .gd { color: #c02828 } .chroma .ge { font-style: italic } .chroma .gr { color: #c02828 } .chroma .gh { color: #666666 } .chroma .gi { color: #388038 } .chroma .go { color: #666666 } .chroma .gp { color: #444444 } .chroma .gs { font-weight: bold } .chroma .gu { color: #444444 } .chroma .gt { color: #2838b0 } .chroma .gl { text-decoration: underline } .chroma .w { color: #a89028 } .chroma { background-color: #ffffff } .chroma .err { background-color: #a848a8 } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } .chroma .hl { display: block; width: 100%;background-color: #e5e5e5 } .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .k { color: #2838b0 } .chroma .kc { color: #444444; font-style: italic } .chroma .kd { color: #2838b0; font-style: italic } .chroma .kn { color: #2838b0 } .chroma .kp { color: #2838b0 } .chroma .kr { color: #2838b0 } .chroma .kt { color: #2838b0; font-style: italic } .chroma .na { color: #388038 } .chroma .nb { color: #388038 } .chroma .bp { font-style: italic } .chroma .nc { color: #287088 } .chroma .no { color: #b85820 } .chroma .nd { color: #287088 } .chroma .ni { color: #709030 } .chroma .ne { color: #908828 } .chroma .nf { color: #785840 } .chroma .fm { color: #b85820 } .chroma .nl { color: #289870 } .chroma .nn { color: #289870 } .chroma .nt { color: #2838b0 } .chroma .nv { color: #b04040 } .chroma .vg { color: #908828 } .chroma .vm { color: #b85820 } .chroma .s { color: #b83838 } .chroma .sa { color: #444444 } .chroma .sb { color: #b83838 } .chroma .sc { color: #a848a8 } .chroma .dl { color: #b85820 } .chroma .sd { color: #b85820; font-style: italic } .chroma .s2 { color: #b83838 } .chroma .se { color: #709030 } .chroma .sh { color: #b83838 } .chroma .si { color: #b83838; text-decoration: underline } .chroma .sx { color: #a848a8 } .chroma .sr { color: #a848a8 } .chroma .s1 { color: #b83838 } .chroma .ss { color: #b83838 } .chroma .m { color: #444444 } .chroma .mb { color: #444444 } .chroma .mf { color: #444444 } .chroma .mh { color: #444444 } .chroma .mi { color: #444444 } .chroma .il { color: #444444 } .chroma .mo { color: #444444 } .chroma .o { color: #666666 } .chroma .ow { color: #a848a8 } .chroma .p { color: #888888 } .chroma .c { color: #888888; font-style: italic } .chroma .ch { color: #287088; font-style: italic } .chroma .cm { color: #888888; font-style: italic } .chroma .c1 { color: #888888; font-style: italic } .chroma .cs { color: #888888; font-style: italic } .chroma .cp { color: #289870 } .chroma .cpf { color: #289870 } .chroma .gd { color: #c02828 } .chroma .ge { font-style: italic } .chroma .gr { color: #c02828 } .chroma .gh { color: #666666 } .chroma .gi { color: #388038 } .chroma .go { color: #666666 } .chroma .gp { color: #444444 } .chroma .gs { font-weight: bold } .chroma .gu { color: #444444 } .chroma .gt { color: #2838b0 } .chroma .gl { text-decoration: underline } .chroma .w { color: #a89028 } .chroma { background-color: #ffffff } .chroma .err { background-color: #a848a8 } .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; } .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; } .chroma .hl { display: block; width: 100%;background-color: #e5e5e5 } .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f } .chroma .k { color: #2838b0 } .chroma .kc { color: #444444; font-style: italic } .chroma .kd { color: #2838b0; font-style: italic } .chroma .kn { color: #2838b0 } .chroma .kp { color: #2838b0 } .chroma .kr { color: #2838b0 } .chroma .kt { color: #2838b0; font-style: italic } .chroma .na { color: #388038 } .chroma .nb { color: #388038 } .chroma .bp { font-style: italic } .chroma .nc { color: #287088 } .chroma .no { color: #b85820 } .chroma .nd { color: #287088 } .chroma .ni { color: #709030 } .chroma .ne { color: #908828 } .chroma .nf { color: #785840 } .chroma .fm { color: #b85820 } .chroma .nl { color: #289870 } .chroma .nn { color: #289870 } .chroma .nt { color: #2838b0 } .chroma .nv { color: #b04040 } .chroma .vg { color: #908828 } .chroma .vm { color: #b85820 } .chroma .s { color: #b83838 } .chroma .sa { color: #444444 } .chroma .sb { color: #b83838 } .chroma .sc { color: #a848a8 } .chroma .dl { color: #b85820 } .chroma .sd { color: #b85820; font-style: italic } .chroma .s2 { color: #b83838 } .chroma .se { color: #709030 } .chroma .sh { color: #b83838 } .chroma .si { color: #b83838; text-decoration: underline } .chroma .sx { color: #a848a8 } .chroma .sr { color: #a848a8 } .chroma .s1 { color: #b83838 } .chroma .ss { color: #b83838 } .chroma .m { color: #444444 } .chroma .mb { color: #444444 } .chroma .mf { color: #444444 } .chroma .mh { color: #444444 } .chroma .mi { color: #444444 } .chroma .il { color: #444444 } .chroma .mo { color: #444444 } .chroma .o { color: #666666 } .chroma .ow { color: #a848a8 } .chroma .p { color: #888888 } .chroma .c { color: #888888; font-style: italic } .chroma .ch { color: #287088; font-style: italic } .chroma .cm { color: #888888; font-style: italic } .chroma .c1 { color: #888888; font-style: italic } .chroma .cs { color: #888888; font-style: italic } .chroma .cp { color: #289870 } .chroma .cpf { color: #289870 } .chroma .gd { color: #c02828 } .chroma .ge { font-style: italic } .chroma .gr { color: #c02828 } .chroma .gh { color: #666666 } .chroma .gi { color: #388038 } .chroma .go { color: #666666 } .chroma .gp { color: #444444 } .chroma .gs { font-weight: bold } .chroma .gu { color: #444444 } .chroma .gt { color: #2838b0 } .chroma .gl { text-decoration: underline } .chroma .w { color: #a89028 }</style>
<title>README.md</title><style>/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{-webkit-tap-highlight-color:transparent}body{font-family:Arial,Verdana,Tahoma;font-size:14px;font-weight:400;line-height:1.429;color:rgba(0,0,0,.87);background-color:#FFF}a{color:#2196F3;text-decoration:none}a:focus,a:hover{text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}p{margin:0 0 10px}ol,ul{margin-top:0;margin-bottom:10px}hr{margin-top:20px;margin-bottom:20px;border:0;height:1px;background-color:rgba(0,0,0,.12)}strong{font-weight:700}abbr[title]{cursor:help;-webkit-text-decoration-color:#2196F3;text-decoration-color:#2196F3}h1,h2,h3{margin-top:20px;margin-bottom:10px}h4,h5,h6{margin-top:10px;margin-bottom:10px}.mui--appbar-height{height:56px}.mui--appbar-min-height,.mui-appbar{min-height:56px}.mui--appbar-line-height{line-height:56px}.mui--appbar-top{top:56px}@media (orientation:landscape) and (max-height:480px){.mui--appbar-height{height:48px}.mui--appbar-min-height,.mui-appbar{min-height:48px}.mui--appbar-line-height{line-height:48px}.mui--appbar-top{top:48px}}@media (min-width:480px){.mui--appbar-height{height:64px}.mui--appbar-min-height,.mui-appbar{min-height:64px}.mui--appbar-line-height{line-height:64px}.mui--appbar-top{top:64px}}.mui-appbar{background-color:#2196F3;color:#FFF}.mui-btn{font-weight:500;font-size:14px;line-height:18px;text-transform:uppercase;color:rgba(0,0,0,.87);background-color:#FFF;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;height:36px;padding:0 26px;margin:6px 0;border:none;border-radius:2px;cursor:pointer;-ms-touch-action:manipulation;touch-action:manipulation;background-image:none;text-align:center;line-height:36px;vertical-align:middle;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;font-family:inherit;letter-spacing:.03em;position:relative;overflow:hidden}.mui-btn:active,.mui-btn:focus,.mui-btn:hover{color:rgba(0,0,0,.87);background-color:#fff}.mui-btn[disabled]:active,.mui-btn[disabled]:focus,.mui-btn[disabled]:hover{color:rgba(0,0,0,.87);background-color:#FFF}.mui-btn.mui-btn--flat{color:rgba(0,0,0,.87);background-color:transparent}.mui-btn.mui-btn--flat:active,.mui-btn.mui-btn--flat:focus,.mui-btn.mui-btn--flat:hover{color:rgba(0,0,0,.87);background-color:#f2f2f2}.mui-btn.mui-btn--flat[disabled]:active,.mui-btn.mui-btn--flat[disabled]:focus,.mui-btn.mui-btn--flat[disabled]:hover{color:rgba(0,0,0,.87);background-color:transparent}.mui-btn:active,.mui-btn:focus,.mui-btn:hover{outline:0;text-decoration:none;color:rgba(0,0,0,.87)}.mui-btn:focus,.mui-btn:hover{-webkit-box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2);box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2)}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.mui-btn:focus,.mui-btn:hover{-webkit-box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2);box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2)}}@supports (-ms-ime-align:auto){.mui-btn:focus,.mui-btn:hover{-webkit-box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2);box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2)}}.mui-btn:active:hover{-webkit-box-shadow:0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2);box-shadow:0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2)}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.mui-btn:active:hover{-webkit-box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2);box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2)}}@supports (-ms-ime-align:auto){.mui-btn:active:hover{-webkit-box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2);box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2)}}.mui-btn.mui--is-disabled,.mui-btn:disabled{cursor:not-allowed;pointer-events:none;opacity:.6;-webkit-box-shadow:none;box-shadow:none}.mui-btn+.mui-btn{margin-left:8px}.mui-btn--flat{background-color:transparent}.mui-btn--flat:active,.mui-btn--flat:active:hover,.mui-btn--flat:focus,.mui-btn--flat:hover{-webkit-box-shadow:none;box-shadow:none;background-color:#f2f2f2}.mui-btn--fab,.mui-btn--raised{-webkit-box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2);box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2)}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.mui-btn--fab,.mui-btn--raised{-webkit-box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2);box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2)}}@supports (-ms-ime-align:auto){.mui-btn--fab,.mui-btn--raised{-webkit-box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2);box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2)}}.mui-btn--fab:active,.mui-btn--raised:active{-webkit-box-shadow:0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2);box-shadow:0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2)}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.mui-btn--fab:active,.mui-btn--raised:active{-webkit-box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2);box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2)}}@supports (-ms-ime-align:auto){.mui-btn--fab:active,.mui-btn--raised:active{-webkit-box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2);box-shadow:0 -1px 2px rgba(0,0,0,.12),-1px 0 2px rgba(0,0,0,.12),0 0 4px rgba(0,0,0,.12),1px 3px 4px rgba(0,0,0,.2)}}.mui-btn--fab{position:relative;padding:0;width:55px;height:55px;line-height:55px;border-radius:50%;z-index:1}.mui-btn--primary{color:#FFF;background-color:#2196F3}.mui-btn--primary:active,.mui-btn--primary:focus,.mui-btn--primary:hover{color:#FFF;background-color:#39a1f4}.mui-btn--primary[disabled]:active,.mui-btn--primary[disabled]:focus,.mui-btn--primary[disabled]:hover{color:#FFF;background-color:#2196F3}.mui-btn--primary.mui-btn--flat{color:#2196F3;background-color:transparent}.mui-btn--primary.mui-btn--flat:active,.mui-btn--primary.mui-btn--flat:focus,.mui-btn--primary.mui-btn--flat:hover{color:#2196F3;background-color:#f2f2f2}.mui-btn--primary.mui-btn--flat[disabled]:active,.mui-btn--primary.mui-btn--flat[disabled]:focus,.mui-btn--primary.mui-btn--flat[disabled]:hover{color:#2196F3;background-color:transparent}.mui-btn--dark{color:#FFF;background-color:#424242}.mui-btn--dark:active,.mui-btn--dark:focus,.mui-btn--dark:hover{color:#FFF;background-color:#4f4f4f}.mui-btn--dark[disabled]:active,.mui-btn--dark[disabled]:focus,.mui-btn--dark[disabled]:hover{color:#FFF;background-color:#424242}.mui-btn--dark.mui-btn--flat{color:#424242;background-color:transparent}.mui-btn--dark.mui-btn--flat:active,.mui-btn--dark.mui-btn--flat:focus,.mui-btn--dark.mui-btn--flat:hover{color:#424242;background-color:#f2f2f2}.mui-btn--dark.mui-btn--flat[disabled]:active,.mui-btn--dark.mui-btn--flat[disabled]:focus,.mui-btn--dark.mui-btn--flat[disabled]:hover{color:#424242;background-color:transparent}.mui-btn--danger{color:#FFF;background-color:#F44336}.mui-btn--danger:active,.mui-btn--danger:focus,.mui-btn--danger:hover{color:#FFF;background-color:#f55a4e}.mui-btn--danger[disabled]:active,.mui-btn--danger[disabled]:focus,.mui-btn--danger[disabled]:hover{color:#FFF;background-color:#F44336}.mui-btn--danger.mui-btn--flat{color:#F44336;background-color:transparent}.mui-btn--danger.mui-btn--flat:active,.mui-btn--danger.mui-btn--flat:focus,.mui-btn--danger.mui-btn--flat:hover{color:#F44336;background-color:#f2f2f2}.mui-btn--danger.mui-btn--flat[disabled]:active,.mui-btn--danger.mui-btn--flat[disabled]:focus,.mui-btn--danger.mui-btn--flat[disabled]:hover{color:#F44336;background-color:transparent}.mui-btn--accent{color:#FFF;background-color:#FF4081}.mui-btn--accent:active,.mui-btn--accent:focus,.mui-btn--accent:hover{color:#FFF;background-color:#ff5a92}.mui-btn--accent[disabled]:active,.mui-btn--accent[disabled]:focus,.mui-btn--accent[disabled]:hover{color:#FFF;background-color:#FF4081}.mui-btn--accent.mui-btn--flat{color:#FF4081;background-color:transparent}.mui-btn--accent.mui-btn--flat:active,.mui-btn--accent.mui-btn--flat:focus,.mui-btn--accent.mui-btn--flat:hover{color:#FF4081;background-color:#f2f2f2}.mui-btn--accent.mui-btn--flat[disabled]:active,.mui-btn--accent.mui-btn--flat[disabled]:focus,.mui-btn--accent.mui-btn--flat[disabled]:hover{color:#FF4081;background-color:transparent}.mui-btn--small{height:30.6px;line-height:30.6px;padding:0 16px;font-size:13px}.mui-btn--large{height:54px;line-height:54px;padding:0 26px;font-size:14px}.mui-btn--fab.mui-btn--small{width:44px;height:44px;line-height:44px}.mui-btn--fab.mui-btn--large{width:75px;height:75px;line-height:75px}.mui-checkbox,.mui-radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}.mui-checkbox>label,.mui-radio>label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.mui-checkbox input:disabled,.mui-radio input:disabled{cursor:not-allowed}.mui-checkbox input:focus,.mui-radio input:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.mui-checkbox--inline>label>input[type=checkbox],.mui-checkbox>label>input[type=checkbox],.mui-radio--inline>label>input[type=radio],.mui-radio>label>input[type=radio]{position:absolute;margin-left:-20px;margin-top:4px}.mui-checkbox+.mui-checkbox,.mui-radio+.mui-radio{margin-top:-5px}.mui-checkbox--inline,.mui-radio--inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.mui-checkbox--inline>input[type=checkbox],.mui-checkbox--inline>input[type=radio],.mui-checkbox--inline>label>input[type=checkbox],.mui-checkbox--inline>label>input[type=radio],.mui-radio--inline>input[type=checkbox],.mui-radio--inline>input[type=radio],.mui-radio--inline>label>input[type=checkbox],.mui-radio--inline>label>input[type=radio]{margin:4px 0 0;line-height:normal}.mui-checkbox--inline+.mui-checkbox--inline,.mui-radio--inline+.mui-radio--inline{margin-top:0;margin-left:10px}.mui-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.mui-container:after,.mui-container:before{content:" ";display:table}.mui-container:after{clear:both}@media (min-width:544px){.mui-container{max-width:570px}}@media (min-width:768px){.mui-container{max-width:740px}}@media (min-width:992px){.mui-container{max-width:960px}}@media (min-width:1200px){.mui-container{max-width:1170px}}.mui-container-fluid{-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.mui-container-fluid:after,.mui-container-fluid:before{content:" ";display:table}.mui-container-fluid:after{clear:both}.mui-divider{display:block;height:1px;background-color:rgba(0,0,0,.12)}.mui--divider-top{border-top:1px solid rgba(0,0,0,.12)}.mui--divider-bottom{border-bottom:1px solid rgba(0,0,0,.12)}.mui--divider-left{border-left:1px solid rgba(0,0,0,.12)}.mui--divider-right{border-right:1px solid rgba(0,0,0,.12)}.mui-dropdown{display:inline-block;position:relative}[data-mui-toggle=dropdown]{outline:0}.mui-dropdown__menu{position:absolute;top:100%;left:0;display:none;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#FFF;border-radius:2px;z-index:1;background-clip:padding-box}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.mui-dropdown__menu{border-top:1px solid rgba(0,0,0,.12);border-left:1px solid rgba(0,0,0,.12)}}@supports (-ms-ime-align:auto){.mui-dropdown__menu{border-top:1px solid rgba(0,0,0,.12);border-left:1px solid rgba(0,0,0,.12)}}.mui-dropdown__menu.mui--is-open{display:block}.mui-dropdown__menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.429;color:rgba(0,0,0,.87);text-decoration:none;white-space:nowrap}.mui-dropdown__menu>li>a:focus,.mui-dropdown__menu>li>a:hover{text-decoration:none;color:rgba(0,0,0,.87);background-color:#EEE}.mui-dropdown__menu>.mui--is-disabled>a,.mui-dropdown__menu>.mui--is-disabled>a:focus,.mui-dropdown__menu>.mui--is-disabled>a:hover{color:#EEE}.mui-dropdown__menu>.mui--is-disabled>a:focus,.mui-dropdown__menu>.mui--is-disabled>a:hover{text-decoration:none;background-color:transparent;background-image:none;cursor:not-allowed}.mui-dropdown__menu--right{left:auto;right:0}.mui-form legend{display:block;width:100%;padding:0;margin-bottom:10px;font-size:21px;color:rgba(0,0,0,.87);line-height:inherit;border:0}.mui-form fieldset{border:0;padding:0;margin:0 0 20px 0}@media (min-width:544px){.mui-form--inline .mui-textfield{display:inline-block;vertical-align:bottom;margin-bottom:0}.mui-form--inline .mui-checkbox,.mui-form--inline .mui-radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.mui-form--inline .mui-checkbox>label,.mui-form--inline .mui-radio>label{padding-left:0}.mui-form--inline .mui-checkbox>label>input[type=checkbox],.mui-form--inline .mui-radio>label>input[type=radio]{position:relative;margin-left:0}.mui-form--inline .mui-select{display:inline-block;vertical-align:bottom;margin-bottom:0}.mui-form--inline .mui-btn{margin-bottom:0;margin-top:0;vertical-align:bottom}}.mui-row{margin-left:-15px;margin-right:-15px}.mui-row:after,.mui-row:before{content:" ";display:table}.mui-row:after{clear:both}.mui-col-lg-1,.mui-col-lg-10,.mui-col-lg-11,.mui-col-lg-12,.mui-col-lg-2,.mui-col-lg-3,.mui-col-lg-4,.mui-col-lg-5,.mui-col-lg-6,.mui-col-lg-7,.mui-col-lg-8,.mui-col-lg-9,.mui-col-md-1,.mui-col-md-10,.mui-col-md-11,.mui-col-md-12,.mui-col-md-2,.mui-col-md-3,.mui-col-md-4,.mui-col-md-5,.mui-col-md-6,.mui-col-md-7,.mui-col-md-8,.mui-col-md-9,.mui-col-sm-1,.mui-col-sm-10,.mui-col-sm-11,.mui-col-sm-12,.mui-col-sm-2,.mui-col-sm-3,.mui-col-sm-4,.mui-col-sm-5,.mui-col-sm-6,.mui-col-sm-7,.mui-col-sm-8,.mui-col-sm-9,.mui-col-xs-1,.mui-col-xs-10,.mui-col-xs-11,.mui-col-xs-12,.mui-col-xs-2,.mui-col-xs-3,.mui-col-xs-4,.mui-col-xs-5,.mui-col-xs-6,.mui-col-xs-7,.mui-col-xs-8,.mui-col-xs-9{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:1px;padding-left:15px;padding-right:15px}.mui-col-xs-1,.mui-col-xs-10,.mui-col-xs-11,.mui-col-xs-12,.mui-col-xs-2,.mui-col-xs-3,.mui-col-xs-4,.mui-col-xs-5,.mui-col-xs-6,.mui-col-xs-7,.mui-col-xs-8,.mui-col-xs-9{float:left}.mui-col-xs-1{width:8.33333%}.mui-col-xs-2{width:16.66667%}.mui-col-xs-3{width:25%}.mui-col-xs-4{width:33.33333%}.mui-col-xs-5{width:41.66667%}.mui-col-xs-6{width:50%}.mui-col-xs-7{width:58.33333%}.mui-col-xs-8{width:66.66667%}.mui-col-xs-9{width:75%}.mui-col-xs-10{width:83.33333%}.mui-col-xs-11{width:91.66667%}.mui-col-xs-12{width:100%}.mui-col-xs-offset-0{margin-left:0}.mui-col-xs-offset-1{margin-left:8.33333%}.mui-col-xs-offset-2{margin-left:16.66667%}.mui-col-xs-offset-3{margin-left:25%}.mui-col-xs-offset-4{margin-left:33.33333%}.mui-col-xs-offset-5{margin-left:41.66667%}.mui-col-xs-offset-6{margin-left:50%}.mui-col-xs-offset-7{margin-left:58.33333%}.mui-col-xs-offset-8{margin-left:66.66667%}.mui-col-xs-offset-9{margin-left:75%}.mui-col-xs-offset-10{margin-left:83.33333%}.mui-col-xs-offset-11{margin-left:91.66667%}.mui-col-xs-offset-12{margin-left:100%}@media (min-width:544px){.mui-col-sm-1,.mui-col-sm-10,.mui-col-sm-11,.mui-col-sm-12,.mui-col-sm-2,.mui-col-sm-3,.mui-col-sm-4,.mui-col-sm-5,.mui-col-sm-6,.mui-col-sm-7,.mui-col-sm-8,.mui-col-sm-9{float:left}.mui-col-sm-1{width:8.33333%}.mui-col-sm-2{width:16.66667%}.mui-col-sm-3{width:25%}.mui-col-sm-4{width:33.33333%}.mui-col-sm-5{width:41.66667%}.mui-col-sm-6{width:50%}.mui-col-sm-7{width:58.33333%}.mui-col-sm-8{width:66.66667%}.mui-col-sm-9{width:75%}.mui-col-sm-10{width:83.33333%}.mui-col-sm-11{width:91.66667%}.mui-col-sm-12{width:100%}.mui-col-sm-offset-0{margin-left:0}.mui-col-sm-offset-1{margin-left:8.33333%}.mui-col-sm-offset-2{margin-left:16.66667%}.mui-col-sm-offset-3{margin-left:25%}.mui-col-sm-offset-4{margin-left:33.33333%}.mui-col-sm-offset-5{margin-left:41.66667%}.mui-col-sm-offset-6{margin-left:50%}.mui-col-sm-offset-7{margin-left:58.33333%}.mui-col-sm-offset-8{margin-left:66.66667%}.mui-col-sm-offset-9{margin-left:75%}.mui-col-sm-offset-10{margin-left:83.33333%}.mui-col-sm-offset-11{margin-left:91.66667%}.mui-col-sm-offset-12{margin-left:100%}}@media (min-width:768px){.mui-col-md-1,.mui-col-md-10,.mui-col-md-11,.mui-col-md-12,.mui-col-md-2,.mui-col-md-3,.mui-col-md-4,.mui-col-md-5,.mui-col-md-6,.mui-col-md-7,.mui-col-md-8,.mui-col-md-9{float:left}.mui-col-md-1{width:8.33333%}.mui-col-md-2{width:16.66667%}.mui-col-md-3{width:25%}.mui-col-md-4{width:33.33333%}.mui-col-md-5{width:41.66667%}.mui-col-md-6{width:50%}.mui-col-md-7{width:58.33333%}.mui-col-md-8{width:66.66667%}.mui-col-md-9{width:75%}.mui-col-md-10{width:83.33333%}.mui-col-md-11{width:91.66667%}.mui-col-md-12{width:100%}.mui-col-md-offset-0{margin-left:0}.mui-col-md-offset-1{margin-left:8.33333%}.mui-col-md-offset-2{margin-left:16.66667%}.mui-col-md-offset-3{margin-left:25%}.mui-col-md-offset-4{margin-left:33.33333%}.mui-col-md-offset-5{margin-left:41.66667%}.mui-col-md-offset-6{margin-left:50%}.mui-col-md-offset-7{margin-left:58.33333%}.mui-col-md-offset-8{margin-left:66.66667%}.mui-col-md-offset-9{margin-left:75%}.mui-col-md-offset-10{margin-left:83.33333%}.mui-col-md-offset-11{margin-left:91.66667%}.mui-col-md-offset-12{margin-left:100%}}@media (min-width:992px){.mui-col-lg-1,.mui-col-lg-10,.mui-col-lg-11,.mui-col-lg-12,.mui-col-lg-2,.mui-col-lg-3,.mui-col-lg-4,.mui-col-lg-5,.mui-col-lg-6,.mui-col-lg-7,.mui-col-lg-8,.mui-col-lg-9{float:left}.mui-col-lg-1{width:8.33333%}.mui-col-lg-2{width:16.66667%}.mui-col-lg-3{width:25%}.mui-col-lg-4{width:33.33333%}.mui-col-lg-5{width:41.66667%}.mui-col-lg-6{width:50%}.mui-col-lg-7{width:58.33333%}.mui-col-lg-8{width:66.66667%}.mui-col-lg-9{width:75%}.mui-col-lg-10{width:83.33333%}.mui-col-lg-11{width:91.66667%}.mui-col-lg-12{width:100%}.mui-col-lg-offset-0{margin-left:0}.mui-col-lg-offset-1{margin-left:8.33333%}.mui-col-lg-offset-2{margin-left:16.66667%}.mui-col-lg-offset-3{margin-left:25%}.mui-col-lg-offset-4{margin-left:33.33333%}.mui-col-lg-offset-5{margin-left:41.66667%}.mui-col-lg-offset-6{margin-left:50%}.mui-col-lg-offset-7{margin-left:58.33333%}.mui-col-lg-offset-8{margin-left:66.66667%}.mui-col-lg-offset-9{margin-left:75%}.mui-col-lg-offset-10{margin-left:83.33333%}.mui-col-lg-offset-11{margin-left:91.66667%}.mui-col-lg-offset-12{margin-left:100%}}@media (min-width:1200px){.mui-col-xl-1,.mui-col-xl-10,.mui-col-xl-11,.mui-col-xl-12,.mui-col-xl-2,.mui-col-xl-3,.mui-col-xl-4,.mui-col-xl-5,.mui-col-xl-6,.mui-col-xl-7,.mui-col-xl-8,.mui-col-xl-9{float:left}.mui-col-xl-1{width:8.33333%}.mui-col-xl-2{width:16.66667%}.mui-col-xl-3{width:25%}.mui-col-xl-4{width:33.33333%}.mui-col-xl-5{width:41.66667%}.mui-col-xl-6{width:50%}.mui-col-xl-7{width:58.33333%}.mui-col-xl-8{width:66.66667%}.mui-col-xl-9{width:75%}.mui-col-xl-10{width:83.33333%}.mui-col-xl-11{width:91.66667%}.mui-col-xl-12{width:100%}.mui-col-xl-offset-0{margin-left:0}.mui-col-xl-offset-1{margin-left:8.33333%}.mui-col-xl-offset-2{margin-left:16.66667%}.mui-col-xl-offset-3{margin-left:25%}.mui-col-xl-offset-4{margin-left:33.33333%}.mui-col-xl-offset-5{margin-left:41.66667%}.mui-col-xl-offset-6{margin-left:50%}.mui-col-xl-offset-7{margin-left:58.33333%}.mui-col-xl-offset-8{margin-left:66.66667%}.mui-col-xl-offset-9{margin-left:75%}.mui-col-xl-offset-10{margin-left:83.33333%}.mui-col-xl-offset-11{margin-left:91.66667%}.mui-col-xl-offset-12{margin-left:100%}}.mui-panel{padding:15px;margin-bottom:20px;border-radius:0;background-color:#FFF;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12)}.mui-panel:after,.mui-panel:before{content:" ";display:table}.mui-panel:after{clear:both}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.mui-panel{-webkit-box-shadow:0 -1px 2px 0 rgba(0,0,0,.12),-1px 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12);box-shadow:0 -1px 2px 0 rgba(0,0,0,.12),-1px 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12)}}@supports (-ms-ime-align:auto){.mui-panel{-webkit-box-shadow:0 -1px 2px 0 rgba(0,0,0,.12),-1px 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12);box-shadow:0 -1px 2px 0 rgba(0,0,0,.12),-1px 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12)}}.mui-select{display:block;padding-top:15px;margin-bottom:20px;position:relative}.mui-select:focus{outline:0}.mui-select:focus>select{height:calc(32px + 1px);margin-bottom:-1px;border-color:#2196F3;border-width:2px}.mui-select>select{display:block;height:32px;width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:0;border:none;border-bottom:1px solid rgba(0,0,0,.26);border-radius:0;-webkit-box-shadow:none;box-shadow:none;background-color:transparent;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNiIgd2lkdGg9IjEwIj48cG9seWdvbiBwb2ludHM9IjAsMCAxMCwwIDUsNiIgc3R5bGU9ImZpbGw6cmdiYSgwLDAsMCwuMjQpOyIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:right center;cursor:pointer;color:rgba(0,0,0,.87);font-size:16px;font-family:inherit;line-height:inherit;padding:0 25px 0 0}.mui-select>select::-ms-expand{display:none}.mui-select>select:focus{outline:0;height:calc(32px + 1px);margin-bottom:-1px;border-color:#2196F3;border-width:2px}.mui-select>select:disabled{color:rgba(0,0,0,.38);cursor:not-allowed;background-color:transparent;opacity:1}.mui-select>select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.mui-select>select:focus::-ms-value{background:0 0;color:rgba(0,0,0,.87)}.mui-select>select.mui--text-placeholder{color:rgba(0,0,0,.26)}.mui-select>label{position:absolute;top:0;display:block;width:100%;color:rgba(0,0,0,.54);font-size:12px;font-weight:400;line-height:15px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.mui-select:focus>label,.mui-select>select:focus~label{color:#2196F3}.mui-select__menu{position:absolute;z-index:2;min-width:100%;overflow-y:auto;padding:8px 0;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#FFF;font-size:16px}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.mui-select__menu{border-left:1px solid rgba(0,0,0,.12);border-top:1px solid rgba(0,0,0,.12)}}@supports (-ms-ime-align:auto){.mui-select__menu{border-left:1px solid rgba(0,0,0,.12);border-top:1px solid rgba(0,0,0,.12)}}.mui-select__menu>div{padding:0 22px;height:42px;line-height:42px;cursor:pointer;white-space:nowrap}.mui-select__menu>div.mui--is-selected{background-color:#EEE}.mui-select__menu>div.mui--is-disabled{color:rgba(0,0,0,.38);cursor:not-allowed}.mui-select__menu>div:not(.mui-optgroup__label):not(.mui--is-disabled):hover{background-color:#E0E0E0}.mui-optgroup__option{text-indent:1em}.mui-optgroup__label{color:rgba(0,0,0,.54);font-size:.9em}.mui-table{width:100%;max-width:100%;margin-bottom:20px}.mui-table>tbody>tr>th,.mui-table>tfoot>tr>th,.mui-table>thead>tr>th{text-align:left}.mui-table>tbody>tr>td,.mui-table>tbody>tr>th,.mui-table>tfoot>tr>td,.mui-table>tfoot>tr>th,.mui-table>thead>tr>td,.mui-table>thead>tr>th{padding:10px;line-height:1.429}.mui-table>thead>tr>th{border-bottom:2px solid rgba(0,0,0,.12);font-weight:700}.mui-table>tbody+tbody{border-top:2px solid rgba(0,0,0,.12)}.mui-table.mui-table--bordered>tbody>tr>td{border-bottom:1px solid rgba(0,0,0,.12)}.mui-tabs__bar{list-style:none;padding-left:0;margin-bottom:0;background-color:transparent;white-space:nowrap;overflow-x:auto}.mui-tabs__bar>li{display:inline-block}.mui-tabs__bar>li>a{display:block;white-space:nowrap;text-transform:uppercase;font-weight:500;font-size:14px;color:rgba(0,0,0,.87);cursor:default;height:48px;line-height:48px;padding-left:24px;padding-right:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mui-tabs__bar>li>a:hover{text-decoration:none}.mui-tabs__bar>li.mui--is-active{border-bottom:2px solid #2196F3}.mui-tabs__bar>li.mui--is-active>a{color:#2196F3}.mui-tabs__bar.mui-tabs__bar--justified{display:table;width:100%;table-layout:fixed}.mui-tabs__bar.mui-tabs__bar--justified>li{display:table-cell}.mui-tabs__bar.mui-tabs__bar--justified>li>a{text-align:center;padding-left:0;padding-right:0}.mui-tabs__pane{display:none}.mui-tabs__pane.mui--is-active{display:block}.mui-textfield{display:block;padding-top:15px;margin-bottom:20px;position:relative}.mui-textfield>label{position:absolute;top:0;display:block;width:100%;color:rgba(0,0,0,.54);font-size:12px;font-weight:400;line-height:15px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.mui-textfield>textarea{padding-top:5px}.mui-textfield>input:focus~label,.mui-textfield>textarea:focus~label{color:#2196F3}.mui-textfield--float-label>label{position:absolute;-webkit-transform:translate(0,15px);transform:translate(0,15px);font-size:16px;line-height:32px;color:rgba(0,0,0,.26);text-overflow:clip;cursor:text;pointer-events:none}.mui-textfield--float-label>input:focus~label,.mui-textfield--float-label>textarea:focus~label{-webkit-transform:translate(0,0);transform:translate(0,0);font-size:12px;line-height:15px;text-overflow:ellipsis}.mui-textfield--float-label>input:not(:focus).mui--is-not-empty~label,.mui-textfield--float-label>input:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty)~label,.mui-textfield--float-label>input:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty)~label,.mui-textfield--float-label>textarea:not(:focus).mui--is-not-empty~label,.mui-textfield--float-label>textarea:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty)~label,.mui-textfield--float-label>textarea:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty)~label{color:rgba(0,0,0,.54);font-size:12px;line-height:15px;-webkit-transform:translate(0,0);transform:translate(0,0);text-overflow:ellipsis}.mui-textfield--wrap-label{display:table;width:100%;padding-top:0}.mui-textfield--wrap-label:not(.mui-textfield--float-label)>label{display:table-header-group;position:static;white-space:normal;overflow-x:visible}.mui-textfield>input,.mui-textfield>textarea{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;background-color:transparent;color:rgba(0,0,0,.87);border:none;border-bottom:1px solid rgba(0,0,0,.26);outline:0;width:100%;padding:0;-webkit-box-shadow:none;box-shadow:none;border-radius:0;font-size:16px;font-family:inherit;line-height:inherit;background-image:none}.mui-textfield>input:focus,.mui-textfield>textarea:focus{border-color:#2196F3;border-width:2px}.mui-textfield>input:-moz-read-only,.mui-textfield>input:disabled,.mui-textfield>textarea:-moz-read-only,.mui-textfield>textarea:disabled{cursor:not-allowed;background-color:transparent;opacity:1}.mui-textfield>input:disabled,.mui-textfield>input:read-only,.mui-textfield>textarea:disabled,.mui-textfield>textarea:read-only{cursor:not-allowed;background-color:transparent;opacity:1}.mui-textfield>input::-webkit-input-placeholder,.mui-textfield>textarea::-webkit-input-placeholder{color:rgba(0,0,0,.26);opacity:1}.mui-textfield>input:-ms-input-placeholder,.mui-textfield>textarea:-ms-input-placeholder{color:rgba(0,0,0,.26);opacity:1}.mui-textfield>input::-ms-input-placeholder,.mui-textfield>textarea::-ms-input-placeholder{color:rgba(0,0,0,.26);opacity:1}.mui-textfield>input::placeholder,.mui-textfield>textarea::placeholder{color:rgba(0,0,0,.26);opacity:1}.mui-textfield>input{height:32px}.mui-textfield>input:focus{height:calc(32px + 1px);margin-bottom:-1px}.mui-textfield>textarea{min-height:64px}.mui-textfield>textarea[rows]:not([rows="2"]):focus{margin-bottom:-1px}.mui-textfield>input:focus{height:calc(32px + 1px);margin-bottom:-1px}.mui-textfield>input:invalid:not(:focus):not(:required),.mui-textfield>input:invalid:not(:focus):required.mui--is-empty.mui--is-touched,.mui-textfield>input:invalid:not(:focus):required.mui--is-not-empty,.mui-textfield>input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:not(:required),.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-touched,.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-not-empty,.mui-textfield>input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:invalid:not(:focus):not(:required),.mui-textfield>textarea:invalid:not(:focus):required.mui--is-empty.mui--is-touched,.mui-textfield>textarea:invalid:not(:focus):required.mui--is-not-empty,.mui-textfield>textarea:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:not(:focus).mui--is-invalid:not(:required),.mui-textfield>textarea:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-touched,.mui-textfield>textarea:not(:focus).mui--is-invalid:required.mui--is-not-empty,.mui-textfield>textarea:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty){border-color:#F44336;border-width:2px}.mui-textfield>input:invalid:not(:focus):not(:required),.mui-textfield>input:invalid:not(:focus):required.mui--is-empty.mui--is-touched,.mui-textfield>input:invalid:not(:focus):required.mui--is-not-empty,.mui-textfield>input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:not(:required),.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-touched,.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-not-empty,.mui-textfield>input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty){height:calc(32px + 1px);margin-bottom:-1px}.mui-textfield.mui-textfield--float-label>input:invalid:not(:focus):not(:required)~label,.mui-textfield.mui-textfield--float-label>input:invalid:not(:focus):required.mui--is-not-empty~label,.mui-textfield.mui-textfield--float-label>input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty)~label,.mui-textfield.mui-textfield--float-label>input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty)~label,.mui-textfield.mui-textfield--float-label>textarea:invalid:not(:focus):not(:required)~label,.mui-textfield.mui-textfield--float-label>textarea:invalid:not(:focus):required.mui--is-not-empty~label,.mui-textfield.mui-textfield--float-label>textarea:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty)~label,.mui-textfield.mui-textfield--float-label>textarea:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty)~label{color:#F44336}.mui-textfield:not(.mui-textfield--float-label)>input:invalid:not(:focus):not(:required)~label,.mui-textfield:not(.mui-textfield--float-label)>input:invalid:not(:focus):required.mui--is-empty.mui--is-touched~label,.mui-textfield:not(.mui-textfield--float-label)>input:invalid:not(:focus):required.mui--is-not-empty~label,.mui-textfield:not(.mui-textfield--float-label)>textarea:invalid:not(:focus):not(:required)~label,.mui-textfield:not(.mui-textfield--float-label)>textarea:invalid:not(:focus):required.mui--is-empty.mui--is-touched~label,.mui-textfield:not(.mui-textfield--float-label)>textarea:invalid:not(:focus):required.mui--is-not-empty~label{color:#F44336}.mui-textfield.mui-textfield--float-label>.mui--is-invalid.mui--is-not-empty:not(:focus)~label{color:#F44336}.mui-textfield:not(.mui-textfield--float-label)>.mui--is-invalid:not(:focus)~label{color:#F44336}.mui--no-transition{-webkit-transition:none!important;transition:none!important}.mui--no-user-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mui-caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.mui--text-left{text-align:left!important}.mui--text-right{text-align:right!important}.mui--text-center{text-align:center!important}.mui--text-justify{text-align:justify!important}.mui--text-nowrap{white-space:nowrap!important}.mui--align-baseline{vertical-align:baseline!important}.mui--align-top{vertical-align:top!important}.mui--align-middle{vertical-align:middle!important}.mui--align-bottom{vertical-align:bottom!important}.mui--text-dark{color:rgba(0,0,0,.87)}.mui--text-dark-secondary{color:rgba(0,0,0,.54)}.mui--text-dark-hint{color:rgba(0,0,0,.38)}.mui--text-light{color:#FFF}.mui--text-light-secondary{color:rgba(255,255,255,.7)}.mui--text-light-hint{color:rgba(255,255,255,.3)}.mui--text-accent{color:rgba(255,64,129,.87)}.mui--text-accent-secondary{color:rgba(255,64,129,.54)}.mui--text-accent-hint{color:rgba(255,64,129,.38)}.mui--text-black{color:#000}.mui--text-white{color:#FFF}.mui--text-danger{color:#F44336}.mui--text-placeholder{color:rgba(0,0,0,.26)}.mui--bg-primary{background-color:#2196F3}.mui--bg-primary-dark{background-color:#1976D2}.mui--bg-primary-light{background-color:#BBDEFB}.mui--bg-accent{background-color:#FF4081}.mui--bg-accent-dark{background-color:#F50057}.mui--bg-accent-light{background-color:#FF80AB}.mui--bg-danger{background-color:#F44336}.mui-list--unstyled{padding-left:0;list-style:none}.mui-list--inline{padding-left:0;list-style:none;margin-left:-5px}.mui-list--inline>li{display:inline-block;padding-left:5px;padding-right:5px}.mui--z1,.mui-dropdown__menu,.mui-select__menu{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.mui--z2{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.mui--z3{-webkit-box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.mui--z4{-webkit-box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.mui--z5{-webkit-box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}.mui--clearfix:after,.mui--clearfix:before{content:" ";display:table}.mui--clearfix:after{clear:both}.mui--pull-right{float:right!important}.mui--pull-left{float:left!important}.mui--hide{display:none!important}.mui--show{display:block!important}.mui--invisible{visibility:hidden}.mui--overflow-hidden{overflow:hidden!important}.mui--overflow-hidden-x{overflow-x:hidden!important}.mui--overflow-hidden-y{overflow-y:hidden!important}.mui--visible-lg-block,.mui--visible-lg-inline,.mui--visible-lg-inline-block,.mui--visible-md-block,.mui--visible-md-inline,.mui--visible-md-inline-block,.mui--visible-sm-block,.mui--visible-sm-inline,.mui--visible-sm-inline-block,.mui--visible-xl-block,.mui--visible-xl-inline,.mui--visible-xl-inline-block,.mui--visible-xs-block,.mui--visible-xs-inline,.mui--visible-xs-inline-block{display:none!important}@media (max-width:543px){.mui-visible-xs{display:block!important}table.mui-visible-xs{display:table}tr.mui-visible-xs{display:table-row!important}td.mui-visible-xs,th.mui-visible-xs{display:table-cell!important}.mui--visible-xs-block{display:block!important}.mui--visible-xs-inline{display:inline!important}.mui--visible-xs-inline-block{display:inline-block!important}}@media (min-width:544px) and (max-width:767px){.mui-visible-sm{display:block!important}table.mui-visible-sm{display:table}tr.mui-visible-sm{display:table-row!important}td.mui-visible-sm,th.mui-visible-sm{display:table-cell!important}.mui--visible-sm-block{display:block!important}.mui--visible-sm-inline{display:inline!important}.mui--visible-sm-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.mui-visible-md{display:block!important}table.mui-visible-md{display:table}tr.mui-visible-md{display:table-row!important}td.mui-visible-md,th.mui-visible-md{display:table-cell!important}.mui--visible-md-block{display:block!important}.mui--visible-md-inline{display:inline!important}.mui--visible-md-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.mui-visible-lg{display:block!important}table.mui-visible-lg{display:table}tr.mui-visible-lg{display:table-row!important}td.mui-visible-lg,th.mui-visible-lg{display:table-cell!important}.mui--visible-lg-block{display:block!important}.mui--visible-lg-inline{display:inline!important}.mui--visible-lg-inline-block{display:inline-block!important}}@media (min-width:1200px){.mui-visible-xl{display:block!important}table.mui-visible-xl{display:table}tr.mui-visible-xl{display:table-row!important}td.mui-visible-xl,th.mui-visible-xl{display:table-cell!important}.mui--visible-xl-block{display:block!important}.mui--visible-xl-inline{display:inline!important}.mui--visible-xl-inline-block{display:inline-block!important}}@media (max-width:543px){.mui--hidden-xs{display:none!important}}@media (min-width:544px) and (max-width:767px){.mui--hidden-sm{display:none!important}}@media (min-width:768px) and (max-width:991px){.mui--hidden-md{display:none!important}}@media (min-width:992px) and (max-width:1199px){.mui--hidden-lg{display:none!important}}@media (min-width:1200px){.mui--hidden-xl{display:none!important}}.mui-scrlock--showbar-y{overflow-y:scroll!important}.mui-scrlock--showbar-x{overflow-x:scroll!important}#mui-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999999;background-color:rgba(0,0,0,.2);overflow:auto}.mui-btn__ripple-container{position:absolute;top:0;left:0;display:block;height:100%;width:100%;overflow:hidden;z-index:0;pointer-events:none}.mui-ripple{position:absolute;top:0;left:0;border-radius:50%;opacity:0;pointer-events:none;-webkit-transform:scale(.0001,.0001);transform:scale(.0001,.0001)}.mui-ripple.mui--is-animating{-webkit-transform:none;transform:none;-webkit-transition:width .3s cubic-bezier(0,0,.2,1),height .3s cubic-bezier(0,0,.2,1),opacity .3s cubic-bezier(0,0,.2,1),-webkit-transform .3s cubic-bezier(0,0,.2,1);transition:width .3s cubic-bezier(0,0,.2,1),height .3s cubic-bezier(0,0,.2,1),opacity .3s cubic-bezier(0,0,.2,1),-webkit-transform .3s cubic-bezier(0,0,.2,1);transition:transform .3s cubic-bezier(0,0,.2,1),width .3s cubic-bezier(0,0,.2,1),height .3s cubic-bezier(0,0,.2,1),opacity .3s cubic-bezier(0,0,.2,1);transition:transform .3s cubic-bezier(0,0,.2,1),width .3s cubic-bezier(0,0,.2,1),height .3s cubic-bezier(0,0,.2,1),opacity .3s cubic-bezier(0,0,.2,1),-webkit-transform .3s cubic-bezier(0,0,.2,1)}.mui-ripple.mui--is-visible{opacity:.3}.mui-btn .mui-ripple{background-color:#a6a6a6}.mui-btn--primary .mui-ripple{background-color:#FFF}.mui-btn--dark .mui-ripple{background-color:#FFF}.mui-btn--danger .mui-ripple{background-color:#FFF}.mui-btn--accent .mui-ripple{background-color:#FFF}.mui-btn--flat .mui-ripple{background-color:#a6a6a6}.mui--text-display4{font-weight:300;font-size:112px;line-height:112px}.mui--text-display3{font-weight:400;font-size:56px;line-height:56px}.mui--text-display2{font-weight:400;font-size:45px;line-height:48px}.mui--text-display1,h1{font-weight:400;font-size:34px;line-height:40px}.mui--text-headline,h2{font-weight:400;font-size:24px;line-height:32px}.mui--text-title,h3{font-weight:400;font-size:20px;line-height:28px}.mui--text-subhead,h4{font-weight:400;font-size:16px;line-height:24px}.mui--text-body2,h5{font-weight:500;font-size:14px;line-height:24px}.mui--text-body1{font-weight:400;font-size:14px;line-height:20px}.mui--text-caption{font-weight:400;font-size:12px;line-height:16px}.mui--text-menu{font-weight:500;font-size:13px;line-height:17px}.mui--text-button{font-weight:500;font-size:14px;line-height:18px;text-transform:uppercase}</style><script type="javascript">!function r(s,a,l){function u(i,t){if(!a[i]){if(!s[i]){var e="function"==typeof require&&require;if(!t&&e)return e(i,!0);if(c)return c(i,!0);var n=new Error("Cannot find module '"+i+"'");throw n.code="MODULE_NOT_FOUND",n}var o=a[i]={exports:{}};s[i][0].call(o.exports,function(t){var e=s[i][1][t];return u(e||t)},o,o.exports,r,s,a,l)}return a[i].exports}for(var c="function"==typeof require&&require,t=0;t<l.length;t++)u(l[t]);return u}({1:[function(l,t,e){!function(t){"use strict";if(!t._muiLoadedJS){t._muiLoadedJS=!0;var e=l("src/js/lib/jqLite"),i=l("src/js/dropdown"),n=l("src/js/overlay"),o=l("src/js/ripple"),r=l("src/js/select"),s=l("src/js/tabs"),a=l("src/js/textfield");t.mui={overlay:n,tabs:s.api},e.ready(function(){a.initListeners(),r.initListeners(),o.initListeners(),i.initListeners(),s.initListeners()})}}(window)},{"src/js/dropdown":3,"src/js/lib/jqLite":6,"src/js/overlay":8,"src/js/ripple":9,"src/js/select":10,"src/js/tabs":11,"src/js/textfield":12}],2:[function(t,e,i){e.exports={debug:!0}},{}],3:[function(t,e,i){"use strict";var u=t("./lib/jqLite"),c=t("./lib/util"),n=t("./lib/animationHelpers"),d="mui--is-open",m="mui-dropdown__menu";function o(t){if(!0!==t._muiDropdown){t._muiDropdown=!0;var e=t.tagName;"INPUT"!==e&&"BUTTON"!==e||t.hasAttribute("type")||(t.type="button"),u.on(t,"click",r)}}function r(t){if(0===t.button){null===this.getAttribute("disabled")&&function(t){var e=t.parentNode,i=t.nextElementSibling,n=e.ownerDocument;if(!i||!u.hasClass(i,m))return c.raiseError("Dropdown menu element not found");function o(){u.removeClass(i,d),u.off(n,"click",o),u.off(n,"keydown",r)}function r(t){var e=t.key;"Escape"!==e&&"Esc"!==e||o()}u.hasClass(i,d)?o():(s=e.getBoundingClientRect(),a=t.getBoundingClientRect(),l=a.top-s.top+a.height,u.css(i,"top",l+"px"),u.addClass(i,d),setTimeout(function(){u.on(n,"click",o),u.on(n,"keydown",r)},0));var s,a,l}(this)}}e.exports={initListeners:function(){for(var t=document.querySelectorAll('[data-mui-toggle="dropdown"]'),e=t.length;e--;)o(t[e]);n.onAnimationStart("mui-dropdown-inserted",function(t){o(t.target)})}}},{"./lib/animationHelpers":4,"./lib/jqLite":6,"./lib/util":7}],4:[function(t,e,i){"use strict";var n=t("./jqLite"),r=t("./util"),o="animationstart mozAnimationStart webkitAnimationStart",s={};function a(t){var e=s[t.animationName]||[],i=e.length;if(i)for(t.stopImmediatePropagation();i--;)e[i](t)}e.exports={animationEvents:o,onAnimationStart:function(t,e){var i=s[t];i||(i=s[t]=[]),i.push(e),this.init||(function(){for(var t,e=[[".mui-btn","mui-btn-inserted"],['[data-mui-toggle="dropdown"]',"mui-dropdown-inserted"],['.mui-btn[data-mui-toggle="dropdown"]',"mui-btn-inserted,mui-dropdown-inserted"],['[data-mui-toggle="tab"]',"mui-tab-inserted"],[".mui-textfield > input","mui-textfield-inserted"],[".mui-textfield > textarea","mui-textfield-inserted"],[".mui-textfield > input:-webkit-autofill","mui-textfield-autofill"],[".mui-textfield > textarea:-webkit-autofill","mui-textfield-autofill"],[".mui-select > select","mui-select-inserted"],[".mui-select > select ~ .mui-event-trigger","mui-node-inserted"],[".mui-select > select:disabled ~ .mui-event-trigger","mui-node-disabled"]],i="",n=0,o=e.length;n<o;n++)i+="@keyframes "+(t=e[n])[1],i+="{from{transform:none;}to{transform:none;}}",i+=t[0],i+="{animation-duration:0.0001s;animation-name:"+t[1]+";}";r.loadStyle(i)}(),n.on(document,o,a,!0),this.init=!0)}}},{"./jqLite":6,"./util":7}],5:[function(t,e,i){"use strict";var v=t("./jqLite");e.exports={getMenuPositionalCSS:function(t,e,i){var n,o,r,s,a=document.documentElement.clientHeight,l=e.children.length,u=parseInt(e.offsetHeight),c=Math.min(u,a),d=parseInt(v.css(e,"padding-top")),m=(u-2*d)/l;o=-1*i*m,s=a-c+(r=-1*t.getBoundingClientRect().top),n=Math.min(Math.max(o,r),s);var f,p,h=0;return a<u&&(f=n+d+i*m,p=l*m+2*d-c,h=Math.min(f,p)),{height:c+"px",top:n+"px",scrollTop:h}}}},{"./jqLite":6}],6:[function(t,e,i){"use strict";function l(t){if(void 0===t)return"undefined";var e=Object.prototype.toString.call(t);if(0===e.indexOf("[object "))return e.slice(8,-1).toLowerCase();throw new Error("MUI: Could not understand type: "+e)}function s(e,t,i,n){n=void 0!==n&&n;var o=e._muiEventCache=e._muiEventCache||{};t.split(" ").map(function(t){e.addEventListener(t,i,n),o[t]=o[t]||[],o[t].push([i,n])})}function a(e,t,i,n){n=void 0!==n&&n;var o,r,s,a=e._muiEventCache=e._muiEventCache||{};t.split(" ").map(function(t){for(o=a[t]||[],s=o.length;s--;)r=o[s],(void 0===i||r[0]===i&&r[1]===n)&&(o.splice(s,1),e.removeEventListener(t,r[0],r[1]))})}function r(t,e){var i=window;if(void 0===e){if(t===i){var n=document.documentElement;return(i.pageXOffset||n.scrollLeft)-(n.clientLeft||0)}return t.scrollLeft}t===i?i.scrollTo(e,u(i)):t.scrollLeft=e}function u(t,e){var i=window;if(void 0===e){if(t===i){var n=document.documentElement;return(i.pageYOffset||n.scrollTop)-(n.clientTop||0)}return t.scrollTop}t===i?i.scrollTo(r(i),e):t.scrollTop=e}var n=/([\:\-\_]+(.))/g,o=/^moz([A-Z])/;function c(t){return" "+(t.getAttribute("class")||"").replace(/[\n\t]/g,"")+" "}function d(t){return t.replace(n,function(t,e,i,n){return n?i.toUpperCase():i}).replace(o,"Moz$1")}function m(t,e,i){var n;return""!==(n=i.getPropertyValue(e))||t.ownerDocument||(n=t.style[d(e)]),n}e.exports={addClass:function(t,e){if(e&&t.setAttribute){for(var i,n=c(t),o=e.split(" "),r=0;r<o.length;r++)i=o[r].trim(),-1===n.indexOf(" "+i+" ")&&(n+=i+" ");t.setAttribute("class",n.trim())}},css:function(t,e,i){if(void 0===e)return getComputedStyle(t);var n=l(e);if("object"!==n){"string"===n&&void 0!==i&&(t.style[d(e)]=i);var o=getComputedStyle(t);if("array"!==l(e))return m(t,e,o);for(var r={},s=0;s<e.length;s++)r[a=e[s]]=m(t,a,o);return r}for(var a in e)t.style[d(a)]=e[a]},hasClass:function(t,e){return!(!e||!t.getAttribute)&&-1<c(t).indexOf(" "+e+" ")},off:a,offset:function(t){var e=window,i=t.getBoundingClientRect(),n=u(e),o=r(e);return{top:i.top+n,left:i.left+o,height:i.height,width:i.width}},on:s,one:function(n,t,o,r){t.split(" ").map(function(i){s(n,i,function t(e){o&&o.apply(this,arguments),a(n,i,t,r)},r)})},ready:function(e){var i=!1,t=!0,n=document,o=n.defaultView,r=n.documentElement,s=n.addEventListener?"addEventListener":"attachEvent",a=n.addEventListener?"removeEventListener":"detachEvent",l=n.addEventListener?"":"on",u=function(t){"readystatechange"==t.type&&"complete"!=n.readyState||(("load"==t.type?o:n)[a](l+t.type,u,!1),!i&&(i=!0)&&e.call(o,t.type||t))},c=function(){try{r.doScroll("left")}catch(t){return void setTimeout(c,50)}u("poll")};if("complete"==n.readyState)e.call(o,"lazy");else{if(n.createEventObject&&r.doScroll){try{t=!o.frameElement}catch(t){}t&&c()}n[s](l+"DOMContentLoaded",u,!1),n[s](l+"readystatechange",u,!1),o[s](l+"load",u,!1)}},removeClass:function(t,e){if(e&&t.setAttribute){for(var i,n=c(t),o=e.split(" "),r=0;r<o.length;r++)for(i=o[r].trim();0<=n.indexOf(" "+i+" ");)n=n.replace(" "+i+" "," ");t.setAttribute("class",n.trim())}},type:l,scrollLeft:r,scrollTop:u}},{}],7:[function(t,e,i){"use strict";var l,u,c,n,o,r=t("../config"),d=t("./jqLite"),m=0,f="mui-scroll-lock";function p(t){var e,i=document;e=i.head||i.getElementsByTagName("head")[0]||i.documentElement;var n=i.createElement("style");return n.type="text/css",n.styleSheet?n.styleSheet.cssText=t:n.appendChild(i.createTextNode(t)),e.insertBefore(n,e.firstChild),n}c=function(t){t.target.tagName||t.stopImmediatePropagation()};var h=function(){if(void 0!==n)return n;var t=document,e=t.body,i=t.createElement("div");return i.innerHTML='<div style="width:50px;height:50px;position:absolute;left:-50px;top:-50px;overflow:auto;"><div style="width:1px;height:100px;"></div></div>',i=i.firstChild,e.appendChild(i),n=i.offsetWidth-i.clientWidth,e.removeChild(i),n};e.exports={callback:function(t,e){return function(){t[e].apply(t,arguments)}},classNames:function(t){var e="";for(var i in t)e+=t[i]?i+" ":"";return e.trim()},disableScrollLock:function(t){0!==m&&0==(m-=1)&&(d.removeClass(document.body,f),t&&window.scrollTo(l.left,l.top),d.off(window,"scroll",c,!0),setTimeout(function(){u.parentNode.removeChild(u)},0))},dispatchEvent:function(t,e,i,n,o){var r,s=document.createEvent("HTMLEvents");if(i=void 0===i||i,n=void 0===n||n,s.initEvent(e,i,n),o)for(r in o)s[r]=o[r];return t&&t.dispatchEvent(s),s},enableScrollLock:function(){if(1===(m+=1)){var t,e,i,n=document,o=window,r=n.documentElement,s=n.body,a=h();t=["overflow:hidden"],a&&(r.scrollHeight>r.clientHeight&&(i=parseInt(d.css(s,"padding-right"))+a,t.push("padding-right:"+i+"px")),r.scrollWidth>r.clientWidth&&(i=parseInt(d.css(s,"padding-bottom"))+a,t.push("padding-bottom:"+i+"px"))),e="."+f+"{",e+=t.join(" !important;")+" !important;}",u=p(e),d.on(o,"scroll",c,!0),l={left:d.scrollLeft(o),top:d.scrollTop(o)},d.addClass(s,f)}},log:function(){var e=window;if(r.debug&&void 0!==e.console)try{e.console.log.apply(e.console,arguments)}catch(t){var i=Array.prototype.slice.call(arguments);e.console.log(i.join("\n"))}},loadStyle:p,raiseError:function(t,e){if(!e)throw new Error("MUI: "+t);"undefined"!=typeof console&&console.warn("MUI Warning: "+t)},requestAnimationFrame:function(t){var e=window.requestAnimationFrame;e?e(t):setTimeout(t,0)},supportsPointerEvents:function(){if(void 0!==o)return o;var t=document.createElement("x");return t.style.cssText="pointer-events:auto",o="auto"===t.style.pointerEvents}}},{"../config":2,"./jqLite":6}],8:[function(t,e,i){"use strict";var s,a=t("./lib/util"),l=t("./lib/jqLite"),u="mui-overlay",c=/(iPad|iPhone|iPod)/g;function d(){var t,e=document.getElementById(u);if(e){for(;e.firstChild;)e.removeChild(e.firstChild);e.parentNode.removeChild(e),t=e.muiOptions.onclose,p(e)}return a.disableScrollLock(),m(),s&&s.focus(),t&&t(),e}function m(){l.off(document,"keyup",f)}function f(t){27===t.keyCode&&d()}function p(t){l.off(t,"click",h)}function h(t){t.target.id===u&&d()}e.exports=function(t){var e;if("on"===t){for(var i,n,o,r=arguments.length-1;0<r;r--)i=arguments[r],"object"===l.type(i)&&(n=i),i instanceof Element&&1===i.nodeType&&(o=i);void 0===(n=n||{}).keyboard&&(n.keyboard=!0),void 0===n.static&&(n.static=!1),e=function(t,e){var i,n=document,o=n.body,r=n.getElementById(u);if(n.activeElement&&(s=n.activeElement),a.enableScrollLock(),r){for(;r.firstChild;)r.removeChild(r.firstChild);e&&r.appendChild(e)}else(r=n.createElement("div")).setAttribute("id",u),r.setAttribute("tabindex","-1"),e&&r.appendChild(e),o.appendChild(r);return c.test(navigator.userAgent)&&l.css(r,"cursor","pointer"),t.keyboard?l.on(document,"keyup",f):m(),t.static?p(r):(i=r,l.on(i,"click",h)),r.muiOptions=t,r.focus(),r}(n,o)}else"off"===t?e=d():a.raiseError("Expecting 'on' or 'off'");return e}},{"./lib/jqLite":6,"./lib/util":7}],9:[function(t,e,i){"use strict";var l=t("./lib/jqLite"),u=t("./lib/util"),n=t("./lib/animationHelpers"),o="ontouchstart"in document.documentElement,r=o?"touchstart":"mousedown",c=o?"touchend":"mouseup mouseleave";function s(t){!0!==t._muiRipple&&(t._muiRipple=!0,"INPUT"!==t.tagName&&l.on(t,r,a))}function a(t){if("mousedown"!==t.type||0===t.button){var e=this,i=e._rippleEl;if(!e.disabled){if(!i){var n=document.createElement("span");n.className="mui-btn__ripple-container",n.innerHTML='<span class="mui-ripple"></span>',e.appendChild(n),i=e._rippleEl=n.children[0],l.on(e,c,d)}var o,r,s=l.offset(e),a="touchstart"===t.type?t.touches[0]:t;r=2*(o=Math.sqrt(s.height*s.height+s.width*s.width))+"px",l.css(i,{width:r,height:r,top:Math.round(a.pageY-s.top-o)+"px",left:Math.round(a.pageX-s.left-o)+"px"}),l.removeClass(i,"mui--is-animating"),l.addClass(i,"mui--is-visible"),u.requestAnimationFrame(function(){l.addClass(i,"mui--is-animating")})}}}function d(t){var e=this._rippleEl;u.requestAnimationFrame(function(){l.removeClass(e,"mui--is-visible")})}e.exports={initListeners:function(){for(var t=document.getElementsByClassName("mui-btn"),e=t.length;e--;)s(t[e]);n.onAnimationStart("mui-btn-inserted",function(t){s(t.target)})}}},{"./lib/animationHelpers":4,"./lib/jqLite":6,"./lib/util":7}],10:[function(t,e,i){"use strict";var y=t("./lib/jqLite"),l=t("./lib/util"),n=t("./lib/animationHelpers"),u=t("./lib/forms"),C="mui--is-selected",E=document,c=window;function o(t){if(!0!==t._muiSelect&&(t._muiSelect=!0,!("ontouchstart"in E.documentElement))){var e=t.parentNode;if(!y.hasClass(e,"mui-select--use-default")){e._selectEl=t,e._menu=null,e._q="",e._qTimeout=null,t.disabled||(e.tabIndex=0),t.tabIndex=-1,y.on(t,"mousedown",r),y.on(e,"click",m),y.on(e,"blur focus",s),y.on(e,"keydown",a),y.on(e,"keypress",d);var i=document.createElement("div");i.className="mui-event-trigger",e.appendChild(i),y.on(i,n.animationEvents,function(t){var e=t.target.parentNode;t.stopPropagation(),"mui-node-disabled"===t.animationName?e.removeAttribute("tabIndex"):e.tabIndex=0})}}}function r(t){0===t.button&&t.preventDefault()}function s(t){l.dispatchEvent(this._selectEl,t.type,!1,!1)}function a(t){if(!t.defaultPrevented){var e=t.keyCode,i=this._menu;if(i){if(9===e)return i.destroy();27!==e&&40!==e&&38!==e&&13!==e||t.preventDefault(),27===e?i.destroy():40===e?i.increment():38===e?i.decrement():13===e&&(i.selectCurrent(),i.destroy())}else 32!==e&&38!==e&&40!==e||(t.preventDefault(),f(this))}}function d(t){var e=this._menu;if(!t.defaultPrevented&&e){var i=this;clearTimeout(this._qTimeout),this._q+=t.key,this._qTimeout=setTimeout(function(){i._q=""},300);var n,o=new RegExp("^"+this._q,"i"),r=e.itemArray;for(n in r)if(o.test(r[n].innerText)){e.selectPos(n);break}}}function m(t){0!==t.button||this._selectEl.disabled||(this.focus(),f(this))}function f(t){t._menu||(t._menu=new p(t,t._selectEl,function(){t._menu=null,t.focus()}))}function p(t,e,i){l.enableScrollLock(),this.itemArray=[],this.origPos=null,this.currentPos=null,this.selectEl=e,this.wrapperEl=t;var n=this._createMenuEl(t,e),o=this.menuEl=n[0],r=l.callback;this.onClickCB=r(this,"onClick"),this.destroyCB=r(this,"destroy"),this.wrapperCallbackFn=i,t.appendChild(this.menuEl);var s=u.getMenuPositionalCSS(t,o,n[1]);y.css(o,s),y.scrollTop(o,s.scrollTop);var a=this.destroyCB;y.on(o,"click",this.onClickCB),y.on(c,"resize",a),setTimeout(function(){y.on(E,"click",a)},0)}p.prototype._createMenuEl=function(t,e){var i,n,o,r,s,a,l,u,c=E.createElement("div"),d=e.children,m=this.itemArray,f=0,p=-1,h=0,v=0,g=0,b=document.createDocumentFragment();for(c.className="mui-select__menu",s=0,a=d.length;s<a;s++)for("OPTGROUP"===(i=d[s]).tagName?((n=E.createElement("div")).textContent=i.label,n.className="mui-optgroup__label",b.appendChild(n),r=!0,o=i.children):(r=!1,o=[i]),l=0,u=o.length;l<u;l++)i=o[l],(n=E.createElement("div")).textContent=i.textContent,r&&y.addClass(n,"mui-optgroup__option"),i.hidden||(i.disabled?y.addClass(n,"mui--is-disabled"):(n._muiIndex=i.index,n._muiPos=f,i.selected&&(v=g,h=p=f),m.push(n),f+=1),b.appendChild(n),g+=1);return c.appendChild(b),this.origPos=p,this.currentPos=h,m.length&&y.addClass(m[h],C),[c,v]},p.prototype.onClick=function(t){t.stopPropagation();var e=t.target;void 0!==e._muiIndex&&(this.currentPos=e._muiPos,this.selectCurrent(),this.destroy())},p.prototype.increment=function(){this.currentPos!==this.itemArray.length-1&&(y.removeClass(this.itemArray[this.currentPos],C),this.currentPos+=1,y.addClass(this.itemArray[this.currentPos],C))},p.prototype.decrement=function(){0!==this.currentPos&&(y.removeClass(this.itemArray[this.currentPos],C),this.currentPos-=1,y.addClass(this.itemArray[this.currentPos],C))},p.prototype.selectCurrent=function(){this.currentPos!==this.origPos&&(this.selectEl.selectedIndex=this.itemArray[this.currentPos]._muiIndex,l.dispatchEvent(this.selectEl,"change",!0,!1),l.dispatchEvent(this.selectEl,"input",!0,!1))},p.prototype.selectPos=function(t){y.removeClass(this.itemArray[this.currentPos],C),this.currentPos=t;var e=this.itemArray[t];y.addClass(e,C);var i=this.menuEl,n=e.getBoundingClientRect();n.top<0?i.scrollTop=i.scrollTop+n.top-5:n.top>window.innerHeight&&(i.scrollTop=i.scrollTop+(n.top+n.height-window.innerHeight)+5)},p.prototype.destroy=function(){l.disableScrollLock(!0),y.off(this.menuEl,"click",this.clickCallbackFn),y.off(E,"click",this.destroyCB),y.off(c,"resize",this.destroyCB);var t=this.menuEl.parentNode;t&&(t.removeChild(this.menuEl),this.wrapperCallbackFn())},e.exports={initListeners:function(){for(var t=E.querySelectorAll(".mui-select > select"),e=t.length;e--;)o(t[e]);n.onAnimationStart("mui-select-inserted",function(t){o(t.target)})}}},{"./lib/animationHelpers":4,"./lib/forms":5,"./lib/jqLite":6,"./lib/util":7}],11:[function(t,e,i){"use strict";var f=t("./lib/jqLite"),p=t("./lib/util"),n=t("./lib/animationHelpers"),h="data-mui-controls",v="mui--is-active",g="mui.tabs.showstart",b="mui.tabs.showend",y="mui.tabs.hidestart",C="mui.tabs.hideend";function o(t){!0!==t._muiTabs&&(t._muiTabs=!0,f.on(t,"click",r))}function r(t){if(0===t.button){null===this.getAttribute("disabled")&&s(this)}}function s(t){var e,i,n,o,r,s,a,l,u,c=t.parentNode,d=t.getAttribute(h),m=document.getElementById(d);f.hasClass(c,v)||(m||p.raiseError('Tab pane "'+d+'" not found'),n=(i=function(t){var e,i=t.parentNode.children,n=i.length,o=null;for(;n--&&!o;)(e=i[n])!==t&&f.hasClass(e,v)&&(o=e);return o}(m)).id,u="["+h+'="'+n+'"]',o=document.querySelectorAll(u)[0],e=o.parentNode,r={paneId:d,relatedPaneId:n},s={paneId:n,relatedPaneId:d},a=p.dispatchEvent(o,y,!0,!0,s),l=p.dispatchEvent(t,g,!0,!0,r),setTimeout(function(){a.defaultPrevented||l.defaultPrevented||(e&&f.removeClass(e,v),i&&f.removeClass(i,v),f.addClass(c,v),f.addClass(m,v),p.dispatchEvent(o,C,!0,!1,s),p.dispatchEvent(t,b,!0,!1,r))},0))}e.exports={initListeners:function(){for(var t=document.querySelectorAll('[data-mui-toggle="tab"]'),e=t.length;e--;)o(t[e]);n.onAnimationStart("mui-tab-inserted",function(t){o(t.target)})},api:{activate:function(t){var e="["+h+"="+t+"]",i=document.querySelectorAll(e);i.length||p.raiseError('Tab control for pane "'+t+'" not found'),s(i[0])}}}},{"./lib/animationHelpers":4,"./lib/jqLite":6,"./lib/util":7}],12:[function(t,e,i){"use strict";var n=t("./lib/jqLite"),o=t("./lib/util"),r=t("./lib/animationHelpers"),s="mui--is-touched",a="mui--is-untouched",l="mui--is-pristine",u="mui--is-dirty",c="mui--is-empty",d="mui--is-not-empty";function m(e){!0!==e._muiTextfield&&(e._muiTextfield=!0,e.value.length?n.addClass(e,d):n.addClass(e,c),n.addClass(e,a+" "+l),n.on(e,"blur",function t(){document.activeElement!==e&&(n.removeClass(e,a),n.addClass(e,s),n.off(e,"blur",t))}),n.one(e,"input change",function(){n.removeClass(e,l),n.addClass(e,u)}),n.on(e,"input change",f))}function f(){var t=this;t.value.length?(n.removeClass(t,c),n.addClass(t,d)):(n.removeClass(t,d),n.addClass(t,c))}e.exports={initialize:m,initListeners:function(){for(var t=document,e=t.querySelectorAll(".mui-textfield > input, .mui-textfield > textarea"),i=e.length;i--;)m(e[i]);r.onAnimationStart("mui-textfield-inserted",function(t){m(t.target)}),setTimeout(function(){var t=".mui-textfield.mui-textfield--float-label > label {"+["-webkit-transition","-moz-transition","-o-transition","transition",""].join(":all .15s ease-out;")+"}";o.loadStyle(t)},150),r.onAnimationStart("mui-textfield-autofill",function(t){var e;!0===(e=t.target)._muiTextfield&&f.call(e)}),!1===o.supportsPointerEvents()&&n.on(t,"click",function(t){var e=t.target;if("LABEL"===e.tagName&&n.hasClass(e.parentNode,"mui-textfield--float-label")){var i=e.previousElementSibling;i&&i.focus()}})}}},{"./lib/animationHelpers":4,"./lib/jqLite":6,"./lib/util":7}]},{},[1]);</script><style>body { margin: 3em; } pre{margin-top:0;margin-bottom:2rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:1.3rem;white-space:nowrap;background:#f1f1f1;border:1px solid #dbdbdb;border-radius:4px;font-family:Consolas,Monaco,Menlo,monospace}pre>code{display:block;padding:1rem 1.5rem;white-space:pre-wrap;word-wrap:break-word} img { max-width: 100%; } table { font-family: Helvetica, sans-serif; border-collapse: collapse; width: 100%; font-weight: bold; } table td, table th { border: 1px solid #ccc; padding: 0.45em 0.55em 0.45em 0.55em; } table tr:nth-child(even){background-color: #efefef; } table tr:nth-child(odd) { background-color: #fff; } table tr:hover { background-color: #e0f0ff; color: black; } table th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #666; color: white; } .chroma { white-space: pre-wrap; border-radius: 0.3em; padding: 0.1em 0.4em 0.1em 0.4em; word-wrap: break-word; } code { font-size: 0.8rem; }</style></head><body><h1></h1><h1>lightline.vim</h1>

<p>A light and configurable statusline/tabline plugin for Vim</p>

<p><a href="https://github.com/itchyny/lightline.vim">https://github.com/itchyny/lightline.vim</a></p>

<h3>powerline (default)</h3>

<p><img src="https://raw.githubusercontent.com/wiki/itchyny/lightline.vim/image/powerline.png" alt="lightline.vim - powerline" /></p>

<h3>wombat</h3>

<p><img src="https://raw.githubusercontent.com/wiki/itchyny/lightline.vim/image/wombat.png" alt="lightline.vim - wombat" /></p>

<h3>jellybeans</h3>

<p><img src="https://raw.githubusercontent.com/wiki/itchyny/lightline.vim/image/jellybeans.png" alt="lightline.vim - jellybeans" /></p>

<h3>solarized dark</h3>

<p><img src="https://raw.githubusercontent.com/wiki/itchyny/lightline.vim/image/solarized_dark.png" alt="lightline.vim - solarized dark" /></p>

<h3>solarized light</h3>

<p><img src="https://raw.githubusercontent.com/wiki/itchyny/lightline.vim/image/solarized_light.png" alt="lightline.vim - solarized light" /></p>

<h3>PaperColor dark</h3>

<p><img src="https://raw.githubusercontent.com/wiki/itchyny/lightline.vim/image/PaperColor_dark.png" alt="lightline.vim - PaperColor dark" /></p>

<h3>PaperColor light</h3>

<p><img src="https://raw.githubusercontent.com/wiki/itchyny/lightline.vim/image/PaperColor_light.png" alt="lightline.vim - PaperColor light" /></p>

<h3>seoul256</h3>

<p><img src="https://raw.githubusercontent.com/wiki/itchyny/lightline.vim/image/seoul256.png" alt="lightline.vim - seoul256" /></p>

<h3>one dark</h3>

<p><img src="https://raw.githubusercontent.com/wiki/itchyny/lightline.vim/image/one_dark.png" alt="lightline.vim - one dark" /></p>

<h3>one light</h3>

<p><img src="https://raw.githubusercontent.com/wiki/itchyny/lightline.vim/image/one_light.png" alt="lightline.vim - one light" /></p>

<h3>landscape</h3>

<p><img src="https://raw.githubusercontent.com/wiki/itchyny/lightline.vim/image/landscape.png" alt="lightline.vim - landscape" /></p>

<p>landscape is my colorscheme, which is a high-contrast cterm-supported colorscheme, available at <a href="https://github.com/itchyny/landscape.vim">https://github.com/itchyny/landscape.vim</a></p>

<p>For screenshots of all available colorshemes, see <a href="colorscheme.md">this file</a>.</p>

<h2>Why yet another clone of powerline?</h2>

<ul>
<li><a href="https://github.com/Lokaltog/vim-powerline">vim-powerline</a> is a nice plugin, but deprecated.</li>
<li><a href="https://github.com/powerline/powerline">powerline</a> is a nice plugin, but difficult to configure.</li>
<li><a href="https://github.com/vim-airline/vim-airline">vim-airline</a> is a nice plugin, but it uses too many functions of other plugins, which should be done by users in <code>.vimrc</code>.</li>
</ul>

<h2>Spirit of this plugin</h2>

<ul>
<li>Minimalism. The core script is very small to achieve enough functions as a statusline plugin.</li>
<li>Configurability. You can create your own component and easily add to the statusline and the tabline.</li>
<li>Orthogonality. The plugin does not rely on the implementation of other plugins. Such plugin crossing settings should be configured by users.</li>
</ul>

<h2>Installation</h2>

<h3><a href="http://vimhelp.appspot.com/repeat.txt.html#packages">Vim packages</a> (since Vim 7.4.1528)</h3>

<pre class="chroma"><code>    git clone https://github.com/itchyny/lightline.vim ~/.vim/pack/plugins/start/lightline</code></pre>

<h3><a href="https://github.com/tpope/vim-pathogen">Pathogen</a></h3>

<ol>
<li><p>Install with the following command.</p>

<pre class="chroma"><code>git clone https://github.com/itchyny/lightline.vim ~/.vim/bundle/lightline.vim</code></pre></li>

<li><p>Generate help tags with <code>:Helptags</code>.</p></li>
</ol>

<h3><a href="https://github.com/VundleVim/Vundle.vim">Vundle</a></h3>

<ol>
<li><p>Add the following configuration to your <code>.vimrc</code>.</p>

<pre class="chroma"><code>Plugin <span class="s1">&#39;itchyny/lightline.vim&#39;</span></code></pre></li>

<li><p>Install with <code>:PluginInstall</code>.</p></li>
</ol>

<h3><a href="https://github.com/Shougo/neobundle.vim">NeoBundle</a></h3>

<ol>
<li><p>Add the following configuration to your <code>.vimrc</code>.</p>

<pre class="chroma"><code>NeoBundle <span class="s1">&#39;itchyny/lightline.vim&#39;</span></code></pre></li>

<li><p>Install with <code>:NeoBundleInstall</code>.</p></li>
</ol>

<h3><a href="https://github.com/junegunn/vim-plug">vim-plug</a></h3>

<ol>
<li><p>Add the following configuration to your <code>.vimrc</code>.</p>

<pre class="chroma"><code>Plug <span class="s1">&#39;itchyny/lightline.vim&#39;</span></code></pre></li>

<li><p>Install with <code>:PlugInstall</code>.</p></li>
</ol>

<h3><a href="https://github.com/Shougo/dein.vim">dein.vim</a></h3>

<ol>
<li><p>Add the following configuration to your <code>.vimrc</code>.</p>

<pre class="chroma"><code>call dein#add<span class="o">(</span><span class="s1">&#39;itchyny/lightline.vim&#39;</span><span class="o">)</span></code></pre></li>

<li><p>Install with <code>:call dein#install()</code></p></li>
</ol>

<h2>Introduction</h2>

<p>After installing this plugin, you restart the editor and will get a cool statusline.
<img src="https://raw.githubusercontent.com/wiki/itchyny/lightline.vim/image/tutorial/1.png" alt="lightline.vim - tutorial" /></p>

<p>The color of the statusline changes due to the mode of Vim. Try typing something, selecting in visual mode and replacing some texts.</p>

<p>If the statusline looks like
<img src="https://raw.githubusercontent.com/wiki/itchyny/lightline.vim/image/tutorial/21.png" alt="lightline.vim - tutorial" /></p>

<p>add the following configuration to your <code>.vimrc</code>.</p>

<pre class="chroma"><code><span class="nx">set</span> <span class="nx">laststatus</span><span class="p">=</span><span class="m">2</span></code></pre>

<p>If the statusline is not coloured like
<img src="https://raw.githubusercontent.com/wiki/itchyny/lightline.vim/image/tutorial/20.png" alt="lightline.vim - tutorial" /></p>

<p>then modify <code>TERM</code> in your shell configuration (<code>.zshrc</code> for example)</p>

<pre class="chroma"><code><span class="nb">export</span> <span class="nv">TERM</span><span class="o">=</span>xterm-256color</code></pre>

<p>and then add the following configuration to your <code>.vimrc</code>.</p>

<pre class="chroma"><code><span class="k">if</span> <span class="p">!</span><span class="nx">has</span><span class="p">(</span><span class="s1">&#39;gui_running&#39;</span><span class="p">)</span><span class="err">
</span><span class="err"></span>  <span class="nx">set</span> <span class="nx">t_Co</span><span class="p">=</span><span class="m">256</span><span class="err">
</span><span class="err"></span><span class="k">endif</span></code></pre>

<p>Your statusline appears to work correctly? If yes, great, thanks for choosing lightline.vim! If no, please file an issue report to the <a href="https://github.com/itchyny/lightline.vim/issues">issue tracker</a>.</p>

<p>By the way, <code>-- INSERT --</code> is unnecessary anymore because the mode information is displayed in the statusline.
<img src="https://raw.githubusercontent.com/wiki/itchyny/lightline.vim/image/tutorial/13.png" alt="lightline.vim - tutorial" />
If you want to get rid of it, configure as follows.</p>

<pre class="chroma"><code><span class="nx">set</span> <span class="nx">noshowmode</span></code></pre>

<h2>Colorscheme configuration</h2>

<p>The lightline.vim plugin provides multiple colorschemes to meet your editor colorscheme.
Do not be confused, editor colorscheme rules how codes look like in buffers and lightline.vim has independent colorscheme feature, which rules how the statusline looks like.</p>

<p>If you are using wombat colorscheme, add the following setting to your <code>.vimrc</code>,</p>

<pre class="chroma"><code><span class="k">let</span> <span class="nx">g</span>:<span class="nx">lightline</span> <span class="p">=</span> {<span class="err">
</span><span class="err"></span>      \ <span class="s1">&#39;colorscheme&#39;</span>: <span class="s1">&#39;wombat&#39;</span><span class="p">,</span><span class="err">
</span><span class="err"></span>      \ }</code></pre>

<p>restart Vim and the statusline looks like:</p>

<p><img src="https://raw.githubusercontent.com/wiki/itchyny/lightline.vim/image/tutorial/2.png" alt="lightline.vim - tutorial" /></p>

<p>If the colors of the statusline do not change, move the settings of <code>g:lightline</code> before setting the editor colorscheme.</p>

<p>There are many lightline colorschemes available as screenshots shown above. See <code>:h g:lightline.colorscheme</code> for the complete list.</p>

<h2>Advanced configuration</h2>

<p>The default appearance of lightline.vim is carefully designed that the tutorial is enough here for most people.
So please read this section if you really want to configure and enjoy the configurability of lightline.vim.</p>

<p>Sometimes people want to display information of other plugins.
For example git branch information, syntax check errors and some statuses of plugins.</p>

<p>The lightline.vim plugin does not provide any plugin integration by default.
This plugin considers orthogonality to be one of the important ideas, which means that the plugin does not rely on implementation of other plugins.
Once a plugin starts to integrate with some famous plugins, it should be kept updated to follow the changes of the plugins, and should accept integration requests with new plugins and it will suffer from performance regression due to plugin availability checks.</p>

<p>Instead, lightline.vim provides a simple API that user can easily integrate with other plugins.
Once you understand how to configure and how it will be displayed in the statusline, you can also tell how to integrate with your favorite plugins.</p>

<p>Let&rsquo;s start to configure the appearance.
The statusline is composed of multiple components.
It shows the current mode, filename, modified status on the left, and file format, encoding, filetype and cursor positions on the right.
So in order to add something in the statusline, you firstly create a new component and specify the place.</p>

<p>This is the hello world of lightline.vim component.</p>

<pre class="chroma"><code><span class="k">let</span> <span class="nx">g</span>:<span class="nx">lightline</span> <span class="p">=</span> {<span class="err">
</span><span class="err"></span>      \ <span class="s1">&#39;colorscheme&#39;</span>: <span class="s1">&#39;wombat&#39;</span><span class="p">,</span><span class="err">
</span><span class="err"></span>      \ <span class="s1">&#39;active&#39;</span>: {<span class="err">
</span><span class="err"></span>      \   <span class="s1">&#39;left&#39;</span>: [ [ <span class="s1">&#39;mode&#39;</span><span class="p">,</span> <span class="s1">&#39;paste&#39;</span> ]<span class="p">,</span><span class="err">
</span><span class="err"></span>      \             [ <span class="s1">&#39;readonly&#39;</span><span class="p">,</span> <span class="s1">&#39;filename&#39;</span><span class="p">,</span> <span class="s1">&#39;modified&#39;</span><span class="p">,</span> <span class="s1">&#39;helloworld&#39;</span> ] ]<span class="err">
</span><span class="err"></span>      \ }<span class="p">,</span><span class="err">
</span><span class="err"></span>      \ <span class="s1">&#39;component&#39;</span>: {<span class="err">
</span><span class="err"></span>      \   <span class="s1">&#39;helloworld&#39;</span>: <span class="s1">&#39;Hello, world!&#39;</span><span class="err">
</span><span class="err"></span>      \ }<span class="p">,</span><span class="err">
</span><span class="err"></span>      \ }</code></pre>

<p>The statusline will look like:
<img src="https://raw.githubusercontent.com/wiki/itchyny/lightline.vim/image/tutorial/3.png" alt="lightline.vim - tutorial" /></p>

<p>You have succeeded in displaying <code>Hello, world!</code> in the statusline.
The <code>helloworld</code> component is added to <code>g:lightline.active.left</code> and its content is configured in <code>g:lightline.component</code>.
The component contents are simply added to <code>&amp;statusline</code>.
Try <code>:echo &amp;statusline</code>, it might be a little bit complicated, but you will find <code>Hello, world!</code> somewhere.</p>

<p>You can use <code>'statusline'</code> syntax for lightline.vim components.
Consult <code>:h 'statusline'</code> to see what&rsquo;s available here.
For example, if you want to print the value of character under the cursor in hexadecimal, configure as</p>

<pre class="chroma"><code><span class="k">let</span> <span class="nx">g</span>:<span class="nx">lightline</span> <span class="p">=</span> {<span class="err">
</span><span class="err"></span>      \ <span class="s1">&#39;colorscheme&#39;</span>: <span class="s1">&#39;wombat&#39;</span><span class="p">,</span><span class="err">
</span><span class="err"></span>      \ <span class="s1">&#39;active&#39;</span>: {<span class="err">
</span><span class="err"></span>      \   <span class="s1">&#39;left&#39;</span>: [ [ <span class="s1">&#39;mode&#39;</span><span class="p">,</span> <span class="s1">&#39;paste&#39;</span> ]<span class="p">,</span><span class="err">
</span><span class="err"></span>      \             [ <span class="s1">&#39;readonly&#39;</span><span class="p">,</span> <span class="s1">&#39;filename&#39;</span><span class="p">,</span> <span class="s1">&#39;modified&#39;</span><span class="p">,</span> <span class="s1">&#39;charvaluehex&#39;</span> ] ]<span class="err">
</span><span class="err"></span>      \ }<span class="p">,</span><span class="err">
</span><span class="err"></span>      \ <span class="s1">&#39;component&#39;</span>: {<span class="err">
</span><span class="err"></span>      \   <span class="s1">&#39;charvaluehex&#39;</span>: <span class="s1">&#39;0x%B&#39;</span><span class="err">
</span><span class="err"></span>      \ }<span class="p">,</span><span class="err">
</span><span class="err"></span>      \ }</code></pre>

<p><img src="https://raw.githubusercontent.com/wiki/itchyny/lightline.vim/image/tutorial/4.png" alt="lightline.vim - tutorial" /></p>

<p>You want the character value information on the right hand side? OK, configure as</p>

<pre class="chroma"><code><span class="k">let</span> <span class="nx">g</span>:<span class="nx">lightline</span> <span class="p">=</span> {<span class="err">
</span><span class="err"></span>      \ <span class="s1">&#39;colorscheme&#39;</span>: <span class="s1">&#39;wombat&#39;</span><span class="p">,</span><span class="err">
</span><span class="err"></span>      \ <span class="s1">&#39;active&#39;</span>: {<span class="err">
</span><span class="err"></span>      \   <span class="s1">&#39;right&#39;</span>: [ [ <span class="s1">&#39;lineinfo&#39;</span> ]<span class="p">,</span><span class="err">
</span><span class="err"></span>      \              [ <span class="s1">&#39;percent&#39;</span> ]<span class="p">,</span><span class="err">
</span><span class="err"></span>      \              [ <span class="s1">&#39;fileformat&#39;</span><span class="p">,</span> <span class="s1">&#39;fileencoding&#39;</span><span class="p">,</span> <span class="s1">&#39;filetype&#39;</span><span class="p">,</span> <span class="s1">&#39;charvaluehex&#39;</span> ] ]<span class="err">
</span><span class="err"></span>      \ }<span class="p">,</span><span class="err">
</span><span class="err"></span>      \ <span class="s1">&#39;component&#39;</span>: {<span class="err">
</span><span class="err"></span>      \   <span class="s1">&#39;charvaluehex&#39;</span>: <span class="s1">&#39;0x%B&#39;</span><span class="err">
</span><span class="err"></span>      \ }<span class="p">,</span><span class="err">
</span><span class="err"></span>      \ }</code></pre>

<p><img src="https://raw.githubusercontent.com/wiki/itchyny/lightline.vim/image/tutorial/5.png" alt="lightline.vim - tutorial" /></p>

<p>We have learned how to add a simple component.</p>

<ul>
<li>See <code>:h 'statusline'</code> to check the statusline flags.</li>
<li>Add a new component to <code>g:lightline.component</code>.</li>
<li>Add the component name to <code>g:lightline.active.left</code> or <code>g:lightline.active.right</code>.</li>
</ul>

<p>You can also configure the statusline of inactive buffers by adding the component to <code>g:lightline.inactive.left</code> or <code>g:lightline.inactive.right</code>.</p>

<p>Now let&rsquo;s add some integrations with other plugin.
The name of the git branch is important these days.
But lightline.vim does not provide this information by default because it is also one of plugin crossing configurations, and not all people want the integration.</p>

<p>In order to show the branch name in the statusline, install some plugins which provide the branch information.
The <a href="https://github.com/tpope/vim-fugitive">vim-fugitive</a> plugin is a famous plugin so let&rsquo;s integrate lightline.vim with it.
If you don&rsquo;t like to install full git integration but just want to display the branch name in the statusline, you can use the <a href="https://github.com/itchyny/vim-gitbranch">vim-gitbranch</a> plugin which provides <code>gitbranch#name</code> function.</p>

<pre class="chroma"><code><span class="k">let</span> <span class="nx">g</span>:<span class="nx">lightline</span> <span class="p">=</span> {<span class="err">
</span><span class="err"></span>      \ <span class="s1">&#39;colorscheme&#39;</span>: <span class="s1">&#39;wombat&#39;</span><span class="p">,</span><span class="err">
</span><span class="err"></span>      \ <span class="s1">&#39;active&#39;</span>: {<span class="err">
</span><span class="err"></span>      \   <span class="s1">&#39;left&#39;</span>: [ [ <span class="s1">&#39;mode&#39;</span><span class="p">,</span> <span class="s1">&#39;paste&#39;</span> ]<span class="p">,</span><span class="err">
</span><span class="err"></span>      \             [ <span class="s1">&#39;gitbranch&#39;</span><span class="p">,</span> <span class="s1">&#39;readonly&#39;</span><span class="p">,</span> <span class="s1">&#39;filename&#39;</span><span class="p">,</span> <span class="s1">&#39;modified&#39;</span> ] ]<span class="err">
</span><span class="err"></span>      \ }<span class="p">,</span><span class="err">
</span><span class="err"></span>      \ <span class="s1">&#39;component_function&#39;</span>: {<span class="err">
</span><span class="err"></span>      \   <span class="s1">&#39;gitbranch&#39;</span>: <span class="s1">&#39;FugitiveHead&#39;</span><span class="err">
</span><span class="err"></span>      \ }<span class="p">,</span><span class="err">
</span><span class="err"></span>      \ }</code></pre>

<p><img src="https://raw.githubusercontent.com/wiki/itchyny/lightline.vim/image/tutorial/6.png" alt="lightline.vim - tutorial" /></p>

<p>Okay, now the statusline shows that we are coding at the master branch.
What do we learn from this example?</p>

<ul>
<li>Find out the function which is suitable to use in the statusline.</li>
<li>Create a function component. The previous <code>charvaluehex</code> component has <code>'statusline'</code> item configuration and registered in <code>g:lightline.component</code>. In the current example, we register the name of the function in <code>g:lightline.component_function</code>. It should return the string to be displayed in the statusline.</li>
<li>Add the component name <code>gitbranch</code> to <code>g:lightline.active.left</code> or <code>g:lightline.active.right</code>.</li>
</ul>

<p>Here we have leaned two kinds of components.</p>

<ul>
<li>component: it has a <code>%</code>-prefixed item which you can find the meaning at <code>:h 'statusline'</code>. All the default components of lightline.vim are components in this style. See the default components at <code>:h g:lightline.component</code>.</li>
<li>function component: the name of functions are registered. The function is called again and again so be careful not to register a heavy function. See the help with <code>:h g:lightline.component_function</code>.</li>
</ul>

<p>The function component is an important design for the configurability of lightline.vim.
By providing the configuration interface via functions, you can adjust the statusline information as you wish.
For the proof, let&rsquo;s look into some configuration examples in Q&amp;A style.</p>

<h3>Can I hide the readonly component in the help buffer?</h3>

<p>Yes, create a function component for <code>readonly</code>.
The configuration of function component has priority over the default component.</p>

<pre class="chroma"><code><span class="k">let</span> <span class="nx">g</span>:<span class="nx">lightline</span> <span class="p">=</span> {<span class="err">
</span><span class="err"></span>      \ <span class="s1">&#39;component_function&#39;</span>: {<span class="err">
</span><span class="err"></span>      \   <span class="s1">&#39;readonly&#39;</span>: <span class="s1">&#39;LightlineReadonly&#39;</span><span class="p">,</span><span class="err">
</span><span class="err"></span>      \ }<span class="p">,</span><span class="err">
</span><span class="err"></span>      \ }<span class="err">
</span><span class="err">
</span><span class="err"></span><span class="k">function</span><span class="p">!</span> <span class="nx">LightlineReadonly</span><span class="p">()</span><span class="err">
</span><span class="err"></span>  <span class="nx">return</span> &amp;<span class="nx">readonly</span> &amp;&amp; &amp;<span class="nx">filetype</span> <span class="p">!=</span># <span class="s1">&#39;help&#39;</span> ? <span class="s1">&#39;RO&#39;</span> : <span class="s1">&#39;&#39;</span><span class="err">
</span><span class="err"></span><span class="k">endfunction</span></code></pre>

<p><img src="https://raw.githubusercontent.com/wiki/itchyny/lightline.vim/image/tutorial/7.png" alt="lightline.vim - tutorial" /></p>

<h3>Can I hide the readonly component in other plugins buffer?</h3>

<p>Yes, modify the <code>LightlineReadonly</code> function as you wish.</p>

<pre class="chroma"><code><span class="k">function</span><span class="p">!</span> <span class="nx">LightlineReadonly</span><span class="p">()</span><span class="err">
</span><span class="err"></span>  <span class="nx">return</span> &amp;<span class="nx">readonly</span> &amp;&amp; &amp;<span class="nx">filetype</span> <span class="p">!~</span># <span class="s1">&#39;\v(help|vimfiler|unite)&#39;</span> ? <span class="s1">&#39;RO&#39;</span> : <span class="s1">&#39;&#39;</span><span class="err">
</span><span class="err"></span><span class="k">endfunction</span><span class="err">
</span><span class="err">
</span><span class="err"></span><span class="k">let</span> <span class="nx">g</span>:<span class="nx">unite_force_overwrite_statusline</span> <span class="p">=</span> <span class="m">0</span><span class="err">
</span><span class="err"></span><span class="k">let</span> <span class="nx">g</span>:<span class="nx">vimfiler_force_overwrite_statusline</span> <span class="p">=</span> <span class="m">0</span></code></pre>

<p><img src="https://raw.githubusercontent.com/wiki/itchyny/lightline.vim/image/tutorial/8.png" alt="lightline.vim - tutorial" /></p>

<h3>Can I display the plugin information at the filename component?</h3>

<p>Yes, overwrite the filename component.</p>

<pre class="chroma"><code><span class="k">let</span> <span class="nx">g</span>:<span class="nx">lightline</span> <span class="p">=</span> {<span class="err">
</span><span class="err"></span>      \ <span class="s1">&#39;component_function&#39;</span>: {<span class="err">
</span><span class="err"></span>      \   <span class="s1">&#39;filename&#39;</span>: <span class="s1">&#39;LightlineFilename&#39;</span><span class="p">,</span><span class="err">
</span><span class="err"></span>      \ }<span class="p">,</span><span class="err">
</span><span class="err"></span>      \ }<span class="err">
</span><span class="err">
</span><span class="err"></span><span class="k">function</span><span class="p">!</span> <span class="nx">LightlineFilename</span><span class="p">()</span><span class="err">
</span><span class="err"></span>  <span class="nx">return</span> &amp;<span class="nx">filetype</span> <span class="p">==</span># <span class="s1">&#39;vimfiler&#39;</span> ? <span class="nx">vimfiler</span>#<span class="nx">get_status_string</span><span class="p">()</span> :<span class="err">
</span><span class="err"></span>        \ &amp;<span class="nx">filetype</span> <span class="p">==</span># <span class="s1">&#39;unite&#39;</span> ? <span class="nx">unite</span>#<span class="nx">get_status_string</span><span class="p">()</span> :<span class="err">
</span><span class="err"></span>        \ &amp;<span class="nx">filetype</span> <span class="p">==</span># <span class="s1">&#39;vimshell&#39;</span> ? <span class="nx">vimshell</span>#<span class="nx">get_status_string</span><span class="p">()</span> :<span class="err">
</span><span class="err"></span>        \ <span class="nx">expand</span><span class="p">(</span><span class="s1">&#39;%:t&#39;</span><span class="p">)</span> <span class="p">!=</span># <span class="s1">&#39;&#39;</span> ? <span class="nx">expand</span><span class="p">(</span><span class="s1">&#39;%:t&#39;</span><span class="p">)</span> : <span class="s1">&#39;[No Name]&#39;</span><span class="err">
</span><span class="err"></span><span class="k">endfunction</span><span class="err">
</span><span class="err">
</span><span class="err"></span><span class="k">let</span> <span class="nx">g</span>:<span class="nx">unite_force_overwrite_statusline</span> <span class="p">=</span> <span class="m">0</span><span class="err">
</span><span class="err"></span><span class="k">let</span> <span class="nx">g</span>:<span class="nx">vimfiler_force_overwrite_statusline</span> <span class="p">=</span> <span class="m">0</span><span class="err">
</span><span class="err"></span><span class="k">let</span> <span class="nx">g</span>:<span class="nx">vimshell_force_overwrite_statusline</span> <span class="p">=</span> <span class="m">0</span></code></pre>

<p><img src="https://raw.githubusercontent.com/wiki/itchyny/lightline.vim/image/tutorial/9.png" alt="lightline.vim - tutorial" /></p>

<h3>Can I display the plugin name at the mode component?</h3>

<p>Yes, overwrite the mode component.</p>

<pre class="chroma"><code><span class="k">let</span> <span class="nx">g</span>:<span class="nx">lightline</span> <span class="p">=</span> {<span class="err">
</span><span class="err"></span>      \ <span class="s1">&#39;component_function&#39;</span>: {<span class="err">
</span><span class="err"></span>      \   <span class="s1">&#39;mode&#39;</span>: <span class="s1">&#39;LightlineMode&#39;</span><span class="p">,</span><span class="err">
</span><span class="err"></span>      \ }<span class="p">,</span><span class="err">
</span><span class="err"></span>      \ }<span class="err">
</span><span class="err">
</span><span class="err"></span><span class="k">function</span><span class="p">!</span> <span class="nx">LightlineMode</span><span class="p">()</span><span class="err">
</span><span class="err"></span>  <span class="nx">return</span> <span class="nx">expand</span><span class="p">(</span><span class="s1">&#39;%:t&#39;</span><span class="p">)</span> <span class="p">=~</span># <span class="s1">&#39;^__Tagbar__&#39;</span> ? <span class="s1">&#39;Tagbar&#39;</span>:<span class="err">
</span><span class="err"></span>        \ <span class="nx">expand</span><span class="p">(</span><span class="s1">&#39;%:t&#39;</span><span class="p">)</span> <span class="p">==</span># <span class="s1">&#39;ControlP&#39;</span> ? <span class="s1">&#39;CtrlP&#39;</span> :<span class="err">
</span><span class="err"></span>        \ &amp;<span class="nx">filetype</span> <span class="p">==</span># <span class="s1">&#39;unite&#39;</span> ? <span class="s1">&#39;Unite&#39;</span> :<span class="err">
</span><span class="err"></span>        \ &amp;<span class="nx">filetype</span> <span class="p">==</span># <span class="s1">&#39;vimfiler&#39;</span> ? <span class="s1">&#39;VimFiler&#39;</span> :<span class="err">
</span><span class="err"></span>        \ &amp;<span class="nx">filetype</span> <span class="p">==</span># <span class="s1">&#39;vimshell&#39;</span> ? <span class="s1">&#39;VimShell&#39;</span> :<span class="err">
</span><span class="err"></span>        \ <span class="nx">lightline</span>#<span class="nx">mode</span><span class="p">()</span><span class="err">
</span><span class="err"></span><span class="k">endfunction</span></code></pre>

<p><img src="https://raw.githubusercontent.com/wiki/itchyny/lightline.vim/image/tutorial/10.png" alt="lightline.vim - tutorial" /></p>

<h3>Can I trim the file format and encoding information on narrow windows?</h3>

<p>Yes, check <code>winwidth(0)</code> and return empty string with some threshold.</p>

<pre class="chroma"><code><span class="k">let</span> <span class="nx">g</span>:<span class="nx">lightline</span> <span class="p">=</span> {<span class="err">
</span><span class="err"></span>      \ <span class="s1">&#39;component_function&#39;</span>: {<span class="err">
</span><span class="err"></span>      \   <span class="s1">&#39;fileformat&#39;</span>: <span class="s1">&#39;LightlineFileformat&#39;</span><span class="p">,</span><span class="err">
</span><span class="err"></span>      \   <span class="s1">&#39;filetype&#39;</span>: <span class="s1">&#39;LightlineFiletype&#39;</span><span class="p">,</span><span class="err">
</span><span class="err"></span>      \ }<span class="p">,</span><span class="err">
</span><span class="err"></span>      \ }<span class="err">
</span><span class="err">
</span><span class="err"></span><span class="k">function</span><span class="p">!</span> <span class="nx">LightlineFileformat</span><span class="p">()</span><span class="err">
</span><span class="err"></span>  <span class="nx">return</span> <span class="nx">winwidth</span><span class="p">(</span><span class="m">0</span><span class="p">)</span> <span class="p">&gt;</span> <span class="m">70</span> ? &amp;<span class="nx">fileformat</span> : <span class="s1">&#39;&#39;</span><span class="err">
</span><span class="err"></span><span class="k">endfunction</span><span class="err">
</span><span class="err">
</span><span class="err"></span><span class="k">function</span><span class="p">!</span> <span class="nx">LightlineFiletype</span><span class="p">()</span><span class="err">
</span><span class="err"></span>  <span class="nx">return</span> <span class="nx">winwidth</span><span class="p">(</span><span class="m">0</span><span class="p">)</span> <span class="p">&gt;</span> <span class="m">70</span> ? <span class="p">(</span>&amp;<span class="nx">filetype</span> <span class="p">!=</span># <span class="s1">&#39;&#39;</span> ? &amp;<span class="nx">filetype</span> : <span class="s1">&#39;no ft&#39;</span><span class="p">)</span> : <span class="s1">&#39;&#39;</span><span class="err">
</span><span class="err"></span><span class="k">endfunction</span></code></pre>

<p><img src="https://raw.githubusercontent.com/wiki/itchyny/lightline.vim/image/tutorial/11.png" alt="lightline.vim - tutorial" /></p>

<h3>Can I trim the bar between the filename and modified sign?</h3>

<p>Yes, by joining the two components.</p>

<pre class="chroma"><code><span class="k">let</span> <span class="nx">g</span>:<span class="nx">lightline</span> <span class="p">=</span> {<span class="err">
</span><span class="err"></span>      \ <span class="s1">&#39;active&#39;</span>: {<span class="err">
</span><span class="err"></span>      \   <span class="s1">&#39;left&#39;</span>: [ [ <span class="s1">&#39;mode&#39;</span><span class="p">,</span> <span class="s1">&#39;paste&#39;</span> ]<span class="p">,</span><span class="err">
</span><span class="err"></span>      \             [ <span class="s1">&#39;readonly&#39;</span><span class="p">,</span> <span class="s1">&#39;filename&#39;</span> ] ]<span class="p">,</span><span class="err">
</span><span class="err"></span>      \ }<span class="p">,</span><span class="err">
</span><span class="err"></span>      \ <span class="s1">&#39;component_function&#39;</span>: {<span class="err">
</span><span class="err"></span>      \   <span class="s1">&#39;filename&#39;</span>: <span class="s1">&#39;LightlineFilename&#39;</span><span class="p">,</span><span class="err">
</span><span class="err"></span>      \ }<span class="p">,</span><span class="err">
</span><span class="err"></span>      \ }<span class="err">
</span><span class="err">
</span><span class="err"></span><span class="k">function</span><span class="p">!</span> <span class="nx">LightlineFilename</span><span class="p">()</span><span class="err">
</span><span class="err"></span>  <span class="k">let</span> <span class="nx">filename</span> <span class="p">=</span> <span class="nx">expand</span><span class="p">(</span><span class="s1">&#39;%:t&#39;</span><span class="p">)</span> <span class="p">!=</span># <span class="s1">&#39;&#39;</span> ? <span class="nx">expand</span><span class="p">(</span><span class="s1">&#39;%:t&#39;</span><span class="p">)</span> : <span class="s1">&#39;[No Name]&#39;</span><span class="err">
</span><span class="err"></span>  <span class="k">let</span> <span class="nx">modified</span> <span class="p">=</span> &amp;<span class="nx">modified</span> ? <span class="s1">&#39; +&#39;</span> : <span class="s1">&#39;&#39;</span><span class="err">
</span><span class="err"></span>  <span class="nx">return</span> <span class="nx">filename</span> . <span class="nx">modified</span><span class="err">
</span><span class="err"></span><span class="k">endfunction</span></code></pre>

<p><img src="https://raw.githubusercontent.com/wiki/itchyny/lightline.vim/image/tutorial/12.png" alt="lightline.vim - tutorial" /></p>

<p>You can control the visibility and contents by writing simple functions.
Now you notice how much function component is important for the configurability of lightline.vim.</p>

<h3>more tips</h3>

<h4>Mode names are too long. Can I use shorter mode names?</h4>

<p>Yes, configure <code>g:lightline.mode_map</code>.</p>

<pre class="chroma"><code><span class="k">let</span> <span class="nx">g</span>:<span class="nx">lightline</span> <span class="p">=</span> {<span class="err">
</span><span class="err"></span>      \ <span class="s1">&#39;mode_map&#39;</span>: {<span class="err">
</span><span class="err"></span>        \ <span class="s1">&#39;n&#39;</span> : <span class="s1">&#39;N&#39;</span><span class="p">,</span><span class="err">
</span><span class="err"></span>        \ <span class="s1">&#39;i&#39;</span> : <span class="s1">&#39;I&#39;</span><span class="p">,</span><span class="err">
</span><span class="err"></span>        \ <span class="s1">&#39;R&#39;</span> : <span class="s1">&#39;R&#39;</span><span class="p">,</span><span class="err">
</span><span class="err"></span>        \ <span class="s1">&#39;v&#39;</span> : <span class="s1">&#39;V&#39;</span><span class="p">,</span><span class="err">
</span><span class="err"></span>        \ <span class="s1">&#39;V&#39;</span> : <span class="s1">&#39;VL&#39;</span><span class="p">,</span><span class="err">
</span><span class="err"></span>        \ <span class="s2">&#34;\&lt;C-v&gt;&#34;</span>: <span class="s1">&#39;VB&#39;</span><span class="p">,</span><span class="err">
</span><span class="err"></span>        \ <span class="s1">&#39;c&#39;</span> : <span class="s1">&#39;C&#39;</span><span class="p">,</span><span class="err">
</span><span class="err"></span>        \ <span class="s1">&#39;s&#39;</span> : <span class="s1">&#39;S&#39;</span><span class="p">,</span><span class="err">
</span><span class="err"></span>        \ <span class="s1">&#39;S&#39;</span> : <span class="s1">&#39;SL&#39;</span><span class="p">,</span><span class="err">
</span><span class="err"></span>        \ <span class="s2">&#34;\&lt;C-s&gt;&#34;</span>: <span class="s1">&#39;SB&#39;</span><span class="p">,</span><span class="err">
</span><span class="err"></span>        \ <span class="s1">&#39;t&#39;</span>: <span class="s1">&#39;T&#39;</span><span class="p">,</span><span class="err">
</span><span class="err"></span>        \ }<span class="p">,</span><span class="err">
</span><span class="err"></span>      \ }</code></pre>

<h4>How can I truncate the components from the right in narrow windows?</h4>

<p>Please include <code>%&lt;</code> to one of the right components.</p>

<pre class="chroma"><code><span class="k">let</span> <span class="nx">g</span>:<span class="nx">lightline</span> <span class="p">=</span> {<span class="err">
</span><span class="err"></span>      \ <span class="s1">&#39;component&#39;</span>: {<span class="err">
</span><span class="err"></span>      \   <span class="s1">&#39;lineinfo&#39;</span>: <span class="s1">&#39;%3l:%-2v%&lt;&#39;</span><span class="p">,</span><span class="err">
</span><span class="err"></span>      \ }<span class="p">,</span><span class="err">
</span><span class="err"></span>      \ }</code></pre>

<h4>Where can I find the default components?</h4>

<p>See <code>:h g:lightline.component</code>.</p>

<h2>Note for developers of other plugins</h2>

<p>Appearance consistency matters.</p>

<p>The statusline is an important space for Vim users.
Overwriting the statusline forcibly in your plugin is not a good idea.
It is not hospitality, but just an annoying feature.
If your plugin has such a feature, add an option to be modest.</p>

<p>A good design is as follows.
Firstly, give the users a clue to judge which buffer is the one your plugin creates.
The filename is a manner and the filetype is another.
Then, export a function which is useful to be shown in the statusline.
Lastly, for advanced users, set important information in buffer variables so that the users can obtain the condition of the plugin easily.</p>

<h2>Author</h2>

<p>itchyny (<a href="https://github.com/itchyny">https://github.com/itchyny</a>)</p>

<h2>License</h2>

<p>This software is released under the MIT License, see LICENSE.</p>
