/** General styles **/
* {
  padding: 0;
  margin: 0;
}

a {
  color: #069;
}

a:hover {
  color: #28b;
}

h2 {
  margin-top: 15px;
  font: normal 32px "omnes-pro", Helvetica, Arial, sans-serif;
}

h3 {
  margin-left: 30px;
  font: normal 26px "omnes-pro", Helvetica, Arial, sans-serif;
  color: #666;
}

p {
  margin-top: 10px;
}

button {
  font-size: 10px;
  padding: 1px 7px;
  line-height: 1.2em;
}

input[type=text] {
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 1px 1px 2px #666;
  -webkit-box-shadow: 1px 1px 2px #666;
  box-shadow: 1px 1px 2px #666;
  font-size: 10px;
  /*padding: 4px 7px;*/
  padding-left: 3px;
  outline: 0;
  -webkit-appearance: none;
  height: 15px;
}

input:focus {

  /* supported IE8+ and all other browsers tested.
   * optional, but gives the input focues when selected.
   * change to a color that suits your design.
   */
  border-color: #3d3d3d;

}

input[type=checkbox] {
  margin: 7px;
}

input[type=checkbox][disabled]{
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.4;
}

select {
  font-size: 12px;
  line-height: 1.2em;
}

/* End of General styles */

/** Chart view styles **/
#vplot-chart {
  width: 800px;
  margin: 0 auto;
  padding: 10px;
}

#btn-right-div {
  float: right;
}

#btn-left-div {
  float: left;
}

.options {
  margin: 0 auto;
  font-size: 10px;
  line-height: 1.2em;
  width: 800px;
  text-align: center;
}

.options div {
  display: inline-block;
}

#progressbar {
  height: 7px;
}

#progressbar-overlay {
  position: absolute;
  width: 800px;
  height: 220px;
  z-index: 1;
  padding-top: 220px; /* stupid hack... but it works! */
  display: none;
  text-align: center;
  background: -moz-linear-gradient(top,  rgba(51,51,51,0.1) 0%, rgba(51,51,51,0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,0.1)), color-stop(100%,rgba(51,51,51,0.1)));
  background: -webkit-linear-gradient(top,  rgba(51,51,51,0.1) 0%,rgba(51,51,51,0.1) 100%);
  background: -o-linear-gradient(top,  rgba(51,51,51,0.1) 0%,rgba(51,51,51,0.1) 100%);
  background: -ms-linear-gradient(top,  rgba(51,51,51,0.1) 0%,rgba(51,51,51,0.1) 100%);
  background: linear-gradient(to bottom,  rgba(51,51,51,0.1) 0%,rgba(51,51,51,0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a333333', endColorstr='#1a333333',GradientType=0 );
}

#progressbar-overlay > div {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}

.plot-container {
  position: relative;
  box-sizing: border-box;
  width: 800px;
  height: 400px;
  padding: 5px 0 30px 0;
  margin: 0 auto 0 auto;
  border: 1px solid #ddd;
  background: #fff;
  background: linear-gradient(#f6f6f6 0, #fff 50px);
  background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
  background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
  background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
  background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.plot-placeholder {
  width: 100%;
  height: 100%;
  font-size: 12px;
  line-height: 1.2em;
  position: absolute;
  top: 0;
}

.plot-legendholder {
  font-size: 12px;
  line-height: 1.2em;
  clear: both;
}

.legend table {
  border-spacing: 5px;
}

#nodata {
  position: absolute;
  width: 800px;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  z-index: 1;
  padding-top: 190px; /* stupid hack... but it works! */
  display: none;
}

.axislabel {
  color: black;
  font-size: 10px;
}

#setperiod {
  padding: 0.4em 0;
}

.ui-button .ui-button-text {
  font-size: 10px;
  line-height: 1em;
  padding: 0.4em 0.5em;
}

.ui-button-text-only .ui-button-text {
  padding: 0.2em 0.5em;
}

.ui-widget {
  font-size: 1em;
}

.ui-progressbar-value {
  background: #6d797a;
}

/* End of Chart view styles */

/* Time Filter Controls */
#datepicker {
  width: 70px;
}

