/*hassan*/
/*import open sans font family starts*/
/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');*/
/* cyrillic-ext */





@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4taVIGxA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4kaVIGxA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4saVIGxA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4jaVIGxA.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4iaVIGxA.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* math */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B5caVIGxA.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0330, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2034-2037, U+2057, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2102, U+210A-210E, U+2110-2112, U+2115, U+2119-211D, U+2124, U+2128, U+212C-212D, U+212F-2131, U+2133-2138, U+213C-2140, U+2145-2149, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B6, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B5OaVIGxA.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8B1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA88, U+1FA90-1FABD, U+1FABF-1FAC5, U+1FACE-1FADB, U+1FAE0-1FAE8, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4vaVIGxA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4uaVIGxA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*import open sans font family finishes*/

/*This font-size:0 removes default spacing between elements which affects reponsiveness of the site*/
/*button, paragraph and button font size to override this 0 font size is mentioned in media queries */



.margin-right-8-pixels{


  margin-right: 8px;
}




.padding-11-px{

  padding:11px;
}




#dncm-quality-notification-contacts-table-4 {

  visibility: hidden;
  height: 0;

}

.dncm-card-to-act-as-table{

    overflow-x: auto;
    padding: 0px 0px 0px 0px !important;
    margin:0px 30px 0px 30px;
   

}




.non-bolder-font{


  font-weight:normal;
}

.width-90-percent{


  width: 90%;

}



.dncm-required-asterisk{

  color: red;
}


.padding-6-px{

  padding:6px;
}



.padding-5-px{

  padding:5.5px;
}





.dncm-card-row-non-sap-form{


  flex-direction: column;
  margin-bottom: 13px;
}


.john-deere-green-color-text-underlined{


  color: #367c2b;
  text-decoration: underline;
}

.john-deere-green-color-text{


  color: #367c2b;
 
}



.dncm-dropdown {


  padding: 2px;
  border-radius: 2px;
}

#dncm-contextual-help-tab {


  margin: 30px;
  display: none;

}

#dncm-general-query-main-container {


  /*margin: 30px;*/
 /* display: none;*/

}

#dncm-home-tab p {

  padding: 0px 30px 0px 30px;


}

#dncm-home-tab .dncm-home-image {
  background: url("/Blank 3 Grids Collage 2 1 1.jpg") 0% 0% / cover;
  height: calc(-108px + 100vh);
  width: 100%;




}




#dncm-home-tab .dncm-home-image .dncm-home-page-text {


  display: flex;
  align-items: left;
  position: absolute;
  flex-direction: column;
  left: 0px;
  right: 0px;
  top: 70%;
  transform: translateY(-70%);
  background: rgba(255, 255, 255, 0.81);
  padding: 15px;
  min-height: 150px;





}

#dncm-home-tab, #dncm-create-edit-non-conformance-tab {


  display: none;
}



.uxf-main-content {

  font-size: 0;
  background: none !important;
  font-family: 'Open Sans';
  box-sizing: border-box !important;

  display: none;



}

.dncm-top-padding-10-pixels{

  padding-top: 10px;
}





.dncm-hide-element{

   display:none;

}


.dncm-text-bold {

  font-weight: 500;
}




.uxf-main-content-error {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px;
  height: 60vh;

  font-size: 32px;
  font-weight: 600;


}




dncm-notification-description-banner-buttons-group, dncm-non-sap-form-banner {
  
  z-index: 1;
  transform: all 0.5s;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 30px 10px 30px;
  background: #fff;
  
  /* box-shadow: 0px 4px 4px rgba(240, 240, 240, 0.9);*/
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;





}

.dncm-notification-description , .dncm-non-sap-form-title{
  display: flex;
  align-items: center;
  padding: 5px;
}

.dncm-print-export-notify-buttons-group, .dncm-non-sap-form-header-buttons-group {
  display: flex;
  align-items: center;
  padding: 5px;
}

.dncm-print-export-notify-buttons-group button, .dncm-non-sap-form-header-buttons-group button {
  margin-left: 10px;
}

/* Responsive layout */
@media (max-width: 768px) {



 
  




  dncm-notification-description-banner-buttons-group, dncm-non-sap-form-banner {
    flex-direction: column;
    /* Stack items vertically */
    align-items: center;
  }




  .dncm-notification-description,
  .dncm-print-export-notify-buttons-group,
  .dncm-non-sap-form-title,
  .dncm-non-sap-form-header-buttons-group {
    width: 100%;
    justify-content: center;
    text-align: center;
    /* Center-align text content */

  }

  .dncm-print-export-notify-buttons-group button, .dncm-non-sap-form-header-buttons-group button {
    margin-left: 5px;
    /* Adjust spacing between buttons */

  }
}

/*responsiveness media queries code starts*/

/* Extra small devices (xs) */
@media only screen and (max-width: 600px) {



.dncm-general-accordion-pill{

display:none !important;


}


 .dncm-general-accordion-card-block{


  max-width:90vw;

}







 .dncm-table-multiple-lines-skeleton-loader::before{


 height:14px !important;
  box-shadow: 0 20px 0 0 #e0e0e0, 0 40px 0 0 #e0e0e0 !important;



 }



  .dncm-card-sub-header{

    flex-wrap: wrap;


  }

.dncm-block-flex-element-skeleton-loader{

  height: 18px !important;


}


.dncm-table-cell-skeleton-loader::before{

  height: 14px !important;
}







  .dncm-non-sap-form-required-fields-helper{


    flex:40 !important;
  }
  
  .dncm-non-sap-form-details-header{
  
  flex:10 !important;
  
  
  }








  .width-97-percent-big-90-percent-small-screen{


    width: 90%;
  
  }
  

  
  @keyframes show {
    0% {
      transform: translateX(100%);
    }
  
    40% {
      transform: translateX(15%);
    }
  
    80% {
      transform: translateX(10%);
    }
  
    100% {
      transform: translateX(20%);
    }
  }



  .dncm-modal-expander, .dncm-modal-expander-2 {

    width:80% !important;
  }

  .dncm-rating > label {

    font-size: 7vw;
   
    }



  .dncm-toast-notifications .DNCMtoast {
   
    max-width: 70%;
  
  }
  
  

  .dncm-modal-content{
    width:90%
  }


  .dncm-error-page-header {

    font-size: 14px;
  }



  dncm-non-sap-form-banner{



    margin-bottom: 20px;
  }




  .dncm-button, .dncm-button-unclickable {
    padding: 5px 16px 5px 16px;
  }

  body {
    font-size: 12px !important;
  }

  p {
    font-size: 12px !important;
  }

  button {
    font-size: 12px !important;
  }


  .dncm-card-group {

    font-size: 12px !important;

  }

  a {
    font-size: 12px !important;
  }


  .dncm-accordion-header-label,
  .dncm-accordion-header-badge {

    font-size: 14px !important;
  }




  .dncm-notification-description , .dncm-non-sap-form-title{

    font-size: 14px;
  }


  .dncm-card-header, .dncm-modal-header {
    font-size: 14px;

  }


  .dncm-main-container,
  .dncm-close-button-container {

    padding: 0px 10px;
  }


  .dncm-card-content {

    flex-direction: column;

  }







  .dncm-col-xs-1 {
    width: 8.3333%;
  }

  .dncm-col-xs-2 {
    width: 16.6667%;
  }

  .dncm-col-xs-3 {
    width: 25%;
  }

  .dncm-col-xs-4 {
    width: 33.3333%;
  }

  .dncm-col-xs-5 {
    width: 41.6667%;
  }

  .dncm-col-xs-6 {
    width: 50%;
  }

  .dncm-col-xs-7 {
    width: 58.3333%;
  }

  .dncm-col-xs-8 {
    width: 66.6667%;
  }

  .dncm-col-xs-9 {
    width: 75%;
  }

  .dncm-col-xs-10 {
    width: 83.3333%;
  }

  .dncm-col-xs-11 {
    width: 91.6667%;
  }

  .dncm-col-xs-12 {
    width: 100%;
  }
}

/* Small devices (sm) */
@media only screen and (min-width: 601px) and (max-width: 768px) {


  .dncm-general-accordion-pill{

display:none !important;


}





  .dncm-general-accordion-card-block{


  max-width:90vw;

}


 




   .dncm-table-multiple-lines-skeleton-loader::before{


 height:14px !important;
  box-shadow: 0 20px 0 0 #e0e0e0, 0 40px 0 0 #e0e0e0 !important;



 }


  .dncm-table-cell-skeleton-loader::before{

  height:14px !important;
}




   .dncm-card-sub-header{

    flex-wrap: wrap;


  }




  
.dncm-block-flex-element-skeleton-loader{

  height:18px !important;


}


  



  .dncm-non-sap-form-required-fields-helper{


    flex:40 !important;
  }
  
  .dncm-non-sap-form-details-header{
  
  flex:10 !important;
  
  
  }





  
  .width-97-percent-big-90-percent-small-screen{


    width: 90%;
  
  }
  
  
  .dncm-modal-expander, .dncm-modal-expander-2{

    width:80% !important;
  }

  .dncm-rating > label {

    font-size: 7vw;
   
    }



  @keyframes show {
    0% {
      transform: translateX(100%);
    }
  
    40% {
      transform: translateX(15%);
    }
  
    80% {
      transform: translateX(10%);
    }
  
    100% {
      transform: translateX(20%);
    }
  }


  .dncm-toast-notifications .DNCMtoast {
   
    max-width: 70%;
  
  }
  

  .dncm-modal-content{
    width:90%
  }


  dncm-non-sap-form-banner {



    margin-bottom: 20px;
  }




  body {
    font-size: 12px !important;
  }

  p {
    font-size: 12px !important;
  }



  button {
    font-size: 12px !important;
  }


  .dncm-card-group {
    font-size: 12px !important;

  }


  a {
    font-size: 12px !important;
  }

  .dncm-accordion-header-label,
  .dncm-accordion-header-badge {

    font-size: 14px !important;
  }







  .dncm-notification-description, .dncm-non-sap-form-title {

    font-size: 14px;
  }

  .dncm-card-header, .dncm-modal-header {
    font-size: 14px;

  }


  .dncm-error-page-header {

    font-size: 14px;
  }



  .dncm-main-container,
  .dncm-close-button-container {

    padding: 0px 10px;
  }

  .dncm-card-content {

    flex-direction: column;

  }


  .dncm-button, .dncm-button-unclickable  {
    padding: 5px 16px 5px 16px;
  }


  .dncm-col-sm-1 {
    width: 8.3333%;
  }

  .dncm-col-sm-2 {
    width: 16.6667%;
  }

  .dncm-col-sm-3 {
    width: 25%;
  }

  .dncm-col-sm-4 {
    width: 33.3333%;
  }

  .dncm-col-sm-5 {
    width: 41.6667%;
  }

  .dncm-col-sm-6 {
    width: 50%;
  }

  .dncm-col-sm-7 {
    width: 58.3333%;
  }

  .dncm-col-sm-8 {
    width: 66.6667%;
  }

  .dncm-col-sm-9 {
    width: 75%;
  }

  .dncm-col-sm-10 {
    width: 83.3333%;
  }

  .dncm-col-sm-11 {
    width: 91.6667%;
  }

  .dncm-col-sm-12 {
    width: 100%;
  }
}

/* Medium devices (md) */
@media only screen and (min-width: 769px) and (max-width: 992px) {







  .dncm-general-accordion-card-block{


  max-width:90vw;

}




  .dncm-card-content {

    flex-direction: column;

  }








  




  
 


   



 


  .dncm-non-sap-form-required-fields-helper{


    flex:20 !important;
  }
  
  .dncm-non-sap-form-details-header{
  
  flex:30 !important;
  
  
  }









  .width-97-percent-big-90-percent-small-screen{


    width: 97%;
  
  }
  

 
  .dncm-modal-expander{

    width:60% !important;
  }

  .dncm-modal-expander-2{

    width:40% !important;
  }

  .dncm-rating > label {

    font-size: 5vw;
   
    }
  
  @keyframes show {
    0% {
      transform: translateX(100%);
    }
  
    40% {
      transform: translateX(-5%);
    }
  
    80% {
      transform: translateX(0%);
    }
  
    100% {
      transform: translateX(-10%);
    }
  }


  .dncm-toast-notifications .DNCMtoast {
   
    max-width: 30rem;
  
  }
  

  .dncm-modal-content{
    width:40%
  }



  .flex-3 {
    flex: 3 !important;
  }

  .flex-9 {

    flex: 9 !important;
  }


  dncm-non-sap-form-banner {



    margin-bottom: 20px;
  }




  dncm-notification-description-banner-buttons-group , dncm-non-sap-form-banner{
    flex-direction: column;
    /* Stack items vertically */
    align-items: center;
  }




  .dncm-notification-description,
  .dncm-print-export-notify-buttons-group,
  .dncm-non-sap-form-title,
  .dncm-non-sap-form-header-buttons-group {
    width: 100%;
    justify-content: center;
    text-align: center;
    /* Center-align text content */

  }




  body {
    font-size: 14px !important;
  }

  p{
    font-size: 14px !important;
  }

  button {
    font-size: 14px !important;
  }

  .dncm-card-group {
    font-size: 14px !important;
  }

  a {
    font-size: 14px !important;
  }

  .dncm-accordion-header-label,
  .dncm-accordion-header-badge {

    font-size: 16px !important;
  }







  .dncm-notification-description , .dncm-non-sap-form-title{

    font-size: 16px;
  }

  .dncm-card-header, .dncm-modal-header {
    font-size: 16px;

  }


  .dncm-error-page-header {

    font-size: 16px;
  }



  .dncm-main-container,
  .dncm-close-button-container {

    padding: 0px 10px;
  }


  .dncm-button , .dncm-button-unclickable {
    padding: 5px 16px 5px 16px;
  }



  .dncm-col-md-1 {
    width: 8.3333%;
  }

  .dncm-col-md-2 {
    width: 16.6667%;
  }

  .dncm-col-md-3 {
    width: 25%;
  }

  .dncm-col-md-4 {
    width: 33.3333%;
  }

  .dncm-col-md-5 {
    width: 41.6667%;
  }

  .dncm-col-md-6 {
    width: 50%;
  }

  .dncm-col-md-7 {
    width: 58.3333%;
  }

  .dncm-col-md-8 {
    width: 66.6667%;
  }

  .dncm-col-md-9 {
    width: 75%;
  }

  .dncm-col-md-10 {
    width: 83.3333%;
  }

  .dncm-col-md-11 {
    width: 91.6667%;
  }

  .dncm-col-md-12 {
    width: 100%;
  }

 


}

/* Large devices (lg) */
@media only screen and (min-width: 993px) and (max-width: 1200px) {





  .dncm-general-accordion-card-block{


  max-width:100vw;

}


 




#dncm-non-sap-record-qnotes-of-current-supplier-number-table thead tr th,
#dncm-non-sap-record-qnotes-of-current-part-number-table thead tr th
{

white-space: nowrap;

}





  .dncm-card-row-content-large{


    flex: 3 !important;
  }





  






  .dncm-non-sap-form-priority-status-add-padding-in-big-screen{




    padding-left:15px;
  }








  .dncm-non-sap-form-required-fields-helper{


    flex:20 !important;
  }
  
  .dncm-non-sap-form-details-header{
  
  flex:30 !important;
  
  
  }







  .width-97-percent-big-90-percent-small-screen{


    width: 97%;
  
  }
  


 
  .dncm-modal-expander{

    width:50% !important;
  }


  .dncm-modal-expander-2{

    width:40% !important;
  }

  .dncm-rating > label {

    font-size: 3vw;
   
    }



  @keyframes show {
    0% {
      transform: translateX(100%);
    }
  
    40% {
      transform: translateX(-5%);
    }
  
    80% {
      transform: translateX(0%);
    }
  
    100% {
      transform: translateX(-10%);
    }
  }


  .dncm-toast-notifications .DNCMtoast {
   
    max-width: 30rem;
  
  }
  

  .dncm-modal-content{
    width:30%
  }

  .flex-3 {
    flex: 3 !important;
  }

  .flex-9 {

    flex: 9 !important;
  }


   dncm-non-sap-form-banner{



    margin-bottom: 20px;
  }


  body {
    font-size: 14px !important;
  }

  p{
    font-size: 14px !important;
  }

  button {
    font-size: 14px !important;
  }

  .dncm-card-group {
    font-size: 14px !important;
  }

  a {
    font-size: 14px !important;
  }

  .dncm-accordion-header-label,
  .dncm-accordion-header-badge {

    font-size: 16px !important;
  }





  .dncm-notification-description, .dncm-non-sap-form-title {

    font-size: 16px;
  }

  .dncm-card-header, .dncm-modal-header {
    font-size: 16px;

  }

  .dncm-error-page-header {

    font-size: 16px;
  }



  .dncm-main-container,
  .dncm-close-button-container {

    padding: 0px 20px;
  }

  .dncm-button, .dncm-button-unclickable  {
    padding: 10px 20px 10px 20px;
  }



  .dncm-yellow-button-smaller{

    padding: 7px 12px 7px 12px !important;
  
  }



  .dncm-card-row-type-vertical {

    flex-direction: column;
  }




  .dncm-col-lg-1 {
    width: 8.3333%;
  }

  .dncm-col-lg-2 {
    width: 16.6667%;
  }

  .dncm-col-lg-3 {
    width: 25%;
  }

  .dncm-col-lg-4 {
    width: 33.3333%;
  }

  .dncm-col-lg-5 {
    width: 41.6667%;
  }

  .dncm-col-lg-6 {
    width: 50%;
  }

  .dncm-col-lg-7 {
    width: 58.3333%;
  }

  .dncm-col-lg-8 {
    width: 66.6667%;
  }

  .dncm-col-lg-9 {
    width: 75%;
  }

  .dncm-col-lg-10 {
    width: 83.3333%;
  }

  .dncm-col-lg-11 {
    width: 91.6667%;
  }

  .dncm-col-lg-12 {
    width: 100%;
  }

  


}

/* Extra large devices (xl) */
@media only screen and (min-width: 1201px) and (max-width: 1600px) {

 



  .dncm-general-accordion-card-block{


  max-width:100vw;

}





#dncm-non-sap-record-qnotes-of-current-supplier-number-table thead tr th,
#dncm-non-sap-record-qnotes-of-current-part-number-table thead tr th
{

white-space: nowrap;

}

  



 .dncm-card-row-content-large{


    flex: 3 !important;
  }




 
  







  
  .dncm-non-sap-form-priority-status-add-padding-in-big-screen{




    padding-left:15px;
  }






  .dncm-non-sap-form-required-fields-helper{


    flex:20 !important;
  }
  
  .dncm-non-sap-form-details-header{
  
  flex:30 !important;
  
  
  }



  .width-97-percent-big-90-percent-small-screen{


    width: 97%;
  
  }
  


 
 
  .dncm-modal-expander{

    width:40% !important;
  }

   
  .dncm-modal-expander-2{

    width:35% !important;
  }

  .dncm-rating > label {

    font-size: 3vw;
   
    }




  @keyframes show {
    0% {
      transform: translateX(100%);
    }
  
    40% {
      transform: translateX(-5%);
    }
  
    80% {
      transform: translateX(0%);
    }
  
    100% {
      transform: translateX(-10%);
    }
  }



  .dncm-toast-notifications .DNCMtoast {
   
    max-width: 30rem;
  
  }

  .dncm-modal-content{
    width:20%
  }


  .flex-3 {
    flex: 3 !important;
  }

  .flex-9 {

    flex: 9 !important;
  }

   dncm-non-sap-form-banner{



    margin-bottom: 20px;
  }

  body {
    font-size: 14px !important;
  }

  p {
    font-size: 14px !important;
  }

  button {
    font-size: 14px !important;
  }


  .dncm-card-group {
    font-size: 14px !important;
  }


  a {
    font-size: 14px !important;
  }

  .dncm-accordion-header-label,
  .dncm-accordion-header-badge {

    font-size: 16px !important;
  }




  .dncm-notification-description , .dncm-non-sap-form-title{

    font-size: 16px;
  }


  .dncm-card-header, .dncm-modal-header {
    font-size: 16px;

  }

  .dncm-error-page-header {

    font-size: 16px;
  }




  .dncm-main-container,
  .dncm-close-button-container {

    padding: 0px 20px;
  }

  .dncm-button, .dncm-button-unclickable  {
    padding: 10px 20px 10px 20px;
  }




  .dncm-yellow-button-smaller{

    padding: 7px 12px 7px 12px !important;
  
  }



  .dncm-card-row-type-vertical {

    flex-direction: column;
  }



  .dncm-col-xl-1 {
    width: 8.3333%;
  }

  .dncm-col-xl-2 {
    width: 16.6667%;
  }

  .dncm-col-xl-3 {
    width: 25%;
  }

  .dncm-col-xl-4 {
    width: 33.3333%;
  }

  .dncm-col-xl-5 {
    width: 41.6667%;
  }

  .dncm-col-xl-6 {
    width: 50%;
  }

  .dncm-col-xl-7 {
    width: 58.3333%;
  }

  .dncm-col-xl-8 {
    width: 66.6667%;
  }

  .dncm-col-xl-9 {
    width: 75%;
  }

  .dncm-col-xl-10 {
    width: 83.3333%;
  }

  .dncm-col-xl-11 {
    width: 91.6667%;
  }

  .dncm-col-xl-12 {
    width: 100%;
  }



 




}

/* Extra extra large devices (xxl) */
@media only screen and (min-width: 1601px) {







  .dncm-general-accordion-card-block{


  max-width:100vw;

}





#dncm-non-sap-record-qnotes-of-current-supplier-number-table thead tr th,
#dncm-non-sap-record-qnotes-of-current-part-number-table thead tr th
{

white-space: nowrap;

}

 






   .dncm-card-row-content-large{


    flex: 3 !important;
  }


 


  






  
  .dncm-non-sap-form-priority-status-add-padding-in-big-screen{




    padding-left:15px;
  }









  .dncm-non-sap-form-required-fields-helper{


    flex:20 !important;
  }
  
  .dncm-non-sap-form-details-header{
  
  flex:30 !important;
  
  
  }


  .width-97-percent-big-90-percent-small-screen{


    width: 97%;
  
  }
  






  
 
  .dncm-modal-expander{

    width:40% !important;
  }

  .dncm-modal-expander-2{

    width:35% !important;
  }


  .dncm-rating > label {

    font-size: 2vw;
   
    }


  @keyframes show {
    0% {
      transform: translateX(100%);
    }
  
    40% {
      transform: translateX(-5%);
    }
  
    80% {
      transform: translateX(0%);
    }
  
    100% {
      transform: translateX(-10%);
    }
  }



  .dncm-toast-notifications .DNCMtoast {
   
    max-width: 30rem;
  
  }


  .dncm-modal-content{
    width:20%
  }


  .flex-3 {
    flex: 3 !important;
  }

  .flex-9 {

    flex: 9 !important;
  }

    dncm-non-sap-form-banner{



    margin-bottom: 20px;
  }

  body {
    font-size: 14px !important;
  }

  p{
    font-size: 14px !important;
  }

  button {
    font-size: 14px !important;
  }

  .dncm-card-group {
    font-size: 14px !important;
  }

  a {
    font-size: 14px !important;
  }

  .dncm-accordion-header-label,
  .dncm-accordion-header-badge {

    font-size: 16px !important;
  }








  .dncm-notification-description , .dncm-non-sap-form-title{

    font-size: 16px;
  }

  .dncm-card-header, .dncm-modal-header {
    font-size: 16px;

  }


  .dncm-error-page-header {

    font-size: 16px;
  }



  .dncm-main-container,
  .dncm-close-button-container {

    padding: 0px 30px;
  }


  .dncm-button, .dncm-button-unclickable {
    padding: 10px 20px 10px 20px;
  }



  .dncm-yellow-button-smaller{

    padding: 7px 12px 7px 12px !important;
  
  }



  .dncm-card-row-type-vertical {

    flex-direction: column;
  }






  .dncm-col-xxl-1 {
    width: 8.3333%;
  }

  .dncm-col-xxl-2 {
    width: 16.6667%;
  }

  .dncm-col-xxl-3 {
    width: 25%;
  }

  .dncm-col-xxl-4 {
    width: 33.3333%;
  }

  .dncm-col-xxl-5 {
    width: 41.6667%;
  }

  .dncm-col-xxl-6 {
    width: 50%;
  }

  .dncm-col-xxl-7 {
    width: 58.3333%;
  }

  .dncm-col-xxl-8 {
    width: 66.6667%;
  }

  .dncm-col-xxl-9 {
    width: 75%;
  }

  .dncm-col-xxl-10 {
    width: 83.3333%;
  }

  .dncm-col-xxl-11 {
    width: 91.6667
  }

  .dncm-col-xxl-12 {
    width: 100%;
  }

}

/*responsive code finish*/








.dncm-notification-description , .dncm-non-sap-form-title{




  font-weight: 800;
  color: #367c2b;





}


.dncm-error-page-header {

  font-weight: 600;

}





.dncm-button {

  box-sizing: border-box !important;
  background: none !important;
  border: 1px solid #b3b3b3 !important;
  color: #333333 !important;
  text-align: center !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
  font-weight: 600 !important;
  line-height:1.8;








}






.dncm-button-unclickable {

  box-sizing: border-box !important;
  color: #333333;
  text-align: center;
  text-decoration: none;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
 

    background: none;
    border: 1px solid #f7f7f7;

  
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

   








}


.dncm-tooltip-element-group {



   
  position: relative;


}




.dncm-button:hover {

  background-color: #f7f7f7 !important ;
  border: 1px solid #767676 !important;

}





.dncm-button:focus {

  background-color: #dddddd !important;
  border: 1px solid #b3b3b3 !important;
  outline: none !important;

}


.dncm-button:disabled {

 
  background-color: #ffffff !important;
    border: 1px solid #f7f7f7 !important;


}


.dncm-yellow-button-group {

  background: #ffde00 !important;
  border: 0px !important;


}

.dncm-yellow-button-group:hover {

  background-color: #eacb00 !important;


}

.dncm-yellow-button-group:focus {

  background-color: #ceb300 !important;
  outline: none !important;


}


.dncm-yellow-button-group:disabled {

  background-color: #F6E88F !important;
  color: #8F8F8F !important;



}








.dncm-tooltip-element-group .tooltiptext {
  font-family: 'Open Sans';
  font-size: 12px;
  visibility: hidden;
  /*set tooltip width to take 100% of dncm-responsive-box width*/
  width: 100%;
  background-color: black;
  color: #fff;
  word-wrap: break-word;
  text-align: center;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  bottom: 150%;
  /*to set tooltip to the center of button*/
  left: 50%;
  transform: translateX(-50%);
  /*custom line height across html file should never affect tooltip text*/
  line-height: normal;
  cursor: pointer;



}



.dncm-tooltip-element-group .tooltiptext-bottom{


  top: 120%;
  bottom: auto;



}


.dncm-tooltip-element-group{


    cursor: pointer;
}










.dncm-tooltip-element-group .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}



.dncm-tooltip-element-group .tooltiptext-bottom::after {
  top: auto;
  bottom: 100% ;

  rotate: 180deg;
 
}








.dncm-tooltip-element-group:hover .tooltiptext {
  visibility: visible !important;



}

.tooltiptextalwaysvisible {
    visibility: visible !important;
  
  
  
  }
  

.dncm-tooltip-element-group-always-visible {
  visibility: visible !important;



}

.tooltiptext{

  z-index:3;

}





#dncm-search-box-tooltip {

  margin-bottom: -15px;
  animation: moveUpDown 1s infinite alternate;
  visibility: visible ;

}


@keyframes moveUpDown {
  0% {

    margin-bottom: -15px;
  }

  100% {

    margin-bottom: -5px;
  }



}

.dncm-tooltip-element-group .small-tooltip-width-fix {

  width: 200%;
}


.dncm-tooltip-element-group .very-small-tooltip-width-fix {

  width: 1000%;
}


.dncm-tooltip-element-group .large-tooltip-width-fix {

  width: 50%;
}





.dncm-card-container {

  background-color: #fff;
  border-radius: 16px;
  /**box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);**/


  /** box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;**/

  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;


  line-height: 2;

  transition: all .35s;
  ;


}




.dncm-card-header-container{

  padding: 0px 29px;
}



.dncm-card-header-container-type-2 {

  padding: 0px 30px !important;

}




.dncm-card-header {

  font-weight: 900;

  padding-bottom: 10px;


}

.dncm-card-content {
  display: flex;

  padding-left: 38px;
  padding-right: 38px;
  padding-bottom: 36px;

}





















.dncm-card-content-justify-content-right {

  display: flex;
  justify-content: flex-end;
}



.dncm-card-container:hover {

  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}


.dncm-card-sub-content {

  flex: 1;
}



.dncm-card-row{

  display: flex;

}





.dncm-card-row-name {


  flex: 1;
  font-weight: 600;
}





.dncm-card-row-content {


  flex: 1;

  font-weight: 400;


 
}



.dncm-card-header-container {

  display: flex;
  justify-content: space-between;
}


.dncm-card-header-help {

  color: #367c2b;
  cursor: pointer;


}



.dncm-accordion-input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}



.dncm-accordion-header {


  padding: 15px 10px 10px 10px;






}




.dncm-accordion-header-sub-block, .dncm-non-sap-form-details-header{


  display:flex;
  justify-content:space-between;
  align-items:center;
  cursor:pointer;
  flex:49;



}






.dncm-accordion-header-sub-block-items-start{

  justify-content:flex-start !important;

}





.dncm-no-accordion-container {

  padding: 30px 0px 0px 0px;
}






.dncm-accordion-header-block::before {
  content: "\276F";

  margin: 0px 5px 0px 30px;
  


  text-align: center;

  transition: all .35s;
}



.dncm-accordion-content {
  font-weight: 400;
  transition: all .35s;
}


input:checked+.dncm-accordion-header-block::before {

  transform: rotate(90deg);
  margin: 0px 5px 0px 30px;
}





.dncm-10-pixels-vertical-space {

  height: 10px;
}


.dncm-container-inside-accordion {
  visibility: hidden;
  height: 0;

}


.dncm-container-inside-accordion-active {
  visibility: visible;
  height: max-content;

}




/**hide the accordion body by default**/

.dncm-accordion-body {

  visibility: hidden;
  height: 0px;


}





/**hide the loading spinner by default**/


.dncm-accordion-loading-spinner {

  visibility: hidden;
  height: 0px;


}






/**when accordion is closed, hide accordion content**/

.dncm-accordion-body-active {
  font-weight: 400;
  height: 0px;
  visibility: hidden;


}



/**when accordion is opened, show accordion content**/

input:checked~.dncm-accordion-body-active {


  height: max-content;

  visibility: visible;


  padding-bottom: 35px;



}



/**when accordion is closed, hide loading spinner (if loading spinner is active)**/

.dncm-accordion-loading-spinner-active {


  height: 0px;
  visibility: hidden;



}



/**when accordion is opened, show loading spinner (if loading spinner is active)**/

input:checked~.dncm-accordion-loading-spinner-active {

  display: flex;

  align-items: center;
  justify-content: center;

  height: 80px;
  visibility: visible;
  padding-bottom: 30px;


}





/**loading spinner code starts**/

.dncm-loading-spinner-inside-table-container {

  padding: 8px;
  vertical-align: middle;
  text-align: center;

}

.dncm-loading-spinner-inside-table {

  border: 4px solid rgba(0, 0, 0, 0.1);
  border-left-color: #367c2b;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  animation: spinner 1s linear infinite;
  display: inline-block;


}


@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}






.dncm-accordion-loading-spinner-active .dncm-loader, #loading-spinner .loading-spinner-icon {

  border: 5px solid transparent;
  border-radius: 50%;
  border-top: 5px solid #367c2b;
  /* JD green color */
  width: 30px;
  height: 30px;
  animation: spin 2s linear infinite;
  /* Adjusted animation time to 6s (2s for spin + 2s delay + 2s for spin) */

}



#loading-spinner .loading-spinner-icon{

  position: absolute; /* Absolute positioning for centering */
  top: 50%; /* Position from the top */
  left: 50%; /* Position from the left */
  transform: translate(-50%, -50%); 
  width:40px;
  height:40px;
}


@keyframes spin {

  0%,
  100% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(360deg);
  }
}




/**loading spinner code finishes**/



/**table design code starts**/
/**
table {


  overflow-x: auto;
  display: block;


}


th {
  padding: 10px;
  min-width: 100px;

}

td {
  padding: 10px;
  min-width: 100px;
}





thead tr:hover {

  background-color: #ffffff;


}**/


/**table design code finishes**/





.dncm-accordion-header-help-icon , .dncm-non-sap-form-required-fields-helper{
  display: flex;
  justify-content: flex-end;
  cursor:pointer;
  flex:1;
  padding-right:30px;
}







