/* ========================================================= */
  /* CUSTOM TAG USED IN THIS TEMPLATE                          */
  /* ========================================================= */
  limainheaders {
    float: left;
    background-color: transparent;
    text-decoration: underline;
    font-size: 1em;
    margin-right: 20px;
    display: block;
    padding: 30px 15px;
  }
  /* ========================================================= */
  /* END CUSTOM TAG USED IN THIS TEMPLATE                      */
  /* ========================================================= */

  /* ========================================================= */
  /* RESPONSIVE CLEANUP - GENERAL                              */
  /* ========================================================= */
  html,
  body {
    overflow-x: hidden;
  }

  #myform {
    margin-left: 0;
    margin-right: 0;
  }

  .filters-content,
  .content-window,
  .home-chart,
  #indicatorChart,
  #grid,
  #indicatorGrid {
    max-width: 100%;
    box-sizing: border-box;
  }

  .pd-r {
    padding-right: 15px !important;
  }
  /* ========================================================= */
  /* END RESPONSIVE CLEANUP - GENERAL                          */
  /* ========================================================= */

  /* ========================================================= */
  /* RESPONSIVE CLEANUP - FILTER AREA                          */
  /* ========================================================= */
  .filters-content limainheaders {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    padding: 40px 15px !important;
    box-sizing: border-box !important;
  }

  .filters-content p,
  .filters-content label,
  .filters-content .info-indicator,
  .filters-content .panel-body,
  .filters-content .panel-body > li {
    max-width: 100%;
    box-sizing: border-box;
  }

  .filters-content input[type="text"],
  .filters-content input:not([type]),
  .filters-content select,
  .filters-content .k-widget,
  .filters-content .k-dropdown,
  .filters-content .k-multiselect,
  .filters-content .k-combobox,
  .filters-content .k-picker-wrap,
  .filters-content .k-dropdown-wrap,
  .filters-content .k-multiselect-wrap,
  .filters-content .k-input {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* seasonal adjustment spacing */
  #input-seasonal-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 10px !important;
  }

  #input-seasonal-section .info-indicator {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    flex-wrap: nowrap !important;
    padding-left: 0 !important;
  }

  #input-seasonal-section input[type="checkbox"] {
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  #input-seasonal-section label {
    display: inline-block !important;
    width: auto !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
  /* ========================================================= */
  /* END RESPONSIVE CLEANUP - FILTER AREA                      */
  /* ========================================================= */

  /* ========================================================= */
  /* RESPONSIVE CLEANUP - BUTTONS                              */
  /* ========================================================= */
  #myform > button {
    display: block !important;
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    margin: 12px 10px 0 10px !important;
    height: 46px !important;
    padding: 8px 12px !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }
  /* ========================================================= */
  /* END RESPONSIVE CLEANUP - BUTTONS                          */
  /* ========================================================= */

  /* ========================================================= */
  /* RESPONSIVE CLEANUP - MAIN SELECTOR                        */
  /* ========================================================= */
  #indicators1,
  .content-window select,
  .content-window .k-widget,
  .content-window .k-dropdown,
  .content-window .k-dropdown-wrap,
  .content-window .k-input {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .content-window .body.pad {
    overflow-x: hidden;
  }
  /* ========================================================= */
  /* END RESPONSIVE CLEANUP - MAIN SELECTOR                    */
  /* ========================================================= */

  /* ========================================================= */
  /* RESPONSIVE CLEANUP - CHART WRAPPER                        */
  /* ========================================================= */
  .content-window {
    overflow: hidden !important;
  }

  .home-chart {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  #indicatorChart {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  #indicatorChart .k-chart,
  #indicatorChart .k-stockchart,
  #indicatorChart .k-chart-stage,
  #indicatorChart .k-chart-surface,
  #indicatorChart .k-surface,
  #indicatorChart .k-svg-surface,
  #indicatorChart svg,
  #indicatorChart canvas {
    max-width: 100% !important;
    overflow: hidden !important;
  }
  /* ========================================================= */
  /* END RESPONSIVE CLEANUP - CHART WRAPPER                    */
  /* ========================================================= */

  /* ========================================================= */
  /* MOBILE POLISH                                             */
  /* ========================================================= */
  @media (max-width: 767px) {
    .filters-content {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    .filters-content > p {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }

    .content-main .container {
      width: 100% !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    .col-xs-12 {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    .pd-r {
      padding-right: 0 !important;
    }

    #LoadTime {
      margin: 15px 15px 10px 15px !important;
      font-size: 15px !important;
      line-height: 1.35 !important;
    }

    .content-window {
      margin-left: 15px !important;
      margin-right: 15px !important;
      width: auto !important;
    }

    .filters-content limainheaders {
      padding: 16px 15px !important;
    }

    .home-chart {
      padding: 8px 6px 10px 6px !important;
      box-sizing: border-box !important;
    }

    /* make chart text a bit smaller on mobile */
    #indicatorChart text,
    #indicatorChart tspan {
      font-size: 10px !important;
    }

    .filters-content > p,
    .filters .panel-title {
      font-size: 15px !important;
    }
  }
	
  /* ========================================================= */
  /* END MOBILE POLISH                                         */
  /* ========================================================= */
  
  /* ========================================================= */
/* HARD OVERRIDES - MOBILE FILTER WIDTH FIX                  */
/* ========================================================= */
@media (max-width: 767px) {
  #time-option-body,
  #time-option-body .panel-body,
  #time-option-body .panel-body > limainheaders {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #time-option-body .panel-body > limainheaders {
    padding: 16px 15px 35px 15px !important;
    margin: 0 !important;
  }

  #time-option-body p {
    margin: 0 0 10px 0 !important;
  }

  #filterFrequency,
  #time-option-body .k-widget,
  #time-option-body .k-dropdown,
  #time-option-body .k-dropdown-wrap,
  #time-option-body .k-input {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #input-seasonal-section {
    margin-top: 8px !important;
  }

  #input-seasonal-section .info-indicator {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  #input-seasonal-section label {
    margin: 0 !important;
    line-height: 1.2 !important;
  }
}
/* ========================================================= */
/* END HARD OVERRIDES - MOBILE FILTER WIDTH FIX              */
/* ========================================================= */


