.pd_cell_form_group .refDiv,
.pd_cell_form_group .pd_input,
.pd_cell_content_container .pd_input,
.refDiv select {
   width: calc(100% - 60px);
}

.refDiv .flexNoWrap input[type="text"] {
   width: 100%;
}

.pd_cell_form_group .pd_input_text {
   width: calc(100% - 60px);
   min-width: calc(100% - 60px);
   max-width: calc(100% - 60px);
}

span:has(.hasDatepicker) {
   padding: 0 !important;
}

.pd_input > .hasDatepicker {
   margin-right: -20px;
   width: 100%;
}

.divWithAutoCompleteContainer {
   width: 100%;
}

span:has(.autoCompleteContainer) {
   padding: 0 !important;
}

.pd_input:has(.autoCompleteContainer) {
   width: 100%;
}

span:has(.localizedStringTextBoxes) {
   padding: 0 !important;
}

span:has(.FormElemWithDotBtn) {
   width: 100% !important;
}

td:has(> input.DoubleDotBtn) {
   display: none !important;
}

.FormElemWithDotBtn {
   width: calc(100% - 60px);
}

table:has(select.FormElemWithDotBtn),
.commandsstrips table {
   border-collapse: collapse;
   border-spacing: 0;
   padding: 0;
   margin: 0;
   width: 100%;
}

   table:has(select.FormElemWithDotBtn) tr,
   .commandsstrips tr {
      padding: 0;
      margin: 0;
   }

   table:has(select.FormElemWithDotBtn) td,
   .commandsstrips td:not(:first-child) {
      margin: 0;
      border: none;
   }

tr.commandStripRow > td:not(:first-child):has(.commandStripCommand):not(:has(input[type="submit"])) {
   padding: 5px;
}

textarea {
   resize: vertical;
}

/**************************************/

* {
   box-sizing: border-box;
}

:root {
   --main-text-color: #006699;
}

body {
   font-family: 'Open Sans';
   font-size: 12px !important;
   font-weight: 400;
   background: transparent;
}

html, body, #wrap {
   height: 100%;
   overflow: hidden;
}

   body > #wrap {
      height: auto;
      min-height: 99%;
   }

#mainForm {
   padding-bottom: 20px;
}

.skipToMainContent {
   position: absolute;
   top: -40px;
   left: 0;
   background: #000000;
   color: #FFFFFF !important;
   padding: 8px 16px;
   z-index: 1000;
   text-decoration: none !important;
   font-weight: bold;
}

   .skipToMainContent:focus {
      top: 0;
   }

.RadMenu_Outlook .group .link {
   font-weight: 100 !important;
}

.RadPanelbar_WindowsXP2 .group .item {
   margin-bottom: 12px !important;
}

.EntityAttContainer,
.EntityAttContainer table {
   width: 100%;
}

#userProfileDiv {
   display: block;
   width: 100%;
   height: 100%;
   padding-top: 8px;
   padding-right: 20px;
}

   #userProfileDiv span {
      font-family: 'Open Sans';
   }

.main-title-holder {
   margin-top: 10px;
   width: fit-content;
}

.selected-value-label {
   display: inline-block;
   font-family: 'Raleway';
   font-size: 24px;
   font-weight: bold;
   color: #1A1A1A;
   padding-bottom: 10px;
   position: relative;
}

   .selected-value-label::after {
      content: '';
      display: block;
      width: 200%;
      height: 0.5px;
      background-color: #1A1A1A;
      position: absolute;
      left: 0;
      bottom: 0;
   }

#M_MenuPaneCtl_imgHome {
   margin-top: 5px;
}

.main-layout-sidebar .slide .group.level1 .item .template .sidebar_commandlinks {
   padding: 2px 10px;
   margin-left: 10px;
}

/* ---------------------------------------------------------------- */
/* Page Layout DIV Styles                                           */
/* ---------------------------------------------------------------- */
iframe {
   display: block;
}

.main-layout {
   display: grid;
   grid-template-rows: 50px 50px 5px 1fr;
   grid-template-columns: 0px 1fr;
   height: 100vh;
   max-height: 100vh;
   overflow: hidden;
}

main-layout-no-header {
   display: grid;
   grid-template-rows: 0px 0px 0px 1fr;
   grid-template-columns: 0px 1fr;
   height: 100vh;
   max-height: 100vh;
   overflow: hidden;
}

.main-layout-content {
   grid-column: 2;
   grid-row: 4;
   padding-left: 30px;
   padding-right: 15px;
   overflow: auto;
   overflow-y: auto;
   overflow-x: hidden;
   height: 100%;
   width: 100%;
}

   .main-layout-content:has(iframe#homepageContent) {
      overflow: hidden;
      overflow-x: hidden;
      padding-left: 0 !important;
      padding-right: 0 !important;
   }

.maincontent:has(iframe#homepageContent) {
   display: block !important;
   overflow: hidden !important;
}

.main-layout:has(iframe#homepageContent) {
}

.main-layout-commands-strip {
   position: sticky;
   align-self: center;
}

.main-layout-header {
   grid-column: 1/span 2;
   grid-row: 1;
}

.main-layout-menu {
   grid-column: 1/span 2;
   grid-row: 2;
}

.main-layout-sidebar {
   grid-column: 1;
   grid-row: 3/span 4;
   visibility: hidden;
   background-color: #F7F7F7;
   overflow: hidden;
   border-right: 1px solid #EBEBEB;
}

.maincontent {
   flex-direction: column;
   align-items: flex-start;
   overflow-y: hidden;
   overflow-x: auto;
   min-height: 40rem;
}

.maincontent-entitytabs {
   height: auto;
   min-height: calc(100% - 275px);
   overflow: hidden !important;
}

.commandsstrips,
.commandStripRowUserPref {
   display: flex;
   height: auto;
   align-items: start;
   width: 100%;
   margin-bottom: 10px;
   margin-top: 5px;
}

.flexCentered {
   display: inline-grid;
   white-space: nowrap;
   margin-bottom: 10px;
}

   .flexCentered input[type="checkbox"] {
      position: relative;
      width: 20px;
      height: 20px;
      margin-left: -50px;
      margin-top: 17px;
      top: -5px;
   }

   .flexCentered .querySimpleEditorElement {
      display: contents;
   }

#menuPaneDiv {
   display: flex;
   align-items: center;
   height: 100%;
   width: 100%;
   font-size: 12px;
   font-weight: bold;
   color: #1A1A1A;
}

   #menuPaneDiv a:link, #menuPaneDiv a:visited, #menuPaneDiv a:active {
      color: #FFFFFF;
   }

   #menuPaneDiv a:hover {
      color: #FFFFFF;
   }

.head_menu_lnk_container {
   display: flex;
   margin-left: -15px;
}

span#sbMinimize, span#Home, span#AddFavorites, span#Scan {
   cursor: pointer;
}

.pagehead {
   background-color: #FFFFFF;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   align-items: center;
   height: 100%;
   padding-right: 30px;
   padding-bottom: 7px;
}

   .pagehead .hyperlink {
      margin-right: -10px;
   }

   .pagehead .firsthyperlink {
      margin-left: auto;
      margin-right: 10px;
   }

/* ---------------------------------------------------------------- */
/* Sidebar - Version section                                        */
/* ---------------------------------------------------------------- */

.RoundedContainerHead {
   BACKGROUND-COLOR: #d6dde3;
   HEIGHT: 5px;
}

.RoundedContainerTitle {
   FONT-WEIGHT: bold;
   font-size: 12px;
   COLOR: #004B95;
   VERTICAL-ALIGN: top;
}

.RoundedContainerContent {
   color: #127CC8;
   background-color: #ffffff;
   FONT-WEIGHT: bold;
   FONT-SIZE: 12px;
   padding-bottom: 0px;
   padding-top: 0px;
}

.RoundedContainerContentSmall {
   COLOR: #127CC8;
   BACKGROUND-COLOR: #ffffff;
   FONT-WEIGHT: bold;
   FONT-SIZE: 12px;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}

.RoundedContainerFoot {
   BACKGROUND-COLOR: #ffffff;
   VERTICAL-ALIGN: bottom;
   HEIGHT: 3px;
   FONT-SIZE: 12px;
}

td.versionInfo span {
   margin-top: 2px;
   display: block;
}

/* ---------------------------------------------------------------- */
/* Page Formaters -- Table classes                                  */
/* ---------------------------------------------------------------- */

.fullpageLogin {
   BACKGROUND-IMAGE: url(../Images/loginbg.jpg);
   BACKGROUND-REPEAT: repeat-x;
   background-position: center center;
   background-size: cover;
   BACKGROUND-COLOR: #FFF;
   BORDER-STYLE: none;
   MARGIN: 0;
   PADDING: 0;
}

.fullpage {
   BACKGROUND-COLOR: white;
   BORDER-STYLE: none;
   MARGIN: 0;
   PADDING: 0;
   height: fit-content;
}

#main > tbody {
   height: 100%;
}

#headerzone {
   background-color: #FFFFFF;
}

#loginformouter {
   text-align: center;
}

#loginform {
   margin-top: 10%;
   margin-left: auto;
   margin-right: auto;
   width: 320px;
}

#logininner {
   text-align: left;
   padding-left: 50px;
   font-size: 12px;
}

#labelUsername, #labelPassword, #Button1 {
   margin-top: 10px;
   display: block;
}

#loginform .contentf {
   box-shadow: 3px 7px 6px #102332;
   -webkit-box-shadow: 3px 7px 6px #102332;
   -moz-box-shadow: 3px 7px 6px #102332;
}

#loginform .contentfheader {
   box-shadow: 3px 7px 6px #102332;
   -webkit-box-shadow: 3px 7px 6px #102332;
   -moz-box-shadow: 3px 7px 6px #102332;
   background-color: #d6dde3;
   padding-bottom: 5px;
}

#M_MenuPane {
   background-color: #1A1A1A;
}

#MainMenu {
   border: none;
   clear: both;
   float: left;
   width: 100%;
}

#M_SideBarPane {
   overflow-y: auto !important;
}

#M_tblEntityTabs {
   background-color: White;
   padding-right: 2px;
   margin-top: 15px;
}

/*Panel class added when error on the messagepanel*/
.messagepanelerror {
   display: none;
   background-color: #FDADAD;
   color: #990000;
   padding: 5px;
}

.contentf {
   background: white;
   overflow: hidden;
   padding: 15px;
}

   .contentf div {
      margin-left: 2px;
   }

.homepage {
   border: 0;
   height: calc(100% - 100px);
   width: 100%;
   overflow: scroll;
}

#M_Pg_pnlLink {
   FONT-SIZE: 12px;
   line-height: 24px;
}

   #M_Pg_pnlLink .menupagetxt {
      FONT-SIZE: 12px;
   }

.menupagetxt {
   FONT-WEIGHT: bold;
   FONT-SIZE: 12px;
   COLOR: Gray;
}

.rightclickableheader {
   background-position: 95% 5%;
   background-repeat: no-repeat;
}

#M_Pg_pnlResultTable {
   width: 100%;
   overflow: hidden;
}

   #M_Pg_pnlResultTable strong {
      color: #1A1A1A;
      font-weight: bold;
      font-family: 'Open Sans';
      font-size: 12px;
   }

.tblBottomOptions {
   clear: both;
}

   .tblBottomOptions > span,
   .lblRecordCount {
      font-weight: bold;
      font-size: 12px;
      font-family: 'Raleway';
   }

/* ---------------------------------------------------------------- */
/* Basic Styles -- Links                                            */
/* ---------------------------------------------------------------- */

A {
   FONT-WEIGHT: bold;
   font-size: 12px;
}

   A:link, A:visited, A:active {
      font-size: 12px;
      COLOR: #0066CC;
   }

   A:hover {
      font-size: 12px;
      COLOR: #00478F;
   }

table a {
   text-decoration: none !important;
}

/* ---------------------------------------------------------------- */
/* Basic Styles -- HTML                                             */
/* ---------------------------------------------------------------- */

TD {
   background-clip: padding-box !important;
   font-size: 12px;
}

P {
   font-size: 12px;
   margin-bottom: 0px;
}

H1 {
   font-size: 12px;
   FONT-WEIGHT: bold;
   COLOR: #006699;
   BORDER-SPACING: 0px;
   MARGIN: 0px;
   PADDING: 0px;
}

TFOOT, THEAD, TBODY {
   font-size: 12px;
   COLOR: #006699;
   PADDING: 0 0 0 0;
}

LI {
   list-style-type: none;
}

fieldset {
   margin-top: 50px;
   border: 1px solid #aaa;
   padding: 30px 20px 20px;
   position: relative;
   transition: opacity 0.3s ease, height 0.3s ease, margin 0.3s ease, padding 0.3s ease;
}

   fieldset label {
      width: fit-content;
   }

legend {
   width: 100%;
   position: absolute;
   top: -50px;
   left: 0;
   background-color: #FFFFFF;
   padding: 10px;
   font-size: 16px;
   font-weight: 700;
   font-family: 'Raleway';
   color: #1A1A1A;
   transition: background-color 0.3s ease;
   padding: 5px 5px 5px 0;
   text-align: start;
}

h2 {
   padding: 2px 2px 2px 0;
   font-family: 'Raleway';
   font-weight: 700;
   font-size: 16px;
   color: #1A1A1A;
}

/* ---------------------------------------------------------------- */
/* SPECIAL Styles -- TO CLASSIFY                                    */
/* ---------------------------------------------------------------- */

.sectionflex {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
}

.flexbox {
   display: inline-block;
   align-items: flex-start;
   width: auto;
   height: auto;
   margin-bottom: 5px;
   margin-right: 10px;
}

.hiddenButRendered {
   display: none;
}

.pagetitle2 {
   FONT-SIZE: 24px;
   FONT-WEIGHT: bold;
   COLOR: #006699;
}

.contenttable {
   WIDTH: 100%;
   HEIGHT: 100%;
   border: 0 0 0 0;
   padding: 0 0 0 0;
}

.contentTableShort {
   width: 100%;
}

.contentCellFixHeight {
   VERTICAL-ALIGN: top;
   PADDING-TOP: 0px;
   PADDING-LEFT: 0px;
   PADDING-RIGHT: 0px;
   HEIGHT: auto;
}

.contentCell {
   VERTICAL-ALIGN: top;
   PADDING-TOP: 0px;
   PADDING-LEFT: 0px;
   PADDING-RIGHT: 0px;
}

.std, .standardText,
.hasDatepicker {
   font-size: 12px;
   COLOR: #1A1A1A;
   font-weight: 100;
   font-family: 'Open Sans';
}

.stdBold, .standardBoldText {
   FONT-WEIGHT: 700;
   font-size: 12px;
   COLOR: #000000;
}

.largerBold, .largerBoldText {
   FONT-WEIGHT: bold;
   FONT-FAMILY: 'Open Sans';
   font-size: 12px;
   COLOR: #000000;
}

.biggerBoldText {
   FONT-WEIGHT: 700;
   font-size: 12px;
   COLOR: #000000;
}

/* ---------------------------------------------------------------- */
/* NAVIGATION                                                       */
/* ---------------------------------------------------------------- */

.tabInactive {
   font-size: 12px;
   FONT-WEIGHT: bold;
   COLOR: #666666;
   BACKGROUND-COLOR: #CCCCCC;
   TEXT-ALIGN: center;
   PADDING-TOP: 3px;
   PADDING-RIGHT: 18px;
   PADDING-BOTTOM: 3px;
   PADDING-LEFT: 18px;
   BORDER-TOP: solid thin #797979;
   BORDER-RIGHT: solid thin #797979;
   BORDER-BOTTOM: none 0px #000000;
   BORDER-LEFT: none 0px #797979;
   BACKGROUND-IMAGE: url(../Images/buttontop.jpg);
   BACKGROUND-REPEAT: repeat-x;
}

   .tabInactive A:link, .tabInactive A:visited {
      FONT-WEIGHT: bold;
      COLOR: #666666;
      TEXT-DECORATION: none;
   }

.tabActive {
   font-size: 12px;
   FONT-WEIGHT: bold;
   COLOR: #FFFFFF;
   BACKGROUND-COLOR: #006699;
   TEXT-ALIGN: center;
   PADDING-TOP: 3px;
   PADDING-RIGHT: 18px;
   PADDING-BOTTOM: 3px;
   PADDING-LEFT: 18px;
   BORDER-TOP: solid thin #006699;
   BORDER-RIGHT: solid thin #006699;
   BORDER-BOTTOM: none 0px #006699;
   BORDER-LEFT: none 0px #006699;
}

   .tabActive A:link, .tabActive A:visited {
      FONT-WEIGHT: bold;
      COLOR: #FFFFFF;
      TEXT-DECORATION: none;
   }

.nav_box_tab {
   margin-bottom: 15px;
}

.DomainTabActive,
.DomainTabInactive,
.adminTabActive,
.adminTabInactive {
   padding: 8px 16px;
   border: 1px solid #CCCCCC;
   white-space: nowrap;
   text-align: center;
}

.DomainTabActive,
.adminTabActive {
   box-shadow: inset 0 -2px 0 0 #002142, inset 1px 0 0 0 #002142;
}

.DomainTabInactive A:link,
.adminTabInactive A:link {
   color: #0066CC;
   text-decoration: none;
   font-size: 16px;
   font-weight: 600;
}

.DomainTabActive A:hover,
.DomainTabInactive A:hover,
.adminTabActive A:hover,
.adminTabInactive A:hover {
   color: #00478F;
}

.DomainTabActive A,
.adminTabActive A {
   color: #002142;
   font-size: 16px;
}

.DomainTabHidden {
   DISPLAY: none;
}

.tblEntityTabs {
   margin-bottom: 15px;
}

#maintable {
   display: block;
   overflow: hidden;
}

th {
   FONT-WEIGHT: bold;
   BACKGROUND-COLOR: #FFFFFF;
   POSITION: sticky;
   top: 0;
   border-collapse: separate;
   padding: 6px;
   color: #1A1A1A;
   font-weight: bold;
}