/**header label code starts. example: attachments count label**/
.dncm-accordion-header-label{


   margin-top:4px;
  font-weight: 400;
  padding-right:15px;



}







/**header label code finishes**/

.dncm-accordion-header-badge {
  border-radius: 10px;

  font-weight: 400;
  padding: 4px 8px;
  margin-right:10px;




}




/*hide the PowerPortal empty space at bottom code starts*/
.sectionBlockLayout {
  display: none !important;
}

/**hide the PowerPortal empty space at bottom code finishes**/



/**close button at bottom of the page code starts**/
.dncm-close-button-container {


  display: flex;
  justify-content: flex-end;
  padding-bottom: 20px;
}

/**close button code finishes**/






.dncm-accordion-error {

  height: 0px;
  visibility: hidden;

}



.dncm-accordion-error-active {

  height: 0px;
  visibility: hidden;




}








input:checked~.dncm-accordion-error-active {


  display: flex;
  align-items: center;
  justify-content: center;
  visibility: visible;
  overflow: auto;
  height: max-content;
  font-weight: 400;
  padding: 0px 30px;



}


















.dncm-error-page-container{


    font-family: 'Open Sans';

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 70vh;
  padding: 30px;
  width: 100%;







}

.dncm-error-container-zebra-table {
  font-family: 'Open Sans';
  padding: 20px;




}

.dncm-error-page-message {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

}


.dncm-error-container-zebra-table tbody {

  border: 1px solid rgb(221, 221, 221);





}


.dncm-error-container-zebra-table tbody tr td {

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;





}





.dncm-error-container-zebra-table tr:nth-child(even) {

  background-color: #f7f7f7;
}


.dncm-error-container-zebra-table tr:nth-child(even):hover {

  background-color: #f7f7f7;
}

.dncm-error-container-zebra-table tr:nth-child(odd):hover {

  background-color: #ffffff;
}


#dncm-page-load-duration-2 {

  padding: 0px 30px 30px 30px;
  color: #b3b3b3;

}

/*hassan*/

/*
label[id="Notification_Description"] {
    position: relative;
    width: 850px;
    height: 23px;
    left: 18px;
    top: 16px;
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    color: #367C2B;
    padding-top: 24px;
    padding-left: 30px;
    font-size: 20px;
    padding-bottom: 32px;
}
*/






















.fieldControls {
  font-size: 1rem;
  font-weight: 400;
  font-family: 'Noto Sans';
}





#antiforgerytoken {
  margin-top: -15px;
  height: 30px;
  padding-left: 30px;
  font-family: 'Noto Sans';
}

.detailsTag {
  color: Black;
  padding-left: 50px;
  font-size: 14px;
  font-family: Noto Sans;
  font-style: normal;
  border: none;
  font-family: 'Noto Sans';
}












.message {
  font-size: 14px;
  color: #333;
  font-weight: bold;
  margin-bottom: 10px;
  word-wrap: break-word;
  font-family: 'Noto Sans';
}

.spinner {
  border: 4px solid rgba(0, 0, 0, 0.3);
  border-top: 4px solid #007bff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 2s linear infinite;
  font-family: 'Noto Sans';
}






















/* styles.css */
.badge-container {
  display: flex;
  justify-content: flex-end;
  /* Align items to the right */
  padding: 20px;
  /* Add padding for spacing */
  font-family: 'Noto Sans';
}

.badge {
  display: inline-block;
  background-color: #28a745;
  color: white;
  padding: 4px 8px;
  border-radius: 8px;
  font-size: 14px;
  font-family: 'Noto Sans';
}

.tick-icon {
  margin-right: 4px;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  font-family: 'Noto Sans';
}

#email-success-text,
#email-failure-text,
#download-success-text,
#download-failure-text {
  flex: 1 1 0 !important;
  color: white !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  word-wrap: break-word !important;
  font-family: 'Noto Sans';

}

#email-success-badge,
#email-failure-badge,
#download-success-badge,
#download-failure-badge {
  width: 100%;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  font-family: 'Noto Sans';
  top: 17%;
  right: 2px;
 
}

.badgeClose {
  padding: 12px;
  right: 15px;
  position: absolute;
  border-radius: 4px;
}

.hidden {
  visibility: hidden;
  opacity: 0;
  height: 0;
  transition: visibility 0s, opacity 0.5s, height 0.5s;
  font-family: 'Noto Sans';
}

.visible {
  visibility: visible;
  opacity: 1;
  height: auto;
  transition: visibility 0s, opacity 0.5s, height 0.5s;
  font-family: 'Noto Sans';
}






.uxf-label {
  font-weight: 700;
  font-size: 14px;
  font-family: 'Noto Sans';
  line-height: 24px;
  word-wrap: break-word;
}

#stickyposition {
  position: sticky;
  top: 20px;
  /* Adjust this value to set the offset from the top */
  background-color: white;
  /* Add any desired background color */
  padding: 10px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  /* Add more styles as needed */
}

.pop {
  background: none;
  border: none !important;
  padding: 0 !important;
  font: inherit;
  cursor: pointer !important;
  outline: none;
  background-color: white !important;
  font-family: 'Noto Sans';
  line-height: 24px !important;
  word-wrap: break-word;
}

#btnHelp-LD,
#btnHelp-Attachments,
#btnHelp-SC,
#btnHelp-Notif {
  float: right !important;
  cursor: pointer !important;
}






.custom-tooltip {
  display: none;
  position: absolute;
  background-color: black;
  color: white;
  padding: 5px;
  white-space: pre-wrap;
  max-width: 200px;
  font-size: 0.75rem;
}



/* Add Attachments styles starts here */

#dncmQNoteAttachmentDropArea {
  border: 2px dashed #ccc;
  border-radius: 0.25rem;
  max-width: 600px;
  margin: 30px auto;
  padding: 2.5rem 4.375rem;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

.highlight {
  border-color: #367c2b !important;
}

p {
  margin-top: 0;
}

.dncmAnoteAttachmentForm {
  margin-bottom: 10px;
  text-align: center;
}

#gallery {
  margin-top: 10px;
}

#gallery img {
  width: 150px;
  margin-bottom: 10px;
  margin-right: 10px;
  vertical-align: middle;
}

#dncmQNoteFileControl {
  display: none;
}

/* Add Attachments styles ends here */



.dncm-accordion-error {


  flex-direction: column;
}




.dncm-upload-file-class {

  padding: 10px;
}

.dncm-style-10-padding {


  padding: 10px;
}



















/*Toast Code Starts Here*/



.dncm-toast-notifications {
  position: fixed;
  top: 30px;
  right: 20px;
  z-index: 11;
  display: flex;
  flex-direction: column;



}



.dncm-toast-notifications .DNCMtoast {
  position: relative;
  padding: 10px;
  color: #fff;
  margin-bottom: 10px;

  display: flex;
  border-radius: 5px;
  animation: show 0.3s ease 1 forwards
}




.dncm-toast-notifications .DNCMtoast::before {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--color);
  width: 100%;
  height: 3px;
  content: '';
  box-shadow: 0 0 10px var(--color);
  animation: timeOut 5s linear 1 forwards
}

@keyframes timeOut {
  to {
    width: 0;
  }
}



.dncm-toast-notifications .DNCMToast-error {
  background-color: rgb(194, 16, 32);
}

.dncm-toast-notifications .DNCMToast-success {
  background-color: rgb(54, 124, 43);
}

.dncm-toast-notifications .DNCMToast-info {
  background-color: rgb(0, 93, 177);
}



.dncm-toast-notifications .DNCMtoast .DNCMToast-message {

  font-size: 1.2rem;
  margin: 0px 10px 0px 0px;

}




.dncm-toast-notifications .DNCMtoast .DNCMToast_iconContainer {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0px 10px 0px 10px;



}

/*Toast Code Ends Here*/








.dncm-error-message {

  padding-bottom: 25px;
  padding-top: 10px;

}


.dncm-only-left-padding-class {




  padding-left: 10px;

}



.dncm-container-error-message {


  padding: 0px 0px 0px 20px !important;
  font-weight: 400;

}

.dncmMatInvRow{
  width: 100%;
  display: inline-flex;
}


.dncmMatInvCol{
  width: 50%;
  display: inline-flex;
  font-weight: 600;
  padding: 10px;
}


.dncmMatInvCol100{
  width: 100%;
  display: inline-flex;
  font-weight: 600;
  padding: 10px;
}

.dncmMatSubmitRow100{
  width: 100%;
  display: inline-flex;
  font-weight: 600;
  padding: 10px;
}

.dncmMatInvColControls50{
  width: 50%;
}

.dncmMatInvColCommentLabel{
  width: 24.65%;
}

.dncmMatInvColCommentTextBox{
  width: 76%;
}

.dncmMatOptionalText{
  display: block;
  color: #b3b3b3;
  font-size: 14px !important;
}

.dncmZipCodeText{
  display: block;
    color: #b3b3b3;
    font-size: 14px !important;
    font-weight: 400;
    font-style: italic;
    padding-left: 20px;
    margin-top: -8px;
}

.dncmContactRow{
  width: 50%;
}



.dncmvendordatatoreturn{
  display: none;
}

.dncmSelect {
  min-width: 20%;
  padding: 8px 8px 8px 15px;
  border: 1px solid #b3b3b3;
  border-radius: 4px;
  outline: none;
}

.dncmText{
  padding: 4px 4px 5px 15px;
  border: 1px solid #b3b3b3;
  border-radius: 4px;
  outline: none;
}

.dncm-supplierinput-edited{
  color: #b3b3b3;
    font-weight: 300;
}

.dncmRequiredValidation-fail{
  border: 2px solid red !important;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay{
  background-color: #367c2b !important;
  background: #367c2b !important;
}

.requiredSpan{
  font-weight: 300;
  color: red;
}

@media only screen and (max-width: 769px) {
  
.dncmMatInvCol{
  width: 100%;
  display: inline-flex;
  font-weight: 600;
  margin-bottom: 15px;
}

.dncmMatInvCol66{
  width: 100%;
  display: inline-flex;
  font-weight: 600;
  margin-bottom: 15px;
}

.dncmMatInvCol100{
  width: 100%;
  display: inline-flex;
  font-weight: 600;
  margin-bottom: 15px;
}

.dncmMatInvColCommentLabel{
  width: 25%;
}

.dncmMatInvColCommentTextBox{
  width: 75%;
}

.dncmMatInvRow{
  display:block;
}

.dncmContactRow{
  width: 100%;
}

.dncmMatInvColCommentLabel{
  width: 50%;
}

.dncmMatInvColCommentTextBox{
  width: 50%;
}

.dncmMatSubmitRow100{
  width: 100%;
  display: block;

}

.dncmMatInvColControls50{
  width: 100%;
}

.dncmMatEditedUser{
  padding-bottom: 15px;
}

.dncmMatOptionalText{
  display: block;
  color: #b3b3b3;
  font-size: 11px !important;
}

.dncmZipCodeText{
  display: block;
    color: #b3b3b3;
    font-size: 11px !important;
    font-weight: 400;
    font-style: italic;
    padding-left: 20px;
    margin-top: -8px;
}

}










input::placeholder {
  opacity: 0.5;
  color: #b3b3b3;
}

select::placeholder {
  opacity: 0.5;
  color: #b3b3b3;
}


textarea::placeholder {
  opacity: 0.5;
  color: #b3b3b3;
}


textarea:-moz-placeholder, /* Firefox 18- */
textarea::-moz-placeholder, /* Firefox 19+ */
textarea:-ms-input-placeholder, /* IE 10+ */
textarea::-webkit-input-placeholder, /* Webkit based */
textarea::placeholder { /* Modern browsers */
  color:#b3b3b3;  
}

.dncmDiabledOption{
  color:#b3b3b3;  
}

.dncmDiabledOption option{
  color: black;
}



/*Attachment upload css starts*/

.anchor-wrapper a{

  margin-right:10px;

}


.anchor-wrapper span:hover{

  cursor:pointer;

  
}

/*Attachment upload css finishes*/


.dncm-accordion-header-block, .dncm-header-block{



  display:flex;
  align-items:center;

 
}


.dncm-header-block{


  margin-bottom: 10px;


}



/*Code for custom modal starts*/


/* Float cancel and delete buttons */
.dncmmodalbtn {
  float: right;
  margin:10px;

}


.dncm-modal-close-icon{

  font-size:2em;
  padding-right:15px;
  margin-top:-4px;
  cursor: pointer;

}


/* Add padding and center-align text to the dncm-modal-container */


.dncm-modal-container {
  padding: 26px;
  text-align: center;
}




/* The Modal (background) */
.dncm-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 8; /* Sit on top */
  left: 0;
  top: 0;
  width:100% ; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background: rgba(0,0,0,0.5);


}

/* Modal Content/Box */
.dncm-modal-content {
  background-color: #fefefe;
  border-radius:10px;
  position: absolute;
  top:50%;
 
  left:50%;
  transform: translate(-50%, -50%);

  border: 1px solid #888;

  
}

#dncm-modal-header-container{

  display:flex;
  justify-content: space-between;
  align-items:center;
  font-weight: bold;
}

.padding-2-class{

  padding:2px;
}


/* Style the horizontal ruler */
hr {
  border: 1px solid #f1f1f1;
  margin-bottom: 25px;
}
 
#dncm-ui-modal-text-2, #dncm-ui-modal-header, #dncm-ui-modal-text-3{


  text-align: left;
}


/* Clear floats */
.dncm-modal-clearfix::after {
  content: "";
  clear: both;
  display: table;
}



#dncm-ui-modal-text-area{


  display: block;
  width: 100%;
  margin-bottom: 10px;
  min-height: 90px;
  border-width: 2px;
  border-radius: 5px;
}

/*Code for custom modal finishes*/


/*rating code starts here*/

.star-rating {
  direction: rtl;
  display: flex;
  justify-content: center;
  margin-bottom:0px;
}

.star-rating input {
  display: none;
}

.star-rating label {
  font-size: 3rem;
  color: #ccc;
  padding:0px 2px 5px;

  cursor: pointer;
  transition: color 0.2s;
}

.star-rating input:checked ~ label {
  color: #f5b301;
}

.star-rating label:hover,
.star-rating label:hover ~ label {
  color: #f5b301;
}

/*rating code ends here*/


/*Feedback Button Code Starts Here*/


#dncm-feedback{


    position: fixed;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    right:20px;
    bottom: 0px;
    color: #ffffff;
    border:0px;
    background-color: #367c2b;
    
    font-size: 1.5rem;
    z-index:9;
    padding:5px 10px 5px 10px;



}

/*Feedback Button Code Ends Here*/


/*footer styling starts */


.footer{


  background-color: #ededed;
  padding-top:20px;
  padding-bottom:20px;
}

.footer .container-fluid .row .col-24 ul{

  display: flex;
  justify-content:center;
  list-style-type: none;

}


.footer .container-fluid .row .col-24 ul li a {

  padding: 5px !important;
}

.footer .container-fluid .row .col-24 span{

  display: flex;
  justify-content:center;


}

.footer .container-fluid .row .col-24 .uxf-footer-legal #uxf-current-year{

padding: 0px 5px 0px 5px;


}





.uxf-footer-legal{


  color: #000;
}

.nav li a{
  color: #367c2b;
}

/*Footer styling ends*/


/*System default Modal styling starts*/



.alert{

  background: none;
  border: none;
  margin:0px;
}


.uxf-alert-title{


  color: #000;
}




.modal-header{

border: 0px;

}

.modal-footer{

  border: 0px;
  padding: 0px 20px 20px 20px;
  
}


.modal-title{

 
     position: absolute;
     left: 30px;
     font-size: 19px;
     font-weight: lighter;
  
}


.uxf-btn-icon{


  position: absolute;
  right: 30px;
  background: none;
  /* font-weight: bolder; */
  padding: 0px;

}


.modal-footer .btn-primary{


  background-color: #367c2b;
}
/*System default Modal styling ends*/




a{

  color: #367c2b;
  cursor: pointer;
}



/*Historical Parts Style starts*/





#dncm-qnotes-of-current-part-number-table_wrapper{


  margin-top: 20px;
}

#dncm-qnotes-of-current-part-number-table{


  padding-top:15px;
}


#dncm-qnotes-of-current-part-number-table_info{

  padding-left:18px;
  text-align:left;
}

















.dtsp-panesContainer{

  background: none !important;
  border:none !important;

      /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
      padding: 25px 20px 25px 20px !important;
      border-radius: 15px ;
      margin: 7px !important;
      
      /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
      /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

  
  




@media (min-width: 767px) {







  
  
  
  }





@media (min-width: 560px)  {









}

@media (max-width: 560px){






}





  






























/*Historical Parts Style Ends*/



.dncm-non-sap-form-required-fields-badge {
  display: inline-flex;
  align-items: center;

  color: #333;
  padding: 1px 10px;
  border-radius: 5px;

  font-weight: lighter !important;
 
}
.dncm-non-sap-form-required-fields-badge-icon {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}






.dncm-non-sap-form-radio-option {
  display: flex;
  align-items: center;
  margin-top:6px;
  margin-bottom:6px;
  margin-right:8px;
}
.dncm-non-sap-form-radio-option label {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 4px 10px;
  border-radius: 10px;
  font-weight: lighter ;
  margin-bottom:0px;

}
.dncm-non-sap-form-radio-option input[type="radio"] {
  margin-right: 8px;
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  border: 2px solid #000000; /* Green border color */
  border-radius: 50%;
  width: 16px;   /* Reduced size */
  height: 16px;  /* Reduced size */
  position: relative;
}
.dncm-non-sap-form-radio-option input[type="radio"]:checked::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;    /* Adjusted size */
  height: 8px;   /* Adjusted size */
  border-radius: 50%;
  background-color: #000000; /* Green dot color */
}
.dncm-non-sap-form-radio-option svg {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
/* Critical Option Styles */
.dncm-non-sap-form-critical label {
  background-color: #D32F2F;
  color: white;
}
.dncm-non-sap-form-critical svg polygon {
  fill: #FFFFFF;
}
.dncm-non-sap-form-critical svg line {
  stroke: #D32F2F;
  stroke-width: 1.91;
  stroke-miterlimit: 10;
}
/* High Option Styles */
.dncm-non-sap-form-high label {
  background-color: #f1c8cc;
  color: black;
}
.dncm-non-sap-form-high svg polygon {
  fill: #D32F2F;
}
.dncm-non-sap-form-high svg line {
  stroke: #FFFFFF;
  stroke-width: 1.91;
  stroke-miterlimit: 10;
}
/* Minor Option Styles */
.dncm-non-sap-form-minor label {
  background-color: #f99602;
  color: black;
}
.dncm-non-sap-form-minor svg polygon {
  fill: #000000;
}
.dncm-non-sap-form-minor svg line {
  stroke: #FFA000;
  stroke-width: 1.91;
  stroke-miterlimit: 10;
}
/* Incidental Option Styles */
.dncm-non-sap-form-incidental label {
  background-color: #fee7c5;
  color: black;
}
.dncm-non-sap-form-incidental svg polygon {
  fill: #fb9604;
}
.dncm-non-sap-form-incidental svg line {
  stroke: #FFFFFF;
  stroke-width: 1.91;
  stroke-miterlimit: 10;
}



/*New Form Status*/

 /* open Option Styles */
 .dncm-non-sap-form-open label {
  background-color: #666666;
  color: white;
}

/* closed Option Styles */
.dncm-non-sap-form-closed label {
  background-color: #dcdedb;
  color: black;
}









.dncm-non-sap-form-radio-option input[type="radio"]:focus {
  outline: none;
  box-shadow: none;
}
.dncm-non-sap-form-radio-option input[type="radio"]:active {
  outline: none;
  box-shadow: none;
}


.dncm-hidden-button {

  display: none;

}


.non-conformance-form-error{

 
  display: none;
}

























/*DNCM input loader*/

.dncm-input-loader-container {
  position: absolute;
  right: 10px;
  top: calc(50% - 10px);


  display: none;
}
.dncm-input-loader {
  position: relative;
  height: 20px;
  width: 20px;
  display: inline-block;
  animation: around 5.4s infinite;
}

@keyframes around {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(360deg)
  }
}

.dncm-input-loader::after, .dncm-input-loader::before {
  content: "";
  background: white;
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-width: 2px;
  border-color: #8e8e8e #8e8e8e transparent transparent;
  border-style: solid;
  border-radius: 20px;
  box-sizing: border-box;
  top: 0;
  left: 0;
  animation: around 0.7s ease-in-out infinite;
}

.dncm-input-loader::after {
  animation: around 0.7s ease-in-out 0.1s infinite;
  background: transparent;
}


.dncm-input-with-loader{

position: relative;

}

/*DNCM input loader*/


/*non-sap-form attachment styling starts*/


    /* ========= Container for Centered Layout ========= */
    #non-sap-form-container {
      max-width: 600px;
      margin: 0 auto;
      text-align: center;
      padding: 20px;
      background-color: #fff;
    }
    
    /* ========= General Styles ========= */
    body {
      font-family: Arial, sans-serif;
      margin: 20px;
      background-color: #fff;
      color: #333;
    }
    h2 {
      margin-bottom: 5px;
    }
    .non-sap-form-info {
      margin-bottom: 10px;
      font-size: 0.9em;
      color: #555;
    }
    
    /* ========= Drop Zone Styles ========= */
    .non-sap-form-dropzone {
      width: 100%;
      max-width: 500px;
      height: 150px;
      border: 3px dashed #aaa;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 20px auto;
      border-radius: 8px;
    }
    .non-sap-form-dropzone.non-sap-form-dragover {
      border-color: #4caf50;
      background-color: #f0f0f0;
    }
    
    /* ========= Button & Controls ========= */
    .non-sap-form-buttons button {
      margin: 5px;
      padding: 8px 14px;
      font-size: 0.9em;
      cursor: pointer;
      border: 1px solid #444;
      border-radius: 4px;
      background-color: #fff;
    }
    
    /* ========= File List & Item Styles ========= */
    #non-sap-form-file-list {
      margin: 20px auto;
    }
    .non-sap-form-file-item {
      padding: 8px;
      margin: 5px auto;
      display: flex;
      align-items: center;
      border: 1px solid #ccc;
      border-radius: 4px;
      background-color: #f9f9f9;
      max-width: 500px;
    }
    .non-sap-form-file-item.dragover {
      border-color: #4caf50;
      background-color: #f0f0f0;
    }
    .non-sap-form-preview {
      height: 40px;
      width: 40px;
      object-fit: cover;
      border-radius: 4px;
      margin-right: 10px;
    }
    .non-sap-form-file-meta {
      flex-grow: 1;
    }
    .non-sap-form-file-meta span {
      display: block;
      font-size: 0.85em;
    }
    .non-sap-form-file-actions {
      display: flex;
      align-items: center;
      gap: 5px;
    }
    .non-sap-form-file-actions button {
      padding: 4px 8px;
      font-size: 0.8em;
      border: none;
      border-radius: 3px;
      cursor: pointer;
      background-color: #e74c3c;
      color: #fff;
    }
    .non-sap-form-file-actions input[type="checkbox"] {
      margin-right: 5px;
    }
    
    /* ========= Modal for Camera Preview ========= */
    .non-sap-form-modal {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.6);
      display: none;
      align-items: center;
      justify-content: center;
      z-index: 8;
    }
    .non-sap-form-modal.active {
      display: flex;
    }
    .non-sap-form-modal-content {
      background: #fff;
      padding: 20px;
      border-radius: 8px;
      max-width: 600px;
      width: 90%;
      text-align: center;
      margin: 0 auto;
    }
    video#non-sap-form-camera-video {
      width: 100%;
      max-height: 400px;
      border-radius: 8px;
    }
    
    /* ========= Overall Metrics ========= */
    .non-sap-form-metrics {
      margin: 10px auto;
      font-size: 0.9em;
    }





    .dncm-non-sap-form-file-remove-undo {
      color: red; /* Sets the text color to red */
      text-decoration: underline; /* Ensures the underline is always present */
      text-decoration-color: red; /* Makes the underline red */
      font-size: 1.2rem !important;
  
    }
  
    .dncm-non-sap-form-file-remove-undo:visited,
    .dncm-non-sap-form-file-remove-undo:hover,
    .dncm-non-sap-form-file-remove-undo:active {
      color: red; /* Maintains red text color */
      text-decoration: underline; /* Keeps the underline */
      text-decoration-color: red; /* Ensures the underline remains red */
    }




/*non-sap-form attachment styling finishes*/


.dncm-font-weight-bold{

  font-weight: bold;

}



.width-100-percent{


  width:100%;
}





/*non-sap form other stylings starts*/

#non-conformance-issue-description



  {
    resize: none;
}




.dncm-non-sap-form-radio-group {
  display: flex;
  flex-wrap: wrap;

}
















/* non-sap form other stylings finishes*/

/*skeleton loader starts*/