/* ========================================================= */
/* MOBILE SPACING FIX - SELECTOR / DESCRIPTION / CHART       */
/* ========================================================= */
@media (max-width: 767px) {
  /* tighten the selector card */
  .content-window .body.pad {
    padding: 10px 0 !important;
  }

  .content-window .body.pad > ul {
    margin: 0 !important;
    padding: 0 !important;
  }

  .content-window .body.pad > ul > li {
    padding: 8px 15px 10px 15px !important;
  }

  .content-window .body.pad > ul > li:first-child {
    padding-top: 6px !important;
  }

  /* keep the main selector tight */
  #indicators1 {
    margin-top: 0 !important;
  }

  /* tighten the description card */
  #indicatorDescr {
    display: block !important;
    line-height: 1.45 !important;
  }

  .content-window > div.body p {
    margin: 8px 0 !important;
    padding: 0 15px !important;
  }

  /* chart card should use full available width */
  .content-window.chart-window {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  .content-window.chart-window .home-chart {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .content-window.chart-window #indicatorChart {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .content-window.chart-window #indicatorChart > div,
  .content-window.chart-window #indicatorChart svg,
  .content-window.chart-window #indicatorChart canvas {
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* ========================================================= */
/* END MOBILE SPACING FIX - SELECTOR / DESCRIPTION / CHART   */
/* ========================================================= */



/* ========================================================= */
/* MOBILE STOCK CHART RANGE DROPDOWN                         */
/* ========================================================= */
#mobileChartRangeControl {
  display: none !important;
  margin: 10px 0 12px 0 !important;
}

@media (min-width: 768px) {
  #mobileChartRangeControl,
  #mobileChartRangeSelect {
    display: none !important;
  }
}

@media (max-width: 430px) {
  #mobileChartRangeControl {
    display: block !important;
  }
}
/* ========================================================= */
/* END MOBILE STOCK CHART RANGE DROPDOWN                     */
/* ========================================================= */