#time {
  width: 35px;
}

.time-filter {
  width: 100%;
  clear: both;
}

.time-filter-invisible {
  display: none;
}
/* End of Time Filter Controls */

/** Parameters view styles **/
#vplot-parameters {
  width: 800px;
  margin: 0 auto;
  padding: 10px;
}

#locations {
  /*padding: 0.4em 0.5em;*/
  width: 754px;
  /*margin-left: -20px;*/
}

#vplot-parameters .refresh-widget {
  height: 16px;
  width: 16px;
  z-index: 2;
  background-image:
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAQCAYAAABQrvyxAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gMGDTsXMZILXwAAAu5JREFUSMfd1kuIllUcBvDffDZZdLMyNccmrSZrwGIou1KNGbUoJYhCg7KgbCsEQUFkmwgKgqhFZVHRBQpaBBkWlFh2szTIWwtJWnQzzbFRm8r52jwvHF6+d0Zz57M57znn/5zzv5+XIxwTMOUw+T2HwT8K54wl0NWwfjkW4gyM5qBNeBcb0R7n4htwN/pwAN1Yh5fw5UHwl+BRnFmsbcDDWFnyJ9SI3ZiIWRjEn9gTJaZibiKyoeHio3Es+nEzduGP8Gfg2kTkkwb+MTgOl2ER/sFQzp2O23Eu3qkTT8ICvIg7stZfi9TVeBYv4JIa/1TchbW4P2tzazIL8AHWYH5tbzoeiWefL6JY4j6MRGZxuXETnsYKPJcwNeEivJJLqujdg/fj1Y9zThMGk0Krk5bwGIajWBvfjpHatxZy3dDCF9iexS6cFo92wjfYkpDOydpKbE2tdMWbUxv4q3PGxKSJRP2rQuZs9Dbw3y5kb6wM+B3fxaPbsTc1UMfxGddlrLrTT/g8Ht2amunvwD8x40cxdEbm2/Bevr/GzsK4eprCmxn7KgPghOKwB6NIHT1JsQsTrZFib1KU2pjiW9+Bf1YicGWitb/Yq5zxGWbGyDrm5N6Fme8tDfg+3wOZD3c4YAf24Tz8m0KeVrS4Fq7JfKgD/+d0tYF0l/lFqlQK31LcVccP2I15mS/C7MqATfgrnri4If+Go0A7yk5LW6vSal/yf7CBP5SW2k669mJZ9lYlKj24rYG/A78W8/PxRP3xWoFnOrSwCzIuS9FdVeR0hevTiVbFOyWuyPgkPk0BnlKTuTPG7ccDtb0qbT6MzL1V9Mt21crreWkK8u+EbUqE30gLHM0DVUcLD+G6dKkRbI5Xe/FUFBjFbw2/Ha8WUW2nQ/Zhctr763kUfxzrV2I2luLkKDUaZV6OAeNhAMtzaavw6uMxYDzMw1vhVziQh/K1g/0XqtrWpFT7L//jR+z0nLGn9NghYFZqamdDVzwy8B/6Ma5ZsILizwAAAABJRU5ErkJggg==");
  background-position: 0 0;
}

#vplot-parameters .refresh-widget:hover {
  background-position: 32px 0;
}

#vplot-parameters .refresh-widget:active {
  background-position: 16px 0;
}