.dncm-block-flex-element-skeleton-loader {

  width: 100px;           /* Set a fixed or responsive width */
margin: 5px;
max-width:100%;
height: 22px;
  background: linear-gradient(90deg, #eee 25%, #ddd 50%, #eee 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 4px;
}





 
   .dncm-table-multiple-lines-skeleton-loader {
      position: relative;
      height: 80px;
      border-radius: 6px;
      overflow: hidden;
    }







  

    .dncm-table-multiple-lines-skeleton-loader::before {
      content: '';
      position: absolute;
      top: 12px;
      left: 12px;
      width: 75%;
      height: 18px;
      background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
      background-size: 200% 100%;
      animation: shimmer 1.6s infinite ease-in-out;
      border-radius: 4px;
      box-shadow:
        0 26px 0 0 #e0e0e0,
        0 50px 0 0 #e0e0e0;
    }

    @keyframes shimmer {
      0% { background-position: -200% 0; }
      100% { background-position: 200% 0; }
    }











     .dncm-table-cell-skeleton-loader {
      position: relative;
 
      border-radius: 6px;
      overflow: hidden;
    }

    .dncm-table-cell-skeleton-loader::before {
      content: '';
      position: absolute;
      top: 15px;
      left: 10px;
      height:18px;
      bottom:15px;
      right:10px;
      background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
      background-size: 200% 100%;
      animation: shimmer 1.6s infinite ease-in-out;
      border-radius: 4px;
    }




.dncm-card-row-loader{

  display:flex;
  
}



.dncm-card-row-loader-child{

margin: 5px 0px 5px 0px !important;


}



.dncm-card-row-multiple-content{

  display: flex;
  gap:10px;
}




.dncm-accordion-skeleton-loader {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.dncm-accordion-skeleton-loader::before,
.dncm-accordion-skeleton-loader::after,
.dncm-accordion-skeleton-loader div {
  content: '';
  height: 16px;
  width: 100%;
  background: linear-gradient(90deg, #eee, #ddd, #eee);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 4px;
}

.dncm-accordion-skeleton-loader::before {
  width: 90%;

}
.dncm-accordion-skeleton-loader div {
  width: 65%;
}

.dncm-accordion-skeleton-loader::after {
  width: 75%;
}




/*skeleton loader ends*/


/*show and hide row starts */



.dncm-hidden-row{


  display: none;
}


.dncm-show-row{
  display: table-row;
}


/*show and hide row finishes */


.dncm-card-sub-header-child{


 font-weight: 600;


}



.dncm-card-sub-header{

  display:flex;
  gap: 10px; 
  padding:0px 10px 10px 10px;
  
}

.dncm-non-conformance-row-error{

  padding: 10px
}




.dncm-display-none-element{

display: none;

}


.dncm-accordion-error-info{

 padding:0px 0px 0px 0px;
}



title{

font-family: 'Open Sans';
  font-size: 12px;
  background-color: black;
  color: #fff;
  word-wrap: break-word;
  text-align: center;
  border-radius: 6px;
  padding: 10px;
  cursor: pointer;




}









/* ID #dncm-non-conformance-error-message-ui |  #dncm-non-conformance-create-edit-page-error-message-ui Starts */
  


  .dncm-non-conformance-error-message-ui-root {
  
      --shadow-light: #ffffff;
      --shadow-dark: #d1d9e6;
      --text-color: #333;
      --scrollbar-thumb: #ccc;
      --scrollbar-track: #f0f0f0;

      margin: 40px 10px 40px 10px;
      padding: 0;
       font-family: 'Open Sans';
    
      display: flex;
      flex-direction: column;
       max-height: 70vh;
    }

  

    .dncm-non-conformance-error-message-ui-main {
    
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .dncm-non-conformance-error-message-ui-container {
      background-color: var(--bg-color);
      padding: 30px;
      border-radius: 20px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
      text-align: center;
      max-width: 500px;
      width: 90%;
      height: auto;
    }

    .dncm-non-conformance-error-message-ui-error-code {
     
      font-weight: bold;
      color: var(--text-color);
      margin-bottom: 20px;
     font-size:  clamp(1.5rem, 1.5vw, 1.7rem ) !important;
     
    }

    .dncm-non-conformance-error-message-ui-error-message {
       
      color: var(--text-color);
      margin-bottom: 20px;
      text-align: left;
      max-height: 180px;
      overflow-y: auto;
      padding: 15px;
      border-radius: 12px;
      background-color: var(--bg-color);
      box-shadow: inset 3px 3px 10px var(--shadow-dark),
                  inset -3px -3px 10px var(--shadow-light);
    }

    .dncm-non-conformance-error-message-ui-error-message p{

 font-size:  clamp(1.22rem, 1.2vw, 1.42rem ) !important;

    }


     .dncm-non-conformance-error-message-ui-error-message p a{

 font-size:  clamp(1.22rem, 1.2vw, 1.42rem ) !important;

    }

    .dncm-non-conformance-error-message-ui-error-message ul {
      padding-left: 20px;
        font-size:  clamp(1.22rem, 1.2vw, 1.42rem ) !important;
    }

    .dncm-non-conformance-error-message-ui-error-message li {
      margin-bottom: 8px;
        
    }

    .dncm-non-conformance-error-message-ui-btn {
 
      transition: all 0.3s ease;
      font-size: clamp(1.1667rem, 1.2vw, 1.3667rem )!important;
    padding: 8px 16px !important;
    }

    .dncm-non-conformance-error-message-ui-btn:hover {
      box-shadow: inset 5px 5px 15px var(--shadow-dark),
                  inset -5px -5px 15px var(--shadow-light);
    }

    .dncm-non-conformance-error-message-ui-error-message::-webkit-scrollbar {
      width: 8px;
    }

    .dncm-non-conformance-error-message-ui-error-message::-webkit-scrollbar-thumb {
      background-color: var(--scrollbar-thumb);
      border-radius: 4px;
    }

    .dncm-non-conformance-error-message-ui-error-message::-webkit-scrollbar-track {
      background-color: var(--scrollbar-track);
    }

    @media (max-width: 500px) {
     

      .dncm-non-conformance-error-message-ui-container {
        padding: 20px;
       margin:10px;
      }

  

      .dncm-non-conformance-error-message-ui-error-message {
       
        max-height: 150px;
      }


    
    }


/* ID #dncm-non-conformance-error-message-ui |  #dncm-non-conformance-create-edit-page-error-message-ui Ends */









/* ID #dncm-non-conformance-view-page-skeleton-loader-ui Starts */

    .dncm-non-conformance-view-page-skeleton-container {
      padding: 2rem;
      margin: 0;
    }

    .dncm-non-conformance-view-page-skeleton-card {
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      padding: 2.5rem;
      margin-bottom: 2rem;
     /* max-width: 1100px; */
      margin-left: auto;
      margin-right: auto;
    }

    .dncm-non-conformance-view-page-skeleton-header {
      height: 24px;
      width: 40%;
      margin-bottom: 1.5rem;
      border-radius: 4px;
      background: linear-gradient(90deg, #eee, #ddd, #eee);
      background-size: 200%;
      animation: dncm-non-conformance-view-page-skeleton-shimmer 1.5s infinite;
    }

    .dncm-non-conformance-view-page-skeleton-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1rem;
    }

    .dncm-non-conformance-view-page-skeleton-line {
      height: 16px;
      border-radius: 4px;
      background: linear-gradient(90deg, #eee, #ddd, #eee);
      background-size: 200% 100%;
      animation: dncm-non-conformance-view-page-skeleton-shimmer 1.5s infinite;
    }

    .dncm-non-conformance-view-page-line-1 { width: 100%; }
    .dncm-non-conformance-view-page-line-2 { width: 80%; }
    .dncm-non-conformance-view-page-line-3 { width: 60%; }
    .dncm-non-conformance-view-page-line-4 { width: 90%; }
    .dncm-non-conformance-view-page-line-5 { width: 70%; }
    .dncm-non-conformance-view-page-line-6 { width: 50%; }

    @keyframes dncm-non-conformance-view-page-skeleton-shimmer {
      0% { background-position: -200% 0; }
      100% { background-position: 200% 0; }
    }

    @keyframes dncm-non-conformance-view-page-skeleton-pulse {
      0% { background-color: #eee; }
      50% { background-color: #ddd; }
      100% { background-color: #eee; }
    }

    .dncm-non-conformance-view-page-skeleton-pulse-header {
      height: 24px;
      width: 40%;
      margin-bottom: 1rem;
      border-radius: 4px;
      background-color: #eee;
      animation: dncm-non-conformance-view-page-skeleton-pulse 1.5s infinite;
    }

    .dncm-non-conformance-view-page-skeleton-pulse-line {
      height: 16px;
      border-radius: 4px;
      background-color: #eee;
      animation: dncm-non-conformance-view-page-skeleton-pulse 1.5s infinite;
      margin-bottom: 0.75rem;
    }

    .dncm-non-conformance-view-page-skeleton-pulse-line.dncm-non-conformance-view-page-line-1 { width: 100%; }
    .dncm-non-conformance-view-page-skeleton-pulse-line.dncm-non-conformance-view-page-line-2 { width: 80%; }
    .dncm-non-conformance-view-page-skeleton-pulse-line.dncm-non-conformance-view-page-line-3 { width: 60%; }

    @media (max-width: 900px) {
      .dncm-non-conformance-view-page-skeleton-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 600px) {
      .dncm-non-conformance-view-page-skeleton-grid {
        grid-template-columns: repeat(1, 1fr);
      }
    }



/* ID #dncm-non-conformance-view-page-skeleton-loader-ui Ends*/











/*ID #dncm-non-conformance-view-page-default-ui Starts*/



.dncm-non-conformance-view-page-default-ui-container{

      --shadow-light: #ffffff;
      --shadow-dark: #d1d9e6;
      --text-color: #333;
      --accent-color: #367C2B;
 box-sizing: border-box;


  margin: 0;
       font-family: 'Open Sans';
      background-color: var(--bg-color);
      color: var(--text-color);
      font-size: 1rem;
}

   



  

    .dncm-non-conformance-view-page-default-ui-main {
      min-height: 80vh;
      padding: 20px;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .dncm-non-conformance-view-page-default-ui-tractor-image {
      width: 100%;
      max-width: 300px;
      border-radius: 20px;
      margin-bottom: 20px;
    }

    .dncm-non-conformance-view-page-default-ui-tab-dncm-non-conformance-view-page-default-ui-container {
      width: 100%;
      max-width: 800px;
    }

    .dncm-non-conformance-view-page-default-ui-tabs {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin-bottom: 20px;
      gap: 10px;
    }

    .dncm-non-conformance-view-page-default-ui-tab-button {
      background-color: var(--bg-color);
      border: none;
      padding: 8px 16px;
      border-radius: 12px;
      box-shadow: 5px 5px 15px var(--shadow-dark),
                  -5px -5px 15px var(--shadow-light);
      cursor: pointer;
      transition: all 0.3s ease;
      font-size: 0.9rem;
      min-width: 120px;
      text-align: center;
    }

    .dncm-non-conformance-view-page-default-ui-tab-button.active {
      background-color: var(--accent-color);
      color: white;
    }

    .dncm-non-conformance-view-page-default-ui-tab-content {
      display: none;
      padding: 20px;
      border-radius: 12px;
      box-shadow: 5px 5px 15px var(--shadow-dark),
                  -5px -5px 15px var(--shadow-light);
      font-size: 0.95rem;
    }

    .dncm-non-conformance-view-page-default-ui-tab-content.active {
      display: block;
    }

    @media (max-width: 600px) {
      .dncm-non-conformance-view-page-default-ui-tab-button {
        flex: 1 1 45%;
        font-size: 0.85rem;
        padding: 6px 12px;
      }
    }




/*ID #dncm-non-conformance-view-page-default-ui Ends*/



/*ID #dncm-non-conformance-create-edit-page-skeleton-loader-ui Starts*/


.dncm-non-conformance-create-edit-page-skeleton-loader-ui-container {
  font-family: 'Open Sans';
  padding: 2rem 1rem 2rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
}
.dncm-non-conformance-create-edit-page-skeleton-loader-ui-card {
  width: 95%;
  background: white;
  border-radius: 10px;
  padding: 2rem;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.dncm-non-conformance-create-edit-page-skeleton-loader-ui-form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.dncm-non-conformance-create-edit-page-skeleton-loader-ui-form-group {
  flex: 1 1 22%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.dncm-non-conformance-create-edit-page-skeleton-loader-ui-skeleton {
  background: linear-gradient(90deg, #eee 25%, #ddd 50%, #eee 75%);
  background-size: 200% 100%;
  animation: dncm-non-conformance-create-edit-page-skeleton-loader-ui-shimmer 1.5s infinite;
  border-radius: 6px;
}
@keyframes dncm-non-conformance-create-edit-page-skeleton-loader-ui-shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}
.dncm-non-conformance-create-edit-page-skeleton-loader-ui-skeleton.label {
  height: 14px;
  width: 40%;
}
.dncm-non-conformance-create-edit-page-skeleton-loader-ui-skeleton.input {
  height: 16px;
  width: 100%;
}
.dncm-non-conformance-create-edit-page-skeleton-loader-ui-skeleton.textarea {
  height: 80px;
  width: 100%;
}
.dncm-non-conformance-create-edit-page-skeleton-loader-ui-skeleton.title {
  height: 20px;
  width: 30%;
}
@media (max-width: 600px) {
  .dncm-non-conformance-create-edit-page-skeleton-loader-ui-form-group {
    flex: 1 1 100%;
  }
}
@media (min-width: 601px) and (max-width: 1024px) {
  .dncm-non-conformance-create-edit-page-skeleton-loader-ui-form-group {
    flex: 1 1 45%;
  }
}

/*ID #dncm-non-conformance-create-edit-page-skeleton-loader-ui Ends*/






/*ID #dncm-non-conformance-create-edit-page-unit-selection-dialog-ui Starts*/

   .dncm-non-conformance-create-edit-page-unit-selection-dialog-ui-container {
      margin: 0;
      font-family: 'Open Sans';
      height: 80vh;
      display: flex;
      flex-direction: column;
    
    }

    .dncm-non-conformance-create-edit-page-unit-selection-dialog-ui-main-content {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      padding-top: 15vh;
    }

    @media (max-width: 600px) {
      .dncm-non-conformance-create-edit-page-unit-selection-dialog-ui-main-content {
        padding-top: 10vh;
      }
    }

    .dncm-non-conformance-create-edit-page-unit-selection-dialog-ui-dialog-box {
      background-color: #ffffff;
      border-radius: 12px;
      padding: 28px 28px 34px 28px;
    
      box-shadow: 8px 8px 16px #babecc, -8px -8px 16px #ffffff;
    }

    .dncm-non-conformance-create-edit-page-unit-selection-dialog-ui-dialog-box p {
      margin-top: 0;
      font-weight: bold;
    
     
    }

    .dncm-non-conformance-create-edit-page-unit-selection-dialog-ui-form-row {
      display: flex;
      align-items: center;
      margin-top: 16px;
    }

    .dncm-non-conformance-create-edit-page-unit-selection-dialog-ui-form-row label {
    
     
      margin-right: 12px;
      white-space: nowrap;
    }

    .dncm-non-conformance-create-edit-page-unit-selection-dialog-ui-form-row select {
      padding: 8px;
      border-radius: 8px;
      border: none;
    
      box-shadow: 6px 6px 12px #d1d9e6, -6px -6px 12px #ffffff;
      background-color: #ffffff;
     
      cursor: pointer;
      outline: none;
    }

   

    




  

    /*Deletable Code 7 Starts*/

 

  

    /*Deletable Code 7 Ends*/



  /*ID #dncm-non-conformance-create-edit-page-unit-selection-dialog-ui Ends*/






  /*ID #dncm-workspace-overlay-container-id Starts*/

.dncm-workspace-overlay-container {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    height: 100%;
    background: white;
    font-family: 'Open Sans';
   display: block;


  }

  .dncm-workspace-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 12;
    width: 100vw;
    height: 100vh;
    background: rgba(240, 240, 240, 1);
    display: flex;
    justify-content: center;
    align-items: center;

    padding: 1rem;
  }

  .dncm-workspace-dialog {
    width: 100%;
    max-width: 300px;
    padding: 2rem;
    background: white;
    border-radius: 1.25rem;
    box-shadow:
      10px 10px 30px #d9d9d9,
      -10px -10px 30px #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .dncm-workspace-text {
    color: #367C2B;
    font-size: clamp(1.22rem, 1.2vw, 1.42rem );
    margin-bottom: 1.25rem;
    text-align: center;
  }

  .dncm-workspace-dots {
    display: inline-block;
  }

  .dncm-workspace-dot {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin: 0 1px;
    background-color: #367C2B;
    border-radius: 50%;
    animation: dncm-workspace-blink 1.5s infinite;
  }

  .dncm-workspace-dot:nth-child(2) {
    animation-delay: 0.3s;
  }

  .dncm-workspace-dot:nth-child(3) {
    animation-delay: 0.6s;
  }

  @keyframes dncm-workspace-blink {
    0%, 80%, 100% {
      opacity: 0;
    }
    40% {
      opacity: 1;
    }
  }

  .dncm-workspace-shimmer-bar {
    width: 100%;
    height: 0.625rem;
    background: #e0e0e0;
    border-radius: 0.3125rem;
    overflow: hidden;
    position: relative;
  }

  .dncm-workspace-shimmer-bar::before {
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    height: 100%;
    width: 50%;
    background: linear-gradient(to right, transparent, #367C2B, transparent);
    animation: dncm-workspace-shimmer 1.5s infinite;
  }

  @keyframes dncm-workspace-shimmer {
    0% { left: -50%; }
    100% { left: 100%; }
  }

  @media (max-width: 400px) {
    .dncm-workspace-dialog {
      padding: 1.5rem;
      max-width: 90%;
    }

    .dncm-workspace-text {
      font-size: 1rem;
    }
  }


    /*ID #dncm-workspace-overlay-container-id Ends*/




/*ID #dncm-loading-dialog-container-id Starts*/


    .dncm-loading-dialog-container {
      margin: 0;
      padding: 0;
      height: 100%;
      font-family: 'Open Sans';
   
    }
 
    .dncm-loading-dialog-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(240, 240, 240, 0.75);
      display: flex;
      justify-content: center;
      align-items: center;
z-index:10;
      padding: 20px;
      box-sizing: border-box;
    }
 
    .dncm-loading-dialog-dialog {
      background: white;
      border-radius: 20px;
      box-shadow: 10px 10px 30px #d9d9d9, -10px -10px 30px #ffffff;
      padding: 20px;
   
      display: flex;
      flex-direction: column;
      align-items: stretch;
    }
 
    .dncm-loading-dialog-title {
      font-size: clamp(1.5rem, 1.2vw, 1.7rem );
      font-weight: 600;
      color: #367C2B;
      text-align: center;
      margin-bottom: 16px;
    }
 
    .dncm-loading-dialog-loader-container {
      margin-bottom: 16px;
    }
 
    .dncm-loading-dialog-loader {
      height: 10px;
      width: 100%;
      background: #e0e0e0;
      border-radius: 6px;
      overflow: hidden;
      position: relative;
    }
 
    .dncm-loading-dialog-loader::before {
      content: "";
      position: absolute;
      height: 100%;
      width: 40%;
      background: #367C2B;
      animation: shimmer-loading-dialog 1.5s infinite;
      border-radius: 6px;
    }
 
    @keyframes shimmer-loading-dialog {
      0% { left: -40%; }
      100% { left: 100%; }
    }
 
    .dncm-loading-dialog-text-lines {
      text-align: center;
       font-size: clamp(1.22rem, 1.2vw, 1.42rem );
      color: #333;
      margin-bottom: 10px;
    }


      .dncm-loading-dialog-text-lines a {
  
       font-size: clamp(1.22rem, 1.2vw, 1.42rem );
     
    }
 
    .dncm-loading-dialog-button-container {
      display: flex;
      justify-content: flex-end;
      margin-top: 10px;
    }
 
 
 



/*ID #dncm-loading-dialog-container-id End*/





/*ID #dncm-proceed-close-btn-dialog-container-id Start*/


  .dncm-proceed-close-btn-dialog-container {
      margin: 0;
      padding: 0;
      font-family: 'Open Sans', sans-serif;
    
    }

    .dncm-proceed-close-btn-dialog-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(244, 244, 244, 0.75);
      display: flex;
      justify-content: center;
      align-items: center;
     z-index:10;
      padding: 20px;
      box-sizing: border-box;
    }

    .dncm-proceed-close-btn-dialog-dialog {
      background: white;
      border-radius: 20px;
      box-shadow: 10px 10px 30px #d9d9d9, -10px -10px 30px #ffffff;
      padding: 30px;
     
      display: flex;
      flex-direction: column;
      align-items: stretch;
    }

    .dncm-proceed-close-btn-dialog-title {
      font-size:   clamp(1.5rem, 1.2vw, 1.7rem );
      font-weight: 600;
      color: #367C2B;
      text-align: left;
      margin-bottom: 16px;
    }

    .dncm-proceed-close-btn-dialog-text-lines {
      text-align: left;
      font-size:  clamp(1.22rem, 1.2vw, 1.42rem );
      color: #333;
      margin-bottom: 10px;
    }


      .dncm-proceed-close-btn-dialog-text-lines div a {
    
      font-size:  clamp(1.22rem, 1.2vw, 1.42rem ) !important;
     
    }

    .dncm-proceed-close-btn-dialog-button-container {
      display: flex;
      justify-content: flex-end;
      margin-top: 10px;
    }

 .dncm-proceed-close-btn-dialog-buttons {
      padding: 8px 16px !important;
      margin-left: 10px !important;
      font-size: clamp(1.1667rem, 1.2vw, 1.3667rem )!important;
    }

 



/*ID #dncm-proceed-close-btn-dialog-container-id End*/





/*ID #dncm-proceed-close-btn-dialog-container-id and #dncm-loading-dialog-container-id Starts*/

  
/* Extra Small (xs): up to 576px */
@media (max-width: 576px) {
    .dncm-proceed-close-btn-dialog-dialog, .dncm-loading-dialog-dialog {
        width: 90vw;
        max-width: 350px;
        padding: 25px;
    }
}

/* Small (sm): 577px to 768px */
@media (min-width: 577px) and (max-width: 768px) {
    .dncm-proceed-close-btn-dialog-dialog, .dncm-loading-dialog-dialog {
        width: 80vw;
        max-width: 400px;
        padding: 25px;
    }
}

/* Medium (md): 769px to 992px */
@media (min-width: 769px) and (max-width: 992px) {
    .dncm-proceed-close-btn-dialog-dialog, .dncm-loading-dialog-dialog {
        width: 50vw;
        max-width: 350px; /* Prevent oversized dialog */
        padding: 25px;
    }
}

/* Large (lg): 993px to 1200px */
@media (min-width: 993px) and (max-width: 1200px) {
    .dncm-proceed-close-btn-dialog-dialog, .dncm-loading-dialog-dialog {
        width: 40vw;
        max-width: 400px;
    }
}

/* Extra Large (xl): 1201px to 1400px */
@media (min-width: 1201px) and (max-width: 1400px) {
    .dncm-proceed-close-btn-dialog-dialog, .dncm-loading-dialog-dialog {
        width: 35vw;
        max-width: 450px;
    }
}

/* Extra Extra Large (xxl): above 1400px */
@media (min-width: 1401px) {
    .dncm-proceed-close-btn-dialog-dialog, .dncm-loading-dialog-dialog {
        width: 30vw;
        max-width: 500px; /* Keep it compact even on huge screens */
    }
}


/*ID #dncm-proceed-close-btn-dialog-container-id and #dncm-loading-dialog-container-id Ends*/



/*ID #dncm-retrieve-qnote-load-files Starts*/



 
 
 
   
 
   
 
  
 
    .dncm-retrieve-qnote-load-files-file-box {

        position: relative;

        background: #ffffff;

        box-shadow: 8px 8px 16px #d1d9e6, -8px -8px 16px #ffffff;

        border-radius: 12px;

        padding: 3px 15px;

        display: flex;

        align-items: center;

        gap: 10px;

        overflow: hidden;

    }
 
    .dncm-retrieve-qnote-load-files-file-icon {

        flex-shrink: 0;

        font-size: 24px;

        color: #555;

    }
 
    .dncm-retrieve-qnote-load-files-file-name-container {

        flex-grow: 1;

        overflow: hidden;

    }
 
    .dncm-retrieve-qnote-load-files-file-name {

        white-space: nowrap;

        display: inline-block;

    }
 
    .dncm-retrieve-qnote-load-files-scroll {

        animation: scrollText 8s linear infinite;

    }
 
    @keyframes scrollText {

        0% { transform: translateX(0); }

        100% { transform: translateX(-50%); }

    }
 
    .dncm-retrieve-qnote-load-files-file-actions {

        position: absolute;

        right: 10px;

        display: flex;

        gap: 8px;

        opacity: 0;

        transition: opacity 0.3s ease;

    }
 
    .dncm-retrieve-qnote-load-files-file-box:hover .dncm-retrieve-qnote-load-files-file-actions {

        opacity: 1;

    }
 
    .dncm-retrieve-qnote-load-files-file-actions button {

        background: #ffffff;

        border: none;

        box-shadow: 4px 4px 8px #d1d9e6, -4px -4px 8px #ffffff;

        border-radius: 8px;

        padding: 3px 6px;

        cursor: pointer;

    }
 
    .dncm-retrieve-qnote-load-files-file-actions .dncm-retrieve-qnote-load-files-download {

        color: green;

    }
 
    .dncm-retrieve-qnote-load-files-file-actions .dncm-modify-qnote-discard-file {

        color: red;

    }



   







    

  
  


 

/*ID #dncm-retrieve-qnote-load-files End*/




.Overlay {
    position: fixed;
    color: rgb(34, 139, 34) !important;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 4;
    cursor: pointer;
  
  }






/*ID #dncm-general-attach-artifact-container Starts*/


   #dncm-general-attach-artifact-container {
    font-family: 'Open Sans';
    margin: 0;
  
  }

  .dncm-general-attach-artifact-overlay {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
    background: RGBA(244,244,244, 0.75);
  }

  .dncm-general-attach-artifact-dialog {
    background: #ffffff;
    padding: 40px;
    border-radius: 30px;
    box-shadow: 10px 10px 30px #d9d9d9, -10px -10px 30px #ffffff;
    width: 500px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-height: calc(100vh - 60px);
    overflow: hidden;
    margin: 18px;
  }

  .dncm-general-attach-artifact-dialog h3 {
    margin: 0;
    font-size:   clamp(1.5rem, 1.2vw, 1.7rem );
    font-weight: bold;
    color: #333;
  }

  .dncm-general-attach-artifact-dialog p {
    margin: 0;
      font-size:  clamp(1.22rem, 1.2vw, 1.42rem ) !important;
    color: #666;
  }

   .dncm-general-attach-artifact-dialog p a{

      font-size:  clamp(1.22rem, 1.2vw, 1.42rem ) !important;
  
  }

 /* .dncm-general-attach-artifact-neumorphic-button {
    background: #ffffff;
    border-radius: 50px;
    box-shadow: 4px 4px 8px rgba(0,0,0,0.05), -4px -4px 8px rgba(255,255,255,0.8);
    border: none;
    padding: 10px 20px;
   
    cursor: pointer;
    transition: all 0.3s ease;
  }

  */

  .dncm-general-attach-artifact-drop-zone {
    border-radius: 20px;
    padding: 50px 25px;
    text-align: center;
    background: #ffffff;
    box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.02), inset -4px -4px 8px rgba(255, 255, 255, 0.8), inset -4px 4px 8px rgba(0, 0, 0, 0.05), inset 4px -4px 8px rgba(0, 0, 0, 0.05);
       font-size:  clamp(1.22rem, 1.2vw, 1.42rem );
    color: #666;
    margin-bottom:10px;
  }

  .dncm-general-attach-artifact-file-list {
    padding: 25px;
    border-radius: 20px;
    background: #ffffff;
    box-shadow: inset 4px 4px 8px rgba(0, 0, 0, 0.02), inset -4px -4px 8px rgba(255, 255, 255, 0.8), inset -4px 4px 8px rgba(0, 0, 0, 0.05), inset 4px -4px 8px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 200px;
    overflow-y: auto;
     color: #666;
    text-align: center;
       font-size:  clamp(1.22rem, 1.2vw, 1.42rem );
  }

  .dncm-general-attach-artifact-file-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 18px;
    background: #ffffff;
    border-radius: 50px;
    box-shadow: 4px 4px 8px rgba(0,0,0,0.05), -4px -4px 8px rgba(255,255,255,0.8);
   font-size:  clamp(1.22rem, 1.2vw, 1.42rem );
    color: #333;
  }

  .dncm-general-attach-artifact-delete-btn {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.05), -2px -2px 4px rgba(255,255,255,0.8);
    border: none;
    cursor: pointer;
      font-size:  clamp(1.22rem, 1.2vw, 1.42rem );
    color: #900;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .dncm-general-attach-artifact-button-row {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top:10px;
  }


.dncm-general-attach-artifact-button-row button, .dncm-general-attach-artifact-button-row label{
   font-size: clamp(1.1667rem, 1.2vw, 1.3667rem )!important;
   padding: 8px 16px !important;
}


.dncm-general-attach-artifact-button-row label{
 
   margin-bottom:0px !important;
}




  input[type="file"] {
    display: none;
  }

  .dncm-general-attach-artifact-file-list::-webkit-scrollbar {
    width: 6px;
  }
  .dncm-general-attach-artifact-file-list::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 10px;
  }
  .dncm-general-attach-artifact-file-list::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px;
  }




/*ID #dncm-general-attach-artifact-container Ends*/






#dncm-dialog-container .dncm-button,
#dncm-general-form-container .dncm-button {
  line-height: normal !important;
}



/** #dncm-x-edit-non-conformance-send-manual-notification-container starts **/

 #dncm-x-edit-non-conformance-send-manual-notification-container {
   


    font-family: 'Open Sans', sans-serif;
   background: RGBA(244,244,244, 0.75);
    margin: 0;
    /* height: 100vh; */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
  }
  .dncm-x-edit-non-conformance-send-manual-notification-card {
    background: #ffffff;
    border-radius: 30px;
    box-shadow: 10px 10px 30px #d9d9d9, -10px -10px 30px #ffffff;
    width: 450px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin:20px;
  }
  .dncm-x-edit-non-conformance-send-manual-notification-card-header {
    font-size: 22px;
    font-weight: bold;
    color: #333;
    text-align: center;
  }

.dncm-x-edit-non-conformance-send-manual-notification-card-additional-contacts-header{


    color: #333;

}

  .dncm-x-edit-non-conformance-send-manual-notification-accordion {
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 6px 6px 12px rgba(0,0,0,0.08), -6px -6px 12px rgba(255,255,255,0.8);
    padding: 15px;
  }
  .dncm-x-edit-non-conformance-send-manual-notification-accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-weight: bold;
    color: #333;
  }
  .dncm-x-edit-non-conformance-send-manual-notification-accordion-content {
    margin-top: 10px;
    font-size: 14px;
    color: #666;
    display: none;
  }
  .dncm-x-edit-non-conformance-send-manual-notification-email-input {
    padding: 15px;
    border-radius: 20px;
    box-shadow: inset 4px 4px 8px rgba(0,0,0,0.05), inset -4px -4px 8px rgba(255,255,255,0.8);
    border: none;
    font-size: 14px;
    outline: none;
  }
  .dncm-x-edit-non-conformance-send-manual-notification-chip-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .dncm-x-edit-non-conformance-send-manual-notification-chip {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 50px;
    background: #ffffff;
    box-shadow: 4px 4px 8px rgba(0,0,0,0.08), -4px -4px 8px rgba(255,255,255,0.8);
    font-size: 14px;
    color: #333;
  }
  .dncm-x-edit-non-conformance-send-manual-notification-chip button {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: none;
    background: #ffffff;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.08), -2px -2px 4px rgba(255,255,255,0.8);
    cursor: pointer;
    font-size: 14px;
    color: #900;
  }
  .dncm-x-edit-non-conformance-send-manual-notification-toggle-container {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #333;
  }
  .dncm-x-edit-non-conformance-send-manual-notification-toggle-switch {
    width: 50px;
    height: 26px;
    border-radius: 50px;
    background: #ffdddd;
    position: relative;
    cursor: pointer;
    box-shadow: inset 4px 4px 8px rgba(0,0,0,0.05), inset -4px -4px 8px rgba(255,255,255,0.8);
  }
  .dncm-x-edit-non-conformance-send-manual-notification-toggle-knob {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffffff;
    position: absolute;
    top: 2px;
    left: 2px;
    transition: all 0.3s ease;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.08), -2px -2px 4px rgba(255,255,255,0.8);
  }
  .dncm-x-edit-non-conformance-send-manual-notification-toggle-switch.active {
    background: #ddffdd;
  }
  .dncm-x-edit-non-conformance-send-manual-notification-toggle-switch.active .dncm-x-edit-non-conformance-send-manual-notification-toggle-knob {
    left: 26px;
  }
  .dncm-x-edit-non-conformance-send-manual-notification-button-row {
    display: flex;
    justify-content: center;
    gap: 15px;
  }
  .dncm-x-edit-non-conformance-send-manual-notification-neumorphic-button {
    background: #ffffff;
    border-radius: 50px;
    box-shadow: 4px 4px 8px rgba(0,0,0,0.08), -4px -4px 8px rgba(255,255,255,0.8);
    border: none;
    padding: 10px 20px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .dncm-x-edit-non-conformance-send-manual-notification-neumorphic-button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .dncm-x-edit-non-conformance-send-manual-notification-toggle-container {
    display: flex;
    align-items: flex-start; /* Align both to the left */
    gap: 8px; /* Space between toggle and text */
  }

  .dncm-x-edit-non-conformance-send-manual-notification-toggle-switch {
    flex-shrink: 0; /* Prevent toggle from shrinking */
  }

/** #dncm-x-edit-non-conformance-send-manual-notification-container ends **/


/** dncm-general accordion code starts **/
 :root {
      --bg:#ffffff; --surface:#ffffff; --text:#111111; --muted:#6b7280;
      --shadow-light:#ffffff; --shadow-dark:rgba(17,24,39,.08);
      --accent-download:#2563eb; --accent-upload:#f59e0b; --accent-delete:#ef4444; --accent-help:#7c3aed; --accent-view:#10b981; --accent-full:#111827; --accent-exit:#ef4444; --accent-refresh:#374151; --accent-attach:#374151;
      --radius:16px; --pad:16px; --gap:10px; --btn-size:36px; 
      
      --header-h:56px; --transition:160ms ease;
      --tooltip-bg:#111827EE; --tooltip-text:#f9fafb;
      --scroll-track: transparent; --scroll-thumb: #e5e7eb; --scroll-thumb-hover: #d1d5db; --scroll-gap: 10px;
/* Primary timestamp accent (indigo-blue tone) */
  --accent-clock:#1d4ed8;              /* icon stroke */
  --pill-color-1: rgba(29,78,216,.08); /* light tint for pill bg */
  --pill-color-2: rgba(29,78,216,.18); /* deeper tint for pill bg */
  --pill-badge:   rgba(29,78,216,.12); /* badge tint */

    }

    *{box-sizing:border-box}
    body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;background:var(--bg);color:var(--text);display:grid;place-items:start stretch}

    .dncm-general-page{
      
      padding: 20px !important;
    
    }
    @media(min-width:768px){
      .dncm-general-page{
        padding: 20px !important;
    
    }}
    @media(min-width:1200px){
      .dncm-general-page{
        padding: 30px !important;
      
      }}

    .dncm-general-accordion{
      width:100% !important;
      display:grid !important;
      gap:20px !important
    }

    .dncm-general-card
    {
      background:var(--surface);
      border-radius:var(--radius);
      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
      overflow:visible;
      position:relative;
    }



.dncm-general-card:hover
    {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    }
    .dncm-general-card__header
    {
      display:grid;
      grid-template-columns:auto 1fr auto auto;
      align-items:center;
      gap:var(--gap);
      height:var(--header-h);
      padding:15px 20px 15px 20px;
      cursor:pointer;
      position:relative;
      margin-bottom: 12px;
    
    }

    .dncm-general-chevron{width:20px;height:20px;fill:none;stroke:var(--text);stroke-width:3;transition:transform var(--transition)}
    .dncm-general-card[aria-expanded="false"] .dncm-general-chevron{transform:rotate(-90deg)}
    .dncm-general-card[aria-expanded="true"]  .dncm-general-chevron{transform:rotate(0deg)}

    .dncm-general-card__title{
      display:flex;
      align-items:center;
      gap:8px;
      font-weight: 900;
    }
    
    .dncm-general-card__title > span:first-child{flex:0 1 auto}

    /* ===== Attachment Pill — one clean design ===== */
    .dncm-general-attachment-pill{
      display:inline-flex; align-items:center; gap:8px;
      margin-left:8px; padding:4px 10px; height:28px;
      border-radius:999px; font-size:12px; line-height:1; font-weight:600;
      color:var(--text); background:var(--surface);
      box-shadow:6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light);
      white-space:nowrap;
    }
    /* Flat, crisp glyph: small filled clip inside a subtle badge */
    .dncm-attach-badge{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:6px;background:#f3f4f6;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
    .dncm-attach-icon{width:14px;height:14px;fill:var(--accent-attach);stroke:none}

    .dncm-general-attachment-text{color:var(--muted);font-weight:600}
    .dncm-general-attachment-count{min-width:10px;text-align:right; color:var(--muted);}

    /* ===== Hover-only controls (existing behavior) ===== */
    .dncm-general-header-btn{position:relative;width:var(--btn-size);height:var(--btn-size);border:0;border-radius:14px;background:var(--surface);box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light);display:inline-grid;place-items:center;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition), background var(--transition),opacity var(--transition),transform var(--transition);opacity:0;pointer-events:none;transform:translateY(2px)}
    .dncm-general-card__header:hover .dncm-general-header-btn,
    .dncm-general-card__header:focus-within .dncm-general-header-btn{opacity:1;pointer-events:auto;transform:translateY(0)}
    .dncm-general-header-btn:hover{transform:translateY(-1px);box-shadow:7px 7px 14px var(--shadow-dark),-7px -7px 14px var(--shadow-light)}

    .dncm-general-refresh-icon{width:18px;height:18px;stroke:var(--accent-refresh);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}

    .dncm-general-tooltip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%) translateY(6px);background:var(--tooltip-bg);color:var(--tooltip-text);padding:6px 10px;border-radius:8px;font-size:12px;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.24);opacity:0;pointer-events:none;transition:opacity var(--transition),transform var(--transition);z-index:3}
    .dncm-general-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--tooltip-bg)}
    .dncm-general-header-btn:hover .dncm-general-tooltip,
    .dncm-general-header-btn:focus-visible .dncm-general-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}

    /* NEW: enable tooltips for ALL neo icon buttons */
    .dncm-general-neo-btn:hover .dncm-general-tooltip,
    .dncm-general-neo-btn:focus-visible .dncm-general-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}

    .dncm-general-card__actions{display:flex;align-items:center;gap:var(--gap);opacity:0;transform:translateY(2px);pointer-events:none;transition:opacity var(--transition),transform var(--transition);position:relative;}
    .dncm-general-card__header:hover .dncm-general-card__actions,
    .dncm-general-card__header:focus-within .dncm-general-card__actions{opacity:1;transform:translateY(0);pointer-events:auto}

    .dncm-general-neo-btn{position:relative;width:var(--btn-size);height:var(--btn-size);border:0;border-radius:14px;background:var(--surface);box-shadow:5px 5px 10px var(--shadow-dark),-5px -5px 10px var(--shadow-light);display:inline-grid;place-items:center;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background var(--transition)}
    .dncm-general-neo-btn:hover{transform:translateY(-1px);box-shadow:7px 7px 14px var(--shadow-dark),-7px -7px 14px var(--shadow-light)}
    .dncm-general-neo-icon{width:18px;height:18px;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
    .dncm-general-neo-btn--download .dncm-general-neo-icon{stroke:var(--accent-download)}
    .dncm-general-neo-btn--upload   .dncm-general-neo-icon{stroke:var(--accent-upload)}
    .dncm-general-neo-btn--delete   .dncm-general-neo-icon{stroke:var(--accent-delete)}
    .dncm-general-neo-btn--help     .dncm-general-neo-icon{stroke:var(--accent-help)}
    .dncm-general-neo-btn--view     .dncm-general-neo-icon{stroke:var(--accent-view)}
    .dncm-general-neo-btn--full     .dncm-general-neo-icon{stroke:var(--accent-full)}

    .dncm-general-card__content{height:0;overflow:hidden;transition:height var(--transition);position:relative}
    .dncm-general-card__inner{line-height:1.55}

    .dncm-general-card.dncm-general-card--fullscreen{position:fixed;inset:20px;z-index:6;width:auto;max-width:none;height:auto;display:flex;flex-direction:column}
    .dncm-general-card.dncm-general-card--fullscreen .dncm-general-card__header{flex:0 0 var(--header-h)}
   
/* Compact fullscreen: content grows naturally, capped to viewport height */
.dncm-general-card.dncm-general-card--fullscreen .dncm-general-card__content{
  flex:0 0 auto; /* don't force fill the remaining space */
  height:auto;    /* allow natural content height */
  max-height:calc(100vh - var(--header-h) - 40px); /* viewport minus header and 20px insets */
  overflow:auto;
  padding-right:calc(var(--pad) + var(--scroll-gap));
}




    .dncm-general-card.dncm-general-card--fullscreen .dncm-general-card__content::after{content:"";position:absolute;top:0;right:0;height:100%;width:var(--scroll-gap);background:linear-gradient(to left, rgba(0,0,0,0.03), transparent);pointer-events:none}

    .dncm-general-card.dncm-general-card--fullscreen .dncm-general-card__content{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}
    .dncm-general-card.dncm-general-card--fullscreen .dncm-general-card__content::-webkit-scrollbar{width:10px}
    .dncm-general-card.dncm-general-card--fullscreen .dncm-general-card__content::-webkit-scrollbar-track{background:var(--scroll-track)}
    .dncm-general-card.dncm-general-card--fullscreen .dncm-general-card__content::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:8px;border:3px solid transparent;background-clip:padding-box;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
    .dncm-general-card.dncm-general-card--fullscreen .dncm-general-card__content::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}

    .dncm-general-exit-fullscreen{position:absolute; top:16px; right:16px; display:none; z-index:7}
    .dncm-general-exit-fullscreen .dncm-general-neo-icon{stroke:var(--accent-exit)}
    .dncm-general-card.dncm-general-card--fullscreen .dncm-general-exit-fullscreen{display:inline-grid}
    .dncm-general-exit-fullscreen .dncm-general-tooltip{bottom:calc(100% + 10px)}

    @media (prefers-reduced-motion:reduce){.dncm-general-chevron,.dncm-general-card__actions,.dncm-general-card__content,.dncm-general-neo-btn,.dncm-general-tooltip,.dncm-general-header-btn{transition:none !important}}

    /* ===== NEW: Show icons when accordion is expanded ===== */
    .dncm-general-card[aria-expanded="true"] .dncm-general-header-btn,
    .dncm-general-card[aria-expanded="true"] .dncm-general-card__actions{
      opacity:1; pointer-events:auto; transform:translateY(0);
    }