.gridHeader {
   POSITION: sticky;
   COLOR: #1A1A1A;
   font-family: 'Raleway' !important;
   font-size: 12px !important;
   background-color: #FFFFFF !important;
   text-align: left;
   font-weight: bold !important;
   white-space: nowrap;
}

   .gridHeader > th {
      border-bottom: 1px solid #CCCCCC;
   }

.gI {
   padding: 10px !important;
}

#M_Pg_ctlEntityGrid_grdEntities > tbody > tr > td {
   vertical-align: middle !important;
}

.gridHeader A:active, .gridHeader A:link, .gridHeader A:visited, .gridHeader td {
   COLOR: #1A1A1A;
   TEXT-DECORATION: none;
   POSITION: sticky;
}

tr.gI > td {
   vertical-align: middle !important;
   font-family: 'Open Sans' !important;
   font-size: 12px !important;
   font-weight: 400 !important;
}

   tr.gI > td input:not([type="image"]):not(.autoCompleteInputBox),
   tr.gI > td select {
      min-width: max-content;
      width: 100%;
      text-align: center;
   }

   tr.gI > td textarea {
      height: 20px !important;
      border: 1px solid #CCCCCC;
      width: 100%;
      overflow: hidden;
      margin-top: 4px;
   }

   tr.gI > td select {
      background-color: #FFFFFF !important;
   }

   tr.gI > td input {
      width: fit-content;
   }

      tr.gI > td input.autoCompleteInputBox {
         padding: 3px 3px 3px 25px !important;
      }

   tr.gI > td a {
      font-size: 12px;
   }

      tr.gI > td a:hover {
         font-size: 12px;
      }

.scrollable > tbody > tr:nth-child(even),
.gridItemHrc > tbody > tr:nth-child(even),
.gI:nth-of-type(even) {
   background-color: #f2f2f2;
}

#M_Pg_ctlNotifSelector_grdEntities > tbody > tr.gridHeader > th {
   border-right: 1px solid #CCCCCC;
}

tr.gI > td:has(td > input[type="image"]) {
   text-align: -webkit-center;
}

div[id*="_grdEntities"] table tr.gI > td:has(td > input[type="image"]) {
   text-align: center;
}

table.collapse {
   text-align: center;
   border-spacing: 0;
   position: relative;
   z-index: 0;
}

   table.collapse > tbody > tr > td,
   #M_Pg_ctlCustomFields_grdCustomFields > tbody > tr > td,
   #M_Pg_ctlAttributeHistory_grdAttributeHistory > tbody > tr > td {
      border-bottom: 1px solid #CCCCCC;
      border-right: 1px solid #CCCCCC;
      border-left: 1px solid #CCCCCC;
   }

      table.collapse > tbody > tr > th,
      table.collapse > thead > tr > th,
      #M_Pg_ctlCustomFields_grdCustomFields > tbody > tr.gridHeader > td,
      #M_Pg_ctlAttributeHistory_grdAttributeHistory > tbody > tr > td.gridHeader {
         position: sticky;
         top: 0;
         border-right: 1px solid #CCCCCC;
         border-left: 1px solid #CCCCCC;
         border-bottom: 1px solid #CCCCCC;
         background-color: #FFFFFF;
         z-index: 2;
         padding: 10px;
         text-align: center;
         white-space: nowrap;
      }

         table.collapse > tbody > tr > th::before,
         table.collapse > thead > tr > th::before,
         #M_Pg_ctlCustomFields_grdCustomFields > tbody > tr.gridHeader > td::before,
         #M_Pg_ctlAttributeHistory_grdAttributeHistory > tbody > tr > td.gridHeader::before {
            content: "";
            position: absolute;
            top: -1px;
            left: 0;
            right: 0;
            height: 3px;
            background-color: #1A1A1A;
            z-index: 2;
         }

         table.collapse > tbody > tr > th::after,
         table.collapse > thead > tr > th::after,
         #M_Pg_ctlCustomFields_grdCustomFields > tbody > tr.gridHeader > td::after,
         #M_Pg_ctlAttributeHistory_grdAttributeHistory > tbody > tr > td.gridHeader::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 0.5px;
            background-color: #CCCCCC;
            z-index: 9;
         }

.gridHeader A:hover {
   TEXT-DECORATION: underline;
}

.gridItem, .gI {
   vertical-align: top;
   font-size: 12px;
   color: #1A1A1A;
   position: relative;
}

   .gridItem a {
      color: #1A1A1A !important;
      font-weight: normal;
      text-decoration: none !important;
   }

.gridItemHrc, .gI {
   vertical-align: top;
   font-size: 12px;
   color: #1A1A1A;
   position: relative;
}

.gridUnderTab {
   margin-top: 10px;
}

.unitControl {
   margin-left: 5px;
   width: max-content !important;
   border-radius: 4px;
}

div.pagelistscrollable {
   width: auto;
   height: auto;
   max-height: 400px;
   overflow: auto;
}

   div.pagelistscrollable table {
      width: -webkit-fill-available;
      position: relative;
      z-index: 0;
   }

div.quarterlistscrollable {
   max-height: 60vh;
   overflow: auto;
}

div.batchEdit {
   display: block;
   position: absolute;
   left: 10%;
   top: 25%;
   width: 350px;
   height: auto;
   min-height: 15%;
   border: solid 1px black;
   background-color: #819cb1;
}

.radtext {
   padding: 0px 6px;
   FONT-WEIGHT: bold;
   font-size: 12px;
   COLOR: #215dc6;
   line-height: 20px;
   vertical-align: middle;
   TEXT-DECORATION: none;
}

.radlink {
   FONT-WEIGHT: normal;
   font-size: 12px;
   line-height: 16px;
   vertical-align: middle;
   TEXT-DECORATION: none;
}

.panelbar .radlink {
   color: #0066CC !important;
}

   .panelbar .radlink:hover {
      color: #00478F !important;
      text-decoration: none !important;
   }

A.radlink:link, A.radlink:visited, A.radlink:active {
   font-size: 12px;
   TEXT-DECORATION: none;
   COLOR: #1A1A1A;
}

A.radlink:hover {
   TEXT-DECORATION: underline;
   COLOR: #417de6;
}

textarea {
   background-color: #FFFFFF;
}

.autocomplete_refElementListCompletion {
   visibility: hidden;
   margin: 0px;
   background-color: window;
   color: windowtext;
   border: buttonshadow;
   cursor: default;
   overflow: auto;
   text-align: left;
   list-style-type: none;
   z-index: 1111;
   padding: 0px;
   max-height: 200px;
   box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.autocomplete_highlightedListItem {
   background-color: Highlight;
   color: White;
   padding: 1px;
   z-index: 1111;
}

.autocomplete_listItem {
   background-color: window;
   color: windowtext;
   padding: 1px;
}

.lblRecordCount {
   float: right;
}

#M_ctlEntityTabs_ctlContent_ctlEntityGrid_lblRecordCount {
   display: block;
   clear: both;
}

.pnlDetail {
   margin-bottom: 26px;
}

.CommentGrid {
   width: 100%;
   margin-bottom: 15px;
   border: none !important;
}

   .CommentGrid hr {
      margin-left: -6px;
   }

table.CommentGrid tr td {
   padding: 0 0 0 5px !important;
}

.CommentGrid tr:first-child {
   border: none;
}

.CommentGrid tr {
   border: 0.5px solid #CCCCCC;
}

.CommentGrid td {
   font-family: 'Open Sans';
   font-size: 12px;
   color: #1A1A1A;
   padding: 3px;
   vertical-align: middle;
   border: none;
}

.BtnUpdateComment {
   margin-right: 5px !important;
}

.CommentGrid tr:nth-of-type(odd) {
   background-color: #FFFFFF;
}

.CommentGrid tr:nth-of-type(even) {
   background-color: #F2F2F2;
}

.CommentGrid td > input[type="image"] {
   margin-top: 10px;
}

   .CommentGrid td > input[type="image"]:nth-child(2) {
      margin-right: 5px;
   }

   .CommentGrid td > input[type="image"]:first-child {
      margin-left: 3px;
      margin-right: 2px;
   }

.CommentGrid td {
   padding-left: 10px;
   padding-right: 10px;
}

.CommentGrid span {
   position: relative;
   top: -6px;
}

.EditCommentTextArea {
   font-family: 'Open Sans';
   font-size: 12px;
   color: #1A1A1A;
   margin-left: 10px;
   min-width: 98%;
   max-width: 98%;
   padding: 10px;
}

.highlightTableRow {
   background-color: #F8F9E7;
}

/***********************************************/
/*               QueryFilter.ascx              */
/***********************************************/

.queryfilterpanel {
   margin-top: 0;
}

   .queryfilterpanel .autoCompleteInputBox {
      margin-top: 3px;
      padding-top: 10.5px;
      padding-bottom: 10.5px;
   }

   .queryfilterpanel:has(.autoCompleteInputBox) {
      margin-top: 0.5px !important;
   }

div.queryfilter {
   margin-left: 0px;
   margin-right: 4px;
}

#DataQueryFilterContainer,
.queryFilterContainer {
   margin-bottom: 10px;
   width: fit-content;
}

#DataQueryFilterContainer {
   display: grid;
   grid-template-columns: auto auto;
   border: 1px solid #6E6E6E;
   border-radius: 4px;
   padding: 30px;
}

#M_Pg_labelListType {
   padding-top: 9px;
}

.QueryFilterViewList {
   margin-bottom: 10px;
}

.DataQueryFilterElem {
   display: block !important;
   margin-right: 15px;
}

#DataQueryFilterContainer .QueryFilterElem {
   border: none !important;
   padding: 0 !important;
}

.QueryFilterElem {
   flex-wrap: wrap;
   border: 1px solid #6E6E6E;
   border-radius: 4px;
   display: flex;
   padding: 10px 10px 0 10px;
}

   .QueryFilterElem label,
   .QueryFilterElem span {
      display: block;
      color: #1A1A1A;
      font-size: 12px !important;
      font-family: 'Raleway';
      font-weight: 700 !important;
   }

   .QueryFilterElem .std,
   .flexCentered input,
   select[id*=".QueryFilterElem .std"] {
      border: 1px solid #6E6E6E;
      border-radius: 4px;
      margin-top: 5px;
      margin-bottom: 5px;
      margin-left: 0;
   }

   .QueryFilterElem textarea {
      height: 38px !important;
      max-width: 62.5vw !important;
   }

   .QueryFilterElem > div:first-child {
      margin-right: 10px;
   }

   .QueryFilterElem select,
   .QueryFilterElem input:no-button,
   .flexCentered input {
      min-width: 250px !important;
      padding: 10px;
      color: #1A1A1A;
      font-size: 12px !important;
      font-family: 'Open Sans';
      font-weight: 200;
   }

.queryfilterpanel input[type="text"][id*="_pickerTextBox"],
.queryfilterpanel input[type="text"][id*="_ValuesTextBox"] {
   margin-top: 4px !important;
   padding: 7px;
}

.QueryFilterBtn {
   margin-top: 19px;
   width: 100px !important;
   font-weight: normal !important;
   line-height: 12px !important;
   border-radius: 4px !important;
   background-color: #0066CC !important;
   border: 1px solid #0066CC !important;
   color: #FFFFFF !important;
   font-size: 12px !important;
   padding: 10px 18px !important;
   font-family: 'Open Sans' !important;
   cursor: pointer !important;
}

   .QueryFilterBtn:hover {
      background-color: #00478F !important;
   }

.QueryDefaultBtn {
   margin-top: 19px;
   width: fit-content;
   color: #0066CC !important;
   background-color: #FFFFFF !important;
   text-decoration: underline !important;
   font-size: 12px !important;
   padding: 10px 18px !important;
   font-family: 'Open Sans' !important;
   cursor: pointer !important;
   border: none !important;
}

   .QueryDefaultBtn:hover {
      color: #00478F !important;
   }

.QueryFilterBtn,
.QueryDefaultBtn {
   margin-right: 10px;
}

.LastQueryFilterBtn {
   margin-right: 0 !important;
}

.RightOperatorElem {
   font-style: italic;
   font-weight: 100 !important;
}

.queryfilterpanel tr {
   display: inline-flex;
   flex-wrap: wrap;
   margin-top: -2px;
}

.queryfilterpanel td {
   margin-right: 10px;
}

.queryfilterpanel .flexCentered label {
   font-weight: 400;
}

.querySimpleEditorElement {
   color: #1A1A1A;
}

.queryRefreshDisabled {
   background-color: #CCCCCC;
   color: #666666;
   cursor: not-allowed;
   pointer-events: none;
}

.queryRefreshEnabled {
   background-color: #0066CC;
   color: white;
   cursor: pointer;
}

#M_Pg_queryFilter_queryEditor_queryGrid_ctl02_0_ValuesDropDownList {
   top: -1px;
   position: relative;
}

#M_Pg_queryFilter_queryEditor_queryGrid_ctl02_1_ValuesDropDownList {
   top: -1px;
   position: relative;
}

/**************************************** End of QueryFilter.aspx ***********************************************/
input[type="button"] {
   background-color: #004B95;
   border: 1px solid #b4b4b4;
   color: #FFF !important;
   font-size: 12px !important;
   letter-spacing: 2px;
   line-height: 21px;
   padding: 0px 5px 0px 5px;
   font-family: 'Roboto', sans-serif;
   cursor: pointer;
}

.template [data-testid="stdDone"],
.template [data-testid="stdSave"] {
   margin-left: -5px !important;
   font-weight: normal !important;
   line-height: 0 !important;
   border-radius: 0 !important;
   background-color: #F7F7F7 !important;
   border: 0 !important;
   font-size: 12px !important;
   font-family: 'Open Sans' !important;
   cursor: pointer !important;
}

   .template [data-testid="stdDone"]:hover,
   .template [data-testid="stdSave"]:hover,
   .template [data-testid="stdCancel"]:hover,
   .template [data-testid="AnalysisSampleMethod.Cancel"]:hover {
      background-color: #F7F7F7 !important;
   }

[data-testid="AnalysisSampleMethod.Cancel"] {
   font-weight: normal !important;
   line-height: 22px !important;
   border-radius: 4px !important;
   background-color: #FFFFFF !important;
   border: 1px solid #0066CC !important;
   color: #0066CC !important;
   font-size: 18px !important;
   font-family: 'Open Sans' !important;
   cursor: pointer !important;
   padding: -5px;
}

.template [data-testid="stdSave"] {
   margin-bottom: -10px;
}

.template [data-testid="stdCancel"],
.template [data-testid="AnalysisSampleMethod.Cancel"] {
   margin-left: 5px !important;
   font-weight: normal !important;
   line-height: 0 !important;
   border-radius: 0 !important;
   background-color: #F7F7F7 !important;
   border: 0 !important;
   color: #0066CC !important;
   font-size: 12px !important;
   padding: 0;
   font-family: 'Open Sans' !important;
   cursor: pointer !important;
}

input[type="submit"].radtext:not(first-child) {
   margin-left: 5px;
}

[data-testid="stdDone"],
[data-testid="stdSave"],
input[type="submit"].localizedStringBtn,
input[type="submit"].std,
[data-testid="clone_entity"],
.custodyButtons input[type="submit"],
.statistics_research_btn input[type="button"],
.pd_input_button,
.ActionBtn,
.radtext,
input[type="submit"].radtext {
   min-width: 100px;
   max-width: max-content;
   font-weight: normal !important;
   line-height: 30px !important;
   border-radius: 4px !important;
   background-color: #0066CC;
   border: 1px solid #0066CC;
   color: #FFFFFF;
   font-size: 12px !important;
   font-family: 'Open Sans' !important;
   cursor: pointer !important;
}

   [data-testid="stdDone"]:hover,
   [data-testid="stdSave"]:hover,
   input[type="submit"].std:hover,
   [data-testid="clone_entity"]:hover,
   .custodyButtons input[type="submit"]:hover,
   .statistics_research_btn input[type="button"]:hover,
   .pd_input_button:hover,
   input[type="submit"].radtext:hover,
   .ActionBtn:hover {
      background-color: #00478F !important;
      color: #FFFFFF !important;
      border-color: #00478F !important;
   }

[data-testid="stdCancel"] {
   min-width: 100px;
   max-width: max-content;
   margin-left: 5px !important;
   font-weight: normal !important;
   line-height: 30px !important;
   border-radius: 4px !important;
   background-color: #0066CC !important;
   border: 1px solid #0066CC !important;
   color: #FFFFFF !important;
   font-size: 12px !important;
   font-family: 'Open Sans' !important;
   cursor: pointer !important;
}

   [data-testid="stdCancel"]:hover {
      background-color: #00478F !important;
      color: #FFFFFF !important;
      border-color: #00478F !important;
   }

input[type="submit"].localizedStringBtn {
   min-width: 50px;
   max-width: max-content;
   font-weight: normal !important;
   line-height: 30px !important;
   border-radius: 4px !important;
   background-color: #0066CC !important;
   border: 1px solid #0066CC !important;
   color: #FFFFFF !important;
   font-size: 12px !important;
   font-family: 'Open Sans' !important;
   cursor: pointer !important;
}

input[type="submit"]:disabled {
   display: none;
}

input:disabled, select:disabled {
   background-color: #DCDCDE !important;
}

.searchAttributeListHighlight {
   background-color: Yellow;
}

.samplesLabelsLabels {
   color: #127CC8;
   FONT-WEIGHT: bold;
   font-size: 12px;
}

.samplesLabelBtn {
   margin-top: 25px;
}

.samplesLabelNote {
   display: block;
   margin-bottom: 10px;
}

.PosLeftBtnMargins {
   margin-right: 10px;
   margin-top: 5px;
}

.PosRightBtnMargins {
   margin-top: -15px;
   margin-bottom: 5px;
}

   .PosLeftBtnMargins.btnRotate90,
   .PosRightBtnMargins.btnRotate90 {
      margin: 0;
   }

.PosLeftBtnMargins.btnRotate90 {
   transform: rotate(-90deg);
}

.PosRightBtnMargins.btnRotate90 {
   transform: rotate(-90deg);
}