#vplot-parameters .clear-widget {
  height: 16px;
  width: 16px;
  z-index: 2;
  background-image:
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAQCAYAAABQrvyxAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gMGDTsx45+OogAAA6RJREFUSMeN1stvVHUcBfDPTKdFwBa1CmgpULApgvhaUDFWti400RgXRl3pQjdGxQW+FiYu1Cj8BaxEE4MxJsbEhfGBMYgufESqIYBaIbWFWqYgYisdN2fMdXKn+Etu7uN3z73nd37n+6j476jicizPuRcV/I7JHFM4r3x0BHslVuS6gpMYzzGxAL6GfqzDmlxXcBw/4SjG8HcTUCmAu7Ad69GNziwI5gM6jSN4FXNoFL7ThRdxDZaV4Ocwg1E8h9kW/EV4F8PBl40ZHMBd+BON5gIW4SWsilq/4Gscy/wq3IQhLM7zp0NCfr4ba6PwYezHz5kfwFZsxpJ8/2H8lfml+DbiTeAbvI+Dmd+EOzCS/x/CDVmEDjyDvXgcPW1WP4jX8Sbewo4o3IHX8DleWEC9TfgQH2MfXgm2lucNvI0r2uC3Fna9gQ9Qq8Xr66P87tikdQxhF+r4I8QHg61hA37DzrzTOjbjjcTSmeA3JkaWYkvwj4RH67gVn+W6noVvRX81H+mOt8vIb4hn69ny7fFxd7BXZdd+XID8rpA/hwdjz2UJ9oF866s25Eeya2KZodz3YF012aITX7QhvzMqz+CJkPwymF70JYA/bUN+T/CncD+mo2ZXBBjMu3vbkN8X/IlCjLyT+bU1XFpIVa3knw3hc/H8dOaOBdMbfDVprkz56eAfSgqWd6vxe1+eHSwh/1FB+euThuH7nPurCYhKUl075Z8skG+mxUqORuHZQspPFeYbhbrTxJ2/gPLjLf+HSjXenI+Xyzy/o4W8qDaf55O5XvM/lG+O/mBOpjBJ/WhV/myL8kWB4XgtBOZwc37UzCT1kD9V4s0twUymhsxhW+73hPx0cv1UCf62YMYLteBe/BrlRfky8nBPzkebCziN61KsisqXkV+Kq4OZLNhkGLcUlG9HvjsptJ7UeSo2vR13XkB5ibnhYI5Ws42HUyE7kqcfW4D8A8lcR0JwAj8EX8vC7mtD/mI8GguOBjuW9mBJMtt0UmsZ+UvSxvQFM1Yp9EEvJw7OJE8fyJY2PTsc761MK1BsJRalCK7OAvbjk5ZWYlt2eVUWX2wlFuO7ws6+l7TazEzXxmIjwR/CjThbKTRTnXgqEd8TNauFrDGbbTucOGnXzG1MkepqaeZms6ujeL6kmVtcaObatTP11Ku7Y9NGpaQd7k2BWY7L8vOpWO1EzvMLtNMrUmFXJs83EisTscXkBdrp1WmnB2KVRmw2Vmin/8X/A2u4JlIhFA5RAAAAAElFTkSuQmCC");
  background-position: 0 0;
}

#vplot-parameters .clear-widget:hover {
  background-position: 32px 0;
}

#vplot-parameters .clear-widget:active {
  background-position: 16px 0;
}