/* ===== Timestamp Pill — same size, full-color variant ===== */
.dncm-general-timestamp-pill{

  display: inline-flex;
  align-items:center; gap:8px;
  margin-left:8px; padding:4px 10px; height:28px;
  border-radius:999px; font-size:12px; line-height:1; font-weight:600;
  white-space:nowrap;
  /* tinted background (keeps neumorphic shadow balance) */
  background: linear-gradient(135deg, var(--pill-color-1), var(--pill-color-2));
  color:#0b1220;
  box-shadow:
    6px 6px 12px var(--shadow-dark),
    -6px -6px 12px var(--shadow-light),
    inset 0 0 0 1px rgba(255,255,255,.55);
}

.dncm-timestamp-badge{
  display:inline-grid;place-items:center;width:18px;height:18px;border-radius:6px;
  background: var(--pill-badge);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.04), inset 0 1px 0 rgba(255,255,255,.6);
}

.dncm-clock-icon{
  width:14px;height:14px;
  stroke:var(--accent-clock);
  stroke-width:2; fill:none; stroke-linecap:round; stroke-linejoin:round;
}

.dncm-general-timestamp-text{ color:var(--muted); font-weight:600 }
.dncm-general-timestamp-value{ color:var(--muted);
  min-width:10px; text-align:right; font-variant-numeric:tabular-nums;
}




/* Optional hover press-in state for better feel */
.dncm-neo-badge:hover, .dncm-general-timestamp-pill:hover, .dncm-general-attachment-pill:hover{
  box-shadow: inset 4px 4px 8px rgba(0,0,0,.06),
              inset -4px -4px 8px rgba(255,255,255,.7);
}



/* Neumorphic success badge*/
.dncm-neo-badge{
  display:inline-flex; align-items:center;
  margin-left:8px;
  
  border-radius:999px; font-size:12px; font-weight:600; line-height:1;
         
  /* subtle border + dual shadows for raised look */
  box-shadow: 6px 6px 12px var(--shadow-dark),
              -6px -6px 12px var(--shadow-light),
              inset 0 0 0 1px rgba(0,0,0,.045);
}




  
/** dncm-general accordion code ends **/


#DefectiveTypeTitle{


  font-weight:600;
  padding-right: 10px;
}


.dncm-general-padding-bottom-5-px{

padding-bottom:5px;

}





/*dataTable is working responsive because of below 2 css styles - starts*/



/**below code can be seen in media queries**/

/*
.dncm-general-accordion-card-block{


  max-width:95vw;

}

*/




/*dataTable is working responsive because of above 2 css styles - ends*/



.dncm-general-padding-bottom-0-class{


  padding-bottom: 0px;
}


.dncm-general-padding-bottom-15px-class{


  padding-bottom: 15px;
}



/*dncm-read-non-conformance-load_attachments starts*/
  
.dncm-read-non-conformance-load-attachments-accordion-content {
  /* === Grid sizing === */
  --card-col-width: 220px;  /* default width per card/column */

  display: grid;
  grid-template-columns: repeat(auto-fill, var(--card-col-width));
  gap: clamp(10px, 2.2vw, 18px);
  justify-content: start;   /* pack columns to the left */
}


    /* --- Borderless Strict-White Neumorphism --- */
   
.dncm-read-non-conformance-load-attachments-box {
  position: relative;
  background: #ffffff;
  border-radius: 14px;
  padding: clamp(12px, 2.2vw, 16px);
  box-shadow:
    -14px -14px 28px rgba(255,255,255,0.9),
     16px  16px 32px rgba(230,233,239,0.92),
     -2px  -2px  6px rgba(255,255,255,0.85),
      3px  3px  8px rgba(230,233,239,0.96);
  transition: transform .18s ease, box-shadow .18s ease;
  text-align: left;

  /* ✅ Fill the track width exactly */
  width: 100%;

  /* ✅ Allow the box to shrink with content without forcing track to grow */
  min-width: 0;
}



/* Ensure flex children can shrink and not force the card wider */
.dncm-read-non-conformance-load-attachments-row,
.dncm-read-non-conformance-load-attachments-title,
.dncm-read-non-conformance-load-attachments-name-container,
.dncm-read-non-conformance-load-attachments-name {
  min-width: 0;
}

/* Tame long names: prevent them from stretching; let them scroll/fade as you designed */
.dncm-read-non-conformance-load-attachments-name {
  display: inline-block;
  max-width: 100%;
}






