@import url(ajaxLoader.css);
#headerContainer {
  position: relative; }
  #headerContainer #mainMenuIcon:hover {
    cursor: pointer;
    opacity: 0.5; }
    #headerContainer #loginButton {
        position: absolute;
        /*background: rgba(33, 110, 184, 1);*/
        color: white;
        border-radius: 10px;
        padding-bottom: 4px;
        padding-top: 3px;
        display: none;
        pointer-events: all;
        /*top: 13px;
        left: 45px;*/
        top: 62px;
        left: 4px;
        right: unset;
    }
  #headerContainer #loginButton:hover {
    opacity: 0.5; }
  #headerContainer #loginButton .k-image {
    height: 22px; }
  #headerContainer #loginButton, #headerContainer #languagesBox {
    visibility: none; }
  #headerContainer #languagesBox {
    position: absolute;
    width: fit-content;
    pointer-events: all;
    right: 146px; }
  #headerContainer #languagesBox .k-combobox .k-dropdown-wrap {
    height: 30px; }
  #headerContainer #languagesBox .k-combobox .k-dropdown-wrap .k-input {
    height: 100%; }
  #headerContainer .langIcon {
    max-height: 30px;
    max-width: 30px;
    margin-left: 7px;
    cursor: pointer; }
  #headerContainer .langIcon:hover {
    opacity: 0.5; }
  #headerContainer .langText {
    cursor: pointer; }
  #headerContainer .langText:hover {
    font-size: 18px; }
  #headerContainer .languaguesInTextFormat {
    display: flex; }
  #headerContainer .languaguesInTextFormat * {
    color: white !important; }
  #headerContainer #mainMenuIcon {
    position: absolute;
    top: 4px;
    z-index: 1;
    pointer-events: all; }
  #headerContainer #menuContainerWrapper {
    display: none; }
  #headerContainer #loginLogoBox {
    margin-bottom: 19px; }
  #headerContainer #languagesBox {
    top: 15px; }
  #headerContainer #headerImg {
    cursor: pointer;
    pointer-events: all; }
  #headerContainer #headerImg:hover {
    opacity: 0.5; }
  @media screen and (min-width: 768px) {
    #headerContainer {
      /*#mainMenuIcon {
            top: 15px;
        }*/ }
      #headerContainer #loginButton {
        top: 13px;
        right: 45px;
        left: unset; } }

#main {
  padding-top: 0px !important; }

#mainMenuContainer {
  display: flex;
  flex-direction: column;
  width: fit-content;
  background: white;
  border: 2px solid #e4c86a;
  border-left: none;
  border-top: none;
  pointer-events: all;
  position: absolute;
  top: 54px; }
  #mainMenuContainer #mainMenu {
    width: 250px;
    float: left;
    border: none; }
  #mainMenuContainer #headerImg {
    display: block; }
  #mainMenuContainer #mainMenu * {
    border: none !important;
    background: white; }
  #mainMenuContainer .k-state-selected {
    color: black !important; }
  #mainMenuContainer #downloadAppBox {
    margin-top: 49px;
    padding-left: 15px;
    margin-bottom: 17px; }
  #mainMenuContainer #mainMenu span:hover {
    font-weight: bold; }
  #mainMenuContainer #downloadAppLabel {
    cursor: default; }
  #mainMenuContainer li ul li span {
    padding-left: 30px;
    font-style: italic;
    font-size: 16px !important; }
  #mainMenuContainer li ul li ul li span {
    padding-left: 50px;
    font-size: 14px !important; }
  #mainMenuContainer #mainMenu li span {
    box-shadow: none !important; }
  #mainMenuContainer #mainMenu .k-state-selected {
    font-weight: bold; }

/* kendo fixings*/
/*.k-window-titlebar {
    background: rgba(33, 110, 184, 1) !important;
}*/

.k-filter-and, span[title="Filters logic"], span[title="Additional operator"], input[title="Additional value"] {
  display: none !important; }

.k-action-buttons {
  border-width: 0px !important; }

.k-filter-menu-container input[title="Value"] {
  height: 30px;
  margin-top: 10px; }

.k-window-titlebar .k-window-title, .k-window-titlebar .k-button-icon {
  color: white !important; }

.k-window-titlebar .k-window-title {
  line-height: 20px;
  width: fit-content; }

.k-window-titlebar {
  /*height: 25px;*/
  padding-top: 5px;
  padding-bottom: 5px; }

.dynamicTabularsWindowTitleBar {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

.k-window-action {
  padding: 0px !important; }

.k-window-actions {
  position: absolute;
  top: 50% !important;
  transform: translateY(-50%);
  margin-top: 0 !important; }

.k-window-titlebar {
  position: relative; }

.k-window, .k-window-titlebar {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important; }

.k-window, .k-window-content {
  border-bottom-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important; }

.k-window-title {
  font-size: 17px; }

.k-dialog-buttongroup {
  display: flex; }

.closeIconInPopupWithoutHeader {
  position: absolute;
  z-index: 1;
  right: 5px;
  top: 5px; }

.popupDarkExitIcon {
  display: none; }

.windowTitleContainer {
  height: -webkit-fill-available; }

.popupActionIcon {
  height: 24px;
  margin-left: 3px; }

.popupActionIcon:hover {
  cursor: pointer;
  opacity: 0.5; }

/************ Sections Default style ******************/
/**********  SECTIONS ************/
#sectionsContainerBody .sectionTitleWrapper {
  text-align: center;
  /*height: 20%;*/
  padding-top: 20px;
  box-sizing: border-box; }

#sectionsContainerBody .section {
  background-color: white;
  overflow: auto; }

#sectionsContainerBody .sectionTitle {
  border-radius: 10px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 4px;
  color: white;
  line-height: normal;
  font-size: 19.6px;
  background-color: #00569f;
  margin: 0px auto;
  margin-bottom: 12px;
  display: block;
  width: fit-content; }

#sectionsContainerBody #section_IndexGauge {
  padding-top: 18px !important; }

/********** STATION INFO ************/
#stationInfoContainer #imgStation {
  display: block;
  border-color: #00569f;
  border-radius: 50%;
  border-style: solid;
  border-width: 3px;
  height: 150px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  width: 150px; }

#stationInfoContainer #imgStationWrapper {
  height: 30%;
  width: 100%; }

#stationInfoContainer #stationTitle {
  color: gray;
  font-size: 25px;
  display: block;
  text-align: center;
  clear: both;
  margin-top: 10px;
  margin-bottom: 5px;
  line-height: 20px; }

#stationInfoContainer .keyField {
  background-color: #ededed; }

#stationInfoContainer .valueField {
  background-color: #f6f6f6; }

#stationInfoContainer .actionIconBox {
  width: 25%;
  height: 8%;
  margin-top: 25px;
  float: left;
  text-align: center; }

#stationInfoContainer .actionIcon {
  height: 100%;
  width: 80%; }

#stationInfoContainer .actionIconTitle {
  font-size: 13px;
  display: inline-block; }

#stationInfoContainer .colorShared {
  color: #159741; }

#stationInfoContainer #stationInfoBox > * {
  margin-top: 15px; }

#stationInfoContainer #actualStationInfoTable {
  margin-top: 25px;
  margin-bottom: 15px;
  height: 100%; }

#stationInfoContainer #stationInfoTableWrapper {
  width: 98%;
  /*overflow: auto;*/
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }

#stationInfoContainer #actualStationInfoTable {
  width: 90%;
  margin-top: -15px;
  margin-bottom: 0px;
  /*overflow: auto;
        display: inline-block;
        max-width: 100%*/
  /*white-space: nowrap;*/ }

#stationInfoContainer #infoAboutStationTitleWrapper {
  text-align: center; }

#stationInfoContainer #infoAboutStationTitle {
  margin-top: 5px;
  margin-bottom: 5px; }

#stationInfoContainer #actualStationInfoTable td {
  padding: 0 !important; }

#stationInfoContainer #stationImagesGallery {
  display: none; }

#stationInfoContainer .arrowIcon {
  height: 20px;
  width: 20px;
  position: absolute;
  top: calc(50% - 10px);
  cursor: pointer !important;
  display: none; }

#stationInfoContainer #rightArrowIcon {
  right: 0 !important; }

#stationInfoContainer #leftArrowIcon {
  left: 0 !important; }

#stationInfoContainer #imgStation {
  background-size: cover;
  position: relative; }

#stationInfoContainer #stationNameRow {
  display: none; }

#monitorsContainer {
  height: 100%; }
  #monitorsContainer #monitors {
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap; }
  #monitorsContainer #monitors > * {
    margin-right: 15px; }
  #monitorsContainer .monitorInfoBox {
    border: 2px #00569f solid;
    border-radius: 10px;
    color: white;
    height: 100%;
    text-align: center;
    min-width: 100px;
    display: inline-block;
    box-sizing: border-box; }
  #monitorsContainer .monitorNameAndUnitBox {
    height: 60%;
    border-radius: inherit;
    border: inherit;
    margin-top: -2px;
    width: 100%;
    box-sizing: border-box;
    background-color: #00569f; }
  #monitorsContainer .horizontalLineSeparator {
    border-top: 1px solid white;
    width: 100%;
    height: 10%; }
  #monitorsContainer .labelWrapper, #monitorsContainer .monitorValueWrapper {
    height: 40%;
    width: 100%; }
  #monitorsContainer .parentOfCenterElem {
    display: table;
    width: 100%;
    text-align: center; }
  #monitorsContainer .verticalCenter {
    display: table-cell;
    vertical-align: middle; }
  #monitorsContainer .monitorValue {
    color: black;
    direction: ltr !important; }