.AssignationListBox {
   height: 400px;
   width: 200px;
}

.AssignButton {
   margin: 150px 10px 10px 10px;
}

.UnAssignButton {
   margin: 10px 10px 10px 10px;
}

.btnSelectColumns {
   margin-left: 10px;
   margin-right: 10px;
}

.margin10px {
   margin: 10px 10px 10px 10px;
}

.margin15px {
   margin: 15px 15px 15px 15px;
}

.margin15pxExceptBottom {
   margin: 15px 15px 0px 15px;
}

.scrolling-table-container {
   height: 300px;
   overflow-y: scroll;
   overflow-x: hidden;
}

.no-close .ui-dialog-titlebar-close {
   display: none;
}

#replicateDialog {
   text-align: center;
}

#replicateDialogText {
   line-height: 150px;
   font-size: 12px;
}

.commentAuditLabel {
   margin: 10px 10px 10px 0px;
}

.pnlCommentAudits {
   margin: 10px 10px 10px 10px;
}

.gridLink {
   text-decoration: none !important;
   font-weight: normal !important;
}

   .gridLink:hover {
      text-decoration: underline !important;
   }

.listHeader {
   margin-left: 10px !important;
   margin: 10px;
}

   .listHeader .queryFilterContainer {
      margin-top: 30px;
   }

#div_contents {
   max-height: 45vh;
}

#div_row_header {
   overflow-y: hidden;
   display: block;
   height: 45vh;
}

#M_Pg_pnlResultTable {
   height: 100%;
}

#pblListSelection {
   height: auto !important;
}

   #pblListSelection .pd_cell_content_container {
      margin-bottom: 25px;
   }

      #pblListSelection .pd_cell_content_container.pd_popup_action_btn {
         margin-bottom: 0 !important;
      }

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front,
.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix {
   border: none !important;
}

div.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable {
   width: auto;
}

div.ui-dialog-content.ui-widget-content {
   background-color: #FFFFFF;
}

.ui-dialog {
   padding: 0 !important;
}

.ui-dialog-title {
   color: #FFFFFF;
   font-size: 16px;
   padding: 10px !important;
   left: -10px;
   position: relative;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
   float: none;
}

.ui-dialog .ui-dialog-buttonpane {
   justify-self: center;
   border-width: 1px 0 0 0;
   background-image: none;
   margin-top: .5em;
   padding: 0 !important;
}

.dialogTextMargin {
   margin-top: 75px;
}

.okButton {
   margin-right: 170px !important;
}

/* Remove all jQuery UI border-radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-right,
.ui-corner-tl,
.ui-corner-tr,
.ui-corner-bl,
.ui-corner-br {
   border-radius: 0 !important;
}

.ui-dialog-titlebar {
   background-color: #0066CC !important;
   background-image: none;
   color: #1A1A1A;
}

.ui-dialog .ui-dialog-content {
   padding: 30px 30px 15px 30px !important;
}

/* Exception ResultGrid */
.ui-dialog #pnlResultTableOrientation.ui-dialog-content {
   padding: 0 !important;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
   border: none;
   padding: 0;
   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
   border-bottom-left-radius: 4px;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
}

.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle {
   border: none;
   padding: 0;
   border-bottom-left-radius: 0px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
   color: #FFFFFF;
   min-height: 30px;
   font-family: 'Open Sans';
   font-weight: bold;
}

.ui-dialog .ui-resizable-s {
   height: 10px !important;
}

.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
   border: none;
   padding: 0;
   border-bottom-left-radius: 0px;
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
   background-color: #0066CC;
}

   .ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close:hover {
      background-color: #0066CC !important;
   }

.ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {
   background-image: url(../JavaScripts/jquery-ui-1.12.1.custom/images/ui-icons_ffffff_256x240.png) !important;
}

.ui-button-icon.ui-icon.ui-icon-closethick:focus {
   outline: none;
}

iframe#dialogiframe {
   border: none;
   height: 400px !important;
}

.RadDockableObjectCommandButton img {
   display: none !important;
}

table[id*="_cblQcPlans"] {
   margin-left: -2px !important;
}

td:has(input[type="checkbox"][id*="radDockEditorQC"][id*="cblQcPlans"]) label {
   position: relative;
   top: -2px;
}

.ddlAdditionalSelection_qcplan_group {
   margin-left: 5px;
   margin-top: -10px;
}

   .ddlAdditionalSelection_qcplan_group .pd_input {
      margin-top: 7px;
   }

.RadDockableObjectInnerContainer select {
   font-size: 12px;
   font-family: 'Open Sans' !important;
   color: #1A1A1A !important;
   padding: 10px;
   border: 1px solid #6E6E6E !important;
   border-radius: 4px !important;
}

.RadDockableObjectInnerContainer .rad_row_spacer {
   margin-bottom: 10px;
}

.RadDockableObjectFixed {
   width: auto !important;
   height: auto !important;
   border: unset !important;
   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19) !important;
}

.RadDockableObjectTitleBarLeft {
   width: 0px !important;
}

.RadDockableObjectTitle {
   font-family: 'Open Sans' !important;
   font-size: 16px !important;
   color: #FFFFFF !important;
   font-weight: bold !important;
   padding: 15px !important;
   background-color: #0066CC !important;
   height: 32px;
   padding-right: 50px !important;
}

.RadDockableObjectInnerContainer {
   background: #FFFFFF !important;
   border: unset !important;
   padding: 20px;
}

   .RadDockableObjectInnerContainer tr {
      display: grid;
   }

.popup_align_elem {
   display: -webkit-box;
}

   .popup_align_elem input[type="checkbox"] {
      margin-top: 0;
      margin-right: 10px;
      width: 20px;
      height: 20px;
   }

   .popup_align_elem .pd_input {
      margin-left: -25px;
   }

.popup_action_btn_flex {
   display: flex;
   gap: 10px;
   justify-content: center;
}

.pd_popup_action_btn {
   display: flex;
   margin-top: 5px;
   flex-direction: row;
   justify-content: center;
}

input[type="submit"].std.popup_btn_cancel {
   margin-left: 10px;
   font-weight: normal !important;
   line-height: 30px !important;
   border-radius: 4px !important;
   background-color: #FFFFFF !important;
   border: 1px solid #0066CC !important;
   color: #0066CC !important;
   font-size: 12px;
   font-family: 'Open Sans' !important;
   cursor: pointer !important;
}

   input[type="submit"].std.popup_btn_cancel:hover {
      background-color: #00478F !important;
      color: #FFFFFF !important;
      border-color: #00478F !important;
   }

.popup_close_btn_container {
   position: absolute;
   top: 5px;
   right: 12px;
}

.popup_close_btn {
   position: relative;
   font-family: 'Open Sans';
   font-size: 14px !important;
   font-weight: bold !important;
   color: #FFFFFF !important;
   text-decoration: none !important;
   cursor: pointer !important;
   border: none !important;
   background: none !important;
   top: 12px;
   right: 5px;
}

.RadWTitleText {
   font-weight: 700 !important;
   color: #FFFFFF !important;
}

.RadWWrapperHeaderCenter {
   height: 30px !important;
}

.RadWWrapperBodyLeft {
   border-left: unset !important;
   font-size: 0px !important;
   color: #FFFFFF !important;
}

.RadWWrapperBodyRight {
   border-right: unset !important;
}

.RadDragHelper {
   background-color: #004B95 !important;
}

.ChkBoxColumn {
   display: inline;
   justify-content: center;
   justify-self: center;
}

.entitySelectorMainDiv input[type=checkbox] {
   width: 14px;
   height: 14px;
}

.ScaledCheckbox input {
   position: relative;
   z-index: 1;
}

.Error {
   color: red;
}

.dataPanel {
   visibility: hidden;
}

.tableDetails tbody tr td {
   width: 225px;
   padding-bottom: 15px;
}

.statisticsDatePicker * {
   display: none;
}

.statisticsDatePicker input {
   display: inline !important;
   width: 80px;
}

.statisticsDatePicker span {
   display: none;
}

.entityAssociationList {
   resize: both;
   min-height: 160px;
   min-width: 140px;
   width: 400px !important;
   max-width: 1000px;
   max-height: 40%;
}

.resultGridilinkId {
   font-size: 18px !important;
   font-weight: bold;
}

.entitySelectorDropDown {
   width: 20px;
   border: transparent;
   background-size: contain;
   background-repeat: no-repeat;
}

   .entitySelectorDropDown option {
      background: white;
   }

.entitySelectorDataGrid {
   height: 100%;
}

.dragdropzone {
   border: none;
   margin-top: 15px;
}

.grab:hover {
   cursor: -webkit-grab;
   cursor: grab;
}

.noWrapCell {
   white-space: nowrap;
}

.tdCenteredPadded {
   vertical-align: middle;
   text-align: center;
   padding-left: 5px;
   padding-right: 5px;
}

.tdTextContainer2 {
   display: flex;
   align-items: center;
   height: 100%;
   padding: 0.25rem;
}

.gridColumnText {
   max-width: 20rem;
   display: -webkit-box;
   -webkit-line-clamp: 5;
   -webkit-box-orient: vertical;
   overflow: hidden;
   cursor: pointer;
}

.gridColumnText2 {
   max-width: 25rem;
}

.gridColumnText:hover {
   color: blue;
}

.entitySelectorMainDiv {
   max-width: 100%;
   overflow: hidden;
   align-self: flex-start;
}

.entitySelectorOverflowDiv {
   overflow-x: auto;
}

   .entitySelectorOverflowDiv table {
      width: auto;
   }

.association_template .entitySelectorMainDiv,
.association_template .entitySelectorMainDiv table {
   width: 100%;
}

.tdCenteredPaddedV {
   vertical-align: middle;
   padding-left: 5px;
   padding-right: 5px;
}

#M_Pg_ctlEntityGridCust_pnlOptions {
   height: 20px;
}

.autoCompleteContainer {
   position: relative;
}

.autoCompleteInputBox {
   background: url(../Images/Icons/magnifying-glass.svg) no-repeat left;
   background-size: 15px;
   background-position: 5px;
   padding-left: 25px !important;
   width: 100%;
}

.completionChoices {
   display: none;
   max-height: 200px;
   overflow-y: auto;
   background: #FFFFFF;
   box-shadow: 0 4px 6px rgba(0,0,0,0.1);
   border: 1px solid #6E6E6E;
   border-radius: 4px;
}

.autoCompleteAnchor {
   height: 30px;
   width: 30px;
   position: absolute;
   display: inline-block;
   cursor: pointer;
}

.autoCompleteItem {
   padding: 5px;
   width: 100%;
   display: inline-block;
}

   .autoCompleteItem:hover {
      color: #FFFFFF;
      background-color: #0066CC;
      width: 100%;
      cursor: default;
      display: inline-block;
   }

.visualizeButton {
   align-self: flex-start;
   background-color: #FFFFFF;
   font-family: 'Open Sans';
   font-size: 12px;
   color: #0066CC;
   border: none;
   font-weight: normal;
   margin-bottom: 5px;
   margin-top: 5px;
   text-decoration: none !important;
}

   .visualizeButton:hover {
      cursor: pointer;
      color: #00478F;
      text-decoration: underline;
   }

   .visualizeButton:active {
      color: #002142;
   }

.flexNoWrap {
   display: flex;
   flex-wrap: nowrap;
}

.flexboxVCenteredRaligned {
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
   align-items: center;
}

.popup-edit-textbox .textAreaPopUpDiv {
   height: 400px;
   width: 100%;
   padding: 5px;
   margin-bottom: 5px;
   resize: none;
   border: 1px solid #CCCCCC !important;
   font-size: 12px;
}

.popup-edit-textbox .pd_popup_action_btn {
   display: flex;
   justify-content: end;
   margin-top: 20px;
   padding-right: 10px;
}

   .popup-edit-textbox .pd_popup_action_btn #btnCancel {
      margin-top: 10px;
   }

#popupOverlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 99;
   display: none;
   backdrop-filter: blur(2px);
}

.standardCheckBox {
   font-size: 12px;
   color: #000000;
   display: flex;
   align-items: center;
   height: 1.5rem;
}

.testHeaderCell {
   display: flex;
   height: 100%;
   width: 100%;
   border-top: 0px;
}

#display-results-grid {
   max-height: 500px;
   height: 500px;
   overflow-y: scroll;
   overflow-x: scroll;
   width: 100%;
}

.resultTable_mainTable thead tr {
   position: sticky;
   top: 0;
   z-index: 5;
   background-color: #FFFFFF;
}

.resultTable_mainTable th {
   border: 1px solid #CCCCCC;
}

.resultTable_mainTable td {
   border: 0.5px solid #CCCCCC;
}

.resultTable_mainTable > tbody > tr:nth-child(odd) > th.resultTable_ColumnHeaderCell,
.resultTable_mainTable > tbody > tr:nth-child(odd) > td.resultTable_ColumnHeaderCell,
.resultTable_mainTable > tbody > tr:nth-child(odd),
.collapse > tbody > tr:nth-child(odd) {
   background-color: #FFFFFF !important;
}

.resultTable_mainTable > tbody > tr:nth-child(even) > th.resultTable_ColumnHeaderCell,
.resultTable_mainTable > tbody > tr:nth-child(even) > td.resultTable_ColumnHeaderCell,
.resultTable_mainTable > tbody > tr:nth-child(even),
.collapse > tbody > tr:nth-child(even) {
   background-color: #F2F2F2 !important;
}

.resultTable_mainTable input[type="text"] {
   padding: 10px;
   width: 130px !important;
   font-size: 12px;
   font-weight: bold;
   font-family: 'Open Sans';
   border-radius: 4px;
   border: 1px solid #6E6E6E;
}

.resultTable_editableCellContent select {
   margin-left: 8px;
   width: 184px !important;
   padding: 12px 10px;
   font-size: 12px;
   font-weight: normal;
   color: #1A1A1A;
   border: 1px solid #6E6E6E;
   border-radius: 4px;
}

.resultTable_mainTable .hasDatepicker {
   padding-top: 12px !important;
   padding-bottom: 12px !important;
}

.resultTable_mainTable input[type="checkbox"] {
   width: 20px;
   height: 20px;
   margin-left: 8px;
}

.ResultAttachImg {
   width: 31px !important;
   height: 31px !important;
}

.newResultTabel_Cell {
   height: 40px;
   width: fit-content;
   padding: 0;
   text-align: center;
   color: #1A1A1A;
   font-size: 12px;
}

.resultTable_commandColumnDiv {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   width: 100%;
}

.resultTable_TopLeftCell {
   height: 40px;
   width: 180px;
   border-top: 0px;
   padding: 0;
   position: sticky;
   left: 0;
}

.resultTable_TopLeftCellContent {
   display: flex;
   align-items: center;
   position: sticky;
   margin-left: 20px;
   top: 0;
   left: 0;
   z-index: 3;
}

.resultTable_TopLeftCellLabel {
   margin-left: 0.25rem;
   margin-right: 1rem;
}

.resultTable_TopLefCellIcon {
   width: 18px;
   height: 18px;
}

.resultTable_CommandColumnIcon {
   border: none;
   padding: 3px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 12px;
   margin: 3px 2px;
   border-radius: 25%;
}

   .resultTable_CommandColumnIcon.resultTable_CommandColumnIconMethod {
      width: 25px;
      height: 25px;
   }

.resultTable_CommandColumnIconDisabled {
   width: 25px;
   height: 25px;
   border: none;
   padding: 3px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 12px;
   margin: 4px 2px;
   border-radius: 25%;
}

.resultTable_ResultCell {
   display: flex;
   align-items: center;
}

.resultTable_CommandColumnIcon.resultTable-LastIcon {
   margin-top: 7px;
   margin-left: 5px;
   background-color: #0066CC;
   width: 31.5px !important;
   height: 31.5px !important;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.resultTable_RowHeaderCell {
   height: 40px;
   width: 180px;
   padding: 0;
}

.resultTable_SampleHeaderCellContent {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   width: 100%;
   color: #1A1A1A;
   font-weight: bold;
}

.resultTable_SampleAttributeCell {
   height: 40px;
   width: 180px;
   padding: 0;
}

.resultTable_SampleAttributeCellContent {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   width: 100%;
   color: #1A1A1A;
   font-weight: bold;
}

.resultTable_SampleAttributeHeaderCell {
   height: 40px;
   width: 180px;
   padding: 0;
}

.resultTable_SampleAttributeHeaderCellContent {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   width: 100%;
   color: #1A1A1A;
   font-weight: bold;
}

.resultTable_SampleHeaderText {
   font-size: 12px;
}

.resultTable_sampleCommentIcon {
   margin-right: 0.5rem;
}

.resultTable_ColumnHeaderCell {
   height: 40px;
   width: 180px;
   padding: 0;
   position: sticky;
   left: -2px;
}

.resultTable_TestHeaderCellContent {
   display: flex;
   align-items: center;
   padding-left: 1rem;
   padding-right: 1rem;
   height: 100%;
   width: 100%;
   color: #1A1A1A;
   font-weight: normal;
   font-size: 12px;
}

.resultTable_commandCellHeader {
   background-color: white;
}

.resultTable_commandCell {
   height: 40px;
   border-top: 0px;
   padding-left: 0.5rem;
   padding-right: 0.5rem;
}

.resultTable_emptyCell {
   background-color: silver;
   height: 40px;
   padding: 0;
}

.resultTable_cellContent {
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
   padding-right: 0.5rem;
   padding-left: 0.5rem;
   height: 100%;
}

   .resultTable_cellContent input[type="image"] {
      width: 25px;
      height: 25px;
   }

.resultTable_editableCellContent {
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
}

span.resultTable_keepResult {
   display: flex;
}

   span.resultTable_keepResult label {
      margin-top: 12px;
      margin-left: 5px;
      margin-right: 5px;
   }

.resultTable_resultCellInput {
   margin-left: 0.5rem;
}

.resultTable_optionsPanel {
   display: flex;
   flex-wrap: nowrap;
   margin-left: auto;
}

.resultTable_OrientationListBox {
   border: none;
   overflow: hidden;
   width: 10rem;
   border: solid 1px;
   display: none;
}

.resultTable_rejectedResult {
   background-color: #ed5555;
}

#resultgridMessageDiv {
   margin-top: 20px;
   margin-bottom: 20px;
}