@media (max-width: 900px) {
  .dncm-read-non-conformance-load-attachments-accordion-content {
    --card-col-width: 200px;
  }
}
@media (max-width: 700px) {
  .dncm-read-non-conformance-load-attachments-accordion-content {
    --card-col-width: 180px;
  }
}
@media (max-width: 520px) {
  .dncm-read-non-conformance-load-attachments-accordion-content {
    --card-col-width: 160px;
  }
}




    .dncm-read-non-conformance-load-attachments-box::before{
      content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
      background: radial-gradient(120% 140% at 30% 20%, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 55%);
      opacity:.35; transition:opacity .18s ease;
    }
    .dncm-read-non-conformance-load-attachments-box:hover{
      transform:translateY(-2px);
      box-shadow:
        -16px -16px 32px rgba(255,255,255,0.92),
         20px  20px 36px rgba(230,233,239,0.94),
         -3px  -3px  7px rgba(255,255,255,0.85),
          4px   4px 10px rgba(230,233,239,0.96);
    }
    .dncm-read-non-conformance-load-attachments-box:active{
      transform:translateY(0);
      box-shadow:
        inset -4px -4px 10px rgba(255,255,255,0.95),
        inset  4px  4px 12px rgba(230,233,239,0.95),
        -1px -1px  2px rgba(255,255,255,0.8),
         1px  1px  3px rgba(230,233,239,0.95);
    }
    /* Remove default focus outline that looked like a border on tap */
    .dncm-read-non-conformance-load-attachments-box:focus-within{ outline:none; }

    .dncm-read-non-conformance-load-attachments-row{display:flex;align-items:center;gap:calc(clamp(10px, 2.2vw, 18px)*.6)}
    .dncm-read-non-conformance-load-attachments-icon i{font-size:clamp(22px, 3.2vw, 28px);color:#5a6475}

    .dncm-read-non-conformance-load-attachments-title{flex:1;min-width:0}
    .dncm-read-non-conformance-load-attachments-name-container{overflow:hidden;height:1.4em;position:relative;-webkit-mask-image:linear-gradient(to right, black 80%, transparent 100%);mask-image:linear-gradient(to right, black 80%, transparent 100%)}
    .dncm-read-non-conformance-load-attachments-name{white-space:nowrap;display:inline-block;font-size:clamp(12px, 1.3vw, 13.5px)}
    .dncm-read-non-conformance-load-attachments-scroll{animation:scrollText 8s linear infinite}
    @keyframes scrollText{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
    .dncm-read-non-conformance-load-attachments-meta{font-size:clamp(10.5px, 1.1vw, 11.5px);opacity:.75;margin-top:6px}

    .dncm-read-non-conformance-load-attachments-actions{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}
    .dncm-read-non-conformance-load-attachments-icon-btn{border:none;padding:6px;border-radius:10px;cursor:pointer;background:#ffffff;color:#4d5866;display:inline-flex;align-items:center;justify-content:center;font-size:12px;width:clamp(28px, 3.6vw, 32px);height:clamp(28px, 3.6vw, 32px);
      box-shadow:
        -6px -6px 12px rgba(255,255,255,0.9),
         6px  6px 12px rgba(230,233,239,0.93),
        -1px -1px  2px rgba(255,255,255,0.75),
         2px  2px  4px rgba(230,233,239,0.95);
      transition:transform .12s ease, box-shadow .12s ease; outline:none; -webkit-tap-highlight-color: transparent;
    }
    .dncm-read-non-conformance-load-attachments-icon-btn i{font-size:0.9em}
    .dncm-read-non-conformance-load-attachments-icon-btn:active{transform:translateY(1px);box-shadow:inset -2px -2px 4px rgba(255,255,255,0.95), inset 2px 2px 5px rgba(230,233,239,0.95)}
    .dncm-read-non-conformance-load-attachments-download{ color: #1e9e6a; }
    .dncm-read-non-conformance-load-attachments-delete{ color: #d9534f; }
    .dncm-read-non-conformance-load-attachments-info{ color: #5272ff; }

    /* Tooltip – borderless */
    .dncm-read-non-conformance-load-attachments-tooltip{position:fixed;background:#ffffff;color:#2f3842;border-radius:12px;padding:10px;min-width:200px;max-width:min(96vw,360px);font-size:11.5px;line-height:1.35;z-index:10000;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease,visibility .16s;--arrow-size:10px;--arrow-x:16px;
      box-shadow:
        -12px -12px 28px rgba(255,255,255,0.92),
         14px  14px  32px rgba(230,233,239,0.93),
         -2px  -2px   5px rgba(255,255,255,0.85),
          3px   3px   8px rgba(230,233,239,0.95);
    }
    .dncm-read-non-conformance-load-attachments-tooltip.dncm-read-non-conformance-load-attachments-visible{opacity:1;visibility:visible;transform:translateY(0)}
    .dncm-read-non-conformance-load-attachments-tooltip-row{display:grid;grid-template-columns:74px 1fr;gap:6px;margin:3px 0}
    .dncm-read-non-conformance-load-attachments-tooltip-row .dncm-read-non-conformance-load-attachments-label{opacity:.65}
    .dncm-read-non-conformance-load-attachments-tooltip::after{content:"";position:absolute;width:var(--arrow-size);height:var(--arrow-size);background:#ffffff;transform:rotate(45deg);box-shadow:2px 2px 6px rgba(230,233,239,0.93);left:var(--arrow-x);top:calc(100% - var(--arrow-size)/2)}

    /* --- Mobile compact tweaks --- */
    @media (max-width:600px){
      .dncm-read-non-conformance-load-attachments-box{ padding:10px; }
      .dncm-read-non-conformance-load-attachments-actions{ gap:6px; }
      .dncm-read-non-conformance-load-attachments-icon-btn{ padding:4px; border-radius:8px; width:26px; height:26px; }
      .dncm-read-non-conformance-load-attachments-icon-btn i{ font-size:0.85em; }
      .dncm-read-non-conformance-load-attachments-icon i{ font-size:20px; }
      .dncm-read-non-conformance-load-attachments-name{ font-size:12px; }
      .dncm-read-non-conformance-load-attachments-meta{ font-size:10.5px; }
    }
    @media (max-width:380px){
      .dncm-read-non-conformance-load-attachments-icon-btn{ width:24px; height:24px; }
      .dncm-read-non-conformance-load-attachments-icon i{ font-size:18px; }
      .dncm-read-non-conformance-load-attachments-actions{ gap:5px; }
      .dncm-read-non-conformance-load-attachments-icon-btn i{ font-size:0.8em; }
    }

    @media (prefers-reduced-motion: reduce){ .dncm-read-non-conformance-load-attachments-box, .dncm-read-non-conformance-load-attachments-icon-btn, .dncm-read-non-conformance-load-attachments-box::before { transition:none; } }

    /* Remove global tap highlight */
    * { -webkit-tap-highlight-color: transparent; }

    /* Keyboard-only focus ring support (shown via body class) */
    body.dncm-read-non-conformance-load-attachments-using-keyboard .dncm-read-non-conformance-load-attachments-box:focus-within{ outline:2px solid #7e98ff; outline-offset:2px; }
    body.dncm-read-non-conformance-load-attachments-using-keyboard .dncm-read-non-conformance-load-attachments-icon-btn:focus{
      outline:none; box-shadow: 0 0 0 3px rgba(82,114,255,0.25), -6px -6px 12px rgba(255,255,255,0.9), 6px 6px 12px rgba(230,233,239,0.93), -1px -1px 2px rgba(255,255,255,0.75), 2px 2px 4px rgba(230,233,239,0.95);
    }




/*dncm-read-non-conformance_load_attachments ends */







/*dncm-read-non-conformance-load-alert-logs-notify-banner starts*/


   /* ---------- Neumorphism Banner (INSIDE accordion, at top) ---------- */
    .dncm-read-non-conformance-load-alert-logs-notify-banner {
      display: inline-flex;             /* width = content */
      align-items: flex-start;
      gap: 8px;
  
      padding: 8px 12px;
      border-radius: 8px;
      background: #f3f4f6;             /* base matches surface for soft effect */
      box-shadow:
        7px 7px 14px #d1d5db,
        -7px -7px 14px #ffffff;
      transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
    
      margin-bottom: 12px;   
      width:fit-content;  
               /* sits on top of panel content */
    }

    .dncm-read-non-conformance-load-alert-logs-notify-banner:hover,
    .dncm-read-non-conformance-load-alert-logs-notify-banner:focus-within {
      box-shadow:
        10px 10px 20px #d1d5db,
        -10px -10px 20px #ffffff;
    }

    .dncm-read-non-conformance-load-alert-logs-notify-icon {
      flex: 0 0 auto;
      font-size: 1.40rem;
      line-height: 1.2;
      margin-top: 1px;
    }

    /* Clamp banner text to two lines max */
    .dncm-read-non-conformance-load-alert-logs-notify-text {
      display: -webkit-box;
      /*-webkit-line-clamp: 2;*/
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1.35;
    
    }

    /* State helpers (class toggles). JS also sets inline colors to your exact tokens. */
    .dncm-read-non-conformance-load-alert-logs-notify--success {
      background-color: #F4FFF6;
      color: #236B2A ;
    }
    .dncm-read-non-conformance-load-alert-logs-notify--warning {
      background-color: #F5F9FF ; /* "little success" */
      color: #1A4A7A ;
    }
    .dncm-read-non-conformance-load-alert-logs-notify--neutral {
      background-color: #FAFAFA ; /* failure / neutral */
      color: #444444 ;
    }


/*dncm-read-non-conformance-load-alert-logs-notify-banner ends*/


.linklike {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  color: #367C2B;
  text-decoration: none;
  cursor: pointer;
  font: inherit;          /* makes it match surrounding text */
  display: inline;        /* behaves like a normal link */
}

.linklike:hover {
  color: #367C2B;
  text-decoration: underline;
}

.linklike:focus {
  outline: none;   /* accessible focus ring */
 
}

.linklike:active {
 font-weight: bolder;
}

.linklike:disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: none;
}



/*query starts*/

     #dncm-general-query-root{
      display:none;
      box-sizing:border-box;
      /*max-width:1460px;*/
      margin:auto;
      padding:28px 0px;
      min-height:100%;
      color:#27313d;
      font-family:Segoe UI, Arial, sans-serif;
      background:#ffffff;
    }
    #dncm-general-query-root *,
    #dncm-general-query-root *::before,
    #dncm-general-query-root *::after{ box-sizing:border-box; }

    /* Core neumorphic containers */
    #dncm-general-query-root .dncm-general-query-form-wrap,
    #dncm-general-query-root .dncm-general-query-group-shell,
    #dncm-general-query-root .dncm-general-query-dropdown-list,
    #dncm-general-query-root .dncm-general-query-plant-list,
    #dncm-general-query-root .dncm-general-query-dt-card,
    #dncm-general-query-root .dncm-general-query-last-refresh,
    #dncm-general-query-root .dncm-general-query-applied-summary,
    #dncm-general-query-root #dncm-general-query-apply-btn,
    #dncm-general-query-root #dncm-general-query-clear-filters-btn,
    #dncm-general-query-root .dncm-general-query-response-time,
    #dncm-general-query-root div.dt-button-collection{
      background:linear-gradient(145deg, #ffffff, #fbfbfb);
      box-shadow:16px 16px 32px rgba(228,228,228,0.72), -14px -14px 30px rgba(255,255,255,0.98);
      border:none;
    }

    #dncm-general-query-root .dncm-general-query-form-wrap{ border-radius:28px; padding:24px; }
    #dncm-general-query-root .dncm-general-query-form-title{ margin:0 0 18px; font-size:28px; font-weight:700; letter-spacing:.2px; color:#243142; }
    #dncm-general-query-root .dncm-general-query-filters-grid{ display:grid; grid-template-columns:repeat(3, minmax(270px, 1fr)); gap:18px; align-items:start; }
    #dncm-general-query-root .dncm-general-query-field{ min-width:0; }
    #dncm-general-query-root .dncm-general-query-label{ display:block; margin:0 0 8px; font-size:14px; font-weight:700; color:#243142; line-height:1.25; }
    #dncm-general-query-root .dncm-general-query-sub-label{ display:block; margin:0 0 6px; font-size:12px; line-height:1.2; color:#677486; }
    #dncm-general-query-root .dncm-general-query-group-shell{ padding:14px; border-radius:20px; box-shadow:10px 10px 22px rgba(230,230,230,0.7), -8px -8px 18px rgba(255,255,255,0.98); }

    /* Inputs */
    #dncm-general-query-root input,
    #dncm-general-query-root select,
    #dncm-general-query-root .dncm-general-query-dropdown-input,
    #dncm-general-query-root .dncm-general-query-plant-trigger,
    #dncm-general-query-root .dncm-general-query-custom-trigger,
    #dncm-general-query-root .dncm-general-query-dropdown-search,
    #dncm-general-query-root .dncm-general-query-clear-btn,
    #dncm-general-query-root .dt-search input,
    #dncm-general-query-root .dt-length select,
    #dncm-general-query-root .dt-button,
    #dncm-general-query-root .dt-paging-button{
      border:none !important;
      outline:none !important;
      appearance:none;
      -webkit-appearance:none;
      -moz-appearance:none;
    }

    #dncm-general-query-root input,
    #dncm-general-query-root select,
    #dncm-general-query-root .dncm-general-query-dropdown-input,
    #dncm-general-query-root .dncm-general-query-plant-trigger,
    #dncm-general-query-root .dncm-general-query-custom-trigger,
    #dncm-general-query-root .dncm-general-query-dropdown-search{
      width:100%;
      min-height:46px;
      padding:10px 14px;
      border-radius:16px !important;
      font-size:14px;
      color:#243142 !important;
      background:linear-gradient(145deg, #ffffff, #fcfcfc) !important;
      box-shadow:inset 2px 2px 6px rgba(239,239,239,0.96), inset -2px -2px 6px rgba(255,255,255,1) !important;
    }

    #dncm-general-query-root input:focus,
    #dncm-general-query-root select:focus,
    #dncm-general-query-root .dncm-general-query-dropdown-input:focus,
    #dncm-general-query-root .dncm-general-query-plant-trigger:focus,
    #dncm-general-query-root .dncm-general-query-custom-trigger:focus,
    #dncm-general-query-root .dncm-general-query-dropdown-search:focus,
    #dncm-general-query-root .dt-search input:focus,
    #dncm-general-query-root .dt-length select:focus,
    #dncm-general-query-root .dt-button:focus{
      box-shadow:inset 3px 3px 7px rgba(235,235,235,0.96), inset -3px -3px 7px rgba(255,255,255,1) !important;
    }

    #dncm-general-query-root input[type=number]{ -moz-appearance:textfield; }
    #dncm-general-query-root input[type=number]::-webkit-outer-spin-button,
    #dncm-general-query-root input[type=number]::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }

    #dncm-general-query-root .dncm-general-query-inline-two{ display:grid; grid-template-columns:145px 1fr; gap:10px; }
    #dncm-general-query-root .dncm-general-query-date-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
    #dncm-general-query-root .dncm-general-query-error{ color:#c53939; font-size:12px; line-height:1.45; white-space:pre-line; min-height:16px; margin-top:6px; }
    #dncm-general-query-root .dncm-general-query-action-row{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:18px; }

    #dncm-general-query-root #dncm-general-query-apply-btn,
    #dncm-general-query-root #dncm-general-query-clear-filters-btn{
      width:auto; min-width:156px; min-height:48px; padding:11px 20px; font-size:14px; font-weight:700; cursor:pointer; color:#243142; border-radius:18px;
      background:linear-gradient(145deg, #ffffff, #fafafa) !important;
      box-shadow:10px 10px 22px rgba(229,229,229,0.76), -9px -9px 20px rgba(255,255,255,0.99) !important;
    }
    #dncm-general-query-root #dncm-general-query-apply-btn:hover:not(:disabled),
    #dncm-general-query-root #dncm-general-query-clear-filters-btn:hover:not(:disabled){ box-shadow:12px 12px 26px rgba(224,224,224,0.84), -10px -10px 22px rgba(255,255,255,1) !important; }
    #dncm-general-query-root #dncm-general-query-apply-btn:active:not(:disabled),
    #dncm-general-query-root #dncm-general-query-clear-filters-btn:active:not(:disabled){ box-shadow:inset 3px 3px 7px rgba(235,235,235,0.96), inset -3px -3px 7px rgba(255,255,255,1) !important; }
    #dncm-general-query-root #dncm-general-query-apply-btn:disabled,
    #dncm-general-query-root #dncm-general-query-clear-filters-btn:disabled{ opacity:.58; cursor:not-allowed; }

    #dncm-general-query-root .dncm-general-query-state{ min-height:18px; font-size:13px; color:#677486; }
    #dncm-general-query-root .dncm-general-query-state.dncm-general-query-error-state{ color:#c53939; }
    #dncm-general-query-root .dncm-general-query-state.dncm-general-query-success-state{ color:#1f7a56; }

    #dncm-general-query-root .dncm-general-query-dropdown{ position:relative; }
    #dncm-general-query-root .dncm-general-query-input-with-clear{ position:relative; display:flex; align-items:center; }
    #dncm-general-query-root .dncm-general-query-input-with-clear input{ padding-right:54px; }
    #dncm-general-query-root .dncm-general-query-clear-btn{
      position:absolute; top:50%; right:8px; transform:translateY(-50%); width:34px !important; min-width:34px; height:34px; min-height:34px !important; padding:0 !important;
      border-radius:999px !important; display:none; align-items:center; justify-content:center; cursor:pointer; color:#677486; font-size:18px; line-height:1; user-select:none;
      background:linear-gradient(145deg, #ffffff, #fafafa) !important;
      box-shadow:8px 8px 16px rgba(228,228,228,0.7), -7px -7px 15px rgba(255,255,255,1) !important;
    }
    #dncm-general-query-root .dncm-general-query-clear-btn:hover{ color:#243142; }

    #dncm-general-query-root .dncm-general-query-dropdown-list,
    #dncm-general-query-root .dncm-general-query-plant-list{
      display:none; position:absolute; top:calc(100% + 8px); left:0; right:0; z-index:90; max-height:280px; overflow:auto; padding:8px; border-radius:18px;
      background:linear-gradient(145deg, #ffffff, #fbfbfb); box-shadow:18px 18px 34px rgba(227,227,227,0.84), -15px -15px 28px rgba(255,255,255,1);
    }
    #dncm-general-query-root .dncm-general-query-dropdown-search-wrap{ position:sticky; top:0; z-index:5; background:linear-gradient(145deg, #ffffff, #fbfbfb); padding-bottom:8px; box-shadow:0 6px 10px rgba(250,250,250,1); }
    #dncm-general-query-root .dncm-general-query-item{ padding:10px 12px; margin:3px 0; border-radius:14px; font-size:13px; color:#243142; cursor:pointer; white-space:normal; word-break:break-word; transition:background .15s ease, color .15s ease, box-shadow .15s ease; }
    #dncm-general-query-root .dncm-general-query-item:hover{ background:linear-gradient(145deg, #ffffff, #f8f8f8); box-shadow:8px 8px 16px rgba(230,230,230,0.72), -7px -7px 16px rgba(255,255,255,1); }
    #dncm-general-query-root .dncm-general-query-item.dncm-general-query-item-disabled{ color:#677486; cursor:not-allowed; pointer-events:none; background:transparent; box-shadow:none; }
    #dncm-general-query-root .dncm-general-query-item.dncm-general-query-item-selected{ color:#367c2b; background:linear-gradient(145deg, #ffffff, #f7fbf7); box-shadow:inset 2px 2px 5px rgba(239,239,239,0.94), inset -2px -2px 5px rgba(255,255,255,1); }

    #dncm-general-query-root .dncm-general-query-applied-summary-wrap{ margin-top:14px; }
    #dncm-general-query-root .dncm-general-query-applied-summary{ display:none; padding:12px 16px; border-radius:18px; font-size:13px; line-height:1.5; color:#243142; box-shadow:8px 8px 18px rgba(227,227,227,0.75), -8px -8px 18px rgba(255,255,255,1); }
    #dncm-general-query-root .dncm-general-query-summary-label{ font-weight:700; margin-right:6px; }
    #dncm-general-query-root .dncm-general-query-last-refresh-row{ display:flex; justify-content:flex-end; margin:14px 0 0; }
    #dncm-general-query-root .dncm-general-query-last-refresh{ display:none; padding:12px 16px; border-radius:18px; font-size:13px; color:#243142; box-shadow:8px 8px 18px rgba(227,227,227,0.75), -8px -8px 18px rgba(255,255,255,1); }
    #dncm-general-query-root .dncm-general-query-table-area{ display:none; margin-top:18px; }
    #dncm-general-query-root .dncm-general-query-dt-card{ padding:20px; border-radius:28px; background:linear-gradient(145deg, #ffffff, #fbfbfb); box-shadow:16px 16px 32px rgba(227,227,227,0.8), -14px -14px 28px rgba(255,255,255,1); overflow:hidden; }
    #dncm-general-query-root .dncm-general-query-table-title{ margin:0 0 14px; font-size:18px; font-weight:700; color:#243142; }
    #dncm-general-query-root .dncm-general-query-table-bottom-meta{ display:none; justify-content:flex-end; margin-top:14px; gap:12px; flex-wrap:wrap; }
    #dncm-general-query-root .dncm-general-query-response-time{ display:none; padding:10px 14px; border-radius:16px; font-size:13px; color:#243142; box-shadow:8px 8px 18px rgba(227,227,227,0.75), -8px -8px 18px rgba(255,255,255,1); }

    #dncm-general-query-root .dt-container .dt-layout-table,
    #dncm-general-query-root .dataTables_wrapper{ width:100% !important; }
    #dncm-general-query-root table.dataTable,
    #dncm-general-query-root table.dataTable thead th,
    #dncm-general-query-root table.dataTable thead td,
    #dncm-general-query-root table.dataTable tbody td,
    #dncm-general-query-root table.dataTable tbody tr{ background:transparent !important; }
    #dncm-general-query-root table.dataTable{ width:100% !important; border-collapse:collapse !important; }
    #dncm-general-query-root table.dataTable.no-footer{ border-bottom:none !important; }
    #dncm-general-query-root table.dataTable thead th,
    #dncm-general-query-root table.dataTable thead td{ color:#243142 !important; font-weight:700 !important; white-space:nowrap; border-bottom:1px solid rgba(235,235,235,0.96) !important; background:rgba(255,255,255,0.96) !important; }
    #dncm-general-query-root table.dataTable tbody td{ color:#30445c !important; border-top:none !important; border-bottom:1px solid rgba(242,242,242,1) !important; vertical-align:top; background:rgba(255,255,255,0.97) !important; }
    #dncm-general-query-root table.dataTable tbody tr:hover td{ background:rgba(250,250,250,1) !important; }
    #dncm-general-query-root .dncm-general-query-link-cell a,
    #dncm-general-query-root .dncm-general-query-link-cell a:visited{ color:#367c2b !important; text-decoration:none !important; font-weight:700 !important; }
    #dncm-general-query-root .dncm-general-query-link-cell a:hover{ text-decoration:underline !important; }

    /* Neumorphic responsive arrow */
    #dncm-general-query-root table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
    #dncm-general-query-root table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control{
      position:relative;
      text-align:center;
      width:56px !important;
      min-width:56px !important;
      max-width:56px !important;
      cursor:pointer;
      padding-left:10px !important;
      padding-right:10px !important;
      vertical-align:middle !important;
    }
    #dncm-general-query-root table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
    #dncm-general-query-root table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before{
      content:'+';
      position:static;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:30px;
      height:30px;
      border-radius:999px;
      border:none !important;
      font-size:18px;
      font-weight:700;
      line-height:1;
      color:#367c2b;
      background:linear-gradient(145deg, #ffffff, #f3f8f2) !important;
      box-shadow:7px 7px 14px rgba(224,224,224,0.72), -7px -7px 14px rgba(255,255,255,0.98), inset 1px 1px 2px rgba(255,255,255,0.95), inset -1px -1px 2px rgba(236,236,236,0.85);
      transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
    }
    #dncm-general-query-root table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:hover:before,
    #dncm-general-query-root table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:hover:before{
      transform:translateY(-1px);
      box-shadow:8px 8px 16px rgba(222,222,222,0.78), -8px -8px 16px rgba(255,255,255,1), inset 1px 1px 2px rgba(255,255,255,0.98), inset -1px -1px 2px rgba(234,234,234,0.88);
    }
    #dncm-general-query-root table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,
    #dncm-general-query-root table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before{
      content:'−';
      color:#ffffff;
      background:linear-gradient(145deg, #5ea94d, #2f6f25) !important;
      box-shadow:6px 6px 14px rgba(220,220,220,0.58), -6px -6px 14px rgba(255,255,255,0.78), inset 1px 1px 2px rgba(255,255,255,0.18), inset -1px -1px 2px rgba(0,0,0,0.08);
    }
    #dncm-general-query-root table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:hover:before,
    #dncm-general-query-root table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:hover:before{
      transform:translateY(-1px);
    }
    #dncm-general-query-root .dtr-details{ width:100%; margin:0; padding:0; }
    #dncm-general-query-root .dtr-details li{ padding:8px 0 !important; border-bottom:1px solid rgba(235,235,235,0.8); }
    #dncm-general-query-root .dtr-title{ font-weight:700; color:#243142; }
    #dncm-general-query-root .dtr-data{ color:#30445c; word-break:break-word; }

    /* Explicit custom top/bottom wrappers created by dom */
    #dncm-general-query-root .dt-top{ display:grid !important; grid-template-columns:240px 1fr 360px; gap:18px; align-items:center; margin-bottom:14px; }
    #dncm-general-query-root .dt-bottom{ display:grid !important; grid-template-columns:1fr auto; gap:16px; align-items:center; margin-top:16px; }
    #dncm-general-query-root .dt-left,
    #dncm-general-query-root .dt-center,
    #dncm-general-query-root .dt-right{ display:flex; align-items:center; min-width:0; }
    #dncm-general-query-root .dt-left{ justify-content:flex-start; }
    #dncm-general-query-root .dt-center{ justify-content:center; }
    #dncm-general-query-root .dt-right{ justify-content:flex-end; }

    /* Page length: keep inline exactly */
    #dncm-general-query-root .dt-left .dt-length{ display:flex !important; align-items:center !important; gap:10px !important; min-width:220px; }
    #dncm-general-query-root .dt-left .dt-length label{ display:inline-block !important; white-space:nowrap !important; margin:0 !important; color:#243142 !important; font-size:13px !important; }
    #dncm-general-query-root .dt-left .dt-length select{ width:68px !important; min-width:68px !important; height:42px !important; min-height:42px !important; padding:6px 26px 6px 12px !important; text-align:center !important; border:none !important; outline:none !important; border-radius:15px !important; appearance:none !important; -webkit-appearance:none !important; cursor:pointer !important; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23367c2b' d='M1 0l4 4 4-4 1 1-5 5-5-5z'/%3E%3C/svg%3E") no-repeat right 11px center / 10px 6px, linear-gradient(145deg, #ffffff, #fafafa) !important; box-shadow:8px 8px 16px rgba(229,229,229,0.72), -7px -7px 16px rgba(255,255,255,1), inset 2px 2px 4px rgba(240,240,240,0.9), inset -2px -2px 4px rgba(255,255,255,1) !important; color:#243142 !important; }
    #dncm-general-query-root .dt-left .dt-length select:focus{ box-shadow:8px 8px 16px rgba(229,229,229,0.72), -7px -7px 16px rgba(255,255,255,1), inset 2px 2px 4px rgba(240,240,240,0.95), inset -2px -2px 4px rgba(255,255,255,1), 0 0 0 2px rgba(54,124,43,0.10) !important; }

    /* Buttons */
    #dncm-general-query-root .dt-center .dt-buttons{ display:flex !important; align-items:center !important; gap:10px !important; justify-content:center !important; width:100%; }
    #dncm-general-query-root .dt-button{ width:auto !important; min-width:84px; min-height:44px !important; padding:10px 18px !important; margin:0 !important; border-radius:16px !important; color:#243142 !important; background:linear-gradient(145deg, #ffffff, #fafafa) !important; box-shadow:8px 8px 16px rgba(228,228,228,0.68), -8px -8px 16px rgba(255,255,255,0.98) !important; border:none !important; font-size:13px !important; font-weight:500 !important; }
    #dncm-general-query-root .dt-button:hover{ background:linear-gradient(145deg, #ffffff, #f8f8f8) !important; color:#243142 !important; }
    #dncm-general-query-root .dt-button:focus,
    #dncm-general-query-root .dt-button:active{ box-shadow:inset 3px 3px 7px rgba(236,236,236,0.96), inset -3px -3px 7px rgba(255,255,255,1) !important; }
    #dncm-general-query-root .dt-button .dt-button-down-arrow,
    #dncm-general-query-root .dt-button span.dt-button-down-arrow{ margin-left:8px !important; color:#8792a0 !important; }

    /* Search */
    #dncm-general-query-root .dt-right .dt-search{ width:100%; display:flex !important; align-items:center !important; justify-content:flex-end !important; gap:12px !important; }
    #dncm-general-query-root .dt-right .dt-search label{ margin:0 !important; white-space:nowrap !important; color:#243142 !important; font-size:13px !important; }
    #dncm-general-query-root .dt-right .dt-search input{ width:280px !important; min-width:280px !important; height:44px !important; min-height:44px !important; padding:8px 14px !important; border-radius:16px !important; background:linear-gradient(145deg, #ffffff, #fcfcfc) !important; box-shadow:inset 2px 2px 6px rgba(240,240,240,0.95), inset -2px -2px 6px rgba(255,255,255,1), 7px 7px 16px rgba(229,229,229,0.42), -6px -6px 12px rgba(255,255,255,0.85) !important; }

    /* Bottom info / pager */
    #dncm-general-query-root .dt-bottom .dt-info{ color:#243142 !important; font-size:13px !important; margin:0 !important; }
    #dncm-general-query-root .dt-bottom .dt-paging{ display:flex !important; align-items:center !important; gap:10px !important; }
    #dncm-general-query-root .dt-bottom .dt-paging nav{ display:flex !important; align-items:center !important; gap:10px !important; }
    #dncm-general-query-root .dt-paging-button{ min-width:38px !important; min-height:38px !important; padding:8px 12px !important; border-radius:14px !important; color:#243142 !important; background:linear-gradient(145deg, #ffffff, #fafafa) !important; box-shadow:8px 8px 18px rgba(228,228,228,0.74), -8px -8px 18px rgba(255,255,255,1) !important; border:none !important; }
    #dncm-general-query-root .dt-paging-button.current,
    #dncm-general-query-root .dt-paging-button.current:hover{ background:linear-gradient(145deg, #fbfbfb, #ffffff) !important; box-shadow:inset 3px 3px 7px rgba(236,236,236,0.96), inset -3px -3px 7px rgba(255,255,255,1) !important; }
    #dncm-general-query-root .dt-paging-button.disabled{ opacity:.6 !important; cursor:not-allowed !important; }



    /* Themed custom DataTables page-length dropdown */
    #dncm-general-query-root .dt-left .dt-length select.dncm-general-query-native-length-hidden{ display:none !important; }
    #dncm-general-query-root .dncm-general-query-length-theme{ position:relative; display:inline-flex; align-items:center; flex:0 0 auto; }
    #dncm-general-query-root .dncm-general-query-length-btn{
      width:68px !important;
      min-width:68px !important;
      height:42px !important;
      min-height:42px !important;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      gap:8px !important;
      padding:6px 12px !important;
      border:none !important;
      outline:none !important;
      border-radius:15px !important;
      cursor:pointer !important;
      color:#243142 !important;
      font-size:13px !important;
      font-weight:700 !important;
      line-height:1 !important;
      background:linear-gradient(145deg, #ffffff, #fafafa) !important;
      box-shadow:8px 8px 16px rgba(229,229,229,0.72), -7px -7px 16px rgba(255,255,255,1), inset 2px 2px 4px rgba(240,240,240,0.9), inset -2px -2px 4px rgba(255,255,255,1) !important;
    }
    #dncm-general-query-root .dncm-general-query-length-btn::after{
      content:'';
      width:0;
      height:0;
      border-left:5px solid transparent;
      border-right:5px solid transparent;
      border-top:6px solid #367c2b;
      transition:transform .15s ease;
    }
    #dncm-general-query-root .dncm-general-query-length-theme.is-open .dncm-general-query-length-btn::after{ transform:rotate(180deg); }
    #dncm-general-query-root .dncm-general-query-length-btn:hover,
    #dncm-general-query-root .dncm-general-query-length-btn:focus{ box-shadow:8px 8px 16px rgba(229,229,229,0.72), -7px -7px 16px rgba(255,255,255,1), inset 2px 2px 4px rgba(240,240,240,0.95), inset -2px -2px 4px rgba(255,255,255,1), 0 0 0 2px rgba(54,124,43,0.10) !important; }
    #dncm-general-query-root .dncm-general-query-length-menu{
      position:absolute;
      top:48px;
      left:0;
      z-index:9999;
      width:78px;
      margin:0;
      padding:8px;
      list-style:none;
      border:none;
      border-radius:18px;
      background:linear-gradient(145deg, #ffffff, #fbfbfb);
      box-shadow:10px 10px 22px rgba(228,228,228,0.62), -8px -8px 18px rgba(255,255,255,0.98);
      display:none;
    }
    #dncm-general-query-root .dncm-general-query-length-theme.is-open .dncm-general-query-length-menu{ display:block; }
    #dncm-general-query-root .dncm-general-query-length-option{
      width:100%;
      min-height:34px;
      display:flex;
      align-items:center;
      justify-content:center;
      margin:2px 0;
      padding:8px 10px;
      border-radius:12px;
      color:#243142;
      font-size:13px;
      font-weight:600;
      cursor:pointer;
      user-select:none;
      background:transparent;
    }
    #dncm-general-query-root .dncm-general-query-length-option:hover{ background:rgba(54,124,43,0.08); color:#243142; }
    #dncm-general-query-root .dncm-general-query-length-option.is-selected{ color:#ffffff; background:linear-gradient(145deg, #5ea94d, #2f6f25); box-shadow:inset 1px 1px 2px rgba(255,255,255,0.18), inset -1px -1px 2px rgba(0,0,0,0.08); }

    /* Themed DataTables horizontal scrolling - replaces per-row responsive expansion */
    #dncm-general-query-root .dt-scroll{ width:100% !important; }
    #dncm-general-query-root .dt-scroll-head,
    #dncm-general-query-root .dt-scroll-body{ background:rgba(255,255,255,0.96) !important; }
    #dncm-general-query-root .dt-scroll-head{ border-radius:18px 18px 0 0; overflow:hidden !important; }
    #dncm-general-query-root .dt-scroll-body{
      overflow-x:auto !important;
      overflow-y:auto !important;
      border-radius:0 0 18px 18px;
      scrollbar-width:thin;
      scrollbar-color:#d7dde4 #f3f5f7;
    }
    #dncm-general-query-root .dt-scroll-head table.dataTable,
    #dncm-general-query-root .dt-scroll-body table.dataTable{ margin:0 !important; }
    #dncm-general-query-root .dt-scroll-body::-webkit-scrollbar{ height:12px; width:12px; }
    #dncm-general-query-root .dt-scroll-body::-webkit-scrollbar-track{ background:#f3f5f7; border-radius:999px; }
    #dncm-general-query-root .dt-scroll-body::-webkit-scrollbar-thumb{ background:#d7dde4; border-radius:999px; border:2px solid #f3f5f7; }
    #dncm-general-query-root .dt-scroll-body::-webkit-scrollbar-thumb:hover{ background:#c7d0d9; }
    #dncm-general-query-root .dt-scroll-body::-webkit-scrollbar-corner{ background:#f3f5f7; }
    #dncm-general-query-root .dt-scroll-head table.dataTable thead th,
    #dncm-general-query-root .dt-scroll-body table.dataTable tbody td{ white-space:nowrap !important; }

    /* Dropdown backdrop + collection fixes */
    #dncm-general-query-root div.dt-button-background,
    #dncm-general-query-root .dt-button-background{ display:none !important; opacity:0 !important; background:transparent !important; box-shadow:none !important; }

    #dncm-general-query-root div.dt-button-collection,
    #dncm-general-query-root .dt-button-collection{
      max-height:320px !important;
      overflow-y:auto !important;
      overflow-x:hidden !important;
      overscroll-behavior:contain !important;
      padding:10px !important;
      border:none !important;
      border-radius:20px !important;
      background:linear-gradient(145deg, #ffffff, #fbfbfb) !important;
      box-shadow:10px 10px 22px rgba(228,228,228,0.62), -8px -8px 18px rgba(255,255,255,0.98) !important;
      backdrop-filter:none !important;
      scrollbar-width:thin;
      scrollbar-color:#d7dde4 #f3f5f7;
    }
    #dncm-general-query-root div.dt-button-collection::-webkit-scrollbar,
    #dncm-general-query-root .dt-button-collection::-webkit-scrollbar{ width:10px; }
    #dncm-general-query-root div.dt-button-collection::-webkit-scrollbar-track,
    #dncm-general-query-root .dt-button-collection::-webkit-scrollbar-track{ background:#f3f5f7; border-radius:999px; }
    #dncm-general-query-root div.dt-button-collection::-webkit-scrollbar-thumb,
    #dncm-general-query-root .dt-button-collection::-webkit-scrollbar-thumb{ background:#d7dde4; border-radius:999px; border:2px solid #f3f5f7; }
    #dncm-general-query-root div.dt-button-collection::-webkit-scrollbar-thumb:hover,
    #dncm-general-query-root .dt-button-collection::-webkit-scrollbar-thumb:hover{ background:#c7d0d9; }
    #dncm-general-query-root div.dt-button-collection .dt-button,
    #dncm-general-query-root .dt-button-collection .dt-button{ width:100% !important; min-width:0 !important; min-height:auto !important; margin:2px 0 !important; padding:10px 12px !important; border-radius:12px !important; background:transparent !important; box-shadow:none !important; color:#243142 !important; text-align:left !important; justify-content:flex-start !important; border:none !important; }
    #dncm-general-query-root div.dt-button-collection .dt-button:hover,
    #dncm-general-query-root .dt-button-collection .dt-button:hover{ background:linear-gradient(145deg, #ffffff, #f7f7f7) !important; box-shadow:inset 2px 2px 4px rgba(240,240,240,0.92), inset -2px -2px 4px rgba(255,255,255,1) !important; color:#243142 !important; }
    #dncm-general-query-root div.dt-button-collection .dt-button.active,
    #dncm-general-query-root .dt-button-collection .dt-button.active,
    #dncm-general-query-root div.dt-button-collection .dt-button.buttons-columnVisibility.active,
    #dncm-general-query-root .dt-button-collection .dt-button.buttons-columnVisibility.active{ background:linear-gradient(145deg, #ffffff, #f7fbf7) !important; box-shadow:inset 2px 2px 5px rgba(239,239,239,0.94), inset -2px -2px 5px rgba(255,255,255,1) !important; color:#243142 !important; }

    @media (max-width:1180px){
      #dncm-general-query-root .dncm-general-query-filters-grid{ grid-template-columns:repeat(3, minmax(220px, 1fr)); }
      #dncm-general-query-root .dt-top{ grid-template-columns:220px 1fr 280px; }
      #dncm-general-query-root .dt-right .dt-search input{ width:220px !important; min-width:220px !important; }
    }
    @media (max-width:900px){
      #dncm-general-query-root .dncm-general-query-filters-grid{ grid-template-columns:1fr 1fr; }
      #dncm-general-query-root .dncm-general-query-inline-two,
      #dncm-general-query-root .dncm-general-query-date-grid{ grid-template-columns:1fr; }
      #dncm-general-query-root .dt-top,
      #dncm-general-query-root .dt-bottom{ grid-template-columns:1fr !important; }
      #dncm-general-query-root .dt-left,
      #dncm-general-query-root .dt-center,
      #dncm-general-query-root .dt-right{ justify-content:flex-start !important; }
      #dncm-general-query-root .dt-right .dt-search{ justify-content:flex-start !important; }
      #dncm-general-query-root .dt-right .dt-search input{ width:100% !important; min-width:180px !important; }
    }
    @media (max-width:640px){
      #dncm-general-query-root{ padding:14px; }
      #dncm-general-query-root .dncm-general-query-form-wrap{ padding:16px; }
      #dncm-general-query-root .dncm-general-query-filters-grid{ grid-template-columns:1fr; }
      #dncm-general-query-root .dncm-general-query-form-title{ font-size:24px; }
      #dncm-general-query-root .dncm-general-query-last-refresh-row{ justify-content:stretch; }
      #dncm-general-query-root .dncm-general-query-last-refresh,
      #dncm-general-query-root .dncm-general-query-applied-summary{ width:100%; }
      #dncm-general-query-root .dncm-general-query-table-bottom-meta{ justify-content:flex-start; }
      #dncm-general-query-root .dt-center .dt-buttons{ flex-wrap:wrap !important; justify-content:flex-start !important; }
    }
  

  /* FINAL FULL BUILD: PURE WHITE + JD YELLOW APPLY + SELECTIVE 7PX ACTION BUTTONS */
  html, body, #dncm-general-query-root{ background:#ffffff !important; }
  #dncm-general-query-root{
    --dncm-rim:#d9dee7;
    --dncm-rim-soft:#e6ebf2;
    --dncm-shadow:rgba(120,128,140,.14);
    --dncm-text:#26313d;
    --dncm-jd-green:#367c2b;
    --dncm-jd-yellow:#ffde00;
    --dncm-action-button-radius:7px;
    --dncm-pagination-radius:14px;
    color:var(--dncm-text) !important;
    font-weight:400 !important;
  }

  #dncm-general-query-root .dncm-general-query-form-wrap,
  #dncm-general-query-root .dncm-general-query-dt-card,
  #dncm-general-query-root .dncm-general-query-group-shell,
  #dncm-general-query-root .dncm-general-query-dropdown-list,
  #dncm-general-query-root .dncm-general-query-plant-list,
  #dncm-general-query-root .dncm-general-query-last-refresh,
  #dncm-general-query-root .dncm-general-query-applied-summary,
  #dncm-general-query-root .dncm-general-query-response-time,
  #dncm-general-query-root div.dt-button-collection,
  #dncm-general-query-root .dt-button-collection,
  #dncm-general-query-root input,
  #dncm-general-query-root select,
  #dncm-general-query-root .dncm-general-query-dropdown-input,
  #dncm-general-query-root .dncm-general-query-plant-trigger,
  #dncm-general-query-root .dncm-general-query-custom-trigger,
  #dncm-general-query-root .dncm-general-query-dropdown-search,
  #dncm-general-query-root .dt-search input,
  #dncm-general-query-root .dt-length select,
  #dncm-general-query-root .dt-button,
  #dncm-general-query-root .dt-paging-button,
  #dncm-general-query-root .dncm-general-query-clear-btn,
  #dncm-general-query-root table.dataTable thead th,
  #dncm-general-query-root table.dataTable thead td,
  #dncm-general-query-root table.dataTable tbody td{
    background:#ffffff !important;
    background-color:#ffffff !important;
    background-image:none !important;
  }

  #dncm-general-query-root .dncm-general-query-form-wrap,
  #dncm-general-query-root .dncm-general-query-dt-card{
    border:1px solid var(--dncm-rim) !important;
    border-radius:16px !important;
    box-shadow:8px 8px 20px var(--dncm-shadow), -5px -5px 14px #fff, inset 1px 1px 0 #fff, inset -1px -1px 0 rgba(226,230,236,.82) !important;
  }

  #dncm-general-query-root input,
  #dncm-general-query-root select,
  #dncm-general-query-root .dncm-general-query-dropdown-input,
  #dncm-general-query-root .dncm-general-query-plant-trigger,
  #dncm-general-query-root .dncm-general-query-custom-trigger,
  #dncm-general-query-root .dncm-general-query-dropdown-search,
  #dncm-general-query-root .dt-search input,
  #dncm-general-query-root .dt-length select{
    border:1px solid var(--dncm-rim) !important;
    border-radius:12px !important;
    color:var(--dncm-text) !important;
    box-shadow:4px 4px 10px rgba(120,128,140,.11), -3px -3px 8px #fff, inset 1px 1px 0 #fff, inset -1px -1px 0 rgba(226,230,236,.82) !important;
    font-weight:400 !important;
  }

  /* Only requested action buttons: Apply, Clear Filter, Show/Hide Columns, Export */
  #dncm-general-query-root #dncm-general-query-apply-btn,
  #dncm-general-query-root #dncm-general-query-clear-filters-btn,
  #dncm-general-query-root .dt-center .dt-buttons > .dt-button,
  #dncm-general-query-root .dt-center .dt-buttons > button.dt-button,
  #dncm-general-query-root .dt-center .dt-buttons > div.dt-button,
  #dncm-general-query-root .dt-center .dt-buttons > a.dt-button{
    border-radius:var(--dncm-action-button-radius) !important;
    min-height:44px !important;
    font-weight:500 !important;
    letter-spacing:0 !important;
    box-shadow:0 2px 5px rgba(120,128,140,.16), 0 8px 16px rgba(120,128,140,.08), inset 0 1px 0 rgba(255,255,255,.8) !important;
  }

  #dncm-general-query-root #dncm-general-query-clear-filters-btn,
  #dncm-general-query-root .dt-center .dt-buttons > .dt-button,
  #dncm-general-query-root .dt-center .dt-buttons > button.dt-button,
  #dncm-general-query-root .dt-center .dt-buttons > div.dt-button,
  #dncm-general-query-root .dt-center .dt-buttons > a.dt-button{
    background:#ffffff !important;
    border:1px solid #cfd6df !important;
  }

  #dncm-general-query-root #dncm-general-query-apply-btn{
    background:#ffde00 !important;
    background-color:#ffde00 !important;
    background-image:none !important;
    border:1px solid #e2c500 !important;
    color:#26313d !important;
    font-weight:600 !important;
  }

  /* Pagination stays curvy like before */
  #dncm-general-query-root .dt-paging-button,
  #dncm-general-query-root .dt-paging-button.current,
  #dncm-general-query-root .dt-paging-button.current:hover,
  #dncm-general-query-root .dt-paging-button:hover:not(.disabled),
  #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button{
    border-radius:var(--dncm-pagination-radius) !important;
    font-weight:500 !important;
  }

  #dncm-general-query-root .dncm-general-query-clear-btn{
    border-radius:999px !important;
    font-weight:600 !important;
    font-size:17px !important;
    color:#c9342b !important;
  }

  #dncm-general-query-root .dncm-general-query-label,
  #dncm-general-query-root .dncm-general-query-table-title,
  #dncm-general-query-root table.dataTable thead th{ font-weight:600 !important; }
  #dncm-general-query-root .dncm-general-query-link-cell a,
  #dncm-general-query-root a{ color:var(--dncm-jd-green) !important; font-weight:600 !important; }
  #dncm-general-query-root #dncm-general-query-plant-field{ z-index:300 !important; position:relative !important; }
  #dncm-general-query-root #dncm-general-query-plant-list,
  #dncm-general-query-root .dncm-general-query-dropdown-list{ z-index:10000 !important; pointer-events:auto !important; }
  #dncm-general-query-root div.dt-button-collection,
  #dncm-general-query-root .dt-button-collection{ z-index:99999 !important; }
  #dncm-general-query-root,
  #dncm-general-query-root .dncm-general-query-table-area,
  #dncm-general-query-root .dncm-general-query-dt-card,
  #dncm-general-query-root .dt-container,
  #dncm-general-query-root .dt-top,
  #dncm-general-query-root .dt-center{ overflow:visible !important; }



  /* FINAL SUBTLE NEUMORPHIC EFFECT
     Adds gentle raised depth without changing the approved layout, colors, or button-radius scope. */
  #dncm-general-query-root{
    --dncm-neo-rim:#d9dee7;
    --dncm-neo-rim-soft:#e8edf3;
    --dncm-neo-shadow:rgba(118,126,138,.16);
    --dncm-neo-shadow-soft:rgba(118,126,138,.09);
    --dncm-neo-highlight:rgba(255,255,255,1);
  }

  /* Main cards: subtle raised neumorphism, still pure #ffffff */
  #dncm-general-query-root .dncm-general-query-form-wrap,
  #dncm-general-query-root .dncm-general-query-dt-card{
    background:#ffffff !important;
    border:1px solid var(--dncm-neo-rim) !important;
    box-shadow:
      -6px -6px 14px var(--dncm-neo-highlight),
      9px 9px 22px var(--dncm-neo-shadow),
      inset 1px 1px 0 rgba(255,255,255,1),
      inset -1px -1px 0 rgba(226,230,236,.78) !important;
  }

  /* Secondary cards and dropdown panels */
  #dncm-general-query-root .dncm-general-query-group-shell,
  #dncm-general-query-root .dncm-general-query-dropdown-list,
  #dncm-general-query-root .dncm-general-query-plant-list,
  #dncm-general-query-root .dncm-general-query-last-refresh,
  #dncm-general-query-root .dncm-general-query-applied-summary,
  #dncm-general-query-root .dncm-general-query-response-time,
  #dncm-general-query-root div.dt-button-collection,
  #dncm-general-query-root .dt-button-collection{
    background:#ffffff !important;
    border:1px solid var(--dncm-neo-rim-soft) !important;
    box-shadow:
      -4px -4px 10px var(--dncm-neo-highlight),
      6px 6px 16px var(--dncm-neo-shadow-soft),
      inset 1px 1px 0 rgba(255,255,255,1),
      inset -1px -1px 0 rgba(226,230,236,.64) !important;
  }

  /* Inputs: light raised neumorphic edge, still visible borders */
  #dncm-general-query-root input,
  #dncm-general-query-root select,
  #dncm-general-query-root .dncm-general-query-dropdown-input,
  #dncm-general-query-root .dncm-general-query-plant-trigger,
  #dncm-general-query-root .dncm-general-query-custom-trigger,
  #dncm-general-query-root .dncm-general-query-dropdown-search,
  #dncm-general-query-root .dt-search input,
  #dncm-general-query-root .dt-length select{
    background:#ffffff !important;
    border:1px solid var(--dncm-neo-rim) !important;
    box-shadow:
      -3px -3px 8px var(--dncm-neo-highlight),
      4px 4px 12px var(--dncm-neo-shadow-soft),
      inset 1px 1px 0 rgba(255,255,255,1),
      inset -1px -1px 0 rgba(226,230,236,.70) !important;
  }

  #dncm-general-query-root input:focus,
  #dncm-general-query-root select:focus,
  #dncm-general-query-root .dncm-general-query-dropdown-input:focus,
  #dncm-general-query-root .dncm-general-query-plant-trigger:focus,
  #dncm-general-query-root .dncm-general-query-custom-trigger:focus,
  #dncm-general-query-root .dncm-general-query-dropdown-search:focus,
  #dncm-general-query-root .dt-search input:focus,
  #dncm-general-query-root .dt-length select:focus{
    border-color:rgba(54,124,43,.38) !important;
    box-shadow:
      0 0 0 3px rgba(54,124,43,.08),
      -3px -3px 8px var(--dncm-neo-highlight),
      5px 5px 14px rgba(118,126,138,.13),
      inset 1px 1px 0 rgba(255,255,255,1),
      inset -1px -1px 0 rgba(226,230,236,.76) !important;
  }

  /* Requested action buttons keep 7px radius with soft raised effect */
  #dncm-general-query-root #dncm-general-query-apply-btn,
  #dncm-general-query-root #dncm-general-query-clear-filters-btn,
  #dncm-general-query-root .dt-center .dt-buttons > .dt-button,
  #dncm-general-query-root .dt-center .dt-buttons > button.dt-button,
  #dncm-general-query-root .dt-center .dt-buttons > div.dt-button,
  #dncm-general-query-root .dt-center .dt-buttons > a.dt-button{
    border-radius:7px !important;
    box-shadow:
      -3px -3px 8px rgba(255,255,255,1),
      5px 5px 13px rgba(118,126,138,.14),
      inset 1px 1px 0 rgba(255,255,255,.78),
      inset -1px -1px 0 rgba(200,204,210,.28) !important;
  }

  /* Apply button remains JD yellow */
  #dncm-general-query-root #dncm-general-query-apply-btn{
    background:#ffde00 !important;
    background-color:#ffde00 !important;
    background-image:none !important;
  }

  /* Pagination stays curvy; just a very soft raised effect */
  #dncm-general-query-root .dt-paging-button,
  #dncm-general-query-root .dt-paging-button.current,
  #dncm-general-query-root .dt-paging-button.current:hover,
  #dncm-general-query-root .dt-paging-button:hover:not(.disabled),
  #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button{
    border-radius:14px !important;
    box-shadow:
      -3px -3px 8px rgba(255,255,255,1),
      4px 4px 10px rgba(118,126,138,.10),
      inset 1px 1px 0 rgba(255,255,255,1),
      inset -1px -1px 0 rgba(226,230,236,.60) !important;
  }

  /* Clear icon remains circular */
  #dncm-general-query-root .dncm-general-query-clear-btn{
    border-radius:999px !important;
    box-shadow:
      -2px -2px 6px rgba(255,255,255,1),
      3px 3px 8px rgba(118,126,138,.12),
      inset 1px 1px 0 rgba(255,255,255,1),
      inset -1px -1px 0 rgba(226,230,236,.64) !important;
  }



  /* FINAL EXTERNAL DEF QTY CUSTOM DROPDOWN
     Native select is hidden; visible operator control now uses the same custom dropdown structure/theme as Status. */
  #dncm-general-query-root .dncm-general-query-hidden-select{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    opacity:0 !important;
    pointer-events:none !important;
    left:-9999px !important;
  }

  #dncm-general-query-root #dncm-general-query-def-op-wrap{
    position:relative !important;
    min-width:0 !important;
  }

  #dncm-general-query-root #dncm-general-query-def-op-input{
    width:100% !important;
    min-height:46px !important;
    padding:10px 14px !important;
    border-radius:16px !important;
    cursor:pointer !important;
    background:#ffffff !important;
    background-color:#ffffff !important;
    background-image:none !important;
    color:#26313d !important;
    box-shadow:
      -3px -3px 8px rgba(255,255,255,1),
      4px 4px 12px rgba(118,126,138,.09),
      inset 1px 1px 0 rgba(255,255,255,1),
      inset -1px -1px 0 rgba(226,230,236,.70) !important;
  }

  #dncm-general-query-root #dncm-general-query-def-op-list{
    display:none;
    position:absolute;
    top:calc(100% + 8px);
    left:0;
    right:0;
    z-index:10000 !important;
    max-height:280px;
    overflow:auto;
    padding:8px;
    border-radius:18px !important;
    background:#ffffff !important;
    background-color:#ffffff !important;
    background-image:none !important;
    box-shadow:
      -7px -7px 16px rgba(255,255,255,1),
      9px 9px 22px rgba(152,162,179,.14),
      inset 1px 1px 2px rgba(255,255,255,.95),
      inset -1px -1px 3px rgba(218,224,235,.54) !important;
  }

  #dncm-general-query-root #dncm-general-query-def-op-list .dncm-general-query-item{
    padding:10px 12px;
    margin:3px 0;
    border-radius:14px;
    font-size:13px;
    color:#243142;
    cursor:pointer;
    background:transparent;
    box-shadow:none;
  }

  #dncm-general-query-root #dncm-general-query-def-op-list .dncm-general-query-item:hover{
    background:#ffffff !important;
    box-shadow:
      -3px -3px 8px rgba(255,255,255,1),
      4px 4px 12px rgba(118,126,138,.09),
      inset 1px 1px 0 rgba(255,255,255,1),
      inset -1px -1px 0 rgba(226,230,236,.70) !important;
  }

  #dncm-general-query-root #dncm-general-query-def-op-list .dncm-general-query-item-selected{
    color:#367c2b !important;
    background:#ffffff !important;
    box-shadow:
      inset 2px 2px 5px rgba(239,239,239,.94),
      inset -2px -2px 5px rgba(255,255,255,1) !important;
  }



  /* FINAL DEF QTY NATIVE SELECT HARD HIDE */
  #dncm-general-query-root #dncm-general-query-def-op.dncm-general-query-hidden-select{
    display:block !important;
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    min-height:1px !important;
    padding:0 !important;
    margin:0 !important;
    opacity:0 !important;
    pointer-events:none !important;
    left:-9999px !important;
    top:auto !important;
  }



  /* FINAL ALIGNMENT + MULTI-SELECT VISIBILITY REFINEMENT */
  #dncm-general-query-root table.dataTable thead th,
  #dncm-general-query-root table.dataTable thead td,
  #dncm-general-query-root table.dataTable tbody td{
    text-align:left !important;
  }

  #dncm-general-query-root table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
  #dncm-general-query-root table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control,
  #dncm-general-query-root table.dataTable tbody td.dtr-control,
  #dncm-general-query-root table.dataTable thead th.dtr-control{
    text-align:center !important;
  }

  #dncm-general-query-root .dncm-general-query-item.dncm-general-query-item-selected{
    color:#2f6f25 !important;
    font-weight:600 !important;
    background:linear-gradient(145deg, #ffffff, #f4faf3) !important;
    box-shadow:
      inset 2px 2px 5px rgba(214,224,214,.42),
      inset -2px -2px 5px rgba(255,255,255,1),
      0 0 0 1px rgba(54,124,43,.13) !important;
  }

  #dncm-general-query-root .dncm-general-query-item.dncm-general-query-item-selected::before{
    content:'';
    display:inline-block;
    width:4px;
    height:18px;
    margin-right:8px;
    border-radius:999px;
    vertical-align:middle;
    background:#367c2b;
    opacity:.55;
  }

  #dncm-general-query-root .dncm-general-query-item.dncm-general-query-item-selected::after{
    content:'✓';
    float:right;
    color:#367c2b;
    font-weight:700;
    opacity:.75;
  }

  #dncm-general-query-root .dncm-general-query-debug-string{
    margin:6px 0 0;
    padding:10px 12px;
    white-space:pre-wrap;
    word-break:break-word;
    font-family:Consolas, 'Courier New', monospace;
    font-size:12px;
    line-height:1.45;
    color:#26313d;
    background:#ffffff !important;
    border-radius:12px;
    box-shadow:inset 2px 2px 5px rgba(239,239,239,.92), inset -2px -2px 5px rgba(255,255,255,1) !important;
  }

  #dncm-general-query-root #dncm-general-query-def-op-list{
    scrollbar-width:thin;
    scrollbar-color:#d7dde4 #f3f5f7;
  }
  #dncm-general-query-root #dncm-general-query-def-op-list::-webkit-scrollbar{ width:10px; }
  #dncm-general-query-root #dncm-general-query-def-op-list::-webkit-scrollbar-track{ background:#f3f5f7; border-radius:999px; }
  #dncm-general-query-root #dncm-general-query-def-op-list::-webkit-scrollbar-thumb{ background:#d7dde4; border-radius:999px; border:2px solid #f3f5f7; }
  #dncm-general-query-root #dncm-general-query-def-op-list::-webkit-scrollbar-thumb:hover{ background:#c7d0d9; }



  /* LOOKUP DROPDOWN MULTI-SELECT: hidden until typing/focus, matching Plant dropdown behavior */
  #dncm-general-query-root .dncm-general-query-lookup-multi-block .dncm-general-query-lookup-dropdown{ display:none; padding:10px !important; max-height:320px !important; overflow-y:auto !important; background:#ffffff !important; border-radius:14px !important; box-shadow:10px 10px 24px rgba(118,126,138,.14), -10px -10px 24px rgba(255,255,255,1) !important; }
  #dncm-general-query-root .dncm-general-query-lookup-multi-block.dncm-general-query-lookup-active .dncm-general-query-lookup-dropdown{ display:block !important; }
  #dncm-general-query-root .dncm-general-query-lookup-result, #dncm-general-query-root .dncm-general-query-lookup-selected{ width:100%; }
  #dncm-general-query-root .dncm-general-query-lookup-selected{ margin-top:8px; padding-top:8px; border-top:1px solid rgba(230,234,240,.7); }
  #dncm-general-query-root .dncm-general-query-lookup-muted, #dncm-general-query-root .dncm-general-query-lookup-empty{ display:flex; align-items:center; min-height:28px; color:#6b7785; font-size:13px; padding:6px 8px; }
  #dncm-general-query-root .dncm-general-query-lookup-empty::before{ content:''; width:4px; height:20px; margin-right:10px; border-radius:999px; background:#2f3136; }
  #dncm-general-query-root .dncm-general-query-lookup-option{ cursor:pointer; padding:10px 12px; border-radius:10px; font-size:13px; color:#2f3945; background:#ffffff; box-shadow:3px 3px 8px rgba(118,126,138,.10), -3px -3px 8px rgba(255,255,255,1) !important; }
  #dncm-general-query-root .dncm-general-query-lookup-option:hover, #dncm-general-query-root .dncm-general-query-lookup-option-selected{ color:#2f6f25 !important; background:#f4faf3 !important; }
  #dncm-general-query-root .dncm-general-query-lookup-chip{ display:inline-flex; align-items:center; gap:8px; max-width:100%; margin:3px 5px 3px 0; padding:7px 10px 7px 12px; border-radius:999px; color:#2f6f25; font-size:12px; font-weight:600; background:#f1faef; box-shadow:-3px -3px 7px rgba(255,255,255,.98), 4px 4px 10px rgba(118,126,138,.13), inset 1px 1px 1px rgba(255,255,255,.88), inset -1px -1px 2px rgba(199,223,195,.62) !important; }
  #dncm-general-query-root .dncm-general-query-lookup-chip span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  #dncm-general-query-root .dncm-general-query-lookup-chip-remove{ width:18px; height:18px; border:0; border-radius:50%; cursor:pointer; background:#ffffff; color:#2f6f25; line-height:18px; font-weight:700; box-shadow:1px 1px 4px rgba(118,126,138,.16), -1px -1px 4px rgba(255,255,255,1) !important; }



    /* Analytics card additions - outer card intentionally reuses .dncm-general-query-dt-card */
    #dncm-general-query-root .dncm-general-query-analytics-card{ margin-top:18px; overflow:hidden; }
    #dncm-general-query-root .dncm-general-query-analytics-title{ margin:0 0 14px; }
    #dncm-general-query-root .dncm-general-query-chart-toggle{ width:100%; min-height:44px; border:0; border-radius:18px; background:#ffffff !important; padding:0 14px; display:flex; align-items:center; justify-content:space-between; gap:16px; cursor:pointer; font-family:Segoe UI,Arial,sans-serif; text-align:left; color:#243142; box-shadow:-3px -3px 8px rgba(255,255,255,1), 5px 5px 13px rgba(118,126,138,.14), inset 1px 1px 0 rgba(255,255,255,.78), inset -1px -1px 0 rgba(200,204,210,.28) !important; }
    #dncm-general-query-root .dncm-general-query-chart-toggle:hover{ background:#ffffff !important; }
    #dncm-general-query-root .dncm-general-query-chart-title-wrap{ display:flex; flex-direction:column; gap:3px; min-width:0; }
    #dncm-general-query-root .dncm-general-query-chart-subtitle{ font-size:12px; font-weight:600; color:#6b7785; }
    #dncm-general-query-root .dncm-general-query-chart-icon{ position:relative; flex:0 0 auto; width:30px; height:30px; border-radius:50%; background:#ffffff; box-shadow:-2px -2px 6px rgba(255,255,255,1), 3px 3px 8px rgba(118,126,138,.12), inset 1px 1px 0 rgba(255,255,255,1), inset -1px -1px 0 rgba(226,230,236,.64) !important; transition:box-shadow .18s ease, transform .18s ease; }
    #dncm-general-query-root .dncm-general-query-chart-icon::before,#dncm-general-query-root .dncm-general-query-chart-icon::after{ content:''; position:absolute; left:50%; top:50%; width:12px; height:2px; border-radius:999px; background:#367c2b; transform:translate(-50%,-50%); transition:transform .18s ease; }
    #dncm-general-query-root .dncm-general-query-chart-icon::after{ transform:translate(-50%,-50%) rotate(90deg); }
    #dncm-general-query-root .dncm-general-query-chart-toggle[aria-expanded="true"] .dncm-general-query-chart-icon{ box-shadow:inset 3px 3px 7px rgba(227,227,227,.72), inset -3px -3px 7px rgba(255,255,255,1) !important; transform:scale(.98); }
    #dncm-general-query-root .dncm-general-query-chart-toggle[aria-expanded="true"] .dncm-general-query-chart-icon::after{ transform:translate(-50%,-50%) rotate(0deg); }
    #dncm-general-query-root .dncm-general-query-chart-panel{ padding-top:16px; }
    #dncm-general-query-root .dncm-general-query-chart-toolbar{ display:flex; align-items:flex-end; justify-content:flex-start; gap:14px; flex-wrap:wrap; margin:0 0 14px; }
    #dncm-general-query-root .dncm-general-query-chart-field{ display:flex; flex-direction:column; gap:6px; }
    #dncm-general-query-root .dncm-general-query-chart-label{ color:#536170; font-size:12px; font-weight:700; }
    #dncm-general-query-root .dncm-general-query-chart-select{ min-width:190px; height:40px; border:1px solid var(--dncm-neo-rim) !important; border-radius:12px !important; padding:0 12px; color:#243142; background:#ffffff !important; outline:none; box-shadow:-3px -3px 8px var(--dncm-neo-highlight), 4px 4px 12px var(--dncm-neo-shadow-soft), inset 1px 1px 0 rgba(255,255,255,1), inset -1px -1px 0 rgba(226,230,236,.70) !important; font-family:Segoe UI,Arial,sans-serif; font-size:13px; }
    #dncm-general-query-root .dncm-general-query-chart-note{ flex:1 1 300px; max-width:560px; color:#6b7785; font-size:12px; line-height:1.35; padding-bottom:4px; }
    #dncm-general-query-root .dncm-general-query-chart-shell{ position:relative; height:clamp(350px,42vw,540px); min-height:350px; border-radius:16px; padding:14px; background:#ffffff !important; border:1px solid var(--dncm-neo-rim-soft) !important; box-shadow:inset 4px 4px 12px rgba(232,236,242,.92), inset -4px -4px 12px rgba(255,255,255,1) !important; overflow:hidden; }
    #dncm-general-query-root .dncm-general-query-echarts{ width:100%; height:100%; min-height:320px; }
    #dncm-general-query-root .dncm-general-query-chart-empty{ margin-top:10px; padding:12px 14px; border-radius:16px; color:#6b7785; font-size:13px; background:#ffffff; box-shadow:inset 2px 2px 5px rgba(232,236,242,.92), inset -2px -2px 5px rgba(255,255,255,1) !important; }
    @media (max-width:720px){ #dncm-general-query-root .dncm-general-query-chart-toolbar{ align-items:stretch; } #dncm-general-query-root .dncm-general-query-chart-field,#dncm-general-query-root .dncm-general-query-chart-select{ width:100%; min-width:0; } #dncm-general-query-root .dncm-general-query-chart-shell{ height:440px; } }



    /* FINAL GREEN THEME + APPLIED FILTER CHIPS */
    #dncm-general-query-root #dncm-general-query-apply-btn{
      background:#367c2b !important;
      background-color:#367c2b !important;
      background-image:none !important;
      border:1px solid #2f6f25 !important;
      color:#ffffff !important;
      font-weight:700 !important;
      box-shadow:
        -3px -3px 8px rgba(255,255,255,1),
        5px 5px 13px rgba(54,124,43,.18),
        inset 1px 1px 0 rgba(255,255,255,.20),
        inset -1px -1px 0 rgba(0,0,0,.12) !important;
    }
    #dncm-general-query-root #dncm-general-query-apply-btn:hover:not(:disabled){
      background:#2f6f25 !important;
      background-color:#2f6f25 !important;
      color:#ffffff !important;
      box-shadow:
        -3px -3px 8px rgba(255,255,255,1),
        7px 7px 16px rgba(54,124,43,.22),
        inset 1px 1px 0 rgba(255,255,255,.18),
        inset -1px -1px 0 rgba(0,0,0,.14) !important;
    }
    #dncm-general-query-root #dncm-general-query-apply-btn:active:not(:disabled){
      background:#2b641f !important;
      background-color:#2b641f !important;
      box-shadow:inset 3px 3px 7px rgba(0,0,0,.16), inset -3px -3px 7px rgba(255,255,255,.10) !important;
    }
    #dncm-general-query-root #dncm-general-query-apply-btn:disabled{
      background:#367c2b !important;
      background-color:#367c2b !important;
      color:#ffffff !important;
      opacity:.55;
    }
    #dncm-general-query-root .dncm-general-query-applied-summary{
      background:#ffffff !important;
      border:1px solid var(--dncm-neo-rim-soft) !important;
    }
    #dncm-general-query-root .dncm-general-query-applied-title{
      margin:0 0 10px;
      font-size:15px;
      font-weight:700;
      color:#243142;
    }
    #dncm-general-query-root .dncm-general-query-applied-chip-wrap{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      align-items:center;
    }
    #dncm-general-query-root .dncm-general-query-applied-chip{
      display:inline-flex;
      align-items:center;
      gap:6px;
      max-width:100%;
      padding:7px 11px;
      border-radius:999px;
      color:#2f6f25;
      font-size:12px;
      font-weight:600;
      line-height:1.25;
      background:#f1faef;
      border:1px solid rgba(54,124,43,.12);
      box-shadow:-3px -3px 7px rgba(255,255,255,.98), 4px 4px 10px rgba(118,126,138,.13), inset 1px 1px 1px rgba(255,255,255,.88), inset -1px -1px 2px rgba(199,223,195,.62) !important;
    }
    #dncm-general-query-root .dncm-general-query-applied-chip-label{
      color:#536170;
      font-weight:700;
    }
    #dncm-general-query-root .dncm-general-query-applied-chip-value{
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    #dncm-general-query-root .dncm-general-query-applied-empty{
      color:#6b7785;
      font-size:13px;
      padding:2px 0;
    }



    /* STABLE: chart dropdowns matched to existing white + John Deere green neumorphic theme */
    #dncm-general-query-root .dncm-general-query-chart-select{
      appearance:none !important;
      -webkit-appearance:none !important;
      -moz-appearance:none !important;
      min-width:190px !important;
      height:40px !important;
      padding:0 38px 0 12px !important;
      color:#243142 !important;
      font-family:Segoe UI,Arial,sans-serif !important;
      font-size:13px !important;
      background-color:#ffffff !important;
      background-image:
        linear-gradient(45deg, transparent 50%, #367c2b 50%),
        linear-gradient(135deg, #367c2b 50%, transparent 50%) !important;
      background-position:
        calc(100% - 18px) 17px,
        calc(100% - 12px) 17px !important;
      background-size:6px 6px, 6px 6px !important;
      background-repeat:no-repeat !important;
      border:1px solid var(--dncm-neo-rim) !important;
      border-radius:12px !important;
      outline:none !important;
      box-shadow:
        -3px -3px 8px var(--dncm-neo-highlight),
        4px 4px 12px var(--dncm-neo-shadow-soft),
        inset 1px 1px 0 rgba(255,255,255,1),
        inset -1px -1px 0 rgba(226,230,236,.70) !important;
    }
    #dncm-general-query-root .dncm-general-query-chart-select:hover{
      border-color:rgba(54,124,43,.28) !important;
      box-shadow:
        -3px -3px 8px rgba(255,255,255,1),
        5px 5px 14px rgba(118,126,138,.12),
        inset 1px 1px 0 rgba(255,255,255,1),
        inset -1px -1px 0 rgba(226,230,236,.72) !important;
    }
    #dncm-general-query-root .dncm-general-query-chart-select:focus{
      border-color:rgba(54,124,43,.42) !important;
      box-shadow:
        0 0 0 3px rgba(54,124,43,.08),
        -3px -3px 8px var(--dncm-neo-highlight),
        5px 5px 14px rgba(118,126,138,.13),
        inset 1px 1px 0 rgba(255,255,255,1),
        inset -1px -1px 0 rgba(226,230,236,.76) !important;
    }



    /* STABLE POLISH: replace native chart option popup with themed custom neumorphic dropdown */
    #dncm-general-query-root .dncm-general-query-chart-custom-dropdown{
      position:relative;
      min-width:190px;
      width:auto;
    }
    #dncm-general-query-root .dncm-general-query-chart-native-select{
      position:absolute !important;
      width:1px !important;
      height:1px !important;
      min-width:1px !important;
      min-height:1px !important;
      padding:0 !important;
      margin:0 !important;
      opacity:0 !important;
      pointer-events:none !important;
      left:-9999px !important;
      top:auto !important;
    }
    #dncm-general-query-root .dncm-general-query-chart-custom-trigger{
      width:100%;
      min-width:190px;
      height:40px;
      min-height:40px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:0 12px;
      border:1px solid var(--dncm-neo-rim) !important;
      border-radius:12px !important;
      color:#243142 !important;
      background:#ffffff !important;
      font-family:Segoe UI,Arial,sans-serif;
      font-size:13px;
      font-weight:500;
      text-align:left;
      cursor:pointer;
      outline:none !important;
      box-shadow:-3px -3px 8px var(--dncm-neo-highlight), 4px 4px 12px var(--dncm-neo-shadow-soft), inset 1px 1px 0 rgba(255,255,255,1), inset -1px -1px 0 rgba(226,230,236,.70) !important;
    }
    #dncm-general-query-root .dncm-general-query-chart-custom-trigger:hover{
      border-color:rgba(54,124,43,.28) !important;
      box-shadow:-3px -3px 8px rgba(255,255,255,1), 5px 5px 14px rgba(118,126,138,.12), inset 1px 1px 0 rgba(255,255,255,1), inset -1px -1px 0 rgba(226,230,236,.72) !important;
    }
    #dncm-general-query-root .dncm-general-query-chart-custom-trigger:focus{
      border-color:rgba(54,124,43,.42) !important;
      box-shadow:0 0 0 3px rgba(54,124,43,.08), -3px -3px 8px var(--dncm-neo-highlight), 5px 5px 14px rgba(118,126,138,.13), inset 1px 1px 0 rgba(255,255,255,1), inset -1px -1px 0 rgba(226,230,236,.76) !important;
    }
    #dncm-general-query-root .dncm-general-query-chart-custom-trigger::after{
      content:'';
      width:8px;
      height:8px;
      border-right:2px solid #367c2b;
      border-bottom:2px solid #367c2b;
      transform:rotate(45deg) translateY(-2px);
      flex:0 0 auto;
      opacity:.95;
      transition:transform .16s ease;
    }
    #dncm-general-query-root .dncm-general-query-chart-custom-dropdown.dncm-general-query-chart-custom-open .dncm-general-query-chart-custom-trigger::after{
      transform:rotate(225deg) translate(-2px,-2px);
    }
    #dncm-general-query-root .dncm-general-query-chart-custom-list{
      display:none;
      position:absolute;
      top:calc(100% + 8px);
      left:0;
      right:0;
      z-index:10050;
      max-height:290px;
      overflow:auto;
      padding:8px;
      border:1px solid var(--dncm-neo-rim-soft) !important;
      border-radius:18px !important;
      background:#ffffff !important;
      box-shadow:-7px -7px 16px rgba(255,255,255,1), 9px 9px 22px rgba(152,162,179,.14), inset 1px 1px 2px rgba(255,255,255,.95), inset -1px -1px 3px rgba(218,224,235,.54) !important;
      scrollbar-width:thin;
      scrollbar-color:#d7dde4 #f3f5f7;
    }
    #dncm-general-query-root .dncm-general-query-chart-custom-dropdown.dncm-general-query-chart-custom-open .dncm-general-query-chart-custom-list{
      display:block;
    }
    #dncm-general-query-root .dncm-general-query-chart-custom-list::-webkit-scrollbar{ width:10px; }
    #dncm-general-query-root .dncm-general-query-chart-custom-list::-webkit-scrollbar-track{ background:#f3f5f7; border-radius:999px; }
    #dncm-general-query-root .dncm-general-query-chart-custom-list::-webkit-scrollbar-thumb{ background:#d7dde4; border-radius:999px; border:2px solid #f3f5f7; }
    #dncm-general-query-root .dncm-general-query-chart-custom-list::-webkit-scrollbar-thumb:hover{ background:#c7d0d9; }
    #dncm-general-query-root .dncm-general-query-chart-custom-option{
      width:100%;
      min-height:38px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      margin:3px 0;
      padding:9px 12px;
      border:0 !important;
      border-radius:14px;
      color:#243142;
      background:transparent;
      font-family:Segoe UI,Arial,sans-serif;
      font-size:13px;
      font-weight:500;
      text-align:left;
      cursor:pointer;
      box-shadow:none !important;
    }
    #dncm-general-query-root .dncm-general-query-chart-custom-option:hover,
    #dncm-general-query-root .dncm-general-query-chart-custom-option:focus{
      color:#243142 !important;
      background:#ffffff !important;
      outline:none !important;
      box-shadow:-3px -3px 8px rgba(255,255,255,1), 4px 4px 12px rgba(118,126,138,.09), inset 1px 1px 0 rgba(255,255,255,1), inset -1px -1px 0 rgba(226,230,236,.70) !important;
    }
    #dncm-general-query-root .dncm-general-query-chart-custom-option.dncm-general-query-chart-custom-selected{
      color:#2f6f25 !important;
      font-weight:700 !important;
      background:linear-gradient(145deg, #ffffff, #f4faf3) !important;
      box-shadow:inset 2px 2px 5px rgba(214,224,214,.42), inset -2px -2px 5px rgba(255,255,255,1), 0 0 0 1px rgba(54,124,43,.13) !important;
    }
    #dncm-general-query-root .dncm-general-query-chart-custom-option.dncm-general-query-chart-custom-selected::before{
      content:'';
      width:4px;
      height:18px;
      border-radius:999px;
      background:#367c2b;
      opacity:.55;
      flex:0 0 auto;
    }
    #dncm-general-query-root .dncm-general-query-chart-custom-option.dncm-general-query-chart-custom-selected::after{
      content:'✓';
      color:#367c2b;
      font-weight:800;
      opacity:.78;
      margin-left:auto;
    }
    @media (max-width:720px){
      #dncm-general-query-root .dncm-general-query-chart-custom-dropdown,
      #dncm-general-query-root .dncm-general-query-chart-custom-trigger{ width:100%; min-width:0; }
    }


    /* POWER PAGES SCROLL + SEARCH LABEL FIX */
    #dncm-general-query-root{
     /* width:100% !important;
      max-width:100% !important;
      overflow-x:hidden !important;*/


 width:96vw !important;
      /*max-width:96vw !important;*/
      overflow-x:hidden !important;

    }
    #dncm-general-query-root .dncm-general-query-table-area,
    #dncm-general-query-root .dncm-general-query-dt-card,
    #dncm-general-query-root .dt-container,
    #dncm-general-query-root .dt-layout-table,
    #dncm-general-query-root .dt-scroll{
      max-width:100% !important;
      overflow-x:hidden !important;
    }
    #dncm-general-query-root .dt-scroll-head{
      overflow:hidden !important;
    }
    #dncm-general-query-root .dt-scroll-body{
      overflow-x:auto !important;
      overflow-y:hidden !important;
      cursor:ew-resize;
      overscroll-behavior-x:contain;
    }
    #dncm-general-query-root .dt-scroll-body:hover{
      cursor:ew-resize;
    }
    #dncm-general-query-root .dt-right .dt-search .dncm-general-query-dt-search-text{
      display:inline-flex !important;
      align-items:center !important;
      margin:0 !important;
      white-space:nowrap !important;
      color:#243142 !important;
      font-size:13px !important;
      font-weight:600 !important;
      line-height:1 !important;
    }


    /* ROWS LABEL + PAGE LENGTH DROPDOWN THEME ALIGNMENT */
    #dncm-general-query-root .dt-left .dt-length label{
      font-weight:600 !important;
    }
    #dncm-general-query-root .dncm-general-query-length-menu{
      width:96px !important;
      min-width:96px !important;
      max-height:320px !important;
      overflow-y:auto !important;
      overflow-x:hidden !important;
      overscroll-behavior:contain !important;
      padding:10px !important;
      border:none !important;
      border-radius:20px !important;
      background:#ffffff !important;
      background-color:#ffffff !important;
      background-image:none !important;
      box-shadow:10px 10px 22px rgba(228,228,228,0.62), -8px -8px 18px rgba(255,255,255,0.98) !important;
      backdrop-filter:none !important;
      scrollbar-width:thin;
      scrollbar-color:#d7dde4 #f3f5f7;
    }
    #dncm-general-query-root .dncm-general-query-length-menu::-webkit-scrollbar{ width:10px; }
    #dncm-general-query-root .dncm-general-query-length-menu::-webkit-scrollbar-track{ background:#f3f5f7; border-radius:999px; }
    #dncm-general-query-root .dncm-general-query-length-menu::-webkit-scrollbar-thumb{ background:#d7dde4; border-radius:999px; border:2px solid #f3f5f7; }
    #dncm-general-query-root .dncm-general-query-length-menu::-webkit-scrollbar-thumb:hover{ background:#c7d0d9; }
    #dncm-general-query-root .dncm-general-query-length-option{
      width:100% !important;
      min-width:0 !important;
      min-height:auto !important;
      margin:2px 0 !important;
      padding:10px 12px !important;
      border-radius:12px !important;
      background:transparent !important;
      box-shadow:none !important;
      color:#243142 !important;
      font-size:13px !important;
      font-weight:500 !important;
      text-align:left !important;
      justify-content:flex-start !important;
    }
    #dncm-general-query-root .dncm-general-query-length-option:hover,
    #dncm-general-query-root .dncm-general-query-length-option:focus{
      background:linear-gradient(145deg, #ffffff, #f7f7f7) !important;
      box-shadow:inset 2px 2px 4px rgba(240,240,240,0.92), inset -2px -2px 4px rgba(255,255,255,1) !important;
      color:#243142 !important;
      outline:none !important;
    }
    #dncm-general-query-root .dncm-general-query-length-option.is-selected{
      background:linear-gradient(145deg, #ffffff, #f7fbf7) !important;
      box-shadow:inset 2px 2px 5px rgba(239,239,239,0.94), inset -2px -2px 5px rgba(255,255,255,1) !important;
      color:#243142 !important;
      font-weight:600 !important;
    }


    /* FINAL PAGE LENGTH BUTTON + MENU POLISH: match Export font weight and dropdown theme */
    #dncm-general-query-root .dncm-general-query-length-btn{
      width:auto !important;
      min-width:84px !important;
      height:44px !important;
      min-height:44px !important;
      padding:10px 18px !important;
      gap:10px !important;
      border:1px solid #cfd6df !important;
      border-radius:7px !important;
      color:#243142 !important;
      background:#ffffff !important;
      background-color:#ffffff !important;
      background-image:none !important;
      font-size:13px !important;
      font-weight:500 !important;
      letter-spacing:0 !important;
      line-height:1 !important;
      box-shadow:
        -3px -3px 8px rgba(255,255,255,1),
        5px 5px 13px rgba(118,126,138,.14),
        inset 1px 1px 0 rgba(255,255,255,.78),
        inset -1px -1px 0 rgba(200,204,210,.28) !important;
    }
    #dncm-general-query-root .dncm-general-query-length-btn:hover,
    #dncm-general-query-root .dncm-general-query-length-btn:focus{
      background:#ffffff !important;
      background-color:#ffffff !important;
      border-color:#cfd6df !important;
      box-shadow:
        -3px -3px 8px rgba(255,255,255,1),
        5px 5px 13px rgba(118,126,138,.14),
        inset 1px 1px 0 rgba(255,255,255,.78),
        inset -1px -1px 0 rgba(200,204,210,.28) !important;
    }
    #dncm-general-query-root .dncm-general-query-length-btn::after{
      width:0 !important;
      height:0 !important;
      border-left:4px solid transparent !important;
      border-right:4px solid transparent !important;
      border-top:5px solid #367c2b !important;
      border-bottom:0 !important;
      transform:none !important;
      opacity:.95 !important;
    }
    #dncm-general-query-root .dncm-general-query-length-theme.is-open .dncm-general-query-length-btn::after{
      transform:rotate(180deg) !important;
    }
    #dncm-general-query-root .dncm-general-query-length-menu{
      top:52px !important;
      left:0 !important;
      width:118px !important;
      min-width:118px !important;
      max-height:320px !important;
      padding:10px !important;
      border:none !important;
      border-radius:20px !important;
      background:#ffffff !important;
      background-color:#ffffff !important;
      background-image:none !important;
      box-shadow:
        10px 10px 22px rgba(228,228,228,0.62),
        -8px -8px 18px rgba(255,255,255,0.98) !important;
      overflow-y:auto !important;
      overflow-x:hidden !important;
      overscroll-behavior:contain !important;
      scrollbar-width:thin;
      scrollbar-color:#d7dde4 #f3f5f7;
    }
    #dncm-general-query-root .dncm-general-query-length-option{
      width:100% !important;
      min-height:auto !important;
      display:flex !important;
      align-items:center !important;
      justify-content:flex-start !important;
      margin:2px 0 !important;
      padding:10px 12px !important;
      border:none !important;
      border-radius:12px !important;
      background:transparent !important;
      background-color:transparent !important;
      background-image:none !important;
      box-shadow:none !important;
      color:#243142 !important;
      font-size:13px !important;
      font-weight:500 !important;
      line-height:1.2 !important;
      text-align:left !important;
    }
    #dncm-general-query-root .dncm-general-query-length-option:hover,
    #dncm-general-query-root .dncm-general-query-length-option:focus{
      background:linear-gradient(145deg, #ffffff, #f7f7f7) !important;
      color:#243142 !important;
      box-shadow:
        inset 2px 2px 4px rgba(240,240,240,0.92),
        inset -2px -2px 4px rgba(255,255,255,1) !important;
      outline:none !important;
    }
    #dncm-general-query-root .dncm-general-query-length-option.is-selected{
      background:linear-gradient(145deg, #ffffff, #f7fbf7) !important;
      color:#243142 !important;
      font-weight:500 !important;
      box-shadow:
        inset 2px 2px 5px rgba(239,239,239,0.94),
        inset -2px -2px 5px rgba(255,255,255,1) !important;
    }
    #dncm-general-query-root .dncm-general-query-length-option.is-selected::before{
      content:'';
      width:4px;
      height:16px;
      margin-right:8px;
      border-radius:999px;
      background:#367c2b;
      opacity:.55;
      flex:0 0 auto;
    }
    #dncm-general-query-root .dncm-general-query-length-option.is-selected::after{
      content:'✓';
      margin-left:auto;
      color:#367c2b;
      font-weight:700;
      opacity:.75;
    }


    /* FINAL PAGE LENGTH OUTER BOX: match Search input theme only */
    #dncm-general-query-root .dncm-general-query-length-btn{
      width:auto !important;
      min-width:92px !important;
      height:44px !important;
      min-height:44px !important;
      padding:8px 16px !important;
      gap:10px !important;
      border:1px solid var(--dncm-neo-rim) !important;
      border-radius:16px !important;
      color:#243142 !important;
      background:linear-gradient(145deg, #ffffff, #fcfcfc) !important;
      background-color:#ffffff !important;
      font-size:13px !important;
      font-weight:500 !important;
      letter-spacing:0 !important;
      line-height:1 !important;
      box-shadow:
        inset 2px 2px 6px rgba(240,240,240,0.95),
        inset -2px -2px 6px rgba(255,255,255,1),
        7px 7px 16px rgba(229,229,229,0.42),
        -6px -6px 12px rgba(255,255,255,0.85) !important;
    }
    #dncm-general-query-root .dncm-general-query-length-btn:hover{
      border-color:var(--dncm-neo-rim) !important;
      background:linear-gradient(145deg, #ffffff, #fcfcfc) !important;
      background-color:#ffffff !important;
      box-shadow:
        inset 2px 2px 6px rgba(240,240,240,0.95),
        inset -2px -2px 6px rgba(255,255,255,1),
        7px 7px 16px rgba(229,229,229,0.42),
        -6px -6px 12px rgba(255,255,255,0.85) !important;
    }
    #dncm-general-query-root .dncm-general-query-length-btn:focus{
      border-color:rgba(54,124,43,.38) !important;
      background:linear-gradient(145deg, #ffffff, #fcfcfc) !important;
      background-color:#ffffff !important;
      box-shadow:
        0 0 0 3px rgba(54,124,43,.08),
        inset 2px 2px 6px rgba(240,240,240,0.95),
        inset -2px -2px 6px rgba(255,255,255,1),
        7px 7px 16px rgba(229,229,229,0.42),
        -6px -6px 12px rgba(255,255,255,0.85) !important;
    }
    #dncm-general-query-root .dncm-general-query-length-btn::after{
      border-left:4px solid transparent !important;
      border-right:4px solid transparent !important;
      border-top:5px solid #367c2b !important;
      border-bottom:0 !important;
      opacity:.95 !important;
    }


    /* FINAL PAGINATION SHADOW CLEANUP + SINGLE ANALYTICS ACCORDION */
    #dncm-general-query-root .dt-bottom .dt-paging,
    #dncm-general-query-root .dt-bottom .dt-paging nav,
    #dncm-general-query-root .dt-paging-button,
    #dncm-general-query-root .dt-paging-button.current,
    #dncm-general-query-root .dt-paging-button.current:hover,
    #dncm-general-query-root .dt-paging-button:hover:not(.disabled),
    #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button{
      box-shadow:none !important;
      filter:none !important;
      text-shadow:none !important;
    }
    #dncm-general-query-root .dt-paging-button,
    #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button{
      background:#ffffff !important;
      background-color:#ffffff !important;
      background-image:none !important;
      border:1px solid #e6ebf2 !important;
      border-bottom-color:#e6ebf2 !important;
      outline:none !important;
    }
    #dncm-general-query-root .dt-paging-button.current,
    #dncm-general-query-root .dt-paging-button.current:hover{
      background:#ffffff !important;
      border-color:#d9dee7 !important;
      box-shadow:inset 1px 1px 3px rgba(232,236,242,.75), inset -1px -1px 3px rgba(255,255,255,1) !important;
    }
    #dncm-general-query-root .dt-paging-button::before,
    #dncm-general-query-root .dt-paging-button::after,
    #dncm-general-query-root .dt-bottom .dt-paging::before,
    #dncm-general-query-root .dt-bottom .dt-paging::after,
    #dncm-general-query-root .dt-bottom .dt-paging nav::before,
    #dncm-general-query-root .dt-bottom .dt-paging nav::after{
      content:none !important;
      display:none !important;
      box-shadow:none !important;
      border:none !important;
    }
    #dncm-general-query-root .dncm-general-query-analytics-card{
      padding:0 !important;
      overflow:hidden !important;
    }
    #dncm-general-query-root .dncm-general-query-analytics-title{
      display:none !important;
    }
    #dncm-general-query-root .dncm-general-query-chart-toggle{
      width:100% !important;
      min-height:76px !important;
      padding:20px 28px !important;
      border:0 !important;
      border-radius:16px !important;
      background:#ffffff !important;
      background-color:#ffffff !important;
      background-image:none !important;
      box-shadow:none !important;
      display:flex !important;
      align-items:center !important;
      justify-content:space-between !important;
      gap:18px !important;
    }
    #dncm-general-query-root .dncm-general-query-chart-toggle[aria-expanded="true"]{
      border-radius:16px 16px 0 0 !important;
      border-bottom:1px solid #eef2f6 !important;
    }
    #dncm-general-query-root .dncm-general-query-chart-toggle:hover,
    #dncm-general-query-root .dncm-general-query-chart-toggle:focus{
      background:#ffffff !important;
      box-shadow:none !important;
      outline:none !important;
    }
    #dncm-general-query-root .dncm-general-query-chart-title-wrap{
      display:flex !important;
      flex-direction:column !important;
      gap:6px !important;
      min-width:0 !important;
    }
    #dncm-general-query-root .dncm-general-query-chart-title-wrap::before{
      content:'Analytics';
      display:block;
      color:#243142;
      font-size:18px;
      font-weight:600;
      line-height:1.2;
    }
    #dncm-general-query-root .dncm-general-query-chart-subtitle{
      font-size:13px !important;
      font-weight:600 !important;
      color:#6b7785 !important;
      line-height:1.25 !important;
    }
    #dncm-general-query-root .dncm-general-query-chart-icon{
      width:32px !important;
      height:32px !important;
      background:#ffffff !important;
      box-shadow:none !important;
      border:1px solid #e6ebf2 !important;
    }
    #dncm-general-query-root .dncm-general-query-chart-toggle[aria-expanded="true"] .dncm-general-query-chart-icon{
      box-shadow:none !important;
      transform:none !important;
    }
    #dncm-general-query-root .dncm-general-query-chart-panel{
      padding:18px 28px 24px !important;
      background:#ffffff !important;
    }


    /* FINAL PAGINATION NEUMORPHISM + CLEAR CURRENT PAGE INDICATOR */
    #dncm-general-query-root .dt-bottom .dt-paging,
    #dncm-general-query-root .dt-bottom .dt-paging nav{
      display:flex !important;
      align-items:center !important;
      gap:12px !important;
      background:transparent !important;
      box-shadow:none !important;
      filter:none !important;
    }
    #dncm-general-query-root .dt-paging-button,
    #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button{
      min-width:56px !important;
      min-height:50px !important;
      padding:10px 16px !important;
      border-radius:18px !important;
      border:1px solid #e3e9f1 !important;
      background:#ffffff !important;
      background-color:#ffffff !important;
      background-image:none !important;
      color:#243142 !important;
      font-size:14px !important;
      font-weight:500 !important;
      line-height:1 !important;
      box-shadow:
        -6px -6px 14px rgba(255,255,255,1),
        7px 7px 16px rgba(118,126,138,.13),
        inset 1px 1px 0 rgba(255,255,255,1),
        inset -1px -1px 0 rgba(226,230,236,.68) !important;
      transform:none !important;
      transition:box-shadow .15s ease, border-color .15s ease, color .15s ease, background .15s ease, transform .15s ease !important;
    }
    #dncm-general-query-root .dt-paging-button:hover:not(.disabled):not(.current),
    #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button:hover:not(.disabled):not(.current){
      border-color:#d4dce7 !important;
      background:#ffffff !important;
      color:#243142 !important;
      box-shadow:
        -7px -7px 16px rgba(255,255,255,1),
        9px 9px 20px rgba(118,126,138,.16),
        inset 1px 1px 0 rgba(255,255,255,1),
        inset -1px -1px 0 rgba(226,230,236,.72) !important;
      transform:translateY(-1px) !important;
    }
    #dncm-general-query-root .dt-paging-button.current,
    #dncm-general-query-root .dt-paging-button.current:hover,
    #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button.current,
    #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button.current:hover{
      background:#367c2b !important;
      background-color:#367c2b !important;
      background-image:none !important;
      border:1px solid #2f6f25 !important;
      color:#ffffff !important;
      font-weight:700 !important;
      box-shadow:
        inset 3px 3px 7px rgba(0,0,0,.16),
        inset -2px -2px 6px rgba(255,255,255,.14),
        0 8px 18px rgba(54,124,43,.18) !important;
      transform:none !important;
      cursor:default !important;
    }
    #dncm-general-query-root .dt-paging-button.current::before,
    #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button.current::before{
      content:'' !important;
      display:block !important;
      position:absolute !important;
      left:50% !important;
      bottom:7px !important;
      width:18px !important;
      height:3px !important;
      transform:translateX(-50%) !important;
      border-radius:999px !important;
      background:#ffde00 !important;
      box-shadow:none !important;
    }
    #dncm-general-query-root .dt-paging-button.disabled,
    #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button.disabled{
      opacity:.45 !important;
      cursor:not-allowed !important;
      color:#8792a0 !important;
      box-shadow:
        -4px -4px 10px rgba(255,255,255,.95),
        5px 5px 12px rgba(118,126,138,.08),
        inset 1px 1px 0 rgba(255,255,255,1),
        inset -1px -1px 0 rgba(226,230,236,.55) !important;
      transform:none !important;
    }
    #dncm-general-query-root .dt-paging-button.ellipsis,
    #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button.ellipsis{
      min-width:42px !important;
      border-color:transparent !important;
      background:transparent !important;
      box-shadow:none !important;
      cursor:default !important;
      color:#243142 !important;
      font-weight:700 !important;
    }


    /* FINAL PAGINATION REFINEMENT: previous size + subtle neumorphic current state */
    #dncm-general-query-root .dt-bottom .dt-paging,
    #dncm-general-query-root .dt-bottom .dt-paging nav{
      gap:10px !important;
      align-items:center !important;
      background:transparent !important;
      box-shadow:none !important;
      filter:none !important;
    }
    #dncm-general-query-root .dt-paging-button,
    #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button{
      position:relative !important;
      min-width:38px !important;
      width:auto !important;
      min-height:38px !important;
      height:38px !important;
      padding:8px 12px !important;
      border-radius:14px !important;
      border:1px solid #e3e9f1 !important;
      background:#ffffff !important;
      background-color:#ffffff !important;
      background-image:none !important;
      color:#243142 !important;
      font-size:13px !important;
      font-weight:500 !important;
      line-height:1 !important;
      box-shadow:
        -3px -3px 8px rgba(255,255,255,1),
        4px 4px 10px rgba(118,126,138,.10),
        inset 1px 1px 0 rgba(255,255,255,1),
        inset -1px -1px 0 rgba(226,230,236,.60) !important;
      transform:none !important;
      transition:box-shadow .15s ease, border-color .15s ease, color .15s ease, transform .15s ease !important;
    }
    #dncm-general-query-root .dt-paging-button:hover:not(.disabled):not(.current),
    #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button:hover:not(.disabled):not(.current){
      background:#ffffff !important;
      background-color:#ffffff !important;
      border-color:#d8e0ea !important;
      color:#243142 !important;
      box-shadow:
        -4px -4px 10px rgba(255,255,255,1),
        5px 5px 12px rgba(118,126,138,.13),
        inset 1px 1px 0 rgba(255,255,255,1),
        inset -1px -1px 0 rgba(226,230,236,.66) !important;
      transform:translateY(-1px) !important;
    }
    #dncm-general-query-root .dt-paging-button.current,
    #dncm-general-query-root .dt-paging-button.current:hover,
    #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button.current,
    #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button.current:hover{
      background:#ffffff !important;
      background-color:#ffffff !important;
      background-image:none !important;
      border:1px solid #d2dbe6 !important;
      color:#243142 !important;
      font-weight:700 !important;
      box-shadow:
        inset 3px 3px 7px rgba(226,230,236,.92),
        inset -3px -3px 7px rgba(255,255,255,1),
        -2px -2px 6px rgba(255,255,255,.92),
        3px 3px 8px rgba(118,126,138,.08) !important;
      transform:none !important;
      cursor:default !important;
    }
    #dncm-general-query-root .dt-paging-button.current::before,
    #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button.current::before{
      content:'' !important;
      display:block !important;
      position:absolute !important;
      left:50% !important;
      bottom:4px !important;
      width:16px !important;
      height:2px !important;
      transform:translateX(-50%) !important;
      border-radius:999px !important;
      background:#cfd6df !important;
      box-shadow:none !important;
      border:none !important;
    }
    #dncm-general-query-root .dt-paging-button.current::after,
    #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button.current::after{
      content:none !important;
      display:none !important;
    }
    #dncm-general-query-root .dt-paging-button.disabled,
    #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button.disabled{
      opacity:.55 !important;
      cursor:not-allowed !important;
      color:#8792a0 !important;
      box-shadow:
        -2px -2px 6px rgba(255,255,255,.9),
        3px 3px 8px rgba(118,126,138,.07),
        inset 1px 1px 0 rgba(255,255,255,1),
        inset -1px -1px 0 rgba(226,230,236,.52) !important;
      transform:none !important;
    }
    #dncm-general-query-root .dt-paging-button.ellipsis,
    #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button.ellipsis{
      min-width:34px !important;
      height:38px !important;
      border-color:transparent !important;
      background:transparent !important;
      box-shadow:none !important;
      cursor:default !important;
      color:#243142 !important;
      font-weight:700 !important;
    }


    /* FINAL OVERRIDE: pagination neumorphic buttons without bottom indicator line */
    #dncm-general-query-root .dt-bottom .dt-paging,
    #dncm-general-query-root .dt-bottom .dt-paging nav{
      display:flex !important;
      align-items:center !important;
      gap:10px !important;
      background:transparent !important;
      box-shadow:none !important;
      filter:none !important;
    }
    #dncm-general-query-root .dt-paging-button,
    #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button{
      position:relative !important;
      min-width:38px !important;
      width:auto !important;
      min-height:38px !important;
      height:38px !important;
      padding:8px 12px !important;
      border-radius:14px !important;
      border:1px solid #e1e7f0 !important;
      background:#ffffff !important;
      background-color:#ffffff !important;
      background-image:none !important;
      color:#243142 !important;
      font-size:13px !important;
      font-weight:500 !important;
      line-height:1 !important;
      text-shadow:none !important;
      filter:none !important;
      box-shadow:
        -4px -4px 10px rgba(255,255,255,1),
        5px 5px 12px rgba(118,126,138,.12),
        inset 1px 1px 0 rgba(255,255,255,1),
        inset -1px -1px 0 rgba(226,230,236,.66) !important;
      transform:none !important;
      transition:box-shadow .15s ease, border-color .15s ease, color .15s ease, transform .15s ease !important;
    }
    #dncm-general-query-root .dt-paging-button::before,
    #dncm-general-query-root .dt-paging-button::after,
    #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button::before,
    #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button::after,
    #dncm-general-query-root .dt-paging-button.current::before,
    #dncm-general-query-root .dt-paging-button.current::after,
    #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button.current::before,
    #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button.current::after{
      content:none !important;
      display:none !important;
      visibility:hidden !important;
      width:0 !important;
      height:0 !important;
      min-width:0 !important;
      min-height:0 !important;
      margin:0 !important;
      padding:0 !important;
      background:transparent !important;
      border:none !important;
      box-shadow:none !important;
    }
    #dncm-general-query-root .dt-paging-button:hover:not(.disabled):not(.current),
    #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button:hover:not(.disabled):not(.current){
      background:#ffffff !important;
      background-color:#ffffff !important;
      border-color:#d5dde8 !important;
      color:#243142 !important;
      box-shadow:
        -5px -5px 12px rgba(255,255,255,1),
        6px 6px 14px rgba(118,126,138,.15),
        inset 1px 1px 0 rgba(255,255,255,1),
        inset -1px -1px 0 rgba(226,230,236,.72) !important;
      transform:translateY(-1px) !important;
    }
    #dncm-general-query-root .dt-paging-button.current,
    #dncm-general-query-root .dt-paging-button.current:hover,
    #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button.current,
    #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button.current:hover{
      background:#ffffff !important;
      background-color:#ffffff !important;
      background-image:none !important;
      border:1px solid #cfd8e5 !important;
      color:#243142 !important;
      font-weight:700 !important;
      box-shadow:
        inset 3px 3px 7px rgba(226,230,236,.96),
        inset -3px -3px 7px rgba(255,255,255,1),
        -2px -2px 6px rgba(255,255,255,.95),
        3px 3px 8px rgba(118,126,138,.09) !important;
      transform:none !important;
      cursor:default !important;
    }
    #dncm-general-query-root .dt-paging-button.disabled,
    #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button.disabled{
      opacity:.55 !important;
      cursor:not-allowed !important;
      color:#8792a0 !important;
      box-shadow:
        -2px -2px 6px rgba(255,255,255,.9),
        3px 3px 8px rgba(118,126,138,.07),
        inset 1px 1px 0 rgba(255,255,255,1),
        inset -1px -1px 0 rgba(226,230,236,.52) !important;
      transform:none !important;
    }
    #dncm-general-query-root .dt-paging-button.ellipsis,
    #dncm-general-query-root .dt-bottom .dt-paging .dt-paging-button.ellipsis{
      min-width:34px !important;
      height:38px !important;
      border-color:transparent !important;
      background:transparent !important;
      box-shadow:none !important;
      cursor:default !important;
      color:#243142 !important;
      font-weight:700 !important;
    }



    /* HELP DIALOG + SELECTED COUNT HINT POLISH */
    #dncm-general-query-root .dncm-general-query-form-wrap{
      position:relative !important;
    }
    #dncm-general-query-root .dncm-general-query-form-title{
      padding-right:58px !important;
    }
    #dncm-general-query-root .dncm-general-query-help-btn{
      position:absolute;
      top:22px;
      right:24px;
      width:40px;
      height:40px;
      min-width:40px;
      min-height:40px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border:1px solid var(--dncm-neo-rim, #d9dee7) !important;
      border-radius:50% !important;
      background:#ffffff !important;
      color:#367c2b !important;
      font-family:Segoe UI, Arial, sans-serif;
      font-size:20px;
      font-weight:700;
      line-height:1;
      cursor:pointer;
      box-shadow:-3px -3px 8px rgba(255,255,255,1), 5px 5px 13px rgba(118,126,138,.14), inset 1px 1px 0 rgba(255,255,255,.78), inset -1px -1px 0 rgba(200,204,210,.28) !important;
      z-index:25;
    }
    #dncm-general-query-root .dncm-general-query-help-btn:hover,
    #dncm-general-query-root .dncm-general-query-help-btn:focus{
      outline:none !important;
      border-color:rgba(54,124,43,.38) !important;
      box-shadow:0 0 0 3px rgba(54,124,43,.08), -3px -3px 8px rgba(255,255,255,1), 6px 6px 15px rgba(118,126,138,.16), inset 1px 1px 0 rgba(255,255,255,.78), inset -1px -1px 0 rgba(200,204,210,.28) !important;
    }
    #dncm-general-query-root .dncm-general-query-help-backdrop{
      position:fixed;
      inset:0;
      display:none;
      align-items:center;
      justify-content:center;
      padding:24px;
      background:rgba(36,49,66,.32);
      z-index:100000;
    }
    #dncm-general-query-root .dncm-general-query-help-backdrop.dncm-general-query-help-open{
      display:flex;
    }
    #dncm-general-query-root .dncm-general-query-help-dialog{
      width:min(760px, 100%);
      max-height:calc(100vh - 48px);
      overflow:auto;
      border:1px solid var(--dncm-neo-rim, #d9dee7);
      border-radius:20px;
      background:#ffffff;
      color:#243142;
      box-shadow:-8px -8px 18px rgba(255,255,255,.82), 18px 18px 38px rgba(36,49,66,.22), inset 1px 1px 0 rgba(255,255,255,1), inset -1px -1px 0 rgba(226,230,236,.70);
    }
    #dncm-general-query-root .dncm-general-query-help-dialog-inner{
      padding:22px;
      position:relative;
    }
    #dncm-general-query-root .dncm-general-query-help-close{
      position:absolute;
      top:16px;
      right:16px;
      width:34px;
      height:34px;
      min-width:34px;
      min-height:34px;
      border:1px solid #e1e7f0 !important;
      border-radius:50% !important;
      background:#ffffff !important;
      color:#c9342b;
      font-size:20px;
      font-weight:700;
      line-height:1;
      cursor:pointer;
      box-shadow:-2px -2px 6px rgba(255,255,255,1), 3px 3px 8px rgba(118,126,138,.12), inset 1px 1px 0 rgba(255,255,255,1), inset -1px -1px 0 rgba(226,230,236,.64) !important;
    }
    #dncm-general-query-root .dncm-general-query-help-video-wrap{
      margin:6px 44px 18px 0;
      overflow:hidden;
      border-radius:16px;
      border:1px solid var(--dncm-neo-rim-soft, #e8edf3);
      background:#ffffff;
      box-shadow:inset 3px 3px 8px rgba(232,236,242,.72), inset -3px -3px 8px rgba(255,255,255,1) !important;
    }
    #dncm-general-query-root .dncm-general-query-help-video{
      display:block;
      width:100%;
      aspect-ratio:16/9;
      background:#f5f7fa;
    }
    #dncm-general-query-root .dncm-general-query-help-title{
      margin:0 0 16px;
      color:#243142;
      font-size:22px;
      font-weight:700;
      line-height:1.25;
    }
    #dncm-general-query-root .dncm-general-query-help-container{
      margin-top:12px;
      padding:14px;
      border:1px solid var(--dncm-neo-rim-soft, #e8edf3);
      border-radius:16px;
      background:#ffffff;
      box-shadow:-4px -4px 10px rgba(255,255,255,1), 6px 6px 16px rgba(118,126,138,.09), inset 1px 1px 0 rgba(255,255,255,1), inset -1px -1px 0 rgba(226,230,236,.64) !important;
    }
    #dncm-general-query-root .dncm-general-query-help-accordion{
      margin:8px 0;
      border-radius:14px;
      background:#ffffff;
      box-shadow:inset 1px 1px 4px rgba(232,236,242,.75), inset -1px -1px 4px rgba(255,255,255,1) !important;
    }
    #dncm-general-query-root .dncm-general-query-help-question{
      padding:12px 14px;
      color:#243142;
      font-size:14px;
      font-weight:600;
      cursor:pointer;
      list-style:none;
    }
    #dncm-general-query-root .dncm-general-query-help-question::-webkit-details-marker{
      display:none;
    }
    #dncm-general-query-root .dncm-general-query-help-question::after{
      content:'+';
      float:right;
      color:#367c2b;
      font-weight:800;
    }
    #dncm-general-query-root .dncm-general-query-help-accordion[open] .dncm-general-query-help-question::after{
      content:'−';
    }
    #dncm-general-query-root .dncm-general-query-help-answer{
      padding:0 14px 14px;
      color:#536170;
      font-size:13px;
      line-height:1.45;
    }
    #dncm-general-query-root .dncm-general-query-selected-count-placeholder::placeholder{
      color:#243142 !important;
      opacity:1 !important;
      font-weight:400 !important;
    }
    @media (max-width:640px){
      #dncm-general-query-root .dncm-general-query-help-btn{ top:14px; right:16px; }
      #dncm-general-query-root .dncm-general-query-help-backdrop{ padding:14px; }
      #dncm-general-query-root .dncm-general-query-help-dialog-inner{ padding:18px; }
      #dncm-general-query-root .dncm-general-query-help-video-wrap{ margin-right:40px; }
    }



    /* FINAL HELP UI POLISH: theme-matched icon, calmer dialog, clean scrollbar */
    #dncm-general-query-root .dncm-general-query-help-btn{
      width:42px !important;
      height:38px !important;
      min-width:42px !important;
      min-height:38px !important;
      border-radius:9px !important;
      border:1px solid var(--dncm-neo-rim, #d9dee7) !important;
      background:#ffffff !important;
      background-color:#ffffff !important;
      color:#243142 !important;
      font-size:18px !important;
      font-weight:700 !important;
      box-shadow:
        -3px -3px 8px rgba(255,255,255,.96),
        4px 4px 11px rgba(118,126,138,.11),
        inset 1px 1px 0 rgba(255,255,255,.95),
        inset -1px -1px 0 rgba(226,230,236,.70) !important;
      overflow:hidden;
      transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease, color .15s ease !important;
    }
    #dncm-general-query-root .dncm-general-query-help-btn::before{
      content:'';
      position:absolute;
      left:0;
      top:8px;
      bottom:8px;
      width:4px;
      border-radius:0 999px 999px 0;
      background:#367c2b;
      opacity:.78;
    }
    #dncm-general-query-root .dncm-general-query-help-btn:hover,
    #dncm-general-query-root .dncm-general-query-help-btn:focus{
      color:#2f6f25 !important;
      border-color:rgba(54,124,43,.32) !important;
      transform:translateY(-1px);
      box-shadow:
        -3px -3px 8px rgba(255,255,255,.96),
        5px 5px 13px rgba(118,126,138,.14),
        inset 1px 1px 0 rgba(255,255,255,.95),
        inset -1px -1px 0 rgba(226,230,236,.72) !important;
    }
    #dncm-general-query-root .dncm-general-query-help-btn:active{
      transform:translateY(0);
      box-shadow:
        inset 2px 2px 5px rgba(226,230,236,.88),
        inset -2px -2px 5px rgba(255,255,255,1) !important;
    }
    #dncm-general-query-root .dncm-general-query-help-backdrop{
      background:rgba(36,49,66,.18) !important;
      backdrop-filter:none !important;
      -webkit-backdrop-filter:none !important;
    }
    #dncm-general-query-root .dncm-general-query-help-dialog{
      width:min(720px, 100%) !important;
      max-height:calc(100vh - 64px) !important;
      border:1px solid var(--dncm-neo-rim, #d9dee7) !important;
      border-radius:16px !important;
      background:#ffffff !important;
      background-color:#ffffff !important;
      background-image:none !important;
      box-shadow:
        0 18px 42px rgba(36,49,66,.16),
        0 2px 8px rgba(36,49,66,.07),
        inset 1px 1px 0 rgba(255,255,255,1),
        inset -1px -1px 0 rgba(226,230,236,.70) !important;
      scrollbar-width:thin;
      scrollbar-color:#cfd8e5 #f5f7fa;
    }
    #dncm-general-query-root .dncm-general-query-help-dialog::-webkit-scrollbar{
      width:10px;
      height:10px;
    }
    #dncm-general-query-root .dncm-general-query-help-dialog::-webkit-scrollbar-track{
      background:#f5f7fa;
      border-radius:999px;
      margin:14px 0;
    }
    #dncm-general-query-root .dncm-general-query-help-dialog::-webkit-scrollbar-thumb{
      background:#cfd8e5;
      border-radius:999px;
      border:2px solid #f5f7fa;
    }
    #dncm-general-query-root .dncm-general-query-help-dialog::-webkit-scrollbar-thumb:hover{
      background:#bfcad8;
    }
    #dncm-general-query-root .dncm-general-query-help-dialog-inner{
      padding:20px !important;
      background:#ffffff !important;
    }
    #dncm-general-query-root .dncm-general-query-help-close{
      top:14px !important;
      right:14px !important;
      width:34px !important;
      height:34px !important;
      min-width:34px !important;
      min-height:34px !important;
      border-radius:9px !important;
      color:#243142 !important;
      background:#ffffff !important;
      border:1px solid var(--dncm-neo-rim, #d9dee7) !important;
      box-shadow:
        -2px -2px 6px rgba(255,255,255,.96),
        3px 3px 8px rgba(118,126,138,.10),
        inset 1px 1px 0 rgba(255,255,255,.95),
        inset -1px -1px 0 rgba(226,230,236,.66) !important;
      transition:border-color .15s ease, box-shadow .15s ease, color .15s ease, transform .15s ease !important;
    }
    #dncm-general-query-root .dncm-general-query-help-close:hover,
    #dncm-general-query-root .dncm-general-query-help-close:focus{
      color:#c9342b !important;
      border-color:#d8e0ea !important;
      transform:translateY(-1px);
      outline:none !important;
      box-shadow:
        -3px -3px 8px rgba(255,255,255,.96),
        4px 4px 10px rgba(118,126,138,.13),
        inset 1px 1px 0 rgba(255,255,255,.95),
        inset -1px -1px 0 rgba(226,230,236,.70) !important;
    }
    #dncm-general-query-root .dncm-general-query-help-video-wrap{
      margin:4px 46px 18px 0 !important;
      border-radius:14px !important;
      border:1px solid var(--dncm-neo-rim-soft, #e8edf3) !important;
      background:#ffffff !important;
      box-shadow:inset 2px 2px 6px rgba(232,236,242,.70), inset -2px -2px 6px rgba(255,255,255,1) !important;
    }
    #dncm-general-query-root .dncm-general-query-help-title{
      margin:0 0 14px !important;
      font-size:20px !important;
      font-weight:600 !important;
      color:#243142 !important;
      letter-spacing:.1px;
    }
    #dncm-general-query-root .dncm-general-query-help-container{
      padding:12px !important;
      border-radius:14px !important;
      border:1px solid var(--dncm-neo-rim-soft, #e8edf3) !important;
      background:#ffffff !important;
      box-shadow:
        -3px -3px 8px rgba(255,255,255,.96),
        4px 4px 12px rgba(118,126,138,.08),
        inset 1px 1px 0 rgba(255,255,255,1),
        inset -1px -1px 0 rgba(226,230,236,.62) !important;
    }
    #dncm-general-query-root .dncm-general-query-help-accordion{
      margin:8px 0 !important;
      border:1px solid #eef2f6 !important;
      border-radius:12px !important;
      background:#ffffff !important;
      box-shadow:none !important;
    }
    #dncm-general-query-root .dncm-general-query-help-accordion[open]{
      border-color:#e1e8f0 !important;
      box-shadow:inset 2px 2px 5px rgba(232,236,242,.72), inset -2px -2px 5px rgba(255,255,255,1) !important;
    }
    #dncm-general-query-root .dncm-general-query-help-question{
      font-weight:600 !important;
      color:#243142 !important;
    }
    #dncm-general-query-root .dncm-general-query-help-answer{
      color:#536170 !important;
    }
    @media (max-width:640px){
      #dncm-general-query-root .dncm-general-query-help-btn{
        top:14px !important;
        right:16px !important;
      }
      #dncm-general-query-root .dncm-general-query-help-dialog{
        max-height:calc(100vh - 28px) !important;
      }
      #dncm-general-query-root .dncm-general-query-help-dialog-inner{
        padding:16px !important;
      }
      #dncm-general-query-root .dncm-general-query-help-video-wrap{
        margin-right:42px !important;
      }
    }



    /* FINAL HELP HEADER POLISH: title + balanced neumorphic cancel/help buttons */
    #dncm-general-query-root .dncm-general-query-help-header{
      display:flex !important;
      align-items:center !important;
      justify-content:space-between !important;
      gap:16px !important;
      margin:0 0 16px !important;
      padding:0 2px 14px !important;
      border-bottom:1px solid #eef2f6 !important;
    }
    #dncm-general-query-root .dncm-general-query-help-dialog-title{
      margin:0 !important;
      color:#243142 !important;
      font-family:Segoe UI, Arial, sans-serif !important;
      font-size:20px !important;
      font-weight:600 !important;
      line-height:1.2 !important;
      letter-spacing:.1px !important;
    }
    #dncm-general-query-root .dncm-general-query-help-btn,
    #dncm-general-query-root .dncm-general-query-help-close{
      border-radius:12px !important;
      background:#ffffff !important;
      background-color:#ffffff !important;
      background-image:none !important;
      border:1px solid var(--dncm-neo-rim, #d9dee7) !important;
      color:#243142 !important;
      box-shadow:
        -4px -4px 10px rgba(255,255,255,1),
        5px 5px 12px rgba(118,126,138,.12),
        inset 1px 1px 0 rgba(255,255,255,1),
        inset -1px -1px 0 rgba(226,230,236,.66) !important;
      transform:none !important;
      transition:border-color .15s ease, box-shadow .15s ease, color .15s ease, transform .15s ease !important;
    }
    #dncm-general-query-root .dncm-general-query-help-btn{
      width:42px !important;
      height:38px !important;
      min-width:42px !important;
      min-height:38px !important;
      font-size:18px !important;
      font-weight:700 !important;
    }
    #dncm-general-query-root .dncm-general-query-help-btn::before{
      top:9px !important;
      bottom:9px !important;
      width:4px !important;
      border-radius:0 8px 8px 0 !important;
      background:#367c2b !important;
      opacity:.70 !important;
    }
    #dncm-general-query-root .dncm-general-query-help-close{
      position:static !important;
      top:auto !important;
      right:auto !important;
      flex:0 0 auto !important;
      width:38px !important;
      height:36px !important;
      min-width:38px !important;
      min-height:36px !important;
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      padding:0 !important;
      font-size:21px !important;
      font-weight:700 !important;
      line-height:1 !important;
      cursor:pointer !important;
    }
    #dncm-general-query-root .dncm-general-query-help-btn:hover,
    #dncm-general-query-root .dncm-general-query-help-btn:focus,
    #dncm-general-query-root .dncm-general-query-help-close:hover,
    #dncm-general-query-root .dncm-general-query-help-close:focus{
      border-color:rgba(54,124,43,.30) !important;
      color:#2f6f25 !important;
      outline:none !important;
      transform:translateY(-1px) !important;
      box-shadow:
        -5px -5px 12px rgba(255,255,255,1),
        6px 6px 14px rgba(118,126,138,.15),
        inset 1px 1px 0 rgba(255,255,255,1),
        inset -1px -1px 0 rgba(226,230,236,.72) !important;
    }
    #dncm-general-query-root .dncm-general-query-help-btn:active,
    #dncm-general-query-root .dncm-general-query-help-close:active{
      transform:translateY(0) !important;
      box-shadow:
        inset 3px 3px 7px rgba(226,230,236,.92),
        inset -3px -3px 7px rgba(255,255,255,1) !important;
    }
    #dncm-general-query-root .dncm-general-query-help-video-wrap{
      margin:0 0 18px 0 !important;
      border-radius:14px !important;
    }
    #dncm-general-query-root .dncm-general-query-help-dialog-inner{
      padding:20px !important;
    }
    @media (max-width:640px){
      #dncm-general-query-root .dncm-general-query-help-header{
        margin-bottom:14px !important;
        padding-bottom:12px !important;
      }
      #dncm-general-query-root .dncm-general-query-help-dialog-title{
        font-size:18px !important;
      }
      #dncm-general-query-root .dncm-general-query-help-video-wrap{
        margin-right:0 !important;
      }
    }



    /* FINAL HELP BUTTON CLEANUP: no side line, cleaner neumorphic buttons, Query title, FAQs label */
    #dncm-general-query-root .dncm-general-query-help-btn::before{
      content:none !important;
      display:none !important;
      width:0 !important;
      height:0 !important;
      background:transparent !important;
    }
    #dncm-general-query-root .dncm-general-query-help-btn,
    #dncm-general-query-root .dncm-general-query-help-close{
      border-radius:10px !important;
      background:#ffffff !important;
      background-color:#ffffff !important;
      background-image:none !important;
      border:1px solid #d9dee7 !important;
      color:#243142 !important;
      box-shadow:
        -3px -3px 8px rgba(255,255,255,1),
        4px 4px 10px rgba(118,126,138,.11),
        inset 1px 1px 0 rgba(255,255,255,1),
        inset -1px -1px 0 rgba(226,230,236,.66) !important;
      transform:none !important;
    }
    #dncm-general-query-root .dncm-general-query-help-btn{
      width:40px !important;
      height:38px !important;
      min-width:40px !important;
      min-height:38px !important;
      color:#367c2b !important;
      font-size:18px !important;
      font-weight:700 !important;
    }
    #dncm-general-query-root .dncm-general-query-help-close{
      width:36px !important;
      height:34px !important;
      min-width:36px !important;
      min-height:34px !important;
      color:#243142 !important;
      font-size:20px !important;
      font-weight:700 !important;
    }
    #dncm-general-query-root .dncm-general-query-help-btn:hover,
    #dncm-general-query-root .dncm-general-query-help-btn:focus,
    #dncm-general-query-root .dncm-general-query-help-close:hover,
    #dncm-general-query-root .dncm-general-query-help-close:focus{
      border-color:#cfd8e5 !important;
      color:#367c2b !important;
      outline:none !important;
      transform:translateY(-1px) !important;
      box-shadow:
        -4px -4px 10px rgba(255,255,255,1),
        5px 5px 12px rgba(118,126,138,.13),
        inset 1px 1px 0 rgba(255,255,255,1),
        inset -1px -1px 0 rgba(226,230,236,.72) !important;
    }
    #dncm-general-query-root .dncm-general-query-help-btn:active,
    #dncm-general-query-root .dncm-general-query-help-close:active{
      transform:translateY(0) !important;
      box-shadow:
        inset 2px 2px 5px rgba(226,230,236,.90),
        inset -2px -2px 5px rgba(255,255,255,1) !important;
    }
    #dncm-general-query-root .dncm-general-query-help-video-title{
      margin:0 0 10px !important;
      color:#243142 !important;
      font-family:Segoe UI, Arial, sans-serif !important;
      font-size:16px !important;
      font-weight:600 !important;
      line-height:1.25 !important;
      letter-spacing:.1px !important;
    }
    #dncm-general-query-root .dncm-general-query-help-video-wrap{
      margin:0 0 18px 0 !important;
    }
    #dncm-general-query-root .dncm-general-query-help-title{
      margin:0 0 12px !important;
      color:#243142 !important;
      font-size:18px !important;
      font-weight:600 !important;
      line-height:1.25 !important;
      letter-spacing:.1px !important;
    }
    @media (max-width:640px){
      #dncm-general-query-root .dncm-general-query-help-btn{
        width:38px !important;
        height:36px !important;
        min-width:38px !important;
        min-height:36px !important;
      }
      #dncm-general-query-root .dncm-general-query-help-close{
        width:34px !important;
        height:32px !important;
        min-width:34px !important;
        min-height:32px !important;
      }
    }



    /* FINAL HELP TITLE + CURVY ICON BUTTONS: single Query title, no duplicate video title */
    #dncm-general-query-root .dncm-general-query-help-video-title{
      display:none !important;
    }
    #dncm-general-query-root .dncm-general-query-help-dialog-title{
      margin:0 !important;
      color:#243142 !important;
      font-size:22px !important;
      font-weight:600 !important;
      line-height:1.2 !important;
      letter-spacing:.1px !important;
    }
    #dncm-general-query-root .dncm-general-query-help-btn,
    #dncm-general-query-root .dncm-general-query-help-close{
      border-radius:16px !important;
      border:1px solid #d9dee7 !important;
      background:#ffffff !important;
      background-color:#ffffff !important;
      background-image:none !important;
      color:#243142 !important;
      box-shadow:
        -4px -4px 10px rgba(255,255,255,1),
        5px 5px 12px rgba(118,126,138,.12),
        inset 1px 1px 0 rgba(255,255,255,1),
        inset -1px -1px 0 rgba(226,230,236,.66) !important;
      transform:none !important;
    }
    #dncm-general-query-root .dncm-general-query-help-btn{
      width:42px !important;
      height:40px !important;
      min-width:42px !important;
      min-height:40px !important;
      color:#367c2b !important;
      font-size:18px !important;
      font-weight:700 !important;
    }
    #dncm-general-query-root .dncm-general-query-help-close{
      width:38px !important;
      height:36px !important;
      min-width:38px !important;
      min-height:36px !important;
      color:#243142 !important;
      font-size:20px !important;
      font-weight:700 !important;
    }
    #dncm-general-query-root .dncm-general-query-help-btn::before{
      content:none !important;
      display:none !important;
    }
    #dncm-general-query-root .dncm-general-query-help-btn:hover,
    #dncm-general-query-root .dncm-general-query-help-btn:focus,
    #dncm-general-query-root .dncm-general-query-help-close:hover,
    #dncm-general-query-root .dncm-general-query-help-close:focus{
      border-color:#cfd8e5 !important;
      color:#367c2b !important;
      outline:none !important;
      transform:translateY(-1px) !important;
      box-shadow:
        -5px -5px 12px rgba(255,255,255,1),
        6px 6px 14px rgba(118,126,138,.14),
        inset 1px 1px 0 rgba(255,255,255,1),
        inset -1px -1px 0 rgba(226,230,236,.72) !important;
    }
    #dncm-general-query-root .dncm-general-query-help-btn:active,
    #dncm-general-query-root .dncm-general-query-help-close:active{
      transform:translateY(0) !important;
      box-shadow:
        inset 2px 2px 5px rgba(226,230,236,.90),
        inset -2px -2px 5px rgba(255,255,255,1) !important;
    }
    #dncm-general-query-root .dncm-general-query-help-video-wrap{
      margin:0 0 18px 0 !important;
    }
    @media (max-width:640px){
      #dncm-general-query-root .dncm-general-query-help-dialog-title{
        font-size:20px !important;
      }
      #dncm-general-query-root .dncm-general-query-help-btn{
        width:40px !important;
        height:38px !important;
        min-width:40px !important;
        min-height:38px !important;
        border-radius:15px !important;
      }
      #dncm-general-query-root .dncm-general-query-help-close{
        width:36px !important;
        height:34px !important;
        min-width:36px !important;
        min-height:34px !important;
        border-radius:14px !important;
      }
    }



    /* FINAL DIALOG CANCEL ICON: match field clear/cancel red icon */
    #dncm-general-query-root .dncm-general-query-help-close{
      color:#c9342b !important;
      border-color:#e1e7f0 !important;
      background:#ffffff !important;
      background-color:#ffffff !important;
      background-image:none !important;
      border-radius:16px !important;
      box-shadow:
        -2px -2px 6px rgba(255,255,255,1),
        3px 3px 8px rgba(118,126,138,.12),
        inset 1px 1px 0 rgba(255,255,255,1),
        inset -1px -1px 0 rgba(226,230,236,.64) !important;
    }
    #dncm-general-query-root .dncm-general-query-help-close:hover,
    #dncm-general-query-root .dncm-general-query-help-close:focus{
      color:#c9342b !important;
      border-color:#d8e0ea !important;
      outline:none !important;
      transform:translateY(-1px) !important;
      box-shadow:
        -3px -3px 8px rgba(255,255,255,1),
        4px 4px 10px rgba(118,126,138,.14),
        inset 1px 1px 0 rgba(255,255,255,1),
        inset -1px -1px 0 rgba(226,230,236,.70) !important;
    }
    #dncm-general-query-root .dncm-general-query-help-close:active{
      color:#c9342b !important;
      transform:translateY(0) !important;
      box-shadow:
        inset 2px 2px 5px rgba(226,230,236,.90),
        inset -2px -2px 5px rgba(255,255,255,1) !important;
    }


    #dncm-general-query-root #dncm-general-query-export-btn{min-width:156px;min-height:48px;padding:11px 20px;border:1px solid #cfd6df;border-radius:7px;background:#fff;color:#243142;font-weight:600;cursor:pointer}
    #dncm-general-query-root #dncm-general-query-export-btn:disabled{opacity:.55;cursor:not-allowed}
    .dncm-general-query-skeleton{
      
      
      
     
      
      
      inset:0;
      
      /* position:fixed;
      z-index:200000;
      
      
      background:#f7f9fb;
      
      */
      
      display:flex;align-items:center;justify-content:center;padding:24px}
    .dncm-general-query-skeleton-card{width:min(760px,100%);padding:30px;border:1px solid #dfe5ec;border-radius:18px;background:#fff;box-shadow:0 18px 48px rgba(36,49,66,.10)}
    .dncm-general-query-skeleton-brand{display:flex;align-items:center;gap:14px;margin-bottom:26px}
    .dncm-general-query-skeleton-logo{width:44px;height:44px;border-radius:12px;background:#eef1f5;position:relative;overflow:hidden;border:1px solid #dfe5ec;box-shadow:none}
    .dncm-general-query-skeleton-logo::before,.dncm-general-query-skeleton-logo::after{content:'';position:absolute;left:10px;right:10px;height:5px;border-radius:999px;background:#cbd3dd}.dncm-general-query-skeleton-logo::before{top:12px}.dncm-general-query-skeleton-logo::after{top:25px;right:17px}
    .dncm-general-query-skeleton-heading{flex:1}.dncm-general-query-skeleton-title{width:180px;height:18px;margin-bottom:9px}.dncm-general-query-skeleton-subtitle{width:280px;height:11px}
    .dncm-general-query-skeleton-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
    .dncm-general-query-skeleton-field{display:flex;flex-direction:column;gap:8px}.dncm-general-query-skeleton-label{width:38%;height:10px}.dncm-general-query-skeleton-box{height:46px;border-radius:10px}
    .dncm-general-query-skeleton-actions{display:flex;gap:12px;margin-top:24px}.dncm-general-query-skeleton-button{width:130px;height:42px;border-radius:7px}
    .dncm-general-query-skeleton-title,.dncm-general-query-skeleton-subtitle,.dncm-general-query-skeleton-label,.dncm-general-query-skeleton-box,.dncm-general-query-skeleton-button{background:linear-gradient(90deg,#edf1f5 25%,#f8fafc 50%,#edf1f5 75%);background-size:220% 100%;animation:dncmSkeleton 1.25s ease-in-out infinite}
    @keyframes dncmSkeleton{0%{background-position:100% 0}100%{background-position:-120% 0}}@keyframes dncmPulse{to{opacity:.35;transform:scale(.8)}}
    @media(max-width:640px){.dncm-general-query-skeleton-card{padding:22px}.dncm-general-query-skeleton-grid{grid-template-columns:1fr}.dncm-general-query-skeleton-subtitle{width:75%}}
    .dncm-general-query-full-error{
      
      inset:0;
      

      /*position:fixed;
      
      z-index:199999;
      
      
      
      background:#fff;
      */
      
      
      padding:32px;align-items:center;justify-content:center}.dncm-general-query-error-card{width:min(760px,100%);padding:30px;border:1px solid #e1e7f0;border-radius:16px;box-shadow:0 18px 42px rgba(36,49,66,.13)}
    .dncm-general-query-export-backdrop{position:fixed;inset:0;z-index:210000;background:rgba(36,49,66,.24);display:none;align-items:center;justify-content:center;padding:20px}.dncm-general-query-export-backdrop.open{display:flex}.dncm-general-query-export-dialog{position:relative;width:min(620px,100%);padding:28px;border-radius:16px;background:#fff;box-shadow:0 18px 42px rgba(36,49,66,.2)}.dncm-general-query-export-close{position:absolute;right:14px;top:14px;border:0;background:#fff;color:#c9342b;font-size:22px;cursor:pointer}.dncm-general-query-export-close:disabled{display:none}.dncm-general-query-spinner{width:42px;height:42px;margin:22px auto;border:4px solid #e5eaf0;border-top-color:#367c2b;border-radius:50%;animation:dncmSpin .8s linear infinite}@keyframes dncmSpin{to{transform:rotate(360deg)}}
    .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
    .dncm-general-query-required{color:#c9342b;font-weight:700;margin-left:3px}
    .dncm-general-query-hidden{display:none!important}

    /* REQUESTED EXPORT, TABLE, SKELETON AND SUPPLIER POLISH */
    #dncm-general-query-root #dncm-general-query-export-btn{width:auto;min-width:156px;min-height:48px;padding:11px 20px;font-size:14px;font-weight:700;color:#243142;border:1px solid #cfd6df!important;border-radius:18px!important;background:linear-gradient(145deg,#fff,#fafafa)!important;box-shadow:10px 10px 22px rgba(229,229,229,.76),-9px -9px 20px rgba(255,255,255,.99)!important;cursor:pointer}
    #dncm-general-query-root #dncm-general-query-export-btn:hover:not(:disabled){box-shadow:12px 12px 26px rgba(224,224,224,.84),-10px -10px 22px rgba(255,255,255,1)!important}
    #dncm-general-query-root #dncm-general-query-export-btn:active:not(:disabled){box-shadow:inset 3px 3px 7px rgba(235,235,235,.96),inset -3px -3px 7px rgba(255,255,255,1)!important}
    .dncm-general-query-export-dialog{width:min(620px,100%);padding:24px;border:1px solid #d9dee7;border-radius:18px;background:#fff;box-shadow:-7px -7px 16px rgba(255,255,255,1),12px 12px 28px rgba(36,49,66,.18),inset 1px 1px 0 #fff,inset -1px -1px 0 rgba(226,230,236,.7)}
    .dncm-general-query-export-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px;padding:0 0 14px;border-bottom:1px solid #eef2f6}.dncm-general-query-export-header h2{margin:0;color:#243142;font-size:21px;font-weight:600}
    .dncm-general-query-export-close{position:static!important;display:inline-flex;align-items:center;justify-content:center;width:38px;height:36px;min-width:38px;min-height:36px;padding:0;border:1px solid #e1e7f0!important;border-radius:16px!important;background:#fff!important;color:#c9342b!important;font-size:21px;font-weight:700;line-height:1;cursor:pointer;box-shadow:-2px -2px 6px #fff,3px 3px 8px rgba(118,126,138,.12),inset 1px 1px 0 #fff,inset -1px -1px 0 rgba(226,230,236,.64)!important}
    .dncm-general-query-export-close:hover:not(:disabled),.dncm-general-query-export-close:focus:not(:disabled){outline:none;transform:translateY(-1px);box-shadow:-3px -3px 8px #fff,4px 4px 10px rgba(118,126,138,.14),inset 1px 1px 0 #fff,inset -1px -1px 0 rgba(226,230,236,.7)!important}.dncm-general-query-export-close:disabled{visibility:hidden}
    .dncm-general-query-export-progress{position:relative;width:100%;height:10px;margin:20px 0 24px;overflow:hidden;border-radius:999px;background:#edf1f5;box-shadow:inset 2px 2px 5px rgba(210,217,226,.75),inset -2px -2px 5px #fff}.dncm-general-query-export-progress span{position:absolute;top:0;bottom:0;left:-36%;width:36%;border-radius:999px;background:#367c2b;animation:dncmExportProgress 1.15s ease-in-out infinite}@keyframes dncmExportProgress{0%{left:-36%}100%{left:100%}}
    .dncm-general-query-skeleton-card{width:calc(100% - 48px)!important;max-width:1460px!important}
    #dncm-general-query-root .dt-scroll-body{max-height:480px!important;overflow-x:auto!important;overflow-y:auto!important;cursor:auto!important;scrollbar-width:thin;scrollbar-color:#cfd8e5 #f5f7fa}
    #dncm-general-query-root .dt-scroll-body::-webkit-scrollbar{width:10px;height:10px}#dncm-general-query-root .dt-scroll-body::-webkit-scrollbar-track{background:#f5f7fa;border-radius:999px}#dncm-general-query-root .dt-scroll-body::-webkit-scrollbar-thumb{background:#cfd8e5;border-radius:999px;border:2px solid #f5f7fa}#dncm-general-query-root .dt-scroll-body::-webkit-scrollbar-thumb:hover{background:#bfcad8}
    #dncm-general-query-root #dncm-general-query-supplier-list.dncm-general-query-supplier-plant-style{padding:8px!important;border-radius:18px!important;max-height:280px!important}


    /* FINAL REFINEMENT: exact action-button match, restrained dialog, Plant-identical Supplier UI */
    #dncm-general-query-root #dncm-general-query-export-btn{
      display:inline-flex!important;align-items:center!important;justify-content:center!important;
      width:auto!important;min-width:156px!important;height:auto!important;min-height:48px!important;
      margin:0!important;padding:11px 20px!important;border:1px solid #cfd6df!important;
      border-radius:18px!important;background:linear-gradient(145deg,#fff,#fafafa)!important;
      color:#243142!important;font-family:Segoe UI,Arial,sans-serif!important;font-size:14px!important;
      font-weight:700!important;line-height:1.2!important;letter-spacing:0!important;text-align:center!important;
      vertical-align:middle!important;box-shadow:10px 10px 22px rgba(229,229,229,.76),-9px -9px 20px rgba(255,255,255,.99)!important;
    }
    #dncm-general-query-root #dncm-general-query-export-btn:hover:not(:disabled){box-shadow:12px 12px 26px rgba(224,224,224,.84),-10px -10px 22px rgba(255,255,255,1)!important}
    #dncm-general-query-root #dncm-general-query-export-btn:active:not(:disabled){box-shadow:inset 3px 3px 7px rgba(235,235,235,.96),inset -3px -3px 7px rgba(255,255,255,1)!important}
    .dncm-general-query-export-dialog{border:1px solid #d9dee7!important;border-radius:18px!important;box-shadow:0 8px 22px rgba(36,49,66,.12)!important}
    #dncm-general-query-root #dncm-general-query-supplier-input.dncm-general-query-plant-trigger{cursor:pointer!important}
    #dncm-general-query-root #dncm-general-query-supplier-list.dncm-general-query-plant-list{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:10000;max-height:280px;overflow:auto;padding:8px!important;border-radius:18px!important;background:linear-gradient(145deg,#fff,#fbfbfb)!important;box-shadow:18px 18px 34px rgba(227,227,227,.84),-15px -15px 28px rgba(255,255,255,1)!important}
    #dncm-general-query-root #dncm-general-query-supplier-items .dncm-general-query-item{padding:10px 12px;margin:3px 0;border-radius:14px;font-size:13px;color:#243142;cursor:pointer;white-space:normal;word-break:break-word}


    /* STABLE PATCH: visual-only refinements; query and API logic are unchanged. */
    #dncm-general-query-root #dncm-general-query-export-btn{
      display:inline-flex !important;
      align-items:center !important;
      justify-content:center !important;
      width:auto !important;
      min-width:156px !important;
      height:48px !important;
      min-height:48px !important;
      margin:0 !important;
      padding:11px 20px !important;
      border:1px solid #cfd6df !important;
      border-radius:7px !important;
      background:#ffffff !important;
      background-color:#ffffff !important;
      background-image:none !important;
      color:#243142 !important;
      font-family:Segoe UI,Arial,sans-serif !important;
      font-size:14px !important;
      font-weight:500 !important;
      font-style:normal !important;
      line-height:1 !important;
      letter-spacing:0 !important;
      text-align:center !important;
      text-indent:0 !important;
      white-space:nowrap !important;
      vertical-align:middle !important;
      box-shadow:-3px -3px 8px rgba(255,255,255,1),5px 5px 13px rgba(118,126,138,.14),inset 1px 1px 0 rgba(255,255,255,.78),inset -1px -1px 0 rgba(200,204,210,.28) !important;
    }
    #dncm-general-query-root #dncm-general-query-export-btn:hover:not(:disabled){
      background:#ffffff !important;
      color:#243142 !important;
      box-shadow:-3px -3px 8px rgba(255,255,255,1),5px 5px 13px rgba(118,126,138,.14),inset 1px 1px 0 rgba(255,255,255,.78),inset -1px -1px 0 rgba(200,204,210,.28) !important;
    }
    #dncm-general-query-root #dncm-general-query-export-btn:active:not(:disabled){
      box-shadow:inset 3px 3px 7px rgba(236,236,236,.96),inset -3px -3px 7px rgba(255,255,255,1) !important;
    }
    .dncm-general-query-export-dialog{
      border:1px solid #d9dee7 !important;
      border-radius:16px !important;
      box-shadow:0 4px 14px rgba(36,49,66,.10) !important;
      filter:none !important;
    }
    #dncm-general-query-root #dncm-general-query-supplier-input{
      cursor:pointer !important;
    }
    #dncm-general-query-root #dncm-general-query-supplier-list{
      display:none;
      position:absolute;
      top:calc(100% + 8px);
      left:0;
      right:0;
      z-index:10000 !important;
      max-height:280px !important;
      overflow:auto !important;
      padding:8px !important;
      border:1px solid var(--dncm-neo-rim-soft,#e8edf3) !important;
      border-radius:18px !important;
      background:#ffffff !important;
      background-color:#ffffff !important;
      background-image:none !important;
      box-shadow:-4px -4px 10px rgba(255,255,255,1),6px 6px 16px rgba(118,126,138,.09),inset 1px 1px 0 rgba(255,255,255,1),inset -1px -1px 0 rgba(226,230,236,.64) !important;
    }
    #dncm-general-query-root #dncm-general-query-supplier-search-wrap{
      position:sticky !important;
      top:0 !important;
      z-index:5 !important;
      padding-bottom:8px !important;
      background:#ffffff !important;
      box-shadow:0 6px 10px rgba(250,250,250,1) !important;
    }
    #dncm-general-query-root #dncm-general-query-supplier-result .dncm-general-query-item{
      padding:10px 12px !important;
      margin:3px 0 !important;
      border-radius:14px !important;
      font-size:13px !important;
      color:#243142 !important;
      cursor:pointer !important;
      white-space:normal !important;
      word-break:break-word !important;
    }
    /* Supplier DataTables Export uses the same collection component as Show / Hide Columns. */
    #dncm-general-query-root .dt-center .dt-buttons > .buttons-collection{
      align-items:center !important;
      justify-content:center !important;
      text-align:center !important;
    }


    /* FINAL USER-TYPE-SAFE EXPORT AND SUPPLIER PATCH */
    #dncm-general-query-root #dncm-general-query-clear-filters-btn,
    #dncm-general-query-root #dncm-general-query-export-btn{
      box-sizing:border-box!important;width:156px!important;min-width:156px!important;max-width:156px!important;
      height:48px!important;min-height:48px!important;max-height:48px!important;
      display:inline-flex!important;align-items:center!important;justify-content:center!important;
      margin:0!important;padding:11px 20px!important;border:1px solid #cfd6df!important;border-radius:7px!important;
      background:#fff!important;background-image:none!important;color:#243142!important;
      font-family:Segoe UI,Arial,sans-serif!important;font-size:14px!important;font-weight:500!important;
      font-style:normal!important;line-height:1!important;letter-spacing:0!important;text-align:center!important;
      box-shadow:-3px -3px 8px rgba(255,255,255,1),5px 5px 13px rgba(118,126,138,.14),inset 1px 1px 0 rgba(255,255,255,.78),inset -1px -1px 0 rgba(200,204,210,.28)!important;
    }
    .dncm-general-query-export-dialog{padding:20px 24px 22px!important;box-shadow:0 4px 14px rgba(36,49,66,.10)!important}
    .dncm-general-query-export-header{margin:0 0 10px!important;padding:0!important;border-bottom:0!important}
    .dncm-general-query-export-header h2{margin:0!important;line-height:1.2!important}
    .dncm-general-query-export-progress{margin:8px 0 10px!important}
    .dncm-general-query-export-progress-text{display:none;margin:0 0 4px;color:#536170;font-size:14px;line-height:1.4}
    #dncm-general-query-export-content{margin:0!important;padding:0!important}
    #dncm-general-query-export-content>p:first-child{margin-top:4px!important}
    #dncm-general-query-export-content>p:last-child{margin-bottom:0!important}


    /* FINAL DIALOG SPACING AND SUPPLIER EXPORT VISIBILITY */
    .dncm-general-query-export-dialog{padding:24px 26px 26px!important}
    .dncm-general-query-export-header{margin:0 0 16px!important;padding:0!important;border-bottom:0!important}
    .dncm-general-query-export-progress{margin:14px 0 14px!important}
    .dncm-general-query-export-progress-text{margin:0 0 8px!important;line-height:1.45!important}
    #dncm-general-query-export-content>p:first-child{margin-top:10px!important}
    #dncm-general-query-export-content>p+p{margin-top:14px!important}
    body.dncm-general-query-supplier-user #dncm-general-query-export-btn{display:none!important;visibility:hidden!important}


    /* FINAL NON-SUPPLIER SUPPLIER LOOKUP: EXACT PART NUMBER UI AND CLOSE BEHAVIOR */
    body.dncm-general-query-nonsupplier-user #dncm-general-query-supplier-block{
      position:relative!important;
    }
    body.dncm-general-query-nonsupplier-user #dncm-general-query-supplier-input{
      cursor:text!important;
    }
    body.dncm-general-query-nonsupplier-user #dncm-general-query-supplier-list.dncm-general-query-lookup-dropdown{
      display:none!important;
      position:absolute!important;
      top:calc(100% + 8px)!important;
      left:0!important;
      right:0!important;
      z-index:10000!important;
      max-height:320px!important;
      overflow-y:auto!important;
      overflow-x:hidden!important;
      padding:10px!important;
      border:1px solid var(--dncm-neo-rim-soft,#e8edf3)!important;
      border-radius:14px!important;
      background:#ffffff!important;
      background-color:#ffffff!important;
      background-image:none!important;
      box-shadow:10px 10px 24px rgba(118,126,138,.14),-10px -10px 24px rgba(255,255,255,1)!important;
    }
    body.dncm-general-query-nonsupplier-user #dncm-general-query-supplier-block.dncm-general-query-lookup-active #dncm-general-query-supplier-list.dncm-general-query-lookup-dropdown{
      display:block!important;
    }
    body.dncm-general-query-nonsupplier-user #dncm-general-query-supplier-result,
    body.dncm-general-query-nonsupplier-user #dncm-general-query-supplier-selected{
      width:100%!important;
    }
    body.dncm-general-query-nonsupplier-user #dncm-general-query-supplier-selected{
      display:block;
      margin-top:8px!important;
      padding-top:8px!important;
      border-top:1px solid rgba(230,234,240,.7)!important;
    }




    /*query ends*/



    /*other than query - table and datatable code starts*/



 


/* dt-button styling - scoped */
#dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-buttons .dt-button,
#dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-buttons .dt-button ,


   #dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dt-paging nav .dt-paging-button,
  #dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dt-paging nav .dt-paging-button
{
  box-sizing: border-box !important;
  background: none !important;
  border: 1px solid #b3b3b3 !important;
  color: #333333 !important;
  text-align: center !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
  font-weight: 600 !important;
  line-height: 1.8;
 /* min-height: max-content !important;*/
}

#dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-buttons .dt-button:hover,
#dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-buttons .dt-button:hover,

   #dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dt-paging nav .dt-paging-button:hover,
  #dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dt-paging nav .dt-paging-button:hover
{
  background-color: #f7f7f7 !important;
  border: 1px solid #767676 !important;
}

#dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-buttons .dt-button:focus,
#dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-buttons .dt-button:focus
{
  background-color: #dddddd !important;
  border: 1px solid #b3b3b3 !important;
  outline: none !important;
}





 #dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dt-paging nav .current,
  #dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dt-paging nav .current
{
  background-color: #dddddd !important;
  border: 1px solid #b3b3b3 !important;
  outline: none !important;
  font-weight: bold;
}




 #dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dt-paging nav .dt-paging-button,
  #dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dt-paging nav .dt-paging-button
{
  font-weight:lighter !important;
  margin: 0px 5px;
}



#dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-buttons .dt-button:disabled,
#dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-buttons .dt-button:disabled ,

   #dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dt-paging nav .dt-paging-button:disabled,
  #dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dt-paging nav .dt-paging-button:disabled

{
  background-color: #ffffff !important;
  border: 1px solid #f7f7f7 !important;
}


/* dt-button responsive padding - scoped */
@media only screen and (max-width: 600px) {
  #dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-buttons .dt-button,
  #dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-buttons .dt-button
  
  {
    padding: 5px 16px 5px 16px;
  }
}

@media only screen and (min-width: 601px) and (max-width: 768px) {
  #dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-buttons .dt-button,
  #dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-buttons .dt-button {
    padding: 5px 16px 5px 16px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 992px) {
  #dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-buttons .dt-button,
  #dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-buttons .dt-button {
    padding: 5px 16px 5px 16px;
  }
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
  #dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-buttons .dt-button,
  #dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-buttons .dt-button {
    padding: 10px 20px 10px 20px;
  }
}

