* {
box-sizing: border-box;
}
:root {
--main-text-color: #006699;
}
.EntityAttContainer,
.EntityAttContainer table {
width: 100%;
}
/* TOP HEADER */
#userProfileDiv {
height: 100%;
padding-top: 8px;
padding-right: 20px;
}
#M_MenuPaneCtl_imgNotifFlag {
margin-top: -5px;
}
#lblCurrentUser {
padding-left: 5px;
}
.main-title-holder {
margin-top: 10px;
width: 50%;
}
.selected-value-label {
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: bold;
color: #1A1A1A;
padding-bottom: 10px;
margin-bottom: 10px !important;
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: 3px;
}
/* ---------------------------------------------------------------- */
/* 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;
padding-left: 30px;
padding-right: 15px;
height: 100%;
width: 100%;
}
.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;
}
.main-layout-messagepanel {
display: flex;
align-items: center;
margin-bottom: 10px;
flex-shrink: 0;
}
.MessagePanelMessage {
color: #127CC8;
background-color: #ffffff;
font-weight: bold;
font-size: 12pt;
padding-bottom: 0px;
padding-top: 0px;
margin-left: 5px;
}
.maincontent {
/*display: flex;*/
flex-direction: column;
/*height: calc(100% - 140px);*/
overflow-y: hidden;
overflow-x: auto;
}
/* specific to dashboard page */
.maincontent-custom-style {
height: calc(100% - 75px) !important;
}
.maincontent-entitytabs {
height: auto;
min-height: calc(100% - 275px);
overflow: auto;
}
.commandsstrips {
display: flex;
height: auto;
align-items: center;
width: 100%;
padding-top: 15px;
}
.flexCentered {
display: inline-grid;
white-space: nowrap;
margin-bottom: 10px;
}
.flexCentered input[type="checkbox"] {
position: relative;
height: 24px;
margin-left: -50px;
margin-top: 17px;
top: -5px;
}
.flexCentered .querySimpleEditorElement {
display: contents;
}
/*scrollbar background*/
#maintable #div_contents::-webkit-scrollbar {
}
/*scrollbar button*/
#maintable #div_contents::-webkit-scrollbar-button {
}
/*scrollbar track*/
#maintable #div_contents::-webkit-scrollbar-track {
}
/*scrollbar topmost layer progross bar not covered by thumbk*/
#maintable #div_contents::-webkit-scrollbar-track-piece {
}
/*draggable scrolling element that resizes depending of scrollable elementk*/
#maintable #div_contents::-webkit-scrollbar-thumb {
}
/*scrollbar bottom corner of the scrollable element*/
#maintable #div_contents::-webkit-scrollbar-corner {
}
/*draggable resizing handle*/
#maintable #div_contents::-webkit-resizer {
}
#div_row_header > .rxTable {
display: block;
max-height: 45vh;
}
#div_row_header .rxHdr, #div_column_header .rxHdr2 {
font-size: 12px;
}
body {
font-family: 'Open Sans', sans-serif;
font-size: 12px !important;
font-weight: 400;
background: transparent;
}
.msgbox {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
overflow: auto;
max-height: 225px;
max-width: 275px;
}
#menuPaneDiv {
margin-left: 15px;
font-size: 12px;
font-weight: bold;
color: #1A1A1A;
}
#menuPaneDiv > span {
padding-left: 5px;
}
#menuPaneDiv a:link, #menuPaneDiv a:visited, #menuPaneDiv a:active {
color: #FFFFFF;
}
#menuPaneDiv a:hover {
color: #FFFFFF;
}
span#sbMinimize, span#Home, span#AddFavorites, span#Scan {
cursor: pointer;
}
.pagehead {
BACKGROUND-COLOR: White;
display: flex;
align-items: center;
height: 100%;
padding-right: 30px;
justify-content: space-between;
}
.pagehead .hyperlink {
padding-left: 20px;
margin-right: -10px;
}
.pagehead .firsthyperlink {
margin-left: auto;
}
/* ---------------------------------------------------------------- */
/* Rounded Containers/Box Style -- Login page */
/* ---------------------------------------------------------------- */
.RoundedContainerHead {
BACKGROUND-COLOR: #d6dde3;
HEIGHT: 5px;
}
.RoundedContainerTitle {
FONT-WEIGHT: bold;
FONT-SIZE: 12pt;
COLOR: #004B95;
VERTICAL-ALIGN: top;
}
.RoundedContainerContent {
color: #127CC8;
background-color: #ffffff;
FONT-WEIGHT: bold;
FONT-SIZE: 12pt;
padding-bottom: 0px;
padding-top: 0px;
}
.RoundedContainerContentSmall {
COLOR: #127CC8;
BACKGROUND-COLOR: #ffffff;
FONT-WEIGHT: bold;
FONT-SIZE: 12pt;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.RoundedContainerFoot {
BACKGROUND-COLOR: #ffffff;
VERTICAL-ALIGN: bottom;
HEIGHT: 3px;
FONT-SIZE: 3pt;
}
.Unbold {
FONT-WEIGHT: normal;
}
td.versionInfo span {
margin-top: 2px;
display: block;
}
/* ---------------------------------------------------------------- */
/* Page Formaters -- Table classes */
/* ---------------------------------------------------------------- */
.fullpageLogin {
BACKGROUND-IMAGE: url(../Images/loginbg.jpg);
/* BACKGROUND-IMAGE: url(https://www.labplus.biz/images/slider1.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%;
}
.fillcontent {
height: calc(100vh - 205px);
}
#headerzone {
background-color: white;
}
#corestructure {
}
#M_copyright {
font-size: 8pt;
text-align: center;
color: white;
text-decoration: none;
width: 100%;
clear: both;
float: left;
background-color: #819cb1;
}
#M_PnlReadOnly /*[P]Should be changed to header*/ {
clear: both;
float: left;
width: 100%;
}
#pagezone {
}
#loginformouter {
text-align: center; /*Move in the middle for IE only, FireFox and Chrome work without because of the #loginform auto*/
}
#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%;
}
#menusectiondroite {
float: right;
margin: 6px 10px 0px 0px;
}
#pagezonemiddle {
}
#M_SideBarPane {
overflow-y: auto !important;
}
table.sidebartable {
border: 0;
padding: 0;
margin: 0;
background-color: #6981da;
}
.sidebartable {
height: calc(100vh - 100px);
background-color: #ededed;
}
#pagezonepagecontent {
}
#mainplaceholder {
width: auto;
margin: 5px;
}
#M_tblEntityTabsFrame {
margin: 5px 3px 5px 5px;
}
#M_tblEntityTabs {
background-color: White;
padding: 2px;
padding-left: 7px;
margin-top: 15px;
}
.pageseparator {
width: 100%;
clear: both;
float: left;
}
/*Panel class added when error on the messagepanel*/
.messagepanelerror {
display: none;
background-color: #FDADAD;
color: #990000;
padding: 5px;
}
/* This is a hack to be able to have ROUND corner to DIV without having to
use any images. This must be replaced when CSS3 will be well implemented
on all web browser...*/
.b1f {
height: 0px;
background: white;
margin: 0 0px;
}
.b2f {
height: 0px;
background: white;
margin: 0 0px;
}
.b3f {
height: 0px;
background: white;
margin: 0 0px;
}
.b4f {
height: 0px;
background: white;
margin: 0 0px;
}
.contentf {
background: white;
overflow: hidden;
padding-left: 15px;
}
.contentf div {
margin-left: 2px;
}
.homepage {
border: 0;
height: 100%;
width: 100%;
overflow: hidden;
}
/* End of the Corner Hack*/
.Pg, .PageContent {
background-color: #e9e9e9;
}
.topleft {
VERTICAL-ALIGN: top;
TEXT-ALIGN: left;
}
.left {
TEXT-ALIGN: left;
}
.right {
TEXT-ALIGN: right;
}
.top {
VERTICAL-ALIGN: top;
}
.bottom {
VERTICAL-ALIGN: bottom;
}
.silverright {
COLOR: Silver;
TEXT-ALIGN: right;
}
.pageheadmiddle {
VERTICAL-ALIGN: middle;
WIDTH: 100%;
TEXT-ALIGN: left;
}
.pageheadright {
VERTICAL-ALIGN: middle;
TEXT-ALIGN: right;
}
#M_Pg_pnlLink {
FONT-SIZE: 14px;
line-height: 24px;
}
#M_Pg_pnlLink .menupagetxt {
FONT-SIZE: 14px;
}
.menupagetxt {
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
COLOR: Gray;
}
.rightclickableheader {
background-position: 95% 5%;
background-repeat: no-repeat;
}
.stdmargins {
margin: 5px;
}
.stdmargins10 {
margin: 10px;
}
/* Styles for ResultQueriesCrossTab.aspx */
.resultsMtdTestColumnHeader {
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
COLOR: #696969;
BACKGROUND-COLOR: #d7def8;
FONT-VARIANT: capitalize;
BORDER-BOTTOM-WIDTH: 1px;
BORDER-BOTTOM-STYLE: solid;
BORDER-BOTTOM-COLOR: #000066;
BORDER-TOP-COLOR: #000066;
BORDER-RIGHT-COLOR: #000066;
BORDER-LEFT-COLOR: #000066;
}
.resultsMtdTestColumn {
text-align: right;
width: 50px;
}
.resultsNonTestColumn {
text-align: left;
width: 100px;
}
/* End Styles for ResultQueriesCrossTab.aspx */
/* Floating footer*/
html, body, #wrap {
height: 100%;
overflow: hidden;
}
body > #wrap {
height: auto;
min-height: 99%;
}
#mainForm {
padding-bottom: 20px;
}
/* must be same height as the footer */
#footer {
position: relative;
margin-top: -20px; /* negative value of footer height */
border-top: 1px solid #8BA4B7;
height: 20px;
clear: both;
}
/*End floating footer*/
#M_Pg_pnlResultTable {
width: 100%;
overflow: hidden;
}
#M_Pg_pnlResultTable strong {
color: #1A1A1A;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
}
#M_Pg_MessageBox1_listboxMessages {
margin-top: 10px;
height: 132px;
border-radius: 4px;
}
.tblBottomOptions {
clear: both;
}
.tblBottomOptions > span,
.lblRecordCount {
font-weight: bold;
font-size: 12px;
font-family: "Raleway" sans-serif;
}
.tblBottomOptions,
.lblRecordCount {
margin-top: 5px;
}
/* ---------------------------------------------------------------- */
/* Basic Styles -- Links */
/* ---------------------------------------------------------------- */
A {
FONT-WEIGHT: bold;
FONT-SIZE: 14px;
TEXT-DECORATION: underline;
}
A:link, A:visited, A:active {
FONT-SIZE: 12px !important;
TEXT-DECORATION: underline;
COLOR: #006699;
}
A:hover {
FONT-SIZE: 12px;
TEXT-DECORATION: underline;
COLOR: #004dea;
}
A.linkcopyright {
FONT-SIZE: 8pt;
COLOR: #FFFFFF;
TEXT-ALIGN: center;
TEXT-DECORATION: none;
}
A.linkcopyright:link, A.linkcopyright:visited {
COLOR: #FFFFFF;
TEXT-DECORATION: none;
}
A.linkcopyright:hover {
COLOR: #000000;
TEXT-DECORATION: none;
}
/* ---------------------------------------------------------------- */
/* Basic Styles -- HTML */
/* ---------------------------------------------------------------- */
TD {
FONT-SIZE: 12px;
}
P {
FONT-SIZE: 11px;
margin-bottom: 0px;
}
H1 {
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
COLOR: #006699;
FONT-VARIANT: capitalize;
BORDER-SPACING: 0px;
MARGIN: 0px;
PADDING: 0px;
}
H2 {
FONT-SIZE: 20px;
FONT-WEIGHT: normal;
COLOR: #527ECE;
}
TFOOT, THEAD, TBODY {
FONT-SIZE: 12px;
COLOR: #006699;
PADDING: 0 0 0 0;
}
LI {
list-style-type: none;
}
fieldset {
border: solid 1px black;
padding: 10px;
}
legend {
background: white;
padding: 6px;
font-family: 'Raleway', sans-serif;
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: 12px;
FONT-WEIGHT: bold;
COLOR: #006699;
FONT-VARIANT: capitalize;
}
.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;
}
.contentCellFixDetail {
VERTICAL-ALIGN: top;
PADDING-TOP: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
HEIGHT: 300px;
}
.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', sans-serif;
}
.stdBold, .standardBoldText {
FONT-WEIGHT: 700;
FONT-SIZE: 0.9em;
COLOR: #000000;
}
.largerBold, .largerBoldText {
FONT-WEIGHT: bold;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 1.1em;
COLOR: #000000;
}
.biggerBoldText {
FONT-WEIGHT: 700;
FONT-SIZE: 1.5em;
COLOR: #000000;
}
.smallLabelText {
FONT-SIZE: 0.8em;
COLOR: #000000;
}
.smallNumericText {
FONT-SIZE: 0.9em;
FONT-WEIGHT: 700;
COLOR: #000000;
TEXT-ALIGN: left;
}
/* ---------------------------------------------------------------- */
/* NAVIGATION */
/* ---------------------------------------------------------------- */
.tabInactive {
FONT-SIZE: 0.7em;
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;
FONT-VARIANT: capitalize;
}
.tabActive {
FONT-SIZE: 0.7em;
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;
FONT-VARIANT: capitalize;
}
.OtherTabs {
FONT-WEIGHT: normal;
FONT-SIZE: 8.0pt;
COLOR: #333333;
TEXT-DECORATION: none;
FONT-VARIANT: capitalize;
}
A.OtherTabs:link, A.OtherTabs:visited, A.OtherTabs:active {
FONT-SIZE: 8.5pt;
TEXT-DECORATION: none;
COLOR: #006699;
}
A.OtherTabs:hover {
FONT-SIZE: 8.5pt;
TEXT-DECORATION: none;
COLOR: #cccccc;
}
.DomainTabActive,
.DomainTabInactive,
.adminTabActive,
.adminTabInactive {
padding: 10px 20px;
border: 1px solid #CCCCCC;
}
.DomainTabActive,
.adminTabActive {
box-shadow: inset 0 -2px 0 0 #CCCCCC, inset 1px 0 0 0 #CCCCCC;
}
.DomainTabActive A:link, .DomainTabActive A:visited,
.DomainTabInactive A:link, .DomainTabInactive A:visited,
.adminTabActive A:link, .adminTabActive A:visited,
.adminTabInactive A:link, .adminTabInactive A:visited {
color: #0066CC;
text-decoration: none;
font-size: 12px !important;
font-weight: 400;
}
.DomainTabInactive,
.adminTabInactive {
}
.DomainTabActive A:hover,
.DomainTabInactive A:hover,
.adminTabActive A:hover,
.adminTabInactive A:hover {
color: #00478F;
}
.DomainTabHidden {
DISPLAY: none;
}
.tblEntityTabs {
margin-bottom: 15px;
}
/* ---------------------------------------------------------------- */
/* Grid Styles */
/* -----------------------------------------------------------------*/
.rxTable {
table-layout: auto;
}
#maintable {
display: block;
overflow: hidden;
}
.rxCell {
min-width: 180px;
height: 37px;
min-height: 37px;
padding: 0px;
}
.rxCell input {
margin-left: 2px;
}
.rxHdr {
FONT-WEIGHT: bold;
COLOR: #696969;
BACKGROUND-COLOR: #d7def8;
BORDER-BOTTOM-WIDTH: 1px;
BORDER-BOTTOM-STYLE: solid;
BORDER-BOTTOM-COLOR: #000066;
BORDER-TOP-WIDTH: 1px;
BORDER-TOP-STYLE: solid;
BORDER-TOP-COLOR: #000066;
BORDER-RIGHT-WIDTH: 1px;
BORDER-RIGHT-STYLE: solid;
BORDER-RIGHT-COLOR: #000066;
BORDER-LEFT-WIDTH: 1px;
BORDER-LEFT-STYLE: double;
BORDER-LEFT-COLOR: #000066;
OVERFLOW: hidden;
WHITE-SPACE: nowrap;
}
.rxHdr-NonConformity {
HEIGHT: 55px;
}
.rxHdr A:active, .rxHdr A:link, .rxHdr A:visited, .rxHdr td {
FONT-SIZE: 9px;
COLOR: #696969;
TEXT-DECORATION: none;
}
.rxHdr A:hover {
COLOR: #cc0000;
TEXT-DECORATION: none;
}
.rxHdr2 {
border-spacing: 10px;
FONT-WEIGHT: bold;
HEIGHT: 36px;
COLOR: #696969;
BACKGROUND-COLOR: #d7def8;
OVERFLOW: hidden;
BORDER-BOTTOM-WIDTH: 1px;
BORDER-BOTTOM-STYLE: solid;
BORDER-BOTTOM-COLOR: #000066;
BORDER-TOP-WIDTH: 1px;
BORDER-TOP-STYLE: solid;
BORDER-TOP-COLOR: #000066;
BORDER-RIGHT-WIDTH: 1px;
BORDER-RIGHT-STYLE: solid;
BORDER-RIGHT-COLOR: #000066;
BORDER-LEFT-WIDTH: 1px;
BORDER-LEFT-STYLE: double;
BORDER-LEFT-COLOR: #000066;
padding: 0px;
margin: 0px;
}
.rxHdr2-NonConformity {
height: 55px;
}
.rxHdr2 A:active, .rxHdr2 A:link, .rxHdr2 A:visited, .rxHdr2 td {
FONT-SIZE: 9px;
COLOR: #696969;
TEXT-DECORATION: none;
}
.rxHdr2 A:hover {
COLOR: #cc0000;
TEXT-DECORATION: none;
}
.rxIt {
BORDER-RIGHT: #696969 1px solid;
BORDER-TOP: #696969 1px solid;
BORDER-LEFT: #696969 1px double;
BORDER-BOTTOM: #696969 1px solid;
text-align: left;
vertical-align: middle;
padding: 0px;
}
.rxIt-NonConformity {
height: 55px;
}
.gridSideHeader {
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
COLOR: #696969;
BACKGROUND-COLOR: #4392E0;
BORDER-BOTTOM-WIDTH: 1px;
BORDER-BOTTOM-STYLE: solid;
BORDER-BOTTOM-COLOR: #000066;
}
/*---------------------------------------------------*/
th {
FONT-WEIGHT: bold;
BACKGROUND-COLOR: #FFFFFF;
POSITION: sticky;
top: 0;
border-collapse: separate;
padding: 6px;
color: #1A1A1A;
font-weight: bold;
}
.gridHeader {
FONT-WEIGHT: bold;
POSITION: sticky;
COLOR: #1A1A1A;
font-family: 'Raleway', sans-serif !important;
font-size: 12px !important;
background-color: #FFFFFF !important;
text-align: center !important;
font-weight: bold !important;
}
.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 {
padding-left: 10px;
padding-right: 10px;
vertical-align: middle !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 12px !important;
font-weight: 400 !important;
}
tr.gI > td input:not(input[type="image"]),
tr.gI > td select,
tr.gI > td textarea {
width: 98%;
padding: 5px;
min-width: 100px;
}
tr.gI > td input[type="text"] {
width: 90% !important;
}
.scrollable tr:nth-child(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;
}
table.collapse {
text-align: center;
border-collapse: collapse;
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 {
/* For cells, apply the border to one of each side only (right but not left, bottom but not top) */
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
padding: 5px;
}
table.collapse > tbody > tr > th:first-child,
table.collapse > tbody > tr > td:first-child {
/* Apply a left border on the first | or | in a row */
}
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;
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;
}
.gridHeaderPermissionLink {
font-variant: normal;
text-decoration: underline !important;
}
.gridFirstItem, .gFI {
PADDING: 10px;
MARGIN: 1px;
}
.gridItem, .gI {
PADDING: 10px;
MARGIN: 1px;
vertical-align: top;
font-size: 12px;
color: #1A1A1A;
position: relative;
z-index: -1;
}
.gridItem a {
color: #1A1A1A !important;
font-weight: normal;
text-decoration: none !important;
}
.gridItemHrc, .gI {
PADDING: 10px;
MARGIN: 1px;
vertical-align: top;
font-size: 12px;
color: #1A1A1A;
position: relative;
}
.gridItemEmpty, .gIE {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 0px;
MARGIN: 0px;
background-color: Silver;
}
.gridLastItem, .gLI {
PADDING: 10px;
MARGIN: 1px;
}
.gridCenterItem {
PADDING: 10px;
MARGIN: 1px;
text-align: center;
vertical-align: middle;
}
.spParamatersTable {
border: #9f9f9f 1px solid;
}
.gridUnderTab {
margin-top: 10px;
}
.unitControl {
margin-left: 5px;
margin-right: 5px;
}
/* ---------------------------------------------------------------- */
/* Scrollable Grid Styles */
/* -----------------------------------------------------------------*/
div.pagelistscrollable {
height: 100%;
overflow: auto;
}
div.pagelistscrollable table {
position: relative;
z-index: 0;
}
div.quarterlistscrollable {
max-height: 60vh;
overflow: auto;
}
div.editLocation {
display: block;
position: absolute;
left: 10%;
top: 25%;
width: 350px;
height: auto;
min-height: 15%;
border: solid 1px black;
background-color: #819cb1;
}
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: 11px;
COLOR: #215dc6;
line-height: 20px;
vertical-align: middle;
TEXT-DECORATION: none;
}
.radlink {
padding: 0px 6px;
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
line-height: 16px;
vertical-align: middle;
TEXT-DECORATION: none;
}
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;
}
/*--------------------*/
.outlookMainFrame {
background-color: #c4dafa;
border: solid 1px #002d96;
}
.outLookTopCell {
height: 24px;
background-repeat: repeat-x;
font-weight: 700;
font-size: 14px;
color: Black;
cursor: default;
padding-left: 4px;
}
.outLookOpenMessageCell {
border: solid 1px #002d96;
background-color: #fff;
}
.messageSeparator {
width: 100%;
height: 1px;
}
.messageScroll {
height: 285px;
overflow: scroll;
}
.msgTxt {
font-size: 11px;
}
.OutlookHeader {
font-size: 11px;
border-bottom: 3px solid #D2CFBE;
font-weight: normal;
BORDER-right: 2px inset white;
padding-left: 5px;
}
.OutlookHeader A {
color: black;
text-decoration: none;
}
.GroupHeaderItem TD {
border-bottom: 2px solid #7BA4E0;
font-size: 12px;
cursor: default;
background-color: white;
}
.OutlookItem TD {
border-bottom: 1px solid #EAE9E1;
font-size: 11px;
background-color: white;
}
.Pager {
border-top: 1px solid #7BA4E0;
font-size: 11px;
}
.Pager A {
color: black;
}
.ContentPane {
BORDER-RIGHT: #808080 5px solid;
BORDER-TOP: #808080 5px solid;
BORDER-LEFT: #808080 5px solid;
BORDER-BOTTOM: #808080 5px solid
}
.contactTitle {
background-color: Maroon;
}
.fullWidth {
width: 100%;
}
/****************** Auto complete class *****************/
.autocomplete_completionListElement {
visibility: hidden;
margin: 0px !important;
background-color: inherit;
color: windowtext;
border: buttonshadow;
border-width: 1px;
border-style: solid;
cursor: default;
overflow: auto;
max-height: 200px;
text-align: left;
list-style-type: none;
z-index: 1111;
}
.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;
}
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem {
background-color: Highlight;
color: White;
padding: 1px;
z-index: 1111;
}
/* AutoComplete item */
.autocomplete_listItem {
background-color: window;
color: windowtext;
padding: 1px;
}
/************************ Fin de l'autocomplete ********************************/
/* Class for formatting the Structure into a Left Column that can be fix in Width (menu)
Some JavaScript in gui.js is used to make appear or disappear this menu. This code has
been taken in most part from Internet. These class could be place in ID of the structure
but has not been done in case some movement of Control could occur in the future.
*/
.colmask {
position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
clear: both;
float: left;
width: 100%; /* width of whole page */
overflow: hidden; /* This chops off any overhanging divs */
}
/* 2 column left menu settings */
.leftmenu {
background: #6981DA;
}
.leftmenu .colright {
float: left;
width: 200%;
position: relative;
left: 0px;
background: #7788aa;
}
.leftmenu .col1wrap {
float: right;
width: 50%;
position: relative;
right: 0px;
padding-bottom: 1em;
}
.leftmenu .col1 {
margin: 0 15px 0 0px;
position: relative;
right: 100%;
overflow: hidden;
}
.leftmenu .col2 {
float: left;
width: 170px;
position: relative;
right: 170px;
}
/* End Structure Classes */
/*The number of record in an Entity Grid*/
.lblRecordCount {
float: right;
clear: both;
text-align: right;
}
/***********************************************/
/* SectionTitle.ascx */
/***********************************************/
#sectiontitleoverall {
padding: 0;
margin: 0;
margin-left: 5px;
margin-right: 5px;
}
#sectiontitleoverall img {
border: 0;
padding: 0;
margin: 0;
}
#sectiontitleoverall .beginningsection {
float: left;
padding: 0;
margin: 0;
}
#sectiontitleoverall .textsection {
float: left;
padding: 0;
margin: 0;
padding-top: 3px;
padding-bottom: 5px;
}
#sectiontitleoverall .textsection2 {
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 12px;
line-height: 1.6;
color: #004B95;
border-bottom: #004B95 dashed 1px;
padding-top: 10px;
}
#sectiontitleoverall .middlesection {
float: left;
padding: 0;
margin: 0;
margin-right: -5px;
}
#sectiontitleoverall .rightsection {
float: right;
padding: 0;
margin: 0;
margin-left: -5px;
}
#sectiontitleoverall .backgroundsection {
padding: 0;
margin: 0;
padding-top: 3px;
padding-bottom: 9px;
background-repeat: repeat-x;
}
/* End SectionTitle.ascx css*/
/*This let the count to be under the grid in IE8. See Audit.ascx*/
#M_ctlEntityTabs_ctlContent_ctlEntityGrid_lblRecordCount {
display: block;
clear: both;
}
/*---- Sub Menu : Comment ----*/
/* COMMENT TABLE */
.pnlDetail {
margin-bottom: 26px;
}
a.CommentAuditLink {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
color: #0066CC;
text-decoration: none;
float: right;
margin-top: 17px;
margin-right: 10px;
}
a.CommentAuditLink:hover {
color: #00478F;
}
.CommentGrid {
border-collapse: collapse;
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', sans-serif;
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: 7px;
}
.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;
}
.LblCommentDisplay {
position: relative;
top: -8px;
}
.EditCommentTextArea {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
color: #1A1A1A;
margin-left: 10px;
min-width: 98%;
max-width: 98%;
padding: 10px;
}
/*On Grid when a check box is checked*/
.highlightTableRow {
background-color: #F8F9E7;
}
/***********************************************/
/* QueryFilter.ascx */
/***********************************************/
/*Create a light border effect and round the corner*/
div.queryfilter {
margin-left: 0px;
margin-right: 4px;
}
#DataQueryFilterContainer,
.queryFilterContainer {
margin-bottom: 20px;
}
#DataQueryFilterContainer {
display: grid;
grid-template-columns: auto auto;
border: 1px solid #999999;
border-radius: 4px;
padding: 15px 15px 7.5px 15px;
}
#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 #999999;
border-radius: 4px;
display: flex;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
padding: 15px 15px 7.5px 15px;
}
.QueryFilterElem label,
.QueryFilterElem span {
display: block;
color: #1A1A1A;
font-size: 12px !important;
font-family: 'Open Sans', sans-serif;
font-weight: 700 !important;
}
.QueryFilterElem .std,
.flexCentered input {
border: 1px solid #999999;
border-radius: 4px;
margin-top: 5px;
margin-bottom: 5px;
}
.QueryFilterElem textarea {
height: 23px !important;
max-width: 62.5vw !important;
}
.QueryFilterElem > div:first-child {
margin-top: 1px;
margin-right: 15px;
}
.QueryFilterElem select,
.QueryFilterElem input:no-button,
.flexCentered input {
min-width: 200px !important;
padding: 2.5px;
color: #1A1A1A;
font-size: 12px !important;
font-family: 'Open Sans', sans-serif;
}
.QueryFilterBtn {
margin-top: 19px;
width: 76px !important;
font-weight: normal !important;
line-height: 0 !important;
letter-spacing: normal !important;
border-radius: 4px !important;
background-color: #0066CC !important;
border: 1px solid #0066CC !important;
color: #FFFFFF !important;
font-size: 12px !important;
padding: 11px 10px !important;
font-family: 'Open Sans', sans-serif !important;
cursor: pointer !important;
}
.QueryFilterBtn:hover {
background-color: #00478F !important;
}
.QueryDefaultBtn {
margin-top: 20px;
color: #0066CC !important;
line-height: 0 !important;
letter-spacing: normal !important;
background-color: #FFFFFF !important;
text-decoration: underline !important;
font-size: 12px !important;
padding: 11px 10px !important;
font-family: 'Open Sans', sans-serif !important;
cursor: pointer !important;
border: none !important;
}
.QueryDefaultBtn:hover {
color: #00478F !important;
}
.QueryFilterBtn,
.QueryDefaultBtn {
margin-right: 20px;
}
.LastQueryFilterBtn {
margin-right: 0 !important;
}
.RightOperatorElem {
font-style: italic;
font-weight: 100 !important;
}
.queryfilterpanel tr {
display: inline-flex;
flex-wrap: wrap;
}
.queryfilterpanel td {
margin-right: 15px;
}
.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_pnlQueryFilter {
margin-top: 7.5px;
}
#M_lstTabs_lstTabs,
#M_ctlEntityTabs_lstTabs {
margin-bottom: 7.5px;
}
/**************************************** End of QueryFilter.aspx ***********************************************/
/**** Start grid selection checkboxes ****/
.pnlSelectChoices {
position: absolute;
z-index: 20;
display: none;
}
/**** End grid selection checkboxes ****/
.btnToCsv {
background-color: #004B95;
border: 1px solid #b4b4b4;
color: #FFF !important;
font-size: 14px;
line-height: 30px;
padding: 0 15px;
}
input[type="button"] {
background-color: #004B95;
border: 1px solid #b4b4b4;
color: #FFF !important;
font-size: 11px !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', sans-serif !important;
cursor: pointer !important;
}
.template [data-testid="stdDone"]:hover,
.template [data-testid="stdSave"]:hover,
.template [data-testid="stdCancel"]:hover {
background-color: #F7F7F7 !important;
}
.template [data-testid="stdSave"] {
margin-bottom: -10px;
}
.template [data-testid="stdCancel"] {
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 !important;
font-family: 'Open Sans', sans-serif !important;
cursor: pointer !important;
}
[data-testid="stdDone"] {
margin-left: 15px;
}
[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 {
font-weight: normal !important;
line-height: 0 !important;
border-radius: 4px !important;
background-color: #0066CC !important;
border: 1px solid #0066CC !important;
color: #FFFFFF !important;
font-size: 12px !important;
padding: 11px 10px !important;
font-family: 'Open Sans', sans-serif !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 {
background-color: #00478F !important;
color: #FFFFFF !important;
border-color: #00478F !important;
}
[data-testid="stdCancel"] {
margin-left: 15px !important;
font-weight: normal !important;
line-height: 0 !important;
border-radius: 4px !important;
background-color: #0066CC !important;
border: 1px solid #0066CC !important;
color: #FFFFFF !important;
font-size: 12px !important;
padding: 11px 10px !important;
font-family: 'Open Sans', sans-serif !important;
cursor: pointer !important;
}
[data-testid="stdCancel"]:hover {
background-color: #00478F !important;
color: #FFFFFF !important;
border-color: #00478F !important;
}
input[type="submit"]:disabled {
display: none;
}
.searchAttributeListHighlight {
background-color: Yellow;
}
.samplesLabelsLabels {
color: #127CC8;
FONT-WEIGHT: bold;
FONT-SIZE: 10pt;
}
.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;
}
.btnToExcel {
margin-left: 10px;
margin-right: 10px;
}
.addCommentPanelSecondPart {
margin-bottom: 20px;
}
.labelAttribute {
display: inline-block;
margin: 10px 50px 10px 5px;
}
.dropDownListAttribute {
margin: 5px 0px 5px 0px;
}
.width100pct {
width: 100%;
}
.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: 1.5em;
}
.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%;
}
/* New visual for dialog pop-up overriding jquery .ui-dialog */
#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;
}
div.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable {
width: auto !important;
}
div.ui-dialog-content.ui-widget-content {
max-height: 600px !important;
}
.ui-dialog {
padding: 0 !important;
}
.ui-dialog-title {
padding: 10px !important;
font-size: 12px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: none;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: center;
}
.dialogTextMargin {
margin-top: 75px;
}
.okButton {
margin-right: 170px !important;
}
.ui-dialog-titlebar {
background-color: #0066CC !important;
background-image: none;
color: #1A1A1A;
}
.ui-dialog .ui-dialog-content {
padding: 30px 30px 25px 30px !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', sans-serif;
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-icon.ui-icon.ui-icon-closethick {
background-image: url(../JavaScripts/jquery-ui-1.12.1.custom/images/ui-icons_ffffff_256x240.png)
}
.ui-button-icon.ui-icon.ui-icon-closethick:focus {
outline: none;
}
iframe#dialogiframe {
border: none;
}
/* Popup Apply QC Plan */
.RadDockableObjectCommandButton img {
display: none !important;
}
table[id*="_cblQcPlans"] {
margin-left: -6px !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;
}
/* New visual for pop-ups overriding jquery Framework RadDockableObject RadWWrapper and RadWTitle */
.RadDockableObjectInnerContainer select {
width: 427px !important;
font-size: 12px !important;
font-family: 'Open Sans', sans-serif !important;
color: #1A1A1A !important;
padding: 3.5px !important;
border: 1px solid #999999 !important;
border-radius: 4px !important;
}
.RadDockableObjectInnerContainer .rad_row_spacer {
margin-bottom: 10px;
}
.RadDockableObjectFixed {
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: 'Raleway', sans-serif !important;
font-size: 12px !important;
color: #FFFFFF !important;
font-weight: bold !important;
padding: 10px !important;
background-color: #0066CC !important;
height: 32px;
}
.RadDockableObjectInnerContainer {
background: #FFFFFF !important;
border: unset !important;
padding: 20px !important;
}
.RadDockableObjectInnerContainer tr {
display: grid;
}
.popup_align_elem {
display: -webkit-box;
}
.popup_align_elem input[type="checkbox"] {
margin-top: 0;
margin-right: 10px;
}
.popup_align_elem .pd_input {
margin-left: -25px;
}
.popup_action_btn_flex {
display: flex;
gap: 10px;
justify-content: center;
}
.pd_popup_action_btn {
display: grid;
grid-template-columns: 25% 25% 25% 25%;
margin-top: 5px;
}
.pd_popup_action_btn .pd_cell_form_group {
display: grid !important;
}
.pd_popup_action_btn .pd_cell_form_group:has(.popup_btn_view) {
grid-column: 2 !important;
}
.pd_popup_action_btn .pd_cell_form_group:has(.popup_btn_cancel) {
grid-column: 3 !important;
}
.popup_btn_view {
margin-right: 7.5px;
}
.popup_btn_cancel {
margin-left: 7.5px;
}
.popup_close_btn_container {
position: absolute;
top: 11px;
right: 12px;
}
.popup_close_btn {
font-family: 'Open Sans', sans-serif;
font-size: 16px !important;
font-weight: bold !important;
color: #FFFFFF !important;
text-decoration: none !important;
cursor: pointer !important;
border: none !important;
background: none !important;
}
.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;
}
.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: 12px !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;
}
.tdTextContrainer {
display: flex;
min-height: 100%;
max-height: 5.5rem;
align-items: center;
overflow: clip;
}
.tdTextContainer2 {
display: flex;
align-items: center;
height: 100%;
padding: 0.25rem;
}
.tdText {
margin-top: auto;
margin-bottom: auto;
}
.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 {
padding-bottom: 20px;
display: grid;
grid-template-rows: auto 25px 30px 1fr;
overflow: hidden;
align-self: flex-start;
}
.entitySelectorOverflowDiv {
grid-column: 1/span 2;
grid-row: 1;
overflow: hidden;
}
.tdCenteredPaddedV {
vertical-align: middle;
padding-left: 5px;
padding-right: 5px;
}
#M_Pg_ctlEntityGridCust_pnlOptions {
height: 20px;
}
.autoCompleteContainer {
position: relative;
width: fit-content;
}
.autoCompleteInputBox {
background: url(../Images/Icons/magnifying-glass.svg) no-repeat left;
background-size: 15px;
background-position: 5px;
padding-left: 25px !important;
margin-left: -4px;
margin-top: -4px;
z-index: 99;
width: 100%;
}
.completionChoices {
display: none;
position: absolute;
z-index: 9999;
background: #FFFFFF;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
max-height: 200px;
overflow-y: auto;
padding: 5px;
width: 100%;
}
.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;
margin-top: 5px;
background-color: #FFFFFF;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
color: #0066CC;
border: none;
}
.visualizeButton:hover {
cursor: pointer;
color: #00478F;
text-decoration: underline;
}
.visualizeButton:active {
color: #002142;
}
.flexNoWrap {
display: flex;
flex-wrap: nowrap;
}
.refDiv {
display: inline-flex;
align-items: center;
}
.flexCenteredVertically {
display: flex;
}
.flexboxVCenteredRaligned {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
}
.textAreaPopUpDiv {
height: 20rem;
width: 35rem;
}
.savedButtonsPopupDiv {
height: 2.5rem;
width: 35rem;
}
.flexColumnCentered {
display: inline-flex;
flex-direction: column;
}
.labelAndInput {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.standardCheckBox {
font-size: 1.1em;
color: #000000;
display: flex;
align-items: center;
height: 1.5rem;
}
.mainTextFont {
font-size: 0.75rem;
color: var(--main-text-color);
}
.textBoxWithLabel {
margin-left: 0.25rem;
}
.standardCheckBox {
font-size: 1.1em;
color: #000000;
display: flex;
align-items: center;
height: 1.5rem;
}
.testHeaderCell {
display: flex;
height: 100%;
width: 100%;
border-top: 0px;
}
.resultTable_mainTable {
border-collapse: collapse;
}
.resultTable_mainTable th {
border: 1px solid #CCCCCC;
}
.resultTable_mainTable td {
border: 0.5px solid #CCCCCC;
padding-top: 5px;
padding-bottom: 5px;
}
.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) {
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) {
background-color: #F2F2F2 !important;
}
.resultTable_mainTable input[type="text"] {
padding: 12px 10px;
width: 184px !important;
font-size: 12px;
font-weight: bold;
font-family: 'Raleway', sans-serif;
border-radius: 4px;
border: 1px solid #999999;
}
.resultTable_editableCellContent select {
margin-left: 8px;
width: 184px !important;
padding: 5px 10px;
font-size: 12px;
font-weight: normal;
color: #1A1A1A;
border: 1px solid #999999;
border-radius: 4px;
}
.resultTable_mainTable .hasDatepicker {
padding-top: 4.5px !important;
padding-bottom: 4.5px !important;
}
.resultTable_mainTable input[type="checkbox"] {
width: 16px;
height: 26px;
margin-left: 8px;
}
.ResultAttachImg {
width: 25px !important;
height: 25px !important;
}
.newResultTabel_Cell {
height: 40px;
width: 180px;
padding: 0;
text-align: center;
color: #1A1A1A;
font-size: 12px;
}
.resultTable_testRowHeader {
height: 100%;
width: 100%;
}
.resultTable_testHeaderDiv {
height: 100%;
width: 100%;
display: flex;
align-items: center;
border: 0px;
}
.resultTable_testCaptionDiv {
display: inline-block;
height: 100%;
border: solid 1px;
min-width: 180px;
}
.resultTable_commandColumnDiv {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
}
.resultTable_checkboxColumnDiv {
display: inline-flex;
height: 100%;
width: 37px;
align-items: center;
justify-content: center;
border: solid 1px;
margin-left: 5px;
}
.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 {
width: 31px;
height: 31px;
border: none;
padding: 3px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
margin: 4px 2px;
border-radius: 25%;
}
.resultTable_CommandColumnIconDisabled {
width: 31px;
height: 31px;
border: none;
padding: 3px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 12px;
margin: 4px 2px;
border-radius: 25%;
}
.resultTable_HideablePanel {
height: 100%;
width: 100%;
display: flex;
align-items: center;
}
.resultTable_ResultCell {
display: flex;
align-items: center;
}
.resultTable_ResultCellIcon {
width: 31px;
height: 31px;
}
.resultTable_CommandColumnIcon.resultTable-LastIcon {
margin-top: 7px;
margin-left: 5px;
background-color: #0066CC;
width: 25px !important;
height: 25px !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: 31px;
height: 31px;
}
.resultTable_editableCellContent {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
span.resultTable_keepResult {
display: flex;
}
span.resultTable_keepResult label {
margin-top: 10px;
margin-left: 5px;
margin-right: 5px;
}
.resultTable_resultCellInput {
margin-left: 0.5rem;
}
.resultTable_optionsPanel {
display: flex;
flex-wrap: nowrap;
margin-left: auto;
}
.resultTable_readOnlyResult {
}
.resultTable_readOnlyContent {
display: flex;
align-items: center;
}
.resultTable_OrientationListBox {
border: none;
overflow: hidden;
width: 10rem;
border: solid 1px;
display: none;
}
#resultgridMessageDiv {
margin-top: 20px;
margin-bottom: 20px;
}
#ddlResultTableView {
width: 227px !important;
padding: 10px;
color: #1A1A1A;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
font-size: 12px;
border: 1px solid #999999;
border-radius: 4px;
}
.localizedStringBtn {
display: inline-block;
align-self: flex-start;
margin-top: -5px;
}
.localizedStringTextBox {
min-width: 12rem;
margin-bottom: 0.25rem;
}
.labelMarginLeft {
margin-left: 4px;
}
.dialogNoTitle {
box-shadow: none !important;
border: none !important;
font-size: 12px !important;
background: transparent !important;
}
.dialogNoTitle .ui-dialog-titlebar {
display: none;
}
.custodyFromLegendLabel {
color: white;
margin-left: 2rem;
}
.custodyLegend {
display: flex;
justify-items: right;
width: 15rem;
background-position-x: 0.5rem;
background-position-y: center;
background-color: #006699;
background-repeat: no-repeat;
background-size: 1.25rem 1.25rem;
}
.custodyFromUser {
background-image: url("../Images/Icons/custody_from_user.svg");
}
.custodyToUser {
background-image: url("../Images/Icons/custody_to_user.svg");
}
.custodyGear {
background-image: url("../Images/Icons/custody_gear.svg");
}
.custodyComment {
background-image: url("../Images/Icons/custody_comment.svg");
}
.custodyRow {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.custodyLabel {
font-size: 1rem;
margin-bottom: 0.5rem;
}
.custodyTextBox {
margin-bottom: 0.5rem;
height: 1.5rem;
font-size: 1rem;
}
.custodyDropDown {
height: 1.5rem;
font-size: 1rem;
}
.custodyComment {
height: 5rem;
width: 38rem;
}
.custodyButtons {
display: flex;
flex-wrap: nowrap;
justify-content: flex-end;
margin-top: 1rem;
margin-bottom: 1rem;
}
.cancelButton {
margin-left: 1rem;
}
.entityDetailsWidth100pct {
width: 100%;
}
.upperEntityDetails {
margin-top: 1rem;
}
.detailsText {
font-size: 12px;
color: #006699;
}
.hiddenFieldSet {
border: none;
padding: 0;
margin: 0;
}
.hiddenFieldSet legend {
display: none;
}
#M_Pg_pnlChecklist fieldset {
display: inline-block;
}
.scrollable {
position: relative;
z-index: 0;
}
.scrollable table {
position: relative;
z-index: 0;
}
.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;
}
/* Accessibilty popup */
.skip-to-content {
position: absolute;
top: -40px;
left: 0;
background: #004B95 !important;
color: #fff !important;
padding: 8px;
z-index: 100;
transition: top 0.3s;
}
.skip-to-content:focus {
top: 0;
}
.customFieldsBooleanCheckboxesLayout {
display: inline-grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(6, 1fr);
}
.lnkAudit {
font-size: 12px;
cursor: pointer;
}
/* QrChainOfCustody.aspx */
.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;
}
/* END QrChainOfCustody.aspx */
.visually-disabled {
color: #a0a0a0;
pointer-events: none;
cursor: not-allowed;
}
/* Table tr td th */
#M_Pg_ctlEntityGrid_grdEntities {
border-collapse: collapse;
}
#M_Pg_ctlEntityGrid_grdEntities tr {
border: 0.5px solid #CCCCCC !important;
}
#M_Pg_ctlEntityGrid_grdEntities td {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
}
.gridItemHrc,
.gI:first-of-type {
background-color: #FFFFFF;
}
.gridItemHrc,
.gI:nth-of-type(2) {
background-color: #F2F2F2;
}
.gridItemHrc,
.gI:nth-of-type(odd) {
background-color: #FFFFFF;
}
.gridItemHrc,
.gI:nth-of-type(even) {
background-color: #F2F2F2;
}
tr.gI.selected {
background-color: #FBEFDF !important;
}
tr.gI > td > img {
padding-left: 8px !important;
padding-top: 5px !important;
}
/* when editing a table row */
#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"] {
height: 22px;
width: 22px;
}
#M_Pg_ctlEntityGrid_grdEntities textarea {
padding: 5px;
width: 90% !important;
margin: 8px 8px 5px 8px;
height: 28px !important;
font-family: 'Open Sans', sans-serif;
}
#M_Pg_ctlEntityGrid_grdEntities > tbody > tr > td {
}
#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 {
margin-right: 10px;
color: #1A1A1A;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: normal;
}
#M_commandsstrips > div > table > tbody > tr > td > span > div > label:hover {
margin-right: 10px;
color: #004B95;
text-decoration: underline;
cursor: pointer;
}
ul.vertical {
border-radius: 4px;
box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1);
}
/* Table List Pager */
.pager-container {
margin-top: -20px !important;
float: right;
width: auto;
padding-bottom: 10px;
display: flex;
}
.pager-line-number,
.pager-goto-page {
margin-top: -13px;
}
.pager-container .pager-item > a {
padding: 6px 10px 6px 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: 10pt !important;
text-decoration: none !important;
}
.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 > 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;
}
.pager-item.pager-goto-page {
display: flex;
align-items: center;
margin-left: 35px;
margin-right: 5px;
}
.pager-item.pager-goto-page > div {
display: flex;
flex-direction: column;
}
.pager-item.pager-btn-confirm {
flex: 1;
}
.pager-item-number > a {
margin-top: 4px;
}
.pager-item-number > a:not(:last-child) {
margin-right: 5px;
}
[id*=_EnterPageNum] {
width: 50px;
margin-top: 17px;
padding: 6px;
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 {
margin-top: 8px;
border-radius: 4px;
padding: 4.5px;
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: 5px;
border: none;
font-size: 12px;
}
input[type="submit"].pager-btn-enabled {
background-color: #0066CC !important;
color: #FFFFFF !important;
cursor: pointer !important;
}
.pager-lbl-item-per-page {
margin-left: 5px;
color: #1A1A1A;
font-size: 12px;
font-family: 'Open Sans';
}
.pager-select-ui {
margin-right: 35px !important;
width: 55px;
margin-left: 5px;
margin-top: 4px;
padding: 6.5px;
border-radius: 4px;
border: 1px solid #CCCCCC;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 600;
font-style: normal;
}
/* cheat css for pager-container in Operations > Methods > Tests */
#M_Pg_ctlEntityGrid_ctlPager_tblPager {
/* margin-top: 31px !important;*/
}
#M_Pg_ctlEntityGrid_pnlOptions {
margin-top: 9px;
}
/* FORMS */
.pd_row {
margin-left: 0;
padding-left: 0;
margin-top: 1px;
clear: left;
min-width: 450px;
}
.pd_cell {
float: left;
margin-top: 2px;
margin-bottom: 0px;
margin-right: 0px;
padding-left: 0px;
padding-top: 3px;
padding-bottom: 0px;
padding-right: 2px;
min-width: 300px;
}
.cell_one {
width: 99%;
}
.cell_two {
width: 48%;
}
.cell_three {
width: 32%;
}
/*one or more div inside the cell, for multiple attributes.*/
.pd_cellInsideRow {
float: left;
clear: both;
width: 100%;
}
/*the region containing the label*/
.pd_cellContentLabel {
font-size: 12px;
color: #006699;
height: 50px;
margin-right: 0px;
margin-right: 0px;
padding-top: 4px;
}
/*the region containing the input item*/
.pd_cellContentInput {
float: right;
width: 65%;
min-width: 150px;
height: 50px;
margin-left: 0px;
padding-left: 0px;
margin-right: 0px;
margin-right: 0px;
margin-top: 2px;
}
.pd_input {
display: inline-flex;
font-size: 12px;
}
.pd_input label {
font-weight: bold;
}
.pd_input_text {
width: 92%;
min-width: 15rem;
}
.pd_input_reficon {
width: 20px;
display: inline;
}
/*Permissions by role
--------------------*/
.perm_control {
border: solid 1px #DDDDDD;
float: left;
margin-left: 24px;
margin-top: 12px;
margin-bottom: 24px;
}
.perm_control_scroll {
float: left;
clear: both;
overflow: auto;
height: 350px;
width: 260px;
}
.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;
}
.sectionNotInFieldSet {
margin-left: 0.25rem;
}
.pd_cellLabel {
display: inline-flex;
align-items: center;
font-size: 12px;
color: #006699;
margin: 1rem;
}
.pd_cell2 {
display: inline-flex;
align-items: center;
}
.pd_cellcontainer {
display: inline-block;
}
.pd_column_1 {
display: grid;
grid-template-columns: 1fr;
}
.pd_column_2 {
display: grid;
grid-template-columns: 1fr 1fr;
}
.pd_column_3 {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.pd_display_grid {
display: grid;
}
.pd_flex_container {
display: flex;
}
.pd_float_right {
float: right;
}
.pd_autogrid_container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(0, 175px));
gap: 10px;
}
.skip_middle_column {
grid-column: 3;
}
.pd_col_container {
border-radius: 4px;
border: 1px solid #999999;
padding: 15px 15px 15px 15px;
}
.pd_cell_content_container {
margin-bottom: 10px;
}
.pd_cell_form_group {
display: flex;
flex-direction: column;
}
.pd_cell_form_group input {
margin-bottom: 5px;
}
.pd_cell_form_label {
font-size: 12px;
font-family: 'Raleway', sans-serif;
color: #1A1A1A;
font-weight: bold;
margin-bottom: 0.5rem;
}
.pd_label_no_bold {
font-weight: normal !important;
}
.pd_label_margin_bottom {
margin-bottom: 0.5rem !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 {
font-size: 12px;
font-family: 'Open Sans', sans-serif;
color: #1A1A1A !important;
width: 450px !important;
padding: 3.5px;
border: 1px solid #999999;
border-radius: 4px;
}
.refDiv select {
font-size: 12px;
font-family: 'Open Sans', sans-serif;
color: #1A1A1A !important;
width: 420px !important;
padding: 3.5px;
border: 1px solid #999999;
border-radius: 4px;
margin-left: -8px;
position: relative;
top: -7px;
}
.refDiv textarea {
font-size: 12px;
font-family: 'Open Sans', sans-serif;
color: #1A1A1A !important;
padding: 3.5px;
border: 1px solid #999999;
border-radius: 4px;
min-height: 24px;
max-height: 500px !important;
min-width: 450px;
max-width: 450px;
margin-left: -8px;
}
.refDiv input[type="submit"] {
top: -5px;
position: relative;
}
#M_Pg_ctlEntityDetails_ctl02_ctl02_qm_checklist_id {
padding: 0 !important;
}
.localizedStringTextBoxes input[type="text"] {
font-size: 12px;
font-family: 'Open Sans', sans-serif;
border: 1px solid #999999;
border-radius: 4px;
color: #1A1A1A !important;
width: 350px;
padding: 3.5px;
margin-left: -4px;
margin-top: -5px;
margin-bottom: 10px;
margin-right: 5px;
}
.localizedStringTextBoxes {
display: inline-block;
}
span.pd_input,
span.refDiv {
border: none !important;
}
.pd_cell_form_group textarea {
height: 25px;
min-width: 450px;
max-width: 450px;
}
.pd_form_elem_container {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 5px;
}
.pd_cell_form_group:has(.pd_input input[type="checkbox"]) .pd_cell_form_label {
padding-top: 24px;
margin-left: 25px;
}
.pd_input > input[type="checkbox"] {
width: 16px;
height: 26px;
margin-top: -33px !important;
margin-left: -2px !important;
}
.pd_input > .hasDatepicker {
font-size: 12px;
font-family: 'Open Sans', sans-serif;
min-width: 450px !important;
padding: 4px;
border: 1px solid #999999;
border-radius: 4px;
margin-top: -3px;
margin-left: -4px;
}
.pd_legend_container {
margin-top: 10px;
margin-bottom: 10px;
}
.pnlChecklistURL {
margin-top: 15px;
}
.pnlChecklistURL > .clickable-fieldset {
border: 1px solid #999999;
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: 16px;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
}
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', sans-serif;
min-width: 50%;
max-width: 50%;
min-height: 80px;
max-height: 132px;
padding: 10px;
margin-bottom: 7.5px;
margin-top: -7.5px;
}
.addCommentPanelFirstPart input[type="checkbox"],
.ControlCommentSection input[type="checkbox"],
.CommentGrid input[type="checkbox"] {
width: 16px;
height: 24px;
margin-left: -1px;
}
.addCommentPanelFirstPart label,
.ControlCommentSection label {
position: relative;
left: 5px;
top: -7px;
padding-right: 5px;
}
.lblEditCommentCheckbox {
position: relative;
top: -6px;
margin-right: 15px;
}
.indented10px {
margin-right: 20px;
}
/* entity history modify dropdownlist */
.tblEntityTabs td:has(id="M_ctlEntityTabs_ctlContent_labelModifier") {
}
#M_ctlEntityTabs_ctlContent_labelModifier {
font-family: 'Raleway', sans-serif;
font-weight: 700;
font-size: 12px !important;
color: #1A1A1A !important;
}
#M_ctlEntityTabs_ctlContent_DropModifiedBy_dropUsers {
width: 250px !important;
padding: 3.5px;
font-family: 'Open Sans', sans-serif !important;
border-radius: 4px;
border: 1px solid #999999;
font-size: 12px !important;
font-weight: normal;
color: #1A1A1A !important;
}
/* entity history tab */
#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;
}
/* MAIN */
.TabHistoryRefresh {
padding-top: 5px;
}
.TabHistoryRefresh input[type="image"] {
width: 22px;
height: 22px;
}
/* End MAIN */
.TabHistoryRefresh div:has(input[type="image"]) {
margin-top: 22px;
margin-left: -42px;
}
/* WorkListDetail */
.LabelQcTitle {
position: relative;
top: 10px;
}
span.TreeNode {
font-size: 12px !important;
font-family: 'Raleway', sans-serif !important;
}
span.TreeNodeOver,
span.TreeNodeOverNoUnderline {
font-size: 12px !important;
font-family: 'Raleway', sans-serif !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: 22px;
height: 22px;
}
.WorklistSamplesCol div:has(img[src$="icon-pencil.svg"]),
.TrayListSampleCol div:has(img[src$="icon-pencil.svg"]) {
margin-bottom: 5px;
}
/* [ .. ] buttons */
/* caption */
input[name*="$ctl00$ctl01$caption$ctl02"] {
display: none;
}
/* Tree View */
table:has(.TreeContextItem),
table:has(.TreeContextItemOver) {
border: 1px solid #CCCCCC !important;
border-bottom: none !important;
}
.TreeContextItem img,
.TreeContextItemOver img {
width: 22px;
height: 22px;
}
.TreeContextItem,
.TreeContextItemOver {
display: flex;
align-items: center;
padding: 20px 20px 20px 10px !important;
color: #1A1A1A;
}
.TreeContextItemOver {
background-color: #F8F9E7 !important;
}
/* Apply to QC css */
.appliestoQcFullPageContainer {
width: 100%;
}
.appliestoQcFullRow {
width: 50% !important;
}
.fieldsetDisplayBlock {
display: block !important;
}
.applyToQcTableDisplay {
width: 100% !important;
margin-top: -15px;
}
.applyToQcTableDisplay td.pd_cell_form_group {
margin-bottom: 0;
}
.applyToQcRowDisplay {
width: 100% !important;
}
.applyToQcHalfDisplay {
width: 45.5% !important;
}
.applyToQcMiddleRowItem {
width: 5%;
}
.applyToQcLastRowItem {
padding-right: 5px !important;
}
.applyToQcLastRowItem input:first-child {
margin-bottom: 10px;
}
.applyToQcList {
width: 100% !important;
height: 175px !important;
font-size: 12px !important;
font-family: 'Raleway', sans-serif !important;
color: #1A1A1A !important;
padding: 10px !important;
border: 1px solid #999999 !important;
border-radius: 4px !important;
}
.applyToQcList option {
padding-top: 2.5px;
padding-bottom: 2.5px;
}
#M_Pg_ctlAppliesToQC_ctl01 {
width: 16px;
height: 26px;
margin-right: 10px;
}
#M_Pg_ctlAppliesToQC_panelControl span {
display: flex;
}
label[for^="M_Pg_ctlAppliesToQC_"] {
color: #1A1A1A;
font-size: 12px;
padding-top: 9px;
}
.applyToQcBtn {
font-family: 'Consolas', 'Lucida Console', 'Courier New', monospace;
line-height: 1;
width: 31px;
height: 31px;
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 {
background-color: #00478F;
}
.applyToQcBtn.rotateBtn {
transform: rotate(-90deg);
}
.contentCell td > b {
color: #1A1A1A;
font-size: 12px;
}
.appliestoQcFullRow + td {
display: none;
}
/* form section clone */
a[data-testid="clone_entity"] {
width: auto !important;
text-decoration: none !important;
font-size: 12px !important;
margin-top: -3px;
}
/* form section Qc Reference */
.QcRecurrenceContainer {
}
.QcRecSection {
width: 98.9% !important;
}
.pd_input #M_Pg_chbApplyOnWorklist {
margin-top: -6px !important;
margin-right: 8px;
}
#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;
}
/* notifications list */
.hiddenElementNotificationTimer {
visibility: hidden;
margin-bottom: -42px;
}
/* section seal number */
.legend_seal_number {
margin-top: 20px !important;
}
.fieldset_seal_number {
margin-bottom: 25px !important;
}
.pd_cell_form_group:has(label[id*="attSealNumber"]) {
display: block !important;
margin-bottom: 0.5rem !important;
}
/* section test method */
.AddTestMethodBtn {
margin-left: 10px !important;
}
/* section Workflow */
div[id*="pnlChildMethods"] .pd_cell_form_group {
margin-bottom: -25px !important
}
/* section sample match */
.pd_cell_form_group:has(.pd_input input[type="checkbox"]) .pd_cell_form_label[id*="chbMatchingEnabled"] {
position: relative;
padding-top: 0px !important;
margin-left: 25px;
margin-top: 6px;
top: -9px;
}
input[type="checkbox"][id*="chbMatchingEnabled"] {
margin-top: -42px !important;
}
div[id*="pnlMasterFind"] .pd_cell_content_container:has(input[type="checkbox"]) {
margin-bottom: -2px;
margin-top: 5px;
}
.TestMethodDeleteImgBtn {
position: relative;
height: 25px;
width: 25px;
border-width: 0px;
left: 420px;
bottom: 36px;
}
/* Task Scheduler section */
.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: 'Raleway', sans-serif;
color: #1A1A1A;
font-weight: bold;
}
.pd_scheduler_time_wrapper > div {
display: grid;
grid-template-columns: repeat(4, 25px 85px);
gap: 10px 4px;
margin-left: -5px;
}
.pd_scheduler_time_wrapper > div input[type="checkbox"] {
margin-bottom: 10px;
box-sizing: border-box;
}
.pd_scheduler_time_wrapper > div label {
margin-top: 3.5px;
}
.pd_scheduler_month_wrapper > div {
gap: 10px 6px !important;
}
/* QC Statistic */
.statistics_section_title {
padding-bottom: 15px;
}
.statistics_section_title_nospacer {
margin-bottom: 0;
}
.statistics_radio_section > .pd_cell_content_container > .pd_cell_content_container label {
position: relative;
top: -2.5px;
}
.statistics_multi_checkbox_section label {
position: relative;
top: -1.5px;
}
.pd_col_container.statistics_fieldset_padding {
padding: 15px 15px 0 15px;
}
.statistics_section .pd_input {
margin-bottom: 0.5rem;
}
.pd_display_grid > .pd_cell_form_label {
margin-left: 3px;
margin-bottom: 2.5px !important;
}
.statistics_research_btn {
display: flex;
align-items: end;
justify-content: end;
}
.statistics_checkbox_label {
margin-top: 5px;
}
.statistics_checkbox_label label {
position: relative;
top: -1.5px;
}
.toggle-checkbox {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 30px;
height: 15px;
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: 14px;
height: 13px;
background-color: #0066CC;
border-radius: 50%;
top: 0;
left: 1px;
transition: all 0.3s;
}
.toggle-checkbox:checked:before {
left: calc(100% - 15px);
background-color: #FFFFFF;
}
.statistics_fieldset_options .statistics_multi_checkbox_section {
margin-top: 15px;
}
.statistics-graph-container {
overflow: hidden;
}
#M_Pg_chartInfoPanel legend {
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 {
text-align: center;
}
.statistics-details-results th {
white-space: nowrap;
}
tr.single-row td {
background-color: #F2F2F2;
}
tr.single-row td .pd_cell_form_label {
font-weight: normal;
}
tr.single-row td select {
margin-top: 8px;
}
.statistics-detail-table td {
padding: 15px;
}
.statistics-details-results {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.statistics-results {
margin-left: auto;
}
/* QC Statistics exclude point popup */
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', sans-serif;
font-size: 12px;
font-weight: normal;
}
#pnlExcludePointComment .pd_popup_action_btn .pd_cell_form_group {
margin-bottom: 0 !important;
}
/* Textarea - Formula */
.textarea-formula {
min-height: 88px;
height: 88px;
max-height: 88px;
width: 100%;
min-width: 100%;
max-width: 100%;
resize: none;
}
/* barcodeconfig.aspx styles */
#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 tr > td:first-child {
padding-left: 10px;
}
#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;
}
/* End barcodeconfig.aspx styles */
.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.aspx style */
.complexdetail_checkbox_section,
.complexdetail_infos_section {
padding-bottom: 0;
}
.complexdetail_checkbox_section label,
.custom_field_checkbox label {
color: #1A1A1A;
position: relative;
top: -2px;
}
.entity_custom_fields {
margin-bottom: 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:has(input[type="text"][id="txtFRENCH"]) {
background-color: #FFFFFF !important;
}
#M_Pg_ctlAttributeHistory_grdAttributeHistory > tbody > tr > td.gridItem {
z-index: 1;
padding: 10px;
}
/* End of complexDetail.aspx styles*/
/* RadTreeView custom styles */
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;
}
/* End RadTreeView custom styles */
/* TraySamples.ascx,
ShippingBoxTrays.ascx */
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;
}
/* End */
/* JobDetail.aspx styles */
.job_task_container .pd_cell_form_group > textarea {
min-height: 25px !important;
height: 25px;
max-height: 100px !important;
max-width: 441px !important;
resize: vertical;
}
/* End JobDetail.aspx styles */
#M_tblEntityTabs .lblRecordCount {
padding-bottom: 30px;
}
div[id*="companytype_set"] {
top: -6px;
left: -3px;
position: relative;
margin-bottom: -30px;
}
/* MTO Hide Captions Button
input[type="submit"][id*="set_btn"] {
display: none !important;
}
MTO End Styles */
/* TrayDetail.aspx popup styles */
#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;
}
/* End TrayDetail.aspx popup styles */
#tabsSection {
margin-bottom: 50px;
}
|