#temperatureContainer {
  padding-top: 18px !important; }
  #temperatureContainer #temperatureGauge {
    height: 100%;
    color: #f19200; }
  #temperatureContainer #tempValue {
    font-size: 200%;
    font-weight: bold;
    text-align: center;
    color: #f19200;
    line-height: 18px; }
  #temperatureContainer #tempUnitLabel {
    color: #f19200; }
  #temperatureContainer .sectionContent {
    display: flex;
    justify-content: center;
    padding-top: 15px; }
  #temperatureContainer #tempDescription {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: center; }

#windSpeedMeterContainer {
  padding-top: 18px !important;
  display: flex;
  flex-direction: column;
  align-items: center; }
  #windSpeedMeterContainer #windSpeedGauge {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto; }
  #windSpeedMeterContainer #windSpeedValueLabel {
    text-align: center;
    width: 100%; }

#windDirMeterContainer {
  padding-top: 18px !important;
  display: flex;
  flex-direction: column;
  align-items: center; }
  #windDirMeterContainer #windDirGauge {
    height: 100%;
    width: 100%;
    margin-top: 1px;
    margin-left: auto;
    margin-right: auto; }

#indexLevelContainer {
  width: 100%;
  line-height: 1.1;
  margin-left: auto;
  margin-right: auto;
  /*padding-top: 18px !important;*/
  /* ensure gauge surface will be always in center.*/ }
  #indexLevelContainer #indexName {
    display: block;
    text-align: center; }
  #indexLevelContainer #indexLevelGaugeWrapper {
    height: 80%;
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    flex-direction: column; }
  #indexLevelContainer #indexLevelGauge {
    height: 100%; }
  #indexLevelContainer #gauge [data-role=surface] {
    margin: 0 auto;
    display: block; }
  #indexLevelContainer #IndexLevelDateTimeBox {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 5px; }

#mapContainer {
  height: 100%;
  width: 100%; }
  #mapContainer #_map {
    height: 100%;
    width: 100%; }
  #mapContainer .esriSimpleSlider, #mapContainer .esriControlsBR {
    z-index: auto !important; }

#graphGroupContainer {
  height: 100%;
  width: 100%;
  /* this plaster remove over space inside datepicker between textbox which contains the date to
            bottom edge of datepicker.
        */ }
  #graphGroupContainer .k-tooltip {
    background: white !important; 

  }
  #graphGroupContainer .monitorGraph {
    float: left;
    box-sizing: border-box;
    width: 100%; }
  #graphGroupContainer .k-picker-wrap {
    height: 31px; }
  #graphGroupContainer .sectionContent {
    width: 97%;
    /*height: 88%;*/
    padding-top: 10px !important;
    box-sizing: border-box;
    margin: 0 auto;
    direction: ltr; }
  #graphGroupContainer #sectionHeader {
    height: 20%;
    height: auto;
    width: 100%; }
  #graphGroupContainer .sectionTitleWrapper {
    width: 100%; }
  #graphGroupContainer #datepickerWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    direction: ltr;
    margin-top: 10px; }
  #graphGroupContainer .datePickerArrowIcon {
    height: 20px; }
  #graphGroupContainer .datePickerArrowIcon {
    cursor: pointer; }
  #graphGroupContainer .disabledElement {
    pointer-events: none !important;
    cursor: default !important;
    opacity: 0.5 !important; }
  #graphGroupContainer .datePickerArrowIcon, #graphGroupContainer #datepickerWrapper .k-select {
    pointer-events: default;
    cursor: pointer;
    opacity: 1; }
  #graphGroupContainer #datepicker {
    height: 100%; }
  #graphGroupContainer .graphDatePicker {
    padding: 0 !important; }
  #graphGroupContainer .k-datepicker {
    width: 150px;
    margin-left: 3px;
    margin-right: 3px; }
  #graphGroupContainer #addGraphIcon {
    position: absolute;
    top: 5px;
    right: 5px;
    left: 5px;
    cursor: pointer;
    display: none; }
  #graphGroupContainer #addGraphIcon:hover {
    opacity: 0.6; }

.IMonitorGraphContainer .monitorGraph {
  float: left;
  box-sizing: border-box;
  width: 100%; }

.IMonitorGraphContainer .k-picker-wrap {
  height: 31px; }

.IMonitorGraphContainer .k-tooltip {
  background: white !important; }

.IMonitorGraphContainer .graphDatePicker {
  height: 100% !important; }

.IMonitorGraphContainer .datepickerWrapper {
  margin-bottom: 10px; }

/************ Sections Default style ******************/
/**********  SECTIONS ************/
#menuSection .section {
  visibility: hidden;
  overflow-y: auto;
  background-color: white;
  z-index: 2;
  border: 1px solid #cdd0d6;
  border-radius: 5px; }

.pageDashboardMenuIcon {
  user-select: none;
  cursor: pointer !important; }

#pageSectionsContainer {
  width: 100%;
  /* Allows to change the position of an element  (start, center, end)*/
  /* no-gutters Class Rules */ }
  #pageSectionsContainer * {
    user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none; }
  #pageSectionsContainer .section {
    visibility: hidden;
    overflow-y: auto;
    background-color: white;
    z-index: 2;
    border: 1px solid #cdd0d6;
    border-radius: 5px; }
  #pageSectionsContainer #section_map {
    visibility: visible !important; }
  #pageSectionsContainer #collapsableIconsContainer {
    display: flex;
    flex-direction: column; }
  #pageSectionsContainer #collapsableIconsContainer > * {
    margin-top: 5px; }
  #pageSectionsContainer .partialViewContainer {
    padding: 0px !important;
    /* override bootstrap config*/
    background-color: inherit; }
  #pageSectionsContainer .IFlexBox {
    position: relative; }
  #pageSectionsContainer #pageSectionsContainerBody {
    position: relative;
    /*OlD_TODO: ADD DOCS HERE*/ }
  #pageSectionsContainer #sectionsContainerHeader button {
    float: left; }
  #pageSectionsContainer .partialViewGaugeContainer {
    display: flex;
    justify-content: center; }
  #pageSectionsContainer .sectionAjaxLoader {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transform: translate3d(-50%, -50%, 0); }
  #pageSectionsContainer .partialViewBody {
    width: 100%; }
  #pageSectionsContainer .sectionTitleWrapper {
    text-align: center;
    /*height: 20%;*/
    padding-top: 20px;
    box-sizing: border-box; }
  #pageSectionsContainer .sectionTitle {
    border-radius: 10px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 4px;
    color: white;
    line-height: normal;
    font-size: 19.6px;
    margin: 18px auto 0px;
    display: block;
    width: fit-content;
    background-color: #00569f; }
  #pageSectionsContainer .sectionContent {
    /*height: 80%;*/ }
  #pageSectionsContainer .container-fluid {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  #pageSectionsContainer .row {
    margin-right: 0;
    margin-left: 0; }
  #pageSectionsContainer [class^="col-"],
  #pageSectionsContainer [class*=" col-"], #pageSectionsContainer .col {
    padding-right: 0;
    padding-left: 0; }
  #pageSectionsContainer #innerSectionsContainer {
    position: absolute;
    top: 0;
    width: 100%; }

#pageSectionsContainerBody #section_stationsFilterInMap {
  overflow: visible;
  background: transparent;
  border: none;
  width: 100%;
  z-index: 3;
  min-width: 180px; }

#pageSectionsContainerBody #section_legend {
  background: transparent;
  border: none; }

#pageSectionsContainerBody #section_legendWrapper {
  max-width: 90%; }

#pageSectionsContainerBody #section_IndexGauge {
  min-width: 270px; }

#pageSectionsContainerBody #section_stations {
  padding: 20px;
  min-width: 270px; }

#pageSectionsContainerBody #section_info {
  min-width: 400px; }

#pageSectionsContainerBody #section_news {
  min-width: 270px; }

#pageSectionsContainerBody #section_messages {
  overflow-y: hidden;
  min-width: 270px; }

#pageSectionsContainerBody #section_map {
  border: none !important; }
  #pageSectionsContainerBody #section_map #streetMapView:hover, #pageSectionsContainerBody #section_map #sateliteMapView:hover {
    opacity: 0.5 !important;
    cursor: pointer; }
  #pageSectionsContainerBody #section_map #showProvincesOptionBox {
    flex-direction: row-reverse;
    justify-content: flex-end; }
  #pageSectionsContainerBody #section_map #mapViewTitle {
    font-size: 17px;
    margin-top: 4px; }
  #pageSectionsContainerBody #section_map #mapViewTitle, #pageSectionsContainerBody #section_map #streetMapView, #pageSectionsContainerBody #section_map #sateliteMapView {
    padding-left: 10px;
    padding-right: 10px;
    color: #037e57;
    font-size: 15px; }
  #pageSectionsContainerBody #section_map #showProvinceLabel {
    margin-right: 6px;
    margin-bottom: 0px; }

#legendContainer.horizontal #legendItems {
  display: flex;
  flex-direction: row; }

#legendContainer.horizontal .legendItem {
  height: 100%; }