@media only screen and (min-width: 1201px) and (max-width: 1600px) {
  #dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-buttons .dt-button,
  #dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-buttons .dt-button {
    padding: 10px 20px 10px 20px;
  }
}

@media only screen and (min-width: 1601px) {
  #dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-buttons .dt-button,
  #dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-buttons .dt-button {
    padding: 10px 20px 10px 20px;
  }
}


/* dt-input styling - scoped wherever .dt-input was used */
#dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-search .dt-input,
#dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-search .dt-input {
  box-sizing: border-box !important;
  background: none !important;
  border: 1px solid #b3b3b3 !important;
  color: #333333 !important;
  text-align: left !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
  font-weight: normal !important;
  line-height: 1.8;
  margin-right: 10px;
  outline: none;
  min-height: max-content !important;
  width: 100%;
  padding: 10px 20px 10px 40px !important;
}

@media only screen and (min-width: 769px) and (max-width: 992px) {
  #dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-search .dt-input,
  #dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-search .dt-input {
    padding: 5px 16px 5px 40px !important;
  }
}









 #dncm-retrieve-qnote-load-notification-logs-table ,#dncm-read-non-conformance-alert-logs-table, #dncm-x-view-non-conformance-supplier-contact, #dncm-x-view-non-conformance-jd-contact,  #dncm-x-view-non-conformance-historical-rejections-by-part-number-table, #dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table  {
  overflow-x: auto !important;
  display: block;
  max-width: 85vw;
}

   #dncm-retrieve-qnote-load-notification-logs-table thead tr th ,#dncm-read-non-conformance-alert-logs-table thead tr th ,#dncm-x-view-non-conformance-supplier-contact thead tr th, #dncm-x-view-non-conformance-jd-contact thead tr th,  #dncm-x-view-non-conformance-historical-rejections-by-part-number-table thead tr th, #dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table thead tr th {
  padding: 10px;
  min-width: 100px;
}

    #dncm-retrieve-qnote-load-notification-logs-table tbody tr td ,#dncm-read-non-conformance-alert-logs-table tbody tr td, #dncm-x-view-non-conformance-supplier-contact tbody tr td, #dncm-x-view-non-conformance-jd-contact tbody tr td,  #dncm-x-view-non-conformance-historical-rejections-by-part-number-table tbody tr td, #dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table tbody tr td {
  padding: 10px;
  min-width: 100px;
}



   #dncm-retrieve-qnote-load-notification-logs-table thead tr:hover ,#dncm-read-non-conformance-alert-logs-table thead tr:hover ,#dncm-x-view-non-conformance-supplier-contact thead tr:hover, #dncm-x-view-non-conformance-jd-contact thead tr:hover,  #dncm-x-view-non-conformance-historical-rejections-by-part-number-table thead tr:hover, #dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table thead tr:hover {
  background-color: #ffffff;
}



   #dncm-retrieve-qnote-load-notification-logs-table tbody tr:hover ,#dncm-read-non-conformance-alert-logs-table tbody tr:hover ,#dncm-x-view-non-conformance-supplier-contact tbody tr:hover, #dncm-x-view-non-conformance-jd-contact tbody tr:hover,
