.elementor-2299 .elementor-element.elementor-element-2c692dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-2299 .elementor-element.elementor-element-d71e5e2{text-align:center;}.elementor-2299 .elementor-element.elementor-element-8e9d67f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-2299 .elementor-element.elementor-element-541ed5ef{--display:flex;--background-transition:0.3s;}.elementor-2299 .elementor-element.elementor-element-7d436805{--display:flex;--background-transition:0.3s;--margin-top:040px;--margin-bottom:0px;--margin-left:040px;--margin-right:040px;}.elementor-2299 .elementor-element.elementor-element-68a65d87{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-2299 .elementor-element.elementor-element-6443f22d{--display:flex;--background-transition:0.3s;}.elementor-2299 .elementor-element.elementor-element-3b79536d .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:16px;font-weight:500;}.elementor-2299 .elementor-element.elementor-element-2f11ec10 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 40px;}.elementor-2299 .elementor-element.elementor-element-2f11ec10 .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-2299 .elementor-element.elementor-element-2f11ec10 .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-2299 .elementor-element.elementor-element-2f11ec10{--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-2299 .elementor-element.elementor-element-2f11ec10 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2299 .elementor-element.elementor-element-2f11ec10 .elementor-icon-list-item > a{line-height:2.5em;}.elementor-2299 .elementor-element.elementor-element-2f11ec10 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-2299 .elementor-element.elementor-element-1749e18b{--display:flex;--min-height:0px;--justify-content:flex-start;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-2299 .elementor-element.elementor-element-5ba325fb.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-2299 .elementor-element.elementor-element-5ba325fb > .elementor-widget-container{--e-transform-origin-x:center;--e-transform-origin-y:center;}@media(min-width:768px){.elementor-2299 .elementor-element.elementor-element-7d436805{--content-width:1400px;}.elementor-2299 .elementor-element.elementor-element-6443f22d{--width:50%;}.elementor-2299 .elementor-element.elementor-element-1749e18b{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-979eccc */.production-dashboard {
  width: 100%;
  margin: 20px auto;
  padding: 20px;
}

.filter-section {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 20px;
}

.filter-section label {
  font-size: 16px;
  margin-right: 10px;
}

.filter-section select {
  padding: 5px 10px;
  margin: 0 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 14px;
}

.production-boxes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.production-box {
  background-color: #f9f9f9;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.production-box h3 {
  background-color: #FFFF66;
  padding: 10px;
  border-radius: 5px;
  font-size: 18px;
}

.production-box table {
  width: 100%;
  margin-top: 10px;
  border-collapse: collapse;
}

.production-box table th, .production-box table td {
  padding: 8px;
  border: 1px solid #ddd;
}

.hauling-section {
  margin-top: 40px;
}

.hauling-section h3 {
  font-size: 22px;
  margin-bottom: 20px;
  text-align: center;
}

.hauling-boxes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.hauling-box {
  background-color: #f9f9f9;
  padding: 20px;
  text-align: center;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.hauling-box p {
  font-size: 16px;
}

.hauling-box strong {
  font-size: 24px;
}

@media (max-width: 768px) {
  .production-boxes, .hauling-boxes {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 480px) {
  .production-boxes, .hauling-boxes {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */