.dataTableLimits{
  table-layout: auto;
  position: relative;
  padding: 10px;
  height: 100%;
  border-radius: 4px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;

  .head_section {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
  }
  .button-wrapper{
    display: flex;
    padding-right: 4px;
    padding-top: 4px;
    width: 100%;
    height: 100%;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    .resetButton{
      display: flex;
      cursor: pointer;
      width: 105px;
      padding: 0px 5px;
      height: 24px;
      background-color: var(--save-button-color);
      border-radius: 4px;
      border: none;
      color: var(--color-text-white); 
      font-size: 12px;
      align-items: center;
      flex-direction: row;
      justify-content: space-evenly;
      .material-symbols-outlined{
        font-size: var(--font-size-extra-large-S360);
      }
      .btn--disabled {
        opacity: 0.7 !important;
        cursor: not-allowed !important;
      }
      
    }
  }
    .container-tilte-dataTable{
      width: 100%;
      .head_section_container{
        width: 100%;
      }
    }
    .ContainerTableLimits {
      width: 100%;
      height: 100%;
      border: none !important;   
      overflow: auto;   
      & .body__table{
        width: 100%;
        height: 100%;
        border-right: solid 1px var(--border-table-color);
        border-left: solid 1px var(--border-table-color);
        thead {
          .head-theoricalLimits {
            text-align: center;
            font-size: 0.7rem;
            min-width: 87px !important;
            height: 18px !important;
          }
        }
        tbody {
          .hidden-parameter, .hidden-process{
            display: none;
          }
          .parameter-group-header{
            text-align: left !important;
            border: none !important;
            height: 20px;
            :nth-child(1){
              text-align: left;
              font-weight: 300;
            }
            :nth-child(2){
              text-align: right;
              font-style: italic;
            }
            td{
              text-align: center;
              color: var(--text-parameter-group-header) !important;
              font-size: 0.75rem;
              min-width: 87px !important;
              height: 18px !important;
              padding: 0px 8px 0px 8px;
              border: none !important;
            }
            
          }
          .parameter-group-body {
            max-width: none;
            height: 20px;
            text-align: center;
            color: var(--color-text-S360);
            td{
              background-color: var(--background-theme-S360);
              text-align: center;
              font-size: 0.75rem;
              font-weight:500;
              min-width: 87px !important;
              height: 18px !important;
              input{
                font-family: var(--font-family); 
                font-size: 12px;
                text-align: center;
              }
            }
            >td:nth-child(1)
            {
              border-right: solid 1px var(--limit-LIR-LSR);
            }
            >td:nth-child(2){
              border-right: solid 1px var(--limit-LIE-LSE);
            }
            >td:nth-child(3){
              border-right: solid 1px var(--limit-TG);
            }
            >td:nth-child(4){
              border-right: solid 1px var(--limit-LIE-LSE);
            }
            >td:nth-child(5){
              border-right: solid 1px var(--limit-LIR-LSR);
            }
          }
        }
      }
    }
  }

  .head-theoricalLimits:nth-child(1) {
    background-color: var(--limit-LIR-LSR) !important; 
  }
  
  .head-theoricalLimits:nth-child(2) {
    background-color: var(--limit-LIE-LSE) !important; 
  }
  
  .head-theoricalLimits:nth-child(3) {
    background-color: var(--limit-TG) !important; 
  }
  
  .head-theoricalLimits:nth-child(4) {
    background-color: var(--limit-LIE-LSE) !important; 
  }
  
  .head-theoricalLimits:nth-child(5) {
    background-color: var(--limit-LIR-LSR) !important; 
  }
  
  