#vplot-parameters .download-widget {
  height: 16px;
  width: 16px;
  z-index: 2;
  background-image:
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAQCAYAAABQrvyxAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAARCQAAEQkAGJrNK4AAAAB3RJTUUH3gMGDgAMhQOT0gAAArFJREFUSMfV1j2IXUUUB/Df231x3U1WNgmyeImgkBQSbXbsLASx00KstFRQUiQQFSXYiMTCT9IoRFZjFgIKmviBlSRoJ4sMNhZiZRMWkcSwyZpVsj6bs3IzO+++Fys91Z0593/OzPn4n+lpSUpp8/NBHMBUrP/AcZyFnLOatPCP4iXcHOt1vIwzXfiWPIG3MRPr33EQH5Q/9iqH2BXg2UJ1GQdzzhe7PKeUbsWXmCtUl/BwzvnXEYe/DT9gV7F/EXdjpb05UTEw2WF80mjZVgtM7G0bEz+2rnaBQYeBgf+YTPify0TRfGNLG1Pgx8pgh88bqoBey2CDaezE8y0G0GKCN/Ab1nPO54sL3YHt2I1j2FHgr+AZXMBazvnnQr8viGMeH+GWQr+Kx/BL2PoJ+q0f7sIh/DWkkWbwYjTyOzhf6BfwCjZwUwW/I3CTQbHlBe7DYgd+Fp/GmQ9sXuCfEso5n8O5FvfXZArf4KuyhHLOZ8LBdAd+Gl/g40oJncRS+BjGYlM4hfe65sAjeCoyUfbLCZzuGkQppScjUxsVCn4NiyMG2XN4c4juSNjYyuspJU3TyDn/2DTN7qjJQevwZ+MCmqaxsrKypakD/33TNPO4p4WfxCd4fRi+Jd/i9ijJtixFb16flpTSA/gu53y5komnY/l+GfmU0izujYn7dc750pBM9PBqGfmU0ly/379/eXl5Lib3hY5MbIl8kMVDE3g2Or+s6c/weRg/XYnUPA4HM+2p4E9E1E7lnBcr+D1xsZO4s6J/K540xyuHF5ilfjzUrqvXzUjlnN/tqNWNwHbhj5Z7BX4df+LaEB+HOvxfw3ofV7E3WKE35hwbYG8c4Ar2/wv8fqzFI3FhGKl04Bew2o/GemEE/dXkamBnYnBtv0H82mAwOBy4DyuDa5Ss4vG/AeNC1390gS0gAAAAAElFTkSuQmCC");
  background-position: 0 0px;
}

#vplot-parameters .download-widget:hover {
  background-position: 32px 0;
}

#vplot-parameters .download-widget:active {
  background-position: 16px 0;
}

#datatab {
  min-height: 100px;
  max-height: 400px;
  font-size: 11px;
  overflow: auto;
}

table#datatable {
  border: lightgrey 0px solid;
  margin: 0px;
  width: 100%;
  border-spacing: 0px;
}

table#datatable td {
  border: lightgrey 1px solid;
}

/** Matrix table styles **/
.parameters {
  padding-bottom: 500em;
  margin-bottom: -500em;
  border: 0 solid #ccc;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  width: 765px;
}

.parameters#datatable {
  padding-bottom: 0em;
  margin-bottom: 0em;
}

.parameters table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}

.parameters tr:last-child td:last-child {
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

.parameters table tr:first-child td:first-child {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
}

.parameters table tr:first-child td:last-child {
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}

.parameters tr:last-child td:first-child {
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}

.parameters tr:hover td {

}

.parameters tr:nth-child(odd) {
  background-color: #e5e5e5;
}

.parameters tr:nth-child(even) {
  background-color: #ffffff;
}

.parameters td {
  vertical-align: middle;
  border: 1px solid #bbb;
  border-width: 0 1px 1px 0;
  text-align: center;
  padding: 1px;
  font-size: 10px;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
  color: #000000;
}

.parameters tr:last-child td {
  border-width: 0 1px 1px 0;
}

.parameters tr td:last-child {
  border-width: 0 1px 1px 0;
}

.parameters tr:last-child td:last-child {
  border-width: 0 1px 1px 0;
}

.parameters tr:first-child td {
  background: -o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #cccccc
  ), color-stop(1, #b2b2b2));
  background: -moz-linear-gradient(center top, #cccccc 5%, #b2b2b2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc",
  endColorstr="#b2b2b2");
  background: -o-linear-gradient(top, #cccccc, b2b2b2);
  background-color: #cccccc;
  border: 0 solid #bbb;
  text-align: center;
  border-width: 0 0 1px 1px;
  font-size: 10px;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: bold;
  color: #000000;
}

.parameters tr:first-child:hover td {
  background: -o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #cccccc
  ), color-stop(1, #b2b2b2));
  background: -moz-linear-gradient(center top, #cccccc 5%, #b2b2b2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc",
  endColorstr="#b2b2b2");
  background: -o-linear-gradient(top, #cccccc, b2b2b2);
  background-color: #cccccc;
}

.parameters tr:first-child td:first-child {
  border-width: 0 0 1px 0;
}

.parameters tr:first-child td:last-child {
  border-width: 0 1px 1px 1px;
}

/* End of Parameters view styles*/

/* Parameters Side controls */
.side-controls {
  float: right;
  width: 32px;
  height: inherit;
  text-align: center;
  padding-top: 5px;
  background-color: #eee;
  margin-right: -1px; /* Thank you IE */
  padding-bottom: 500em;
  margin-bottom: -500em;
  text-align: center;
}

/* End of Parameters Side controls */

/** Popup styles **/
#popUpDataDiv {
  z-index: 100;
  display: none;
  top: 10px;
  left: 0;
  width: 660px;
  height: 600px;
  overflow: scroll;
  margin-top: 10px;
}

#popUpDivParameters {
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
  width: 200px;
  height: 300px;
}

#popupSelect {
  z-index: 1000;
}