#legendContainer.vertical #informationBox {
  display: none; }

#legendContainer.vertical #legendItems {
  display: flex;
  flex-direction: column;
  width: 100%; }

#legendContainer.vertical .legendItem {
  height: 100%;
  width: 100%; }

#legendContainer {
  height: 100%;
  /*width: 100%;*/
  width: max-content;
  background: transparent;
  display: flex;
  /*direction: rtl !important;*/ }
  #legendContainer #legendTitle {
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 0px;
    display: none; }
  #legendContainer #legendItemsBox {
    display: flex;
    flex-direction: column;
    background: white; }
  #legendContainer #informationBox {
    border-top-right-radius: 200%;
    border-top-left-radius: 0%;
    border-bottom-right-radius: 200%;
    border-bottom-left-radius: 0%;
    background: #339571;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 46px; }
  #legendContainer #legendInfoIcon {
    height: 19px;
    width: 19px;
    cursor: pointer; }
  #legendContainer #legendInfoIcon:hover {
    opacity: 0.5; }
  #legendContainer #legendItems {
    /*display: flex;*/
    padding-right: 2px;
    padding-bottom: 0px; }
  #legendContainer .legendItem {
    padding-right: 0px;
    padding-left: 1px;
    padding-top: 1px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
  #legendContainer .legendItemText {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
    /*height:auto;*/
    /*height: max-content;*/
    height: inherit;
    width: 100%;
    /*border-radius: 5px;*/
    margin-bottom: 0px;
    text-align: center; }
  #legendContainer .meteorologylegendItem {
    padding-right: 25px;
    padding-left: 25px; }
  #legendContainer .legendItemValue {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0px;
    text-align: center;
    direction: ltr; }
  #legendContainer .legendItemValueBox {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #20305b;
    width: 100%;
    height: 16px;
    color: white; }
  #legendContainer #indexLabel {
    margin-bottom: 0px;
    font-size: 14px;
    color: white; }

#pollutantsMenuContainer {
  display: flex;
  flex-direction: column;
  background: unset; }
  #pollutantsMenuContainer #stationsFilterContainer {
    margin-left: 7px !important;
    display: flex; }
  #pollutantsMenuContainer #DateVal {
    font-size: 20px;
    position: absolute;
    left: 50%;
    right: unset;
    transform: translatex(-50%);
    z-index: 2; }
  #pollutantsMenuContainer #headerMap {
    background: rgba(255, 255, 255, 0.48) !important;
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    /*background: rgba(255,255,255,0.5);*/ }
  #pollutantsMenuContainer #pollutantsMenuIcon {
    cursor: pointer;
    z-index: 11; }
  #pollutantsMenuContainer #pollutantsMenuIcon:hover {
    opacity: 0.7; }
  #pollutantsMenuContainer #pollutantsMenu {
    background: rgba(255, 255, 255, 0.5);
    width: fit-content; }
  #pollutantsMenuContainer #pollutantsMenu li {
    list-style: unset !important;
    background: black;
    color: white;
    padding: unset !important;
    z-index: 1; }
  #pollutantsMenuContainer .pollutantsMenu_vertical {
    display: flex !important;
    flex-direction: column;
    width: fit-content; }
  #pollutantsMenuContainer #pollutantsMenu .k-menu-expand-arrow {
    margin-right: 0;
    margin-left: 0; }
  #pollutantsMenuContainer .k-menu-link {
    font-size: 14px !important; }
  #pollutantsMenuContainer #stationsFilterType {
    float: left; }
  #pollutantsMenuContainer #stationsFilterContainer * {
    font-size: 19px; }
  #pollutantsMenuContainer #pollutantsMenuBox {
    display: flex;
    visibility: hidden;
    background: transparent !important; }

#stationsFilterTypeContainer {
  display: flex;
  flex-direction: column;
  align-items: center; }
  #stationsFilterTypeContainer #stationFilterTypesComboboxContainer {
    width: fit-content; }

#stationsPageContainer {
  height: 100%; }
  #stationsPageContainer #stationsList {
    display: flex;
    flex-direction: column;
    border: 1px #e5e6e7 solid; }
  #stationsPageContainer .stationNameAndIndexValueBox {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-right: 5px;
    padding-left: 5px;
    border-bottom: 1px #e5e6e7 solid; }
  #stationsPageContainer v
.stationNameItem {
    margin-right: 3px; }
  #stationsPageContainer #stationsList::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5; }
  #stationsPageContainer #stationsList::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #555; }
  #stationsPageContainer #stationsList::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5; }
  #stationsPageContainer .indexValueItem {
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    border-radius: 14px;
    min-width: 30px;
    height: 25px;
    text-align: center;
    font-size: 14px;
    box-sizing: border-box;
    direction: ltr;
    font-weight: 500; }
  #stationsPageContainer #sortButtons button {
    width: 48%;
    height: 24px;
    background: #374048;
    color: white;
    border: none; }
  #stationsPageContainer #sortButtons {
    margin-top: 12px;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-around; }
  #stationsPageContainer * {
    box-sizing: border-box; }
  #stationsPageContainer #stationsList {
    /*height:200px;*/
    overflow: auto; }
  #stationsPageContainer #searchStationInput {
    background-color: #FFFFFF;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    display: block;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    font-size: 14px; }
  #stationsPageContainer #stationsPageTitle {
    font-size: 20px;
    background: #339571;
    text-indent: 5px;
    text-align: center;
    line-height: 32px;
    padding: 0px 5px; }

#indexGaugePageContainer {
  /*height:100%;*/
  /* ensure gauge surface will be always in center.*/ }
  #indexGaugePageContainer #maxIndexTitle {
    background: #374048;
    color: white;
    text-align: center;
    margin-bottom: 0px;
    font-size: 17px;
    padding: 5px 0px; }
  #indexGaugePageContainer #indexGaugeBody {
    /*padding: 15px;*/
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    opacity: 0.7;
    display: flex;
    flex-direction: column; }
  #indexGaugePageContainer .Gaugecontent {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    width: 100%;
    /*height: 100%;*/
    margin-bottom: 0; }
  #indexGaugePageContainer .GaugeTitleText {
    margin-bottom: 20px; }
  #indexGaugePageContainer .MaxStationIndex {
    text-align: center;
    font-weight: bold;
    box-shadow: 0px 0px 2px black;
    padding: 12px;
    border-radius: 26px; }
  #indexGaugePageContainer .MaxStationIndex span {
    font-weight: bold; }
  #indexGaugePageContainer .GaugeDiv {
    position: relative; }
  #indexGaugePageContainer #gauge {
    width: 200px;
    height: 200px; }
  #indexGaugePageContainer #gauge [data-role=surface] {
    margin: 0 auto;
    display: block; }
  #indexGaugePageContainer .IndexText {
    text-align: center;
    width: 100%;
    margin-top: 0 !important;
    font-size: 30px; }
  #indexGaugePageContainer #textBelowIndexGaugeContainer {
    display: flex;
    flex-direction: column;
    margin-top: -43px; }
  #indexGaugePageContainer #indexTextBelowGauge, #indexGaugePageContainer #dateTimeOfIndexGaugeData {
    text-align: center;
    font-size: 14px; }
  #indexGaugePageContainer #dateTimeOfIndexGaugeData {
    direction: ltr; }
  #indexGaugePageContainer .GaugeText {
    font-size: 14px;
    position: relative; }
  #indexGaugePageContainer #ildPageLinkGauge ul li a {
    position: relative; }
  #indexGaugePageContainer #maxIndexvValue {
    /*visibility:hidden;*/
    align-self: center;
    font-size: 20px;
    color: #20305b;
    margin-top: 9px;
    z-index: 2; }
  #indexGaugePageContainer #stationName {
    text-align: center;
    font-weight: bold;
    align-self: center;
    font-size: 20px;
    color: #20305b; }
  #indexGaugePageContainer #aqiScalePageContentWrapper {
    padding-left: 5px;
    padding-right: 5px; }
  #indexGaugePageContainer #scaleItems {
    display: flex;
    flex-direction: column; }
  #indexGaugePageContainer .scaleItem span {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px; }
  #indexGaugePageContainer .scaleItem {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin-left: 12px; }
  #indexGaugePageContainer .scaleItem label {
    color: slategrey;
    margin-bottom: 0; }
  #indexGaugePageContainer .labelBelowGaugeCap {
    margin-bottom: 0px; }

#mapContainer {
  position: relative;
  z-index: 1;
  /*#showProvincesOptionBox {
        position: absolute;
        background: white;
        right: 62px;
        bottom: 23px;
        padding: 10px;
        border-radius: 38px;
        border: 1px solid black;
        font-size: 16px;
        display:flex;
        visibility:hidden;
    }*/ }
  #mapContainer #showProvincesOptionBox {
    display: flex;
    align-items: center; }

#messagesPageContainer #messagesBody {
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;
  /*overflow: auto;*/ }

#messagesPageContainer #messages {
  padding: 11px;
  box-sizing: border-box;
  overflow: auto;
  padding-left: 5px; }

#messagesPageContainer #messagesContainerTitle {
  text-align: center;
  color: #20305b;
  font-size: 22px;
  padding-top: 12px;
  margin-bottom: 15px; }

#messagesPageContainer .messageItem {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 12px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  padding-top: 7px;
  padding-right: 7px;
  padding-left: 7px;
  box-sizing: border-box;
  height: auto; }