#ddlResultTableView {
   width: 227px;
   padding: 5px;
   color: #1A1A1A;
   font-family: 'Open Sans';
   font-weight: normal;
   font-size: 12px;
   border: 1px solid #6E6E6E;
   border-radius: 4px;
}

.localizedStringBtn {
   display: inline-block;
   align-self: flex-start;
   margin-left: 0.5rem;
}

.localizedStringTextBox {
   min-width: 12rem;
   margin-bottom: 0.25rem;
}

.dialogNoTitle {
   box-shadow: none !important;
   border: none !important;
   font-size: 12px !important;
   background: transparent !important;
}

   .dialogNoTitle .ui-dialog-titlebar {
      display: none;
   }

.RadDockableObjectFixed[id*="_panelCustodyTransaction"] textarea {
   height: 100px;
   max-height: 100px !important;
   border-radius: 4px;
}

.RadDockableObjectFixed[id*="_panelCustodyTransaction"] .pd_popup_action_btn {
   margin-top: 20px;
}

.entityDetailsWidth100pct {
   width: 100%;
}

.upperEntityDetails {
   margin-top: 1rem;
}

.hiddenFieldSet {
   border: none;
   padding: 0;
   margin: 0;
}

   .hiddenFieldSet legend,
   .hiddenFieldSet h2 {
      display: none;
   }

#M_Pg_pnlChecklist fieldset {
   display: inline-block;
}

.scrollable {
   position: relative;
   z-index: 0;
   overflow-x: auto;
}

   .scrollable table {
      position: relative;
      z-index: 0;
      width: 100%;
   }

.circle {
   width: 35px;
   height: 35px;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 2px;
   margin-left: 3px;
   margin-right: 3px;
}

   .circle:hover {
      cursor: pointer;
      opacity: 0.7;
   }

.lnkAudit {
   font-size: 12px;
   cursor: pointer;
}

.qr-custody-input-container {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

   .qr-custody-input-container label {
      font-size: 12px;
      color: #004B95;
   }

   .qr-custody-input-container input {
      height: 30px;
   }

.visually-disabled {
   color: #a0a0a0;
   pointer-events: none;
   cursor: not-allowed;
}

#M_Pg_ctlEntityGrid_grdEntities td {
   font-family: 'Open Sans';
   font-size: 12px;
}

.gridItemHrc > tbody > tr:nth-of-type(odd),
.gI:nth-of-type(odd) {
   background-color: #FFFFFF;
}

.gridItemHrc > tbody > tr:nth-of-type(even),
.gI:nth-of-type(even) {
   background-color: #F2F2F2;
}

.gridItemHrc table tr,
.gI table tr {
   background-color: transparent !important;
}

tr.gI.selected {
   background-color: #FBEFDF !important;
}

tr.gI > td > img {
   width: 40px;
   height: 20px;
   padding-left: 8px !important;
   padding-top: 5px !important;
}

#M_Pg_ctlEntityGrid_grdEntities > tbody > tr > td > span > input[type="checkbox"] {
   display: block;
   margin-left: auto;
   margin-right: auto;
   width: 15px;
   height: 19px;
}

#M_Pg_ctlEntityGrid_grdEntities input[type="checkbox"]:checked {
   background-color: #0066CC;
}

tbody > tr > td > input[type="image"] {
   vertical-align: middle;
   height: 22px;
   width: 22px;
}

#M_commandsstrips > div > table > tbody > tr > td > span > div > a:hover,
#M_commandsstrips > div > table > tbody > tr > td > span > div > label:hover {
   color: #004B95 !important;
}

#M_commandsstrips > div > table > tbody > tr > td > span > div > a:active {
   color: #002142 !important;
}

#M_commandsstrips > div > table > tbody > tr > td > span > div > label {
   color: #1A1A1A;
   font-family: 'Raleway';
   font-size: 12px;
   font-weight: normal;
}

   #M_commandsstrips > div > table > tbody > tr > td > span > div > label:hover {
      color: #004B95;
      cursor: pointer;
   }

ul.vertical {
   border-radius: 4px;
   box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1);
}

.pager-line-number {
   display: flex;
   flex-direction: column;
}

.pager-item.pager-line-number {
   position: relative;
   top: -17px;
}

.pager-lbl-per-page {
   width: max-content;
}

.pager-container {
   width: fit-content;
   display: flex;
   text-align: -webkit-right;
}

.association_template .pager-container {
   margin-top: 25px;
   width: fit-content;
   display: flex;
   text-align: -webkit-right;
   float: right;
}

.pager-container .pager-item > a {
   padding: 5px 10px 5px 10px !important;
   border: 1px solid #CCCCCC !important;
   border-radius: 4px !important;
   font-family: 'Inter' !important;
   font-weight: bold !important;
   font-style: normal !important;
   color: #1A1A1A !important;
   font-size: 12px !important;
   text-decoration: none !important;
   align-self: start;
}

   .pager-container .pager-item > a.active-pager-item {
      background-color: #0066CC;
      color: #FFFFFF !important;
      pointer-events: none;
      cursor: default;
   }

   .pager-container .pager-item > a.spacing-pager-item,
   .pager-container .pager-item > a.spacing-pager-item:hover {
      pointer-events: none !important;
      cursor: default !important;
      background-color: #FFFFFF !important;
      color: #1A1A1A !important;
   }

   .pager-container .pager-item > a:hover {
      background-color: #0066CC;
      color: #FFFFFF !important;
   }

.template > div > input[type="image"] {
   display: none;
}

span.commandStripCommand,
.TabHistoryRefresh a {
   font-family: 'Raleway';
   font-size: 12px;
}

   span.commandStripCommand > div {
      display: flex;
      align-items: center;
      width: 100%;
   }

.hide-pager-item {
   display: none;
}

.show-pager-item {
   display: inline;
}

.pager-item.page-line-number {
   flex: 1;
}

.pager-item.pager-item-number {
   display: flex;
   align-items: center;
   flex: 2;
   justify-content: space-between;
   height: fit-content;
}

.pager-item.pager-goto-page {
   display: flex;
   height: fit-content;
   margin-left: 5px;
}

   .pager-item.pager-goto-page > div {
      display: flex;
      flex-direction: column;
   }

.pager-item.pager-btn-confirm {
   flex: 1;
   height: fit-content;
}

.pager-item-number > a:not(:last-child) {
   margin-right: 5px;
}

[id*=_EnterPageNum] {
   width: 50px;
   padding: 5px;
   border-radius: 4px;
   border: 1px solid #CCCCCC;
   -moz-appearance: textfield;
}

   [id*=_EnterPageNum]::-webkit-outer-spin-button,
   [id*=_EnterPageNum]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
   }

input[type="submit"].pager-btn-goto {
   border-radius: 4px;
   font-family: 'Open Sans';
   font-weight: 600;
   font-style: normal;
}

input[type="submit"].pager-btn-disabled {
   display: none;
}

input[type="submit"].pager-btn-enabled {
   background-color: #0066CC !important;
   color: #FFFFFF !important;
   cursor: pointer !important;
   display: block;
   padding: 4.5px;
   border: none;
}

.pager-lbl-item-per-page {
   color: #1A1A1A;
   font-size: 12px;
   font-family: 'Open Sans';
}

.pager-select-ui {
   float: left;
   width: 55px;
   height: 26px;
   padding: 5px;
   border-radius: 4px;
   border: 1px solid #CCCCCC;
   font-family: 'Open Sans';
   font-size: 12px;
   font-weight: 600;
   font-style: normal;
}

.pd_input {
   display: inline-flex;
   font-size: 12px;
}

   .pd_input label {
      font-weight: bold;
   }

.pd_input_text {
   width: 92%;
   min-width: 15rem;
}

.perm_header {
   float: left;
   clear: left;
   font-size: larger;
   padding-left: 10px;
   padding-top: 5px;
   padding-bottom: 5px;
   background-color: #EEEEEE;
}

.perm_row {
   float: left;
   clear: left;
   font-size: larger;
   padding-left: 10px;
   padding-top: 5px;
   padding-bottom: 5px;
   width: 100%;
}

.perm_role_label {
   float: left;
   width: 175px;
}

.perm_role_check {
   float: left;
   width: 75px;
}

.pd_column_1 {
   display: grid;
   grid-template-columns: 1fr;
}

.pd_column_3 {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
}

.pd_display_grid {
   display: grid;
}

.pd_grid_two_col {
   grid-template-columns: 1fr 1fr;
}

.pd_flex_container {
   display: flex;
}

.pd_float_right {
   float: right;
}

.pd_float_left {
   float: left;
}

.pd_autogrid_container.statistics_multi_checkbox_section {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(0, auto));
   gap: 10px;
}

.skip_middle_column {
   grid-column: 3;
}

.pd_col_container {
   border-radius: 4px;
   border: 1px solid #6E6E6E;
   padding: 15px;
}

.pd_cell_content_container {
   margin-bottom: 10px;
}

.pd_cell_form_group {
   display: flex;
   flex-direction: column;
   margin-bottom: 5px;
}

.pd_cell_form_label {
   font-size: 12px;
   font-family: 'Raleway';
   color: #1A1A1A;
   font-weight: bold;
   margin-bottom: 0.5rem;
}

.pd_label_no_bold {
   font-weight: normal !important;
}

.pd_label_margin_bottom {
   margin-bottom: 0.25rem !important;
}

.pd_cell_form_group .pd_input,
.pd_cell_form_group .refDiv,
.pd_cell_form_group .pd_input_text,
.pd_cell_form_group input[type="number"],
.pd_cell_content_container .pd_input,
.pd_fit_row .pd_input,
.refDiv select {
   font-size: 12px;
   font-family: 'Open Sans';
   color: #1A1A1A !important;
   padding: 7px;
   border: 1px solid #6E6E6E;
   border-radius: 4px;
}

.pd_cell_form_group .selector-control {
   padding: 0;
}

.refDiv textarea {
   font-size: 12px;
   font-family: 'Open Sans';
   color: #1A1A1A !important;
   padding: 10px;
   border: 1px solid #6E6E6E;
   border-radius: 4px;
   min-height: 24px;
   margin-left: -8px;
}

.fullwidth_textarea {
   font-size: 12px;
   font-family: 'Open Sans';
   color: #1A1A1A !important;
   padding: 3.5px;
   border: 1px solid #6E6E6E;
   border-radius: 4px;
}

.refDiv input[type="submit"] {
   top: -7px;
   position: relative;
}

.refDiv .flexNoWrap input[type="text"] {
   font-size: 12px;
   font-family: 'Open Sans';
   color: #1A1A1A !important;
   border-radius: 4px;
   border: 1px solid #6E6E6E;
   padding: 10px;
}

.localizedStringTextBoxes input[type="text"] {
   font-size: 12px;
   font-family: 'Open Sans';
   border: 1px solid #6E6E6E;
   border-radius: 4px;
   color: #1A1A1A !important;
   font-weight: normal;
   padding: 7px;
   width: 100%;
}

.localizedStringTextBoxes {
   display: inline-block;
   width: 100%;
}

span.pd_input,
span.refDiv {
   border: none !important;
}

.pd_cell_form_group textarea {
   height: 33px;
   min-height: 33px;
   max-height: 250px;
}

.pd_form_elem_container {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}

.pd_cell_form_group:has(.pd_input input[type="checkbox"]) .pd_cell_form_label {
   position: relative;
   text-align: start;
   padding-top: 40px;
   margin-left: 28px;
   top: -7px;
}

.pd_input > input[type="checkbox"] {
   width: 20px;
   height: 20px;
   margin-top: -39px;
   margin-left: -7px;
}

.pd_checkbox > input[type="checkbox"] {
   width: 20px;
   height: 20px;
   margin-top: 4px;
   margin-left: 0;
}

.pd_input > .hasDatepicker {
   font-size: 12px;
   font-family: 'Open Sans';
   font-weight: normal;
   padding: 7px;
   border: 1px solid #6E6E6E;
   border-radius: 4px;
}

.pd_legend_container {
   margin-top: 10px;
   margin-bottom: 10px;
}

.pnlChecklistURL {
   margin-top: 15px;
}

   .pnlChecklistURL > .clickable-fieldset {
      border: 1px solid #6E6E6E;
      border-radius: 4px;
      padding: 30px;
   }

      .pnlChecklistURL > .clickable-fieldset a.GenNonConformityForm,
      .custom-hyperlink.GenNonConformityForm {
         display: inline-flex;
         align-items: center;
         text-decoration: none;
         color: #0066CC;
         font-size: 12px;
         font-weight: bold;
         font-family: 'Open Sans';
      }

span.GenNonConformityIcon {
   display: inline-block;
   position: relative;
   top: 4px;
   width: 20px;
   height: 20px;
   background-image: url("../Images/Icons/arrow-forward-outline.svg");
   background-repeat: no-repeat;
   background-position: center;
   margin-left: 10px;
}

.pnlChecklistURL > .clickable-fieldset > a.GenNonConformityForm:hover,
.custom-hyperlink.GenNonConformityForm:hover {
   color: #00478F;
}

.EntityTabsTextArea {
   font-size: 12px;
   font-family: 'Open Sans';
   min-width: 50%;
   max-width: 50%;
   min-height: 132px;
   max-height: 132px;
   padding: 10px;
   margin-bottom: 10px;
   margin-top: -5px;
}

.addCommentPanelFirstPart input[type="checkbox"],
.ControlCommentSection input[type="checkbox"],
.CommentGrid input[type="checkbox"] {
   width: 20px;
   height: 20px;
   margin-left: -1px;
}

.addCommentPanelFirstPart {
   margin-bottom: 20px;
}

   .addCommentPanelFirstPart label,
   .ControlCommentSection label {
      position: relative;
      left: 5px;
      top: -7px;
      padding-right: 20px;
   }

.lblEditCommentCheckbox {
   position: relative;
   top: -6px;
   margin-right: 15px;
}

.indented10px {
   margin-right: 20px;
}

#M_ctlEntityTabs_ctlContent_labelModifier {
   font-family: 'Raleway';
   font-weight: 700;
   font-size: 12px !important;
   color: #1A1A1A !important;
}

#M_ctlEntityTabs_ctlContent_DropModifiedBy_dropUsers {
   width: 450px;
   padding: 10px;
   font-family: 'Open Sans' !important;
   border-radius: 4px;
   border: 1px solid #6E6E6E;
   font-size: 12px !important;
   font-weight: normal;
   color: #1A1A1A !important;
}

#M_ctlEntityTabs_ctlContent_grdHistory {
   width: 100% !important;
}

   #M_ctlEntityTabs_ctlContent_grdHistory .gridHeader {
      border-left: none !important;
      border-right: none !important;
      border-bottom: none !important;
      border-top: 3px solid !important;
      border-color: #1A1A1A !important;
      padding: 15px;
   }

   #M_ctlEntityTabs_ctlContent_grdHistory .gI td {
      border-left: none !important;
      border-right: none !important;
      border-color: #CCCCCC !important;
      padding: 15px;
   }

#M_tblEntityTabs td:has(select[id="M_ctlEntityTabs_ctlContent_DropModifiedBy_dropUsers"]) {
   display: grid;
   margin-left: -55px;
   margin-bottom: 10px;
}

.TabHistoryRefresh div:has(input[type="image"]) {
   margin-top: 22px;
   margin-left: -42px;
}

span.TreeNode {
   font-size: 12px !important;
   font-family: 'Open Sans' !important;
}

span.TreeNodeOver,
span.TreeNodeOverNoUnderline {
   font-size: 12px !important;
   font-family: 'Open Sans' !important;
   text-decoration: none !important;
   background-color: #0066CC;
   color: #FFFFFF;
   padding: 5px 5px 5px 5px !important;
}

span.TreeNodeSelect {
   font-size: 12px;
   padding: 5px 10px 5px 10px;
}

span.TreeNode i {
   font-weight: 100;
}

.WorklistSamplesCol:first-child {
   width: 30px;
   display: block;
}

.TrayListSampleCol:first-child {
   width: 30px;
   display: flex;
}

.WorklistSamplesCol:last-child,
.TrayListSampleCol:last-child {
   width: 98%;
   margin-top: 15px;
}

#M_Pg_ctl00_worklistSamples,
#M_Pg_ctlWorklistQC_worklistQc {
   width: 98%;
}

   #M_Pg_ctl00_worklistSamples > div[id*="ctl00_worklistSamples"],
   #M_Pg_ctlWorklistQC_worklistQc > div[id*="ctlWorklistQC_worklistQc"] {
      margin-bottom: 5px;
   }

.WorklistSamplesCol img[src$="icon-pencil.svg"],
.TrayListSampleCol img[src$="icon-pencil.svg"] {
   width: 31px;
   height: 31px;
}

.WorklistSamplesCol div:has(img[src$="icon-pencil.svg"]),
.TrayListSampleCol div:has(img[src$="icon-pencil.svg"]) {
   margin-bottom: 5px;
}

input[name*="$ctl00$ctl01$caption$ctl02"] {
   display: none;
}

table:has(.TreeContextItem),
table:has(.TreeContextItemOver) {
   border: 1px solid #CCCCCC !important;
   border-bottom: none !important;
}

.TreeContextItem img,
.TreeContextItemOver img {
   width: 31px;
   height: 31px;
}

.TreeContextItem,
.TreeContextItemOver {
   display: flex;
   align-items: center;
   padding: 25px 25px 25px 10px !important;
   color: #1A1A1A;
   font-size: 12px !important;
   font-weight: bold;
}

.TreeContextItemOver {
   background-color: #F8F9E7 !important;
}

.appliestoQcFullPageContainer {
   width: 100%;
}

.appliestoQcFullRow {
   width: 100% !important;
}

.fieldsetDisplayBlock {
   display: block !important;
   padding-top: 20px !important;
}