/* End of Popup styles */

/** Tab styles **/
ul#tabs {
  margin-bottom: 3px;
  padding: 0;
  font: 12px Verdana;
  list-style-type: none;
}

ul#tabs li {
  display: inline;
}

ul#tabs li a {
  padding: 3px 10px;
  border: 1px solid #aaa;
  background-color: #eee;
  color: #555;
  text-decoration: none;
}

ul#tabs a:hover {
  background: #fff;
  color: #222;
  cursor: pointer;
}

ul#tabs li.current a {
  background-color: #fff;
  color: #000;
}

.tab {
  padding: 1px;
  border: 1px solid #ccc;
  overflow: hidden;
}

.tab-invisible {
  display: none;
}
/* End of Tab styles*/

/** Chart controls **/
#controls {
  display: none;
  position: relative;
  left: 3px;
  z-index: 2;
  width: 45px;
}

.widget {
  background-color: #fff;
  border: lightgrey 1px solid;
  border-radius: 4px;
  padding: 5px;
  /*z-index: 2;*/
  width: 15px;
  margin-bottom: 2px;
}

.widget-medium {
  width: 16px;
  display: inline-block;
  position: relative;
}

.widget-medium:hover {
  border: 1px grey solid;
}

.widget-disable {
  background-color: #ccc;
}

.widget-disable:hover {
  border: 1px #ccc solid;
}

.widget-tooltip-middle {
  top: 0;
}

#zoom {
  height: 35px;
}

.zoom-widget {
  position: absolute;
  background: transparent
  url("data:image/png;base64,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");
  background-size: 120px 30px;
  height: 15px;
  width: 15px;
}

#zoom-in-widget {
  background-position: 0 0;
}

#zoom-in-widget:hover {
  background-position: 90px 0;
}

#zoom-in-widget:active {
  background-position: 75px 0;
}

#zoom-out-widget {
  background-position: 0 -15px;
  top: 27px;
}

#zoom-out-widget:hover {
  background-position: 90px -15px;
}

#zoom-out-widget:active {
  background-position: 75px -15px;
}

#separator-widget {
  background-color: rgb(90%, 90%, 90%);
  height: 1px;
  width: 19px;
  z-index: 3;
  top: 23px;
  left: 3px;
  position: absolute;
}

#controls .download {
  height: 15px;
}