#messagesPageContainer .messageHeader {
  display: flex;
  justify-content: space-between;
  height: auto;
  width: 100%; }

#messagesPageContainer .messageHeader * {
  font-size: 16px;
  font-weight: bold; }

#messagesPageContainer .messageDate {
  float: left; }

#messagesPageContainer .messageTitle, #messagesPageContainer .messageAuthor, #messagesPageContainer .titleAndAuthorSeparator {
  float: right;
  color: #49817d; }

#messagesPageContainer .messageBody {
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px; }

#messagesPageContainer #messages::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5; }

#messagesPageContainer #messages::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555; }

#messagesPageContainer #messages::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5; }

#newsPageContainer #newsBody {
  display: flex;
  flex-direction: column; }

#newsPageContainer #news {
  padding: 11px;
  box-sizing: border-box;
  overflow-y: auto; }

#newsPageContainer #newsContainerTitle {
  text-align: center;
  color: white;
  font-size: 22px;
  text-align: center;
  font-size: 17px;
  background: #374048;
  padding-top: 5px;
  padding-bottom: 3px;
  /*padding: 5px 0px;*/
  margin-bottom: 0px;
  margin-right: 7px;
  margin-left: 7px; }

#newsPageContainer .newItem {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 12px;
  /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
  padding-top: 7px;
  padding-right: 7px;
  padding-left: 7px;
  box-sizing: border-box;
  height: auto;
  float: right;
  box-sizing: border-box; }

#newsPageContainer .newBody {
  margin-bottom: 0px !important;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px; }

#newsPageContainer #newsPageContainer, #newsPageContainer #newsBody {
  height: 100%; }

#newsPageContainer .newHeader {
  display: flex;
  justify-content: space-between; }

#newsPageContainer .newHeader * {
  font-size: 16px;
  font-weight: bold; }

#newsPageContainer .newDate {
  float: left; }

#newsPageContainer .newTitle, #newsPageContainer .newAuthor, #newsPageContainer .titleAndAuthorSeparator {
  float: right;
  color: #49817d;
  text-decoration: underline; }

#newsPageContainer .newsReadMore {
  cursor: pointer !important;
  color: #339571;
  margin-right: 10px;
  margin-left: 10px;
  visibility: hidden;
  display: inline-block;
  color: #339571; }

#newsPageContainer .newsReadMore:hover {
  font-weight: bold !important; }

#newsPageContainer #footerNews {
  position: relative;
  bottom: 0px; }

#newsPageContainer #footerNews img {
  height: 20px;
  width: 20px;
  cursor: pointer; }

#newsPageContainer #footerNews img:hover {
  opacity: 0.5; }

#newsPageContainer #headerSectionNews {
  display: flex;
  justify-content: center;
  align-items: center;
  direction: ltr;
  background-color: #374048;
  position: relative; }

#newsPageContainer .arrowIcon:hover, #newsPageContainer #allNewsIcon:hover {
  cursor: pointer;
  opacity: 0.5; }

#newsPageContainer #allNewsIcon {
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 23px; }

#datePageContainer #lastDateTimeOfDataLabel {
  text-align: center; }

#currentStationsFilterContainer #currentStationsFilterLabel {
  text-align: center; }

#newsPopupContainer #LeftArea {
  width: 100% !important; }

#newsPopupContainer #RightArea {
  display: none !important; }

#customMapViews {
  padding-right: 8px;
  padding-left: 8px;
  padding-top: 8px;
  padding-bottom: 2px; }

#customMapViews .mapViewItem {
  font-size: 17px;
  color: #037e57; }

#section_currentStationsFilter, #section_date {
  min-width: 220px;
  width: max-content; }

#section_legend {
  height: fit-content;
  width: auto !important; }

#section_stationsFilterInMap {
  height: auto;
  width: 200px; }

.k-window-title {
  padding-left: 13px; }

/*.menuIconTooltip {
  background: black !important;
  color: white; }*/

.popupExitIcon {
  width: 24px; }

.popupExitIcon:hover {
  opacity: 0.5;
  cursor: pointer; }

#allNewsPageContainer {
  width: 550px;
  margin-top: 10px;
  margin-bottom: 10px; }
  #allNewsPageContainer .newsItem {
    margin-bottom: 33px;
    display: list-item;
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 10px; }
  #allNewsPageContainer .newsItem:last-child {
    margin-bottom: 0px; }
  #allNewsPageContainer .newsItemTitle {
    color: #49817d; }
  #allNewsPageContainer .newsItemTitle {
    text-decoration: underline; }
  #allNewsPageContainer p {
    margin-bottom: 0px; }
  #allNewsPageContainer .newsItemHeader {
    display: flex;
    justify-content: space-between;
    padding-left: 15px;
    margin-top: -17px; }
  #allNewsPageContainer .newsItemHeader label {
    font-size: 18px; }
  #allNewsPageContainer .newsItemBody {
    padding-left: 24px;
    /*padding-right:103px;*/ }
  #allNewsPageContainer .newDate {
    padding-right: 13px; }

#section_stations {
  min-width: 230px;
  max-height: 640px;
  overflow-y: hidden !important; }

#displayProvincesContainer {
  display: none !important; }

#customMapViews hr {
  display: none; }

#feedbackProvinceFormContainer {
  padding: 10px 19px; }
  #feedbackProvinceFormContainer #feedBackForm {
    display: flex;
    flex-direction: column;
    margin-bottom: 0px; }
  #feedbackProvinceFormContainer #feedbackProvinceFormContainer .error {
    color: red; }
  #feedbackProvinceFormContainer #feedBackForm > * {
    margin-bottom: 15px;
    width: 300px; }
  #feedbackProvinceFormContainer #submitFeedbackFormBtn {
    background: #49817d;
    color: white;
    border: medium none;
    padding: 4px 27px;
    width: auto;
    margin: 0 auto; }
  #feedbackProvinceFormContainer #Message {
    width: 293px; }

#feedbackSatisfactionFormContainer {
  box-sizing: border-box;
  background-repeat: round;
  padding-bottom: 16px; }
  @media screen and (min-height: 900px) {
    #feedbackSatisfactionFormContainer .bodyContainer {
      height: auto !important; } }
  @media screen and (min-width: 768px) {
    #feedbackSatisfactionFormContainer {
      width: 627px !important; }
      #feedbackSatisfactionFormContainer .headerContainer, #feedbackSatisfactionFormContainer .bodyContainer {
        padding-left: 29px !important; }
      #feedbackSatisfactionFormContainer #satisfactionLevels {
        margin-right: 145px !important; }
      #feedbackSatisfactionFormContainer .bodyContainer {
        padding-right: 40px !important; }
      #feedbackSatisfactionFormContainer .satisfactionImagesBox, #feedbackSatisfactionFormContainer #satisfactionLevels {
        width: 200px !important; }
      #feedbackSatisfactionFormContainer .phoneHeaderTitle {
        display: none !important; }
      #feedbackSatisfactionFormContainer .desktopHeaderTitle {
        display: block !important; }
      #feedbackSatisfactionFormContainer #satisfactionSection {
        position: relative; }
      #feedbackSatisfactionFormContainer .siteSymbolWatermark {
        bottom: 13px;
        left: -20px; } }
  #feedbackSatisfactionFormContainer * {
    font-size: 14px; }
  #feedbackSatisfactionFormContainer p {
    margin-bottom: 0px; }
  #feedbackSatisfactionFormContainer .headerContainer {
    background: #007a4d;
    border-bottom-left-radius: 28px;
    border-bottom-right-radius: 28px;
    padding-top: 13px;
    padding-bottom: 3px; }
  #feedbackSatisfactionFormContainer .desktopHeaderTitle {
    display: none; }
  #feedbackSatisfactionFormContainer .headerContainer p {
    font-size: 16px;
    color: white; }
  #feedbackSatisfactionFormContainer .headerTitle {
    color: white;
    font-size: 19px; }
  #feedbackSatisfactionFormContainer .sectionTitle {
    color: #007a4d;
    font-size: 17px;
    font-weight: 600;
    margin-top: 15px; }
  #feedbackSatisfactionFormContainer .bodyContainer {
    height: 450px;
    overflow: auto; }
  #feedbackSatisfactionFormContainer .bodyContainer, #feedbackSatisfactionFormContainer .phoneHeaderTitle {
    padding-left: 10px;
    padding-right: 21px; }
  #feedbackSatisfactionFormContainer .siteSymbolWatermark {
    position: absolute;
    bottom: 22px;
    left: 10px; }
  #feedbackSatisfactionFormContainer #contentSatisfaction, #feedbackSatisfactionFormContainer #UISatisfaction {
    display: flex;
    align-items: center;
    margin-top: 10px; }
  #feedbackSatisfactionFormContainer #contentSatisfaction span, #feedbackSatisfactionFormContainer #UISatisfaction span {
    width: 145px; }
  #feedbackSatisfactionFormContainer #satisfactionLevels {
    margin-left: 119px; }
  #feedbackSatisfactionFormContainer #satisfactionLevels span {
    font-weight: bold; }
  #feedbackSatisfactionFormContainer .satisfactionImagesBox, #feedbackSatisfactionFormContainer #satisfactionLevels {
    display: flex;
    justify-content: space-between; }
  #feedbackSatisfactionFormContainer .satisfactionImagesBox {
    width: 200px; }
  #feedbackSatisfactionFormContainer .satisfactionLevels {
    width: 165px; }
  #feedbackSatisfactionFormContainer #uiExplanation {
    margin-top: 15px; }
  #feedbackSatisfactionFormContainer #isInformationFoundSection {
    display: flex;
    align-items: center;
    margin-top: 0px; }
  #feedbackSatisfactionFormContainer #isInformationFoundSection div {
    display: flex;
    margin-left: 10px; }
  #feedbackSatisfactionFormContainer #isInformationFoundSection label {
    margin-bottom: 0px; }
  #feedbackSatisfactionFormContainer #isInformationFoundSection .sectionTitle {
    margin-top: 0px; }
  #feedbackSatisfactionFormContainer .k-radio-label {
    padding-right: 2px; }
  #feedbackSatisfactionFormContainer .comments {
    width: 100%;
    box-sizing: border-box; }
  #feedbackSatisfactionFormContainer .nameInputField, #feedbackSatisfactionFormContainer .locationInputField {
    width: 150px;
    height: 29px !important; }
  #feedbackSatisfactionFormContainer .nameInputField {
    margin-right: 14px; }
  #feedbackSatisfactionFormContainer .actionButtons {
    display: flex;
    justify-content: flex-end;
    margin-top: 9px; }
  #feedbackSatisfactionFormContainer .actionButtons button {
    color: white;
    background: #007a4d;
    border: none;
    padding-right: 17px;
    padding-left: 17px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
    outline: none;
    font-size: 17px; }
  #feedbackSatisfactionFormContainer .actionButtons button:hover {
    cursor: pointer;
    opacity: 0.5; }
  #feedbackSatisfactionFormContainer .sendButton {
    margin-left: 8px; }
  #feedbackSatisfactionFormContainer .faceIcon:hover {
    cursor: pointer;
    opacity: 0.5; }