#dncm-x-view-non-conformance-historical-rejections-by-part-number-table tbody tr:hover,
#dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table tbody tr:hover {
  background-color: #f7f7f7;
}








#dncm-x-view-non-conformance-historical-rejections-by-part-number-table tbody tr td,
#dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table tbody tr td {
  border: none !important;
}

#dncm-x-view-non-conformance-historical-rejections-by-part-number-table thead tr th,
#dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table thead tr th {
  border: none;
  background: none;
}

#dncm-x-view-non-conformance-historical-rejections-by-part-number-table thead tr th span,
#dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table thead tr th span {
  font-weight: bolder;
}

#dncm-x-view-non-conformance-historical-rejections-by-part-number-table td,
#dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table td {
  text-align: left !important;
}

#dncm-x-view-non-conformance-historical-rejections-by-part-number-table th,
#dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table th {
  text-align: left !important;
}

#dncm-x-view-non-conformance-historical-rejections-by-part-number-table,
#dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table {
  margin: 0 !important;
}


/* dt-layout-cell - scoped */
#dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell,
#dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell {
  /*display: flex;*/
}


/* dt-length - scoped wherever only .dt-length was used */
#dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dt-length,
#dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dt-length {
  flex: 1;
}


/* dncmDataTableSearchAndButtonsWrapper - scoped wherever only .dncmDataTableSearchAndButtonsWrapper was used */
#dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper,
#dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper {
  flex: 2;
}