#controls .download-widget {
  background-image:
    url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAPCAYAAABwfkanAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAARCQAAEQkAGJrNK4AAAAB3RJTUUH3gIKCBwUAyO8YwAAAuxJREFUSMe11j+IXFUUx/HPvNndiBpi0BB9hZhACotN1FcFdBFbNSBiCgtF1ICIECQWWkTwDzYpAhFMoyIGwUAUg5AuQQW7E/+ARbSJFj6WEHVNXNzd2VkLz4PLsHGGEC8Mh3PnfO/9nfvOPe/1jIymaTbicdyDISqcxUcRccl/jKZpNuNlPIBV9HEab0XE72PYLXgHj2KAKZzAcxFxoYyt1uG3p+BB/j9If7vxYzYFL6fg5fRnJ2B3p+ClFLyU/u7RwPVE96+waH+CjafT9kbs9ATszBXYmUlEX4uxNmKvKVv9T2Innb8qtiouQn9MIlXGVetcoqlJSqvYo2SnJ2S7Pf6tm5y4H7diE3YWnaOz32MB8zgTEYNi08ewDTdjbh32K1zAL/g4IlaSncHzuDP3frjoOp39HL/iRxyJiOVO/SoWcV/6XctRdJCd6R/LeAV7GY+kv1xcnir9bt03R9gB/sCz6S9hQ3HCS3go/X0Zr9c0TS8i1jLzWTyJjetk/Bc+iIjvMraHXkQM078Xr2JzkXRnF/BaRHxRlljBPoj3sQUr2W06exFPR8RnHdtbp8Z2pfAbilNbxIcRcXbMC2IuhW/C37gOl/B6RJwew+7Be1lii7g+n8IzEXGijO01TbM1s1ktTnwXnsCNecLHOsF5wv1cfANaDAp2DgdxE/7EG53gZKdwWyZ0HisFuwfv4hb8hn2d4GSncUe/rutX8AMu13VdtW271rbtfF3X8yn6ZER8M9I5tuIFPIWvsVCwP9d1fT7L5GghuOsOt+MIXsQpXKzrut+27bBt23N1XZ/LMjkYEZ+MdI4dOFVlVl1dr2VGsnaP4tsi07WM6yVXF3Vdsl/iJZwZYYfJ1tltqpwbFuzJfH1/WrDDjKuwrdc0zds4jp/ysXcLr+WvV/hVXswd2JvfJIcysZIdFmw1wt6FA7gb+7MdTo2wncCSHWQXOjyVgvcWG4wbnaDj+QV34CrYQ1kChwtxk7BD7P8Hh+I0+x91lKkAAAAASUVORK5CYII=');
  width: 15px;
  height: 15px;
  background-size: 45px 15px;
  display: inline-block;
  background-position: 0 15px;
}

#controls .download-widget:hover {
  background-position: 30px 15px;
}

#controls .download-widget:active {
  background-position: 15px 15px;
}

.widget-tooltip-label-wrapper {
  background: rgba(0, 0, 0, 0.85);
  box-shadow: rgba(0, 0, 0, 0.2) 1px 2px 4px 0;
  border: 1px solid #fff;
  border-radius: 0.25px;
  min-width: 40px;
  max-width: 200px;
}

.widget-tooltip {
  opacity: 1;
  position: absolute;
  -webkit-transition: opacity 0.13s ease-out 0.109s;
  -khtml-transition: opacity 0.13s ease-out 0.109s;
  -moz-transition: opacity 0.13s ease-out 0.109s;
  -ms-transition: opacity 0.13s ease-out 0.109s;
  -o-transition: opacity 0.13s ease-out 0.109s;
  transition: opacity 0.13s ease-out 0.109s;
  vertical-align: baseline;
  line-height: normal;
  z-index: 5;
  visibility: visible;
  right: 101%;
}

.widget-tooltip-label {
  padding: 7px 15px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
}

.widget-tooltip-title {
  white-space: nowrap;
}

.widget-tooltip-pointer::after {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left: 5px solid #000;
  content: "";
  right: -3px;
  top: -5px;
}

.widget-tooltip-pointer {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left: 5px solid #fff;
  z-index: 1;
  right: -10px;
  top: 10px;
}

.widget-tooltip-invisible {
  opacity: 0;
  visibility: hidden;
}

.widget-tooltip-visible {
  opacity: 1;
  visibility: visible;
}

.widget-zoom-tooltip {
  top: 8px;
}

.widget-download-tooltip {
  top: 45px;
}

.error {
  color: red;
}

/* End of Chart controls */

/* */

/* Flash class and keyframe animation */
.flashit{
  background:salmon;
  -webkit-animation: flash linear 2s infinite;
  animation: flash linear 2s infinite;
}



@-webkit-keyframes flash {
  0% { opacity: 1; }
  50% { opacity: .1; }
  100% { opacity: 1; }
}
@keyframes flash {
  0% { opacity: 1; }
  50% { opacity: .1; }
  100% { opacity: 1; }
}