.applyToQcTableDisplay,
.setDetail_setContent_container {
   width: 100% !important;
   margin-top: -15px;
}

   .applyToQcTableDisplay td.pd_cell_form_group,
   .setDetail_setContent_container td.pd_cell_form_group {
      margin-bottom: 0;
      width: auto !important;
   }

.applyToQcRowDisplay,
.applyToSetContentRowDisplay {
   width: 100% !important;
}

.applyToQcHalfDisplay,
.applyToSetContentHalfDisplay {
   width: 45.5% !important;
}

.applyToQcMiddleRowItem,
.applyToSetContentMiddleRowItem {
   width: 5% !important;
}

.applyToQcLastRowItem {
   display: none;
   padding-right: 5px !important;
}

   .applyToQcLastRowItem input:first-child {
      margin-bottom: 10px;
   }

.applyToQcList,
.applyToSetContentList {
   width: 100% !important;
   height: 175px !important;
   font-size: 12px !important;
   font-family: 'Open Sans' !important;
   color: #1A1A1A !important;
   padding: 10px !important;
   border: 1px solid #6E6E6E !important;
   border-radius: 4px !important;
}

   .applyToQcList option,
   .applyToSetContentList option {
      padding-top: 2.5px;
      padding-bottom: 2.5px;
   }

#M_Pg_ctlAppliesToQC_ctl01 {
   width: 31px;
   height: 33px;
   margin-right: 10px;
}

#M_Pg_ctlAppliesToQC_panelControl span {
   display: flex;
}

label[for^="M_Pg_ctlAppliesToQC_"] {
   color: #1A1A1A;
   font-size: 12px;
   padding-top: 11px;
}

.applyToQcBtn,
.applyToSetContentBtn {
   font-family: 'Consolas', 'Lucida Console', 'Courier New', monospace;
   line-height: 1;
   width: 31px;
   height: 30px;
   background-color: #0066CC;
   color: #FFFFFF;
   border: none;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 14px;
   cursor: pointer;
   padding: 0;
   transition: background-color 0.3s ease;
}

   .applyToQcBtn:hover,
   .applyToSetContentBtn:hover {
      background-color: #00478F;
   }

   .applyToQcBtn.rotateBtn,
   .applyToSetContentBtn.rotateBtn {
      transform: rotate(-90deg);
   }

.contentCell td > b {
   color: #1A1A1A;
   font-size: 12px;
}

.appliestoQcFullRow + td {
   display: none;
}

a[data-testid="clone_entity"] {
   width: auto;
   text-decoration: none !important;
   font-size: 12px !important;
   color: #FFFFFF !important;
   text-align: center;
   display: inline !important;
   padding: 6px 12px;
}

.QcRecurrenceContainer {
   padding: 7px;
}

.QcRecSection {
   width: 98.9% !important;
}

.pd_input #M_Pg_chbApplyOnWorklist {
   margin-top: -6px;
   margin-right: 15px;
}

#M_Pg_pnlApplyOnWorklist {
   margin-top: 10px;
}

.QcIntervalList {
   margin-bottom: 20px;
}

.IntervalDescDisplay {
   display: block !important;
}

#M_Pg_lblIntervalType,
#M_Pg_lblSampleIntervalDesc,
#M_Pg_lblSampleIntervalDescription {
   margin-top: 10px;
   margin-left: 0 !important;
   padding-top: 0 !important;
}

.qc_rec_group .pd_cell_content_container .pd_cell_form_group {
   margin-bottom: 0 !important;
}

   .qc_rec_group .pd_cell_content_container .pd_cell_form_group .pd_cell_form_label,
   .qc_rec_group .pd_cell_form_label {
      margin-top: 10px;
      padding-top: 0 !important;
      margin-left: 0 !important;
      margin-bottom: 0.5rem !important;
   }

.QcRecurrenceContainer .pd_cell_form_group {
   margin-bottom: 0 !important;
}

.hiddenElementNotificationTimer {
   visibility: hidden;
   margin-bottom: -42px;
}

button[aria-label="Unit Set"] {
   margin-top: -19px !important;
}

.add_method_container {
   padding: 20px 20px 20px 20px;
}

.add_test_method_container {
   display: grid;
}

.AddTestMethodBtn {
   margin-top: 15px;
}

.pd_cell_form_group:has(.pd_input input[type="checkbox"]) .pd_cell_form_label[id*="chbMatchingEnabled"] {
   padding-top: 15px !important;
}

.TestMethodDeleteImgBtn {
   position: relative;
   height: 40px;
   width: 40px;
   border-width: 0px;
   left: 400px;
   bottom: 58px;
}

.pd_cell_content_container:has(input[type="text"][id*="attIntervalMinutes"]) {
   margin-bottom: 5px;
}

.pd_scheduler_time_wrapper {
   display: grid;
   grid-template-columns: auto;
   margin-top: 15px;
   font-size: 12px;
   font-family: 'Open Sans';
   color: #1A1A1A;
   font-weight: bold;
}

   .pd_scheduler_time_wrapper > div {
      display: grid;
      grid-template-columns: repeat(3, 40px 120px);
      gap: 10px 5px;
      margin-left: -5px;
   }

      .pd_scheduler_time_wrapper > div input[type="checkbox"] {
         margin-bottom: 10px;
         box-sizing: border-box;
         width: 20px;
         height: 20px;
      }

      .pd_scheduler_time_wrapper > div > span {
         display: contents;
      }

         .pd_scheduler_time_wrapper > div > span > input[type="checkbox"] {
            margin-bottom: 10px;
            box-sizing: border-box;
            width: 20px;
            height: 20px;
         }

      .pd_scheduler_time_wrapper > div label {
         margin-top: 9.5px;
      }

.pd_scheduler_month_wrapper > div {
   gap: 10px 3px !important;
}

.statistics_section_title {
   padding-bottom: 20px;
}

.statistics_radio_section {
   margin-bottom: 20px;
}

.statistics_block_content_spacer {
   margin-bottom: 20px;
}

.statistics_fieldset_filter input[type="radio"] {
   width: 20px;
   height: 20px;
}

.pd_col_container.statistics_fieldset_padding {
   padding: 20px 20px 3px 20px;
}

.statistics_fieldset_filter input[type="checkbox"] {
   position: relative;
   top: -8px;
   left: 4px;
}

.statistics_fieldset_filter .pd_input {
   margin-bottom: 10px;
}

.statistics_fieldset_options .pd_input {
   margin-bottom: 8.5px;
}

.statistics-results .single-row .pd_input {
   margin: 2px;
}

.pd_display_grid > .pd_cell_form_label {
   margin-left: 3px;
   margin-bottom: 2.5px;
}

.statistics_research_btn {
   display: flex;
   align-items: end;
   justify-content: end;
   margin-top: 30px;
}

.statistics_multi_checkbox_section {
   margin-top: 50px;
}

   .statistics_multi_checkbox_section input[type="checkbox"] {
      width: 20px;
      height: 20px;
      margin-top: -44px;
   }

   .statistics_multi_checkbox_section label,
   .statistics_fieldset_filter label {
      position: relative;
      top: -5px;
      font-weight: bold;
      left: 3px;
   }

.statistics_checkbox_label label {
   position: relative;
   top: -1.5px;
}

.statistics-datepicker {
   margin-top: 10px;
}

   .statistics-datepicker .pd_cell_form_label {
      margin-bottom: 5px !important;
   }

   .statistics-datepicker .pd_display_grid label {
      left: 0;
   }

.toggle-checkbox {
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   width: 40px;
   height: 20px;
   background-color: #FFFFFF;
   border-radius: 15px;
   position: relative;
   cursor: pointer;
   margin-left: 1.5px;
   border: 1px solid #0066CC;
}

   .toggle-checkbox:checked {
      background-color: #0066CC;
      border: 1px solid #0066CC;
   }

   .toggle-checkbox:before {
      content: '';
      position: absolute;
      width: 21px;
      height: 20px;
      background-color: #0066CC;
      border-radius: 50%;
      top: -1px;
      left: 1px;
      transition: all 0.3s;
   }

   .toggle-checkbox:checked:before {
      left: calc(100% - 22px);
      background-color: #FFFFFF;
   }

#M_Pg_chartInfoPanel legend,
#M_Pg_chartInfoPanel h2 {
   margin-left: 5px;
}

#M_Pg_chartInfoPanel img {
   width: 22px;
   height: 22px;
   position: relative;
   top: 5px;
   left: 5px;
}

#M_Pg_chartInfoPanel .pd_legend_container {
   margin-top: 0;
   padding: 0;
}

.statistics-graph-legend {
   background-color: #F7F7F7;
}

.statistics-legend-txt {
   display: flex;
   text-align: center;
   justify-content: center;
   align-items: center;
   margin-top: 10px;
   gap: 12px;
}

.statistics-details-results th {
   white-space: nowrap;
   min-width: 0 !important;
}

tr.single-row td {
   background-color: #F2F2F2;
}

   tr.single-row td .pd_cell_form_label {
      font-weight: normal;
   }

.statistics-detail-table td {
   padding: 15px !important;
}

pnlExcludePointComment {
   display: none;
   height: auto !important;
}

#pnlExcludePointComment div.pd_cell_form_group {
   margin-bottom: 25px;
}

#txbExcludeComment {
   padding: 10px;
   min-height: 200px;
   height: 200px;
   max-height: 200px;
   resize: none;
   font-family: 'Open Sans';
   font-size: 12px;
   font-weight: normal;
}

#pnlExcludePointComment .pd_popup_action_btn .pd_cell_form_group {
   margin-bottom: 0 !important;
}

.textarea-formula {
   min-height: 88px;
   height: 88px;
   max-height: 88px;
   width: 100%;
   min-width: 100%;
   max-width: 100%;
   resize: none;
}

#M_Pg_GrdAppClasses tr:nth-of-type(odd) {
   background-color: #FFFFFF;
}

#M_Pg_GrdAppClasses tr:nth-of-type(even) {
   background-color: #F2F2F2;
}

#M_Pg_GrdAppClasses td {
   padding: 3px;
   align-content: center;
}

   #M_Pg_GrdAppClasses td:has(div.pd_cell_form_group) {
      padding-top: 10px;
      padding-bottom: 5px;
   }

   #M_Pg_GrdAppClasses td input {
      align-self: center;
   }

.barcode_save_btn {
   margin-top: 10px;
}

.centered_error_message {
   align-self: center;
}

.elem_float_right {
   float: right;
}

.skip_to_lastcol {
   grid-column: 3 / 4;
}

.elem_justify_end {
   justify-self: end;
}

.complexdetail_checkbox_section label,
.custom_field_checkbox label {
   color: #1A1A1A;
   font-weight: bold;
   position: relative;
}

.complexdetail_checkbox_section label {
   top: -5px;
   left: 5px;
}

.custom_field_checkbox label {
   top: -5px;
}

.entity_custom_fields {
   margin-bottom: 20px;
}

   .entity_custom_fields div.pd_column_3 {
      margin-bottom: 10px;
   }

.complexdetail_checkbox_section input[type="checkbox"],
.custom_field_checkbox input[type="checkbox"] {
   width: 20px;
   height: 20px;
}

.add_custom_field {
   margin-bottom: 20px;
}

#M_Pg_ctlCustomFields_grdCustomFields > tbody > tr.gridHeader > td,
#M_Pg_ctlAttributeHistory_grdAttributeHistory > tbody > tr > td.gridHeader {
   padding: 6px;
}

#M_Pg_ctlCustomFields_grdCustomFields > tbody > tr > td {
   padding-top: 4px;
   padding-bottom: 2px;
}

#M_Pg_ctlCustomFields_grdCustomFields tr.gI > td:has(input[type="text"]):has(+ td span) {
   text-align: left;
}

td:has(input[type="text"][id*="grdCustomFields"][id*="_txtSizeEdit"]) {
   text-align: center !important;
}

#M_Pg_ctlCustomFields_grdCustomFields tr.gI > td span {
   color: #1A1A1A;
}

#M_Pg_ctlCustomFields_grdCustomFields tr input[type="checkbox"] {
   width: 20px;
   height: 20px;
}

#M_Pg_ctlAttributeHistory_grdAttributeHistory > tbody > tr > td.gridItem {
   z-index: 1;
   padding: 10px;
}

img[src*="TopLine.gif"] {
   display: none !important;
}

img[src*="MiddleCrossLine.gif"] {
   display: none !important;
}

img[src*="BottomLine.gif"] {
   display: none !important;
}

img[src*="sample.svg"] {
   width: 25px;
   height: 25px;
}

div[id*="_worklistSamples"]:not(:last-child) {
   margin-bottom: 5px;
}

div[id*="_worklistSamples_wrapper"] {
   margin-left: 5px;
}

div[id$="_traySamples"],
div[id$="_shippingBoxTrays"] {
   display: grid;
   grid-template-columns: repeat(8, 1fr);
   gap: 10px;
   width: 100%;
}

   div[id$="_traySamples"] img,
   div[id$="_shippingBoxTrays"] img {
      width: 31px;
      height: 31px;
      object-fit: contain;
      margin-right: 5px;
   }

div[id*="_traySamples_wrapper"] {
   margin-top: 20px;
   margin-left: 13px;
}

.job_task_container .pd_cell_form_group > textarea {
   min-height: 44px !important;
   height: 44px;
   max-height: 100px !important;
   resize: vertical;
}

input[type="submit"][id*="set_btn"] {
   display: none !important;
}

#pnlScanMultipleSamples,
#pnlScanMultipleTrays {
   min-width: 400px !important;
   max-width: 400px !important;
   min-height: 100px !important;
   height: auto !important;
   max-height: 490px !important;
   padding: 15px 15px 15px 15px !important;
   overflow: hidden !important;
}

.pnlScanMultipleSamples_content {
   overflow-y: scroll !important;
   max-height: 400px !important;
   margin-bottom: 20px !important;
}

   .pnlScanMultipleSamples_content::-webkit-scrollbar {
      width: 10px;
   }

   .pnlScanMultipleSamples_content::-webkit-scrollbar-thumb {
      background-color: darkgrey;
      border-radius: 5px;
      border: 3px solid transparent;
      background-clip: content-box;
   }

#pnlScanMultipleTrays span[id*=lblNoTraysScanned],
#pnlScanMultipleSamples span[id*=lblNoEmptyPositions] {
   text-align: center;
   margin-bottom: 0 !important;
}

.association_template .entitySelectorMainDiv {
   padding-bottom: 20px;
   display: grid;
   overflow: hidden;
   align-self: flex-start;
}

.association_template .entitySelectorOverflowDiv {
   grid-column: 1 / span 2;
   grid-row: 1;
   overflow: hidden;
}

.association_template .grid_data_infos {
   display: contents;
}

.association_template .options_pager_container {
   display: contents;
}

#MobileUserProfileDiv {
   display: none;
}

#MobilelblCurrentRole {
   display: none;
}

#MobilelblCurrentUser {
   display: none;
}

#MobilelblActiveProfile {
   display: none;
}

#lnkLogOff {
   display: none;
}

#MobileMenuNav {
   display: block;
}

#lnkHelp {
   display: none;
}

#imgUser {
   display: block;
   margin-top: 2px;
   margin-right: 8px;
   flex-shrink: 0;
   height: 30px;
   width: 30px;
}

#lblCurrentRole,
#lblCurrentUser {
   display: inline;
   font-weight: normal;
}

#lblCurrentProfile {
   display: inline;
   font-weight: 100;
   line-height: 0.8;
   font-size: 14px;
}

.user_profile {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
}

.user_info {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
}

.user_text_line1 {
   display: flex;
   flex-wrap: wrap;
   gap: 5px;
   line-height: 1.2;
}

.header_link {
   text-align: end;
   margin-top: 5px;
}

.options_pager_container {
   display: flex;
}

.record_count_container {
   width: 100%;
}

.reportdetail_comment_area {
   width: 100% !important;
   min-width: 100%;
   max-width: 100%;
   min-height: 100px;
   max-height: 150px;
}

table.collapse > tbody > tr > th:first-child:has(.ChkBoxColumn) {
   width: 75px;
   min-width: 75px;
   max-width: 75px;
}

table[id*=_grdEntities] td > table tr:has(input[type="image"]) {
   display: block;
   text-align: -webkit-center;
   border-spacing: 0;
   padding: 0;
   margin: 0;
}

table td div.autoCompleteContainer input[type="text"] {
   background-color: #FFFFFF;
}

table[id*="_grdEntities"] input,
table[id*="_grdEntities"] select {
   border: 1px solid #CCCCCC;
}

.assign_grid_container {
   border: 1px solid #6E6E6E;
   border-radius: 4px;
   padding: 20px;
}

.assign_grid_command_ctrl_container {
   width: 100%;
   display: flex;
}

.gridOptionPanel {
   width: -webkit-fill-available;
}

.minimize-btn {
   background: none;
   border: none;
   font-size: 18px;
   cursor: pointer;
   transition: transform 0.3s ease;
}

fieldset.minimized legend {
   background-color: #F5F5F5;
   padding-left: 5px;
}

fieldset.minimized {
   height: 0;
   margin-top: 55px;
   border: none;
}

   fieldset.minimized > *:not(legend) {
      display: none !important;
   }

h2.minimized {
   background-color: #F5F5F5;
   transition: background-color 0.3s ease;
}

div.minimized {
   opacity: 0;
   height: 0;
   overflow: hidden;
}

.pd_split_section_container {
   display: block;
}

.table_td_input {
   font-size: 12px;
   font-family: 'Open Sans';
   color: #1A1A1A !important;
   padding: 3.5px;
   border: 1px solid #6E6E6E;
   border-radius: 4px;
}

.grid_data_infos {
   display: grid;
   grid-template-columns: 1fr auto;
}

.pd_input_checkbox {
   margin-top: 50px;
}

   .pd_input_checkbox label {
      margin-top: -26px;
      margin-left: 5px;
   }

.generate_num_new_item {
   margin-top: 20px;
}

#M_Pg_cloneAttributes .pd_column_3 {
   padding-bottom: 35px;
}

#M_Pg_rdList tr {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
}

   #M_Pg_rdList tr td {
      margin-left: -5px;
   }

