/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

.wd-dropdown-menu.wd-design-default .wd-dropdown { white-space: nowrap;}

.table-wrapper{
	display: flex; 
	flex-direction: column; 
	justify-content: center;
	margin-top: 20px;
	overflow-x: auto;
}

/* responsive table */
.table-responsive {
  width: 100%;
}

#etanorm-list{
	display: flex;
	gap: 25px;
}

.custom-select-container{
  display: flex;
  border: 3px solid black;
  padding: 25px;
  box-sizing: border-box;
  flex-direction: column;
  gap: 20px;
}

table.pumptable {
  border: 2px solid black;
  border-collapse: collapse;
  padding: 10px;
  margin: 25px auto;
  text-align: center;
  height: auto;
  width: 100%;
  table-layout: auto;
  overflow-x: scroll;  
}

table.pumptable > tbody > tr > td,
table.pumptable > thead > tr > td {
  color: black;
  border: 2px solid black;
  padding: 8px;
  /* 
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
 */
  text-align: center;
/*   max-width: 56px;  */
}

table.pumptable > td {
  border: 2px solid black;
  padding: 8px;
  word-wrap: break-word;
  text-align: center;
}

table.pumptable > thead > td,
table.pumptable > tbody > td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  text-align: center;
}

#table-select,
#pdf-select,
#speed,
#speed_1450,
#speed_2900,
#speed_950,
#stage-select{
	color: #e9eff5;
	background-image: url("data:image/svg+xml;utf8,<svg fill='%23ffffff' height='18' viewBox='0 0 24 24' width='18' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
    font-weight: bold;
    border: 2px solid #043765;
    background-color: #2785e8;
	background-size: auto 24px;
}

#table-select option,
#pdf-select option,
#speed option,
#speed_1450 option,
#speed_2900 option,
#speed_950 option,
#stage-select option
 {
  background-color: #2785e8; 
  color: #fff;
}

.hide-it-off-screen {
    position: absolute;
    left: -10000px;
    top: -10000px;
}
.selectable-pdf{
	height:100vh;
	display:block;
}

#table-select option:checked,
#table-select option:hover,
#pdf-select option:checked,
#pdf-select option:hover,
#speed option:checked,
#speed option:hover,
#speed_1450 option:checked,
#speed_1450 option:hover,
#speed_2900 option:checked,
#speed_2900 option:hover,
#speed_950 option:checked,
#speed_950 option:hover,
#stage-select option:checked,
#stage-select option:hover,
 {
  box-shadow: 0 0 10px 100px #000 inset;
  background-color: #2785e8; 
  color: #fff;
  font-weight:bold;
}

#table-select option:focus > option:checked,
#pdf-select option:focus > option:checked,
#speed option:focus > option:checked,
#speed_1450 option:focus > option:checked,
#speed_2900 option:focus > option:checked,
#speed_950 option:focus > option:checked,
#stage-select option:focus > option:checked
{ 
  background-color: #ffcc00; 
  color: #fff;
  font-weight:bold;
}

#pdf-select-list{
	list-style:none;
}
.pdf-viewer-container{
	height:100vh;
}

/* custom select */

    .custom-select-wrapper {
      position: relative;
      width: 100%; 
    }

    .custom-select-search {
      width: 100%;
      padding: 8px;
      border: 1px solid #ccc;
      box-sizing: border-box;
    }

    .custom-select-dropdown {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      border: 1px solid #ccc;
      border-top: none;
      display: none;
      max-height: 200px;
      overflow-y: auto;
      z-index: 10;
      background-color: white;
    }

#meganorm-list, #etanorm-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 20px;
}
.table-responsive {
  display: none; 
}

.table-responsive.active {
  display: block; 
}

    .custom-select-option {
      padding: 8px;
      cursor: pointer;
    }

    .custom-select-option:hover {
      background-color: #f0f0f0;
    }

table.pumps-table-description{
  outline: 3px solid black;
}
table.pumps-table-description > tbody > tr:nth-child(1) > td:nth-child(1){
    font-weight: bold;
    background: #083864;
    color: white;
}

table.pumps-table-description > tbody > tr:nth-child(1) > td:nth-child(2){
    color: #083864;
    font-weight: bold;
    background: #f0f1f1;
}

