.icon-component span.icon-notify {
  background-image: url("../../images/iconos/notify.svg");
  display: inline-block;
  width: 25px !important;
  height: 25px !important;
  background-size: auto 25px;
  background-position: center bottom;
  background-repeat: no-repeat;
  margin-right: 25px;
  vertical-align: middle;
}
.icon-component span.icon-news {
  background-image: url("../../images/iconos/news.svg");
  display: inline-block;
  width: 38px !important;
  height: 25px !important;
  background-size: auto 25px;
  background-position: center bottom;
  background-repeat: no-repeat;
  margin-right: 25px;
  vertical-align: middle;
}
.icon-component span.icon-settings {
  background-image: url("../../images/iconos/settings.svg");
  display: inline-block;
  width: 25px !important;
  height: 25px !important;
  background-size: auto 25px;
  background-position: center bottom;
  background-repeat: no-repeat;
  margin-right: 25px;
  vertical-align: middle;
}
.icon-component span.icon-logout {
  background-image: url("../../images/iconos/logout.svg");
  display: inline-block;
  width: 25px !important;
  height: 25px !important;
  background-size: auto 25px;
  background-position: center bottom;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.icon-component span.icon-demo {
  text-align: right;
  display: inline-block;
  width: 50px !important;
  height: 25px !important;
  line-height: 25px;
  color: #fff;
  vertical-align: middle;
}
.icon-grouppanel.selected-item,
.icon-grouppanel:hover,
.icon-grouppanel.active {
  background-color: #4990e2;
  cursor: pointer;
}
.icon-grouppanel.selected-item span,
.icon-grouppanel:hover span,
.icon-grouppanel.active span {
  color: #fff;
}
.icon-grouppanel.selected-item span.icon-reservations,
.icon-grouppanel:hover span.icon-reservations,
.icon-grouppanel.active span.icon-reservations {
  background-image: url("../../images/iconos/reservations-active.svg");
}
.icon-grouppanel.selected-item span.icon-leadtime,
.icon-grouppanel:hover span.icon-leadtime,
.icon-grouppanel.active span.icon-leadtime {
  background-image: url("../../images/iconos/leadtime-active.svg");
}
.icon-grouppanel.selected-item span.icon-occupancy,
.icon-grouppanel:hover span.icon-occupancy,
.icon-grouppanel.active span.icon-occupancy {
  background-image: url("../../images/iconos/occupancy-active.svg");
}
.icon-grouppanel.selected-item span.icon-parity,
.icon-grouppanel:hover span.icon-parity,
.icon-grouppanel.active span.icon-parity {
  background-image: url("../../images/iconos/parity-active.svg");
}
.icon-grouppanel.selected-item span.icon-website,
.icon-grouppanel:hover span.icon-website,
.icon-grouppanel.active span.icon-website {
  background-image: url("../../images/iconos/website-active.svg");
}
.icon-grouppanel.selected-item span.icon-demographics,
.icon-grouppanel:hover span.icon-demographics,
.icon-grouppanel.active span.icon-demographics {
  background-image: url("../../images/iconos/demographics-active.svg");
}
.icon-grouppanel.selected-item span.icon-panelgallery,
.icon-grouppanel:hover span.icon-panelgallery,
.icon-grouppanel.active span.icon-panelgallery {
  background-image: url("../../images/iconos/panelgallery-active.svg");
}
.icon-grouppanel.selected-item span.icon-ab,
.icon-grouppanel:hover span.icon-ab,
.icon-grouppanel.active span.icon-ab {
  background-image: url("../../images/iconos/ab-active.svg");
}
.icon-grouppanel.selected-item span.icon-destinities,
.icon-grouppanel:hover span.icon-destinities,
.icon-grouppanel.active span.icon-destinities {
  background-image: url("../../images/iconos/destinities-active.svg");
}
.icon-grouppanel.selected-item span.icon-finance,
.icon-grouppanel:hover span.icon-finance,
.icon-grouppanel.active span.icon-finance {
  background-image: url("../../images/iconos/finance-active.svg");
}
.icon-grouppanel.selected-item span.icon-marketshare,
.icon-grouppanel:hover span.icon-marketshare,
.icon-grouppanel.active span.icon-marketshare {
  background-image: url("../../images/iconos/marketshare-active.svg");
}
.icon-grouppanel.selected-item span.icon-operations,
.icon-grouppanel:hover span.icon-operations,
.icon-grouppanel.active span.icon-operations {
  background-image: url("../../images/iconos/operations-active.svg");
}
.icon-grouppanel.selected-item span.icon-rrhh,
.icon-grouppanel:hover span.icon-rrhh,
.icon-grouppanel.active span.icon-rrhh {
  background-image: url("../../images/iconos/rrhh-active.svg");
}
.icon-grouppanel.selected-item span.icon-summary,
.icon-grouppanel:hover span.icon-summary,
.icon-grouppanel.active span.icon-summary {
  background-image: url("../../images/iconos/summary-active.svg");
}
.icon-grouppanel.selected-item span.icon-marketing,
.icon-grouppanel:hover span.icon-marketing,
.icon-grouppanel.active span.icon-marketing {
  background-image: url("../../images/iconos/marketing-active.svg");
}
.icon-grouppanel.disabled {
  background-color: #4990e2;
}
.icon-grouppanel.disabled span {
  color: #b3b3b3;
}
.icon-grouppanel.disabled span:hover {
  cursor: not-allowed;
}
.icon-grouppanel.disabled span.icon-reservations {
  background-image: url("../../images/iconos/reservations-disabled.svg");
}
.icon-grouppanel.disabled span.icon-leadtime {
  background-image: url("../../images/iconos/leadtime-disabled.svg");
}
.icon-grouppanel.disabled span.icon-occupancy {
  background-image: url("../../images/iconos/occupancy-disabled.svg");
}
.icon-grouppanel.disabled span.icon-parity {
  background-image: url("../../images/iconos/parity-disabled.svg");
}
.icon-grouppanel.disabled span.icon-website {
  background-image: url("../../images/iconos/website-disabled.svg");
}
.icon-grouppanel.disabled span.icon-demographics {
  background-image: url("../../images/iconos/demographics-disabled.svg");
}
.icon-grouppanel.disabled span.icon-panelgallery {
  background-image: url("../../images/iconos/panelgallery-disabled.svg");
}
.icon-grouppanel.disabled span.icon-ab {
  background-image: url("../../images/iconos/ab-disabled.svg");
}
.icon-grouppanel.disabled span.icon-destinities {
  background-image: url("../../images/iconos/destinities-disabled.svg");
}
.icon-grouppanel.disabled span.icon-finance {
  background-image: url("../../images/iconos/finance-disabled.svg");
}
.icon-grouppanel.disabled span.icon-marketshare {
  background-image: url("../../images/iconos/marketshare-disabled.svg");
}
.icon-grouppanel.disabled span.icon-operations {
  background-image: url("../../images/iconos/operations-disabled.svg");
}
.icon-grouppanel.disabled span.icon-rrhh {
  background-image: url("../../images/iconos/rrhh-disabled.svg");
}
.icon-grouppanel.disabled span.icon-summary {
  background-image: url("../../images/iconos/summary-disabled.svg");
}
.icon-grouppanel.disabled span.icon-marketing {
  background-image: url("../../images/iconos/marketing-disabled.svg");
}
.icon-grouppanel span {
  display: inline-block;
  width: 100% !important;
  height: 20px !important;
  background-size: auto 18px;
  background-position: center bottom;
  background-repeat: no-repeat;
  margin: 0px auto 0px auto;
  width: 100%;
  vertical-align: middle;
}
.icon-grouppanel span.icon-reservations {
  background-image: url("../../images/iconos/reservations.svg");
}
.icon-grouppanel span.icon-leadtime {
  background-image: url("../../images/iconos/leadtime.svg");
}
.icon-grouppanel span.icon-occupancy {
  background-image: url("../../images/iconos/occupancy.svg");
}
.icon-grouppanel span.icon-parity {
  background-image: url("../../images/iconos/parity.svg");
}
.icon-grouppanel span.icon-website {
  background-image: url("../../images/iconos/website.svg");
}
.icon-grouppanel span.icon-demographics {
  background-image: url("../../images/iconos/demographics.svg");
}
.icon-grouppanel span.icon-panelgallery {
  background-image: url("../../images/iconos/panelgallery.svg");
}
.icon-grouppanel span.icon-ab {
  background-image: url("../../images/iconos/ab.svg");
}
.icon-grouppanel span.icon-destinities {
  background-image: url("../../images/iconos/destinities.svg");
}
.icon-grouppanel span.icon-finance {
  background-image: url("../../images/iconos/finance.svg");
}
.icon-grouppanel span.icon-marketshare {
  background-image: url("../../images/iconos/marketshare.svg");
}
.icon-grouppanel span.icon-operations {
  background-image: url("../../images/iconos/operations.svg");
}
.icon-grouppanel span.icon-rrhh {
  background-image: url("../../images/iconos/rrhh.svg");
}
.icon-grouppanel span.icon-summary {
  background-image: url("../../images/iconos/summary.svg");
}
.icon-grouppanel span.icon-marketing {
  background-image: url("../../images/iconos/marketing.svg");
}
.custom-select span:first-child {
  color: #fff;
  display: block;
  width: 30px !important;
  height: 20px !important;
  background-size: auto 18px;
  background-position: center bottom;
  background-repeat: no-repeat;
  margin: 10px auto 5px auto;
}
.custom-select span:first-child.icon-reservations-active {
  background-image: url("../../images/iconos/reservations-active.svg");
}
.custom-select span:first-child.icon-leadtime-active {
  background-image: url("../../images/iconos/leadtime-active.svg");
}
.custom-select span:first-child.icon-occupancy-active {
  background-image: url("../../images/iconos/occupancy-active.svg");
}
.custom-select span:first-child.icon-parity-active {
  background-image: url("../../images/iconos/parity-active.svg");
}
.custom-select span:first-child.icon-website-active {
  background-image: url("../../images/iconos/website-active.svg");
}
.custom-select span:first-child.icon-demographics-active {
  background-image: url("../../images/iconos/demographics-active.svg");
}
.custom-select span:first-child.icon-panelgallery-active {
  background-image: url("../../images/iconos/panelgallery-active.svg");
}
.custom-select span:first-child.icon-ab-active {
  background-image: url("../../images/iconos/ab-active.svg");
}
.custom-select span:first-child.icon-destinities-active {
  background-image: url("../../images/iconos/destinities-active.svg");
}
.custom-select span:first-child.icon-finance-active {
  background-image: url("../../images/iconos/finance-active.svg");
}
.custom-select span:first-child.icon-marketshare-active {
  background-image: url("../../images/iconos/marketshare-active.svg");
}
.custom-select span:first-child.icon-operations-active {
  background-image: url("../../images/iconos/operations-active.svg");
}
.custom-select span:first-child.icon-rrhh-active {
  background-image: url("../../images/iconos/rrhh-active.svg");
}
.custom-select span:first-child.icon-summary-active {
  background-image: url("../../images/iconos/summary-active.svg");
}
.custom-select span:first-child.icon-marketing-active {
  background-image: url("../../images/iconos/marketing-active.svg");
}
.datagrid-widget .filter-row {
  vertical-align: middle;
  display: inline-block;
  width: 14px !important;
  height: 14px !important;
  background-size: auto 14px;
  background-position: center bottom;
  background-repeat: no-repeat;
  cursor: pointer;
}
.datagrid-widget .filter-row.inactive {
  background-image: url("../../images/iconos/filter-row.svg");
}
.datagrid-widget .filter-row.active {
  background-image: url("../../images/iconos/filter-row-active.svg");
}
.datagrid-widget .filter-row-year {
  vertical-align: middle;
  display: inline-block;
  width: 14px !important;
  height: 14px !important;
  background-size: auto 14px;
  background-position: center bottom;
  background-repeat: no-repeat;
  cursor: pointer;
}
.datagrid-widget .filter-row-year.inactive {
  background-image: url("../../images/iconos/filter-row-year.svg");
}
.datagrid-widget .filter-row-year.active {
  background-image: url("../../images/iconos/filter-row-year-active.svg");
}