@media (min-width: 560px) {
  #dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper,
  #dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
}


/* dt-search label - scoped wherever .dt-search label was used */
#dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-search label,
#dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-search label {
  display: none !important;
}



#dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell  .dt-length label,
#dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell  .dt-length label {
  padding-left: 10px !important;
}

/* dt-input placeholder - scoped */
#dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-search .dt-input::placeholder,
#dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-search .dt-input::placeholder {
  color: #ccc;
  font-weight: 300;
}


/* dncmDataTableSearchWrapper - scoped wherever .dncmDataTableSearchWrapper was used */
#dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dncmDataTableSearchWrapper,
#dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dncmDataTableSearchWrapper {
  position: relative;
  width: max-content;
}

#dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dncmDataTableSearchWrapper::before,
#dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dncmDataTableSearchWrapper::before {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #bbb;
}


/* Mobile styling */
@media (max-width: 560px) {
  #dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-buttons .dt-button,
  #dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-buttons .dt-button {
    margin-bottom: 6px;
  }

  #dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-buttons .dt-button ,
  #dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-buttons .dt-button  {
    left: 0px !important;
  }

  #dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dncmDataTableSearchWrapper,
  #dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dncmDataTableSearchWrapper {
    margin: auto;
  }
}



 #dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dtsp-panesContainer ,
  #dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell
.dtsp-panesContainer {
  background: none !important;
  border: none !important;
  padding: 25px 20px 25px 20px !important;
  border-radius: 15px;
  margin: 7px !important;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}





  #dncm-x-view-non-conformance-historical-rejections-by-part-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-buttons  ,
  #dncm-x-view-non-conformance-historical-rejections-by-supplier-number-table_wrapper .dt-layout-row .dt-layout-cell .dncmDataTableSearchAndButtonsWrapper .dt-buttons  {
 display:flex;
}

  /*other than query - table and datatable code ends*/