.x-button-clear {
  display: block;
  padding: 0;
  margin: 0;
  border: 0 none;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.x-tool-params-cntnr {
  border: 1px solid #fff !important;
}
.x-tool-params-cntnr span {
  color: #fff !important;
}
.app-header-label {
  color: #fff;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: bold;
}
#app-header-user {
  color: #fff;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 400;
}
#app-header-company a {
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: block;
}
#app-header-company a:hover {
  text-decoration: underline;
}
#app-header-timezone span {
  color: #c7c7c7;
  text-align: center;
  font-family: "Arial", serif;
  font-weight: bold;
  display: block;
  font-size: 11px;
}
#app-header-player-time a {
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  display: block;
  margin-left: -3px;
  font-size: 13px;
}
.x-btn.MenuButton {
  border-bottom: 4px solid transparent;
}
.x-btn.MenuButton:hover span.x-btn-wrap {
  background: transparent;
}
.x-btn.MenuButton:hover span.x-btn-inner {
  color: #fff;
}
.x-btn.MenuButton .x-btn-wrap {
  display: block;
  padding: 0;
  margin: 0;
  border: 0 none;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.x-btn.MenuButton .x-btn-inner {
  color: #fff;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}
#idShop.x-MenuButton-Pressed,
#language.x-MenuButton-Pressed,
#referenceStatus.x-MenuButton-Pressed {
  border-bottom: 4px solid transparent;
}
#idShop .x-btn-inner,
#language .x-btn-inner,
#referenceStatus .x-btn-inner {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
}
.has-news .x-btn-inner::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: red;
  left: 85px;
  top: 10px;
  left: 25px;
}
.has-news .x-menu-item-text::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: red;
  left: 85px;
  top: 10px;
  top: 2px;
}
.notifier-circle {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: red;
  left: 85px;
  top: 10px;
}
.x-ms-panel .x-panel-header-text-default {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}
.x-MenuButton-Over {
  cursor: pointer;
  border: none;
  background: none;
}
.x-MenuButton-Over .x-btn-inner {
  text-decoration: underline !important;
}
.x-btn.x-MenuButton-Pressed {
  cursor: pointer;
  border-bottom: 4px solid #fff;
  background: none;
}
.x-btn.x-MenuButton-Pressed .x-btn-inner {
  font-weight: 700;
}
.x-MenuButton-Disabled {
  cursor: pointer;
  border: none;
  background: none;
}
.player-button {
  background: none;
  border: none;
  width: 34px !important;
  background-repeat: no-repeat;
  background-position: 5px 0!important;
}
.x-notifications-circle {
  background: url("../images/bell.png") no-repeat center center;
  font-weight: bold;
  width: 30px;
  color: #77b1d7;
  flex-direction: column;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
}
.x-notifications-circle:hover {
  background: url("../images/bell_active.png") no-repeat center center;
}
.x-notifications-circle__counter {
  height: 15px;
  width: 15px;
  background-color: red;
}
.x-notifications-circle__counter--empty {
  background: url("../images/bell.png") no-repeat center center;
  background-size: 50%;
  width: 100%;
  height: 100%;
}
.x-btn-inline.x-btn-default-small,
.x-btn-inline.x-btn-default {
  padding: 0;
}
.x-btn-inline.x-btn-default-small .x-btn-wrap,
.x-btn-inline.x-btn-default .x-btn-wrap {
  margin-bottom: 0px;
  padding: 3px 17px;
  box-shadow: none;
  border: 1px solid #9bc2e6;
}
.x-btn-fill.x-btn-default-small .x-btn-wrap,
.x-btn-fill.x-btn-default .x-btn-wrap {
  background: #3892d3;
}
.x-btn-default-small,
.x-btn-default {
  cursor: default;
  display: block;
  padding: 0;
  margin: 0;
  border: 0 none;
  border-radius: 0;
  background: none;
  box-shadow: none;
  padding: 5px 0;
}
.x-btn-default-small .x-btn-wrap,
.x-btn-default .x-btn-wrap {
  cursor: pointer;
  box-sizing: content-box;
  display: flex;
  align-content: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px 18px;
  background: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  border-radius: 19px;
}
.x-btn-default-small--active span.x-btn-arrow,
.x-btn-default--active span.x-btn-arrow {
  background-image: url('ext-theme-neptune/images/button/default-small-arrow.png');
}
.x-btn-default-small--active .x-btn-wrap,
.x-btn-default--active .x-btn-wrap {
  background-color: #3D4050;
}
.x-btn-default-small--active .x-btn-wrap .x-btn-inner,
.x-btn-default--active .x-btn-wrap .x-btn-inner {
  color: white;
}
.x-btn-default-small.x-btn-disabled .x-btn-wrap,
.x-btn-default.x-btn-disabled .x-btn-wrap {
  cursor: default;
}
.x-btn-default-small .x-btn-inner,
.x-btn-default .x-btn-inner {
  padding: 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #3D4050;
  font-size: 13px;
}
.x-btn-default-small .x-btn-arrow,
.x-btn-default .x-btn-arrow {
  background-image: url('images/actions/arrow.png');
  background-repeat: no-repeat;
  background-position: right 6px center;
}
.x-btn-default-small .x-btn-arrow .x-btn-inner,
.x-btn-default .x-btn-arrow .x-btn-inner {
  padding-right: 10px;
}
.x-btn-default-small:hover:not(.x-btn-disabled) .x-btn-wrap,
.x-btn-default:hover:not(.x-btn-disabled) .x-btn-wrap {
  background: #3D4050;
}
.x-btn-default-small:hover:not(.x-btn-disabled) .x-btn-arrow,
.x-btn-default:hover:not(.x-btn-disabled) .x-btn-arrow {
  background-image: url('ext-theme-neptune/images/button/default-small-arrow.png');
  background-repeat: no-repeat;
  background-position: right 6px center;
}
.x-btn-default-small:hover:not(.x-btn-disabled) .x-btn-inner,
.x-btn-default:hover:not(.x-btn-disabled) .x-btn-inner {
  color: white;
}
.x-nav-filter {
  padding: 1px 0;
}
.x-nav-filter .x-btn-wrap {
  padding: 4px 10px;
  border-radius: 5px;
}
.x-btn .icon-add {
  background-image: url("images/actions/add.png");
}
.x-btn:hover:not(.x-btn-disabled) .icon-add {
  background-image: url("images/actions/add_active.png");
}
.x-btn .icon-edit {
  background-image: url("images/actions/edit.png");
}
.x-btn:hover:not(.x-btn-disabled) .icon-edit {
  background-image: url("images/actions/edit_active.png");
}
.x-btn .icon-delete {
  background-image: url("images/actions/delete.png");
}
.x-btn:hover:not(.x-btn-disabled) .icon-delete {
  background-image: url("images/actions/delete_active.png");
}
.x-btn .icon-clone {
  background-image: url("images/actions/clone.png");
}
.x-btn:hover:not(.x-btn-disabled) .icon-clone {
  background-image: url("images/actions/clone_active.png");
}
.x-btn .icon-print {
  background-image: url("images/actions/print.png");
}
.x-btn:hover:not(.x-btn-disabled) .icon-print {
  background-image: url("images/actions/print_active.png");
}
.x-btn .icon-filter {
  background-image: url("images/actions/filter.png");
}
.x-btn:hover:not(.x-btn-disabled) .icon-filter {
  background-image: url("images/actions/filter_active.png");
}
.x-btn .icon-excel {
  background-image: url("images/actions/excel.png");
}
.x-btn:hover:not(.x-btn-disabled) .icon-excel {
  background-image: url("images/actions/excel_active.png");
}
.x-btn-default-small-icon-text-left .x-btn-inner {
  padding-left: 25px;
}
.icon-filter--on {
  background-image: url("images/actions/filter_on.png");
  background-repeat: no-repeat;
}
.x-btn-ndvi-small {
  font-family: 'Montserrat', sans-serif;
}
.x-btn-ndvi-small .x-ndvi-day-btn__footer {
  color: #828282;
}
.x-btn-ndvi-small:hover {
  color: #3D4050;
}
.x-btn-ndvi-small .x-btn-inner {
  display: flex;
  flex-direction: column;
  padding: 9px;
}
.x-ndvi-btn-active {
  color: #3D4050;
}
.x-ndvi-btn-active .x-ndvi-day-btn__footer {
  font-weight: 600;
}
.x-ndvi-btn-active .x-ndvi-day-btn__head {
  font-weight: 800;
}
.x-ndvi-day-btn__head {
  font-weight: 600;
}
.x-ndvi-year-btn {
  padding-top: 10px;
  font-weight: 600;
}
.x-report-grid .x-grid-row .x-grid-cell-inner,
.x-reference-grid .x-grid-row .x-grid-cell-inner {
  font: 12px Helvetica, Arial, Verdana, sans-serif;
  padding: 6px 10px;
  line-height: 18px;
}
.x-tab .x-tab-inner {
  font-family: 'Montserrat', sans-serif;
}
.x-ga-command .x-btn-wrap {
  border-radius: 5px;
}
.x-datepicker .x-datepicker-footer,
.x-datepicker .x-monthpicker-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
.x-datepicker .x-datepicker-prev,
.x-datepicker .x-datepicker-next {
  z-index: 5;
}
.x-datepicker-month > .x-btn.x-btn-default-small {
  padding: 3px;
}
.x-datepicker-month > .x-btn.x-btn-default-small:hover span.x-btn-wrap {
  background: transparent;
}
.x-datepicker-month > .x-btn.x-btn-default-small:hover span.x-btn-inner {
  color: #53576d;
}
.x-datepicker-month > .x-btn.x-btn-default-small .x-btn-wrap {
  display: block;
  padding: 0;
  margin: 0;
  border: 0 none;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.x-btn .icon-verticalPoints {
  background-image: url("images/actions/verticalPoints.png");
}
.x-btn:hover:not(.x-btn-disabled) .icon-verticalPoints {
  background-image: url("images/actions/verticalPoints_active.png");
}
#app-header {
  /*  margin-bottom: 10px; */
  border-bottom: 1px solid #05436d;
  background: #157fcc;
}
#app-header-title a {
  padding: 15px 10px 15px 61px;
  margin-right: 20px;
  background: url(images/logo.svg) no-repeat;
  background-position: 6px 1px;
  background-size: 49px;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 800;
  font-family: 'Montserrat', sans-serif;
  text-decoration: none;
}
#theme-switcher-combo-labelEl {
  color: #fff;
  font-weight: bold;
}
.play-pause-button {
  background: none;
  border: none;
  width: 34px !important;
  background-repeat: no-repeat;
  background-position: 5px 0!important;
  background-image: url(images/play-pause.png);
}
.play-play-button {
  background: none;
  border: none;
  width: 34px !important;
  background-repeat: no-repeat;
  background-position: 5px 0!important;
  background-image: url(images/play-play.png);
}
.play-online-button {
  background: none;
  border: none;
  width: 34px !important;
  background-repeat: no-repeat;
  background-position: 5px 0!important;
  background-image: url(images/play-online.png);
}
.play-history-button {
  background: none;
  border: none;
  width: 34px !important;
  background-repeat: no-repeat;
  background-position: 5px 0!important;
  background-image: url(images/play-history.png);
}
.x-notifications-counter-container {
  background-color: red;
  width: 20px;
  height: 20px;
  overflow: hidden;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: -5px;
  top: 0;
  color: white;
  padding-top: 3px;
}
.x-productivity-chart__title {
  color: #658585;
  font-size: 1.2em;
  font-family: sans-serif;
  font-weight: bold;
  margin: 10px;
}