#editBlockFormContainer {
  float: left;
  position: relative;
  width: 100%; }
  #editBlockFormContainer .section {
    border-radius: 4px;
    box-shadow: 0px 0px 1px 0px darkblue;
    padding: 4px;
    margin: 5px; }
  #editBlockFormContainer #editBlockForm {
    position: absolute;
    z-index: 2;
    width: 565px;
    background-color: #D8EBFA;
    padding-left: 5px;
    padding-right: 5px;
    padding: 5px; }
  #editBlockFormContainer #stationAndMonitorSection {
    float: left;
    width: 200px; }
  #editBlockFormContainer #stationAndMonitorSection > div {
    margin-bottom: 7px; }
  #editBlockFormContainer #dateTimePickersSection {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    float: right;
    height: 155px;
    width: 322px; }
  #editBlockFormContainer #filterSection {
    display: flex;
    justify-content: space-between;
    align-items: center;
    float: right;
    width: 322px; }
  #editBlockFormContainer #filterSection #useFilterBox, #editBlockFormContainer #filterSection #filterTypeAndValBox {
    display: flex;
    align-items: center;
    justify-content: center; }
  #editBlockFormContainer #filterValInput {
    width: 60px; }
  #editBlockFormContainer #editTypeSection {
    float: right;
    width: 322px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 140px; }
  #editBlockFormContainer .pickerWrapper {
    display: flex;
    justify-content: space-between; }
  #editBlockFormContainer .editTypeOptionBox {
    display: flex;
    justify-content: space-between; }
  #editBlockFormContainer .valueInput {
    width: 50px; }
  #editBlockFormContainer #stationTimeBaseSection {
    width: 322px;
    float: right;
    display: flex;
    justify-content: space-between; }
  #editBlockFormContainer #editBlockForm label, #editBlockFormContainer #editBlockForm input {
    margin: 0 !important; }
  #editBlockFormContainer .optionWithLabel {
    display: flex;
    align-items: center; }
  #editBlockFormContainer #calcValueInputs {
    display: flex;
    direction: ltr; }
  #editBlockFormContainer #filterTypeBox {
    margin-right: 5px; }
  #editBlockFormContainer #monitorsBox .k-listbox {
    height: 276px; }
  #editBlockFormContainer #descriptionTextArea {
    width: 323px;
    height: 85px;
    margin-left: 5px;
    margin-right: 5px;
    resize: none; }
  #editBlockFormContainer #saveButton {
    width: 70px; }
  #editBlockFormContainer #saveButtonBox {
    display: flex;
    justify-content: center; }
  #editBlockFormContainer #fixedValueInput {
    width: 195px; }
  #editBlockFormContainer .disableDiv {
    pointer-events: none;
    opacity: 0.4; }
  #editBlockFormContainer .headerPage {
    position: relative; }
  #editBlockFormContainer .headerPage h2 {
    padding-left: 41px; }
  #editBlockFormContainer .icon-bar {
    background-color: black !important; }
  #editBlockFormContainer #menuIcon {
    left: 8px; }

/*last login page*/
#logonContainer #submitButton {
  width: 120px !important;
  margin: 0 auto;
  display: block;
  margin-top: 30px; }

#logonContainer .LogInfield {
  display: flex;
  align-items: center;
  margin-bottom: 10px; }

#logonContainer .LogInfield {
  width: 100% !important; }

#logonContainer .LogInfield input {
  margin-left: 10px;
  margin-right: 10px; }

#logonContainer #encryptingLabel {
  display: none; }

#logonContainer #captchaContainer {
  margin-top: 100px; }

#logonContainer .LeftLogIn {
  width: 570px; }

#logonContainer #reloadCapchaIcon {
  cursor: pointer;
  height: 30px;
  width: 30px; }

#logonContainer #captchaContainer a {
  visibility: hidden; }

/*new login page*/
#loginPageInPopupContainer {
  background-repeat: round;
  background-size: cover;
  width: 335px;
  /*min-height: 428px;*/ }
  #loginPageInPopupContainer #loginLogo {
    width: 187px; }
  #loginPageInPopupContainer #loginLogoBox {
    display: flex;
    justify-content: center;
    padding-top: 9px; }
  #loginPageInPopupContainer #encryptingLabel {
    display: none !important; }
  #loginPageInPopupContainer #passwordInput {
    margin-left: 13px !important;
    margin-right: 13px !important; }
  #loginPageInPopupContainer #loginErrorMessage {
    color: red;
    text-align: center;
    margin-top: 10px; }
  #loginPageInPopupContainer #CaptchaInputText {
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    width: 190px !important; }
  #loginPageInPopupContainer fieldset {
    padding: 0px; }
  #loginPageInPopupContainer #captchaContainer {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #loginPageInPopupContainer #loginLogoBox {
    margin-bottom: 19px; }
  #loginPageInPopupContainer #loginform {
    margin-bottom: 0px; }
  #loginPageInPopupContainer #submitButtonBox {
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
    margin-top: 22px; }
  #loginPageInPopupContainer #submitButton {
    padding: 4px;
    margin-top: 0px !important;
    color: white;
    width: 130px;
    margin: 0 auto;
    height: 23px;
    border: none;
    border-radius: 23px;
    background: #20305b; }
  #loginPageInPopupContainer #submitButton:hover {
    opacity: 0.5; }
  #loginPageInPopupContainer #passwordInput, #loginPageInPopupContainer #UserName {
    width: 193px !important; }
  #loginPageInPopupContainer #UserName, #loginPageInPopupContainer #passwordInput {
    border-bottom-color: #cccccc !important;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
    border-left-color: #cccccc !important;
    border-left-style: solid !important;
    border-left-width: 1px !important;
    border-right-color: #cccccc !important;
    border-right-style: solid !important;
    border-right-width: 1px !important;
    border-top-color: #cccccc !important;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    border-top-style: solid !important;
    border-top-width: 1px !important;
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset !important;
    height: 33px;
    text-align: start;
    margin-bottom: 0px; }
  #loginPageInPopupContainer .loginField {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    margin-bottom: 10px; }
  #loginPageInPopupContainer .field-validation-valid {
    margin-top: 10px; }
  #loginPageInPopupContainer .loginField input {
    padding-left: 30px; }
  #loginPageInPopupContainer .loginField i {
    position: absolute;
    left: 47px;
    top: 6px;
    padding: 9px 8px;
    color: #aaa;
    transition: 0.3s; }
  #loginPageInPopupContainer #reloadCapchaIcon:hover {
    opacity: 0.5;
    cursor: pointer; }
  #loginPageInPopupContainer #captchaContainer a {
    visibility: hidden; }

#stationsPageContainer #stationsListBox {
  float: left;
  overflow: auto; }

#stationsPageContainer #stationsListBox .k-listbox {
  height: 500px;
  width: 300px; }

#stationsPageContainer #stationInfoBox {
  float: right;
  width: calc(100% - 300px); }

#stationsPageContainer #stationInfoBox ul li {
  padding: 0; }

#stationsPageContainer #stationsListBox ul li {
  display: list-item;
  position: static;
  width: auto;
  text-align: left; }

#stationsPageContainer #headingPage {
  margin-bottom: 7px !important; }

#dynamicTabularsPageContainer .dynamicTablesGridHeader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

#dynamicTabularsPageContainer .dynamicTablesHeader label {
  text-align: center;
  margin-bottom: 0; }

#dynamicTabularsPageContainer #dynamicTabularsGrid th[role="columnheader"] {
  position: relative;
  padding: 0; }

