.elementor-76084 .elementor-element.elementor-element-8c9068f{--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;}@media(min-width:771px){.elementor-76084 .elementor-element.elementor-element-8c9068f{--content-width:1600px;}}/* Start custom CSS for text-editor, class: .elementor-element-7ca0954 */.respirator-table-wrapper {
    width: 100%;
}

.desktop-respirator-table {
    display: table; /* Ensure desktop table is displayed on larger screens */
    width: 100%;
}

.frm_style_rifft-safety-align-left.with_frm_style td.ui-datepicker-current-day, .frm_style_rifft-safety-align-left.with_frm_style td .ui-state-hover, .frm_style_rifft-safety-align-left.with_frm_style thead {
    background: #d60303!important;
}
.mobile-respirator-table {
    display: none; /* Hidden by default */
}

/* results with mask general*/
.desktop-results_with_mask-table {
    display: flex;
    width: 100%;
}

.desktop-results_with_mask-table .column {
    display: flex;
    flex-direction: column;
    align-items: stretch; /* Ensure that rows in the same position across columns have the same height */
    min-width: 150px; /* Set minimum width for each column */
    padding: 1px;
}

.desktop-results_with_mask-table .column-values-mask-container {
    display: flex;
    flex-grow: 1;
}

.desktop-results_with_mask-table .row-label, .row-value {
    padding: 20px 15px 20px 15px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  min-height:40px;
}

.desktop-results_with_mask-table .row-label {
    font-weight: bold;
    background-color: #f9f9f9;
    text-align: center;
}

/* end results with mask general*/


@media screen and (max-width: 1120px) {
    .desktop-respirator-table {
        display: none; /* Hide desktop table on smaller screens */
    }
 .mobile-respirator-table {
    display: flex;
    overflow-x: auto; /* Allow horizontal scrolling for the columns */
    width: 100%;
}

.mobile-respirator-table .column {
    display: flex;
    flex-direction: column;
    align-items: stretch; /* Ensure that rows in the same position across columns have the same height */
    min-width: 150px; /* Set minimum width for each column */
    padding: 1px;
}

.mobile-respirator-table .column-values-container {
    display: flex;
    overflow-x: auto; /* Enable horizontal scrolling */
}

.mobile-respirator-table .row-label, .row-value {
    padding: 1px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Allow height to adjust based on the content with flex-grow */
    flex-grow: 1;
    
}

.mobile-respirator-table .row-label {
    font-weight: bold;
    background-color: #f9f9f9;
    text-align: center;
}

/* Optional styling for the scrollbars */
.mobile-respirator-table .column-values-container::-webkit-scrollbar {
    height: 8px;
}

.mobile-respirator-table .column-values-container::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 4px;
}

.mobile-respirator-table .column-values-container::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

}
@media screen and (max-width: 767px) { 
    
    .desktop-results_with_mask-table .row-label, .row-value {
    padding: 20px 15px 20px 15px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  min-height:90px;
}
    .desktop-results_with_mask-table .row-label {
    font-weight: bold;
    background-color: #f9f9f9;
    text-align: center;
}
    
}/* End custom CSS */