.history-chart { position: relative; background: #fff; }
  .history-chart__toolbar {}
  .history-chart__area { position: relative; }
  .history-chart__viewport { clear: both; position: relative; z-index: 1; height: 500px; }
  .history-chart__legend + .history-chart__viewport { height: 444px; }
  .history-chart_create .history-chart__viewport {}
    .history-chart_create .history-chart__viewport:before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: #fff; opacity: .75; }

  .history-chart__legend { height: 56px; overflow: hidden; }
  .history-chart__legend-box { height: 29px; margin-top: 25px; padding: 0 10px; overflow:hidden; }
    .history-chart__legend-box:after { content: ''; clear: both; display: block; overflow: hidden; visibility: hidden; height: 0; font-size: 0; line-height: 0; }
    .history-chart__legend-list { margin: 0; padding: 5px 0 0; list-style: none; }
    .history-chart__legend-list_primary { float: left; }
    .history-chart__legend-list_secondary { float: right; }
      .history-chart__legend-item { display: inline-block; height: 18px; margin-left: 20px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 18px; cursor: pointer; }
      .history-chart__legend-item_disabled { color: #cccccc !important; }
      .history-chart__legend-item:first-child { margin-left: 0; }
      .history-chart__legend-item_pattern { display: none; }
        .history-chart__legend-item-marker { position: relative; z-index: 0; display: inline-block; vertical-align: middle; width: 16px; height: 18px; text-align: center; overflow: hidden; }
        .history-chart__legend-item-symbol { position: relative; z-index: 2; font-size: .8em; }
        .history-chart__legend-item-line { position: absolute; z-index: 1; top: 50%; left: 0; width: 100%; height: 0; margin-top: -1px; border-width: 2px 0 0; border-style: solid; border-color: inherit; }
        .history-chart__legend-item-area { position: absolute; z-index: 0; top: 50%; bottom: 15%; left: 0; width: 100%; height: auto; background: none; opacity: .75; }
        .history-chart__legend-item_disabled .history-chart__legend-item-area { background: #cccccc !important; }
        .history-chart__legend-item-label { vertical-align: middle; color: #000000; }
        .history-chart__legend-item_disabled .history-chart__legend-item-label { color: #cccccc; }
          .history-chart__legend-item_disabled .history-chart__legend-item-label:hover { color: #000000; }

.history-chart-settings { margin: 0; padding: 0; list-style: none; }
.history-chart-settings:after { content: ''; clear: both; display: block; overflow: hidden; visibility: hidden; height: 0; font-size: 0; line-height: 0; }
  .history-chart-settings__option { float: left; vertical-align: middle; margin-right: 10px; margin-top: 10px; white-space: nowrap; }
  .history-chart-settings__option + .history-chart-settings__option { margin-left: 0; }
  .history-chart-settings__option_navi { margin-right: 7px; }
  .history-chart-settings__option_navi ~ .history-chart-settings__option { margin-right: 7px; }
  .history-chart-settings__option_redraw {}
  .history-chart-settings__option_ytype { width: 230px; }
  .history-chart-settings__option_notes {}
  .history-chart-settings__option_gtype {}
  .history-chart-settings__option_links { float: right; }
  .history-chart-settings__option_export { float: right; }
  .history-chart-settings__option_interpretation { padding-right: 20px; }

.history-chart-toggler { position: relative; z-index: 2; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #cccccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); }
.history-chart-toggler:after { content: ''; clear: both; display: block; overflow: hidden; visibility: hidden; height: 0; font-size: 0; line-height: 0; }
  .history-chart-toggler__hitbox { float: left; margin: 0 1px 0 0; padding: 2px 6px 1px; background: #fff; border-radius: 3px 0 0 3px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
    .history-chart-toggler__title { font-size: 12px; line-height: 18px; }
    .history-chart-toggler__control { vertical-align: middle; margin: 0; padding: 0; }
  .history-chart-toggler__extra { float: left; margin-right: -1px; margin-left: -1px; overflow: hidden; background: #fff; border-radius: 0 3px 3px 0; }
    .history-chart-toggler__btn { margin-top: -1px; margin-bottom: -1px; padding-right: 4px; padding-left: 4px; }
    .history-chart-toggler__btn:focus { outline: 0; }
    .history-chart-toggler__hitbox + .history-chart-toggler__extra .history-chart-toggler__btn:first-child { border-radius: 0; }
    .history-chart-toggler__hitbox + .history-chart-toggler__extra .history-chart-toggler__btn:first-child:last-child { border-radius: 0 4px 4px 0; }

  .history-chart-toggler__settings { position: absolute; top: 100%; right: 10px; display: none; margin-top: 8px; -ms-transform: translateX(50%); transform: translateX(50%); }
    .history-chart-toggler__settings:before { content: ''; position: absolute; top: 1px; right: 50%; z-index: 0; width: 10px; height: 10px; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #bfbfbf #bfbfbf #e6e6e6; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.1); *background-color: #e6e6e6; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #cccccc; *border: 0; border-bottom-color: #b3b3b3; border-right-color: #b3b3b3; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -ms-transform: translate(5px, -35%) rotate(45deg); transform: translate(5px, -35%) rotate(45deg); }
    .history-chart-editor { position:relative; z-index: 1; clear: both; display: block; width: 330px; padding: 10px; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #cccccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); font-size: 12px; white-space: normal;}
      .history-chart-editor:before { content: ''; position: absolute; top: 0; right: 50%; z-index: -2; width: 10px; height: 10px; background: #fff; -ms-transform: translate(4px, -30%) rotate(45deg); transform: translate(4px, -30%) rotate(45deg); }
      .history-chart-editor:after { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #fff; border-radius: 3px; }
      .history-chart-editor__title { margin: 0 0 10px; font-weight: bold; }
      .history-chart-editor__fieldset { margin: 0 -2px 10px; padding: 0 2px 1px; overflow: hidden; }
      .history-chart-editor__toolbar { text-align: right; }

        .history-chart-field {}
          .history-chart-field__label { line-height: 18px; }
            .history-chart-field__length {  color: #999; font-size: 11px; }
          .history-chart-field__input {}
          .history-chart-field__input_textarea { width: 328px; height: 77px; padding: 3px 0 0 1px; }

        .history-chart-rangepicker { display: block; }
          .history-chart-rangepicker:after { content: ''; clear: both; display: block; overflow: hidden; visibility: hidden; height: 0; font-size: 0; line-height: 0; }
          .history-chart-rangepicker__splitter { float: left; width: 30px; text-align: center; line-height: 21px; }
          .history-chart-rangepicker__start { float: left; }
          .history-chart-rangepicker__end { float: right; }

        .history-chart-datepicker { position: relative; display: block; width: 150px; }
          .history-chart-datepicker:before { content: ''; position: absolute; top: 3px; right: 3px; z-index: 1; width: 16px; height: 16px; background: url('/img/calendar.gif'); pointer-events: none; }
          .history-chart-datepicker__trigger { position: absolute; bottom: -1px; left: 0; }
          .history-chart-datepicker__input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding-top: 2px; padding-right: 25px; }

  .history-chart-toggler__notify { position: absolute; bottom: 100%; left: 12px; margin-bottom: 8px; display: none; -ms-transform: translateX(-50%); transform: translateX(-50%); }
    .history-chart-toggler__notify:before { content: ''; position: absolute; bottom: 1px; left: 50%; z-index: 0; width: 10px; height: 10px; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #bfbfbf #bfbfbf #e6e6e6; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.1); *background-color: #e6e6e6; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #cccccc; *border: 0; border-bottom-color: #b3b3b3; border-right-color: #b3b3b3; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -ms-transform: translate(-6px, 35%) rotate(45deg); transform: translate(-6px, 35%) rotate(45deg); }
    .history-chart-toggler__message { position:relative; z-index: 1; clear: both; display: none; min-width: 20px; max-width: 400px; margin-right: -4px; margin-left: -4px; padding: 3px 5px 2px; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #cccccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); font-size: 12px; white-space: normal; }
      .history-chart-toggler__message:before { content: ''; position: absolute; bottom: 0; left: 50%; z-index: -2; width: 10px; height: 10px; background: #fff; -ms-transform: translate(-5px, 30%) rotate(45deg); transform: translate(-5px, 30%) rotate(45deg); }
      .history-chart-toggler__message:after { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #fff; border-radius: 3px; }
    .history-chart-toggler__message_empty {  background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #f89406; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);  }
    .history-chart-toggler__message_error { background-color: #da4f49; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #bd362f; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.history-chart_notes .history-chart-toggler { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #0044cc; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
.history-chart_create .history-chart-toggler {}
  .history-chart_create .history-chart-toggler__settings { display: block; }
.history-chart_empty .history-chart-toggler { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #f89406; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
  .history-chart_empty .history-chart-toggler__notify { display: block; }
  .history-chart_create.history-chart_empty .history-chart-toggler__notify { display: none; }
  .history-chart_empty.history-chart_empty_skip .history-chart-toggler__notify { display: none; }
  .history-chart_empty.history-chart_empty_skip .history-chart-toggler:hover .history-chart-toggler__notify { display: block; }
    .history-chart_empty .history-chart-toggler__notify:before { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); border-color: #f89406 #ad6704 #ad6704 #f89406; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.1); *background-color: #f89406; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
    .history-chart_empty.history-chart_empty_skip .history-chart-toggler__notify:before { display: none; }
    .history-chart_empty.history-chart_empty_skip .history-chart-toggler:hover .history-chart-toggler__notify:before { display: block; }
  .history-chart_empty .history-chart-toggler__message_empty { display: block; }
.history-chart_error .history-chart-toggler { background-color: #da4f49; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #bd362f; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
  .history-chart_error .history-chart-toggler__notify { display: block; }
  .history-chart_create.history-chart_error .history-chart-toggler__notify { display: none; }
  .history-chart_error.history-chart_error_skip .history-chart-toggler__notify { display: none; }
  .history-chart_error.history-chart_error_skip .history-chart-toggler:hover .history-chart-toggler__notify { display: block; }
    .history-chart_error .history-chart-toggler__notify:before { background-color: #da4f49; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); border-color: #bd362f #802420 #802420 #bd362f; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.1); *background-color: #bd362f; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
    .history-chart_error.history-chart_error_skip .history-chart-toggler__notify:before { display: none; }
    .history-chart_error.history-chart_error_skip .history-chart-toggler:hover .history-chart-toggler__notify:before { display: block; }
  .history-chart_error .history-chart-toggler__message_error { display: block; }

.history-chart-links {}
  .history-chart-links:after { content: ''; clear: both; display: block; overflow: hidden; visibility: hidden; height: 0; font-size: 0; line-height: 0; }
  .history-chart-links__title { float: left; padding: 3px 6px 1px; background: #eee; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border: 1px solid #cccccc; *border: 0; border-bottom-color: #b3b3b3; border-right: 0; border-radius: 4px 0 0 4px; font-size: 12px; line-height: 18px; }
  .history-chart-links__list { margin: 0; padding: 0; list-style: none; }
  .history-chart-links__title + .history-chart-links__list { float: left; }
  .history-chart-links__btn { cursor: default; }
  .history-chart-links__btn:focus { outline: 0; }
  .history-chart-links .history-chart-links__btn { padding-top: 3px; font-size: 12px; line-height: 18px; }
  .history-chart-links__title + .history-chart-links__list .history-chart-links__btn:first-child { border-radius: 0; }
  .history-chart-links__title + .history-chart-links__list .history-chart-links__btn:first-child:last-child { border-radius: 0 4px 4px 0; }

.history-chart-btn-group { position: relative; z-index: 0; }
  .history-chart-btn { padding: 1px 6px; background: #fff; }
  .history-chart-btn:active,
  .history-chart-btn:hover,
  .history-chart-btn:focus { background: #fff; box-shadow: none; outline: 0; }
  .history-chart-btn_icon { padding: 0 4px; }
  .history-chart-btn_active { border-color: #04c #04c #002a80; }
  .history-chart-btn-group > .history-chart-btn_active,
  .history-chart-btn-group > .history-chart-btn_active:focus,
  .history-chart-btn-group > .history-chart-btn_active:hover,
  .history-chart-btn-group > .history-chart-btn_active:active { z-index: 3; }
    .history-chart-btn__link { display: inline-block; margin: 4px 0 3px; border-bottom: 1px dotted #0857a6; line-height: 12px; text-decoration: none; white-space: nowrap; }
    .history-chart-btn__link:hover { border-bottom-color: #f26d00; text-decoration: none; }
  .history-chart-btn_active .history-chart-btn__link { color: #999; border-bottom-color: #555; }
  .history-chart-btn_active .history-chart-btn__link:hover { color: #f26d00; border-bottom-color: #f26d00; }

.history-chart-icon { vertical-align: middle; width: 14px; height: 14px; margin: 0; background: url(/img/glyphicons-halflings.png) 0 0; border: 0; }
.history-chart-btn_active .history-chart-icon { opacity: .5; }
.history-chart-icon_redraw { background-position: -216px -24px; }
.history-chart-icon_share { background-position: -120px -73px; }
.history-chart-icon_double-back { background-position: -241px -73px; }
.history-chart-icon_double-forward { background-position: -335px -73px; }
.history-chart-icon_update { background-position: -240px -24px; }
.history-chart_notes .history-chart-icon_update,
.history-chart_empty .history-chart-icon_update,
.history-chart_error .history-chart-icon_update { background-image: url(/img/glyphicons-halflings-white.png); }
.history-chart-icon_add { background-position: -408px -97px; }
.history-chart_notes .history-chart-icon_add,
.history-chart_empty .history-chart-icon_add,
.history-chart_error .history-chart-icon_add { background-image: url(/img/glyphicons-halflings-white.png); }
.history-chart-icon_gtype { width: 22px; height: 22px; background: url(/img/sp_draw.png) 0 0; border: 0; border-radius: 4px; }
.history-chart-icon_line { background-position: -1px -1px; }
.history-chart-icon_column-stacked { background-position: -31px -1px; }
.history-chart-icon_area-stacked { background-position: -61px -1px; }
.history-chart-icon_column { background-position: -91px -1px; }

.history-chart__tooltip { position: absolute; z-index: 2; display: none; margin-top: 2px; border: 1px solid rgb(236,124,42); border-bottom-width: 0; font-size: .8em; -ms-transform: translate(-50%, -100%); transform: translate(-50%, -100%); }
  .history-chart__tooltip:after { content: ''; position: absolute; top: -2px; right: -2px; bottom: -3px; left: -2px; z-index: -1; width: auto; height: auto; border: 1px solid #fff; border-bottom: 0; }
.history-chart__tooltip:hover,
.history-chart__tooltip_showed { display: block; }

.history-chart-tooltip { background: #fff; }
  .history-chart-tooltip__content { overflow-x: hidden; overflow-y: auto; max-height: 200px; margin: 0; padding: 0; list-style: none; }
  .history-chart-tooltip__item { padding: 5px 10px 10px; cursor: default; }
  .history-chart-tooltip__item_pattern { display: none; }
  .history-chart-tooltip__item_hover { background: rgba(236,124,42, .1); }
  .history-chart-tooltip__item_hover:first-child:last-child { background: none; }

  .history-chart-tooltip__decor { position: absolute; right: -1px; bottom: -3px; left: -1px; z-index: 0; overflow: hidden; width: auto; height: 3px; }
  .history-chart-tooltip__tail { position: absolute; top: 0; left: 50%; width: 200%; height: 2px; -ms-transform: translateX(-50%); transform: translateX(-50%); }
    .history-chart-tooltip__tail:before { content: ''; position: absolute; top: 0; right: 50%; width: 50%; height: 2px; background: rgb(236,124,42); border-bottom: 1px solid #fff; -ms-transform: translateX(-9px); transform: translateX(-9px); }
    .history-chart-tooltip__tail:after { content: ''; position: absolute; top: 0; left: 50%; width: 50%; height: 2px; background: rgb(236,124,42); border-bottom: 1px solid #fff; -ms-transform: translateX(9px); transform: translateX(9px); }
  .history-chart-tooltip__helper { position: absolute; bottom: -2px; left: 50%; z-index: -1; width: 10px; height: 10px; background: #fff; border-radius: 4px; -ms-transform: translateX(-5px) rotate(45deg); transform: translateX(-5px) rotate(45deg); }

.history-chart-note {}
  .history-chart-note__titlebar { min-width: 150px; margin: 0 0 5px; text-align: justify; }
    .history-chart-note__titlebar:after { content: ''; display: inline-block; vertical-align: top; width: 100%; height: 0; font-size: 0; line-height: 0; }
  .history-chart-note__dates { display: inline-block; vertical-align: middle; margin: 0 -4px; text-align: left; font-size: 11px; white-space: nowrap; }
    .history-chart-note__date-splitter {}
    .history-chart-note__date-splitter:last-child { display: none; }
    .history-chart-note__date { padding: 2px 4px; }
    .history-chart-note__date_start {}
    .history-chart-note__date_end {}
    .history-chart-note__date_active { color: rgba(236,124,42, 1); }
  .history-chart-note__text {}

  .history-chart-note__actions { display: inline-block; vertical-align: middle; margin-left: 20px; text-align: left; }
    .history-chart-note__action {}
    .history-chart-note__action_remove {}
      .history-chart-note__icon { vertical-align: middle; width: 14px; height: 14px; margin: 0; background: url(/img/glyphicons-halflings.png) 0 0; border: 0; }
      .history-chart-note__icon_remove { background-position: -456px 0; }




  
  @-moz-document url-prefix() {
    .history-chart-toggler__hitbox { height: 21px; padding-top: 0; padding-bottom: 2px; }
    .history-chart-toggler__extra { height: 23px; }
    .history-chart-icon_update { height: 15px; }
    .history-chart-icon_add { height: 15px; }
  }