#M_Pg_Section4fieldset textarea {
   width: 100%;
}

.ctlr_button {
   float: right;
   margin-top: 20px;
}

   .ctlr_button .ActionBtn:last-child {
      margin-left: 10px;
   }

.btn_margin_left {
   margin-left: 10px;
}

.pref_language_selection {
   width: 50%;
}

.pref_language_confirm {
   width: 50%;
   display: grid;
   text-align-last: right;
}

   .pref_language_confirm input[type="submit"] {
      width: fit-content;
      justify-self: self-end;
   }

label {
   font-size: 12px;
   color: #1A1A1A;
}

.elem_align_last {
   text-align-last: right;
}

.user_detail_checkbox label {
   margin-top: 40px;
   margin-left: 45px;
}

select {
   background-color: #FFFFFF;
   color: #1A1A1A;
}

.queryFilterContainer select {
   padding: 6px;
}

.options_pager_container {
   display: flex;
}

#SelectedItemsFromLists span {
   color: #1A1A1A;
}

.pd_legend_container:focus {
   outline: 1px solid #1A1A1A;
   background-color: #002142;
   color: #FFFFFF;
   border-radius: 4px;
   padding-left: 10px;
}

.FormElemWithDotBtn {
   font-size: 12px;
   font-family: 'Open Sans';
   border: 1px solid #6E6E6E;
   border-radius: 4px;
   color: #1A1A1A !important;
   padding: 3.5px 3.5px 0 3.5px;
}

.TextAreaWithDotBtn {
   margin-left: -5px;
}

.DoubleDotBtn {
   position: relative;
   top: -5px;
   display: none;
}

legend:has(#M_Pg_ctlSampleSelector_lblTableTitle),
legend:has(#M_Pg_ctlMethodSelector_lblTableTitle),
legend:has(#M_Pg_ctlDisplaySampleMethods_lblTableTitle),
h2:has(#M_Pg_ctlSampleSelector_lblTableTitle),
h2:has(#M_Pg_ctlMethodSelector_lblTableTitle),
h2:has(#M_Pg_ctlDisplaySampleMethods_lblTableTitle) {
   display: none;
}

.parameter_checkbox input[type="checkbox"] {
   margin-top: -8px;
   margin-right: 15px;
}

#tabsSection {
   /* margin-bottom: 50px;*/
}

   #tabsSection .options_pager_container {
      display: flex;
      justify-content: space-between;
      align-items: center;
   }

   #tabsSection .gridOptionPanel {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
      width: 0;
   }

      #tabsSection .gridOptionPanel input[type="image"]:not(:first-child) {
         margin-top: -4px;
      }

.association_template .gridOptionPanel {
   margin-top: 35px;
}

.gridOptionPanel_list {
   display: flex;
   padding-left: 0;
   margin-top: 5px;
   margin-bottom: 0;
   height: 35px;
}

   .gridOptionPanel_list li:not(:first-child) {
      margin-top: -7px;
   }

.association_template .gridOptionPanel_list li:first-child .resultTable_CommandColumnIcon {
   margin-top: -3px;
}

.zoom-datepicker-fix {
   top: 0 !important;
   left: 50% !important;
   transform: translateX(-50%) !important;
   z-index: 9999 !important;
}

.columns_selection_container {
   border: 1px solid #6E6E6E;
   border-radius: 4px;
   padding: 15px;
   margin-top: 15px;
   margin-bottom: 15px;
}

   .columns_selection_container [id*=_lstEntityColumns] {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 10px;
      margin-top: 5px;
   }

      .columns_selection_container [id*=_lstEntityColumns] input[type="checkbox"] {
         display: none;
      }

      .columns_selection_container [id*=_lstEntityColumns] label {
         position: relative;
         display: flex;
         align-items: center;
         padding-left: 25px;
         cursor: pointer;
         padding: 5px 5px 5px 35px;
         border-radius: 4px;
         background-color: #F2F2F2;
      }

         .columns_selection_container [id*=_lstEntityColumns] label::before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 15px;
            height: 15px;
            border: 2px solid #0066CC;
            border-radius: 4px;
            background-color: transparent;
            margin-left: 10px;
         }

      .columns_selection_container [id*=_lstEntityColumns] input[type="checkbox"]:checked + label::before {
         content: "\2714";
         color: #FFFFFF;
         background-color: #0066CC;
         text-align: center;
         line-height: 15px;
         font-size: 12px;
         border-color: #0066CC;
         margin-left: 10px;
      }

      .columns_selection_container [id*=_lstEntityColumns] label:hover {
         background-color: #E9E9E9;
      }

         .columns_selection_container [id*=_lstEntityColumns] label:hover::before {
            border: 2px solid #0066CC;
         }

.columns_confirm_buttons {
   float: right;
}

   .columns_confirm_buttons [id*=_btnCancelCols] {
      margin-left: 10px;
   }

#M_Pg_btnSearch {
   float: right;
}

.fix_marging_radio_btn {
   margin-left: -10px;
}

.query_editor_table table {
   width: 100%;
}

   .query_editor_table table tr td {
      align-content: center;
      text-align: center;
   }

.plugin_code_textarea {
   min-width: 100%;
   max-width: 100%;
   min-height: 350px;
   max-height: 500px;
   resize: vertical;
}

.plugin_result_textarea {
   min-width: 100%;
   max-width: 100%;
   min-height: 200px;
   max-height: 300px;
   resize: vertical;
}

.pd_margin_top {
   margin-top: 20px;
}

.pd_margin_bottom {
   margin-bottom: 20px;
}

input[type="text"][id*="supporting_documentation_id_supporting_documentation_id_input"] {
   margin-left: -10px;
   margin-top: 12px;
}

#M_Pg_chartsRepeater_ctl00_statsChart_lblLegend {
   position: relative;
   top: -10px;
   margin-right: 10px;
}

#DataQueryListContainer,
#QueryFilterSectionTitle {
   width: 100% !important;
}

#M_SideBarPane :focus {
   box-shadow: inset 0 0 0 2px #1A1A1A;
   width: 100%;
   outline: none;
}

.radlink-flex {
   display: inline-flex;
   align-items: center;
   gap: 0.5em;
   max-width: 100%;
   white-space: normal;
   word-break: break-word;
}

.panelbar #PageMenu .template {
   width: fit-content;
}

.ui-dialog .ui-dialog-buttonpane {
   margin-top: 0 !important;
}

.ui-widget-content {
   border: none !important;
}

.ui-dialog .ui-dialog-titlebar-close {
   right: 1.5em !important;
}

.ui-dialog-buttonset {
   padding: 10px !important;
}

.ui-widget button {
   max-width: max-content;
   font-weight: normal !important;
   line-height: 30px !important;
   border-radius: 4px !important;
   background-color: #0066CC;
   border: 1px solid #0066CC;
   color: #FFFFFF;
   font-size: 12px !important;
   font-family: 'Open Sans' !important;
   cursor: pointer !important;
}

   .ui-widget button:hover {
      background-color: #00478F !important;
      color: #FFFFFF !important;
      border-color: #00478F !important;
   }

.ui-widget input, .ui-widget select, .ui-widget textarea {
   font-family: 'Raleway';
}

.ui-dialog .ui-dialog-buttonpane button:last-child {
   margin-right: 0;
}

.confirmPopup {
   height: auto !important;
   width: auto !important;
   text-align: center;
}

.EntityAttContainer .autoCompleteInputBox {
   position: relative;
   margin-bottom: -2px;
}

.autoCompleteInputBoxParams {
   background: url(../Images/Icons/magnifying-glass.svg) no-repeat left;
   background-size: 15px;
   background-position: 5px;
   padding-left: 25px !important;
   position: relative;
   top: 0px;
   width: 100%;
}

.query_btn_container {
   display: flex;
}

.item.separator {
   display: none !important;
   height: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   border: 0 !important;
}

#M_Pg_userPrefEraseSelection .pd_cell_form_group {
   height: 100%;
   display: block;
   align-content: center;
}

#M_Pg_Password1_trSavePassword {
   width: calc(100% - 60px);
}

#M_Pg_Password1_btnSavePassword {
   float: right;
}

#M_Pg_chartsRepeater_ctl01_statsChart_lblLegend {
   top: -9px;
   position: relative;
   margin-right: 10px;
}

.charts_information {
   top: 2px;
   left: 22px;
   width: auto;
   background-color: transparent;
}

table[id*="_queryFilter_"],
table[id*="_queryEditor_"] {
   width: 100%;
}

#rdbTable tr:first-child {
   margin-bottom: 10px;
}

#rdbTable tr,
table[id*='M_Pg_scheduleEditor'] tr {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 8px 0;
}

#rdbTable td,
table[id*='M_Pg_scheduleEditor'] td {
   display: flex;
   align-items: center;
   gap: 5px;
}

   #rdbTable td input[type='radio'],
   table[id*='M_Pg_scheduleEditor'] td input[type='checkbox'] {
      width: 27px;
      height: 25px;
   }

   #rdbTable td input[type='radio'] {
      width: 15px;
      height: 15px;
   }

.workinDaysListContainer {
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 10px;
}

#M_Pg_btnEditWorkSchedule {
   margin-top: 20px;
   text-align-last: center;
}

.SampleQualityControlTableContainer {
   display: flex;
   width: 100%;
   margin-top: 10px;
}

#M_Pg_pnlSmp {
   width: 50%;
   margin-right: 40px;
   float: left;
}

#M_Pg_pnlQC {
   width: 50%;
}

.worklistQCContainer {
   width: 100%;
   height: 300px;
   margin-left: -2px;
   overflow-y: scroll;
}

.rightPaddingColumnPrinters {
   padding-right: 15px;
}

.associatedPrinters {
   width: 140px;
}

.printersSplitBorder {
   border-left: 1px solid #E4E4E4;
   padding-left: 15px;
}

.rowPrintersContainer select {
   padding: 10px;
}

.printersColumnContainer {
   width: 50%;
}

span[id*="attSkills"] {
   padding: 0 !important;
}

span div[id*="attSkills"] {
   width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
   margin: 0 4px !important;
}

span:has(.lblFromToContainer) {
   display: flex;
   line-height: 1.3;
   margin-bottom: -25px;
}

.lblFromTo {
   color: #0066CC !important;
   font-weight: 700 !important;
}

.lblFromToContainer {
   position: relative;
   top: -22px;
}

   .lblFromToContainer:first-child {
      margin-right: 20px;
   }

   .lblFromToContainer .lblFrom {
      position: relative;
      left: 108px;
   }

   .lblFromToContainer .lblTo {
      position: relative;
   }

.itemList_Searchbar {
   display: none;
}

.searchbar {
   position: relative;
   width: 100%;
}

.menu-search-box {
   width: 100%;
   padding: 10px;
   font-size: 14px;
   border-radius: 4px;
   border: 1px solid #CCCCCC;
}

   .menu-search-box.with-icon {
      background: url('../Images/Icons/SearchBar.svg') no-repeat 10px center;
      background-size: 16px 16px;
      padding-left: 35px;
      background-color: #FFFFFF;
   }

.menu-search-results {
   position: absolute;
   background: #FFFFFF;
   border: 1px solid #CCCCCC;
   list-style: none;
   margin: 0;
   padding: 0;
   width: 100%;
   min-height: auto;
   max-height: 350px;
   z-index: 1000;
   display: none;
   overflow-y: auto;
}

   .menu-search-results li {
      padding: 5px 10px;
      cursor: pointer;
   }

      .menu-search-results li:hover,
      .menu-search-results li:focus {
         background-color: #F0F0F0;
      }

#M_head_hyperHomeLogo {
   width: fit-content;
   margin-left: 2px;
}

.queryFilterContainer .queryfilterpanel {
   margin-top: -1px;
}

.gI td:has(div.autoCompleteContainer) {
   justify-items: center;
}

.RadDockableObjectFixed .pd_input {
   width: 100%;
}

/* confirm jquery popup */
.jqui-confirmPopup-wrapper {
   max-width: 600px !important;
}

   .jqui-confirmPopup-wrapper .confirmPopup {
      max-height: 70vh;
      overflow-y: auto;
   }

.fake-disabled {
   background-color: #DCDCDE !important;
   cursor: not-allowed !important;
}

.custody_from_to_section {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 20px;
}

.main-layout-sidebar .sidepanel-excel-import {
   margin-left: 20px;
   color: #0066CC;
}

   .main-layout-sidebar .sidepanel-excel-import label {
      color: #0066CC;
   }

#listBoxResultTableOrientation {
   width: auto;
}

.cmd-ctrl-img {
   width: 25px;
   height: 25px;
}

.detail-tab-list {
   margin-top: 15px;
}

.tabsections-data-table {
   margin-bottom: 30px;
}

.entitySelectorMainDiv .options_pager_container {
   margin-top: 10px;
   margin-bottom: -10px;
}

.panelbar .level1 {
   overflow: hidden !important;
   overflow-x: hidden !important;
}

.table-display-association {
   grid-row: 1;
   grid-column: 4;
   padding-left: 2rem;
}

input[readonly] {
   background-color: #DCDCDE !important;
}

/* Disable Telerik drag cursor and ghost elements */
.RadDock .rdTitleBar,
.RadDockableObjectTitleBar,
.RadDockableObjectTitleBar * {
   cursor: default !important;
   pointer-events: auto !important;
}

.RadDragHelper,
.RadDragHelperTooltip {
   display: none !important;
}

.RadDock .rdTitleBar {
   cursor: default !important;
}

.NoneDisabledButtton {
   display: inline !important;
}

@media (max-width: 1535px) {
   .pd_column_3 {
      grid-template-columns: 1fr 1fr;
   }

   .EntityTabsTextArea {
      min-width: 100% !important;
      width: 100% !important;
   }

   .ControlCommentSection {
      width: 100% !important;
   }

   .CommentGrid {
      position: relative;
      top: 20px;
      width: 100% !important;
   }

   .nav_box_tab {
      width: 100%;
   }

      .nav_box_tab tr {
         display: grid;
         grid-template-columns: 1fr 1fr 1fr 1fr;
      }

   .association_template {
      display: block !important;
   }

      .association_template div {
         padding-left: 0 !important;
      }

         .association_template div:has(#M_Pg_btnAssignAll) {
            display: block !important;
            text-align: center;
            margin-bottom: 10px;
         }

      .association_template #M_Pg_btnAssignAll {
         transform: rotate(90deg);
      }

      .association_template .entitySelectorMainDiv {
         display: block;
      }

      .association_template .gridOptionPanel {
         grid-template-columns: auto auto auto;
      }

      .association_template .lblRecordCount {
         margin-top: -12px;
      }

      .association_template .pager-container {
         margin-top: -40px;
      }

      .association_template .record_count_container {
         margin-top: -8px;
      }

   #DataQueryFilterContainer,
   .queryFilterContainer {
      width: 100%;
   }

   .QueryFilterElem {
      width: 100% !important;
      display: block !important;
   }

   #DataQueryFilterContainer {
      display: block !important;
   }

   .DataQueryFilterElem {
      margin-right: 0 !important;
      margin-bottom: -10px;
   }

   .QueryFilterElem > div:first-child,
   .queryfilterpanel td {
      margin-right: 0 !important;
   }

   .queryfilterpanel {
      width: 100% !important;
      margin-left: 0;
   }

      .queryfilterpanel tr {
         width: 100% !important;
      }

      .queryfilterpanel td {
         display: table-cell !important;
         width: 100% !important;
      }

   .QueryFilterElem select,
   .QueryFilterElem input:no-button,
   .flexCentered input,
   .QueryFilterElem select,
   .QueryFilterElem input:no-button,
   .flexCentered input {
      width: 100% !important;
      min-width: unset !important;
      max-width: 100%;
   }

   .query_filter_btn input[type="submit"] {
      width: calc(100% - 10px) !important;
   }

   .query_filter_btn:first-child {
      text-align: start;
   }

   .query_filter_btn:last-child {
      text-align: end;
   }

   .query_filter_btn input[type="submit"]:first-child {
      margin-top: 0.25rem !important;
   }

   .query_filter_btn input[type="submit"]:not(first-child),
   .query_filter_btn input[type="submit"]:not(last-child) {
      margin-top: 0.5rem !important;
      margin-bottom: 0.5rem !important;
   }

   span[id*='M_Pg_queryFilter_queryEditor_queryGrid'] {
      width: 100%;
   }

   table div.flexCentered {
      display: grid !important;
      width: 100% !important;
   }

   .query_btn_container {
      display: grid;
      grid-template-columns: auto auto auto;
   }

   .TestMethodDeleteImgBtn {
      left: 485px;
      bottom: 62px;
   }

   #M_Pg_pnlChildMethods .pd_column_3 {
      grid-template-columns: 1fr;
   }

   #M_Pg_pnlChildMethods .pd_input {
      width: 100%;
   }

   .TestMethodDeleteImgBtn {
      left: calc(100% - 40px);
   }

   .clone_test_method_container {
      display: block;
   }

   table[id*='M_Pg_scheduleEditor'] tr {
      gap: 8px 20px;
   }

   span:has(.lblFromToContainer) {
      display: block;
      line-height: 1.3;
      margin-bottom: -20px;
      margin-top: 2px;
   }

   .lblFromToContainer .lblTo {
      margin-top: 5px;
   }

   .lblFromToContainer:first-child {
      margin-right: 0;
   }

   .pd_autogrid_container.statistics_multi_checkbox_section {
      grid-template-columns: auto auto auto auto;
   }

   .statistics-details fieldset,
   .statistics-results fieldset {
      border-radius: 0 !important;
      border: none !important;
      padding: 0 !important;
   }
}