#dynamicTabularsPageContainer #tabularsHeader {
  display: flex;
  justify-content: space-between; }

#dynamicTabularsPageContainer #noTabularsLabel {
  display: none;
  font-size: 26px;
  margin: 30px; }

#dynamicTabularsPageContainer .nonMonitorHeaderColLabel {
  font-size: 18px;
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

#dynamicTabularsPageContainer .monitorUnitsHeaderColLabel {
  font-weight: 300;
  font-size: 13px; }

#dynamicTabularsPageContainer .nonMonitorHeaderColLabel, #dynamicTabularsPageContainer .monitorNameHeaderColLabel {
  font-weight: 500; }

#dynamicTabularsPageContainer .k-grid-header th.k-header > .k-link {
  color: white; }

#dynamicTabularsPageContainer #tabularsComboboxContainer .k-input {
  margin-right: 0px; }

#dynamicTabularsPageContainer .stationNameLabel {
  text-indent: 7px; }

#dynamicTabularsPageContainer .dateTimeLabel {
  text-align: center; }

#dynamicTabularsPageContainer #curDynamicTabular {
  color: white;
  font-size: 19px;
  margin-bottom: 0;
  display: inline-block; }

#dynamicTabularsPageContainer #dynamicTabularExcelIcon:hover {
  cursor: pointer;
  opacity: 0.5; }

#dynamicTabularsPageContainer .stationNameLabel:hover {
  cursor: pointer;
  font-weight: bolder; }

#dynamicTabularsPageContainer .stationNameFontSize {
  font-size: 14px !important; }

#dynamicTabularsPageContainer .stationNameLabel {
  font-size: 15px; }

.dynamicTabularsWindowTitleBar #tabularsComboboxContainer .k-combobox .k-dropdown-wrap {
  height: 30px; }

.dynamicTabularsWindowTitleBar #tabularsComboboxContainer .k-combobox .k-dropdown-wrap input {
  height: 100%; }

.dynamicTabularsWindowTitleBar #tabularsComboboxContainer {
  display: inline-block; }

.dynamicTabularsWindowTitleBar #tabularsComboboxContainer .k-state-default {
  font-size: 15px; }

.dynamicTabularsWindowTitleBar #tabularsComboboxContainer .k-widget {
  width: 185px !important; }

.dynamicTabularsWindowTitleBar #tabularsComboboxContainer .k-dropdown-wrap {
  height: 23px; }

.dynamicTabularsWindowTitleBar #tabularsComboboxContainer .k-dropdown-wrap .k-input {
  margin-top: -4px; }

.dynamicTabularsWindowTitleBar #tabularsComboboxContainer .k-dropdown-wrap .k-select {
  margin-top: -3px; }

.dynamicTabularsWindowTitleBar #dynamicTabularExcelIcon {
  height: 22px; }

.dynamicTabularsWindowTitleBar #excelIcon:hover {
  cursor: pointer;
  opacity: 0.5; }

.k-animation-container .k-item {
  font-size: 15px; }

#dynamicTabularsPageContainer.popupContentContainer #dynamicTabularsGrid {
  box-sizing: border-box; }

#dynamicTabularsPageContainer.popupContentContainer #dynamicTabularsGrid td {
  padding: 0.1em .6em; }

#dynamicTabularsPageContainer.popupContentContainer .stationNameCell {
  background-color: rgba(44, 195, 255, 0.1); }

#dynamicTabularsPageContainer.popupContentContainer #dynamicTabularsGrid th, #dynamicTabularsPageContainer.popupContentContainer #dynamicTabularsGrid td {
  border-left-width: 1px !important; }

#dynamicTabularsPageContainer.popupContentContainer #dynamicTabularsGrid {
  width: 100%;
  /*max-height: 555px;*/ }

#dynamicTabularsPageContainer.nonPopupContentContainer {
  padding-top: 30px;
  min-width: 400px; }
  #dynamicTabularsPageContainer.nonPopupContentContainer #dynamicTabularsGrid tr td {
    padding: 0px !important; }
  #dynamicTabularsPageContainer.nonPopupContentContainer hr {
    margin: 10px 0px; }
  #dynamicTabularsPageContainer.nonPopupContentContainer th, #dynamicTabularsPageContainer.nonPopupContentContainer .dateTimeLabel, #dynamicTabularsPageContainer.nonPopupContentContainer .stationNameLabel {
    padding-left: 10px !important;
    padding-right: 10px !important; }

#contactInformationPageContainer .k-dropdown {
  min-width: 200px; }

#contactInformationPageContainer #municipalitiesBox, #contactInformationPageContainer #Districtbox {
  margin-left: 30px; }

#contactInformationPageContainer #fieldlist {
  margin: 0;
  padding: 0; }

#contactInformationPageContainer ul#fieldlist li {
  list-style: none;
  padding-bottom: 1.5em;
  text-align: left; }

#contactInformationPageContainer #fieldlist label {
  display: block;
  padding-bottom: .3em;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  float: left;
  padding: 11px 13px 11px 0px; }

#contactInformationPageContainer #fieldlist::after {
  display: block;
  clear: both;
  content: ""; }

.childPagesMenu.k-panelbar {
  background: #037E57;
  border: none !important; }
  .childPagesMenu.k-panelbar li.k-state-default > .k-link {
    background: #037E57;
    border: none !important;
    color: white; }
  .childPagesMenu.k-panelbar li[role="menuitem"] .k-link:hover {
    color: #fcba3f; }
  .childPagesMenu.k-panelbar li[role="menuitem"] {
    padding: 0px;
    border: none !important; }
  .childPagesMenu.k-panelbar .k-state-focused {
    box-shadow: none !important; }

/*general*/
.floatingMenu {
  position: fixed !important;
  top: 350px !important;
  z-index: 9000 !important;
  right: 5px; }

.labelBelowGaugeCap {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: fit-content; }

#registrationFormContainer, #feedbackFormContainer {
  padding: 0px 32px;
  padding-top: 14px; }
  #registrationFormContainer label.error, #feedbackFormContainer label.error {
    color: red;
    margin-top: -15px; }

.formActionStatusLabel {
  display: none;
  font-size: 18px;
  margin-top: 10px; }

.formActionSucceed {
  color: green; }

.formActionFailed {
  color: red; }

#submitRegistrationFormBtn, #sendFeedbackButton {
  background: #49817d;
  color: white;
  border: medium none;
  padding: 4px 27px;
  width: auto !important;
  margin: 0 auto;
  margin-bottom: 3px !important; }

#submitRegistrationFormBtn:hover, #sendFeedbackButton:hover {
  cursor: pointer;
  opacity: 0.5; }

#registrationForm > * {
  margin-bottom: 15px;
  width: 250px; }

#basicFeedbackFormContainer, #accessibilityFeedbackFormContainer {
  padding: 21px;
  padding-bottom: 10px; }
  #basicFeedbackFormContainer .k-textbox, #accessibilityFeedbackFormContainer .k-textbox {
    margin-bottom: 15px !important;
    width: 250px; }
  #basicFeedbackFormContainer #feedbackForm, #accessibilityFeedbackFormContainer #feedbackForm {
    display: flex;
    flex-direction: column;
    margin-bottom: 0px; }
  #basicFeedbackFormContainer #feedBackForm *, #accessibilityFeedbackFormContainer #feedBackForm * {
    margin-bottom: 15px !important;
    width: 250px; }
  #basicFeedbackFormContainer textarea, #accessibilityFeedbackFormContainer textarea {
    width: 236px;
    height: 132px;
    margin-bottom: 24px; }

#registrationForm {
  display: flex;
  flex-direction: column;
  margin-bottom: 0px; }

.disselectable, img {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */ }

.k-window .windowTitleContainer {
  display: flex;
  align-items: center; }

.k-window .k-window-titlebar {
  height: 24px !important; }

.k-window .customHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 4px;
  padding-top: 4px; }

.k-window .customHeader .windowActionsContainer {
  padding-right: 5px;
  margin-left: 10px; }

#dashboardReportIcon {
  height: 23px; }

#dashboardReportIcon:hover {
  cursor: pointer;
  opacity: 0.5; }

.alertPopupTextContainer {
  font-size: 20px;
  margin-right: 20px;
  margin-left: 7px;
  margin-top: 5px;
  max-width: 570px; }

#InfoCover {
  background: white;
  padding-top: 10px;
  padding-right: 5px;
  padding-left: 5px; }

#pollutantList #ListPollutant {
  height: 43px !important; }

/*#reportResultGridContainer .k-grid-header th.k-header {
    background: #20305b !important;
    color: white !important;
}*/
/*#mainMenuContainer #mainMenu*/
.k-tooltip:not(.menuIconTooltip) {
  background: white !important; }

.k-tooltip:not(.menuIconTooltip) {
  color: black !important; 

}

.underConstructionImg {
  height: 100%;
  width: 100%; }

#sectionsContainerBody #section_StationInfo {
  min-height: auto !important;
  height: auto !important; }

#InfoCover #tabstrip #tabstrip-2 {
  margin-bottom: 0px !important; }

* {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.k-tooltip {
  z-index: 100000000000000 !important; }

.page #main {
  box-sizing: border-box !important; }

.disable {
  pointer-events: none;
  opacity: 0.5; }

#accessibilityIcon {
  width: 40px;
  height: 40px;
  cursor: pointer !important;
  z-index: 10; }

#accessContainerWrapper {
  display: flex;
  position: absolute; }