.containerFilters{
  width: 100%;
  gap: 10px;
  padding: 5px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  border-left: solid 1px var(--border-table-color);
  border-right: solid 1px var(--border-table-color);
  .select-menu {
    width: 100%;
    .option-text {
        font-size: 0.76rem;
        color: var(--color-text-S360);
    }

    .sBtn-title {
        color: var(--color-text-disabled-S360) !important;
        display: flex;     
        font-size: 0.76rem;
        padding-left: 8px;
    }
    .smaller{
      font-size: 0.5rem;
    }

    .select-btn {
      
      height: 23px;
    }
    .parameter{
      font-size: 0.76rem;
    }
    .process {
      font-size: 0.76rem;
      font-style:italic;
      font-weight: bold;
    }
  }
}

@media (max-width: 500px) {
  .Container_View {
    max-width: 100%;
    height: auto;
  }
  .ContainerTableLimits {   
    & .body__table{
      thead {
        .header_cell{
          text-align: center;
          font-size: 10px;
          min-width: autq !important;
          height: 18px !important;
        }
      }
    }
  }

  .containerFilters{
    min-height: 80px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    .select-menu{
      .select-btn {
        min-width: 300px;
        height: 23px;
      }
    }
  }
}

@media (max-width: 380px){
  .containerFilters{
    min-height: 80px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    .select-menu{
      .select-btn {
        min-width: 200px;
        height: 23px;
      }
    }
  }
}


:root{
  --limit-LIR-LSR: #E24646;
  --limit-LIE-LSE: #FFC000; 
  --limit-TG: #30C749;

  --save-button-color: #40A944;
  --color-primary: #FFFFFF;
  --font-family: 'Libre Franklin', 'Arial', 'sans-serif';
  --background-header-table: var(--background-disabled-secundary-S360);
  --background-subTitle-secundary-S360: rgba(82, 82, 82, 0.19);
  --background-subTitleTable-secundary-S360: #E3B13F;
  --background-subTitleTable-NOK-S360: #AB0000;
  --background-menu-S360: #EEEEEE;
  --background-option-menu-S360: #C1C1C1;
  --background-body: #FFFFFF;
  --background-subtitle-table-latas: var(--background-disabled-secundary-S360);
  --color-text-white: #FFFFFF;
  --color-icon-message: brightness(100%) contrast(0%);
  --color-button-table: #F4AEAE;
  --color-button-lata: var(--color-icon-message);
  --filter: none;
  --font-size-normal-S360: 12px;
  --font-size-small-S360: 10px;
  --font-size-large-S360: 14px;
  --background-theme-S360: #ffffff;
  --backGround-Table-alt: #f2f2f2;
  --color-comment: #3F3F3F;
  --background-columm-param: #f8f9fa;
  --background-turn-S360: #EBEBEB;
  --border-turn-name: none;
  --icon_back-color: #5E5E5E;
  --parameters-bar-color: #EFEFEF;
  --title-parameter-color-text: #565656;
  --text-parameter-group-header: #000000;
}

[data-theme='dark'] {
  --title-parameter-color-text: var(--color-text-S360);
  --parameters-bar-color: #232222;
  --icon_back-color: #EBEBEB;
  --border-turn-name: 0.5px solid var(--color-border-S360);
  --background-turn-S360: var(--color-header-back-S360);
  --color-primary: #1F1F1F;
  --background-columm-param: #313131;
  --color-comment: #FFFFFF;
  --background-theme-S360: #1f1f1f;
  --backGround-Table-alt: #302f2f;
  --background-header-table: #484848;
  --background-subTitle-secundary-S360: #4b4b4b;
  --background-subTitleTable-secundary-S360: #E3B13F;
  --background-subTitleTable-NOK-S360: #AB0000;
  --background-menu-S360: #1F1F1F;
  --background-option-menu-S360: #777777;
  --background-body: #282828;
  --background-subtitle-table-latas: #565656;
  --color-text-white: #FFFFFF;
  --color-icon-message: brightness(100%) contrast(-100%);
  --color-button-lata: invert(1);
  --color-button-table: #1b9090;
  --filter: var(--color-button-lata);
  --text-parameter-group-header: rgba(255, 255, 255, 1)
}