@media (max-width: 1366px) {
   ..RadDockableObjectFixed[id*="_panelCustodyTransaction"] {
      top: 1% !important;
      left: 5% !important;
      right: auto !important;
   }

   .RadDockableObjectFixed[id*="_panelCustodyTransaction"] .RadDockableObjectInnerContainer {
      padding: 10px;
   }

   .RadDockableObjectFixed[id*="_panelCustodyTransaction"] table {
      width: 100% !important;
   }

   .RadDockableObjectFixed[id*="_panelCustodyTransaction"] .pd_cell_content_container {
      width: 100% !important;
   }

   .RadDockableObjectFixed[id*="_panelCustodyTransaction"] .pd_popup_action_btn .popup_btn_cancel {
      margin-left: 0 !important;
   }

   .RadDockableObjectFixed[id*="_panelCustodyTransaction"] textarea {
      height: 50px;
      max-height: 50px !important;
   }

   .RadDockableObjectFixed[id*="_panelCustodyTransaction"] .pd_input,
   .RadDockableObjectFixed[id*="_panelCustodyTransaction"] select,
   .RadDockableObjectFixed[id*="_panelCustodyTransaction"] textarea {
      padding: 5px;
      font-size: 12px;
   }

   .RadDockableObjectFixed[id*="_panelCustodyTransaction"] .pd_cell_form_group {
      margin-bottom: 2.5px;
   }

   .RadDockableObjectFixed[id*="_panelCustodyTransaction"] .pd_cell_form_label {
      font-size: 12px;
      margin-bottom: 2.5px;
   }

   .RadDockableObjectFixed[id*="_panelCustodyTransaction"] .pd_col_container {
      padding: 10px;
   }

   .RadDockableObjectFixed[id*="_panelCustodyTransaction"] .pd_legend_container {
      margin-top: 18px;
      margin-bottom: 2.5px;
   }

   .RadDockableObjectFixed[id*="_panelCustodyTransaction"] legend {
      font-size: 14px;
      top: -50px;
      padding: 5px 5px 5px 0;
   }

   .RadDockableObjectFixed[id*="_panelCustodyTransaction"] fieldset {
      margin-top: 35px;
   }

   .RadDockableObjectFixed[id*="_panelCustodyTransaction"] select {
      width: 100% !important;
   }

   .RadDockableObjectFixed[id*="_panelCustodyTransaction"] .pd_popup_action_btn {
      margin-top: 15px;
      margin-bottom: 5px;
   }

      .RadDockableObjectFixed[id*="_panelCustodyTransaction"] .pd_popup_action_btn input {
         font-size: 14px;
      }


   .RadDockableObjectFixed[id*="_panelCustodyTransaction"] .minimize-btn {
      margin-top: -2.5px;
   }
}

@media (max-width: 1199px) {

   body {
      margin: 0 !important;
   }

   select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
   }

      select:not(.applyToQcList) {
         background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='%23000000' d='M7 10l5 5 5-5H7z'/%3E%3C/svg%3E");
         background-repeat: no-repeat;
         background-position: right 10px center;
         background-size: 16px;
         padding-right: 30px;
      }

   .head_menu_lnk_container {
      margin-left: -30px;
   }

   #M_head_hyperHomeLogo,
   #M_head_lnkHelp,
   #M_head_lnkLogOff {
      display: none !important;
   }

   #M_MenuPane {
      transition: margin-top 0.3s ease;
   }

   .main-layout-header {
      justify-items: center;
      width: 100%;
   }

   .itemList_Searchbar {
      display: block;
   }

   .pagehead {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
      display: block;
      padding: 20px;
      width: 100%;
   }

      .pagehead.expanded-search {
         max-height: 75px;
         height: 75px;
      }

   .menu-search-box {
      margin-left: 0;
      padding: 10px;
      font-size: 14px;
   }

   .searchbar-button {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background-color: #FFFFFF;
      border: none;
      cursor: pointer;
      padding: 0;
      margin-top: 3px;
      margin-left: 5px;
      margin-right: 10px;
   }

   .menu-search-results {
      position: fixed;
      left: 10px;
      width: 100%;
      min-height: auto;
      max-height: 250px;
      z-index: 999999;
      overflow-y: auto;
      margin-left: 10px;
   }

   #MobileUserProfileDiv {
      display: block !important;
   }

   #MobilelblCurrentRole {
      display: block !important;
   }

   #MobilelblCurrentUser {
      display: block !important;
   }

   #MobilelblActiveProfile {
      display: block !important;
   }

   #lnkLogOff {
      display: block !important;
   }

   #MobileMenuNav {
      display: none !important;
   }

   #userProfileDiv {
      display: none !important;
   }

   #imgUser {
      display: none !important;
   }

   #lblCurrentRole {
      display: none !important;
   }

   #lblCurrentUser {
      display: none !important;
   }

   #lblCurrentProfile {
      display: none !important;
   }

   #loginform .contentfheader {
      padding: 10px !important;
   }

   .main-layout-content {
      height: calc(100% + 50px) !important;
      padding-left: 15px !important;
   }

   *[style*="overflow-x: scroll"],
   *[style*="overflow-x: auto"] {
      overflow-x: scroll !important;
   }

      *[style*="overflow-x: scroll"]::-webkit-scrollbar,
      .main-layout-content::-webkit-scrollbar,
      .quarterlistscrollable::-webkit-scrollbar,
      .pagelistscrollable::-webkit-scrollbar,
      .scrollable::-webkit-scrollbar {
         width: 4px;
         height: 4px;
         transition: opacity 0.3s ease-in-out;
         opacity: 1 !important;
      }

      *[style*="overflow-x: scroll"]::-webkit-scrollbar-thumb,
      .main-layout-content::-webkit-scrollbar-thumb,
      .quarterlistscrollable::-webkit-scrollbar-thumb,
      .pagelistscrollable::-webkit-scrollbar-thumb,
      .scrollable::-webkit-scrollbar-thumb {
         background: rgba(0, 0, 0, 0.3);
         border-radius: 3px;
      }

      *[style*="overflow-x: scroll"]::-webkit-scrollbar-track,
      .main-layout-content::-webkit-scrollbar-track,
      .quarterlistscrollable::-webkit-scrollbar-track,
      .pagelistscrollable::-webkit-scrollbar-track,
      .scrollable::-webkit-scrollbar-track {
         background: rgba(0, 0, 0, 0.1);
      }

   .main-layout-content::-webkit-scrollbar {
      width: 4px;
   }

   .sbmenu {
      display: none !important;
   }

   .lblCurrentUser {
      display: none;
   }

   .maincontent {
      display: block !important;
      height: auto !important;
      overflow: hidden !important;
      flex-direction: initial !important;
   }

      .maincontent:has(iframe#homepageContent) {
         height: 100% !important;
      }

   .main-layout-content {
      padding-left: 10px;
      padding-right: 10px;
      overflow: hidden !important;
      overflow-x: hidden !important;
      overflow-y: hidden !important;
   }

   .main-title-holder {
      width: 100% !important;
   }

   .selected-value-label::after {
      width: 100% !important;
   }

   .EntityAttContainer {
      display: block;
   }

   .pd_cell_form_group textarea,
   .job_task_container .pd_cell_form_group > textarea {
      min-height: 44px !important;
      max-height: 200px !important;
   }

   div:has(div.autoCompleteContainer) {
      width: 100%;
   }

   div.autoCompleteContainer {
      width: 100%;
   }

   div.flexNoWrap {
      width: 100%;
   }

   .autoCompleteAnchor {
      width: 100%;
   }

   .visualizeButton {
      margin-top: 0px;
   }

   .quarterlistscrollable {
      height: auto !important;
      overflow-x: auto;
   }

   .commandStripRow {
      display: flex;
   }

   div[id*="commandsstrips"],
   commandsstrips {
      display: block;
      padding-top: 0 !important;
   }

      div[id*="commandsstrips"] table,
      .commandsstrips table {
         width: 100%;
      }

   .commandsstrips div:first-child table tr {
      display: grid;
      grid-template-columns: auto auto auto auto;
      margin-top: 20px;
      margin-bottom: 20px;
   }

   .commandStripRow {
      display: flex;
      height: auto;
      margin-bottom: 20px !important;
   }

      .commandStripRow tr:last-child td:last-child {
         text-align: end;
      }

   .commandStripCommand input {
      width: calc(100% - 10px);
   }

   div[id*="commandsstrips"] {
      display: block;
   }

   .commandStripRowUserPref {
      text-align: right;
      padding-bottom: 10px !important;
   }

   div[id*="commandsstrips"],
   .commandsstrips tr td {
      width: 100%;
      display: block;
      margin: auto;
   }

      div[id*="commandsstrips"] table:has(input[type="submit"]),
      .commandsstrips table:has(input[type="submit"]) {
         text-align: center;
      }

      div[id*="commandsstrips"] table:has(input[type="submit"]) {
         text-align: left;
      }

   .commandStripCommand input[type="submit"]:not(first-child),
   .commandStripCommand input[type="submit"]:not(last-child) {
      margin-top: 0.25rem !important;
      margin-bottom: 0.25rem !important;
   }

   span.commandStripCommand > div:not(first-child),
   span.commandStripCommand > div:not(last-child) {
      margin-top: 0.25rem !important;
      margin-bottom: 0.25rem !important;
   }

   .commandsstrips div:last-child table {
      padding-bottom: 20px;
   }

   .commandsstrips table tr td:not(:first-child):not(:last-child) {
      margin-top: 10px;
      margin-bottom: 10px;
   }

   [data-testid="stdDone"],
   [data-testid="stdCancel"] {
      margin: 0 !important;
   }

   [data-testid="stdCancel"] {
      margin-left: 0 !important;
   }

   .statistics-details-results {
      display: block !important;
   }

   .analysis_entity_selector {
      display: block !important;
   }

   .third_association_table {
      margin-left: 0 !important;
      margin-top: 25px;
      margin-bottom: 25px;
   }

   .assign_sample_methods {
      display: block !important;
      justify-self: center;
      margin-bottom: 1.5rem;
   }

      .assign_sample_methods input[type="image"] {
         transform: rotate(90deg);
      }

   .entitySelectorOverflowDiv > div[id*="_divTitle"] {
      justify-content: left !important;
      margin-top: 0.75rem;
      margin-bottom: 0.75rem;
   }

   .applyToQcLastRowItem {
      padding-right: 0 !important;
   }

   .maincontent-entitytabs {
      min-height: auto !important;
      overflow: hidden;
   }

   .ControlCommentSection {
      width: 100% !important;
   }

   .pd_scheduler_time_wrapper > div {
      display: grid;
      margin-left: 0 !important;
      margin-top: -25px;
   }

   .listHeader {
      width: 100%;
      margin: 0 !important;
   }

   .resultTable_mainTable {
      margin-top: 20px;
   }

   #M_Pg_pnlQC {
      display: inline-block;
      width: 100%;
   }

   #M_Pg_pnlSmp,
   #M_Pg_fldQC {
      float: none !important;
   }

   #M_Pg_pnlSmp {
      width: 100%;
   }

   .WorklistSamplesCol:last-child, .TrayListSampleCol:last-child {
      width: auto !important;
   }

   .second_association_table {
      display: inline-block;
   }

   .TabHistoryRefresh {
      text-align: left !important;
   }

   #M_tblEntityTabs .lblRecordCount {
      padding-bottom: 0 !important;
   }

   #tabsSection .gridOptionPanel {
      margin-bottom: 20px;
   }

   #ddlResultTableView {
      width: 100% !important;
   }

   .assign_grid_command_ctrl_container {
      float: left;
      margin-top: 25px;
      margin-left: 2px;
   }

   .pd_margin_top {
      margin-top: 10px;
   }

   .mobile_enter_num {
      display: inline-grid !important;
      width: 100% !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
   }

   [id*=_EnterPageNum] {
      text-align: center;
      margin-left: 5px;
      margin-right: 5px;
   }

   .mobile_goto_page .pager-btn-enabled {
      width: 100%;
   }

   legend:has(#M_Pg_ctlSampleSelector_lblTableTitle),
   legend:has(#M_Pg_ctlMethodSelector_lblTableTitle),
   legend:has(#M_Pg_ctlDisplaySampleMethods_lblTableTitle),
   h2:has(#M_Pg_ctlSampleSelector_lblTableTitle),
   h2:has(#M_Pg_ctlMethodSelector_lblTableTitle),
   h2:has(#M_Pg_ctlDisplaySampleMethods_lblTableTitle) {
      display: none;
   }

   .refDiv .flexNoWrap input[type="text"] {
      font-size: 12px;
      padding: 10px 10px 10px 25px;
      margin-top: 6px;
   }

   .statistics_radio_section > .pd_cell_content_container > .pd_cell_content_container label {
      top: -5px !important;
   }

   .statistics_fieldset_filter input[type="radio"] {
      width: 18px !important;
      height: 18px !important;
   }

   .statistics_multi_checkbox_section label {
      top: -5px !important;
   }

   .statistics_multi_checkbox_section input[type="checkbox"] {
      width: 18px !important;
      height: 18px !important;
      margin-top: 0 !important;
   }

   .pd_autogrid_container {
      display: block !important;
   }

      .pd_autogrid_container.statistics_multi_checkbox_section {
         display: grid !important;
         grid-template-columns: auto auto auto;
         margin-bottom: 10px !important;
         margin-top: 20px !important;
      }

   .statistics_fieldset_filter input[type="checkbox"] {
      left: 2px;
   }

   .statistics_research_btn {
      margin-top: 5px;
   }

   #tabsSection .gridOptionPanel {
      display: block;
      width: 100%;
      margin-top: 30px;
   }

   .sub_menu_item a {
      padding-left: 25px !important;
      font-weight: normal;
   }

   .sub_menu_link.level_2 {
      padding-left: 45px !important;
   }

   [id*=_lstEntityColumns] {
      display: block;
   }

      [id*=_lstEntityColumns] label:not(:last-child) {
         margin-bottom: 10px;
      }

      [id*=_lstEntityColumns] label::before {
         width: 10px;
         height: 10px;
      }

      [id*=_lstEntityColumns] input[type="checkbox"]:checked + label::before {
         line-height: 11px;
         font-size: 10px;
      }

   .columns_confirm_buttons {
      float: none;
   }

      .columns_confirm_buttons [id*=_btnCancelCols] {
         margin-left: 0;
         margin-top: 12px;
      }

   .statistics-legend-txt {
      display: grid;
      margin-top: 50px;
   }

   .charts_information {
      width: 100%;
      text-align: center;
      left: 0;
   }

   #M_Pg_chartInfoPanel legend,
   #M_Pg_chartInfoPanel h2 {
      text-align: center;
   }

   input[type="text"][id*="supporting_documentation_id_supporting_documentation_id_input"] {
      margin-left: -5px !important;
      margin-top: 20px !important;
   }

   .statistics_multi_checkbox_section {
      width: 100%;
   }

   .addCommentPanelFirstPart {
      margin-bottom: 20px;
   }

      .addCommentPanelFirstPart label, .ControlCommentSection label {
         padding-right: 20px;
      }

   .nav_box_tab tr {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
   }

   [data-testid="AnalysisSampleMethod.Cancel"] {
      margin-left: 0;
   }

   .SampleQualityControlTableContainer {
      display: block;
   }

   #M_Pg_PrintersAssociation_updPanelPrinters tr {
      display: grid;
   }

   .rightPaddingColumnPrinters {
      padding-right: 0;
   }

   .associatedPrinters {
      width: 100%;
      padding-bottom: 10px;
      padding-top: 10px;
   }

   .secondRowPrintersTable {
      margin-top: 15px;
   }

   .printersSplitBorder {
      border-left: 0;
      padding-left: 0;
   }

   #M_Pg_PrintersAssociation_listSelectedStandardPrinters,
   #M_Pg_PrintersAssociation_listSelectedLabelsPrinters {
      margin-bottom: 15px;
   }

   .printersImageAssociation {
      transform: rotate(90deg);
   }

   .printersColumnContainer {
      width: 100%;
   }

   div.pagelistscrollable {
      height: 100%;
      max-height: 100%;
      overflow-y: hidden;
   }

   [data-testid="stdDone"], 
   [data-testid="stdSave"], 
   input[type="submit"].localizedStringBtn, 
   input[type="submit"].std, 
   [data-testid="clone_entity"], 
   .custodyButtons input[type="submit"], 
   .statistics_research_btn input[type="button"], 
   .pd_input_button, 
   .ActionBtn, 
   .radtext, 
   input[type="submit"].radtext {
      max-width: none;
   }

   .ui-widget.ui-widget-content {
      padding-bottom: 1px !important;
      z-index: 99999999 !important;
   }

   .iframe-popup {
      height: 100%;
   }

   .ui-dialog-title {
      font-size: 12px;
      padding: 5px !important;
   }

   .ui-dialog .ui-dialog-content {
      padding: 15px 15px 0 15px !important;
   }

   .popup-edit-textbox .pd_popup_action_btn {
      display: block;
      padding-right: 0;
      height: fit-content;
      max-height: fit-content;
      margin-top: 15px !important;
   }

   .pd_popup_action_btn {
      margin-top: 0;
      display: block;
   }

      .pd_popup_action_btn .popup_btn_cancel {
         margin-top: 10px !important;
      }

   input[type="submit"].std.popup_btn_cancel {
      margin-top: 15px;
      margin-left: 0;
   }

   .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
      max-height: 100% !important;
   }

   .confirmPopup.ui-dialog-content.ui-widget-content {
      height: auto !important;
   }

   .popup-edit-textbox .textAreaPopUpDiv {
      height: 100%;
      margin-bottom: -3px;
   }

   #detailForm {
      height: inherit;
   }

   .popup-elem-container {
      height: calc(100% - 15px);
      display: flex;
      flex-direction: column;
   }
}

