/*************************************************
JQUERY UI
  Overrides for jQuery ui compontents
*************************************************/
/*
.ui-jqgrid .ui-jqgrid-hbox{
}
*/
/*Checkbox overrides*/
input[type="checkbox"]+label,
input[type="checkbox"]+span {
  background: url("../images/checkmark_off.svg") no-repeat center;
  background: url;
  background-position: 5px 0px;
  padding: 3px 0px 5px 35px;
  line-height: 26px;
  background-size: 25px 25px;
  background-size: 23px;
  height: 24px;
  cursor: pointer;
}
input[type="checkbox"]:checked + label,
input[type="checkbox"]:checked + span {
  background: url("../images/checkmark_on.svg") no-repeat center;
  background-position: 5px 0px;
  background-size: 23px;
}
input[type="checkbox"]:disabled + label,
input[type="checkbox"]:disabled + span {
  background: url("../images/checkmark_disabled.svg") no-repeat center;
  background-position: 10px center;
  background-size: 18px 18px;
}
input[type="checkbox"] {
  display: none;
}
input[type="radio"]+label,
input[type="radio"]+span {
  background: url("../images/checkmark_off.svg") no-repeat center;
  background-position: 10px center;
  padding: 4px 0px 5px 35px;
  line-height: 26px;
  background-size: 18px 18px;
}
input[type="radio"]:checked + label,
input[type="radio"]:checked + span {
  background: url("../images/checkmark_on.svg") no-repeat center;
  background-position: 10px center;
}
input[type="radio"]:disabled + label,
input[type="radio"]:disabled + span {
  background: url("../images/checkmark_disabled.svg") no-repeat center;
  background-position: 10px center;
  background-size: 18px 18px;
}
input[type="radio"] {
  display: none;
}
.horizontal .ui-slider-label-ticks {
  font-size: 12px;
}
/****
jquery-theme
***/
#countriesDiv .ui-icon-triangle-1-s {
  background-position: -65px -16px !important;
}
.highcharts-button {
  cursor: pointer;
}
.highcharts-button rect {
  fill: #fff;
  stroke-width: 2px;
  stroke: #728fb2;
  rx: 0;
  ry: 0;
  cursor: pointer;
}
.highcharts-button:hover rect {
  fill: #728fb2;
  stroke: #fff;
}
.highcharts-button text,
.highcharts-button text tspan {
  cursor: pointer;
  color: #728fb2;
  fill: #728fb2;
}
.highcharts-button:hover text,
.highcharts-button:hover text tspan {
  cursor: pointer;
  color: #fff;
  fill: #fff;
}