table.pumps-table-description > tbody > tr:not(:first-child) {
  background: aliceblue;
}


  table#pump-table.wkl-table {
        border-collapse: collapse;
        margin-top: 20px;
      }
      table#pump-table.wkl-table td,
      table#pump-table.wkl-table th {
        border: 2px solid #333;
        padding: 6px;
        text-align: center;
      }
      table#pump-table.wkl-table tbody > tr:nth-child(3) > td {
        border: 4px solid red;
        background-color: #4dadff;
        color: white;
      }

      table#pump-table.wkl-table > tbody > tr:nth-child(3) > td {
        border-right: 1px solid black;
        border-left: none;
      }

      table#pump-table.wkl-table > tbody > tr:nth-child(3) > td:nth-child(1) {
        border: unset;
        background: #99ffcc;
        padding: 8px;
        box-sizing: border-box;
      }

      table#pump-table.wkl-table
        > tbody
        > tr:nth-child(3)
        > td:nth-child(1)
        > span {
        width: 35px;
        height: 35px;
        display: inline-flex;
        padding: 24px;
        box-sizing: border-box;
        align-items: center;
        align-content: center;
        justify-content: center;
        background-color: #23e488;
        font-weight: 900;
        color: #060505;
        z-index: 2;
        position: relative;
      }

      table#pump-table.wkl-table > tbody > tr:nth-child(3) > td:nth-child(2) {
        border-left: 4px solid red;
        background-color: #4dadff;
        color: white;
      }

      table#pump-table.wkl-table > tbody > tr:nth-child(3) > td:last-child {
        border-left: none;
        border-right: 4px solid red;
        background-color: #4dadff;
        color: white;
      }

      table#pump-table.wkl-table > tbody > tr:nth-child(4) > td:nth-child(1) {
        box-shadow: inset 0 0 0 4px #4688f2;
      }
      table#pump-table.wkl-table > tbody > tr:nth-child(5) > td:nth-child(1) {
        box-shadow: inset 0 0 0 4px #f39b4a;
      }
      table#pump-table.wkl-table > tbody > tr:nth-child(6) > td:nth-child(1) {
        box-shadow: inset 0 0 0 4px #a6a6a6;
      }
      table#pump-table.wkl-table > tbody > tr:nth-child(7) > td:nth-child(1) {
        box-shadow: inset 0 0 0 4px #f3e34f;
      }
      #stage-value {
        position: relative; /* Added to make sure text is above the background */
        z-index: 1;
      }

      #stage-value::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #99ffcc;
        background-size: 15px 15px;
        background-image: repeating-linear-gradient(
          45deg,
          #1c1c21 0,
          #1c1c21 1px,
          #99ffcc 0,
          #99ffcc 50%
        );
        opacity: 0.3;
        z-index: 0;
      }

      .chart-container {
        width: 480px;
        height: 464px;
        margin: 20px auto;
        display: none;
        border: 1px solid #d9d9d9;
        padding: 14px;
        box-sizing: border-box;
        align-items: center;
        margin: 28px auto;
        justify-items: center;
        align-content: center;
      }
      .data-table {
        margin: 20px auto;
        border-collapse: collapse;
        width: 100%;
        overflow-x: auto;
        display: none; /* Initially hidden */
      }
      .data-table th,
      .data-table td {
        border: 1px solid #333;
        padding: 8px;
        text-align: center;
      }
      .data-table th {
        background-color: #f0f0f0;
      }

      /* CSS for the pop-up effect */
      @keyframes popup-effect {
        0% {
          transform: scale(0.5);
          opacity: 0;
        }
        70% {
          transform: scale(1.1);
          opacity: 1;
        }
        100% {
          transform: scale(1);
          opacity: 1;
        }
      }

      #stage-value span.popup-active {
        animation: popup-effect 0.5s ease-out forwards;
      }


/* #tab-description > div > div > div:nth-child(1) > table > tbody > tr:nth-child(3) > td {
    border: 3px solid red;
}

#tab-description > div > div > div:nth-child(1) > table > tbody > tr:nth-child(3) > td {
    border-right: 2px solid black;
 	border-left: none;
}

#tab-description > div > div > div:nth-child(1) > table > tbody > tr:nth-child(3) > td:first-child {
	border-left: 3px solid red;
}

#tab-description > div > div > div:nth-child(1) > table > tbody > tr:nth-child(3) > td:last-child {
    border-left: none;
	border-right: 3px solid red;
} */


/* Media Query for tablets (max-width: 1024px) */
@media (max-width: 1024px) {
  table.pumptable {
    font-size: 80% !important;
    padding: 4px;
  }
}

/* Media Query for mobile devices (max-width: 768px)
@media (max-width: 768px) {
  table.pumptable {
    font-size: 65% !important;
    padding: 4px;
  }
} 
*/


.cert-link > div > div > div > div > div > div > div{
 padding:0!important;
}

.elementor-4400 .elementor-element.elementor-element-d29b34e .eael-elements-flip-box-front-container .eael-elements-flip-box-icon-image > img.eael-flipbox-image-as-icon {
    width: 100%!important;
}


.elementor-4400 .elementor-element.elementor-element-8c9425f .eael-elements-flip-box-front-container .eael-elements-flip-box-icon-image > img.eael-flipbox-image-as-icon {
    width: 100%!important;
}

.elementor-4400 .elementor-element.elementor-element-df5cf8a .eael-elements-flip-box-front-container .eael-elements-flip-box-icon-image > img.eael-flipbox-image-as-icon {
        width: 100%!important;
}

.elementor-4400 .elementor-element.elementor-element-9070810 .eael-elements-flip-box-front-container .eael-elements-flip-box-icon-image > img.eael-flipbox-image-as-icon {
       width: 100%!important;
}


.elementor-4400 .elementor-element.elementor-element-733ba16 .eael-elements-flip-box-front-container .eael-elements-flip-box-heading {
    padding: 5px!important;
}