@media (max-width: 1024px) {

   .selected-value-label {
      font-size: 12px !important;
   }

   fieldset,
   .pd_column_3 {
      display: block;
   }

   .pd_col_container {
      max-width: 100%;
      width: 100%;
      min-width: 100%;
      padding: 15px 10px 15px 10px;
      margin-left: 0;
      margin-right: 0;
   }

   .pd_cell_form_group {
      margin-bottom: 15px;
   }

      .pd_cell_form_group:has(.pd_cell_content_container.captionContainer) {
         margin-bottom: 0;
      }

   .pd_cell_content_container.captionContainer {
      margin-bottom: 0;
   }

      .pd_cell_content_container.captionContainer .pd_cell_form_group {
         margin-bottom: 0;
         margin-top: 0;
      }

   #M_Pg_ctlCustomFields_CaptionEdition_ctl2147483647_ctl2147483647txtENGLISH {
      margin-bottom: 15px;
   }

   .pd_cell_content_container {
      margin-bottom: 20px;
   }

      .pd_cell_content_container:last-child {
         margin-bottom: 0;
      }

      .pd_cell_form_group .pd_input,
      .pd_cell_form_group .refDiv,
      .pd_cell_form_group .pd_input_text,
      .pd_cell_form_group input[type="number"],
      .pd_cell_content_container .pd_input,
      .localizedStringTextBoxes input[type="text"],
      .pd_fit_row .pd_input,
      .pd_input > .hasDatepicker,
      .refDiv select {
         width: 100%;
         max-width: 100%;
         min-width: 100%;
      }

   #M_Pg_ctlEntityChainOfCustody_ctl00_ctl02_storage_location_id {
      display: block;
      width: 62% !important;
   }

   .pd_cell_form_group textarea {
      min-width: 100% !important;
      max-width: 100% !important;
   }

   .pd_cell_form_group:has(.pd_input input[type="checkbox"]) .pd_cell_form_label {
      padding-top: 10px;
   }

   .commandsstrips table {
      float: none !important;
   }

   .commandsstrips div:first-child table tr {
      display: grid;
      grid-template-columns: auto auto auto;
   }

   body {
      font-size: 12px !important;
   }

   p {
      font-size: 12px !important;
   }

   th, tr, td {
      font-size: 12px !important;
   }

   .selected-value-label {
      font-size: 24px !important;
   }

   label {
      font-size: 12px !important;
   }

   legend {
      font-size: 12px !important;
   }

   .pd_cell_form_label {
      font-size: 12px !important;
   }

   a,
   a:hover,
   A:link,
   A:visited,
   A:active {
      font-size: 12px !important;
   }

   .std,
   .standardText,
   .hasDatepicker {
      font-size: 12px !important;
   }

   .DomainTabActive A,
   .adminTabActive A,
   .DomainTabInactive A:link,
   .adminTabInactive A:link {
      font-size: 12px !important;
   }

   .visualizeButton {
      font-size: 12px !important;
   }

   .refDiv .flexNoWrap input[type="text"] {
      font-size: 12px !important;
   }

   .pd_cell_form_group .pd_input,
   .pd_cell_form_group .refDiv,
   .pd_cell_form_group .pd_input_text,
   .pd_cell_form_group input[type="number"],
   .pd_cell_content_container .pd_input,
   .localizedStringTextBoxes input[type="text"],
   .pd_fit_row .pd_input {
      font-size: 12px !important;
   }

   .pd_input > .hasDatepicker {
      font-size: 12px !important;
   }

   .CommentGrid td {
      font-size: 12px !important;
   }

   div.slide > ul.group > li.item > div.template > input[type="submit"] {
      font-size: 12px !important;
   }

   .RadPanelbar_WindowsXP2 > ul.rootGroup > li.item > a > span {
      font-size: 12px !important;
   }

   .RadPanelbar_WindowsXP2 .rootGroup .link {
      background-size: 15px 15px;
   }

   .RadPanelbar_WindowsXP2 .rootGroup .expanded {
      background-size: 20px 20px;
   }

   .menu-search-box {
      font-size: 12px !important;
   }

   .menu-search-results li {
      font-size: 12px !important;
   }

   .pd_input > input[type="checkbox"],
   .pd_checkbox input[type="checkbox"] {
      width: 25px;
      height: 25px;
   }

   .pd_cell_form_group:has(.pd_input input[type="checkbox"]) .pd_cell_form_label {
      position: relative;
      margin-left: 37px;
   }

   .visualizeButton {
      margin-top: 5px;
   }

   .applyToQcRowDisplay,
   .applyToSetContentRowDisplay {
      display: grid;
   }

   .applyToQcHalfDisplay,
   .applyToSetContentHalfDisplay {
      width: 100% !important;
   }

   .applyToQcList,
   .applyToSetContentList {
      margin-top: 5px;
      font-size: 12px !important;
   }

   .applyToQcMiddleRowItem {
      transform: rotate(90deg);
      padding-bottom: 0;
      width: auto !important;
      margin-bottom: -20px;
   }

   .TestMethodDeleteImgBtn {
      height: 30px;
      width: 30px;
      top: -60px;
   }

   .AddTestMethodBtn,
   a[data-testid="clone_entity"] {
      width: 100% !important;
   }

   .cmd_clone_btn {
      width: 100%;
      display: flex;
   }

   .commandStripRow {
      display: block;
      margin-top: 20px !important;
   }

   .commandStripCommand input[type="submit"],
   input[type="submit"].std {
      width: 100%;
   }

   #M_Pg_Password1_trSavePassword {
      width: 100%;
   }

   #M_Pg_appInfo {
      margin-bottom: 10px;
   }

   .commandStripRowUserPref {
      padding-top: 10px !important;
   }

   .pd_scheduler_time_wrapper > div {
      margin-top: -5px;
   }

   .pd_scheduler_time_wrapper > div {
      grid-template-columns: repeat(4, 40px auto);
      margin-left: -5px;
   }

      .pd_scheduler_time_wrapper > div input[type="checkbox"] {
         width: 27px;
         height: 25px;
      }

   #rdbTable tr,
   table[id*='M_Pg_scheduleEditor'] tr {
      grid-template-columns: repeat(7, 1fr);
      margin-bottom: 20px;
   }

   #rdbTable tr {
      grid-template-columns: repeat(6, 1fr);
      margin-bottom: 20px;
   }

   table[id*='M_Pg_scheduleEditor'] td input[type='checkbox'] {
      width: 20px;
      height: 20px;
   }

   #M_Pg_scheduleEditor_ddlType {
      margin-bottom: 25px;
   }

   .tblBottomOptions > span,
   .lblRecordCount {
      font-size: 12px !important;
   }

   .pager-select-ui {
      font-size: 12px !important;
      margin-top: -10px;
   }

   .pager-container .pager-item > a {
      font-size: 12px !important;
   }

   [id*=_EnterPageNum] {
      padding: 6.5px;
   }

   input[type="submit"].pager-btn-enabled {
      padding: 6px;
   }

   tr.gI > td {
      font-size: 12px !important;
   }

   .QueryFilterElem label,
   .QueryFilterElem span {
      font-size: 12px !important;
   }

   .QueryFilterElem select,
   .QueryFilterElem input:no-button,
   .flexCentered input {
      font-size: 12px !important;
   }

   [data-testid="stdDone"],
   [data-testid="stdSave"],
   input[type="submit"].localizedStringBtn,
   input[type="submit"].std,
   [data-testid="clone_entity"],
   .custodyButtons input[type="submit"],
   .statistics_research_btn input[type="button"],
   .pd_input_button,
   .ActionBtn,
   .radtext,
   input[type="submit"].radtext,
   .QueryFilterBtn,
   .QueryDefaultBtn {
      font-size: 12px !important;
   }

   /* date picker */

   .ui-datepicker select.ui-datepicker-month,
   .ui-datepicker select.ui-datepicker-year {
      width: 35% !important;
   }

   .ui-datepicker .ui-datepicker-title {
      margin: 0 !important;
      font-size: 14px !important;
      line-height: 1.5em !important;
   }

   .ui-datepicker .ui-datepicker-header {
      width: 100% !important;
   }

   .ui-datepicker .ui-datepicker-title select {
      font-size: 12px !important;
      padding-left: 10px !important;
   }

   .ui-datepicker th {
      font-size: 12px !important;
   }

   .ui-state-default, .ui-widget-content .ui-state-default,
   .ui-widget-header .ui-state-default,
   .ui-button, html .ui-button.ui-state-disabled:hover,
   html .ui-button.ui-state-disabled:active {
      font-size: 12px !important;
   }

   .ui-datepicker .ui-datepicker-prev {
      margin-left: 3px !important;
   }

   .ui-datepicker .ui-datepicker-next {
      margin-left: 3px !important;
   }

   .ui-datepicker .ui-datepicker-buttonpane {
      margin: 0 !important;
   }

   .ui-datepicker .ui-datepicker-header {
      padding: 0 !important;
   }

   .ui-timepicker-div dl dt {
      font-size: 12px !important;
   }

   .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
      font-size: 12px !important;
   }

   .ui-timepicker-div dl {
      margin-bottom: 0 !important;
      margin-top: 10px !important;
   }

   .ui_tpicker_hour_slider.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content,
   .ui_tpicker_minute_slider.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content {
      height: 10px !important;
      width: 100% !important;
   }

   .ui-widget .ui-widget {
      font-size: .7em !important;
   }

   .complexdetail_checkbox_section input[type="checkbox"],
   .custom_field_checkbox input[type="checkbox"] {
      width: 25px;
      height: 25px;
   }

   .add_custom_field input[type="submit"] {
      width: 100%;
   }

   .statistics_research_btn input[type="button"] {
      width: 100%;
      margin-top: 10px;
   }

   .RadDockableObjectFixed[id*="_panelCustodyTransaction"] {
      width: 90% !important;
   }

      .RadDockableObjectFixed[id*="_panelCustodyTransaction"] .pd_cell_content_container {
         margin-bottom: 0;
      }

      .RadDockableObjectFixed[id*="_panelCustodyTransaction"] .pd_popup_action_btn {
         display: block;
      }

         .RadDockableObjectFixed[id*="_panelCustodyTransaction"] .pd_popup_action_btn input:first-child {
            margin-bottom: 10px;
         }

      .RadDockableObjectFixed[id*="_panelCustodyTransaction"] legend {
         font-size: 12px !important;
      }

   .popup-edit-textbox .pd_popup_action_btn input {
      font-size: 12px !important;
   }
}

@media (max-width: 800px) {

   .commandsstrips div:first-child table tr {
      display: grid;
      grid-template-columns: auto auto;
   }

   .query_btn_container {
      display: block;
   }

   .query_filter_btn:last-child {
      text-align: start;
   }

   .query_filter_btn input[type="submit"] {
      width: 100% !important;
   }

   .refDiv .flexNoWrap input[type="text"] {
      width: 100%;
      max-width: 100%;
      min-width: 100%;
   }

   #rdbTable tr,
   table[id*='M_Pg_scheduleEditor'] tr {
      grid-template-columns: repeat(6, 1fr);
   }

   .ui-datepicker .ui-datepicker-title select {
      padding-left: 5px;
   }
}

@media (max-width: 768px) {

   .pd_cell_form_group:has(div.autoCompleteContainer) {
      margin-top: 10px;
   }

   .pd_cell_form_group:not(:has(.visualizeButton)) {
      margin-top: 5px;
   }

   .pd_input > input[type="checkbox"],
   .pd_checkbox input[type="checkbox"] {
      margin-top: -37px;
   }

   .pd_cell_form_group:has(.pd_input input[type="checkbox"]) .pd_cell_form_label {
      margin-left: 37px;
   }

   .pd_cell_form_group:has(.pd_input input[type="checkbox"]) .pd_cell_form_label {
      position: relative;
   }

   .addCommentPanelFirstPart {
      display: grid;
      grid-template-columns: 1fr;
   }

      .addCommentPanelFirstPart label {
         position: relative;
         left: 36px;
         top: -27px;
      }

   .nav_box_tab tr {
      display: grid;
      grid-template-columns: 1fr 1fr;
   }

   .gridOptionPanel_list {
      width: 100%;
      display: flex;
      padding-left: 0;
      margin-top: 0;
      margin-bottom: 0;
      list-style: none;
   }

   .association_template .gridOptionPanel_list li:first-child .resultTable_CommandColumnIcon {
      margin-top: -3px;
   }

   .association_template .pager-container {
      padding-right: 0 !important;
   }

   .options_pager_container {
      display: block;
   }

   .pager-container {
      margin-top: 25px !important;
      float: left !important;
      width: 100%;
      padding-bottom: 0 !important;
      display: grid;
      flex-wrap: nowrap !important;
      align-items: center;
      margin-bottom: 20px;
   }

   .pager-select-ui {
      width: 100%;
      text-align: center;
   }

   .association_template .pager-container {
      text-align: -webkit-right;
      width: 100%;
      display: grid;
   }

   .pager-container .pager-item > a {
      width: 100%;
      text-align: center;
   }

   #tabsSection .options_pager_container {
      display: block;
   }

   .pager-lbl-item-per-page {
      display: flex;
      margin-bottom: 30px;
   }

   [id*=_EnterPageNum] {
      width: 100% !important;
      margin-left: 0;
      margin-right: 0;
   }

   .association_template .gridOptionPanel {
      margin-top: 35px;
   }

   .addCommentPanelFirstPart {
      margin-bottom: 0;
   }

   .TestMethodDeleteImgBtn {
      top: -51px;
   }

   .pd_cell_form_group:has(.pd_input input[type="checkbox"]) .pd_cell_form_label[id*="chbMatchingEnabled"] {
      padding-top: 0 !important;
      margin-left: 0;
      left: 37px;
      top: 5px;
   }

   span:has(div.autoCompleteContainer) {
      padding: 0 !important;
   }

   #tabsSection .pd_margin_top {
      margin-top: 20px !important;
   }

   .complexdetail_checkbox_section table tr,
   .custom_field_checkbox table tr {
      display: grid;
      grid-template-columns: auto auto auto;
   }

   .pd_autogrid_container.statistics_multi_checkbox_section {
      grid-template-columns: auto auto;
   }
}

@media (max-width: 615px) {
   .commandsstrips div:first-child table tr {
      display: grid;
      grid-template-columns: 1fr;
   }

      .commandsstrips div:first-child table tr td {
         margin-top: 5px;
         margin-bottom: 5px;
      }

   .commandsstrips table tr td:not(:first-child):not(:last-child) {
      margin-top: 5px;
      margin-bottom: 5px;
   }

   .ui-datepicker .ui-datepicker-title select {
      font-size: 10px !important;
   }

   .ui-datepicker th {
      padding: 2px 0 !important;
      font-size: 8px !important;
   }

   .ui-datepicker .ui-datepicker-title {
      line-height: 1.2em !important;
      font-size: 12px !important;
      padding-bottom: 1px !important;
      padding-top: 1px !important;
   }

   .ui-datepicker .ui-datepicker-prev,
   .ui-datepicker .ui-datepicker-next {
      top: 3px !important;
      width: 1em !important;
      height: 1em !important;
   }

   .ui-datepicker .ui-datepicker-next {
      right: 7px !important;
   }

   .ui-datepicker select.ui-datepicker-month,
   .ui-datepicker select.ui-datepicker-year {
      position: relative !important;
   }

   .ui-state-default,
   .ui-widget-content .ui-state-default,
   .ui-widget-header .ui-state-default,
   .ui-button,
   html .ui-button.ui-state-disabled:hover,
   html .ui-button.ui-state-disabled:active {
      font-size: 7px !important;
   }

   .ui-datepicker td span, .ui-datepicker td a {
      padding: .1em !important;
      text-align: center !important;
   }

   .ui_tpicker_hour_slider.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content,
   .ui_tpicker_minute_slider.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content {
      height: 7px !important;
   }

   .ui-slider-horizontal .ui-slider-handle {
      top: -.45em !important;
   }

   .ui-slider .ui-slider-handle {
      height: 1.5em !important;
      width: 1.5em !important;
   }

   select:not(.applyToQcList) {
      background-position: right 0px center;
      padding-right: 0;
   }
}

@media (max-width: 576px) {

   body {
      font-size: 12px;
   }

   .pd_column_3 {
      grid-template-columns: 1fr;
   }

   .nav_box_tab tr {
      grid-template-columns: 1fr;
   }

   .radlink-flex {
      flex-wrap: nowrap;
   }

   .pd_scheduler_time_wrapper > div {
      grid-template-columns: repeat(3, 40px auto);
   }

   #rdbTable tr,
   table[id*='M_Pg_scheduleEditor'] tr {
      grid-template-columns: repeat(3, 1fr);
   }

   .ui-widget.ui-widget-content {
      width: 50% !important;
   }

   .complexdetail_checkbox_section table tr,
   .custom_field_checkbox table tr {
      grid-template-columns: auto auto;
   }

   .pd_autogrid_container.statistics_multi_checkbox_section {
      grid-template-columns: auto;
   }

   .ui-dialog .ui-dialog-content {
      padding: 10px 10px 0 10px !important;
   }

   input[type="submit"].std.popup_btn_cancel {
      margin-top: 5px;
   }

   .popup-edit-textbox .pd_popup_action_btn {
      margin-top: 10px;
   }

   .ui-dialog-title {
      padding: 0px !important;
   }
}

@media (max-width: 480px) {

   .selected-value-label {
      font-size: 12px !important;
   }

   .pd_scheduler_time_wrapper > div {
      grid-template-columns: repeat(2, 40px auto);
   }

   .ui-widget.ui-widget-content {
      width: 65% !important;
   }

   .ui-timepicker-div dl {
      margin-top: -2px !important;
   }

      .ui-timepicker-div dl dt {
         font-size: 8px !important;
      }

   .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
      font-size: 8px !important;
   }

   .ui_tpicker_hour_slider.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content,
   .ui_tpicker_minute_slider.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content {
      height: 5px !important;
   }

   .ui-slider .ui-slider-handle {
      height: 1.2em !important;
      width: 1.2em !important;
   }

   .ui-timepicker-div dl dd {
      margin: 0 10px 6px 40% !important;
   }

   .ui-datepicker .ui-datepicker-buttonpane button {
      margin: 0 .1em .4em;
      padding: .1em .3em .1em .3em;
   }
}

@media (max-width: 376px) {

   .pd_scheduler_time_wrapper > div {
      grid-template-columns: repeat(1, 40px auto);
   }

   #rdbTable tr,
   table[id*='M_Pg_scheduleEditor'] tr {
      grid-template-columns: repeat(2, 1fr);
   }

   .complexdetail_checkbox_section table tr,
   .custom_field_checkbox table tr {
      grid-template-columns: auto;
   }
}