#accessContainer {
  width: 430px;
  min-height: 685px;
  background-color: white;
  border: 2px solid lightgray;
  /*display:none;*/ }
  #accessContainer * {
    box-sizing: border-box; }
  #accessContainer #accessContainerHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding-left: 5px;
    padding-right: 5px; }
  #accessContainer #accessContainerHeader label {
    font-size: 19px;
    margin-top: 5px;
    font-weight: bold;
    color: #2d3053; }
  #accessContainer #accessFeatures {
    width: 100%;
    padding-left: 6px;
    padding-right: 6px; }
  #accessContainer .menuRow {
    padding: 3px 0;
    display: flex;
    justify-content: space-between; }
  #accessContainer .accessFeature {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer; }
  #accessContainer .accessFeature {
    width: 135px;
    min-height: 127px;
    padding-top: 15px; }
  #accessContainer .accessFeature, #accessContainer .footerFeature {
    background-color: #ebebeb; }
  #accessContainer .accessFeature:hover, #accessContainer .footerFeature:hover {
    background-color: lightgray;
    cursor: pointer; }
  #accessContainer .accessFeature label {
    color: #929292; }
  #accessContainer .accessFeature img {
    height: 70px;
    width: 70px; }
  #accessContainer .activeFeature {
    opacity: 0.3; }
  #accessContainer #menuNavigationLabel, #accessContainer .footerFeature label {
    color: #1b61a7; }
  #accessContainer .accessFeature label, #accessContainer .footerFeature label, #accessContainer #menuNavigationLabel {
    text-align: center;
    margin-top: 5px; }
  #accessContainer #menuNavigationLabel {
    font-size: 16px; }
  #accessContainer .accessFeature label {
    font-size: 17px; }
  #accessContainer #accessContainerFooter {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 9px;
    margin-bottom: 10px;
    color: #1b61a7; }
  #accessContainer .footerFeature {
    height: 30px;
    margin-left: 3px;
    margin-right: 3px; }
  #accessContainer .footerFeature:hover {
    opacity: 0.7; }
  #accessContainer .footerFeature label {
    padding-left: 23px;
    padding-right: 23px; }
  #accessContainer .k-list-scroller {
    position: relative;
    overflow: auto; }
  #accessContainer .k-i-close {
    background-position: initial !important;
    background-size: initial !important; }
  #accessContainer #pageNavigationMenuBox {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #accessContainer #pageNavigationMenuBox .k-dropdown-wrap {
    height: 33px; }
  #accessContainer #pageNavigationMenuBox .k-input {
    height: 100%; }
  #accessContainer #accessStatement p {
    margin-bottom: 0; }
  #accessContainer #accessContainerHeader label {
    display: block;
    margin: 0 auto;
    color: #17386d; }

.classicReportStyle {
  float: left;
  position: relative;
  background-color: #D8EBFA;
  padding-left: 5px;
  padding-right: 5px;
  padding: 5px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column; }
  .classicReportStyle #stationsSection.k-rtl .k-checkbox:indeterminate + .k-checkbox-label:after {
    left: 10px !important; }
  .classicReportStyle label {
    font-weight: 600; }
  .classicReportStyle #stationTimeBaseAndReportTypeSection .k-widget {
    width: 150px !important; }
  .classicReportStyle #stationTimeBaseAndReportTypeSection .k-dropdown .k-dropdown-wrap .k-input {
    padding: 4px 0px !important; }
  .classicReportStyle #stationAndMonitorSection .k-widget, .classicReportStyle #stationSelectionSection .k-widget {
    width: 100% !important; }
  .classicReportStyle .k-dropdown .k-dropdown-wrap .k-input {
    padding: 4px 0px !important; }
  .classicReportStyle .k-state-active {
    color: white ;
    background-color: #f35800 ; }
  .classicReportStyle * {
    font-size: 12px; }
  .classicReportStyle .k-dropdown-wrap .k-input, .classicReportStyle .k-picker-wrap .k-input {
    padding: 1em 0px !important; }
  .classicReportStyle .k-i-close {
    display: none !important; }
  .classicReportStyle #stationSelectionSection .k-widget {
    width: 100%;
    box-sizing: border-box; }
  .classicReportStyle #reportPresentationAndPeriodSection {
    display: flex;
    flex-direction: column;
    height: 155px; }
  .classicReportStyle #selectReportPresentationLabel {
    text-align: center; }
  .classicReportStyle #selectReportPeriod li {
    width: 33%;
    display: inline-block !important;
    /*float: right;*/
    float: left; }
  .classicReportStyle #selectReportPeriod {
    display: inline-block !important;
    width: 100%;
    background-color: transparent;
    border-width: 0px;
    border-style: none;
    margin-top: 10px; }
  .classicReportStyle #innerContainer {
    display: flex; }
  .classicReportStyle #datetime_period_type_timebase_presentation {
    display: flex;
    flex-direction: column;
    width: 315px;
    margin-right: 14px; }
  .classicReportStyle .reportPresentation {
    padding-left: 25px;
    padding-right: 25px; }
  .classicReportStyle #selectReportPresentation {
    margin: 10px;
    background-color: transparent;
    border-width: 0px;
    border-style: none; }
  .classicReportStyle #dateTimePickersSection .k-widget {
    width: 200px; }
  .classicReportStyle #stationTimeBaseAndReportTypeSection > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 6px;
    margin-bottom: 6px; }
  .classicReportStyle .reportSection {
    border-radius: 4px;
    box-shadow: 0px 0px 1px 0px grey;
    padding: 4px;
    margin: 5px;
    margin-top: 9px; }
  .classicReportStyle #dateTimePickersSection {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 136px; }
  .classicReportStyle #filterSection {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .classicReportStyle #filterSection #useFilterBox, .classicReportStyle #filterSection #filterTypeAndValBox {
    display: flex;
    align-items: center;
    justify-content: center; }
  .classicReportStyle #filterValInput {
    width: 60px; }
  .classicReportStyle #editTypeSection {
    width: 322px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 140px; }
  .classicReportStyle .pickerWrapper {
    display: flex;
    justify-content: space-between; }
  .classicReportStyle .editTypeOptionBox {
    display: flex;
    justify-content: space-between; }
  .classicReportStyle .valueInput {
    width: 50px; }
  .classicReportStyle #stationTimeBaseSection {
    width: 322px;
    display: flex;
    justify-content: space-between; }
  .classicReportStyle #calcValueInputs {
    display: flex;
    direction: ltr; }
  .classicReportStyle #filterTypeBox {
    margin-right: 5px; }
  .classicReportStyle #innerContainer label, .classicReportStyle #innerContainer input {
    margin: 0 !important; }
  .classicReportStyle #showResultBox {
    display: flex;
    justify-content: center;
    margin-top: 15px;
    /*margin-bottom: 9px;*/ }
  .classicReportStyle #showResultsBtn, .classicReportStyle .closeReportFormBtn {
    padding: 3px 19px; }
  .classicReportStyle .closeReportFormBtn {
    margin-left: 7px;
    height: 30px;
    margin-top: -1px; }
  .classicReportStyle #errorInputsMessage {
    color: red;
    font-size: 20px;
    margin-left: 10px;
    margin-top: 10px;
    min-height: 20px;
    font-weight: normal;
    visibility: hidden; }
  .classicReportStyle .disabled {
    pointer-events: none;
    opacity: 0.5; }
  .classicReportStyle #monitorsBox label, .classicReportStyle #stationsBox label {
    font-weight: normal; }

#singleStationReportFormContainer #stationAndMonitorSection {
  width: 200px; }

#singleStationReportFormContainer #selectAllMonitorsBox {
  margin-right: 7px;
  margin-top: 5px;
  margin-bottom: 5px; }

#singleStationReportFormContainer #monitorsBox {
  border: 1px inset;
  padding: 5px;
  background-color: white;
  height: 181px;
  overflow: auto; }

#singleStationReportFormContainer #stationAndMonitorSection > div {
  margin-bottom: 7px; }

#singleStationReportFormContainer .stationItemBox, #singleStationReportFormContainer .monitorItemBox, #monitorReportFormContainer .stationItemBox, #monitorReportFormContainer .monitorItemBox {
  display: flex;
  align-items: center;
  margin-bottom: 2px; }

#singleStationReportFormContainer .stationItemBox:hover, #singleStationReportFormContainer .monitorItemBox:hover, #monitorReportFormContainer .stationItemBox:hover, #monitorReportFormContainer .monitorItemBox:hover {
  opacity: 0.5; }

#multiStationReportFormContainer #stationsBox, #nyReportFormContainer #stationsBox {
  height: 260px !important; }

#multiStationReportFormContainer #xyOrNySelectionBox, #nyReportFormContainer #xyOrNySelectionBox {
  margin-left: 10px; }

#multiStationReportFormContainer #xyOrNySelectionBox ul, #nyReportFormContainer #xyOrNySelectionBox ul {
  padding-left: 0px !important;
  margin-left: 0px !important; }

#multiStationReportFormContainer #stationSelectionSection, #hourlyReportFormContainer #stationSelectionSection, #indexReportFormContainer #stationSelectionSection, #nyReportFormContainer #stationSelectionSection {
  min-width: 200px; }

#multiStationReportFormContainer #showActiveStationsBox, #hourlyReportFormContainer #showActiveStationsBox, #indexReportFormContainer #showActiveStationsBox, #nyReportFormContainer #showActiveStationsBox {
  margin-right: 7px;
  margin-top: 6px;
  margin-bottom: 6px; }

#multiStationReportFormContainer #showActiveStationsBox .k-checkbox-label, #hourlyReportFormContainer #showActiveStationsBox .k-checkbox-label, #indexReportFormContainer #showActiveStationsBox .k-checkbox-label, #nyReportFormContainer #showActiveStationsBox .k-checkbox-label {
  padding-left: 21px; }

#multiStationReportFormContainer #stationsBox, #hourlyReportFormContainer #stationsBox, #indexReportFormContainer #stationsBox, #nyReportFormContainer #stationsBox, #irregularityReportFormContainer #stationsBox {
    border: 1px inset;
    padding: 5px 0px 5px 0px;
    background-color: white;
    height: 222px;
    overflow: auto;
    padding-right: 7px;
    padding-top: 8px;
}

#multiStationReportFormContainer #stationSelectionSection > div, #hourlyReportFormContainer #stationSelectionSection > div, #indexReportFormContainer #stationSelectionSection > div, #nyReportFormContainer #stationSelectionSection > div {
  margin-bottom: 7px; }

#multiStationReportFormContainer .k-checkbox-label.checkbox-span, #hourlyReportFormContainer .k-checkbox-label.checkbox-span, #indexReportFormContainer .k-checkbox-label.checkbox-span, #nyReportFormContainer .k-checkbox-label.checkbox-span {
  margin-left: 0px !important;
  padding-right: 0px; }

#hourlyReportFormContainer #innerContainer, #indexReportFormContainer #innerContainer {
  flex-direction: column-reverse; }

#hourlyReportFormContainer .pickerWrapper, #indexReportFormContainer .pickerWrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center; }

#hourlyReportFormContainer #reportPresentationAndPeriodSection, #indexReportFormContainer #reportPresentationAndPeriodSection {
  height: 107px; }

#hourlyReportFormContainer #selectReportPresentation, #indexReportFormContainer #selectReportPresentation {
  margin-top: 0px;
  margin-right: 0px; }

#hourlyReportFormContainer #datetime_period_type_timebase_presentation, #indexReportFormContainer #datetime_period_type_timebase_presentation {
  margin-right: 0px; }

#hourlyReportFormContainer #reportPresentationBox, #indexReportFormContainer #reportPresentationBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

#hourlyReportFormContainer #datetime_period_type_timebase_presentation, #indexReportFormContainer #datetime_period_type_timebase_presentation {
  width: auto; }

#irregularityReportFormContainer {
  width: 100%;
  box-sizing: border-box; }
  #irregularityReportFormContainer #innerContainer {
    flex-direction: column-reverse; }
  #irregularityReportFormContainer #datetime_period_type_timebase_presentation {
    width: auto;
    margin-right: 0px; }
  #irregularityReportFormContainer #toDateDatePickerBox label {
    margin-right: 10px !important; }
    #irregularityReportFormContainer #stationsBox{
        height: 375px !important;
    }

  /*#irregularityReportFormContainer #monitorsBox {
    border: 1px inset;
    padding: 5px;
    background-color: white;
    height: 200px;
    min-width: 150px;
    overflow: auto; }
  #irregularityReportFormContainer .monitorItemBox {
    display: flex;
    align-items: center;
    margin-bottom: 5px; }
  #irregularityReportFormContainer .monitorItemBox:hover {
    opacity: 0.5; }*/
  #irregularityReportFormContainer #reportPresentationAndPeriodSection {
    height: auto !important;
    padding-bottom: 10px; }
  #irregularityReportFormContainer #dateTimePickersSection {
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto; }
  #irregularityReportFormContainer #toDateDatePickerBox {
    margin-top: 10px; }
  #irregularityReportFormContainer #selectAllMonitorsBox {
    margin-bottom: 6px;
    margin-top: 4px; }

#irregulartiyReportResultContainer #irregulartiyGrid td {
  font-size: 13px;
  text-align: center; }

#irregulartiyReportResultContainer #irregulartiyGrid .k-grouping-row td {
  text-align: start; }

#irregulartiyReportResultContainer #irregulartiyGrid th {
  font-weight: 600; }

.multiStationReport #detailedReportGrid {
  max-height: auto; }

#monitorReportFormContainer #stationsAndMonitorsSection {
  padding-left: 0px; }

#monitorReportFormContainer #stationsBoxWrapper {
  margin-top: 10px;
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center; }

#monitorReportFormContainer #monitorsBox {
  background: white;
  height: 153px;
  overflow: auto;
  border: 1px inset;
  padding: 5px;
  box-sizing: border-box;
  min-width: 220px; }

#monitorReportFormContainer #stationsBox {
  background: white;
  height: 153px;
  overflow: auto;
  border: 1px inset;
  padding: 5px;
  box-sizing: border-box;
  width: 100%; }

#monitorReportFormContainer #selectAllStationsBox {
  direction: ltr;
  margin-top: 4px; }

#monitorReportFormContainer .disabled {
  pointer-events: none;
  opacity: 0.6; }

#reportResultGridContainer {
  /*#detailedReportGrid .k-grid-header {
    padding-right: 0px !important;
}*/ }
  #reportResultGridContainer #detailedReportGrid {
    width: 100%;
    box-sizing: border-box; }
  #reportResultGridContainer #summaryReportGrid td, #reportResultGridContainer #summaryReportGrid th, #reportResultGridContainer #detailedReportGrid td, #reportResultGridContainer #detailedReportGrid th {
    text-align: center !important;
    direction: ltr; }
  #reportResultGridContainer #detailedReportGrid {
    background: #eae8e8; }
  #reportResultGridContainer #detailedReportGrid .k-grid-content-locked, #reportResultGridContainer #detailedReportGrid .k-grid-content {
    background: white; }

.summaryAndDetailedReportSwapIcon {
  /*width: 24px;*/
  /*margin-left: 3px;
    margin-right: 3px;*/ }

.summaryAndDetailedReportSwapIcon:hover {
  cursor: pointer;
  opacity: 0.5; }

.tableReportWindowTitle {
  font-size: 15px; }

.multiStaionReportGridCellLabel {
  margin-bottom: 0px; }

/*************************/
/*****Reports Wrappers****/
/*************************/
.reportContainerWrapper {
  /*padding-bottom: 6px;
    padding-top: 6px;*/ }
  .reportContainerWrapper .k-rtl #select-reportperiod li {
    display: inline-block;
    float: right;
    width: 33%; }
  .reportContainerWrapper #stationFilter_stationDetails {
    display: block !important; }
  .reportContainerWrapper .Allgraph {
    float: right;
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%); }
  .reportContainerWrapper .headerContainer {
    position: relative; }
  .reportContainerWrapper .ReportIcon:hover {
    cursor: pointer;
    opacity: 0.5; }
  .reportContainerWrapper #reportFormContainer {
    z-index: 1; }
  .reportContainerWrapper #reportFormContainer .k-button {
    color: black !important; }
  .reportContainerWrapper #reportFormContainer .k-button.k-state-active {
    color: white; }
  .reportContainerWrapper #reportContentContainer {
    position: relative; }
  .reportContainerWrapper #reportContentContainer > div {
    position: absolute; }
  .reportContainerWrapper .multiStationReport #detailedReportGrid {
    max-height: 100% !important; }
  .reportContainerWrapper .actionIcon {
    width: 31px;
    height: 31px;
    float: left; }
  .reportContainerWrapper .actionIcon:hover {
    opacity: 0.5;
    cursor: pointer; }
  .reportContainerWrapper #reportContentContainer {
    /*min-height: 667px;*/ }
  .reportContainerWrapper #reportResultContainer {
    width: 100%; }
  .reportContainerWrapper #reportResultGridContainer {
    width: 100%; }
  .reportContainerWrapper #reportGraphContainer, .reportContainerWrapper #multiStationGraphContainer {
    box-shadow: #888888 5px 10px 18px;
    width: 100% !important; }

#reportResultGridContainer thead th {
  font-weight: bold; }

.heightZero {
  height: 0 !important; }

/*************************/
/*****Reports Popups ****/
/*************************/
.reportResultPopupHeader {
  height: 30px !important; }

.reportResultPopupHeader .k-window-title {
  font-size: 18px; }

.reportContainerWrapper {
  position: relative; }

#reportFormContainer, #reportResultContainer {
  position: absolute; }

#reportResultGridContainer .reportTableTitle {
  font-size: 18px;
  margin: 0;
  padding: 6px 0;
  background: darkolivegreen;
  color: white;
  text-align: center; }

.ReportH2 {
  width: 100% !important;
  padding-right: 0px;
  box-sizing: border-box;
  padding-left: 50px;
  padding-right: 0px; }

/*
#singleStationReportFormContainer .k-state-active {
    background: rgb(243, 88, 0);
}

 #singleStationReportFormContainer li.k-button {
    background: #c5c5c5;
}


.classicReportStyle .k-button {
    background-image: none, linear-gradient(to bottom,rgba(255,255,255,.6) 0,rgba(255,255,255,0) 100%);
    background-color: #e9e9e9 !important;
    color: black !important;
    border-color: #c5c5c5 !important;
}

.classicReportStyle  .k-button:hover {
    background-color: #bcb4b0 !important;
}

*/