@charset "UTF-8";
:root {
  /* General information about variables is available at                               */
  /* www.oracle.com/webfolder/technetwork/jet/jsdocs/CssVariablesOverview.html */
  /* neutral palette            */
  /* -------------------------- */
  /* --oj-palette-neutral-rgb-0:    255, 255, 255; */
  /* --oj-palette-neutral-rgb-10:   251, 249, 248; */
  /* --oj-palette-neutral-rgb-20:   245, 244, 242; */
  /* --oj-palette-neutral-rgb-30:   241, 239, 237; */
  /* --oj-palette-neutral-rgb-40:   228, 225, 221; */
  /* --oj-palette-neutral-rgb-50:   212, 207, 202; */
  /* --oj-palette-neutral-rgb-60:   188, 182, 177; */
  /* --oj-palette-neutral-rgb-70:   174, 168, 162; */
  /* --oj-palette-neutral-rgb-80:   158, 152, 146; */
  /* --oj-palette-neutral-rgb-90:   139, 133, 128; */
  /* --oj-palette-neutral-rgb-100:  123, 117, 112; */
  /* --oj-palette-neutral-rgb-110:  111, 105, 100; */
  /* --oj-palette-neutral-rgb-120:  101, 95, 91; */
  /* --oj-palette-neutral-rgb-130:  92, 86, 81; */
  /* --oj-palette-neutral-rgb-140:  81, 76, 71; */
  /* --oj-palette-neutral-rgb-150:  71, 66, 62; */
  /* --oj-palette-neutral-rgb-160:  58, 54, 50; */
  /* --oj-palette-neutral-rgb-170:  49, 45, 42; */
  /* --oj-palette-neutral-rgb-180:  32, 30, 28; */
  /* --oj-palette-neutral-rgb-190:  22, 21, 19; */
  /* --oj-palette-neutral-rgb-200:  00, 00, 00; */
  /* brand palette              */
  /* -------------------------- */
  /* --oj-palette-brand-rgb-10:     246, 250, 252; */
  /* --oj-palette-brand-rgb-20:     237, 246, 249; */
  /* --oj-palette-brand-rgb-30:     228, 241, 247; */
  /* --oj-palette-brand-rgb-40:     208, 229, 238; */
  /* --oj-palette-brand-rgb-50:     180, 213, 225; */
  /* --oj-palette-brand-rgb-60:     143, 191, 208; */
  /* --oj-palette-brand-rgb-70:     121, 177, 198; */
  /* --oj-palette-brand-rgb-80:     95, 162, 186; */
  /* --oj-palette-brand-rgb-90:     65, 144, 172; */
  /* --oj-palette-brand-rgb-100:    34, 126, 158; */
  /* --oj-palette-brand-rgb-110:    14, 114, 151; */
  /* --oj-palette-brand-rgb-120:    0, 104, 140; */
  /* --oj-palette-brand-rgb-130:    2, 94, 126; */
  /* --oj-palette-brand-rgb-140:    4, 83, 111; */
  /* --oj-palette-brand-rgb-150:    6, 72, 95; */
  /* --oj-palette-brand-rgb-160:    6, 60, 78; */
  /* --oj-palette-brand-rgb-170:    5, 50, 66; */
  /* alert palettes             */
  /* -------------------------- */
  /* --oj-palette-danger-rgb-10:    255, 248, 247; */
  /* --oj-palette-danger-rgb-20:    255, 241, 239; */
  /* --oj-palette-danger-rgb-30:    255, 235, 232; */
  /* --oj-palette-danger-rgb-40:    255, 217, 211; */
  /* --oj-palette-danger-rgb-50:    255, 193, 184; */
  /* --oj-palette-danger-rgb-60:    255, 157, 144; */
  /* --oj-palette-danger-rgb-70:    255, 134, 117; */
  /* --oj-palette-danger-rgb-80:    254, 104, 84; */
  /* --oj-palette-danger-rgb-90:    236, 79, 58; */
  /* --oj-palette-danger-rgb-100:   214, 59, 37; */
  /* --oj-palette-danger-rgb-110:   195, 53, 34; */
  /* --oj-palette-danger-rgb-120:   179, 49, 31; */
  /* --oj-palette-danger-rgb-130:   170, 34, 34; */
  /* --oj-palette-danger-rgb-140:   143, 39, 25; */
  /* --oj-palette-danger-rgb-150:   124, 34, 22; */
  /* --oj-palette-danger-rgb-160:   102, 28, 18; */
  /* --oj-palette-danger-rgb-170:   86, 24, 15; */
  /* 
  --oj-palette-warning-rgb-10:   254, 249, 242; */
  /* --oj-palette-warning-rgb-20:   253, 242, 229; */
  /* --oj-palette-warning-rgb-30:   252, 237, 220; */
  /* --oj-palette-warning-rgb-40:   249, 221, 188; */
  /* --oj-palette-warning-rgb-50:   246, 199, 146; */
  /* --oj-palette-warning-rgb-60:   240, 169, 87; */
  /* --oj-palette-warning-rgb-70:   235, 150, 50; */
  /* --oj-palette-warning-rgb-80:   225, 128, 18; */
  /* --oj-palette-warning-rgb-90:   198, 113, 14; */
  /* --oj-palette-warning-rgb-100:  172, 99, 12; */
  /* --oj-palette-warning-rgb-110:  156, 89, 11; */
  /* --oj-palette-warning-rgb-120:  143, 82, 10; */
  /* --oj-palette-warning-rgb-130:  129, 73, 9; */
  /* --oj-palette-warning-rgb-140:  114, 65, 8; */
  /* --oj-palette-warning-rgb-150:  99, 56, 7; */
  /* --oj-palette-warning-rgb-160:  81, 47, 6; */
  /* --oj-palette-warning-rgb-170:  69, 39, 5; */
  /* 
  --oj-palette-success-rgb-10:   244, 252, 235; */
  /* --oj-palette-success-rgb-20:   235, 248, 222; */
  /* --oj-palette-success-rgb-30:   228, 245, 211; */
  /* --oj-palette-success-rgb-40:   207, 235, 179; */
  /* --oj-palette-success-rgb-50:   177, 221, 136; */
  /* --oj-palette-success-rgb-60:   138, 201, 79; */
  /* --oj-palette-success-rgb-70:   125, 186, 69; */
  /* --oj-palette-success-rgb-80:   111, 169, 57; */
  /* --oj-palette-success-rgb-90:   94, 148, 43; */
  /* --oj-palette-success-rgb-100:  80, 130, 35; */
  /* --oj-palette-success-rgb-110:  73, 118, 32; */
  /* --oj-palette-success-rgb-120:  67, 107, 29; */
  /* --oj-palette-success-rgb-130:  60, 96, 26; */
  /* --oj-palette-success-rgb-140:  53, 86, 23; */
  /* --oj-palette-success-rgb-150:  46, 73, 20; */
  /* --oj-palette-success-rgb-160:  38, 61, 16; */
  /* --oj-palette-success-rgb-170:  31, 51, 14; */
  /* 
  --oj-palette-info-rgb-10:      246, 250, 252; */
  /* --oj-palette-info-rgb-20:      237, 246, 249; */
  /* --oj-palette-info-rgb-30:      228, 241, 247; */
  /* --oj-palette-info-rgb-40:      208, 229, 238; */
  /* --oj-palette-info-rgb-50:      180, 213, 225; */
  /* --oj-palette-info-rgb-60:      143, 191, 208; */
  /* --oj-palette-info-rgb-70:      121, 177, 198; */
  /* --oj-palette-info-rgb-80:      95, 162, 186; */
  /* --oj-palette-info-rgb-90:      65, 144, 172; */
  /* --oj-palette-info-rgb-100:     34, 126, 158; */
  /* --oj-palette-info-rgb-110:     14, 114, 151; */
  /* --oj-palette-info-rgb-120:     0, 104, 140; */
  /* --oj-palette-info-rgb-130:     2, 94, 126; */
  /* --oj-palette-info-rgb-140:     4, 83, 111; */
  /* --oj-palette-info-rgb-150:     6, 72, 95; */
  /* --oj-palette-info-rgb-160:     6, 60, 78; */
  /* --oj-palette-info-rgb-170:     5, 50, 66; */
  /* data visualization palette   */
  /* ---------------------------- */
  /* --oj-palette-dvt-rgb-1:      36, 93, 99; */
  /* --oj-palette-dvt-rgb-2:      222, 127, 17; */
  /* --oj-palette-dvt-rgb-3:      95, 185, 181; */
  /* --oj-palette-dvt-rgb-4:      78, 65, 55; */
  /* --oj-palette-dvt-rgb-5:      160, 201, 139; */
  /* --oj-palette-dvt-rgb-6:      180, 114, 130; */
  /* --oj-palette-dvt-rgb-7:      131, 64, 30; */
  /* --oj-palette-dvt-rgb-8:      158, 127, 204; */
  /* --oj-palette-dvt-rgb-9:      251, 194, 106; */
  /* --oj-palette-dvt-rgb-10:     88, 49, 110; */
  /* --oj-palette-dvt-rgb-11:     95, 162, 186; */
  /* --oj-palette-dvt-rgb-12:     49, 122, 69; */
  /* typography                 */
  /* -------------------------- */
  /* --oj-typography-heading-2xl-font-size:                     2.5rem; */
  /* --oj-typography-heading-2xl-font-weight:                   900; */
  /* --oj-typography-heading-2xl-line-height:                   1.3; */
  /* 
  --oj-typography-heading-xl-font-size:                      2.25rem; */
  /* --oj-typography-heading-xl-font-weight:                    900; */
  /* --oj-typography-heading-xl-line-height:                    1.222; */
  /* 
  --oj-typography-heading-lg-font-size:                      2rem; */
  /* --oj-typography-heading-lg-font-weight:                    900; */
  /* --oj-typography-heading-lg-line-height:                    1.25; */
  /* 
  --oj-typography-heading-md-font-size:                      1.75rem; */
  /* --oj-typography-heading-md-font-weight:                    900; */
  /* --oj-typography-heading-md-line-height:                    1.2857; */
  /* 
  --oj-typography-heading-sm-font-size:                      1.5rem; */
  /* --oj-typography-heading-sm-font-weight:                    900; */
  /* --oj-typography-heading-sm-line-height:                    1.3333; */
  /* 
  --oj-typography-heading-xs-font-size:                      1.25rem; */
  /* --oj-typography-heading-xs-font-weight:                    900; */
  /* --oj-typography-heading-xs-line-height:                    1.4; */
  /* 

  --oj-typography-subheading-2xl-font-size:                  2.25rem; */
  /* --oj-typography-subheading-2xl-font-weight:                bold; */
  /* --oj-typography-subheading-2xl-line-height:                1.2222; */
  /* 
  --oj-typography-subheading-xl-font-size:                   2rem; */
  /* --oj-typography-subheading-xl-font-weight:                 bold; */
  /* --oj-typography-subheading-xl-line-height:                 1.25; */
  /* 
  --oj-typography-subheading-lg-font-size:                   1.75rem; */
  /* --oj-typography-subheading-lg-font-weight:                 bold; */
  /* --oj-typography-subheading-lg-line-height:                 1.2857; */
  /* 
  --oj-typography-subheading-md-font-size:                   1.5rem; */
  /* --oj-typography-subheading-md-font-weight:                 bold; */
  /* --oj-typography-subheading-md-line-height:                 1.3333; */
  /* 
  --oj-typography-subheading-sm-font-size:                   1.25rem; */
  /* --oj-typography-subheading-sm-font-weight:                 bold; */
  /* --oj-typography-subheading-sm-line-height:                 1.4; */
  /* 
  --oj-typography-subheading-xs-font-size:                   1rem; */
  /* --oj-typography-subheading-xs-font-weight:                 bold; */
  /* --oj-typography-subheading-xs-line-height:                 1.5; */
  /* 

  --oj-typography-body-xl-font-size:                         1.25rem; */
  /* --oj-typography-body-xl-line-height:                       1.4; */
  /* 
  --oj-typography-body-lg-font-size:                         1.125rem; */
  /* --oj-typography-body-lg-line-height:                       1.3333; */
  /* 
  --oj-typography-body-md-font-size:                         1rem; */
  /* --oj-typography-body-md-line-height:                       1.25; */
  /* 
  --oj-typography-body-sm-font-size:                         0.859rem; */
  /* --oj-typography-body-sm-line-height:                       1.2; */
  /* 
  --oj-typography-body-xs-font-size:                         0.75rem; */
  /* --oj-typography-body-xs-line-height:                       1.3333; */
  /* 
  --oj-typography-body-2xs-font-size:                        0.625rem; */
  /* --oj-typography-body-2xs-line-height:                      1.2; */
  /* text colors                */
  /* -------------------------- */
  /* --oj-core-text-color-primary:      rgb(var(--oj-palette-neutral-rgb-190)); */
  /* --oj-core-text-color-secondary:    rgba(var(--oj-palette-neutral-rgb-190), .70); */
  /* --oj-core-text-color-disabled:     rgba(var(--oj-palette-neutral-rgb-190), .4); */
  /* --oj-core-text-color-brand:        rgb(var(--oj-palette-brand-rgb-110)); */
  /* --oj-core-text-color-danger:       rgb(var(--oj-palette-danger-rgb-120)); */
  /* --oj-core-text-color-warning:      rgb(var(--oj-palette-warning-rgb-120)); */
  /* --oj-core-text-color-success:      rgb(var(--oj-palette-success-rgb-120)); */
  /* state colors               */
  /* -------------------------- */
  /* --oj-core-bg-color-content:       rgb(var(--oj-palette-neutral-rgb-0)); */
  /* --oj-core-bg-color-hover:         rgba(var(--oj-palette-neutral-rgb-190), .08); */
  /* --oj-core-bg-color-active:        rgba(var(--oj-palette-neutral-rgb-190), .16); */
  /* --oj-core-bg-color-selected:      rgb(var(--oj-palette-brand-rgb-30)); */
  /* --oj-core-border-color-selected:  rgb(var(--oj-palette-brand-rgb-100)); */
  /* --oj-core-color-disabled-1:      rgba(var(--oj-palette-neutral-rgb-190), 0.04); */
  /* --oj-core-color-disabled-2:  rgba(var(--oj-palette-neutral-rgb-190),.20); */
  /* dividers                   */
  /* -------------------------- */
  /* --oj-core-divider-color:             rgba(var(--oj-palette-neutral-rgb-190),.12); */
  /* --oj-core-divider-margin:            0.5rem; */
  /* Focus Border color         */
  /* -------------------------- */
  /* --oj-core-focus-border-color:     rgb(var(--oj-palette-neutral-rgb-190)); */
  /* color neutral              */
  /* -------------------------- */
  /* --oj-core-neutral-1:                      rgb(var(--oj-palette-neutral-rgb-100)); */
  /* --oj-core-neutral-2:                      rgb(var(--oj-palette-neutral-rgb-110)); */
  /* --oj-core-neutral-3:                      rgb(var(--oj-palette-neutral-rgb-120)); */
  /* --oj-core-neutral-contrast:               rgb(var(--oj-palette-neutral-rgb-0)); */
  /* color neutral secondary    */
  /* -------------------------- */
  /* --oj-core-neutral-secondary-1:            rgb(var(--oj-palette-neutral-rgb-30)); */
  /* --oj-core-neutral-secondary-2:            rgb(var(--oj-palette-neutral-rgb-20)); */
  /* --oj-core-neutral-secondary-3:            rgb(var(--oj-palette-neutral-rgb-10)); */
  /* --oj-core-neutral-secondary-contrast:     rgb(var(--oj-palette-neutral-rgb-120)); */
  /* color brand                */
  /* -------------------------- */
  /* --oj-core-brand-1:                      rgb(var(--oj-palette-brand-rgb-100)); */
  /* --oj-core-brand-2:                      rgb(var(--oj-palette-brand-rgb-110)); */
  /* --oj-core-brand-3:                      rgb(var(--oj-palette-brand-rgb-120)); */
  /* --oj-core-brand-contrast:               rgb(var(--oj-palette-neutral-rgb-0)); */
  /* color danger               */
  /* -------------------------- */
  /* --oj-core-danger-1:                      rgb(var(--oj-palette-danger-rgb-100)); */
  /* --oj-core-danger-2:                      rgb(var(--oj-palette-danger-rgb-110)); */
  /* --oj-core-danger-3:                      rgb(var(--oj-palette-danger-rgb-120)); */
  /* --oj-core-danger-contrast:               rgb(var(--oj-palette-neutral-rgb-0)); */
  /* color danger  secondary    */
  /* -------------------------- */
  /* --oj-core-danger-secondary-1:            rgb(var(--oj-palette-danger-rgb-30)); */
  /* --oj-core-danger-secondary-2:            rgb(var(--oj-palette-danger-rgb-20)); */
  /* --oj-core-danger-secondary-3:            rgb(var(--oj-palette-danger-rgb-10)); */
  /* --oj-core-danger-secondary-contrast:     rgb(var(--oj-palette-danger-rgb-120)); */
  /* color warning              */
  /* -------------------------- */
  /* --oj-core-warning-1:                    rgb(var(--oj-palette-warning-rgb-100)); */
  /* --oj-core-warning-2:                    rgb(var(--oj-palette-warning-rgb-110)); */
  /* --oj-core-warning-3:                    rgb(var(--oj-palette-warning-rgb-120)); */
  /* --oj-core-warning-contrast:             rgb(var(--oj-palette-neutral-rgb-0)); */
  /* color warning  secondary   */
  /* -------------------------- */
  /* --oj-core-warning-secondary-1:          rgb(var(--oj-palette-warning-rgb-30)); */
  /* --oj-core-warning-secondary-2:          rgb(var(--oj-palette-warning-rgb-20)); */
  /* --oj-core-warning-secondary-3:          rgb(var(--oj-palette-warning-rgb-10)); */
  /* --oj-core-warning-secondary-contrast:   rgb(var(--oj-palette-warning-rgb-120)); */
  /* color success              */
  /* -------------------------- */
  /* --oj-core-success-1:                    rgb(var(--oj-palette-success-rgb-100)); */
  /* --oj-core-success-2:                    rgb(var(--oj-palette-success-rgb-110)); */
  /* --oj-core-success-3:                    rgb(var(--oj-palette-success-rgb-120)); */
  /* --oj-core-success-contrast:             rgb(var(--oj-palette-neutral-rgb-0)); */
  /* color success secondary    */
  /* -------------------------- */
  /* --oj-core-success-secondary-1:          rgb(var(--oj-palette-success-rgb-30)); */
  /* --oj-core-success-secondary-2:          rgb(var(--oj-palette-success-rgb-20)); */
  /* --oj-core-success-secondary-3:          rgb(var(--oj-palette-success-rgb-10)); */
  /* --oj-core-success-secondary-contrast:   rgb(var(--oj-palette-success-rgb-120)); */
  /* color info                 */
  /* -------------------------- */
  /* --oj-core-info-1:                    rgb(var(--oj-palette-info-rgb-100)); */
  /* --oj-core-info-2:                    rgb(var(--oj-palette-info-rgb-110)); */
  /* --oj-core-info-3:                    rgb(var(--oj-palette-info-rgb-120)); */
  /* --oj-core-info-contrast:             rgb(var(--oj-palette-neutral-rgb-0)); */
  /* color info secondary       */
  /* -------------------------- */
  /* --oj-core-info-secondary-1:          rgb(var(--oj-palette-info-rgb-30)); */
  /* --oj-core-info-secondary-2:          rgb(var(--oj-palette-info-rgb-20)); */
  /* --oj-core-info-secondary-3:          rgb(var(--oj-palette-info-rgb-10)); */
  /* --oj-core-info-secondary-contrast:   rgb(var(--oj-palette-info-rgb-120)); */
  /* drag and drop              */
  /* -------------------------- */
  /* --oj-core-drag-drop-color-1:       rgb(var(--oj-palette-brand-rgb-40)); */
  /* --oj-core-drag-drop-color-2:       rgb(var(--oj-palette-brand-rgb-100)); */
  /* --oj-core-drag-drop-line-color:    rgb(var(--oj-palette-brand-rgb-100)); */
  /* icon                       */
  /* -------------------------- */
  /* --oj-core-icon-size-lg:              1.5rem; */
  /* --oj-core-icon-size-sm:              1rem; */
  /* touch target               */
  /* -------------------------- */
  /* --oj-core-touch-target-min-size:    2.25rem; */
  /* Cursor                     */
  /* -------------------------- */
  /* --oj-core-cursor-clickable:      pointer; */
  /* border-radius              */
  /* -------------------------- */
  /* --oj-core-border-radius-sm:                2px; */
  /* --oj-core-border-radius-md:               .25rem; */
  /* --oj-core-border-radius-lg:               .375rem; */
  /* --oj-core-border-radius-xl:               .5rem; */
  /* box shadow                 */
  /* -------------------------- */
  /* --oj-core-box-shadow-rgb:     var(--oj-palette-neutral-rgb-200); */
  /* --oj-core-box-shadow-xs:      0px 1px 4px 0px    rgba(var(--oj-core-box-shadow-rgb),.12); */
  /* --oj-core-box-shadow-sm:      0px 4px 8px 0px    rgba(var(--oj-core-box-shadow-rgb),.16); */
  /* --oj-core-box-shadow-md:      0px 6px 12px 0px   rgba(var(--oj-core-box-shadow-rgb),.2); */
  /* --oj-core-box-shadow-lg:      0px 8px 16px 0px   rgba(var(--oj-core-box-shadow-rgb),0.24); */
  /* --oj-core-box-shadow-xl:      0px 12px 20px 0px  rgba(var(--oj-core-box-shadow-rgb),0.28); */
  /* a dropdown is a popup that drops down from a component, for example a menu or select popup */
  /* --oj-core-dropdown-box-shadow:  var(--oj-core-box-shadow-sm); */
  /* overlay scrim              */
  /* -------------------------- */
  /* this is used for something like a modal dialog to overlay the
  /* rest of the screen, indicating it's not reachable */
  /* --oj-core-scrim-color:   rgba(var(--oj-palette-neutral-rgb-190), .4); */
  /* spacing                    */
  /* -------------------------- */
  /* --oj-core-spacing-1x:                  .25rem; */
  /* --oj-core-spacing-2x:                  .5rem; */
  /* --oj-core-spacing-3x:                  .75rem; */
  /* --oj-core-spacing-4x:                  1rem; */
  /* --oj-core-spacing-5x:                  1.25rem; */
  /* --oj-core-spacing-6x:                  1.5rem; */
  /* --oj-core-spacing-7x:                  1.75rem; */
  /* --oj-core-spacing-8x:                  2rem; */
  /* --oj-core-spacing-9x:                  2.25rem; */
  /* --oj-core-spacing-10x:                 2.5rem; */
  /* --oj-core-spacing-11x:                 2.75rem; */
  /* --oj-core-spacing-12x:                 3rem; */
  /* z-index                    */
  /* -------------------------- */
  /* --oj-core-z-index-popup:                   1000; */
  /* --oj-core-z-index-dialog:                  1050; */
  /* --oj-core-z-index-messages:                2000; */
  /* scrollbar                  */
  /* -------------------------- */
  /* --oj-scrollbar-thumb-color-hover:rgba(var(--oj-palette-neutral-rgb-170), .15); */
  /* --oj-scrollbar-track-color-force:   rgba(var(--oj-palette-neutral-rgb-170), .05); */
  /* animation                  */
  /* -------------------------- */
  /* --oj-animation-duration-xshort:      0.1s; */
  /* --oj-animation-duration-short:       0.15s; */
  /* --oj-animation-duration-medium:      0.2s; */
  /* --oj-animation-duration-long:        0.3s; */
  /* --oj-animation-duration-xlong:       0.5s; */
  /* 
  --oj-animation-ease-in-out:          cubic-bezier(0.4, 0, 0.2, 1); */
  /* --oj-animation-ease-out:             cubic-bezier(0, 0, 0.2, 1); */
  /* --oj-animation-ease-in:              cubic-bezier(0.4, 0, 1, 1); */
  /* 
  --oj-animation-effect-ripple-bg-color: rgb(var(--oj-palette-neutral-rgb-160)); */
  /* 
  --oj-animation-skeleton-bg-start-color:  rgba(var(--oj-palette-neutral-rgb-170), 0.05); */
  /* --oj-animation-skeleton-bg-end-color: rgba(var(--oj-palette-neutral-rgb-170), 0.15); */
  /* html tag                   */
  /* -------------------------- */
  /*-----------------------------------------------------------------------------*/
  /* To target popular system fonts consider using the following for --oj-html-font-family
  /*    system, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif
  /*
  /* Details:
  /*   * -apple-system targets San Francisco on Mac and ios systems that support it.
  /*   * BlinkMacSystemFont targets San Francisco for Chrome on Mac OS X.
  /*   * Segoe UI targets Windows and Windows Phone.
  /*   * Helvetica Neue targets iOS pre-iOS9 and Mac OS X pre-El Capitan.
  /*   * Arial targets Roboto on Android
  /*   * sans-serif is the default sans-serif fallback font.
  /*-----------------------------------------------------------------------------*/
  /* --oj-html-font-family:  -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; */
  /*-----------------------------------------------------------------------------*/
  /* font size set on the html element. It's recommended that you use em units,
  /* this allows the user's browser font size adjustments to be reflected on the page.
  /* The browser default font size is 16px, so for example for 16px use 1em,
  /* for 14px use .875em.
  /*
  /* JET generally uses rem instead of px which means that when you change
  /* the html element font size components adjust proportionately.
  /*-----------------------------------------------------------------------------*/
  /* --oj-html-font-size:   1em; */
  /* body tag                   */
  /* -------------------------- */
  /* --oj-body-bg-color:                   rgb(var(--oj-palette-neutral-rgb-10)); */
  /* used for background color in a similar way as the CSS keyword currentColor is used for color. */
  /* --oj-current-bg-color: ; */
  /* headings                   */
  /* -------------------------- */
  /* --oj-heading-text-color:                       var(--oj-core-text-color-primary); */
  /* --oj-heading-margin-bottom:                   1rem; */
  /* --oj-heading-margin-top:                      1rem; */
  /* --oj-subheading-margin-top:                   0; */
  /* --oj-subheading-margin-bottom:                0.75rem; */
  /* paragraph                  */
  /* -------------------------- */
  /* --oj-paragraph-margin-bottom:                1rem; */
  /* list                       */
  /* -------------------------- */
  /* --oj-list-margin-top:                   0.5rem; */
  /* --oj-list-nested-padding-start:         2.5rem; */
  /* --oj-list-item-line-height:             1.5; */
  /* --oj-list-unordered-style-type:         square; */
  /* link                       */
  /* -------------------------- */
  /* default*/
  /* --oj-link-text-decoration:              none; */
  /* --oj-link-text-decoration-hover:        underline; */
  /* 
  --oj-link-text-color:                 rgb(var(--oj-palette-info-rgb-120)); */
  /* active */
  /* --oj-link-text-color-active:          var(--oj-link-text-color); */
  /* visited */
  /* --oj-link-text-color-visited:         var(--oj-link-text-color); */
  /*-----------------------------------------------------------------------------*/
  /* there are 2 classes you can add to links
  /*    1. oj-link-embedded - these are links embedded in paragraph text.
  /*          For embedded links use the text-decoration vars if you want
  /*          the line close to the text, or use border-bottom-width vars
  /*          if you want the line further from the text
  /*
  /*    2. oj-link-standalone - links that are on their own, stand alone links use
  /*          borders which are only shown on hover.
  /*-----------------------------------------------------------------------------*/
  /* --oj-link-embedded-text-decoration:              none; */
  /* --oj-link-embedded-text-decoration-hover:        none; */
  /* 
  --oj-link-embedded-border-bottom-width:          1px; */
  /* --oj-link-embedded-border-bottom-width-hover:    0px; */
  /* button                     */
  /* -------------------------- */
  /* default buttons */
  /* --oj-button-height:                2.75rem; */
  /* --oj-button-border-radius:        var(--oj-core-border-radius-md); */
  /* --oj-button-font-size:              var(--oj-typography-body-sm-font-size); */
  /* --oj-button-font-weight:          600; */
  /* --oj-button-icon-size:         var(--oj-core-icon-size-lg); */
  /* --oj-button-text-to-edge-padding:      1rem; */
  /* --oj-button-icon-to-text-padding:       .625rem; */
  /* --oj-button-icon-to-edge-padding:       .625rem; */
  /* small buttons */
  /* --oj-button-sm-height:             2.25rem; */
  /* --oj-button-sm-font-size:           var(--oj-typography-body-sm-font-size); */
  /* --oj-button-sm-icon-size:      1.25rem; */
  /* --oj-button-sm-text-to-edge-padding:   1rem; */
  /* --oj-button-sm-icon-to-text-padding:    .5rem; */
  /* --oj-button-sm-icon-to-edge-padding:    .5rem; */
  /* large buttons */
  /* --oj-button-lg-height:             3.25rem; */
  /* --oj-button-lg-font-size:           var(--oj-typography-body-sm-font-size); */
  /* --oj-button-lg-icon-size:      var(--oj-core-icon-size-lg); */
  /* --oj-button-lg-text-to-edge-padding:   1.5rem; */
  /* --oj-button-lg-icon-to-text-padding:    1rem; */
  /* --oj-button-lg-icon-to-edge-padding:    1rem; */
  /* solid */
  /* solid enabled */
  /* --oj-button-solid-chrome-bg-color:                      rgba(var(--oj-palette-neutral-rgb-190),.08); */
  /* --oj-button-solid-chrome-border-color:                  transparent; */
  /* --oj-button-solid-chrome-text-color:                    var(--oj-core-text-color-primary); */
  /* solid hover */
  /* --oj-button-solid-chrome-bg-color-hover:                rgba(var(--oj-palette-neutral-rgb-190),.12); */
  /* --oj-button-solid-chrome-border-color-hover:            transparent; */
  /* --oj-button-solid-chrome-text-color-hover:              var(--oj-core-text-color-primary); */
  /* solid active */
  /* --oj-button-solid-chrome-bg-color-active:               rgba(var(--oj-palette-neutral-rgb-190),.16); */
  /* --oj-button-solid-chrome-border-color-active:           transparent; */
  /* --oj-button-solid-chrome-text-color-active:             var(--oj-core-text-color-primary); */
  /* solid selected */
  /* --oj-button-solid-chrome-bg-color-selected:             var(--oj-button-solid-chrome-bg-color); */
  /* --oj-button-solid-chrome-border-color-selected:         var(--oj-button-solid-chrome-border-color); */
  /* --oj-button-solid-chrome-text-color-selected:           var(--oj-button-solid-chrome-text-color); */
  /* solid selected hover */
  /* --oj-button-solid-chrome-text-color-selected-hover:     var(--oj-button-solid-chrome-text-color-active); */
  /* --oj-button-solid-chrome-bg-color-selected-hover:       var(--oj-button-solid-chrome-bg-color-active); */
  /* --oj-button-solid-chrome-border-color-selected-hover:   var(--oj-button-solid-chrome-border-color-active); */
  /* solid disabled */
  /* --oj-button-solid-chrome-bg-color-disabled:             var(--oj-core-color-disabled-1); */
  /* --oj-button-solid-chrome-border-color-disabled:         transparent; */
  /* --oj-button-solid-chrome-text-color-disabled:           var(--oj-core-text-color-disabled); */
  /* solid selected disabled */
  /* --oj-button-solid-chrome-bg-color-selected-disabled:     rgba(var(--oj-palette-neutral-rgb-100), .3); */
  /* --oj-button-solid-chrome-border-color-selected-disabled: transparent; */
  /* --oj-button-solid-chrome-text-color-selected-disabled:   var(--oj-core-text-color-disabled); */
  /* borderless chrome enabled */
  /* --oj-button-borderless-chrome-text-color:        var(--oj-core-text-color-primary); */
  /* borderless chrome hover */
  /* --oj-button-borderless-chrome-bg-color-hover:        var(--oj-core-bg-color-hover); */
  /* --oj-button-borderless-chrome-border-color-hover:    transparent; */
  /* --oj-button-borderless-chrome-text-color-hover:      var(--oj-core-text-color-primary); */
  /* borderless chrome active */
  /* --oj-button-borderless-chrome-bg-color-active:       var(--oj-core-bg-color-active); */
  /* --oj-button-borderless-chrome-border-color-active:   transparent; */
  /* --oj-button-borderless-chrome-text-color-active:     var(--oj-core-text-color-primary); */
  /* borderless chrome selected */
  --oj-button-borderless-chrome-bg-color-selected: red;
  /* --oj-button-borderless-chrome-border-color-selected: rgba(var(--oj-palette-neutral-rgb-190), .5); */
  /* --oj-button-borderless-chrome-text-color-selected:   var(--oj-core-text-color-primary); */
  /* borderless chrome selected hover */
  /* --oj-button-borderless-chrome-bg-color-selected-hover:     var(--oj-core-bg-color-hover); */
  /* --oj-button-borderless-chrome-border-color-selected-hover: rgba(var(--oj-palette-neutral-rgb-190), .5); */
  /* --oj-button-borderless-chrome-text-color-selected-hover:   var(--oj-core-text-color-primary); */
  /* borderless chrome disabled */
  /* --oj-button-borderless-chrome-text-color-disabled:   var(--oj-core-text-color-disabled); */
  /* borderless chrome selected disabled */
  /* --oj-button-borderless-chrome-bg-color-selected-disabled:     transparent; */
  /* --oj-button-borderless-chrome-border-color-selected-disabled: var(--oj-core-color-disabled-2); */
  /* --oj-button-borderless-chrome-text-color-selected-disabled:   var(--oj-core-text-color-disabled); */
  /* outlined enabled */
  /* --oj-button-outlined-chrome-border-color:          rgba(var(--oj-palette-neutral-rgb-190), .5); */
  /* --oj-button-outlined-chrome-text-color:            var(--oj-core-text-color-primary); */
  /* --oj-button-outlined-chrome-bg-color:              transparent; */
  /* outlined hover */
  /* --oj-button-outlined-chrome-bg-color-hover:        var(--oj-core-bg-color-hover); */
  /* --oj-button-outlined-chrome-border-color-hover:    rgba(var(--oj-palette-neutral-rgb-190), .5); */
  /* --oj-button-outlined-chrome-text-color-hover:      var(--oj-core-text-color-primary); */
  /* outlined active */
  /* --oj-button-outlined-chrome-bg-color-active:       var(--oj-core-bg-color-active); */
  /* --oj-button-outlined-chrome-border-color-active:   rgba(var(--oj-palette-neutral-rgb-190), .5); */
  /* --oj-button-outlined-chrome-text-color-active:     var(--oj-core-text-color-primary); */
  /* outlined selected */
  /* --oj-button-outlined-chrome-bg-color-selected:     transparent; */
  /* --oj-button-outlined-chrome-border-color-selected: rgba(var(--oj-palette-neutral-rgb-190), .5); */
  /* --oj-button-outlined-chrome-text-color-selected:   var(--oj-core-text-color-primary); */
  /* outlined selected hover */
  /* --oj-button-outlined-chrome-bg-color-selected-hover:    var(--oj-core-bg-color-hover); */
  /* --oj-button-outlined-chrome-border-color-selected-hover: rgba(var(--oj-palette-neutral-rgb-190), .5); */
  /* --oj-button-outlined-chrome-text-color-selected-hover:   var(--oj-core-text-color-primary); */
  /* outlined disabled */
  /* --oj-button-outlined-chrome-border-color-disabled: var(--oj-core-text-color-disabled); */
  /* --oj-button-outlined-chrome-text-color-disabled:   var(--oj-core-text-color-disabled); */
  /* --oj-button-outlined-chrome-bg-color-disabled:     transparent; */
  /* outlined selected disabled */
  /* --oj-button-outlined-chrome-bg-color-selected-disabled:     transparent; */
  /* --oj-button-outlined-chrome-border-color-selected-disabled: var(--oj-button-outlined-chrome-border-color-disabled); */
  /* --oj-button-outlined-chrome-text-color-selected-disabled:   var(--oj-core-text-color-disabled); */
  /* cta enabled */
  /* --oj-button-call-to-action-chrome-bg-color:                      rgb(var(--oj-palette-neutral-rgb-170)); */
  /* --oj-button-call-to-action-chrome-border-color:                  transparent; */
  /* --oj-button-call-to-action-chrome-text-color:                    var(--oj-core-neutral-contrast); */
  /* cta hover */
  /* --oj-button-call-to-action-chrome-bg-color-hover:                rgb(var(--oj-palette-neutral-rgb-160)); */
  /* --oj-button-call-to-action-chrome-border-color-hover:            transparent; */
  /* --oj-button-call-to-action-chrome-text-color-hover:              var(--oj-core-neutral-contrast); */
  /* cta active */
  /* --oj-button-call-to-action-chrome-bg-color-active:               rgb(var(--oj-palette-neutral-rgb-150)); */
  /* --oj-button-call-to-action-chrome-border-color-active:           transparent; */
  /* --oj-button-call-to-action-chrome-text-color-active:             var(--oj-core-neutral-contrast); */
  /* buttonset                     */
  /* ----------------------------- */
  /* --oj-buttonset-outlined-chrome-internal-border-color:                   var(--oj-button-outlined-chrome-border-color); */
  /* --oj-buttonset-outlined-chrome-internal-border-color-active:            var(--oj-button-outlined-chrome-border-color); */
  /* --oj-buttonset-outlined-chrome-internal-border-color-selected:          var(--oj-button-outlined-chrome-border-color); */
  /* --oj-buttonset-outlined-chrome-internal-border-color-selected-disabled: var(--oj-core-color-disabled-1); */
  /* drawer                     */
  /* ----------------------------- */
  /* --oj-drawer-overlay-bg-color: var(--oj-core-bg-color-content); */
  /* --oj-drawer-reflow-bg-color: var(--oj-core-bg-color-content); */
  /* --oj-drawer-reflow-divider-color: rgb(var(--oj-palette-neutral-rgb-40)); */
  /* toolbar                    */
  /* -------------------------- */
  /* --oj-toolbar-button-margin:.5rem; */
  /* --oj-toolbar-borderless-button-margin:.125rem; */
  /* --oj-toolbar-separator-margin:.5rem; */
  /* menu */
  /* -------------------------- */
  /* --oj-menu-icon-size:                      var(--oj-core-icon-size-lg); */
  /* --oj-menu-icon-to-edge-padding:           1rem; */
  /* --oj-menu-text-to-start-icon-padding:     1rem; */
  /* --oj-menu-text-to-end-icon-padding:       2rem; */
  /* --oj-menu-text-to-edge-padding:           1rem; */
  /* --oj-menu-divider-margin:                 var(--oj-core-spacing-2x) 0; */
  /* menu item */
  /* --oj-menu-item-text-color:                var(--oj-core-text-color-primary); */
  /* --oj-menu-icon-color:                     var(--oj-core-text-color-primary); */
  /* menu sheet */
  /* on a phone the menu displays as a sheet, aka 'action sheet',
  /* see the doc for open-options.display in the menu doc */
  /* --oj-menu-sheet-margin-horizontal:        0px; */
  /* label                      */
  /* -------------------------- */
  /* --oj-label-font-size:     var(--oj-typography-body-sm-font-size); */
  /* --oj-label-font-weight:   600; */
  /* --oj-label-line-height:   var(--oj-typography-body-sm-line-height); */
  /* 
  --oj-label-color:         var(--oj-core-text-color-primary); */
  /* --oj-label-color-disabled:              var(--oj-core-text-color-disabled); */
  /* --oj-label-required-char-font-size:  0.9rem; */
  /* --oj-label-required-icon-color: rgb(var(--oj-palette-brand-rgb-110)); */
  /* 
  --oj-label-inside-edge-font-size:       var(--oj-typography-body-xs-font-size); */
  /* --oj-label-inside-edge-font-weight:     600; */
  /* --oj-label-inside-edge-line-height:     var(--oj-typography-body-xs-line-height); */
  /* --oj-label-inside-edge-position-top:    0.5rem; */
  /* --oj-label-inside-edge-color: var(--oj-core-text-color-secondary); */
  /* form Controls              */
  /* -------------------------- */
  /* --oj-form-control-font-weight-read-only:  normal; */
  /* text fields                */
  /* -------------------------- */
  /*   Text fields allow users to input, edit,
  /*   and select text. These variables are used by
  /*   oj-input-date
  /*   oj-input-date-time
  /*   oj-input-number
  /*   oj-input-password
  /*   oj-input-search
  /*   oj-input-text
  /*   oj-input-time
  /*   oj-combobox-many
  /*   oj-combobox-one
  /*   oj-select-single
  /*   oj-select-many
  /*   oj-select-one          */
  /* 
  --oj-text-field-border-radius:       var(--oj-core-border-radius-md); */
  /* --oj-text-field-border-width:    1px; */
  /* 

  --oj-text-field-icon-to-text-padding: var(--oj-core-spacing-3x); */
  /* --oj-text-field-icon-to-edge-padding: var(--oj-core-spacing-3x); */
  /* --oj-text-field-text-to-edge-padding: var(--oj-core-spacing-3x); */
  /* 
  --oj-text-field-text-align: start; */
  /* 
  --oj-text-field-height:              2.75rem; */
  /* --oj-text-field-font-size:        var(--oj-typography-body-md-font-size); */
  /* enabled */
  /* --oj-text-field-bg-color:               rgb(var(--oj-palette-neutral-rgb-0)); */
  /* --oj-text-field-border-color:           rgba(var(--oj-palette-neutral-rgb-190),.5); */
  /* --oj-text-field-placeholder-color:      var(--oj-core-text-color-secondary); */
  /* --oj-text-field-placeholder-font-style: normal; */
  /* --oj-text-field-text-color:      var(--oj-core-text-color-primary); */
  /* focus */
  /* --oj-text-field-border-color-focus:        rgb(var(--oj-palette-brand-rgb-110)); */
  /* --oj-text-field-box-shadow-focus:        0 0 0 1px rgb(var(--oj-palette-brand-rgb-110)) inset; */
  /* disabled */
  /* --oj-text-field-bg-color-disabled:      rgba(var(--oj-palette-neutral-rgb-0),.3); */
  /* --oj-text-field-border-color-disabled:  var(--oj-core-color-disabled-2); */
  /* --oj-text-field-text-color-disabled:   var(--oj-core-text-color-disabled); */
  /* inside edge */
  /* --oj-text-field-inside-edge-height:                  3.25rem; */
  /* padding between the border and the actual input element,
  /* the inside edge label sits over this padding */
  /* --oj-text-field-inside-edge-padding-top:             0.8125rem; */
  /* 
  --oj-text-field-inside-edge-label-color-error:       rgb(var(--oj-palette-danger-rgb-100)); */
  /* --oj-text-field-inside-edge-label-color-warning:     rgb(var(--oj-palette-warning-rgb-100)); */
  /* --oj-text-field-inside-edge-label-color-focus:       rgb(var(--oj-palette-brand-rgb-110)); */
  /* by default the text field width and max width is 100%,
  /* these variables are used in the classes
  /* .oj-form-control-max-width-sm, .oj-form-control-max-width-md,
  /* .oj-form-control-width-sm, .oj-form-control-width-md */
  /* --oj-text-field-sm-width: calc(var(--oj-form-layout-column-max-width)/2); */
  /* --oj-text-field-md-width: var(--oj-form-layout-column-max-width); */
  /* user assistance           */
  /*-------------------------- */
  /* user Assistance */
  /* --oj-user-assistance-inline-text-color: var(--oj-core-text-color-secondary); */
  /* --oj-user-assistance-inline-font-size: var(--oj-typography-body-xs-font-size); */
  /* listbox                   */
  /*-------------------------- */
  /* a listbox is a dropdown used in select and combobox */
  /* --oj-listbox-item-padding-horizontal:  var(--oj-text-field-text-to-edge-padding); */
  /* date picker     */
  /*-----------------*/
  /* --oj-date-picker-cell-font-size:               var(--oj-typography-body-sm-font-size); */
  /* --oj-date-picker-cell-border-color-today:      rgb(var(--oj-palette-neutral-rgb-160)); */
  /* radioset/checkboxset      */
  /*-------------------------- */
  /* --oj-radio-checkbox-width:                     auto; */
  /* --oj-radio-checkbox-row-height:                2.25rem; */
  /* 
  --oj-radio-checkbox-input-size:                1rem; */
  /* --oj-radio-checkbox-input-color-unselected:    rgb(var(--oj-palette-neutral-rgb-190)); */
  /* --oj-radio-checkbox-input-color-selected:      rgb(var(--oj-palette-neutral-rgb-190)); */
  /* 
  --oj-radio-checkbox-label-to-edge-padding:     0; */
  /* --oj-radio-checkbox-input-to-label-padding:    0.5rem; */
  /* --oj-radio-checkbox-input-to-edge-padding:     0; */
  /* 
  --oj-radio-checkbox-item-divider-color:        transparent; */
  /* 
  --oj-radio-checkbox-input-transform-active:    scale(0.75); */
  /* --oj-radio-checkbox-item-bg-color-active:      transparent; */
  /* slider                     */
  /* -------------------------- */
  /* 
  --oj-slider-thumb-width:                 1.25rem; */
  /* --oj-slider-thumb-height:                1.25rem; */
  /* --oj-slider-thumb-border-radius:         var(--oj-core-border-radius-lg); */
  /* --oj-slider-thumb-border-width:          2px; */
  /* 
  --oj-slider-track-thickness:             2px; */
  /* enabled */
  /* --oj-slider-thumb-bg-color:              rgb(var(--oj-palette-neutral-rgb-10)); */
  /* --oj-slider-thumb-border-color:          rgb(var(--oj-palette-neutral-rgb-190)); */
  /* --oj-slider-thumb-box-shadow:            none; */
  /* 
  --oj-slider-track-bg-color:              rgba(var(--oj-palette-neutral-rgb-170), 0.15); */
  /* --oj-slider-value-bg-color:              rgb(var(--oj-palette-neutral-rgb-180)); */
  /* hover */
  /* --oj-slider-thumb-bg-color-hover:        rgb(var(--oj-palette-neutral-rgb-30)); */
  /* --oj-slider-thumb-box-shadow-hover:      none; */
  /* active */
  /* --oj-slider-thumb-bg-color-active:       rgb(var(--oj-palette-neutral-rgb-40)); */
  /* --oj-slider-thumb-border-color-active:   rgb(var(--oj-palette-neutral-rgb-190)); */
  /* --oj-slider-thumb-box-shadow-active:     none; */
  /* --oj-slider-thumb-scale-active:          1; */
  /* disabled */
  /* --oj-slider-thumb-bg-color-disabled:     rgb(var(--oj-palette-neutral-rgb-0)); */
  /* --oj-slider-thumb-border-color-disabled: var(--oj-core-text-color-disabled); */
  /* 
  --oj-slider-track-bg-color-disabled:     var(--oj-core-color-disabled-2); */
  /* --oj-slider-value-bg-color-disabled:     var(--oj-core-text-color-disabled); */
  /* switch                   */
  /*------------------------- */
  /* 
  --oj-switch-track-height:                         1.25rem; */
  /* --oj-switch-track-width:                          2.25rem; */
  /* --oj-switch-track-border-radius:                  var(--oj-core-border-radius-lg); */
  /* 
  --oj-switch-thumb-to-track-horizontal-margin:     0.0625rem; */
  /* enabled off */
  /* --oj-switch-track-bg-color:                       rgb(var(--oj-palette-neutral-rgb-90)); */
  /* --oj-switch-track-border-color:                   transparent; */
  /* 
  --oj-switch-thumb-bg-color:                       rgb(var(--oj-palette-neutral-rgb-0)); */
  /* --oj-switch-thumb-border-color:                   rgb(var(--oj-palette-neutral-rgb-0)); */
  /* --oj-switch-thumb-height:                         calc(var(--oj-switch-track-height) - 0.25rem); */
  /* --oj-switch-thumb-width:                          var(--oj-switch-thumb-height); */
  /* --oj-switch-thumb-border-radius:                  var(--oj-core-border-radius-md); */
  /* --oj-switch-thumb-box-shadow:                     0px 0.125rem 0.25rem 0px rgba(var(--oj-core-box-shadow-rgb),.1); */
  /* selected (on) */
  /* --oj-switch-track-bg-color-selected:              rgb(var(--oj-palette-brand-rgb-100)); */
  /* --oj-switch-track-border-color-selected:          rgb(var(--oj-palette-brand-rgb-100)); */
  /* 
  --oj-switch-thumb-bg-color-selected:              rgb(var(--oj-palette-neutral-rgb-0)); */
  /* --oj-switch-thumb-border-color-selected:          rgb(var(--oj-palette-neutral-rgb-0)); */
  /* --oj-switch-thumb-box-shadow-selected:            var(--oj-switch-thumb-box-shadow); */
  /* hover (off) */
  /* --oj-switch-track-bg-color-hover:                 rgba(var(--oj-palette-neutral-rgb-170),.6); */
  /* --oj-switch-track-border-color-hover:             transparent; */
  /* 
  --oj-switch-thumb-bg-color-hover:                 rgb(var(--oj-palette-neutral-rgb-10)); */
  /* --oj-switch-thumb-border-color-hover:             rgb(var(--oj-palette-neutral-rgb-10)); */
  /* --oj-switch-thumb-box-shadow-hover:               none; */
  /* selected hover (on) */
  /* --oj-switch-track-bg-color-selected-hover:        rgb(var(--oj-palette-brand-rgb-110)); */
  /* --oj-switch-track-border-color-selected-hover:    rgb(var(--oj-palette-brand-rgb-110)); */
  /* 
  --oj-switch-thumb-bg-color-selected-hover:        rgb(var(--oj-palette-neutral-rgb-10)); */
  /* --oj-switch-thumb-border-color-selected-hover:    rgb(var(--oj-palette-neutral-rgb-10)); */
  /* --oj-switch-thumb-box-shadow-selected-hover:      none; */
  /* active (off) */
  /* --oj-switch-track-bg-color-active:                rgba(var(--oj-palette-neutral-rgb-170), 0.68); */
  /* --oj-switch-track-border-color-active:            transparent; */
  /* 
  --oj-switch-thumb-bg-color-active:                rgb(var(--oj-palette-neutral-rgb-10)); */
  /* --oj-switch-thumb-border-color-active:            rgb(var(--oj-palette-neutral-rgb-10)); */
  /* --oj-switch-thumb-box-shadow-active:              none; */
  /* --oj-switch-thumb-width-active:                   var(--oj-switch-thumb-width); */
  /* selected active (on) */
  /* --oj-switch-track-bg-color-selected-active:       rgb(var(--oj-palette-brand-rgb-120)); */
  /* --oj-switch-track-border-color-selected-active:   rgb(var(--oj-palette-brand-rgb-120)); */
  /* 
  --oj-switch-thumb-bg-color-selected-active:       rgb(var(--oj-palette-neutral-rgb-10)); */
  /* --oj-switch-thumb-border-color-selected-active:   rgb(var(--oj-palette-neutral-rgb-10)); */
  /* --oj-switch-thumb-box-shadow-selected-active:     none; */
  /* disabled (off) */
  /* --oj-switch-track-bg-color-disabled:              var(--oj-core-color-disabled-2); */
  /* --oj-switch-track-border-color-disabled:          transparent; */
  /* 
  --oj-switch-thumb-bg-color-disabled:              rgba(var(--oj-palette-neutral-rgb-10), .8); */
  /* --oj-switch-thumb-border-color-disabled:          transparent; */
  /* selected disabled (on) */
  /* --oj-switch-track-bg-color-selected-disabled:     var(--oj-core-color-disabled-2); */
  /* --oj-switch-track-border-color-selected-disabled: transparent; */
  /* 
  --oj-switch-thumb-bg-color-selected-disabled:     rgba(var(--oj-palette-neutral-rgb-10), .8); */
  /* --oj-switch-thumb-border-color-selected-disabled: transparent; */
  /* color palette                */
  /* ---------------------------- */
  /* --oj-color-palette-swatch-inner-border-color:          rgb(var(--oj-palette-neutral-rgb-170)); */
  /* --oj-color-palette-swatch-outer-border-color-selected: rgb(var(--oj-palette-neutral-rgb-190)); */
  /* --oj-color-palette-border-radius:                      50%; */
  /* --oj-color-palette-swatch-margin:                      1px; */
  /* --oj-color-palette-grid-font-size:                     var(--oj-typography-body-xs-font-size); */
  /* color spectrum */
  /* ---------------------------- */
  /* --oj-color-spectrum-border-color:                rgb(var(--oj-palette-neutral-rgb-50)); */
  /* form Layout                */
  /* -------------------------- */
  /* --oj-form-layout-horizontal-margin:                     0px; */
  /* --oj-form-layout-margin-bottom:                         .875rem; */
  /* 
  --oj-form-layout-divider-width:                         0; */
  /* --oj-form-layout-divider-margin:                        0; */
  /* 
  --oj-form-layout-start-edge-column-min-width:          22rem; */
  /* --oj-form-layout-start-edge-column-max-width:          37.5rem; */
  /* --oj-form-layout-column-min-width:                      18rem; */
  /* --oj-form-layout-column-max-width:                      28rem; */
  /* 
  --oj-form-layout-column-gutter:                         1.5rem; */
  /* 
  --oj-form-layout-top-edge-label-to-value-padding: 0.5rem; */
  /* 
  --oj-form-layout-start-edge-label-text-align: end; */
  /* --oj-form-layout-start-edge-value-text-align: start; */
  /* --oj-form-layout-start-edge-label-to-value-padding: 1.5rem; */
  /* collections
  /*   These variables are used by
  /*    oj-table
  /*    oj-data-grid
  /*    oj-list-view
  /* ---------------------------- */
  /*  --oj-collection-list* variables are for list view and table when display=list */
  /* --oj-collection-list-row-height:                         3rem; */
  /* --oj-collection-list-cell-padding-vertical:              0.75rem; */
  /*  --oj-collection-grid* variables are for data grid and table when display=grid */
  /* --oj-collection-grid-row-height:                         2.375rem; */
  /* --oj-collection-grid-header-height:                      2.25rem; */
  /* --oj-collection-grid-cell-padding:                       .5rem; */
  /* 

  --oj-collection-bg-color:                                rgb(var(--oj-palette-neutral-rgb-0)); */
  /* --oj-collection-border-color:                            rgba(var(--oj-palette-neutral-rgb-190), .1); */
  /* --oj-collection-free-space-bg-color:                     rgb(var(--oj-palette-neutral-rgb-0)); */
  /* --oj-collection-default-sort-icon-display:               block; */
  /* --oj-collection-cell-banded-bg-color:                    rgb(var(--oj-palette-neutral-rgb-190), 0.03); */
  /* headers */
  /* --oj-collection-header-font-size:                        var(--oj-typography-body-md-font-size); */
  /* --oj-collection-header-font-weight:                      600; */
  /* a header is partially selected when some but not all respective cells are selected */
  /* --oj-collection-header-bg-color-partial-selected:        rgba(var(--oj-palette-neutral-rgb-190), 0.03); */
  /* enabled */
  /* --oj-collection-header-bg-color:                         rgb(var(--oj-palette-neutral-rgb-0)); */
  /* --oj-collection-header-text-color:                       var(--oj-core-text-color-primary); */
  /* hover */
  /* --oj-collection-header-bg-color-hover:                   var(--oj-core-bg-color-hover); */
  /* selected */
  /* --oj-collection-header-bg-color-selected:                rgba(var(--oj-palette-neutral-rgb-190), 0.08); */
  /* editable */
  /* --oj-collection-editable-cell-border-color-focus:        var(--oj-core-border-color-selected); */
  /* --oj-collection-editable-cell-bg-color-read-only:        var(--oj-core-bg-color-hover); */
  /* data grid                  */
  /* -------------------------- */
  /* --oj-data-grid-column-width:                             6.25rem; */
  /* list view                  */
  /* -------------------------- */
  /* 
  --oj-list-view-item-padding-horizontal: 1rem; */
  /* 
  --oj-list-view-group-header-bg-color:          transparent; */
  /* --oj-list-view-group-header-bg-color-sticky:   rgb(var(--oj-palette-neutral-rgb-30)); */
  /* --oj-list-view-group-header-font-weight:  var(--oj-typography-subheading-xs-font-weight); */
  /* --oj-list-view-group-header-font-size:    var(--oj-typography-subheading-xs-font-size); */
  /* --oj-list-view-group-header-line-height:  var(--oj-typography-subheading-xs-line-height); */
  /* table                        */
  /* ---------------------------- */
  /* --oj-table-cell-padding-horizontal:             1rem; */
  /* tree view                    */
  /* ---------------------------- */
  /* --oj-tree-view-row-height:                              2.5rem; */
  /* --oj-tree-view-text-color:                              var(--oj-core-text-color-primary); */
  /* --oj-tree-view-indent-width:                            1.5rem; */
  /* indexer                    */
  /* -------------------------- */
  /* --oj-indexer-text-color:            var(--oj-core-text-color-primary); */
  /* --oj-indexer-font-size:             var(--oj-typography-body-sm-font-size); */
  /* refresher                  */
  /* -------------------------- */
  /* --oj-refresher-bg-color:           rgb(var(--oj-palette-neutral-rgb-40)); */
  /* panel                     */
  /*-------------------------- */
  /* --oj-panel-padding:                   var(--oj-core-spacing-2x); */
  /* --oj-panel-border-radius:             var(--oj-core-border-radius-lg); */
  /* --oj-panel-bg-color:                  var(--oj-core-bg-color-content); */
  /* --oj-panel-border-color:              var(--oj-core-divider-color); */
  /* --oj-panel-gutter:                    var(--oj-core-spacing-4x); */
  /* action card               */
  /*-------------------------- */
  /* --oj-action-card-scale-hover: 1; */
  /* badge                      */
  /* -------------------------- */
  /* --oj-badge-height: 1.5rem; */
  /* --oj-badge-border-radius: var(--oj-core-border-radius-lg); */
  /* 
  --oj-badge-bg-color: var(--oj-core-neutral-1); */
  /* --oj-badge-text-color: var(--oj-core-neutral-contrast); */
  /* 
  --oj-badge-font-size: 0.6875rem; */
  /* --oj-badge-font-weight: 700; */
  /* --oj-badge-font-stretch: condensed; */
  /* avatar                     */
  /* -------------------------- */
  /* --oj-avatar-bg-color:                       rgb(var(--oj-palette-neutral-rgb-130)); */
  /* --oj-avatar-text-color:                     var(--oj-core-neutral-contrast); */
  /* --oj-avatar-pattern-display:                block; */
  /* 
  --oj-avatar-size:                        4.5rem; */
  /* --oj-avatar-border-radius:               var(--oj-core-border-radius-xl); */
  /* --oj-avatar-initials-font-size:          var(--oj-typography-heading-lg-font-size); */
  /* --oj-avatar-initials-font-weight:        lighter; */
  /* --oj-avatar-icon-font-size:              2rem; */
  /* conveyor belt               */
  /* -------------------------- */
  /* --oj-conveyor-belt-box-shadow-width: 0.25rem; */
  /* popup                      */
  /* -------------------------- */
  /* 
  --oj-popup-bg-color:                 rgb(var(--oj-palette-neutral-rgb-0)); */
  /* --oj-popup-border-color:             var(--oj-core-divider-color); */
  /* --oj-popup-border-radius:            var(--oj-core-border-radius-sm); */
  /* --oj-popup-box-shadow:               var(--oj-core-box-shadow-xs); */
  /* --oj-popup-padding:          0.5rem; */
  /* 
  --oj-popup-tail-height:             5px; */
  /* --oj-popup-tail-width:              10px; */
  /* dialog                     */
  /* -------------------------- */
  /* --oj-dialog-border-radius:            var(--oj-core-border-radius-lg); */
  /* --oj-dialog-bg-color:                 rgb(var(--oj-palette-neutral-rgb-10)); */
  /* --oj-dialog-border-color:             rgba(var(--oj-palette-neutral-rgb-190),.1); */
  /* --oj-dialog-box-shadow:               var(--oj-core-box-shadow-xl); */
  /* 
  --oj-dialog-header-padding:           2.75rem 2rem 0.75rem; */
  /* --oj-dialog-body-padding:             0 2rem 1rem 2rem; */
  /* --oj-dialog-footer-padding:           1rem 2rem 2rem 2rem; */
  /* 
  --oj-dialog-header-bg-color:          transparent; */
  /* --oj-dialog-header-border-color:      transparent; */
  /* 
  --oj-dialog-title-text-color:        var(--oj-core-text-color-primary); */
  /* --oj-dialog-title-font-size:         var(--oj-typography-heading-xs-font-size); */
  /* --oj-dialog-title-line-height:       var(--oj-typography-heading-xs-line-height); */
  /* --oj-dialog-title-font-weight:       var(--oj-typography-heading-xs-font-weight); */
  /* 
  --oj-dialog-cancel-icon-margin-top: -1.5rem; */
  /* --oj-dialog-cancel-icon-margin-end: -1.5rem; */
  /* file picker                */
  /* -------------------------- */
  /* 
  --oj-file-picker-border-color:              rgba(var(--oj-palette-neutral-rgb-190), 0.65); */
  /* --oj-file-picker-border-width:              1px; */
  /* --oj-file-picker-border-radius:             var(--oj-core-border-radius-xl); */
  /* masonry layout             */
  /* -------------------------- */
  /* --oj-masonry-layout-tile-width:    10rem; */
  /* --oj-masonry-layout-tile-height:   10rem; */
  /* navigation list            */
  /* -------------------------- */
  /* 
  --oj-navigation-list-font-size:                          var(--oj-typography-body-md-font-size); */
  /* --oj-navigation-list-font-weight:                        600; */
  /* 
  --oj-navigation-list-icon-margin:                        0; */
  /* --oj-navigation-list-icon-size:                          var(--oj-core-icon-size-lg); */
  /* --oj-navigation-list-icon-to-text-padding:               0.5rem; */
  /* 

  --oj-navigation-list-item-min-height:                    3rem; */
  /* --oj-navigation-list-item-margin:                        2rem; */
  /* --oj-navigation-list-item-padding:                       0; */
  /* default */
  /* --oj-navigation-list-item-label-color:               var(--oj-core-text-color-secondary); */
  /* hover */
  /* --oj-navigation-list-item-label-color-hover:                 var(--oj-core-text-color-primary); */
  /* --oj-navigation-list-item-bg-color-hover:                    transparent; */
  /* selected */
  /* --oj-navigation-list-item-bg-color-selected:                 transparent; */
  /* --oj-navigation-list-item-border-color-selected:             rgb(var(--oj-palette-brand-rgb-110)); */
  /* --oj-navigation-list-item-label-color-selected:              var(--oj-core-text-color-primary); */
  /* sliding */
  /* --oj-navigation-list-sliding-heading-font-size:          var(--oj-typography-subheading-xs-font-size); */
  /* --oj-navigation-list-sliding-heading-font-weight:        var(--oj-typography-subheading-xs-font-weight); */
  /* --oj-navigation-list-sliding-heading-line-height:        var(--oj-typography-subheading-xs-line-height); */
  /* tab bar                    */
  /* -------------------------- */
  /* 
  --oj-tab-bar-icon-to-text-padding:                0.5rem; */
  /* --oj-tab-bar-icon-size:                           var(--oj-core-icon-size-lg); */
  /* --oj-tab-bar-icon-margin:                         0; */
  /* 
  --oj-tab-bar-item-margin:                         0 2rem 0 0; */
  /* --oj-tab-bar-item-min-height:                     3rem; */
  /* --oj-tab-bar-item-line-height:                    var(--oj-typography-body-md-line-height); */
  /* --oj-tab-bar-item-font-size:                      var(--oj-typography-body-md-font-size); */
  /* 
  --oj-tab-bar-item-padding:                         0; */
  /* default */
  /* --oj-tab-bar-item-font-weight:                    600; */
  /* --oj-tab-bar-item-label-color:                    var(--oj-core-text-color-secondary); */
  /* hover */
  /* --oj-tab-bar-item-label-color-hover:              var(--oj-core-text-color-primary); */
  /* --oj-tab-bar-item-bg-color-hover:                 transparent; */
  /* active */
  /* --oj-tab-bar-item-bg-color-active:                transparent; */
  /* --oj-tab-bar-item-border-color-active:    rgb(var(--oj-palette-brand-rgb-70)); */
  /* selected */
  /* --oj-tab-bar-item-font-weight-selected:           600; */
  /* --oj-tab-bar-item-label-color-selected:           var(--oj-core-text-color-primary); */
  /* --oj-tab-bar-item-bg-color-selected:              transparent; */
  /* --oj-tab-bar-item-border-color-selected:          var(--oj-core-text-color-primary); */
  /* progress Bar               */
  /* -------------------------- */
  /* 
  --oj-progress-bar-height:                        6px; */
  /* --oj-progress-bar-border-radius:                 3px; */
  /* --oj-progress-bar-track-bg-color:                rgba(var(--oj-palette-neutral-rgb-170), .15); */
  /* --oj-progress-bar-value-bg-color:                rgb(var(--oj-palette-neutral-rgb-190)); */
  /* progress circle            */
  /* -------------------------- */
  /* 
  --oj-progress-circle-value-bg-color:             rgb(var(--oj-palette-neutral-rgb-190)); */
  /* --oj-progress-circle-sm-size:                    1.5rem; */
  /* --oj-progress-circle-md-size:                    3rem; */
  /* --oj-progress-circle-lg-size:                    6rem; */
  /* --oj-progress-circle-sm-track-width:             2px; */
  /* --oj-progress-circle-md-track-width:             0.25rem; */
  /* --oj-progress-circle-lg-track-width:             0.375rem; */
  /* --oj-progress-circle-determinate-track-bg-color: rgba(var(--oj-palette-neutral-rgb-170), .15); */
  /* train                      */
  /* -------------------------- */
  /* --oj-train-step-width:                       7rem; */
  /* --oj-train-padding:                          0.75rem 0 0.75rem 0; */
  /* --oj-train-label-font-size:                  var(--oj-typography-body-sm-font-size); */
  /* --oj-train-label-font-weight:                bold; */
  /* --oj-train-label-padding-top:                0.75rem; */
  /* --oj-train-button-diameter:                  1.5rem; */
  /* --oj-train-button-font-size:                 var(--oj-typography-body-xs-font-size); */
  /* --oj-train-connector-height:                 2px; */
  /* --oj-train-connector-padding:                0.625rem; */
  /* default */
  /* --oj-train-button-bg-color:                  rgb(var(--oj-palette-neutral-rgb-0)); */
  /* --oj-train-button-border-color:              rgba(var(--oj-palette-neutral-rgb-190),.6); */
  /* --oj-train-button-text-color:                var(--oj-core-text-color-secondary); */
  /* --oj-train-label-color:                      var(--oj-core-text-color-secondary); */
  /* --oj-train-connector-color:                  rgba(var(--oj-palette-neutral-rgb-190),.3); */
  /* visited */
  /* --oj-train-button-bg-color-visited:          rgb(var(--oj-palette-success-rgb-110)); */
  /* --oj-train-button-border-color-visited:      transparent; */
  /* --oj-train-button-text-color-visited:        var(--oj-core-neutral-contrast); */
  /* --oj-train-label-color-visited:              var(--oj-core-text-color-primary); */
  /* hover */
  /* --oj-train-button-bg-color-hover:            rgb(var(--oj-palette-neutral-rgb-0)); */
  /* --oj-train-button-border-color-hover:        rgba(var(--oj-palette-brand-rgb-160),.6); */
  /* --oj-train-button-text-color-hover:          rgba(var(--oj-palette-brand-rgb-160),.6); */
  /* --oj-train-step-bg-color-hover:              var(--oj-core-bg-color-hover); */
  /* --oj-train-step-border-radius:               var(--oj-core-border-radius-xl); */
  /* active */
  /* --oj-train-button-bg-color-active:           rgb(var(--oj-palette-neutral-rgb-190)); */
  /* --oj-train-button-border-color-active:       transparent; */
  /* --oj-train-button-text-color-active:         rgb(var(--oj-palette-neutral-rgb-0)); */
  /* --oj-train-label-font-weight-active:         bold; */
  /* --oj-train-step-bg-color-active:             var(--oj-core-bg-color-active); */
  /* selected */
  /* --oj-train-button-bg-color-selected:         rgb(var(--oj-palette-neutral-rgb-190)); */
  /* --oj-train-button-border-color-selected:     transparent; */
  /* --oj-train-button-text-color-selected:       rgb(var(--oj-palette-neutral-rgb-0)); */
  /* --oj-train-label-font-weight-selected:       bold; */
  /* --oj-train-label-color-selected:             var(--oj-core-text-color-primary); */
  /* --oj-train-connector-color-selected:         rgba(var(--oj-palette-neutral-rgb-190),.3); */
  /* --oj-train-connector-padding-selected:       0px; */
  /* disabled */
  /* --oj-train-button-bg-color-disabled:         rgb(var(--oj-palette-neutral-rgb-0)); */
  /* --oj-train-button-border-color-disabled:     var(--oj-core-text-color-disabled); */
  /* --oj-train-button-text-color-disabled:       var(--oj-core-text-color-disabled); */
  /* --oj-train-button-opacity-disabled:          1; */
  /* --oj-train-label-color-disabled:             var(--oj-core-text-color-disabled); */
  /* tooltip                    */
  /* -------------------------- */
  /* --oj-tooltip-border-radius: var(--oj-core-border-radius-md); */
  /* --oj-tooltip-bg-color:      rgb(var(--oj-palette-neutral-rgb-170)); */
  /* --oj-tooltip-border-color:  rgb(var(--oj-palette-neutral-rgb-170)); */
  /* --oj-tooltip-text-color:    rgb(var(--oj-palette-neutral-rgb-0)); */
  /* --oj-tooltip-font-size:     var(--oj-typography-body-xs-font-size); */
  /* --oj-tooltip-line-height:   var(--oj-typography-body-xs-line-height); */
  /* --oj-tooltip-padding:       var(--oj-core-spacing-2x); */
  /* dvt                        */
  /* -------------------------- */
  /* used for gauge thresholds and stock chart rising and falling colors */
  /* --oj-dvt-danger-color:              rgb(214, 59, 37); */
  /* --oj-dvt-warning-color:             rgb(207, 124, 0); */
  /* --oj-dvt-success-color:             rgb(80, 130, 35); */
  /* marquee */
  /* --oj-dvt-marquee-color:                    rgba(var(--oj-palette-neutral-rgb-20),.1); */
  /* --oj-dvt-marquee-border-color:             rgba(var(--oj-palette-neutral-rgb-190), 0.8); */
  /* selected nodes in sunburst, diagram, treemap, timeline, thematic map, nbox, gantt*/
  /* --oj-dvt-item-border-color-selected:   rgb(var(--oj-palette-neutral-rgb-190)); */
  /* hover/selected inner contrast color in sunburst, diagram, treemap, nbox , thematic map nodes */
  /* --oj-dvt-item-contrast-color:           rgb(var(--oj-palette-neutral-rgb-20)); */
  /* hover nodes in sunburst, treemap */
  /* --oj-dvt-node-border-color-hover:         rgb(var(--oj-palette-neutral-rgb-20)); */
  /* reference line contrast line, data cursor contrast line in chart, marquee inner stroke */
  /* --oj-dvt-contrast-line-color:              rgba(var(--oj-palette-neutral-rgb-20), 0.7); */
  /* reference area color in chart, gantt */
  /* --oj-dvt-reference-object-area-color:      rgba(var(--oj-palette-neutral-rgb-170), 0.08); */
  /* reference line primary line, data cursor contrast line in chart, gantt */
  /* --oj-dvt-reference-object-line-color:      rgba(var(--oj-palette-neutral-rgb-190), 0.8); */
  /* overview window for dvt components, currently timeline and diagram */
  /* --oj-dvt-overview-bg-color:                rgb(var(--oj-palette-neutral-rgb-50)); */
  /* --oj-dvt-overview-window-bg-color:         rgb(var(--oj-palette-neutral-rgb-0)); */
  /* --oj-dvt-overview-window-border-color:     rgb(var(--oj-palette-neutral-rgb-170)); */
  /* chart axis, datalabel and legend text */
  /* --oj-dvt-label-font-size-sm:              var(--oj-typography-body-xs-font-size); */
  /* sunburst, diagram, nbox node data labels */
  /* --oj-dvt-label-font-size-md:              var(--oj-typography-body-sm-font-size); */
  /* timeline, gantt labels */
  /* --oj-dvt-label-font-size-lg:              var(--oj-typography-body-md-font-size); */
  /* chart                      */
  /* -------------------------- */
  /* --oj-chart-axis-title-text-color:         var(--oj-core-text-color-secondary); */
  /* --oj-chart-axis-tick-label-text-color:    var(--oj-core-text-color-secondary); */
  /* --oj-chart-animation-rising-icon-color:   rgb(var(--oj-palette-info-rgb-90)); */
  /* --oj-chart-animation-falling-icon-color:  rgb(var(--oj-palette-danger-rgb-90)); */
  /* --oj-chart-animation-marker-color:        rgb(var(--oj-palette-neutral-rgb-20)); */
  /* --oj-chart-polar-axis-tick-label-inside-bg-color: rgba(var(--oj-palette-neutral-rgb-0), .6); */
  /* --oj-chart-polar-axis-tick-label-outside-bg-color:    rgb(var(--oj-palette-neutral-rgb-0)); */
  /* --oj-chart-data-cursor-line-color: rgba(var(--oj-palette-neutral-rgb-190), 0.8); */
  /* stock charts */
  /* --oj-chart-stock-falling-bg-color:        var(--oj-dvt-danger-color); */
  /* --oj-chart-stock-range-bg-color:          rgb(var(--oj-palette-neutral-rgb-100)); */
  /* --oj-chart-stock-rising-bg-color:         var(--oj-dvt-success-color); */
  /* spark chart */
  /* --oj-spark-chart-item-color:         rgb(var(--oj-palette-dvt-rgb-1)); */
  /* diagram                    */
  /* -------------------------- */
  /* --oj-diagram-link-color:                           rgb(var(--oj-palette-neutral-rgb-120)); */
  /* --oj-diagram-node-border-color-hover:              rgb(var(--oj-palette-neutral-rgb-120)); */
  /* --oj-diagram-node-bg-color:               rgb(var(--oj-palette-neutral-rgb-170)); */
  /* variables for base gauge. used by all gauges */
  /* -------------------------- */
  /* --oj-gauge-metric-label-font-weight: normal; */
  /* rating gauge               */
  /* -------------------------- */
  /* 
  --oj-rating-gauge-sm-size:                           1rem; */
  /* --oj-rating-gauge-md-size:                           1.25rem; */
  /* --oj-rating-gauge-lg-size:                           2.25rem; */
  /* 
  --oj-rating-gauge-border-color-hover:          var(--oj-rating-gauge-border-color-selected); */
  /* --oj-rating-gauge-color-hover:                 var(--oj-rating-gauge-color-selected); */
  /* 
  --oj-rating-gauge-border-color-unselected:     rgb(var(--oj-palette-neutral-rgb-190)); */
  /* --oj-rating-gauge-color-unselected:            transparent; */
  /* 
  --oj-rating-gauge-border-color-selected:       rgb(var(--oj-palette-neutral-rgb-190)); */
  /* --oj-rating-gauge-color-selected:              rgb(var(--oj-palette-neutral-rgb-190)); */
  /* 
  --oj-rating-gauge-border-color-changed:        var(--oj-rating-gauge-border-color-selected); */
  /* --oj-rating-gauge-color-changed:               var(--oj-rating-gauge-color-selected); */
  /* 
  --oj-rating-gauge-color-selected-disabled:              var(--oj-core-text-color-disabled); */
  /* --oj-rating-gauge-color-unselected-disabled:            var(--oj-core-color-disabled-2); */
  /* 
  --oj-rating-gauge-color-selected-readonly:              rgb(var(--oj-palette-neutral-rgb-190)); */
  /* --oj-rating-gauge-color-unselected-readonly:            rgba(var(--oj-palette-neutral-rgb-170), 0.15); */
  /* 
  --oj-rating-gauge-border-color-selected-readonly:       transparent; */
  /* --oj-rating-gauge-border-color-unselected-readonly:            transparent; */
  /* status meter gauge               */
  /* -------------------------- */
  /* 
  --oj-statusmeter-gauge-bar-sm-size: 0.375rem; */
  /* --oj-statusmeter-gauge-bar-md-size: 0.625rem; */
  /* --oj-statusmeter-gauge-bar-lg-size: 0.875rem; */
  /* --oj-statusmeter-gauge-bar-plotarea-border-color: transparent; */
  /* --oj-statusmeter-gauge-bar-plotarea-color: rgba(var(--oj-palette-neutral-rgb-170), .15); */
  /* 
  --oj-statusmeter-gauge-circular-sm-size:       3.5rem; */
  /* --oj-statusmeter-gauge-circular-md-size:       6rem; */
  /* --oj-statusmeter-gauge-circular-lg-size:       12.25rem; */
  /* led gauge               */
  /* -------------------------- */
  /* --oj-led-gauge-sm-size:  1.5rem; */
  /* --oj-led-gauge-md-size:  1.75rem; */
  /* --oj-led-gauge-lg-size:  2rem; */
  /* n-box               */
  /* -------------------------- */
  /* --oj-n-box-cell-bg-color:            rgb(var(--oj-palette-neutral-rgb-0)); */
  /* --oj-n-box-cell-bg-color-maximized:  rgb(var(--oj-palette-neutral-rgb-10)); */
  /* --oj-n-box-node-bg-color:            rgb(var(--oj-palette-neutral-rgb-30)); */
  /* picto chart                */
  /* -------------------------- */
  /* --oj-picto-chart-item-bg-color: rgba(var(--oj-palette-neutral-rgb-170),.15); */
  /* thematic map               */
  /* -------------------------- */
  /* --oj-thematic-map-bg-color:            rgb(var(--oj-palette-neutral-rgb-30)); */
  /* --oj-thematic-map-border-color:        rgb(var(--oj-palette-neutral-rgb-50)); */
  /* --oj-thematic-map-marker-bg-color:     rgb(var(--oj-palette-neutral-rgb-190)); */
  /* --oj-thematic-map-marker-border-color: rgb(var(--oj-palette-neutral-rgb-190)); */
  /* --oj-thematic-map-link-color:          rgb(var(--oj-palette-neutral-rgb-190)); */
  /* treemap                    */
  /* -------------------------- */
  /* --oj-treemap-node-header-bg-color:                   rgb(var(--oj-palette-neutral-rgb-20)); */
  /* --oj-treemap-node-header-bg-color-selected:          rgb(var(--oj-palette-brand-rgb-40)); */
  /* --oj-treemap-node-header-border-color:               rgb(var(--oj-palette-neutral-rgb-40)); */
  /* --oj-treemap-node-header-border-color-hover:         rgb(var(--oj-palette-neutral-rgb-40)); */
}

.oj-avatar-bg-purple {
  /*   --oj-avatar-bg-color:                       #846a92; */
}

.oj-avatar-bg-orange {
  /*   --oj-avatar-bg-color:                       #9b5734; */
}

.oj-avatar-bg-teal {
  /*   --oj-avatar-bg-color:                       #4f7d7b; */
}

.oj-avatar-bg-green {
  /*   --oj-avatar-bg-color:                       #4c825c; */
}

.oj-avatar-bg-pink {
  /*   --oj-avatar-bg-color:                       #925865; */
}

.oj-avatar-bg-slate {
  /*   --oj-avatar-bg-color:                       #798b8a; */
}

.oj-avatar-bg-blue {
  /*   --oj-avatar-bg-color:                       #437c94; */
}

.oj-avatar-bg-lilac {
  /*   --oj-avatar-bg-color:                       #6b7494; */
}

.oj-avatar-bg-gray {
  /*   --oj-avatar-bg-color:                       #6f757e; */
}

.oj-avatar-xxs,
.oj-avatar-2xs {
  /*   --oj-avatar-size:                       1.75rem; */
  /*   --oj-avatar-border-radius:             var(--oj-core-border-radius-md); */
  /*   --oj-avatar-initials-font-size:         var(--oj-typography-body-xs-font-size); */
  /*   --oj-avatar-initials-font-weight:       600; */
  /*   --oj-avatar-icon-font-size:             0.75rem; */
}

.oj-avatar-xs {
  /*   --oj-avatar-size:                        2.75rem; */
  /*   --oj-avatar-border-radius:               var(--oj-core-border-radius-lg); */
  /*   --oj-avatar-initials-font-size:          var(--oj-typography-body-md-font-size); */
  /*   --oj-avatar-initials-font-weight:        400; */
  /*   --oj-avatar-icon-font-size:              1rem; */
}

.oj-avatar-sm {
  /*   --oj-avatar-size:                        3.5rem; */
  /*   --oj-avatar-border-radius:               var(--oj-core-border-radius-lg); */
  /*   --oj-avatar-initials-font-size:          var(--oj-typography-heading-xs-font-size); */
  /*   --oj-avatar-initials-font-weight:        normal; */
  /*   --oj-avatar-icon-font-size:              1.5rem; */
}

.oj-avatar-lg {
  /*   --oj-avatar-size:                        6rem; */
  /*   --oj-avatar-border-radius:               var(--oj-core-border-radius-xl); */
  /*   --oj-avatar-initials-font-size:          2.5rem; */
  /*   --oj-avatar-icon-font-size:              2.25rem; */
}

.oj-avatar-xl {
  /*   --oj-avatar-size:                        9rem; */
  /*   --oj-avatar-border-radius:               var(--oj-core-border-radius-xl); */
  /*   --oj-avatar-initials-font-size:          3rem; */
  /*   --oj-avatar-icon-font-size:              3.5rem; */
}

.oj-avatar-xxl,
.oj-avatar-2xl {
  /*   --oj-avatar-size:                       12.25rem; */
  /*   --oj-avatar-border-radius:              var(--oj-core-border-radius-xl); */
  /*   --oj-avatar-initials-font-size:         4.5rem; */
  /*   --oj-avatar-icon-font-size:             4.5rem; */
}

.oj-badge-sm {
  /*     --oj-badge-height: 1rem; */
  /*     --oj-badge-font-size: 0.5625rem; */
  /*     --oj-badge-font-weight: 700; */
  /*     --oj-badge-border-radius: var(--oj-core-border-radius-md); */
}

.oj-scale-sm {
  /*     --oj-badge-height: 2rem; */
  /*     --oj-badge-font-size: var(--oj-typography-body-md-font-size); */
}

.oj-scale-md {
  /*     --oj-badge-height: 2rem; */
  /*     --oj-badge-font-size: var(--oj-typography-body-md-font-size); */
}

.oj-color-invert {
  /*  solid enabled */
  /*   --oj-button-solid-chrome-bg-color:                      rgba(var(--oj-palette-neutral-rgb-10), 0.08); */
  /*   --oj-button-solid-chrome-border-color:                  transparent; */
  /*   --oj-button-solid-chrome-text-color:                    var(--oj-core-neutral-contrast); */
  /*  solid hover */
  /*   --oj-button-solid-chrome-bg-color-hover:                rgba(var(--oj-palette-neutral-rgb-10), 0.12); */
  /*   --oj-button-solid-chrome-border-color-hover:            transparent; */
  /*   --oj-button-solid-chrome-text-color-hover:              var(--oj-core-neutral-contrast); */
  /*  solid active */
  /*   --oj-button-solid-chrome-bg-color-active:               rgba(var(--oj-palette-neutral-rgb-10), 0.16); */
  /*   --oj-button-solid-chrome-border-color-active:           transparent; */
  /*   --oj-button-solid-chrome-text-color-active:             var(--oj-core-neutral-contrast); */
  /*  solid disabled */
  /*   --oj-button-solid-chrome-bg-color-disabled:             rgba(var(--oj-palette-neutral-rgb-0), 0.16); */
  /*   --oj-button-solid-chrome-border-color-disabled:         transparent; */
  /*   --oj-button-solid-chrome-text-color-disabled:           var(--oj-core-text-color-disabled); */
  /*  solid selected */
  /*   --oj-button-solid-chrome-bg-color-selected:             rgba(var(--oj-palette-neutral-rgb-10), 0.08); */
  /*   --oj-button-solid-chrome-border-color-selected:         transparent; */
  /*   --oj-button-solid-chrome-text-color-selected:           var(--oj-core-neutral-contrast); */
  /*  solid selected hover */
  /*   --oj-button-solid-chrome-bg-color-selected-hover:       rgba(var(--oj-palette-neutral-rgb-10), 0.12); */
  /*   --oj-button-solid-chrome-border-color-selected-hover:   transparent; */
  /*   --oj-button-solid-chrome-text-color-selected-hover:     var(--oj-core-neutral-contrast); */
  /*  solid selected disabled TODO */
  /*   --oj-button-solid-chrome-bg-color-selected-disabled:     rgba(var(--oj-palette-neutral-rgb-0), 0.16); */
  /*   --oj-button-solid-chrome-border-color-selected-disabled: transparent; */
  /*   --oj-button-solid-chrome-text-color-selected-disabled:   var(--oj-core-text-color-disabled); */
  /*  borderless-chrome enabled */
  /*   --oj-button-borderless-chrome-text-color:        var(--oj-core-text-color-primary); */
  /*  borderless chrome hover */
  /*   --oj-button-borderless-chrome-bg-color-hover:        var(--oj-core-bg-color-hover); */
  /*   --oj-button-borderless-chrome-border-color-hover:    transparent; */
  /*   --oj-button-borderless-chrome-text-color-hover:      var(--oj-core-text-color-primary); */
  /*  borderless chrome-active */
  /*   --oj-button-borderless-chrome-bg-color-active:       var(--oj-core-bg-color-active); */
  /*   --oj-button-borderless-chrome-border-color-active:   transparent; */
  /*   --oj-button-borderless-chrome-text-color-active:     var(--oj-core-text-color-primary); */
  /*  borderless chrome disabled */
  /*   --oj-button-borderless-chrome-text-color-disabled:   var(--oj-core-text-color-disabled); */
  /*  borderless-chrome-selected */
  --oj-button-borderless-chrome-bg-color-selected: rgba(var(--oj-palette-neutral-rgb-0), .3);
  --oj-button-borderless-chrome-border-color-selected: rgba(var(--oj-palette-neutral-rgb-0), .3);
  --oj-button-borderless-chrome-text-color-selected: var(--oj-core-text-color-primary);
  /*  borderless chrome selected hover */
  /*   --oj-button-borderless-chrome-bg-color-selected-hover:     var(--oj-core-bg-color-hover); */
  /*   --oj-button-borderless-chrome-border-color-selected-hover: rgba(var(--oj-palette-neutral-rgb-0), .3); */
  /*   --oj-button-borderless-chrome-text-color-selected-hover:   var(--oj-core-text-color-primary); */
  /*  borderless chrome selected disabled */
  /*   --oj-button-borderless-chrome-bg-color-selected-disabled:     transparent; */
  /*   --oj-button-borderless-chrome-border-color-selected-disabled: rgba(rgb(var(--oj-palette-neutral-rgb-0)), .6); */
  /*   --oj-button-borderless-chrome-text-color-selected-disabled:   var(--oj-core-text-color-disabled); */
  /* outlined enabled */
  /*   --oj-button-outlined-chrome-border-color:          rgba(var(--oj-palette-neutral-rgb-0), .3); */
  /*   --oj-button-outlined-chrome-text-color:            var(--oj-core-text-color-primary); */
  /*  outlined hover */
  /*   --oj-button-outlined-chrome-bg-color-hover:        var(--oj-core-bg-color-hover); */
  /*   --oj-button-outlined-chrome-border-color-hover:    rgba(var(--oj-palette-neutral-rgb-0), .3); */
  /*   --oj-button-outlined-chrome-text-color-hover:      var(--oj-core-text-color-primary); */
  /*  outlined active */
  /*   --oj-button-outlined-chrome-bg-color-active:       var(--oj-core-bg-color-active); */
  /*   --oj-button-outlined-chrome-border-color-active:   rgba(var(--oj-palette-neutral-rgb-0), .3); */
  /*   --oj-button-outlined-chrome-text-color-active:     var(--oj-core-text-color-primary); */
  /*  outlined disabled */
  /*   --oj-button-outlined-chrome-border-color-disabled: rgba(var(--oj-palette-neutral-rgb-0), .1); */
  /*   --oj-button-outlined-chrome-text-color-disabled:   var(--oj-core-text-color-disabled); */
  /*  outlined selected */
  /*   --oj-button-outlined-chrome-bg-color-selected:     transparent; */
  /*   --oj-button-outlined-chrome-border-color-selected: rgba(var(--oj-palette-neutral-rgb-0), .3); */
  /*   --oj-button-outlined-chrome-text-color-selected:   var(--oj-core-text-color-primary); */
  /*  outlined selected hover */
  /*   --oj-button-outlined-chrome-bg-color-selected-hover:    var(--oj-core-bg-color-hover); */
  /*   --oj-button-outlined-chrome-border-color-selected-hover: rgba(var(--oj-palette-neutral-rgb-0), .3); */
  /*   --oj-button-outlined-chrome-text-color-selected-hover:   var(--oj-core-text-color-primary); */
  /*  outlined selected disabled */
  /*   --oj-button-outlined-chrome-bg-color-selected-disabled:     transparent; */
  /*   --oj-button-outlined-chrome-border-color-selected-disabled: var(--oj-button-outlined-chrome-border-color-disabled); */
  /*   --oj-button-outlined-chrome-text-color-selected-disabled:   var(--oj-core-text-color-disabled); */
  /*  cta enabled */
  /*    --oj-button-call-to-action-chrome-bg-color:                      rgb(var(--oj-palette-neutral-rgb-0)); */
  /*    --oj-button-call-to-action-chrome-border-color:                  transparent; */
  /*    --oj-button-call-to-action-chrome-text-color:                    rgb(var(--oj-palette-neutral-rgb-190)); */
  /*  cta hover */
  /*    --oj-button-call-to-action-chrome-bg-color-hover:                rgb(var(--oj-palette-neutral-rgb-10)); */
  /*    --oj-button-call-to-action-chrome-border-color-hover:            transparent; */
  /*    --oj-button-call-to-action-chrome-text-color-hover:              rgb(var(--oj-palette-neutral-rgb-190)); */
  /*  cta active */
  /*    --oj-button-call-to-action-chrome-bg-color-active:               rgb(var(--oj-palette-neutral-rgb-20)); */
  /*    --oj-button-call-to-action-chrome-border-color-active:           transparent; */
  /*    --oj-button-call-to-action-chrome-text-color-active:             rgb(var(--oj-palette-neutral-rgb-190)); */
}

.oj-scale-sm {
  /*  button */
  /*  ------------------------------ */
  /*   --oj-button-height:                   var(--oj-text-field-height); */
  /*  Overrides for button font size, which normally uses --oj-typography-body-sm-font-size */
  /*   --oj-button-font-size: var(--oj-typography-body-md-font-size); */
  /*   --oj-button-sm-font-size: var(--oj-typography-body-md-font-size); */
  /*   --oj-button-lg-font-size: var(--oj-typography-body-md-font-size); */
}

.oj-scale-md {
  /*  button */
  /*  ------------------------------ */
  /*   --oj-button-font-size: var(--oj-typography-body-md-font-size); */
  /*   --oj-button-sm-font-size: var(--oj-typography-body-md-font-size); */
  /*   --oj-button-lg-font-size: var(--oj-typography-body-md-font-size); */
}

.oj-color-invert,
oj-buttonset-many.oj-color-invert,
.oj-color-invert oj-buttonset-one,
.oj-color-invert oj-buttonset-many {
  /*     --oj-button-outlined-chrome-bg-color:                          var(--oj-core-bg-color-active); */
  /*     --oj-button-outlined-chrome-text-color:                        var(--oj-core-text-color-secondary); */
  /*     --oj-button-outlined-chrome-bg-color-disabled:                 var(--oj-button-solid-chrome-bg-color-disabled); */
  /*     --oj-buttonset-outlined-chrome-internal-border-color:          var(--oj-button-outlined-chrome-border-color); */
  /*     --oj-buttonset-outlined-chrome-internal-border-color-selected: var(--oj-button-outlined-chrome-border-color); */
}

.oj-scale-sm {
  /*  collection */
  /*  ------------------------------ */
  /*     --oj-collection-header-font-size: var(--oj-typography-body-md-font-size); */
}

.oj-scale-md {
  /*     --oj-collection-header-font-size: var(--oj-typography-body-md-font-size); */
}

.oj-color-invert {
  /*   --oj-core-text-color-primary:   rgb(var(--oj-palette-neutral-rgb-0)); */
  /*   --oj-core-text-color-secondary: rgba(var(--oj-palette-neutral-rgb-0), .6); */
  /*   --oj-core-text-color-disabled:  rgba(var(--oj-palette-neutral-rgb-0), .3); */
  /* 
    --oj-core-bg-color-content:     rgb(var(--oj-palette-neutral-rgb-170)); */
  /*   --oj-core-bg-color-hover:       rgba(var(--oj-palette-neutral-rgb-0), .08); */
  /*   --oj-core-bg-color-active:      rgba(var(--oj-palette-neutral-rgb-0), .12); */
  /*   --oj-core-divider-color:        rgba(var(--oj-palette-neutral-rgb-0), .3); */
  /*  core text colors */
  /*  -------------------------- */
  /*   
    --oj-core-text-color-danger:    rgb(var(--oj-palette-danger-rgb-70)); */
  /*   --oj-core-text-color-warning:   rgb(var(--oj-palette-warning-rgb-70)); */
  /*   --oj-core-text-color-success:   rgb(var(--oj-palette-success-rgb-70)); */
  /*  brand */
  /*  -------------------------- */
  /*   --oj-core-brand-1:                      rgb(var(--oj-palette-brand-rgb-50)); */
  /*   --oj-core-brand-2:                      rgb(var(--oj-palette-brand-rgb-60)); */
  /*   --oj-core-brand-3:                      rgb(var(--oj-palette-brand-rgb-70)); */
  /*   --oj-core-brand-contrast:               rgb(var(--oj-palette-neutral-rgb-190)); */
  /*  neutral */
  /*  -------------------------- */
  /*   --oj-core-neutral-1:                      rgb(var(--oj-palette-neutral-rgb-100)); */
  /*   --oj-core-neutral-2:                      rgb(var(--oj-palette-neutral-rgb-90)); */
  /*   --oj-core-neutral-3:                      rgb(var(--oj-palette-neutral-rgb-70)); */
  /*   --oj-core-neutral-contrast:               rgb(var(--oj-palette-neutral-rgb-0)); */
  /*   --oj-core-neutral-secondary-1:            rgb(var(--oj-palette-neutral-rgb-140)); */
  /*   --oj-core-neutral-secondary-2:            rgb(var(--oj-palette-neutral-rgb-150)); */
  /*   --oj-core-neutral-secondary-3:            rgb(var(--oj-palette-neutral-rgb-160)); */
  /*   --oj-core-neutral-secondary-contrast:     rgb(var(--oj-palette-neutral-rgb-40)); */
  /*  success */
  /*  -------------------------- */
  /*   --oj-core-success-1:                    rgb(var(--oj-palette-success-rgb-100)); */
  /*   --oj-core-success-2:                    rgb(var(--oj-palette-success-rgb-90)); */
  /*   --oj-core-success-3:                    rgb(var(--oj-palette-success-rgb-70)); */
  /*   --oj-core-success-contrast:             rgb(var(--oj-palette-neutral-rgb-0)); */
  /*  success secondary */
  /*  -------------------------- */
  /*   --oj-core-success-secondary-1:          rgb(var(--oj-palette-success-rgb-140)); */
  /*   --oj-core-success-secondary-2:          rgb(var(--oj-palette-success-rgb-150)); */
  /*   --oj-core-success-secondary-3:          rgb(var(--oj-palette-success-rgb-160)); */
  /*   --oj-core-success-secondary-contrast:   rgb(var(--oj-palette-success-rgb-40)); */
  /*  warning */
  /*  -------------------------- */
  /*   --oj-core-warning-1:                    rgb(var(--oj-palette-warning-rgb-100)); */
  /*   --oj-core-warning-2:                    rgb(var(--oj-palette-warning-rgb-90)); */
  /*   --oj-core-warning-3:                    rgb(var(--oj-palette-warning-rgb-70)); */
  /*   --oj-core-warning-contrast:             rgb(var(--oj-palette-neutral-rgb-0)); */
  /*  warning secondary */
  /*  -------------------------- */
  /*   --oj-core-warning-secondary-1:          rgb(var(--oj-palette-warning-rgb-140)); */
  /*   --oj-core-warning-secondary-2:          rgb(var(--oj-palette-warning-rgb-150)); */
  /*   --oj-core-warning-secondary-3:          rgb(var(--oj-palette-warning-rgb-160)); */
  /*   --oj-core-warning-secondary-contrast:   rgb(var(--oj-palette-warning-rgb-40)); */
  /*  danger */
  /*  -------------------------- */
  /*   --oj-core-danger-1:                      rgb(var(--oj-palette-danger-rgb-100)); */
  /*   --oj-core-danger-2:                      rgb(var(--oj-palette-danger-rgb-90)); */
  /*   --oj-core-danger-3:                      rgb(var(--oj-palette-danger-rgb-70)); */
  /*   --oj-core-danger-contrast:               rgb(var(--oj-palette-neutral-rgb-0)); */
  /*  danger secondary */
  /*  -------------------------- */
  /*   --oj-core-danger-secondary-1:            rgb(var(--oj-palette-danger-rgb-140)); */
  /*   --oj-core-danger-secondary-2:            rgb(var(--oj-palette-danger-rgb-150)); */
  /*   --oj-core-danger-secondary-3:            rgb(var(--oj-palette-danger-rgb-160)); */
  /*   --oj-core-danger-secondary-contrast:     rgb(var(--oj-palette-danger-rgb-40)); */
  /*  info */
  /*  -------------------------- */
  /*   --oj-core-info-1:                    rgb(var(--oj-palette-info-rgb-100)); */
  /*   --oj-core-info-2:                    rgb(var(--oj-palette-info-rgb-90)); */
  /*   --oj-core-info-3:                    rgb(var(--oj-palette-info-rgb-70)); */
  /*   --oj-core-info-contrast:             rgb(var(--oj-palette-neutral-rgb-0)); */
  /*  info secondary */
  /*  -------------------------- */
  /*   --oj-core-info-secondary-1:          rgb(var(--oj-palette-info-rgb-140)); */
  /*   --oj-core-info-secondary-2:          rgb(var(--oj-palette-info-rgb-150)); */
  /*   --oj-core-info-secondary-3:          rgb(var(--oj-palette-info-rgb-160)); */
  /*   --oj-core-info-secondary-contrast:   rgb(var(--oj-palette-info-rgb-40)); */
  /*  Box-shadows */
  /*   --oj-core-box-shadow-rgb:     var(--oj-palette-neutral-rgb-200); */
  /*   --oj-core-box-shadow-xs:      0px 1px 4px 0px    rgba(var(--oj-core-box-shadow-rgb),.12); */
  /*   --oj-core-box-shadow-sm:      0px 4px 8px 0px    rgba(var(--oj-core-box-shadow-rgb),.16); */
  /*   --oj-core-box-shadow-md:      0px 6px 12px 0px   rgba(var(--oj-core-box-shadow-rgb),.2); */
  /*   --oj-core-box-shadow-lg:      0px 8px 16px 0px   rgba(var(--oj-core-box-shadow-rgb),0.24); */
  /*   --oj-core-box-shadow-xl:      0px 12px 20px 0px  rgba(var(--oj-core-box-shadow-rgb),0.28); */
  /* Focus Border color */
  /*   --oj-core-focus-border-color: rgb(var(--oj-palette-neutral-rgb-0)); */
  /*  Color disabled */
  --oj-core-color-disabled-2: rgba(var(--oj-palette-neutral-rgb-0), 0.2) ;
}

.oj-scale-sm {
  /*   --oj-core-icon-size-lg: 1.3333rem; */
}

.oj-scale-md {
  /*   --oj-core-icon-size-lg: 1.4286rem; */
}

.oj-datagrid {
  /*     --oj-c-PRIVATE-DO-NOT-USE-text-field-embedded-padding:    var(--oj-collection-grid-cell-padding); */
}

.oj-scale-sm {
  /*  forms */
  /*  ------------------------------ */
  /*   --oj-form-layout-margin-bottom: 1rem; */
}

.oj-input-search-hero {
  /*       --oj-text-field-font-size: 1.5rem; */
  /*       --oj-button-sm-icon-size: 1.5rem; */
  /*       --oj-text-field-height: 4.5rem; */
  /*       --oj-text-field-text-to-edge-padding: 2.5rem; */
  /*       --oj-text-field-icon-to-text-padding: 1rem; */
  /*       --oj-text-field-icon-to-edge-padding: 1rem; */
}

.oj-color-invert {
  /*     --oj-label-color:         var(--oj-core-text-color-primary); */
  /*     --oj-label-color-disabled:var(--oj-core-text-color-disabled); */
  /*     --oj-label-inside-edge-color: var(--oj-core-text-color-secondary); */
  /*     --oj-text-field-inside-edge-label-color-warning:  rgb(var(--oj-palette-warning-rgb-100)); */
  /*     --oj-text-field-inside-edge-label-color-error:    rgb(var(--oj-palette-danger-rgb-100)); */
}

.oj-scale-sm {
  /*  Overrides for form control font sizes, which normally uses --oj-typography-body-sm-font-size */
  /*    --oj-label-font-size: var(--oj-typography-body-md-font-size); */
  /*    --oj-label-inside-edge-position-top: 3px; */
}

.oj-scale-md {
  /*   --oj-label-font-size: var(--oj-typography-body-md-font-size); */
  /*   --oj-label-inside-edge-position-top: 4px; */
}

.oj-c-messagebanner-error {
  /*     --oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color:   var(--oj-core-danger-secondary-3); */
  /*     --oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color:   var(--oj-core-danger-3); */
  /*     --oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color: var(--oj-core-danger-3); */
}

.oj-c-messagebanner-warning {
  /*     --oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color:   var(--oj-core-warning-secondary-3); */
  /*     --oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color:   var(--oj-core-warning-3); */
  /*     --oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color: var(--oj-core-warning-3); */
}

.oj-c-messagebanner-confirmation {
  /*     --oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color:   var(--oj-core-success-secondary-3); */
  /*     --oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color:   var(--oj-core-success-3); */
  /*     --oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color: var(--oj-core-success-3); */
}

.oj-c-messagebanner-info {
  /*     --oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color:   var(--oj-core-info-secondary-3); */
  /*     --oj-c-PRIVATE-DO-NOT-USE-message-banner-start-icon-color:   var(--oj-core-info-3); */
  /*     --oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-text-color: var(--oj-core-info-3); */
}

.oj-navigationlist-vertical {
  /*     --oj-navigation-list-item-padding:                           1.5rem; */
  /*     --oj-navigation-list-item-bg-color-hover:                    var(--oj-core-bg-color-hover); */
  /*     --oj-navigation-list-item-bg-color-selected:                 var(--oj-core-bg-color-active); */
  /*     --oj-navigation-list-icon-margin:                            0; */
  /*     --oj-navigation-list-icon-to-text-padding:                   0.5rem; */
  /*     --oj-navigation-list-item-min-height:                        3rem; */
  /*     --oj-navigation-list-item-margin:                            0; */
}

.oj-navigationlist-vertical.oj-navigationlist-icon-only {
  /*     --oj-navigation-list-item-margin:                            0; */
  /*     --oj-navigation-list-item-padding:                           1.6875rem; */
  /*     --oj-navigation-list-item-bg-color-selected:                 var(--oj-core-bg-color-active); */
  /*     --oj-navigation-list-icon-margin:                            0; */
  /*     --oj-navigation-list-item-min-height:                        3rem; */
}

.oj-navigationlist-horizontal.oj-navigationlist-icon-only {
  /*     --oj-navigation-list-item-margin:                            2rem; */
  /*     --oj-navigation-list-item-bg-color-selected:                 transparent; */
  /*     --oj-navigation-list-icon-margin:                            0; */
  /*     --oj-navigation-list-item-min-height:                        3rem; */
  /*     --oj-navigation-list-item-padding:                           0; */
}

.oj-navigationlist-stack-icon-label {
  /*     --oj-navigation-list-item-min-height:                        2.75rem; */
  /*     --oj-navigation-list-icon-margin:                            0; */
  /*     --oj-navigation-list-icon-to-text-padding:                   0; */
  /*     --oj-navigation-list-item-margin:                            2rem; */
  /*     --oj-navigation-list-item-padding:                           0; */
}

.oj-color-invert {
  /*  default */
  /*   --oj-navigation-list-item-label-color:                       var(--oj-core-text-color-secondary); */
  /*  hover */
  /*   --oj-navigation-list-item-label-color-hover:                 var(--oj-core-text-color-primary); */
  /*   --oj-navigation-list-item-bg-color-hover:                    var(--oj-core-bg-color-hover); */
  /*  selected */
  /*     --oj-navigation-list-item-border-color-selected:             rgb(var(--oj-palette-brand-rgb-50)); */
  /*     --oj-navigation-list-item-label-color-selected:              var(--oj-core-text-color-primary); */
}

.oj-color-invert .oj-navigationlist-vertical,
.oj-color-invert.oj-navigationlist-vertical {
  /*     --oj-navigation-list-item-bg-color-selected:                 var(--oj-core-bg-color-active); */
}

.oj-color-invert .oj-navigationlist-icon-only,
.oj-color-invert.oj-navigationlist-icon-only {
  /*     --oj-navigation-list-item-bg-color-hover:                   var(--oj-core-bg-color-hover); */
}

.oj-color-invert {
  /*   
    --oj-palette-brand-rgb-10:     254, 249, 233; */
  /*   --oj-palette-brand-rgb-20:     253, 244, 223; */
  /*   --oj-palette-brand-rgb-30:     252, 239, 203; */
  /*   --oj-palette-brand-rgb-40:     247, 224, 161; */
  /*   --oj-palette-brand-rgb-50:     240, 204, 113; */
  /*   --oj-palette-brand-rgb-60:     213, 179, 100; */
  /*   --oj-palette-brand-rgb-70:     199, 165, 93; */
  /*   --oj-palette-brand-rgb-80:     179, 149, 84; */
  /*   --oj-palette-brand-rgb-90:     157, 130, 73; */
  /*   --oj-palette-brand-rgb-100:    137, 114, 63; */
  /*   --oj-palette-brand-rgb-110:    113, 94, 52; */
  /*   --oj-palette-brand-rgb-120:    113, 94, 52; */
  /*   --oj-palette-brand-rgb-130:    102, 85, 47; */
  /*   --oj-palette-brand-rgb-140:    91, 74, 41; */
  /*   --oj-palette-brand-rgb-150:    79, 66, 36; */
  /*   --oj-palette-brand-rgb-160:    64, 54, 29; */
  /*   --oj-palette-brand-rgb-170:    55, 44, 24; */
}

.oj-color-invert {
  /*   --oj-panel-bg-color:                  var(--oj-core-bg-color-content); */
  /*   --oj-panel-border-color:              var(--oj-core-divider-color); */
}

.oj-color-invert {
  /*   --oj-progress-bar-track-bg-color:   rgba(var(--oj-palette-neutral-rgb-10), .15); */
  /*   --oj-progress-bar-value-bg-color:   rgb(var(--oj-palette-neutral-rgb-0)); */
}

.oj-color-invert {
  /*   --oj-progress-circle-determinate-track-bg-color:   rgba(var(--oj-palette-neutral-rgb-10), .15); */
  /*   --oj-progress-circle-value-bg-color:   rgb(var(--oj-palette-neutral-rgb-0)); */
}

.oj-color-invert {
  /*   --oj-radio-checkbox-input-color-unselected:    rgb(var(--oj-palette-neutral-rgb-0)); */
  /*   --oj-radio-checkbox-input-color-selected:      rgb(var(--oj-palette-neutral-rgb-0)); */
}

.oj-color-invert {
  /*  hover */
  /* 
      --oj-scrollbar-thumb-color-hover:   rgba(var(--oj-palette-neutral-rgb-0), .3); */
  /*  colors when you need to force a scrollbar */
  /* 
      --oj-scrollbar-track-color-force:   rgba(var(--oj-palette-neutral-rgb-0), .3); */
}

.oj-tabbar-vertical {
  /*     --oj-tab-bar-item-padding:                           0 1.3125rem; */
  /*     --oj-tab-bar-item-margin:                            0; */
}

.oj-tabbar-vertical.oj-tabbar-icon-only {
  /*     --oj-tab-bar-item-padding:                           0; */
  /*     --oj-tab-bar-item-margin:                            0; */
  /*     --oj-tab-bar-icon-margin:                            0 1.5rem; */
}

.oj-tabbar-stack-icon-label {
  /*     --oj-tab-bar-icon-to-text-padding:                 0.5rem; */
  /*     --oj-tab-bar-item-min-height:                      5rem; */
  /*     --oj-tab-bar-item-padding:                         1rem 1rem 0; */
}

.oj-tabbar-horizontal.oj-tabbar-icon-only {
  /*     --oj-tab-bar-icon-margin:                          0rem 0.375rem; */
}

.oj-color-invert {
  /*  selected */
  /*     --oj-tab-bar-item-label-color-selected:             var(--oj-core-text-color-primary); */
  /*     --oj-tab-bar-item-border-color-selected:            var(--oj-core-text-color-primary); */
  /*  default */
  /*     --oj-tab-bar-item-label-color:                      var(--oj-core-text-color-secondary); */
  /*  hover */
  /*     --oj-tab-bar-item-label-color-hover:                var(--oj-core-text-color-primary); */
  /*  active */
  /*     --oj-tab-bar-item-border-color-active:              rgb(var(--oj-palette-brand-rgb-50)); */
}

.oj-table {
  /*     --oj-c-PRIVATE-DO-NOT-USE-text-field-embedded-padding:    var(--oj-table-cell-padding-horizontal); */
}

.oj-table.oj-table-grid-display {
  /*     --oj-c-PRIVATE-DO-NOT-USE-text-field-embedded-padding:    var(--oj-collection-grid-cell-padding); */
}

.oj-color-invert {
  /*   --oj-link-text-color:                 rgb(var(--oj-palette-brand-rgb-50)); */
  /*   --oj-link-text-color-active:          var(--oj-link-text-color); */
  /*   --oj-link-text-color-visited:         var(--oj-link-text-color); */
  /*   
    --oj-heading-text-color:               var(--oj-core-text-color-primary); */
}

.oj-scale-sm {
  /*   --oj-html-font-size:   .75em; */
}

.oj-scale-md {
  /*   --oj-html-font-size:   .875em; */
}

.oj-color-invert {
  /*   --oj-text-field-text-highlight-color: rgb(var(--oj-palette-brand-rgb-50)); */
  /*  enabled */
  /*   --oj-text-field-bg-color:               rgb(var(--oj-palette-neutral-rgb-180)); */
  /*   --oj-text-field-border-color:           rgba(var(--oj-palette-neutral-rgb-0),.5); */
  /*   --oj-text-field-placeholder-color:      var(--oj-core-text-color-secondary); */
  /*   --oj-text-field-text-color:      var(--oj-core-text-color-primary); */
  /*  disabled */
  /*   --oj-text-field-bg-color-disabled:      rgba(var(--oj-palette-neutral-rgb-0), 0.16); */ /*  need to double check with design team as there is no specification */
  /* 
    --oj-text-field-border-color-disabled:  var(--oj-core-color-disabled-2); */
  /*   --oj-text-field-text-color-disabled:   var(--oj-core-text-color-disabled); */
  /*  readonly */
  /*  focus */
  /*   --oj-text-field-border-color-focus: rgb(var(--oj-palette-brand-rgb-50)); */
  /*  variables that apply when the label-edge is inside */
  /*  todo: disabled color should apply regardless of location, error and focus only apply when label is inside */
  /*   --oj-text-field-inside-edge-label-color-error:       var(--oj-core-danger-3); */
  /*   --oj-text-field-inside-edge-label-color-focus:       var(--oj-core-brand-1); */
  /*   --oj-text-field-inside-edge-label-color-warning:     var(--oj-core-warning-3); */
  /*  User Assistance */
  /*   --oj-user-assistance-inline-text-color: var(--oj-core-text-color-secondary); */
}

.oj-scale-sm {
  /*  text field */
  /*  ------------------------------ */
  /*   --oj-text-field-height:               2.3333rem; */
  /*   --oj-text-field-text-to-edge-padding: 0.6667rem; */
  /*   --oj-text-field-icon-to-text-padding: var(--oj-text-field-text-to-edge-padding); */
  /*   --oj-text-field-icon-to-edge-padding: var(--oj-text-field-text-to-edge-padding); */
  /* 
    --oj-user-assistance-inline-font-size: var(--oj-typography-body-sm-font-size); */
}

.oj-scale-sm {
  /* 
      --oj-train-label-font-size:                 var(--oj-typography-body-md-font-size); */
}

.oj-scale-md {
  /* 
      --oj-train-label-font-size:                 var(--oj-typography-body-md-font-size); */
}

.oj-scale-sm {
  /* 
    --oj-typography-body-xl-font-size:                         16px; */
  /*   --oj-typography-body-lg-font-size:                         14px; */
  /*   --oj-typography-body-md-font-size:                         12px; */
  /*   --oj-typography-body-sm-font-size:                         12px; */
  /*   --oj-typography-body-xs-font-size:                         12px; */
  /*   --oj-typography-body-2xs-font-size:                        10px; */
}

.oj-scale-md {
  /*   --oj-typography-body-xl-font-size:                         18px; */
  /*   --oj-typography-body-lg-font-size:                         16px; */
  /*   --oj-typography-body-md-font-size:                         14px; */
  /*   --oj-typography-body-sm-font-size:                         12px; */
  /*   --oj-typography-body-xs-font-size:                         12px; */
  /*   --oj-typography-body-2xs-font-size:                        10px; */
}

.bgicon-trashcan-sm {
  width: 24px;
  height: 24px;
  padding-left: 25px;
  background-repeat: no-repeat;
  margin: 4px 2px 0px 2px;
  float: right;
  background-image: none;
}

.inventoryStatus-damaged {
  background: url("inventoryStatuses/Damaged_InventoryIcon.png");
}

.subject-history-complete {
  background-image: url("subjectimages/subject-history-icons/Complete_SubjectHistory.svg");
}

.subject-history-dispensation {
  background-image: url("subjectimages/subject-history-icons/Dispensation_SubjectHistory.svg");
}

.subject-history-randomized {
  background-image: url("subjectimages/subject-history-icons/Randomized_SubjectHistory.svg");
}

.subject-history-reinstated {
  background-image: url("subjectimages/subject-history-icons/Reinstated_SubjectHistory.svg");
}

.subject-history-screen-failed {
  background-image: url("subjectimages/subject-history-icons/ScreenFailed_SubjectHistory.svg");
}

.subject-history-screen-passed {
  background-image: url("subjectimages/subject-history-icons/ScreenPassed_SubjectHistory.svg");
}

.subject-history-skipped-visit {
  background-image: url("subjectimages/subject-history-icons/SkippedVisit_SubjectHistory.svg");
}

.subject-history-transfer {
  background-image: url("subjectimages/subject-history-icons/Transfer_SubjectHistory.svg");
}

.subject-history-withdrawn {
  background-image: url("subjectimages/subject-history-icons/Withdraw_SubjectHistory.svg");
}

.subject-state-readyToComplete {
  background-image: url("subjectimages/subject-state-icons/Subject_ReadyToComplete.svg");
}

.subject-state-withdrawn {
  background-image: url("subjectimages/subject-state-icons/Subject_Withdrawn.svg");
}

.subject-state-screensuccess {
  background-image: url("subjectimages/subject-state-icons/Subject_Screened.svg");
}

.subject-state-screenfail {
  background-image: url("subjectimages/subject-state-icons/Subject_ScreenFailed.svg");
}

.subject-state-active {
  background-image: url("subjectimages/subject-state-icons/Subject_Active.svg");
}
.subject-state-active .can-be-completed {
  background-image: url("subjectimages/subject-state-icons/ReadytoComplete_check.svg");
  position: relative;
  width: 16px;
  height: 16px;
  float: right;
  top: 30px;
  right: 4px;
}

.subject-state-complete {
  background-image: url("subjectimages/subject-state-icons/Subject_Complete.svg");
}

.subject-state-reinstated {
  background-image: url("subjectimages/subject-state-icons/Subject_UndoWithdraw.svg");
}

.subject-state-other {
  background-image: url("subjectimages/subject-state-other.png");
}

.randomization-failure {
  background-image: url("subjectimages/rand-fail.png");
}

.x-icon {
  background-image: url("common/x_icon_ena.png");
}
.x-icon.oj-hover, .x-icon:hover {
  background-image: url("common/x_icon_hov.png");
}
.x-icon.oj-disabled {
  background-image: url("common/x_icon_dis.png");
}

.oj-button.oj-hover .x-icon {
  background-image: url("common/x_icon_hov.png");
}

.oj-button.oj-disabled .x-icon {
  background-image: url("common/x_icon_dis.png");
}

.DEVICE_ACTIVITYWATCH {
  min-width: 40px;
  width: 40px;
  height: 40px;
  background-image: url("designerimages/device/icon_activity_watch.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px;
}

.DEVICE_BLOODGLUCOSE {
  min-width: 40px;
  width: 40px;
  height: 40px;
  background-image: url("designerimages/device/icon_blood_glucose.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px;
}

.DEVICE_BLOODPRESSUREMONITOR {
  min-width: 40px;
  width: 40px;
  height: 40px;
  background-image: url("designerimages/device/icon_blood_pressure_monitor.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px;
}

.DEVICE_OTHER {
  min-width: 40px;
  width: 40px;
  height: 40px;
  background-image: url("designerimages/device/icon_device_general.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px;
}

.DEVICE_ECGREADER {
  min-width: 40px;
  width: 40px;
  height: 40px;
  background-image: url("designerimages/device/icon_ECG_reader.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px;
}

.DEVICE_MOBILEAPP {
  min-width: 40px;
  width: 40px;
  height: 40px;
  background-image: url("designerimages/device/icon_mobile_app.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px;
}

.DEVICE_PULSEOXIMETER {
  min-width: 40px;
  width: 40px;
  height: 40px;
  background-image: url("designerimages/device/icon_pulse_oximeter.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px;
}

.DEVICE_WEIGHTSCALE {
  min-width: 40px;
  width: 40px;
  height: 40px;
  background-image: url("designerimages/device/icon_scale.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px;
}

.DEVICE_SMARTPILLBOTTLE {
  min-width: 40px;
  width: 40px;
  height: 40px;
  background-image: url("designerimages/device/icon_smart_pill_bottle.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px;
}

.DEVICE_SPIROMETER {
  min-width: 40px;
  width: 40px;
  height: 40px;
  background-image: url("designerimages/device/icon_spirometerA.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px;
}

.DEVICE_WEARABLEPATCH {
  min-width: 40px;
  width: 40px;
  height: 40px;
  background-image: url("designerimages/device/icon_wearable_patch.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px;
}

.DEVICE_GLUCOSEMONITOR {
  min-width: 40px;
  width: 40px;
  height: 40px;
  background-image: url("designerimages/device/icon_blood_glucose.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px;
}

.subject-flagdata-screen {
  background-image: url("images/DCS_Screen_Error.svg") !important;
}

.subject-flagdata-randomization {
  background-image: url("images/DCS_Rand_Error.svg") !important;
}

.subject-flagdata-dispensation {
  background-image: url("images/DCS_Kit_Error.svg") !important;
}

/*use the buttons under this pattern in html*/
/* <button data-bind="ojComponent: {
          component:'ojButton', 
          display: 'icons', 
          icons: {start:'oj-icon report-delete-icon'}, 
          label: 'outdent',
          disabled: disableControls}"></button>*/
.report-deleteIcon.oj-default .report-delete-icon:before, .report-deleteIcon.oj-focus-only .report-delete-icon:before, .archive-deleteIcon.oj-default .report-delete-icon:before, .archive-deleteIcon.oj-focus-only .report-delete-icon:before {
  content: url("common/Delete_default.svg");
}
.report-deleteIcon.oj-hover .report-delete-icon:before, .report-deleteIcon.oj-hover.oj-selected .report-delete-icon:before, .archive-deleteIcon.oj-hover .report-delete-icon:before, .archive-deleteIcon.oj-hover.oj-selected .report-delete-icon:before {
  content: url("common/Delete_hover.svg");
}
.report-deleteIcon.oj-active .report-delete-icon:before, .report-deleteIcon.oj-selected .report-delete-icon:before, .archive-deleteIcon.oj-active .report-delete-icon:before, .archive-deleteIcon.oj-selected .report-delete-icon:before {
  content: url("common/Delete_active.svg");
}
.report-deleteIcon.oj-disabled .report-delete-icon:before, .archive-deleteIcon.oj-disabled .report-delete-icon:before {
  content: url("common/Delete_default.svg");
}
.report-deleteIcon .report-delete-icon, .archive-deleteIcon .report-delete-icon {
  height: 24px;
  width: 24px;
}
.report-deleteIcon .report-delete-icon:before, .archive-deleteIcon .report-delete-icon:before {
  width: 24px;
}

.masterDetailPage {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  background: #FFF;
}
.masterDetailPage .mainContent {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  padding: 0px 10px;
}
.masterDetailPage .mainContent.fullWidth {
  padding-left: 0px;
  padding-right: 0px;
}
.masterDetailPage .mainContent {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}
.masterDetailPage .mainContent .contentHeader {
  display: flex;
  padding: 10px 0px 0px 0px;
}
.masterDetailPage .mainContent .contentHeader .studyName {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.masterDetailPage .mainContent .contentHeader .headerItem {
  display: flex;
  align-items: center;
}
.masterDetailPage .mainContent .contentHeader .leftSide {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  align-items: center;
  width: auto;
}
.masterDetailPage .mainContent .contentHeader .rightSide {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  align-items: center;
  justify-content: flex-end;
  width: auto;
}
.masterDetailPage .mainContent .tabs {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.masterDetailPage .mainContent .header {
  font-weight: bold;
  font-size: 20px;
}
.masterDetailPage .mainContent .contentArea {
  padding-top: 10px;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
  max-height: 95%;
}
.masterDetailPage .mainContent .contentArea .tabContentsContainer {
  padding: 0px;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
}
.masterDetailPage .mainContent .contentArea .tabContentsContainer .tabModuleContainer {
  padding: 0px;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.masterDetailPage .mainContent .contentArea .tabContentsContainer .tabModuleContainer .tabHeader {
  display: flex;
  padding: 1.142rem;
  padding-top: 1.342rem;
  position: relative;
}
.masterDetailPage .mainContent .contentArea .tabContentsContainer .tabModuleContainer .tabHeader .clear-filter-container {
  top: 0;
}
.masterDetailPage .mainContent .contentArea .tabContentsContainer .tabModuleContainer .tabHeader .leftSide {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  align-items: center;
}
.masterDetailPage .mainContent .contentArea .tabContentsContainer .tabModuleContainer .tabHeader .rightSide {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  align-items: center;
  justify-content: flex-end;
}
.masterDetailPage .mainContent .contentArea .tabContentsContainer .tabModuleContainer .tabModuleContent {
  overflow: auto;
  flex: 1 1 0px;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
  padding-top: 0.5em;
  padding-right: 0.5em;
}
.masterDetailPage .mainContent .contentArea .tabContentsContainer .tabModuleContainer .tabModuleContent.withGutters {
  padding-left: 10px;
  padding-right: 10px;
}
.masterDetailPage .mainContent .contentArea .tabContentsContainer .tabModuleContainer .tabModuleContent.withLeftGutter {
  padding-left: 10px;
}
.masterDetailPage .sidebar {
  display: flex;
  width: 350px;
  min-width: 350px;
  max-width: 350px;
  border: 1px solid #d6dfe6;
  height: 100%;
  box-sizing: border-box;
}
.masterDetailPage .sidebar .sidebarModule {
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  margin: -1px -1px 0 -1px;
  height: 98%;
}
.masterDetailPage .sidebar .sidebarModule .sidebarModuleContentContainer {
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
}
.masterDetailPage .sidebar .sidebarModule .sidebarModuleContentContainer .fullHeight {
  height: 100%;
}
.masterDetailPage .sidebar .sidebarAccord {
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
}
.masterDetailPage .sidebar .sidebarAccord .collapsible {
  display: flex;
  flex-direction: column;
}
.masterDetailPage .sidebar .sidebarAccord .collapsible .collapsibleContent {
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  flex-wrap: nowrap;
  /*padding: 5px;*/
}
.masterDetailPage .sidebar .sidebarAccord .collapsible > .oj-collapsible-wrapper {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  overflow: auto;
}
.masterDetailPage .sidebar .sidebarAccord .visit-sidebar-collapsible {
  overflow: auto;
}
.masterDetailPage .sidebar .sidebarAccord#edcSidebarAccordion .collapsible {
  min-height: 42px;
}
.masterDetailPage .sidebar .sidebarAccord#edcSidebarAccordion .rulesCollapsible {
  min-height: 42px;
  padding: 0px;
  overflow-x: hidden;
  width: 100%;
  position: relative;
  z-index: 1;
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}

@media screen and (min-width: 1240px) {
  .masterDetailPage.subjectsVisitFilter .mainContent .contentHeader .rightSide {
    justify-content: flex-start;
    padding-top: 10px;
  }
}
@media screen and (max-width: 1239px) {
  .masterDetailPage.subjectsVisitFilter .mainContent .contentHeader {
    flex-direction: row;
  }
}
@media screen and (min-width: 1240px) {
  .masterDetailPage.subjectsVisitFilter .mainContent .contentHeader {
    flex-direction: column;
  }
}
@media screen and (min-width: 1240px) {
  .masterDetailPage.subjectsVisitFilter .mainContent .contentHeader.dataCapturePage .rightSide {
    justify-content: flex-end;
    padding-top: 0px;
  }
}
@media screen and (min-width: 1240px) {
  .masterDetailPage.subjectsVisitFilter .mainContent .contentHeader.dataCapturePage {
    flex-direction: row;
  }
}

.oj-accordion .oj-collapsible-content .co-tip {
  margin: 0;
}

#formSidebarCommentsContent .commentsCollapsible {
  overflow-y: auto;
}

#edc-sidebar-custom-rules-collapsible.oj-accordion-collapsible > .oj-collapsible-wrapper > .oj-collapsible-content {
  padding: 0;
}

.userAssistant {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  align-items: center;
}
.userAssistant .center-ua-links {
  display: flex;
  justify-content: center;
}
.userAssistant .verticalWrapper {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.userAssistant .ua-icon {
  align-self: center;
}
.userAssistant .ua-h1.visit-detail-ua {
  font-size: 17px;
}
.userAssistant .ua-h1 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 300%;
}
.userAssistant .ua-h1-rules {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 184%;
}
.userAssistant .ua-h2 {
  font-size: 14px;
  text-align: center;
  line-height: 140%;
  font-style: initial;
}
.userAssistant .ua-h3 {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  line-height: 300%;
  cursor: pointer;
}
.userAssistant .ua-actionButton {
  background-image: linear-gradient(to bottom, #1ba215 0%, #8ed58b 4%, #1ba215 50%, #1ba215 100%);
}
.userAssistant .ua-actionButton:hover {
  background-image: linear-gradient(to bottom, #1ba215 0%, #8ed58b 4%, #1ba215 80%, #1ba215 100%);
}
.userAssistant .ua-actionButton:active {
  background-image: linear-gradient(to bottom, #1ba215 0%, #1ba215 50%, #8ed58b 96%, #1ba215 100%);
}
.userAssistant .ua-actionButton {
  border-radius: 3px;
  margin-top: 10px;
  padding: 10px;
  display: flex;
  align-self: center;
  cursor: pointer;
  text-decoration: none;
}
.userAssistant .ua-actionButton.centerButton {
  padding: 10px;
  margin-left: 15px;
}
.userAssistant .ua-actionButton.addIcon:before {
  display: inline-block;
  background-image: url("designerimages/PlusSign_white.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 16px;
  content: "";
  min-width: 16px;
  width: 16px;
  max-width: 16px;
  padding-right: 10px;
}
.userAssistant .ua-actionButton .addIcon {
  width: 25px;
  height: 25px;
  background-image: url(designerimages/PlusSign_white.svg);
  background-repeat: no-repeat;
  float: left;
  margin: 6px 0px 0px 15px;
}
.userAssistant .ua-actionButton .buttonText {
  color: #FFFFFF;
  text-align: center;
  font-size: 14px;
  line-height: 25px;
}
.userAssistant .ua-actionButton .buttonText_ {
  color: #FFFFFF;
  text-align: center;
  font-size: 14px;
  padding-right: 20px;
}
.userAssistant .ua-actionButton .buttonIcon {
  color: #FFFFFF;
  padding-left: 7px;
}
.userAssistant .ua-link {
  text-decoration: none;
  font-weight: bold;
  cursor: pointer;
}
.userAssistant .ua-link.ua-createStudy {
  font-size: 16px;
}
.userAssistant .ua-visit-detail-reminder-text {
  width: 95%;
  margin-top: 10px;
  text-align: center;
}
.userAssistant .ua-btnwrap {
  margin: 1.5rem auto;
  align-self: center;
}
.userAssistant .ua-btnwrap .ua-actionButton {
  margin: 0 0.6rem;
}
.userAssistant .ua-kitsButtons {
  align-self: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  display: flex;
}
.userAssistant .ua-newKitTypeBtn {
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 0;
}

.grabbable {
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -webkit-grab;
}
.grabbable span {
  cursor: default;
  -webkit-user-select: text;
  /* Chrome 49+ */
  -moz-user-select: text;
  /* Firefox 43+ */
  /* No support yet */
  user-select: text;
  /* Likely future */
}

.grabbable:active,
.dragging {
  cursor: grabbing;
  cursor: -webkit-grabbing;
  /* (Optional) Apply a "closed-hand" cursor during drag operation. */
}

input[type=checkbox][disabled], input[type=radio][disabled] {
  cursor: default;
}

input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.display-none {
  display: none;
}

.oc-icon {
  display: inline-block;
  background-size: 20px;
  background-position: center;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.oc-icon.static-icon {
  cursor: default;
}
.oc-icon.oc-icon-disabled {
  cursor: default;
  opacity: 0.3;
  pointer-events: none;
}
.oc-icon.oc-icon-sm {
  background-size: 16px;
  height: 16px;
  width: 16px;
}
.oc-icon.oc-icon-edit {
  background-image: url("common/Edit_default.svg");
}
.oc-icon.oc-icon-edit:hover {
  background-image: url("common/Edit_hover.svg");
}
.oc-icon.oc-icon-edit-white {
  background-image: url("common/Edit_white.svg");
}
.oc-icon.oc-icon-edit-white:hover {
  background-image: url("common/Edit_hover.svg");
}
.oc-icon.oc-icon-trash {
  background-image: url("common/Delete_default.svg");
}
.oc-icon.oc-icon-trash:hover {
  background-image: url("common/Delete_hover.svg");
}
.oc-icon.oc-icon-copy {
  background-image: url("common/Copy_default.svg");
}
.oc-icon.oc-icon-copy:hover {
  background-image: url("common/Copy_hover.svg");
}
.oc-icon.oc-icon-plus-sign {
  background-image: url("common/PlusSign_default.svg");
}
.oc-icon.oc-icon-plus-sign:hover {
  background-image: url("common/PlusSign_hover.svg");
}
.oc-icon.oc-icon-extlink {
  background-image: url("common/expand.svg");
}
.oc-icon.oc-icon-extlink:hover, oj-option.oj-focus .oc-icon.oc-icon-extlink {
  background-image: url("common/expand_hover.svg");
}
.oc-icon.oc-icon-lock {
  background-image: url("images/Lock_black.svg");
}
.oc-icon.oc-icon-lock:hover, oj-option.oj-focus .oc-icon.oc-icon-lock {
  background-image: url("images/Lock_black.svg");
}
.oc-icon.oc-icon-add-button {
  width: 32px;
  height: 32px;
  background-image: url("common/AddButton_default.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.oc-icon.oc-icon-add-button:hover {
  background-image: url("common/AddButton_hover.svg");
  cursor: pointer;
}
.oc-icon.oc-icon-add-button.disabled {
  background-image: url("common/AddButton_disabled.svg");
}
.oc-icon.oc-icon-add-button.active {
  background-image: url("common/AddButton_active.svg");
}
.oc-icon.oc-icon-download {
  background-image: url("common/Download_default.svg");
}
.oc-icon.oc-icon-download:hover {
  background-image: url("common/Download_hover.svg");
}
.oc-icon.oc-icon-dnd {
  background-image: url("common/Reorder_Handle.svg");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: move;
  height: 20px;
  width: 4px;
}

.oc-image-md, .oc-image-sm, .oc-image-xs {
  display: inline-block;
  background-size: 60px;
  width: 60px;
  height: 60px;
}
.oc-image-md.oc-image-info, .oc-image-sm.oc-image-info, .oc-image-xs.oc-image-info {
  background-image: url("images/Information_Dialog.svg");
}
.oc-image-md.oc-image-error, .oc-image-sm.oc-image-error, .oc-image-xs.oc-image-error {
  background-image: url("images/Error_Dialog.svg");
}
.oc-image-md.oc-image-errorcross, .oc-image-sm.oc-image-errorcross, .oc-image-xs.oc-image-errorcross {
  background-image: url("images/stat_error_16.svg");
}
.oc-image-md.oc-image-success, .oc-image-sm.oc-image-success, .oc-image-xs.oc-image-success {
  background-image: url("images/success_icon.svg");
}
.oc-image-md.oc-image-warning, .oc-image-sm.oc-image-warning, .oc-image-xs.oc-image-warning {
  background-image: url("images/Confirmation_Dialog.svg");
}
.oc-image-md.oc-image-download, .oc-image-sm.oc-image-download, .oc-image-xs.oc-image-download {
  background-image: url("common/Download_default.svg");
}
.oc-image-md.oc-image-downloadHover, .oc-image-sm.oc-image-downloadHover, .oc-image-xs.oc-image-downloadHover {
  background-image: url("common/Download_hover.svg");
}

.oc-image-sm {
  background-size: 24px;
  width: 24px;
  height: 24px;
}

.oc-image-xs {
  background-size: 16px;
  width: 16px;
  height: 16px;
}

div.oj-dialog {
  border-radius: 10px;
  border-color: #f0f0f0;
}
div.oj-dialog:focus {
  outline: none;
}
div.oj-dialog .oj-dialog-content, div.oj-dialog .oj-dialog-body {
  background-color: #fff;
}
div.oj-dialog .oj-dialog-footer {
  background-color: #fff;
}

.form-label-summary {
  font-weight: normal;
  font-size: 0.9rem;
  line-height: 1.2rem;
}

table.oc-selectable-table tr.oj-table-body-row.oj-focus,
table.oc-selectable-table tr.oj-table-body-row.oj-hover {
  background-color: #fff;
}
table.oc-selectable-table tr.oj-table-body-row.oj-focus td.oj-table-data-cell,
table.oc-selectable-table tr.oj-table-body-row.oj-hover td.oj-table-data-cell {
  background-color: #fff;
}
table.oc-selectable-table tr.oj-table-body-row.oj-focus:nth-child(2n+1),
table.oc-selectable-table tr.oj-table-body-row.oj-hover:nth-child(2n+1) {
  background-color: #f5f5f5;
}
table.oc-selectable-table tr.oj-table-body-row.oj-focus:nth-child(2n+1) td.oj-table-data-cell,
table.oc-selectable-table tr.oj-table-body-row.oj-hover:nth-child(2n+1) td.oj-table-data-cell {
  background-color: #f5f5f5;
}

table.oc-selectable-table tr.oj-table-body-row.oc-row-selected,
table.oc-selectable-table tr.oj-table-body-row.oc-row-selected.oj-focus,
table.oc-selectable-table tr.oj-table-body-row.oc-row-selected.oj-hover, .oc-selectable-table tr.oj-table-body-row.oc-row-selected,
.oc-selectable-table tr.oj-table-body-row.oc-row-selected.oj-focus,
.oc-selectable-table tr.oj-table-body-row.oc-row-selected.oj-hover {
  background-color: #E7F1FF;
}
table.oc-selectable-table tr.oj-table-body-row.oc-row-selected td.oj-table-data-cell,
table.oc-selectable-table tr.oj-table-body-row.oc-row-selected.oj-focus td.oj-table-data-cell,
table.oc-selectable-table tr.oj-table-body-row.oc-row-selected.oj-hover td.oj-table-data-cell, .oc-selectable-table tr.oj-table-body-row.oc-row-selected td.oj-table-data-cell,
.oc-selectable-table tr.oj-table-body-row.oc-row-selected.oj-focus td.oj-table-data-cell,
.oc-selectable-table tr.oj-table-body-row.oc-row-selected.oj-hover td.oj-table-data-cell {
  background-color: #E7F1FF;
}
table.oc-selectable-table tr.oj-table-body-row.oc-row-updated:not(.oc-row-selected) td.oj-table-data-cell,
table.oc-selectable-table tr.oj-table-body-row.oc-row-updated:not(.oc-row-selected).oj-focus td.oj-table-data-cell,
table.oc-selectable-table tr.oj-table-body-row.oc-row-updated:not(.oc-row-selected).oj-hover td.oj-table-data-cell, .oc-selectable-table tr.oj-table-body-row.oc-row-updated:not(.oc-row-selected) td.oj-table-data-cell,
.oc-selectable-table tr.oj-table-body-row.oc-row-updated:not(.oc-row-selected).oj-focus td.oj-table-data-cell,
.oc-selectable-table tr.oj-table-body-row.oc-row-updated:not(.oc-row-selected).oj-hover td.oj-table-data-cell {
  font-weight: bold;
}

.oj-table td.oc-numeric-column, .oj-table th.oc-numeric-column, .oj-table td.oj-table-data-cell.oc-numeric-column, .oj-table th.oj-table-column-header-cell.oc-numeric-column, table td.oc-numeric-column, table th.oc-numeric-column, table td.oj-table-data-cell.oc-numeric-column, table th.oj-table-column-header-cell.oc-numeric-column {
  text-align: right;
}
.oj-table td.oc-date-column, .oj-table td.oc-checkbox-column, .oj-table td.oc-status-column, .oj-table td.oc-center-column, .oj-table th.oc-date-column, .oj-table th.oc-checkbox-column, .oj-table th.oc-status-column, .oj-table th.oc-center-column, .oj-table td.oj-table-data-cell.oc-date-column, .oj-table td.oj-table-data-cell.oc-checkbox-column, .oj-table td.oj-table-data-cell.oc-status-column, .oj-table td.oj-table-data-cell.oc-center-column, .oj-table th.oj-table-column-header-cell.oc-date-column, .oj-table th.oj-table-column-header-cell.oc-checkbox-column, .oj-table th.oj-table-column-header-cell.oc-status-column, .oj-table th.oj-table-column-header-cell.oc-center-column, table td.oc-date-column, table td.oc-checkbox-column, table td.oc-status-column, table td.oc-center-column, table th.oc-date-column, table th.oc-checkbox-column, table th.oc-status-column, table th.oc-center-column, table td.oj-table-data-cell.oc-date-column, table td.oj-table-data-cell.oc-checkbox-column, table td.oj-table-data-cell.oc-status-column, table td.oj-table-data-cell.oc-center-column, table th.oj-table-column-header-cell.oc-date-column, table th.oj-table-column-header-cell.oc-checkbox-column, table th.oj-table-column-header-cell.oc-status-column, table th.oj-table-column-header-cell.oc-center-column {
  text-align: center;
}

.oc-scroll-table .oj-table-status-message {
  background: transparent;
}

.form-items-and-button .oj-table-container {
  overflow: visible !important;
}

.table-border-doubled {
  border-left: 0px !important;
  border-right: 0px !important;
}
.table-border-doubled > div.oj-table.oj-table-container {
  border-left: 0px !important;
  border-right: 0px !important;
}
.table-border-doubled > table.oj-table-element {
  margin-right: 0;
}

.list-border-doubled {
  border-left: 0px !important;
  border-right: 0px !important;
}

.oc-status {
  display: inline-flex;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.9rem;
  color: #444;
  align-items: center;
  border-radius: 3px;
  background: #D9E2F1;
  max-width: 250px;
  min-width: 60px;
  padding: 0 6px 0 2px;
}
.oc-status:before, .oc-status::before {
  content: "";
  display: inline-block;
  background-size: 16px;
  width: 16px;
  height: 16px;
  margin: 4px;
}

.oj-select-choice .oc-status {
  display: flex;
  margin: 3px 25px 3px 0;
  line-height: normal;
}

.oj-accordion-collapsible > .oj-collapsible-wrapper > .oj-collapsible-content.oc-sidebar-content-wrap {
  padding: 0;
}

.oc-sidebar-content-wrap {
  padding: 0px;
  display: flex;
  flex: 1 1 0%;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  flex-wrap: nowrap;
}
.oc-sidebar-content-wrap .oc-sidebar-content {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  overflow: auto;
  min-height: 30px;
  height: 30px;
  padding: 10px;
}
.oc-sidebar-content-wrap .oc-sidebar-content .oj-label {
  font-weight: bold !important;
}
.oc-sidebar-content-wrap .oc-sidebar-header {
  padding: 10px;
}
.oc-sidebar-content-wrap .oc-sidebar-footer {
  padding: 10px;
}

.oc-sidebar-datalabel {
  font-size: 1.2rem;
  font-weight: normal;
}

.oc-sidebar-datavalue {
  margin-bottom: 10px;
}
.oc-sidebar-datavalue > .oj-form-control {
  margin-bottom: 0;
}
.oc-sidebar-datavalue-overflow {
  max-height: 120px;
  overflow: auto;
}

.oc-sidebar-buttonwrap {
  text-align: right;
  padding: 10px 0;
}

.oc-inline-success {
  display: flex;
  align-items: center;
  padding: 5px 15px 0;
}
.oc-inline-success.oc-inline-success-nopad {
  padding: 0;
}
.oc-inline-success-icon {
  background: url("images/success_icon.svg");
  width: 20px;
  height: 20px;
}
.oc-inline-success-msg {
  flex: 1 1 0%;
  min-width: 0px;
  min-height: 0px;
  color: #76B417;
  padding-left: 2px;
  font-weight: bold;
}

.oc-success-box {
  background-color: #ebfae4;
  padding: 10px;
}

.oc-warning-box, .oc-error-box, .oc-success-box-default {
  display: flex;
  background: #FEF9E8;
  border: 1px solid #FEF3CE;
  border-radius: 5px;
  padding: 12px;
  margin: 0.8rem;
}
.oc-warning-box:before, .oc-warning-box::before, .oc-error-box:before, .oc-error-box::before, .oc-success-box-default:before, .oc-success-box-default::before {
  content: "";
  display: inline-block;
  background-image: url("images/warning_icon.svg");
  background-size: 18px;
  width: 18px;
  height: 17px;
  margin-right: 12px;
}
.oc-warning-box.oc-margin-vertical-only, .oc-error-box.oc-margin-vertical-only, .oc-success-box-default.oc-margin-vertical-only {
  margin: 0.8rem 0;
}
.oc-warning-box.oc-margin-bottom-only, .oc-error-box.oc-margin-bottom-only, .oc-success-box-default.oc-margin-bottom-only {
  margin: 0 0 0.8rem;
}
.oc-warning-box.oc-margin-horizontal-only, .oc-error-box.oc-margin-horizontal-only, .oc-success-box-default.oc-margin-horizontal-only {
  margin: 0 0.8rem;
}
.oc-warning-box.oc-margin-none, .oc-error-box.oc-margin-none, .oc-success-box-default.oc-margin-none {
  margin: 0;
}
.oc-warning-box-content, .oc-error-box-content, .oc-success-box-default-content {
  display: flex;
  flex-direction: column;
  flex: 1 0 0%;
}
.oc-warning-box-content-summary, .oc-error-box-content-summary, .oc-success-box-default-content-summary {
  font-weight: bold;
  font-size: 1rem;
  margin: 0 0 0.6rem;
}
.oc-warning-box-content-details, .oc-error-box-content-details, .oc-success-box-default-content-details {
  flex: 1 0 auto;
}
.oc-warning-box .oc-box-closeicon, .oc-error-box .oc-box-closeicon, .oc-success-box-default .oc-box-closeicon {
  height: 16px;
  width: 16px;
}

.oc-success-box-default {
  background: #ebfae4;
  border: 1px solid #ebfae4;
}
.oc-success-box-default:before, .oc-success-box-default::before {
  content: "";
  display: inline-block;
  background-image: url("images/success_icon.svg");
}

.oc-error-box {
  background: #FBE0DA;
  border: 1px solid #FEF3CE;
}
.oc-error-box:before, .oc-error-box::before {
  content: "";
  display: inline-block;
  background-image: url("images/Error_Dialog.svg");
}

.ocGridImageWrapper {
  position: relative;
  width: 30px;
}
.ocGridImageWrapper .ocGridStatusIcon {
  position: absolute;
  right: -25px;
  top: 50%;
  margin-top: -20px;
  height: 40px;
  width: 40px;
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: contain;
}

.oc-multiselect-table.oj-focus {
  outline: 2px solid #0572ce;
}

.oc-download-link {
  display: inline-flex;
}
.oc-download-link:before {
  content: "";
  display: inline-block;
  background-image: url("common/Download_hover.svg");
  background-size: 16px;
  width: 16px;
  height: 16px;
  margin-right: 0.4rem;
  vertical-align: middle;
}
.oc-download-link.disabled:before {
  background-image: url("common/Download_default.svg");
  cursor: default;
}

oj-table.oc-select-table, .oj-table.oc-select-table {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* Table with checkbox in blue background and a details area. Ref: Local labs list */
html:not([dir=rtl]) .oc-select-table .oc-select-table-header-cell-start.oj-table-column-header-cell {
  text-align: left;
  padding-left: 30px;
}

.oc-select-table .oc-select-table-checkbox-cell {
  overflow: visible;
}

.oc-select-table .oc-select-table-checkbox-cell-content {
  position: relative;
  text-align: center;
}

.oc-select-table .oc-select-table-rowimage, .oc-select-table-rowimage-inactive {
  position: absolute;
  width: 40px;
  height: 40px;
  right: -28px;
  top: 50%;
  margin-top: -20px;
  background-color: #000;
  box-sizing: border-box;
  border-radius: 20px;
  border: 3px solid #fff;
}

.oc-select-table .oc-select-table-cell-details {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-left: 30px;
}

.oc-select-table .oc-select-table-link {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  max-width: 100%;
  text-decoration: none;
  margin: auto 0;
}

.oc-dnd-actions-table.oj-table-scroll .oj-table-header-row {
  min-height: 2em;
}

.oc-dnd-actions-table .oc-dnd-actions-table-actions-cell,
.oc-dnd-actions-table .oc-dnd-actions-table-actions-cell:hover,
.oc-dnd-actions-table .oc-dnd-actions-table-actions-cell.oj-hover {
  background: #fff;
  border-color: #fff;
}

.oc-dnd-actions-table-dnd-cell {
  cursor: move;
}

.oc-dnd-actions-table-dnd-cell .oc-icon-dnd {
  display: block;
  margin: 0 auto;
  cursor: move;
}

.oc-dnd-actions-grid .oc-icon-dnd {
  margin: 0 auto;
  cursor: move;
  width: 100%;
  height: 100%;
  background-size: 4px;
}

.oc-dnd-actions-grid {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 100%;
  border-right-color: #fff;
  border-top: none;
}

.oc-dnd-actions-grid .oj-datagrid-header-cell.oj-datagrid-row-header-cell {
  background: #fff;
  cursor: move;
  width: 1.5rem;
  padding: 0;
}

.oc-dnd-actions-grid .oj-datagrid-column-header-cell.oj-datagrid-header-cell {
  border-top-width: 1px;
  font-weight: bold;
  height: 40px;
}

.oc-dnd-actions-grid .oj-datagrid-cell {
  padding: 0;
}

.oc-dnd-actions-grid .oj-datagrid-cell .oc-data-placeholder {
  height: 100%;
  width: 100%;
  padding: 0 7px;
  box-sizing: border-box;
  line-height: 2.2rem;
}

.oc-dnd-actions-grid .oj-datagrid-cell .oc-data-placeholder-empty {
  color: rgba(0, 0, 0, 0.55);
  display: block;
  text-align: left;
  font-style: italic;
}

.oc-dnd-actions-grid .oj-datagrid-databody .oj-datagrid-cell.oj-datagrid-cell-invalid,
.oc-dnd-actions-grid .oj-datagrid-databody .oj-datagrid-cell.oj-datagrid-cell-error {
  border-top-color: #E65A66;
  border-bottom-color: #E65A66;
  border-top-width: 2px;
  border-bottom-width: 2px;
}
.oc-dnd-actions-grid .oj-datagrid-databody .oj-datagrid-cell.oj-datagrid-cell-invalid.oj-focus::after,
.oc-dnd-actions-grid .oj-datagrid-databody .oj-datagrid-cell.oj-datagrid-cell-error.oj-focus::after {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-color: #E65A66;
}

.oc-dnd-actions-grid.oj-datagrid-editable .oj-datagrid-cell.oj-focus::after {
  border: 2px solid #027bc7;
}

.oc-dnd-actions-grid .oj-datagrid-column-header-spacer,
.oc-dnd-actions-grid .oj-datagrid-bottom-corner {
  border-color: #fff;
}

html:not([dir=rtl]) .oc-dnd-actions-grid .oj-datagrid-row-header-label {
  height: 39px !important;
}

.oc-dnd-actions-grid .oj-datagrid-row-end-header-label,
.oc-dnd-actions-grid .oj-datagrid-row-end-header-cell {
  background: #fff;
  border-right-color: #fff;
  border-bottom-color: #fff;
}

.oc-dnd-actions-grid .oj-datagrid-cell .oc-numeric-inputtext input::-moz-placeholder {
  text-align: left;
}

.oc-dnd-actions-grid .oj-datagrid-cell .oc-numeric-inputtext input:-moz-placeholder-shown {
  text-align: left;
}

.oc-dnd-actions-grid .oj-datagrid-cell .oc-numeric-inputtext input:placeholder-shown,
.oc-dnd-actions-grid .oj-datagrid-cell .oc-numeric-inputtext input::placeholder {
  text-align: left;
}

.oc-label-help-icon .oj-label-help-icon {
  background-image: url("images/Information_Dialog.svg");
  background-repeat: no-repeat;
  vertical-align: top;
  width: 16px;
  height: 16px;
}

.oc-label-help-icon .oj-fwk-icon-help:before,
.oc-label-help-icon .oj-label-help-icon:before {
  content: " ";
}

.oc-select-box-cleartext-placeholder .oj-listbox-placeholder .oj-listbox-result-label {
  font-weight: bold;
  color: #02629f;
}
.oc-select-box-cleartext-placeholder .oj-listbox-placeholder .oj-listbox-result-label::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 15px;
  vertical-align: top;
  background-image: url("inventoryicons/ClearCross_hover.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}

.oc-sidebar-addbutton {
  margin: 0.8rem;
}

.oc-sidebar-childaccordion {
  overflow: auto;
}
.oc-sidebar-childaccordion.oc-firstmargin .oc-sidebar-childaccordion-collapsible:first-child {
  margin-top: 0.8rem;
}
.oc-sidebar-childaccordion .oc-sidebar-childaccordion-collapsible {
  margin: 0.8rem;
}
.oc-sidebar-childaccordion .oc-sidebar-childaccordion-collapsible:first-child {
  margin-top: 0;
}
.oc-sidebar-childaccordion .oc-sidebar-childaccordion-collapsible-header {
  color: #0572ce !important;
}
.oc-sidebar-childaccordion .oc-sidebar-childaccordion-collapsible-header-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.oc-sidebar-childaccordion .oc-sidebar-childaccordion-collapsible-header-endicon {
  background-repeat: no-repeat;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}
.oc-sidebar-childaccordion .oc-sidebar-childaccordion-collapsible-body {
  padding: 0.8rem;
  border: 1px solid #e5e6e6;
  border-top: 0;
}
.oc-sidebar-childaccordion .oc-sidebar-childaccordion-collapsible-more {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  color: #0572ce !important;
}

.landingPage {
  display: flex;
  flex-direction: row;
}
.landingPage .landingPage-main-info {
  display: flex;
  flex-direction: column;
  flex: 9 0 0%;
  min-width: 0px;
  min-height: 0px;
  background-color: white;
}
.landingPage .landingPage-main-info.study-sidebar-on {
  background-color: #dedede;
}
.landingPage .landingPage-main-info.study-sidebar-on .listHeader {
  background-color: #dedede;
}
.landingPage .landingPage-main-info.study-sidebar-on .studiesListContainer {
  background-color: #dedede;
}
.landingPage .landingPage-main-info.study-sidebar-on .studiesListContainer .ec-study-list {
  border: 2px solid transparent;
}
.landingPage .landingPage-main-info.study-sidebar-on .studiesListContainer .ec-study-list .ecbox {
  box-shadow: 0;
  border-left: inherit;
  border: 2px solid transparent;
}
.landingPage .landingPage-main-info.study-sidebar-on:not(.study-render-floating) .studiesListContainer .ec-study-list {
  min-width: 800px;
}
.landingPage .landingPage-main-info > .oj-panel {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.landingPage .landingPage-main-info .listHeader {
  padding: 0 10px 0px 10px;
}
.landingPage .landingPage-main-info .actionButtonNoStudiesContainer {
  display: -webkit-box;
  width: -moz-fit-content;
  width: fit-content;
  align-self: center;
  text-align: center;
}
.landingPage .landingPage-main-info .studiesListContainer .userAssistant {
  height: 100%;
}
.landingPage .landingPage-main-info .studiesListContainer .userAssistant .verticalWrapper {
  align-items: center;
}
.landingPage .landingPage-main-info .studiesListContainer .userAssistant .verticalWrapper .no-results {
  padding-top: 10px;
}
.landingPage .landingPage-main-info .studiesListContainer {
  overflow-y: auto;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  height: 150px;
  margin-bottom: 12px;
  margin-left: 15px;
  margin-right: 15px;
}
.landingPage .landingPage-main-info .studiesListContainer .oj-listview-container {
  overflow: hidden;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list.oj-listview-container-touch {
  overflow-y: auto;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item {
  margin: 4px;
  padding: 2px;
  border: 2px solid transparent;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header {
  width: 100%;
  min-height: 70px;
  background-color: #ffffff;
  display: flex;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section {
  display: flex;
  align-items: center;
  flex-direction: row;
  min-width: 150px;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .polling-loader {
  background-image: url("images/progress-spinner.gif");
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
  background-size: contain;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .polling-hidden {
  display: none;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .study-header-section-title-btn {
  height: 50px;
  min-width: 300px;
  max-width: 300px;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .study-header-section-title-btn .oj-button-label {
  justify-content: start;
  cursor: pointer;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .study-header-section-title-btn .oj-button-label span {
  font-weight: bold;
  font-size: 17px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .study-header-section-title-disabled-btn {
  height: 50px;
  min-width: 300px;
  max-width: 300px;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .study-header-section-title-disabled-btn .oj-button-label {
  justify-content: start;
  cursor: text;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .study-header-section-title-disabled-btn .oj-button-label span {
  font-weight: bold;
  font-size: 17px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .vertical-image-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .vertical-image-item:not(:last-of-type) {
  margin-right: 20px;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .vertical-image-item .image {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .button-icon {
  width: 55px;
  height: 55px;
  min-width: 55px;
  min-height: 55px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .button-icon.button-icon-updated {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  margin-bottom: 0;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .button-icon.button-icon-updated > button, .landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .button-icon.button-icon-updated > oj-menu-button > button {
  cursor: pointer;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .button-icon .oj-button-menu-dropdown-nostartslot-icon {
  display: none;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .retry-copy-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .warning-icon-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-right: 25px;
  padding-left: 15px;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .warning-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url(images/warning_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .retry-cancel-message-container {
  display: flex;
  flex-direction: row;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .retry-cancel-message {
  display: flex;
  align-items: center;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .name-and-fav {
  padding: 5px 5px 5px 10px;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .name-and-fav.landing-detial-study-tile {
  min-height: 75px;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .name-and-fav .study-header-section-title-btn-text {
  display: inline-flex;
  flex-direction: column;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .name-and-fav .company-title {
  display: block;
  font-size: 13px;
  font-weight: normal;
  color: #161513;
  opacity: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .name-and-fav .oj-button-label {
  text-align: left;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .name-and-fav .fav-star {
  width: 25px;
  height: 25px;
  background-image: url(studiesImages/favorite_star.png);
  background-repeat: no-repeat;
  margin-left: 5px;
  margin-right: 5px;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .name-and-fav .title {
  font-size: 18px;
  line-height: 200%;
  margin-left: 6px;
  min-width: 200px;
  cursor: pointer;
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .name-and-fav .title:hover {
  color: #0572ce;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .name-and-fav .nonCstudytitle {
  font-size: 18px;
  line-height: 200%;
  margin-left: 6px;
  min-width: 200px;
  cursor: pointer;
  color: #000;
  text-decoration: none;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .name-and-fav .nonCstudytitle:hover {
  color: #0572ce;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .status .image.draft {
  background-image: url(landingpageimages/draft.png);
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .notifications-approvals .notifications {
  cursor: pointer;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .notifications-approvals .notifications .image {
  background-image: url(landingpageimages/Notification_icon_inactive.png);
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .notifications-approvals .notifications .label.ec-common-truncate {
  max-width: 90px;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .notifications-approvals .notifications notification-icon {
  max-width: 75px;
  margin: 5px;
  display: flex;
  align-items: center;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .notifications-approvals .approvals .image {
  background-image: url(landingpageimages/PendingApprovals_icon_inactive.png);
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .signature {
  cursor: pointer;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .signature .image {
  background-image: url(landingpageimages/Notification_icon_inactive.png);
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .signature .label.ec-common-truncate {
  max-width: 90px;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .signature notification-icon {
  height: 40px;
  max-width: 75px;
  margin: 5px;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .signature .signature-main-container {
  max-width: 75px;
  margin: 5px;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .signature .signature-main-container .iconContainer {
  height: 30px;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .signature .signature-main-container .iconImage {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .signature .signature-main-container .iconImage.enable {
  cursor: pointer;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .signature .signature-main-container .iconContainer .signature-count {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #B30000;
  padding: 1px;
  color: white;
  min-width: 18px;
  width: 18px;
  min-height: 18px;
  height: 18px;
  position: relative;
  top: -9px;
  right: -9px;
  border-radius: 50%;
  font-size: 12px;
  text-align: center;
  line-height: 18px;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .action-buttons {
  justify-content: flex-end;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .action-buttons .cold-spot {
  height: 100%;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  /* Push */
}
@keyframes hvr-push {
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .action-buttons .cold-spot .hvr-push .icon-iteself {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .action-buttons .cold-spot .hvr-push:hover .icon-iteself,
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .action-buttons .cold-spot .hvr-push:focus .icon-iteself,
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .action-buttons .cold-spot .hvr-push:active .icon-iteself {
  animation-name: hvr-push;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .action-buttons .cold-spot .edit {
  background-image: url(landingpageimages/Pencil_Default_Icon.png);
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .action-buttons .cold-spot .edit:hover {
  background-image: url(landingpageimages/Pencil_Hover_Icon.png);
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .action-buttons .cold-spot .edit:active {
  background-image: url(landingpageimages/Pencil_Active_Icon.png);
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .action-buttons .cold-spot .testMode {
  background-image: url(landingpageimages/testingMode_ena.png);
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .action-buttons .cold-spot .testMode:hover {
  background-image: url(landingpageimages/testingMode_hov.png);
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .action-buttons .cold-spot .testMode:active {
  background-image: url(landingpageimages/testingMode_act.png);
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .action-buttons .cold-spot .trainingMode {
  background-image: url(landingpageimages/trainingMode_ena.png);
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .action-buttons .cold-spot .trainingMode:hover {
  background-image: url(landingpageimages/trainingMode_hov.png);
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .action-buttons .cold-spot .trainingMode:active {
  background-image: url(landingpageimages/trainingMode_act.png);
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .action-buttons .retry-cancel-btn-container {
  display: flex;
  justify-content: flex-end;
  padding-left: 20px;
  padding-right: 20px;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .action-buttons .retry-cancel-btn-align {
  margin-right: 5px;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-header .action-buttons .retry-cancel-btn-text {
  color: #000000;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .nonCstudy {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background-color: #f4f4f4;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .expanded .study-header {
  background-color: #eeeeee;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .fromSidebarSelected:not(.expanded) .study-header {
  background-color: rgb(228, 239, 248);
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-details {
  background-color: #eeeeee;
  padding-bottom: 10px;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-details .tip {
  display: flex;
  flex-direction: column;
  width: 460px;
  max-width: 98%;
  margin: 0 auto;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-details .tip a {
  cursor: pointer;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-details .version-wells {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 200px;
  margin: 0px 10px;
  overflow-x: auto;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-details .version-wells .versionWell {
  flex: 1 0 200px;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  background-color: #fff;
  margin: 5px;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-details .version-wells .versionWell .wellHeader {
  height: auto;
  margin: 5px 5px 0px 5px;
  padding: 5px;
  border-bottom: 1px solid #d6dfe6;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-details .version-wells .versionWell .wellHeader .image {
  float: left;
  margin: 4px 10px 4px 2px;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-details .version-wells .versionWell .wellHeader .title {
  font-size: 16px;
  margin-top: 4px;
  margin-bottom: 0;
  line-height: 150%;
  font-weight: 700;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-details .version-wells .versionWell .wellContents {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  box-sizing: border-box;
  overflow: auto;
  padding: 5px;
  width: 100%;
  align-items: center;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-details .version-wells .versionWell .wellContents .emptyList {
  display: flex;
  align-items: center;
  flex: 1 0 auto;
  min-width: 0px;
  min-height: 0px;
  height: 100%;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item .study-details .version-wells .versionWell .wellContents .emptyList oj-button {
  margin: 0 auto;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item.oj-hover {
  border: 2px solid #227E9E;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .study-list-item.oj-selected > div > study-container-tile > div:not(.expanded) > div {
  background-color: #e8f3f7;
}
.landingPage .landingPage-main-info .studiesListContainer .ec-study-list .ecbox {
  box-shadow: 1px 1px 3px 0px #ccc;
  border-left: 2px solid #eee;
  border-top: 2px solid #eee;
}
.landingPage .landingPage-main-info .listItemNoBorder {
  border: #fff;
}
.landingPage .landingPage-main-info .emptyList {
  display: none;
}
.landingPage .landingPage-main-info .ec-landingpage-header-input-position {
  float: left;
  padding-top: 5px;
  padding-left: 5px;
}
.landingPage .landingPage-main-info .studiesListHeader {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  justify-content: space-between;
}
.landingPage .landingPage-main-info .studiesListHeader .actionButtons {
  float: left;
  padding-top: 5px;
  padding-left: 5px;
}
.landingPage .landingPage-main-info .studiesListHeader .actionButtonSecond {
  float: left;
  padding-top: 1px;
  padding-left: 5px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.landingPage .landingPage-main-info .studiesListHeader .actionButtonsRight {
  display: flex;
  padding-top: 1px;
  padding-left: 5px;
  margin-right: 10px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.landingPage .landingPage-main-info .studiesListHeader .actionButtonsRight button.filterMenuActiveButton {
  /* solid enabled */
  --oj-button-solid-chrome-bg-color: rgb(1, 99, 201, 1);
  --oj-button-solid-chrome-border-color: transparent;
  --oj-button-solid-chrome-text-color: #fff;
  /* solid hover */
  --oj-button-solid-chrome-bg-color-hover: rgb(1, 99, 201, 1);
  --oj-button-solid-chrome-border-color-hover: transparent;
  --oj-button-solid-chrome-text-color-hover: #fff;
  /* solid active */
  --oj-button-solid-chrome-bg-color-active: rgb(1, 99, 201, 1);
  --oj-button-solid-chrome-border-color-active: transparent;
  --oj-button-solid-chrome-text-color-active: #fff;
  /* solid disabled */
  --oj-button-solid-chrome-bg-color-disabled: rgb(1, 99, 201, 1);
  --oj-button-solid-chrome-border-color-disabled: transparent;
  --oj-button-solid-chrome-text-color-disabled: #fff;
}
.landingPage .landingPage-main-info .studiesListHeader .actionButtonsRight button#filter-menu-btn span.oj-button-text {
  width: 130px;
  text-align: left;
}
.landingPage .landingPage-main-info .studiesListHeader .actionButtonsRight .filter-menu-btn-filter-funnel {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(landingpageimages/filter-funnel-default.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.landingPage .landingPage-main-info .studiesListHeader .actionButtonsRight .filterMenuActiveButton .filter-menu-btn-filter-funnel {
  background-image: url(landingpageimages/filter-funnel-active.svg);
}
.landingPage .landingPage-main-info .studiesListHeader .actionButtonsRight .filter-menu-btn-filter-arrow {
  width: 0.8rem;
  height: 0.8rem;
  background-image: url(landingpageimages/button-arrow-down.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.landingPage .landingPage-main-info .studiesListHeader .actionButtonsRight .filterMenuActiveButton .filter-menu-btn-filter-arrow {
  background-image: url(landingpageimages/button-arrow-up.svg);
}
.landingPage .landingPage-main-info .studiesListHeader .actionButtonsRight .landing-page-header-study-search {
  margin-left: 5px;
  width: 250px;
}
.landingPage .landingPage-main-info .studiesListHeader .actionButtonsRight .landing-page-header-study-search #landing-page-search-study-field {
  position: relative;
}
.landingPage .landingPage-main-info .studiesListHeader .actionButtonsRight .landing-page-header-study-search #landing-page-search-study-field #search-study-icon {
  display: inline;
}
.landingPage .landingPage-main-info .studiesListHeader .actionButtonsRight .landing-page-header-study-search #landing-page-search-study-field #search-study-icon::before {
  position: absolute;
  right: 10px;
  top: 8px;
}
.landingPage .landingPage-main-info .studiesListHeader .actionButtonsRight .landing-page-header-study-search #landing-page-search-study-field .search-study-icon:hover {
  text-decoration: none;
}
.landingPage .landingPage-main-info .studiesListHeader .actionButtonsRight .landing-page-header-study-search #landing-page-search-study-field .search-study-icon:hover {
  background: none;
}
.landingPage .landingPage-main-info .studiesListHeader .assistText {
  padding-left: 5px;
  margin-right: 5px;
  margin-top: 15px;
  margin-bottom: 10px;
  font-weight: bold;
  color: #666;
}
.landingPage .landingPage-main-info .studiesListHeader .actionButtonsLeft {
  float: left;
  padding-top: 1px;
  padding-left: 5px;
  margin-left: 5px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.landingPage .landingPage-main-info .studiesListHeader .actionButtonsLeft #btn-study-create {
  background-color: #ffffff;
  border-radius: 4px;
}
.landingPage .landingPage-main-info .studiesListHeader .actionButtonsLeft #btn-study-create > button {
  cursor: pointer;
}
.landingPage .landingPage-main-info .studiesListHeader .modeSearch {
  float: right;
  padding-top: 5px;
  padding-right: 5px;
  width: 130px;
}
.landingPage .landingPage-main-info .studiesListHeader .selectInputContainer {
  float: right;
  padding-top: 5px;
  padding-right: 10px;
  width: 200px;
}
.landingPage .landingPage-main-info study-version-tile {
  display: block;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  width: 100%;
}
.landingPage .landingPage-main-info study-version-tile .study-version-tile {
  display: flex;
  flex-direction: row;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-image: linear-gradient(to bottom, #fff 0%, #f1f3f4 5%, #e8ebed 50%, #e4e8ea 100%);
  border-radius: 3px;
  border: #c4ced7 1px solid;
  box-shadow: 1px 1px 3px 0px #ccc;
  font-size: 12px;
  padding: 14px 2px;
  margin: 3px 0 8px 0;
  width: 98%;
}
.landingPage .landingPage-main-info study-version-tile .study-version-tile .version-tile-title {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: center;
  padding-left: 6px;
}
.landingPage .landingPage-main-info study-version-tile .study-version-tile .version-tile-title .title {
  flex: 1 0 auto;
  min-width: 0px;
  min-height: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 6px;
}
.landingPage .landingPage-main-info study-version-tile .study-version-tile .version-tile-title .editInput {
  flex: 3 0 auto;
  min-width: 0px;
  min-height: 0px;
  margin: 0px;
  max-width: 80%;
}
.landingPage .landingPage-main-info study-version-tile .study-version-tile .handle-and-edit {
  cursor: pointer;
}
.landingPage .landingPage-main-info study-version-tile .study-version-tile .handle-and-edit .menu-button {
  margin-right: 5px;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center center;
}
.landingPage .landingPage-main-info study-version-tile .study-version-tile .handle-and-edit .menu-button:hover {
  color: #227E9E;
}
.landingPage .landingPage-main-info study-version-tile .study-version-tile.editMode.validation {
  height: 110px;
}
.landingPage .landingPage-main-info:not(.study-render-floating) .studiesListContainer .ec-study-list .study-list-item .study-header {
  flex-wrap: nowrap;
  height: 85px;
}
.landingPage .landingPage-main-info:not(.study-render-floating) .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.landingPage .landingPage-main-info:not(.study-render-floating) .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .button-icon.button-icon-updated:not(:first-of-type) {
  margin-left: 5px;
}
.landingPage .landingPage-main-info:not(.study-render-floating) .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section.icon-and-action {
  justify-content: space-between;
  flex: 2 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.landingPage .landingPage-main-info:not(.study-render-floating) .studiesListContainer .ec-study-list .study-list-item .study-header .name-and-fav.landing-detial-study-tile {
  min-width: 310px;
  width: 310px;
}
.landingPage .landingPage-main-info:not(.study-render-floating) .studiesListContainer .ec-study-list .study-list-item .study-header .landing-detial-study-tile-library {
  min-width: 448px !important;
  width: 448px !important;
}
.landingPage .landingPage-main-info:not(.study-render-floating) .studiesListContainer .ec-study-list .study-list-item .study-header .notifications-approvals {
  min-width: 80px;
}
.landingPage .landingPage-main-info:not(.study-render-floating) .studiesListContainer .ec-study-list .study-list-item .study-header .notifications-approvals.landing-detial-study-tile {
  min-width: 180px;
  align-items: center;
}
.landingPage .landingPage-main-info:not(.study-render-floating) .studiesListContainer .ec-study-list .study-list-item .study-header .action-buttons {
  min-width: 250px;
}
.landingPage .landingPage-main-info:not(.study-render-floating) .studiesListContainer .ec-study-list .study-list-item .study-header .action-buttons .cold-spot {
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap;
}
.landingPage .landingPage-main-info.study-render-floating {
  min-width: 410px;
}
.landingPage .landingPage-main-info.study-render-floating .ec-study-list .study-list-item {
  margin: 4px;
  padding: 2px;
}
.landingPage .landingPage-main-info.study-render-floating .ec-study-list .study-list-item .study-header {
  flex-wrap: wrap;
}
@media (max-width: 1200px) {
  .landingPage .landingPage-main-info.study-render-floating .ec-study-list .study-list-item .study-header .action-buttons {
    max-width: 150px;
  }
  .landingPage .landingPage-main-info.study-render-floating .ec-study-list .study-list-item .study-header .action-buttons .cold-spot {
    max-width: 150px;
    min-width: 110px;
    flex-wrap: wrap;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  .landingPage .landingPage-main-info.study-render-floating .ec-study-list .study-list-item .study-header .action-buttons .cold-spot .button-icon.button-icon-updated {
    margin-left: 0px;
  }
  .landingPage .landingPage-main-info.study-render-floating .ec-study-list .study-list-item .study-header .action-buttons .cold-spot .button-icon.button-icon-updated:nth-child(even) {
    margin-left: 5px;
  }
  .landingPage .landingPage-main-info.study-render-floating .ec-study-list .study-list-item .study-header .action-buttons .cold-spot .button-icon.button-icon-updated {
    margin-top: 2px;
    margin-bottom: 2px;
  }
}
@media (min-width: 1201px) {
  .landingPage .landingPage-main-info.study-render-floating .ec-study-list .study-list-item .study-header .action-buttons {
    max-width: 250px;
  }
  .landingPage .landingPage-main-info.study-render-floating .ec-study-list .study-list-item .study-header .action-buttons .cold-spot {
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
  .landingPage .landingPage-main-info.study-render-floating .ec-study-list .study-list-item .study-header .action-buttons .button-icon.button-icon-updated:not(:first-of-type) {
    margin-left: 5px;
  }
}
.landingPage .landingPage-main-info.study-render-floating .ec-study-list .study-list-item .study-header {
  justify-content: space-between;
}
.landingPage .landingPage-main-info.study-render-floating .ec-study-list .study-list-item .study-header .study-header-section.icon-and-action {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  min-width: 300px;
}
.landingPage .landingPage-main-info.study-render-floating .ec-study-list .study-list-item .study-header .study-header-section {
  justify-content: space-between;
}
.landingPage .landingPage-main-info.study-render-floating .ec-study-list .study-list-item .study-header .study-header-section .study-header-section-title-btn {
  min-width: 350px;
  max-width: 350px;
}
.landingPage .landingPage-main-info.study-render-floating .ec-study-list .study-list-item .study-header .study-header-section .vertical-image-item {
  max-width: 75px;
  min-width: 75px;
}
.landingPage .landingPage-main-info.study-render-floating .ec-study-list .study-list-item .study-header .study-header-section .vertical-image-item:not(:last-of-type) {
  margin-right: 15px;
}
.landingPage .landingPage-main-info.study-render-floating .ec-study-list .study-list-item .study-header .study-header-section .vertical-image-item:first-of-type {
  margin-left: 5px;
}
.landingPage .landingPage-main-info.study-render-floating .ec-study-list .study-list-item .study-header .notifications-approvals {
  min-width: 170px;
  max-width: 170px;
  flex-wrap: nowrap;
}
.landingPage .landingPage-main-info.study-render-floating .ec-study-list .study-list-item .study-header .action-buttons .cold-spot {
  display: flex;
}

#landingpage-screened-subject-popup {
  display: none;
  width: 350px;
  overflow: auto;
  max-height: 300px;
}
#landingpage-screened-subject-popup #landingpage-screened-subject-table .subjectcelltemplate-label {
  cursor: pointer;
}

#createStudyDialog .ec-dialog-title.oj-jet7-quick-fix,
#cancelCreateStudyDialog .ec-dialog-title.oj-jet7-quick-fix {
  width: 100%;
}
#createStudyDialog .ec-dialog-title.oj-jet7-quick-fix #createStudyDialogTitle,
#createStudyDialog .ec-dialog-title.oj-jet7-quick-fix #cancelCreateStudyDialogTitle,
#cancelCreateStudyDialog .ec-dialog-title.oj-jet7-quick-fix #createStudyDialogTitle,
#cancelCreateStudyDialog .ec-dialog-title.oj-jet7-quick-fix #cancelCreateStudyDialogTitle {
  font-weight: bold;
  font-size: 1em;
}

.randomizationsDesign .header {
  display: flex;
}
.randomizationsDesign .header .left-area {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.randomizationsDesign .listArea .randDesignList {
  padding: 0px 0px 10px 0px;
}
.randomizationsDesign .inventoryContents {
  display: flex;
  flex-wrap: wrap;
  width: auto;
  height: auto;
}

.randomization-status-spacing .oj-listbox-result-label {
  padding: 0px 0px;
  margin: 4px 0;
}

.randomization-status.oc-status {
  display: flex;
  flex-direction: row;
  padding-top: 2px;
  margin: -7px 3px -5px 0;
}
.randomization-status.oc-status:before, .randomization-status.oc-status::before {
  margin: 2px 4px 4px 4px;
}
.randomization-status.oc-status.oc-status-inline {
  margin-top: 0;
}
.randomization-status.assigned.oc-status {
  background-color: #d8e2f0;
}
.randomization-status.assigned.oc-status:before, .randomization-status.assigned.oc-status::before {
  background-image: url(randomizationimages/Assigned_Randstatus.svg);
}
.randomization-status.available.oc-status {
  background-color: #d8f0e7;
}
.randomization-status.available.oc-status:before, .randomization-status.available.oc-status::before {
  background-image: url(randomizationimages/Available_Randstatus.svg);
}
.randomization-status.inactive.oc-status {
  background-color: #e3e3e3;
}
.randomization-status.inactive.oc-status:before, .randomization-status.inactive.oc-status::before {
  background-image: url(randomizationimages/NotReleased_Randstatus.svg);
}
.randomization-status.unapproved.oc-status {
  background-color: #eeecb0;
}
.randomization-status.unapproved.oc-status:before, .randomization-status.unapproved.oc-status::before {
  background-image: url(randomizationimages/NotApproved_Randstatus.svg);
}
.randomization-status.randomized-error.oc-status {
  background-color: #f2d3d3;
}
.randomization-status.randomized-error.oc-status:before, .randomization-status.randomized-error.oc-status::before {
  background-image: url(randomizationimages/RandError_Randstatus.svg);
}

.blockAssignmentEmpty {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  margin: auto;
  font-weight: bold;
  font-size: 1.1rem;
}
.blockAssignmentEmpty .allblocksassignedImage {
  width: 125px;
  height: 120px;
  background-image: url("ors/all_blocks_assigned.svg");
  background-repeat: no-repeat;
  background-position: center center;
}
.blockAssignmentEmpty .noblocksassignedImage {
  width: 125px;
  height: 120px;
  background-image: url("ors/no_blocks_assigned.svg");
  background-repeat: no-repeat;
  background-position: center center;
}

.blockassignment-container {
  padding: 10px;
}
.blockassignment-container .clear-filter-container {
  cursor: default;
  align-items: center;
}
.blockassignment-container .selectedBlocksCount {
  white-space: nowrap;
  line-height: 2.2rem;
  margin-right: 0.9rem;
}

.blockAssignment.clinicalOne-DialogWindow .oj-dialog-content .oj-dialog-body {
  overflow: hidden;
}
.blockAssignment.clinicalOne-DialogWindow .oj-dialog-content .oj-dialog-body .oj-table-grid-display .oj-table-header {
  border-right: 1px solid #d6dfe6;
}

.randomizations-ua .randomizations-ua-image {
  width: 183px;
  height: 165px;
  background-image: url(images/Randomization_UserAssistance.svg);
  background-repeat: no-repeat;
}

.randomizations-list oj-table.loading {
  position: relative;
}
.randomizations-list oj-table.loading:after {
  background-image: url("images/progress-spinner.gif");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  content: " ";
}

#randomizationSettingsSidebarAccordion.randomization-settings .co-error .co-error-errorMessage {
  word-wrap: break-word;
}

analytics-panel {
  flex: none !important;
}

.subjectsMainPage {
  display: flex;
  flex-direction: row;
  flex-wrap: none;
  background: #FFF;
  height: 100%;
}
.subjectsMainPage .mainContent {
  margin-left: 5px;
  margin-right: 5px;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.subjectsMainPage .mainContent .header {
  font-weight: bold;
  font-size: 20px;
}
.subjectsMainPage .subjects-main-page {
  display: flex;
  flex: 1 0 0;
  min-width: 0px;
  min-height: 0px;
  height: 100%;
}
.subjectsMainPage .subjects-main-page .subjectModuleContainer {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.subjectsMainPage .subjects-main-page .subjectModuleContainer .dataCaptureContainer {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
}
.subjectsMainPage .subjects-main-page .subjectModuleContainer .dataCaptureContainer #subjects-list-table .oj-table-header .oj-table-header-row {
  min-height: 32px;
}
.subjectsMainPage .subjects-main-page .subjectModuleContainer .deleteFormContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: white;
  border: 1px solid #ccc;
  transform: scale(0);
  transition: 0.3s ease-in-out all;
}
.subjectsMainPage .subjects-main-page .subjectModuleContainer .deleteFormContainer.showForm {
  transform: scale(1);
}
.subjectsMainPage .subjects-main-page .subjectModuleContainer .deleteFormContainer .deleteContent {
  height: 99%;
  width: 100%;
  overflow: hidden;
  display: flex;
}
.subjectsMainPage .subjects-main-page .subjectModuleContainer .deleteFormContainer .deleteContent .delete-sidebar-collapse {
  width: 100%;
}
.subjectsMainPage .subjects-main-page .subjectModuleContainer .deleteFormContainer .deleteContent .deleteRepContainer {
  width: 100%;
  height: 95%;
}
.subjectsMainPage .subjects-main-page .subjectModuleContainer .deleteFormContainer .deleteContent .deleteRepContainer .deletedHeader {
  margin: 10px 0 0 10px;
}
.subjectsMainPage .subjects-main-page .subjectModuleContainer .deleteFormContainer .deleteContent .deleteRepContainer .repeating-form-con {
  overflow: auto;
  height: 90%;
  overflow: auto;
  margin: 10px 10px 0 10px;
  border: solid 1px #d6dfe6;
}
.subjectsMainPage .subjects-main-page .subjectModuleContainer .deleteFormContainer .deleteContent .form-items-form-title-div .form-items-form-title h2 {
  font-size: 18px;
  font-weight: bold;
}
.subjectsMainPage .subjects-main-page .subjectModuleContainer .deleteFormContainer .deleteContent .form-list-items {
  margin: 0;
  border: 0;
  display: block;
  max-height: 99%;
}
.subjectsMainPage .subjects-main-page .subjectModuleContainer .deleteFormContainer .deleteContent .form-list-items .form-items-and-button .form-items {
  position: relative;
  width: 100%;
  height: 100%;
}
.subjectsMainPage .subjects-main-page .subjectModuleContainer .deleteFormContainer .deleteContent .form-list-items .form-items-and-button .form-items > div {
  min-width: 400px;
}
.subjectsMainPage .subjects-main-page .subjectModuleContainer .deleteFormContainer .deleteContent .form-list-items .deleteSecContainer {
  border: 1px solid #ccc;
  margin: 10px 0 0 10px;
  height: 90%;
  overflow: auto;
}
.subjectsMainPage .subjects-main-page .subjectModuleContainer .deleteFormContainer .deleteContent .form-list-items .deletedHeader {
  margin: 10px 0 0 10px;
}
.subjectsMainPage .subjects-main-page .subjectModuleContainer .deleteFormContainer .deleteContent .removedHistory {
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  line-height: 22px;
  margin: 15px;
  color: #333333;
}
.subjectsMainPage .subjects-main-page .subjectModuleContainer .deleteFormContainer .deleteContent .sidebar_wrapper {
  width: 330px;
  min-width: 330px;
  height: 100%;
}
.subjectsMainPage .subjects-main-page .subjectModuleContainer .deleteFormContainer .deleteContent .sidebar_wrapper .delete-sidebar-collapse {
  width: 100%;
}
.subjectsMainPage .subjects-main-page .subjectModuleContainer .deleteFormContainer .deleteContent .sidebar_wrapper .ansHistoryModule {
  height: 100%;
}
.subjectsMainPage .subjects-main-page .subjectModuleContainer .deleteFormContainer .deleteContent .sidebar_wrapper .ansHistoryModule #answerHistoryContainer {
  overflow-y: auto;
}
.subjectsMainPage .subjects-main-page .subjectModuleContainer .deleteFormContainer .deleteContent .sidebar_wrapper .ansHistoryModule .answerHistorySideBar {
  height: 38vh;
  display: block;
}
.subjectsMainPage .subjects-main-page .subjectModuleContainer .deleteFormContainer .deleteContent sectional-forms > div .sectional-form-single-container .repeating-form .repeating-form-table {
  margin-left: 10px;
}
.subjectsMainPage .subjects-main-page .subjectModuleContainer .deleteFormContainer .deleteContent .form-title-text {
  font-size: 18px;
  font-weight: bold;
  margin: 20px;
}
.subjectsMainPage .subjects-main-page .subjectModuleContainer .deleteFormContainer .deleteContent .empty-con {
  min-height: 500px;
  position: absolute;
  top: 300px;
  left: 30px;
}
.subjectsMainPage .subjects-main-page .subjectModuleContainer .deleteFormContainer .deleteContent .empty-con .txt-no-delete-history-main {
  font-size: 4rem;
  font-weight: 300;
}
.subjectsMainPage .subjects-main-page .subjectModuleContainer .deleteFormContainer .deleteContent .empty-con .txt-no-delete-history-sub {
  font-size: 1.1rem;
}
.subjectsMainPage .subjects-main-page .add-subject-icon {
  background-image: url(subjectimages/AddSubject_button.png);
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  align-self: center;
}
.subjectsMainPage .subjects-main-page .oj-table-column-header-sort-placeholder {
  width: 0px !important;
}
@media screen and (max-width: 1239px) {
  .subjectsMainPage .subjects-main-site #subjects-main-site-popup-opener-id {
    display: inline-flex;
  }
  .subjectsMainPage .subjects-main-site .headerItem.header-regular-size-item {
    visibility: hidden;
    display: none;
  }
}
@media screen and (min-width: 1240px) {
  .subjectsMainPage .subjects-main-site #subjects-main-site-popup-opener-id {
    visibility: hidden;
    display: none;
  }
  .subjectsMainPage .subjects-main-site .headerItem.header-regular-size-item {
    display: inline-flex;
  }
}

.edc-study-label {
  padding-right: 10px;
  font-size: 16px;
}

.dialog-footerBtn_dcs {
  margin-bottom: 0px;
  margin-left: 1px !important;
  margin-right: 5px;
}

.dialog-footer_dcs {
  padding: 16px !important;
}

div[data-oj-containerid=ojChoiceId_subject-site-select] > ul > li.oj-listbox-result > div {
  display: flex;
}

.subjects-main-site {
  margin-top: 2px;
  display: flex;
}
.subjects-main-site oj-buttonset-one:not(#subjectIOTViewSwitcher) label {
  padding-right: 10px;
  font-weight: bold;
  font-size: 16px;
}
.subjects-main-site oj-button#subjects-main-site-popup-opener-id.filter-icon-container .oj-button-icon.oj-start {
  background-image: url("common/Filter_Default.svg");
  content: url("common/Filter_Default.svg");
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  background-size: contain;
  margin: auto;
  align-self: center;
  display: inline-block;
  margin: 0px 5px;
}
.subjects-main-site oj-button#subjects-main-site-popup-opener-id.filter-icon-container.oj-hover .oj-button-icon.oj-start, .subjects-main-site oj-button#subjects-main-site-popup-opener-id.filter-icon-container:hover .oj-button-icon.oj-start, .oj-button.oj-selected .subjects-main-site oj-button#subjects-main-site-popup-opener-id.filter-icon-container .oj-button-icon.oj-start {
  background-image: url("common/Filter_Active.svg");
  content: url("common/Filter_Active.svg");
}
.subjects-main-site oj-button#subjects-main-site-popup-opener-id.filter-icon-container.oj-active .oj-button-icon.oj-start {
  background-image: url("common/Filter_Hover.svg");
  content: url("common/Filter_Hover.svg");
}
.subjects-main-site #subjectIOTViewSwitcher-container {
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.subjects-main-site #subjectIOTViewSwitcher-container label.headerItem {
  padding-right: 10px;
  font-weight: bold;
  font-size: 14px;
}
.subjects-main-site #subjectIOTViewSwitcher-container #subjectIOTViewSwitcher-id {
  margin-right: 0.3em;
}
.subjects-main-site #subjectIOTViewSwitcher-container #subjectIOTViewSwitcher > span.oj-button {
  margin-bottom: 0;
}
.subjects-main-site #subjectIOTViewSwitcher-container #subjectIOTViewSwitcher > span.oj-button span.oj-fwk-icon {
  padding: 0;
}
.subjects-main-site .visitStartDateDisplay {
  align-self: center;
  font-size: 10px;
}
.subjects-main-site .visitStartDateDisplay .bold {
  font-weight: bold;
}
.subjects-main-site .subject-searchField-container .subject-searchField {
  padding-left: 5px;
  position: relative;
}
.subjects-main-site .subject-searchField-container .subject-searchField .subject-search-button {
  display: inline;
}
.subjects-main-site .subject-searchField-container .subject-searchField .subject-search-button::before {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
.subjects-main-site .subject-searchField-container .subject-searchField .subject-search-button:hover {
  text-decoration: none;
}
.subjects-main-site .subject-searchField-container .subject-searchField .subject-search-button:hover {
  background: none;
}

.subject-action-header {
  display: flex;
  justify-content: space-between;
}
.subject-action-header.smart-search-subject-header {
  margin-bottom: 11px;
}
.subject-action-header .subject-header-buttons {
  flex-wrap: wrap;
}
.subject-action-header .subject-header-buttons button {
  margin-right: 10px;
}
.subject-action-header .subject-header-title {
  margin-bottom: 0px !important;
}

#visitListManagementHeader {
  display: flex;
  align-items: center;
  margin-bottom: 35px;
}
#visitListManagementHeader .subjectNumberTitle {
  font-size: 28px;
  padding: 15px;
  margin-top: 8px;
}
#visitListManagementHeader .subjectStateDesign {
  padding-top: 4px;
  padding-right: 14px;
  padding-bottom: 4px;
  padding-left: 14px;
  border-radius: 15px;
}
#visitListManagementHeader .subjectStateDesign.Active {
  background-color: rgba(143, 191, 208, 0.4);
}
#visitListManagementHeader .subjectStateDesign.New {
  background-color: rgba(22, 21, 19, 0.0784313725);
}
#visitListManagementHeader .subjectStateDesign.Screened {
  background-color: rgba(143, 191, 208, 0.4);
}
#visitListManagementHeader .subjectStateDesign.Screen_Failed {
  background-color: rgba(255, 157, 144, 0.4);
}
#visitListManagementHeader .subjectStateDesign.Auto_Screen_Failed {
  background-color: rgba(255, 157, 144, 0.4);
}
#visitListManagementHeader .subjectStateDesign.Complete {
  background-color: rgba(138, 201, 79, 0.4);
}
#visitListManagementHeader .subjectStateDesign.Withdrawn {
  background-color: rgba(240, 169, 87, 0.4);
}
#visitListManagementHeader .subjectStateDesign.Enrolled {
  background-color: rgba(143, 191, 208, 0.4);
}
#visitListManagementHeader #retunToSubjectsArrow {
  width: 20px;
  height: 20px;
  content: url(subjectimages/arrow_previous.svg);
  background-repeat: no-repeat;
  padding-right: 13px;
}

.subjectBulkDropOptionState {
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 5px;
  padding-left: 15px;
  border-radius: 15px;
  float: right;
  margin-left: 30px;
}
.subjectBulkDropOptionState.Active {
  background-color: rgba(143, 191, 208, 0.4);
}
.subjectBulkDropOptionState.New {
  background-color: rgba(22, 21, 19, 0.0784313725);
}
.subjectBulkDropOptionState.Screened {
  background-color: rgba(143, 191, 208, 0.4);
}
.subjectBulkDropOptionState.Screening_Initiated {
  background-color: rgba(143, 191, 208, 0.4);
}
.subjectBulkDropOptionState.Screen_Failed {
  background-color: rgba(255, 157, 144, 0.4);
}
.subjectBulkDropOptionState.Auto_Screen_Failed {
  background-color: rgba(255, 157, 144, 0.4);
}
.subjectBulkDropOptionState.Complete {
  background-color: rgba(138, 201, 79, 0.4);
}
.subjectBulkDropOptionState.Withdrawn {
  background-color: rgba(240, 169, 87, 0.4);
}
.subjectBulkDropOptionState.Enrolled {
  background-color: rgba(143, 191, 208, 0.4);
}

#dataManagementSubjectDropdown .oj-text-field-container {
  border: none;
}
#dataManagementSubjectDropdown .oj-text-field-input {
  font-size: 28px;
  width: auto;
}
#dataManagementSubjectDropdown .oj-text-field-container {
  background-color: #FBF9F8 !important;
}

.subject-actions-randomize-icon {
  width: 16px;
  height: 16px;
  content: url(subjectimages/actions-randomize-icon.png);
  background-repeat: no-repeat;
}

.subject-actions-transfer-icon {
  width: 16px;
  height: 16px;
  background-image: url(subjectimages/actions-transfer-icon.png);
  background-repeat: no-repeat;
}

.subject-actions-withdraw-icon {
  width: 16px;
  height: 16px;
  background-image: url(subjectimages/actions-withdraw-icon.png);
  background-repeat: no-repeat;
}

.subject-actions-help-icon {
  content: url(subjectimages/actions-help-icon.png);
  height: 24px;
  width: 24px;
}

.sidebar .oj-collapsible-wrapper {
  overflow: hidden;
}

.subject-msg-fail-bg {
  background-color: #eaeaea;
}

.subject-msg-success-bg {
  background-color: #ebf0f9;
}

.subject-complete-success-bg,
.subject-complete-withdraw-bg {
  background-color: #eaeaea;
}

.subject-list-message {
  margin: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  height: auto;
}
.subject-list-message .subject-state-small-icons {
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.subject-list-message .subject-state-small-icons.screen-failed-icon-small {
  background-image: url(subjectimages/subject-state-icons/Subject_ScreenFailed.svg);
}
.subject-list-message .subject-state-small-icons.codebreak-icon-small {
  background-image: url(subjectimages/subject-state-icons/Subject_CodeBreak.svg);
}
.subject-list-message .subject-state-small-icons.withdraw-icon-small {
  background-image: url(subjectimages/subject-state-icons/Subject_Withdrawn.svg);
}
.subject-list-message .subject-state-small-icons.reinstated-icon-small {
  background-image: url(subjectimages/subject-state-icons/Subject_UndoWithdraw.svg);
}
.subject-list-message .subject-state-small-icons.success-icon-small {
  background-image: url(subjectimages/subject-state-icons/Subject_Screened.svg);
}
.subject-list-message .subject-state-small-icons.subject-transfer-icon-small {
  background-image: url(subjectimages/subject-state-icons/Subject_Transfer.svg);
}
.subject-list-message .subject-state-small-icons.subject-complete-icon-small {
  background-image: url(subjectimages/subject-state-icons/Subject_Complete.svg);
}
.subject-list-message .subject-main-screenfail-message {
  overflow: hidden;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}
.subject-list-message .dismissIcon {
  position: absolute;
  top: 3px;
  right: 3px;
}

.subject-icons {
  position: absolute;
  top: -7px;
  right: -20px;
}

.sign {
  background: url("subjectimages/subject-state-icons/Signature_Subject.svg");
  height: 16px;
  width: 16px;
  right: -12px;
  top: 8px;
  position: absolute;
}

.unsign {
  background: url("subjectimages/subject-state-icons/Unsigned_Subject.svg");
  height: 16px;
  width: 16px;
  right: -12px;
  top: 8px;
  position: absolute;
}

.neversigned {
  /*background:url($subjectImagesIconsFolder + $subjectStatusSubDirectory + "Unsigned_Subject.svg");*/
  display: none; /* was showing tooltip, so hiding it */
  height: 16px;
  width: 16px;
  right: -12px;
  top: 8px;
}

.verify {
  background: url("subjectimages/subject-state-icons/VerifiedCheck_Subject.svg");
  height: 16px;
  width: 16px;
  top: -4px;
  right: 0px;
  position: absolute;
}

.unverified {
  background: url("subjectimages/subject-state-icons/UnverifiedCheck_Subject.svg");
  height: 16px;
  width: 16px;
  top: -4px;
  right: 0px;
  position: absolute;
}

.neververified {
  /*background:url($subjectImagesIconsFolder + $subjectStatusSubDirectory + "UnverifiedCheck_Subject.svg");*/
  display: none; /* was showing tooltip, so hiding it */
  height: 16px;
  width: 16px;
  top: -4px;
  right: 0px;
}

.frozen {
  background: url("subjectimages/subject-state-icons/Frozen_Subject.svg");
  height: 16px;
  width: 16px;
  right: -11px;
  top: 24px;
  position: absolute;
}

.unfrozen {
  background: url("subjectimages/subject-state-icons/Unfrozen_QuestionandHistory.svg");
  height: 16px;
  width: 16px;
  right: -11px;
  top: 24px;
  position: absolute;
}

.neverfrozen {
  /* background:url("subjectimages/subject-state-icons/Frozen_QuestionandHistory.svg");*/
  display: none; /* was showing tooltip, so hiding it */
  height: 16px;
  width: 16px;
  right: -11px;
  top: 24px;
  position: absolute;
}

.lock {
  background: url("subjectimages/subject-state-icons/Locked.svg");
  height: 16px;
  width: 16px;
  top: 35px;
  right: 2px;
  position: absolute;
}

.unlock {
  background: url("subjectimages/subject-state-icons/Unlocked.svg");
  height: 16px;
  width: 16px;
  top: 35px;
  right: 2px;
  position: absolute;
}

.subject-state-active-ready-to-complete {
  background-image: url("subjectimages/subject-state-icons/ReadytoComplete_check.svg");
  height: 16px;
  width: 16px;
  right: 2px;
  top: 35px;
  position: absolute;
}

.visits-signeds {
  background: url("subjectimages/subject-state-icons/Signature_Subject.svg");
  height: 12px;
  width: 12px;
}

.verified-checked {
  background: url("subjectimages/subject-state-icons/VerifiedCheck_Subject.svg");
  height: 12px;
  width: 12px;
  right: -8px;
  position: absolute;
}

.noclass {
  display: none;
}

.positionOnAvatar_1-of-1 {
  right: -12px;
  top: 15px;
}

.positionOnAvatar_1-of-2 {
  right: -10px;
  top: 8px;
}

.positionOnAvatar_2-of-2 {
  right: -10px;
  top: 24px;
}

.positionOnAvatar_1-of-3 {
  right: -6px;
  top: 0px;
}

.positionOnAvatar_2-of-3 {
  right: -12px;
  top: 15px;
}

.positionOnAvatar_3-of-3 {
  right: -6px;
  top: 30px;
}

.positionOnAvatar_1-of-4 {
  right: 0px;
  top: -5px;
}

.positionOnAvatar_2-of-4 {
  right: -10px;
  top: 8px;
}

.positionOnAvatar_3-of-4 {
  right: -10px;
  top: 24px;
}

.positionOnAvatar_4-of-4 {
  right: 2px;
  top: 34px;
}

.oj-button.highlight-active button {
  background-color: #e3f2fd !important; /* light blue */
}

.suppliesPage {
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: none;
  background: #FFF;
}
.suppliesPage .mainContent {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.suppliesPage .mainContent .contentHeader {
  display: flex;
}
.suppliesPage .mainContent .contentHeader .studyName {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.suppliesPage .mainContent .contentHeader .supplies-main-site .site-label {
  padding-right: 10px;
}
.suppliesPage .mainContent .contentArea .userAssistant .ua-icon.orsTabsId-runtime-assistanceicon {
  width: 200px;
  height: 200px;
  background-image: url(supplyimages/StudySupplies_Assistance.svg);
  background-repeat: no-repeat;
  margin: auto;
}
.suppliesPage .mainContent .tabs {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.suppliesPage .mainContent .header {
  font-weight: bold;
  font-size: 20px;
}
.suppliesPage .sidebar {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 300px;
  max-width: 300px;
  min-width: 300px;
  border: 1px solid #d6dfe6;
}
.suppliesPage .sidebar oj-accordion {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  display: flex;
  overflow-y: auto;
}
.suppliesPage .sidebar .oj-accordion-collapsible.oj-expanded {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.suppliesPage .sidebar .oj-accordion-collapsible.oj-expanded .oj-collapsible-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.suppliesPage .sidebar .oj-accordion-collapsible.oj-expanded .oj-collapsible-wrapper .oj-collapsible-content {
  flex: 1 1 auto;
  overflow-y: auto;
  min-height: 0;
}

.lot-item-wrapper {
  margin-bottom: 12px;
  padding: 0;
}

.lot-item {
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  box-sizing: border-box;
  margin-bottom: 12px;
}
.lot-item .lot-item-content {
  flex: 1;
  padding: 0 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lot-item.lot-item-blinded {
  flex-direction: column;
  background: #F5F5F5;
  border: 1px solid #d3d3d3;
}
.lot-item.lot-item-blinded .lot-item-header {
  display: flex;
  padding: 5px;
  background: #F2F2EE;
}
.lot-item.lot-item-blinded .lot-item-header-content {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lot-item.lot-item-blinded .lot-item-header-content .lot-smalltitle {
  font-size: 0.74rem;
  font-weight: bold;
}
.lot-item.lot-item-blinded .lot-item-header-content .lot-name {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #02629f;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0;
}
.lot-item.lot-item-blinded .lot-item-header-content .lot-shortname {
  font-size: 0.85rem;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lot-item.lot-item-blinded .lot-item-children {
  min-height: 30px;
  padding: 8px 5px 5px;
}
.lot-item.lot-item-blinded .lot-item-children .lot-item {
  margin: 0;
}
.lot-item.lot-item-blinded .lot-item-children .lot-item-wrapper {
  margin-bottom: 8px;
}
.lot-item.lot-item-blinded .lot-item-children .lot-item-wrapper:last-child {
  margin-bottom: 0;
}
.lot-item.lot-item-blinded.dragenter .lot-item-children {
  outline: 2px #0572CE dashed;
  outline-offset: -2px;
}
.lot-item.lot-item-manufacturing {
  font-size: 0.85rem;
  line-height: 1.4;
  padding: 8px;
  margin: 6px 6px 0 6px;
  border: 1px solid #D4D7DA;
  background-color: #EBEEEF;
  background-image: linear-gradient(to bottom, #F3F3F7, #E5E9ED);
  cursor: move;
}
.lot-item.lot-item-manufacturing.lot-item-simple {
  margin: 0;
  border: none;
  background: transparent;
}
.lot-item.lot-item-manufacturing .lot-type-image {
  width: 40px;
  height: 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("ors/lot_nokit_icon.png");
}
.lot-item.lot-item-manufacturing.hasKits .lot-type-image {
  background-image: url("ors/lot_kit_icon.png");
}
.lot-item.lot-item-manufacturing .lot-name {
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 0;
  margin: 0;
}
.lot-item.lot-item-manufacturing .lot-shortname {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lot-item .lot-actions .lot-action-icon {
  display: inline-block;
  background-size: 20px;
  background-position: center;
  height: 20px;
  width: 20px;
  margin: 0 2px;
  cursor: pointer;
}
.lot-item .lot-actions .lot-action-icon:last-child {
  margin-right: 0;
}
.lot-item .lot-actions .lot-action-icon:first-child {
  margin-left: 0;
}
.lot-item .lot-actions .lot-action-icon.lot-action-editIcon {
  background-image: url("common/Edit_default.svg");
}
.lot-item .lot-actions .lot-action-icon.lot-action-editIcon:hover {
  background-image: url("common/Edit_hover.svg");
}
.lot-item .lot-actions .lot-action-icon.lot-action-deleteIcon {
  background-image: url("common/Delete_default.svg");
}
.lot-item .lot-actions .lot-action-icon.lot-action-deleteIcon:hover {
  background-image: url("common/Delete_hover.svg");
}

.labelgroup-form {
  flex: 1 1 0%;
  min-width: 0px;
  min-height: 0px;
  box-sizing: border-box;
  padding: 10px;
}
.labelgroup-form label {
  font-weight: bold;
}
.labelgroup-form .oj-validation-group, .labelgroup-form .oj-validation-group > div {
  display: flex;
  flex-direction: column;
  flex: 1 0 0%;
}

#idBlotDialog .oj-dialog-body {
  overflow-x: hidden;
}

#idBlotDialog .oj-dialog-body #blindedLotTable.oj-table-grid-display .oj-table-header {
  min-height: 3rem;
}

.blindedLot-lot-form-container, .manufacturing-lot-form-container {
  box-sizing: border-box;
  width: 100%;
}
.blindedLot-lot-form-container label, .manufacturing-lot-form-container label {
  font-weight: bold;
}
.blindedLot-lot-form-container .date-warning-icon, .manufacturing-lot-form-container .date-warning-icon {
  display: inline-block;
  vertical-align: middle;
  margin: -3px 5px 0px 0px;
}
.blindedLot-lot-form-container .exp-date-block, .manufacturing-lot-form-container .exp-date-block {
  display: inline-block;
}
.blindedLot-lot-form-container .dncDnsSectionHeading, .manufacturing-lot-form-container .dncDnsSectionHeading {
  font-weight: bold;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
}
.blindedLot-lot-form-container .mlotSectionHeading, .manufacturing-lot-form-container .mlotSectionHeading {
  font-weight: bold;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
}
.blindedLot-lot-form-container .blotSectionHeading, .manufacturing-lot-form-container .blotSectionHeading {
  font-size: 15px;
  font-weight: bold;
  padding: 5px 0 0 5px;
  color: rgba(0, 0, 0, 0.7);
}
.blindedLot-lot-form-container .dncdnsSectionIcon, .manufacturing-lot-form-container .dncdnsSectionIcon {
  width: 45px;
  height: 35px;
  background-image: url(supplyimages/DoNotShip.svg);
  background-repeat: no-repeat;
  display: inline-flex;
}
.blindedLot-lot-form-container .mlotSectionIcon, .manufacturing-lot-form-container .mlotSectionIcon {
  width: 45px;
  height: 35px;
  background-image: url(supplyimages/ManufacturingLot.svg);
  background-repeat: no-repeat;
  display: inline-flex;
}
.blindedLot-lot-form-container .blotSectionIcon, .manufacturing-lot-form-container .blotSectionIcon {
  width: 30px;
  height: 36px;
  background-image: url(supplyimages/blindedLot.svg);
  background-repeat: no-repeat;
  display: inline-flex;
  background-position: center;
}
.blindedLot-lot-form-container .oj-text-field, .manufacturing-lot-form-container .oj-text-field {
  max-width: 22em;
}
.blindedLot-lot-form-container #blindedLotTable thead .oj-table-column-header-cell, .manufacturing-lot-form-container #blindedLotTable thead .oj-table-column-header-cell {
  background-color: #ddd;
}
.blindedLot-lot-form-container #blindedLotTable thead .oj-table-column-header-cell .oj-table-column-header, .manufacturing-lot-form-container #blindedLotTable thead .oj-table-column-header-cell .oj-table-column-header {
  display: unset;
}

.labelgroup-multiselectshuttle {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  overflow: auto;
  min-height: 0;
}

.labelgroup-item {
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  box-sizing: border-box;
  margin-bottom: 12px;
  flex-direction: column;
  background: #F5F5F5;
  border: 1px solid #e2e7eb;
}
.labelgroup-item .labelgroup-item-header {
  display: flex;
  padding: 8px;
  background: #f5f5f5;
}
.labelgroup-item .labelgroup-item-header-content {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.labelgroup-item .labelgroup-item-header-content .labelgroup-name {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #2073D7;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0;
}
.labelgroup-item .labelgroup-item-countries {
  min-height: 30px;
  max-height: 240px;
  overflow: auto;
  background: #fff;
  padding: 8px;
}
.labelgroup-item .labelgroup-item-countries > ul {
  padding: 0;
  margin: 0;
  max-width: 100%;
}
.labelgroup-item .labelgroup-item-countries > ul li {
  box-sizing: border-box;
  padding: 5px 0;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.labelgroup-item .labelgroup-item-countries > ul li:hover {
  background-color: #f5f5f5;
}
.labelgroup-item .labelgroup-item-countries > ul li > div.oj-flex-item {
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 5px;
}
.labelgroup-item .labelgroup-action-icon {
  display: inline-block;
  background-size: 20px;
  background-position: center;
  height: 20px;
  width: 20px;
  margin: 0 2px;
  cursor: pointer;
}
.labelgroup-item .labelgroup-action-icon:last-child {
  margin-right: 0;
}
.labelgroup-item .labelgroup-action-icon:first-child {
  margin-left: 0;
}
.labelgroup-item .labelgroup-action-icon.labelgroup-action-editIcon {
  background-image: url("common/Edit_default.svg");
}
.labelgroup-item .labelgroup-action-icon.labelgroup-action-editIcon:hover {
  background-image: url("common/Edit_hover.svg");
}
.labelgroup-item .labelgroup-action-icon.labelgroup-action-deleteIcon {
  background-image: url("common/Delete_default.svg");
}
.labelgroup-item .labelgroup-action-icon.labelgroup-action-deleteIcon:hover {
  background-image: url("common/Delete_hover.svg");
}

.resupply-dialog .oj-dialog-content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.resupply-dialog .oj-dialog-content > div {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  flex-wrap: wrap;
  flex: 1;
}
.resupply-dialog .co-error {
  margin: 0 0 0.857rem;
}
.resupply-dialog .resupply-dialog-titlewrapper {
  margin-bottom: 0.857rem;
}
.resupply-dialog oj-validation-group {
  overflow: hidden;
}
.resupply-dialog oj-validation-group > div {
  display: flex;
  flex-direction: column;
  flex: 1 0 0%;
  flex-wrap: nowrap;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.resupply-dialog .resupply-dialog-grid-container {
  overflow: hidden;
}
.resupply-dialog .resupply-dialog-grid-container .oj-table.oj-table-grid-display .oj-table-header {
  height: auto !important;
}

.shipmentStatusIcon {
  background-repeat: no-repeat;
  background-position: center center;
}

.hsgbu-co-table-popup-icon.shipmentCancelledIcon {
  background-image: url(shipmentStatuses/Cancelled_Shipments.svg);
}
.hsgbu-co-table-popup-icon.shipmentLostIcon {
  background-image: url(shipmentStatuses/Lost_Shipments.svg);
}
.hsgbu-co-table-popup-icon.shipmentReleaseQuarantinedIcon {
  background-image: url(shipmentStatuses/Quarantine.svg);
}

.masterDetailPage .mainContent .contentArea .tabContentsContainer .tabModuleContainer .ors-runtime-shipments .tabHeader.tabHeaderColumn {
  padding: 1.14rem 0 0;
}

.ors-runtime-shipments {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
}
.ors-runtime-shipments .tabHeader {
  display: flex;
  flex-direction: row;
}
.ors-runtime-shipments .tabHeader .leftActions {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
}
.ors-runtime-shipments .tabHeader .leftActions > * {
  margin-right: 5px;
}
.ors-runtime-shipments .tabHeader .rightActions {
  display: flex;
  align-items: flex-end;
  flex-direction: row;
}
.ors-runtime-shipments .tabHeader .rightActions > * {
  margin-left: 5px;
}
.ors-runtime-shipments .tabHeader .rightActions .shipmentStatusLabel {
  margin-right: 15px;
  margin-top: 4px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ors-runtime-shipments .tabHeader .orderFormMenuButton {
  min-width: 128px;
}
.ors-runtime-shipments .tabMainContent {
  padding-top: 12px;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
}
.ors-runtime-shipments .tabMainContent #shipments-empty-message-id {
  overflow-x: auto;
}
.ors-runtime-shipments .tabMainContent #shipments-empty-message-id .ua-h1 {
  padding-top: 1em;
  padding-bottom: 1em;
  line-height: 125%;
}
.ors-runtime-shipments .tabMainContent #shipments-empty-message-id #shipments-empty-message-detail {
  display: flex;
  flex-direction: row;
}
.ors-runtime-shipments .tabMainContent #shipments-empty-message-id #shipments-empty-message-detail #shipments-empty-message-bigicon {
  height: 300px;
  width: 300px;
  background: url(shipmentStatuses/NotWorking_Shipments.svg);
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 10px;
}
.ors-runtime-shipments .tabMainContent #shipments-empty-message-id #shipments-empty-message-detail .shipments-empty-message-modes-actions-container .shipments-empty-message-modes {
  align-items: flex-start;
}
.ors-runtime-shipments .tabMainContent #shipments-empty-message-id #shipments-empty-message-detail .shipments-empty-message-modes-actions-container .shipments-empty-message-modes .shipments-empty-message-mode-container {
  display: flex;
  flex-direction: row;
  margin-bottom: 15px;
  max-width: 600px;
}
.ors-runtime-shipments .tabMainContent #shipments-empty-message-id #shipments-empty-message-detail .shipments-empty-message-modes-actions-container .shipments-empty-message-modes .shipments-empty-message-mode-container .shipments-empty-message-mode-icon {
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.ors-runtime-shipments .tabMainContent #shipments-empty-message-id #shipments-empty-message-detail .shipments-empty-message-modes-actions-container .shipments-empty-message-modes .shipments-empty-message-mode-container .shipments-empty-message-mode-icon.designIcon {
  background-image: url(ors/noShipment_design.svg);
}
.ors-runtime-shipments .tabMainContent #shipments-empty-message-id #shipments-empty-message-detail .shipments-empty-message-modes-actions-container .shipments-empty-message-modes .shipments-empty-message-mode-container .shipments-empty-message-mode-icon.settingIcon {
  background-image: url(ors/noShipment_studySetting.svg);
}
.ors-runtime-shipments .tabMainContent #shipments-empty-message-id #shipments-empty-message-detail .shipments-empty-message-modes-actions-container .shipments-empty-message-modes .shipments-empty-message-mode-container .shipments-empty-message-mode-icon.inventoryIcon {
  background-image: url(ors/noShipment_inventory.svg);
}
.ors-runtime-shipments .tabMainContent #shipments-empty-message-id #shipments-empty-message-detail .shipments-empty-message-modes-actions-container .shipments-empty-message-modes .shipments-empty-message-mode-container .shipments-empty-message-mode-description {
  max-width: 800px;
}
.ors-runtime-shipments .tabMainContent #shipments-empty-message-id #shipments-empty-message-detail .shipments-empty-message-modes-actions-container .shipments-empty-message-modes .shipments-empty-message-mode-container .shipments-empty-message-mode-description .shipments-empty-message-mode-title, .ors-runtime-shipments .tabMainContent #shipments-empty-message-id #shipments-empty-message-detail .shipments-empty-message-modes-actions-container .shipments-empty-message-modes .shipments-empty-message-mode-container .shipments-empty-message-mode-description .shipments-empty-message-mode-detail {
  text-align: left !important;
}
.ors-runtime-shipments .tabMainContent #shipments-empty-message-id #shipments-empty-message-detail .shipments-empty-message-modes-actions-container .shipments-empty-message-modes .shipments-empty-message-mode-container .shipments-empty-message-mode-description .shipments-empty-message-mode-title {
  font-weight: bold;
  margin-bottom: 5px;
}
.ors-runtime-shipments .tabMainContent #shipments-empty-message-id #shipments-empty-message-detail .shipments-empty-message-modes-actions-container .shipments-empty-message-modes .shipments-empty-message-mode-container .shipments-empty-message-mode-description .shipments-empty-message-mode-detail {
  margin-bottom: 3px;
}
.ors-runtime-shipments .tabMainContent #shipments-empty-message-id #shipments-empty-message-detail .shipments-empty-message-modes-actions-container .shipments-empty-message-modes .shipments-empty-message-mode-container .shipments-empty-message-mode-description .shipments-empty-message-mode-detail:before {
  content: "• ";
}
.ors-runtime-shipments .tabMainContent #shipments-empty-message-id #shipments-empty-message-detail .shipments-empty-message-modes-actions-container .shipments-empty-message-modes-actions {
  padding-left: 30px;
  display: flex;
  align-items: center;
}
.ors-runtime-shipments .tabMainContent #shipments-empty-message-id #shipments-empty-message-detail .shipments-empty-message-modes-actions-container .shipments-empty-message-modes-actions .ua-actionButton {
  width: 200px;
  margin-top: 0;
  margin-right: 10px;
  display: flex;
  justify-content: center;
}
.ors-runtime-shipments .tabMainContent #shipments-empty-message-id #shipments-empty-message-detail .shipments-empty-message-modes-actions-container .shipments-empty-message-modes-actions > oj-button {
  margin-right: 10px;
  height: 38px;
  cursor: pointer;
}
.ors-runtime-shipments .tabMainContent #shipments-empty-message-id #shipments-empty-message-detail .shipments-empty-message-modes-actions-container .shipments-empty-message-modes-actions .ua-link {
  font-weight: var(--oj-font-weight-light);
  font-size: 11px;
}
.ors-runtime-shipments .shipmentList {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.ors-runtime-shipments .shipmentList .shipmentRow {
  height: 60px;
}
.ors-runtime-shipments .shipmentList .shipmentRow .shipmentSelection {
  position: relative;
  overflow: visible;
  width: 30px;
}
.ors-runtime-shipments .shipmentList .shipmentRow .shipmentSelection .shipmentStatusIcon.in_transit {
  background-image: url("shipmentStatuses/Intransit_Shipments.svg");
}
.ors-runtime-shipments .shipmentList .shipmentRow .shipmentSelection .shipmentStatusIcon.pending {
  background-image: url("shipmentStatuses/Pending_Shipments.svg");
}
.ors-runtime-shipments .shipmentList .shipmentRow .shipmentSelection .shipmentStatusIcon.received {
  background-image: url("shipmentStatuses/Received_Shipments.svg");
}
.ors-runtime-shipments .shipmentList .shipmentRow .shipmentSelection .shipmentStatusIcon.cancelled {
  background-image: url("shipmentStatuses/Cancelled_Shipments.svg");
}
.ors-runtime-shipments .shipmentList .shipmentRow .shipmentSelection .shipmentStatusIcon.lost {
  background-image: url("shipmentStatuses/Lost_Shipments.svg");
}
.ors-runtime-shipments .shipmentList .shipmentRow .shipmentSelection .shipmentStatusIcon.invalid {
  background-image: url("shipmentStatuses/Invalid_Shipments.svg");
}
.ors-runtime-shipments .shipmentList .shipmentRow .shipmentSelection .shipmentStatusIcon.confirmed {
  background-image: url("shipmentStatuses/Confirmed_Shipments.svg");
}
.ors-runtime-shipments .shipmentList .shipmentRow .shipmentSelection .shipmentStatusIcon.pending_destruction {
  background-image: url("shipmentStatuses/pending_destruction.svg");
}
.ors-runtime-shipments .shipmentList .shipmentRow .shipmentSelection .shipmentStatusIcon.received_for_destruction {
  background-image: url("shipmentStatuses/received_for_destruction.svg");
}
.ors-runtime-shipments .shipmentList .shipmentRow .shipmentSelection .shipmentStatusIcon.destroyed {
  background-image: url("shipmentStatuses/destroyed.svg");
}
.ors-runtime-shipments .shipmentList .shipmentRow .shipmentSelection .shipmentStatusIcon.quarantined {
  background-image: url("shipmentStatuses/Quarantine.svg");
}
.ors-runtime-shipments .shipmentList .shipmentRow .shipmentSelection .shipmentStatusIcon.shortCutActions {
  cursor: pointer;
}
.ors-runtime-shipments .shipmentList .shipmentRow .status .tempExcursions {
  color: #a80000;
  font-style: italic;
}
.ors-runtime-shipments .shipmentList .shipmentRow .siteInfo {
  padding-left: 30px;
  min-width: 5% !important;
}
.ors-runtime-shipments .shipmentList .shipmentRow .siteInfo .siteName {
  font-weight: bold;
}
.ors-runtime-shipments .shipmentList .shipmentRow .dateDisplay {
  text-align: right;
}
.ors-runtime-shipments .shipmentList .shipmentRow .clickToAddLink {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  cursor: pointer;
}
.ors-runtime-shipments .shipmentList .shipmentRow .clickToAddLink.disabled {
  pointer-events: none;
  cursor: default;
  color: rgba(0, 0, 0, 0.38);
}
.ors-runtime-shipments .shipmentList .shipmentRow .cellValueContainer {
  display: flex;
}
.ors-runtime-shipments .shipmentList .shipmentRow .cellValueDisplay {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  padding-right: 10px;
}
.ors-runtime-shipments .shipmentList .shipmentRow .shipDateCellWrapoper {
  align-items: center;
  justify-content: center;
}
.ors-runtime-shipments .shipmentList .shipmentRow .shipDateCellWrapoper .oj-button.oj-button-half-chrome {
  width: 1.5rem;
  max-width: 1.5rem;
  min-width: 1.5rem;
  height: 1.8rem;
  margin-right: -1.5rem;
  margin-left: 0.2rem;
}
html[dir=rtl] .ors-runtime-shipments .shipmentList .shipmentRow .shipDateCellWrapoper .oj-button.oj-button-half-chrome {
  margin-left: -1.5rem;
  margin-right: 0.2rem;
}
.ors-runtime-shipments .shipmentList .shipmentRow .shipDateCellWrapoper .oj-button.oj-button-half-chrome button, .ors-runtime-shipments .shipmentList .shipmentRow .shipDateCellWrapoper .oj-button.oj-button-half-chrome button:hover {
  border: none;
  background: none;
}
.ors-runtime-shipments .shipmentList .shipmentRow .editShipDateIcon {
  background-image: url("common/Edit_default.svg");
  background-size: 1rem;
  background-position: center;
  background-repeat: no-repeat;
  height: 1rem;
  width: 1rem;
  cursor: pointer;
}
.ors-runtime-shipments .shipmentList .shipmentRow .editShipDateIcon:hover {
  background-image: url(common/Edit_hover.svg);
}
.ors-runtime-shipments .shipmentList .shipmentRow .editShipDateIconPlaceholder {
  width: 1rem;
  height: 1rem;
  padding: 0px 8px;
}
.ors-runtime-shipments .shipmentList .shipmentRow .status, .ors-runtime-shipments .shipmentList .shipmentRow .shipmentId, .ors-runtime-shipments .shipmentList .shipmentRow .createdDate, .ors-runtime-shipments .shipmentList .shipmentRow .shipDate, .ors-runtime-shipments .shipmentList .shipmentRow .trackingNumber {
  text-align: center;
}

.shipmentDetailsSidebar {
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
}
.shipmentDetailsSidebar .collapsible {
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
}
.shipmentDetailsSidebar .collapsible .collapsibleContent {
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100px;
  overflow-y: auto;
  margin-bottom: 10px;
}
.shipmentDetailsSidebar .collapsible .collapsibleContent .shipmentDetailsMessage .statusIcon {
  height: 60px;
  padding: 0px;
}
.shipmentDetailsSidebar .collapsible .collapsibleContent .shipmentDetailsMessage .statusIcon.cancelled {
  background-image: url("shipmentStatuses/Cancelled_Shipments.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px;
}
.shipmentDetailsSidebar .collapsible .collapsibleContent .shipmentDetailsMessage .statusIcon.lost {
  background-image: url("shipmentStatuses/Lost_Shipments.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px;
}
.shipmentDetailsSidebar .collapsible .collapsibleContent .shipmentDetailsMessage .statusIcon.destroyed {
  background-image: url("shipmentStatuses/destroyed.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px;
}
.shipmentDetailsSidebar .collapsible .collapsibleContent .shipmentDetailsMessage .statusIcon.received {
  background-image: url("shipmentStatuses/Received_Shipments.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px;
}
.shipmentDetailsSidebar .collapsible .collapsibleContent .shipmentDetailsMessage .statusIcon.received_for_destruction {
  background-image: url("shipmentStatuses/received_for_destruction.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px;
}
.shipmentDetailsSidebar .collapsible .collapsibleContent .shipmentDetailsMessage .statusIcon.quarantined {
  background-image: url("shipmentStatuses/Quarantine.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px;
}
.shipmentDetailsSidebar .collapsible .collapsibleContent .shipmentDetailsMessage .message {
  text-align: center;
  word-wrap: break-word;
  padding: 10px;
}
.shipmentDetailsSidebar .collapsible .collapsibleContent .shipmentDetailsMessage .message.primary {
  font-size: 1.2em;
}
.shipmentDetailsSidebar .collapsible .collapsibleContent .shipmentDetailsMessage .message.message-box {
  margin-bottom: 0.857rem;
  border-radius: 3px;
}
.shipmentDetailsSidebar .collapsible .collapsibleContent .shipmentDetailsMessage .message.gray-box {
  background-color: #e3e3e3;
}
.shipmentDetailsSidebar .collapsible .collapsibleContent .shipmentDetailsMessage .message.pink-box {
  background-color: #f0d8ee;
}
.shipmentDetailsSidebar .collapsible .collapsibleContent .shipmentDetailsMessage .message.blue-box {
  background-color: #E7F1FF;
}
.shipmentDetailsSidebar .collapsible .oc-inline-success {
  display: none;
  margin: -0.25rem 12px 0;
}
.shipmentDetailsSidebar .shipmentDetailLoader.submitToast {
  margin-bottom: 3px;
  margin-top: 10px;
  max-height: 80px;
  width: 100%;
  flex: auto;
}
.shipmentDetailsSidebar .shipmentDetailLoader.submitToast .submitInProgressText {
  font-size: 13px;
  font-weight: 700;
  word-break: break-word;
  width: 58%;
  padding: 0px 20px 0 10px;
  text-align: left;
  flex: auto;
  margin-right: 10px;
  overflow: auto;
}
.shipmentDetailsSidebar .shipmentDetailLoader.submitToast .spinnerContainerToast {
  width: 36px;
  max-width: 36px;
  padding: 0px 3px 1px 3px;
}
.shipmentDetailsSidebar .shipmentDetailLoader .submitToast .spinner-image {
  background-position: center;
  padding: 1px;
}
.shipmentDetailsSidebar .shipmentDetailLoader .spinner-image.form-status-common {
  padding: 1px;
}
.shipmentDetailsSidebar .shipmentDetailLoader .closeToastIcon {
  margin-right: 10px;
  background-position: right top;
  background-repeat: no-repeat;
  height: 25px;
  width: 12px;
}
.shipmentDetailsSidebar .shipmentDetailLoader .complete-image {
  background-image: url("images/save_success.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left 2px;
  padding-right: 0px;
}
.shipmentDetailsSidebar .updateOrderFromErrMsg .co-tip {
  background-color: #FFEAE6;
  border: 1px solid #FECECE;
  margin-top: 10px;
}
.shipmentDetailsSidebar .updateOrderFromErrMsg .co-tip .tipIcon {
  background-image: url("common/error-close.svg");
  margin-right: 5px;
}
.shipmentDetailsSidebar .updateOrderFromErrMsg .co-tip .tipContent .tipLabel {
  display: none;
}
.shipmentDetailsSidebar .blindedUserDetailsArea {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .kitListContainer {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .kitListContainer .shipmentId {
  font-weight: bold;
  padding-bottom: 10px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .kitListContainer .shipmentNumber {
  font-weight: bold;
  padding-bottom: 10px;
  line-height: 30px;
  width: 60%;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .kitListContainer .updateFormBtn {
  width: 40%;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .kitListContainer .kitListActions {
  padding-bottom: 10px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .kitListContainer .kitListSearch {
  display: flex;
  padding-bottom: 10px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .kitListContainer .kitListSearch .searchInput {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  max-width: none;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .kitListContainer .kitListSearch label {
  display: none;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .kitListContainer .kitList {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
  padding-bottom: 10px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .kitListContainer .kitList .oj-table {
  overflow: hidden;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .kitListContainer .kitList .kitsTable thead.oj-table-header .oj-table-column-header {
  display: block !important;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .kitListContainer .kitList .kitsTable tbody {
  overflow-x: hidden !important;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .kitListContainer .kitList .kitsTable .shipmentRow .kitNumber {
  min-width: 55px !important;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .kitListContainer .kitListButtons {
  display: flex;
  min-height: 40px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .kitListContainer .kitListButtons button {
  margin-left: 5px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .kitListContainer .kitListButtons button:first-child {
  margin-left: 0px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .kitListContainer .kitListButtons .oj-button-primary {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .updateFormBtnWrapper {
  display: flex;
  min-height: 40px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .shipmentDetailsMessage {
  margin-bottom: 10px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .shipmentDetailsMessage .statusIcon {
  height: 60px;
  padding: 0px 10px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .shipmentDetailsMessage .statusIcon.in_transit {
  background-image: url("shipmentStatuses/Intransit_Shipments.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px 60px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .shipmentDetailsMessage .statusIcon.received {
  background-image: url("shipmentStatuses/Received_Shipments.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px 60px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .shipmentDetailsMessage .statusIcon.cancelled {
  background-image: url("shipmentStatuses/Cancelled_Shipments.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px 60px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .shipmentDetailsMessage .statusIcon.lost {
  background-image: url("shipmentStatuses/Lost_Shipments.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px 60px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .shipmentDetailsMessage .statusIcon.confirmed {
  background-image: url("shipmentStatuses/Confirmed_Shipments.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px 60px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .shipmentDetailsMessage .statusIcon.destroyed {
  background-image: url("shipmentStatuses/destroyed.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px 60px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .shipmentDetailsMessage .statusIcon.invalid {
  background-image: url("shipmentStatuses/Invalid_Shipments.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px 60px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .shipmentDetailsMessage .statusIcon.pending {
  background-image: url("shipmentStatuses/Pending_Shipments.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px 60px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .shipmentDetailsMessage .statusIcon.pending_destruction {
  background-image: url("shipmentStatuses/pending_destruction.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px 60px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .shipmentDetailsMessage .statusIcon.received_for_destruction {
  background-image: url("shipmentStatuses/received_for_destruction.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px 60px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .shipmentDetailsMessage .statusIcon.quarantined {
  background-image: url("shipmentStatuses/Quarantine.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px 60px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .shipmentDetailsMessage .message {
  text-align: center;
  word-wrap: break-word;
  padding: 10px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .shipmentDetailsMessage .message.primary {
  font-size: 1.2em;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .shipmentDetailsMessage .message.section.green {
  background-color: #DFF0E8;
  border-radius: 5px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .shipmentDetailsMessage .message .kitCount {
  font-size: 1.1em;
  font-weight: bold;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .displayKitTypeCon {
  height: 55vh;
  overflow-y: auto;
  margin-bottom: 15px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .displayKitTypeCon .displayDesc {
  font-weight: bold;
  padding-bottom: 5px;
  font-size: 1.1rem;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .displayKitTypeCon .displayKitWrapper {
  width: 80%;
  margin-left: 20px;
}
.shipmentDetailsSidebar .blindedUserDetailsArea .displayKitTypeCon .displayKitWrapper .displayStatus {
  font-weight: 600;
  padding-bottom: 5px;
}
.shipmentDetailsSidebar .shipmentDetailsMessage .message {
  text-align: left;
  word-wrap: break-word;
}
.shipmentDetailsSidebar .shipmentDetailsMessage .message .kitCount {
  font-size: 1.1em;
  font-weight: bold;
}
.shipmentDetailsSidebar .shipmentDetailsMessage .message.secondary {
  padding: 7px;
  margin: 5px 0;
  border-radius: 5px;
}
.shipmentDetailsSidebar .shipmentDetailsMessage .message.secondary .msgWrap {
  display: inline-block;
  margin: auto 0;
}
.shipmentDetailsSidebar .shipmentDetailsMessage .message.secondary.quarantined {
  background-color: #F6F5DA;
  display: flex;
  padding: 5px;
  text-align: left;
}
.shipmentDetailsSidebar .shipmentDetailsMessage .message.secondary.quarantined .msgIcon {
  display: inline-block;
  padding: 5px;
  margin: 0 10px;
  content: "";
  min-width: 25px;
  width: 25px;
  height: 25px;
  background-image: url("shipmentStatuses/Quarantine.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 25px;
}
.shipmentDetailsSidebar .shipmentDetailsMessage .message.secondary.damaged {
  background-color: #f2d3d3;
  display: flex;
  padding: 5px;
  text-align: left;
}
.shipmentDetailsSidebar .shipmentDetailsMessage .message.secondary.damaged .msgIcon {
  display: inline-block;
  padding: 5px;
  margin: 0 10px;
  content: "";
  min-width: 25px;
  width: 25px;
  height: 25px;
  background-image: url("shipmentStatuses/Damaged.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 25px;
}
.shipmentDetailsSidebar .shipmentDetailsMessage .message.secondary.missing {
  background-color: #f8d3e4;
  display: flex;
  padding: 5px;
  text-align: left;
}
.shipmentDetailsSidebar .shipmentDetailsMessage .message.secondary.missing .msgIcon {
  display: inline-block;
  padding: 5px;
  margin: 0 10px;
  content: "";
  min-width: 25px;
  width: 25px;
  height: 25px;
  background-image: url("shipmentStatuses/Missing.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 25px;
}
.shipmentDetailsSidebar .shipmentDetailsMessage .message.secondary.received {
  background-color: #d8f0e7;
  display: flex;
  padding: 5px;
  text-align: left;
}
.shipmentDetailsSidebar .shipmentDetailsMessage .message.secondary.received .msgIcon {
  display: inline-block;
  padding: 5px;
  margin: 0 10px;
  content: "";
  min-width: 25px;
  width: 25px;
  height: 25px;
  background-image: url("shipmentStatuses/Received_Shipments.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 25px;
}
.shipmentDetailsSidebar .acctionButtonsWrapper .oj-button-text-only .oj-button-text {
  padding: 0 8px;
}
.shipmentDetailsSidebar .actionButtons {
  margin: 0.5rem 0 0.857rem;
  display: inline-block;
}
.shipmentDetailsSidebar .actionButtons-last {
  margin-bottom: 0;
}
.shipmentDetailsSidebar .shipment-sidebar-action {
  margin-top: 0.5rem;
}
.shipmentDetailsSidebar .kitTypesPanel {
  padding: 0;
  border: 0;
  min-height: 150px;
}
.shipmentDetailsSidebar .kitTypesPanel.oj-panel {
  overflow: unset;
}
.shipmentDetailsSidebar .kitTypesPanel .searchOn {
  display: flex;
  align-items: center;
  padding: 5px 10px 5px 0px;
  margin-bottom: 0px;
}
.shipmentDetailsSidebar .kitTypesPanel .searchOn .searchLabel {
  padding-right: 5px;
  display: none;
}
.shipmentDetailsSidebar .kitTypesPanel .searchOn .searchInput {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.shipmentDetailsSidebar .kitTypesPanel .kitTypeListContainer {
  overflow: hidden;
  overflow-y: auto;
  min-height: 100px;
}
.shipmentDetailsSidebar .kitTypesPanel .kitTypeListContainer .kitTypeHeader {
  display: flex;
  align-items: center;
  padding-left: 7px;
}
.shipmentDetailsSidebar .kitTypesPanel .kitTypeListContainer .kitTypeHeader .kitTypeImage {
  background-size: 30px;
  min-width: 30px;
  width: 30px;
  max-width: 30px;
  min-height: 30px;
  height: 30px;
  max-height: 30px;
  margin: 0px 5px;
  align-self: flex-start;
}
.shipmentDetailsSidebar .kitTypesPanel .kitTypeListContainer .kitTypeHeader .nameAndDescriptionWrapper {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.shipmentDetailsSidebar .kitTypesPanel .kitTypeListContainer .kitTypeHeader .kitTypeName {
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold;
  max-width: 205px;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.shipmentDetailsSidebar .kitTypesPanel .kitTypeListContainer .kitTypeHeader .kitTypeDescription {
  font-weight: normal;
  white-space: nowrap;
  max-width: 205px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.shipmentDetailsSidebar .kitTypesPanel .searchResultsEmptyText {
  font-style: italic;
  text-align: center;
  padding-top: 10px;
}
.shipmentDetailsSidebar .kitTypesPanel .reportGenerate {
  margin: 10px 10px 10px 5px;
}
.shipmentDetailsSidebar .kitTypesPanel .reportGenerate .download-shipment-report-btn {
  width: 100%;
}
.shipmentDetailsSidebar .kitTypesPanel .displayKitWrapper {
  margin: 12px 10px 5px 30px;
}
.shipmentDetailsSidebar .kitTypesPanel .displayKitWrapper .displayStatus {
  font-weight: bold;
  padding-bottom: 5px;
}
.shipmentDetailsSidebar .pendingPooledKitShipmentMsgContainer {
  display: flex;
  flex-direction: column;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  justify-content: center;
}
.shipmentDetailsSidebar .pendingPooledKitShipmentMsgContainer .messageContainer {
  text-align: center;
}
.shipmentDetailsSidebar .multipleShipmentsSelected {
  display: flex;
  flex-direction: column;
}
.shipmentDetailsSidebar .multipleShipmentsSelected .infoIcon {
  background-image: url("images/Information_Dialog.svg");
  background-size: 60px;
  background-position: center;
  background-repeat: no-repeat;
  height: 60px;
  margin: 10px 0px;
}
.shipmentDetailsSidebar .multipleShipmentsSelected .messageHeader {
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
}
.shipmentDetailsSidebar .multipleShipmentsSelected .messageBody {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  text-align: center;
}

.requestManualShipment .mainContent {
  display: flex;
  flex-direction: column;
  padding: 10px;
}
.requestManualShipment .mainContent .mainContentWrapper {
  padding: 20px 0px 0px 0px;
  display: flex;
  flex-direction: row;
}
.requestManualShipment .mainContent .icon {
  height: 70px;
  width: 70px;
  background-image: url("images/intransitshipment_icon_70.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 70px;
  margin: 0px 20px 0px 10px;
}
.requestManualShipment .mainContent .reasonForChange {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
  padding-right: 0.85714rem;
}
.requestManualShipment .mainContent .fieldRow {
  display: flex;
  min-width: 400px;
}
.requestManualShipment .mainContent .fieldRow .rowLabel {
  width: 150px;
  align-self: center;
}
.requestManualShipment .mainContent .fieldRow .rowLabel label {
  float: right;
}
.requestManualShipment .mainContent .fieldRow .rowValue {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.requestManualShipment .mainContent .fieldRow.otherReason {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.requestManualShipment .mainContent .fieldRow textarea {
  min-height: 100%;
  height: 100%;
  max-height: 100%;
  min-width: 100%;
  width: 100%;
  max-width: 100%;
}

.oj-select .menuItem {
  margin-right: 25px;
  margin-top: 4px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.inventoryStatusLabel {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 3px;
  background-color: #eee;
  font-size: 0.9em;
  padding-left: 3px;
  padding-right: 6px;
  height: 1.75em;
}
.inventoryStatusLabel.menuItem {
  display: flex;
  margin: 6px;
  padding-left: 0px;
  padding-right: 6px;
  cursor: pointer;
  white-space: nowrap;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.inventoryStatusLabel.menuItem.oj-hover {
  border: 1px solid #ccc;
}
.inventoryStatusLabel.new, .inventoryStatusLabel.status_16 {
  background-color: #c4eab6 !important;
}
.inventoryStatusLabel.new:before, .inventoryStatusLabel.status_16:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("inventoryicons/New_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryStatusLabel.available, .inventoryStatusLabel.status_1 {
  background-color: #d8f0e7 !important;
}
.inventoryStatusLabel.available:before, .inventoryStatusLabel.status_1:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("inventoryicons/Available_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryStatusLabel.damaged, .inventoryStatusLabel.status_2 {
  background-color: #f2d3d3 !important;
}
.inventoryStatusLabel.damaged:before, .inventoryStatusLabel.status_2:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("inventoryicons/Damaged_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryStatusLabel.damaged_by_subject, .inventoryStatusLabel.status_15 {
  background-color: #f2d3d3 !important;
}
.inventoryStatusLabel.damaged_by_subject:before, .inventoryStatusLabel.status_15:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("inventoryicons/DamagedBySubject_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryStatusLabel.dispensed, .inventoryStatusLabel.status_4 {
  background-color: #f0d8ee !important;
}
.inventoryStatusLabel.dispensed:before, .inventoryStatusLabel.status_4:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("inventoryicons/Dispensed_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryStatusLabel.dispensed_device, .inventoryStatusLabel.status_4_device {
  background-color: #f0d8ee !important;
}
.inventoryStatusLabel.dispensed_device:before, .inventoryStatusLabel.status_4_device:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("inventoryicons/Dispensed_status_device.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryStatusLabel.do_not_count {
  background-color: #f6dbab !important;
}
.inventoryStatusLabel.do_not_count:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("inventoryicons/DNC.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryStatusLabel.do_not_ship {
  background-color: #eeecb0 !important;
}
.inventoryStatusLabel.do_not_ship:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("inventoryicons/DNS.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryStatusLabel.expired, .inventoryStatusLabel.status_5 {
  background-color: #f6b4ab !important;
}
.inventoryStatusLabel.expired:before, .inventoryStatusLabel.status_5:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("inventoryicons/Expired_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryStatusLabel.in_transit, .inventoryStatusLabel.status_9 {
  background-color: #dde2f6 !important;
}
.inventoryStatusLabel.in_transit:before, .inventoryStatusLabel.status_9:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("inventoryicons/InTransit_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryStatusLabel.misallocated, .inventoryStatusLabel.status_7 {
  background-color: #ddf6f5 !important;
}
.inventoryStatusLabel.misallocated:before, .inventoryStatusLabel.status_7:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("inventoryicons/Misallocated_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryStatusLabel.missing, .inventoryStatusLabel.status_8 {
  background-color: #f8d3e4 !important;
}
.inventoryStatusLabel.missing:before, .inventoryStatusLabel.status_8:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("inventoryicons/Missing_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryStatusLabel.not_in_use, .inventoryStatusLabel.status_6 {
  background-color: #d8e2f0 !important;
}
.inventoryStatusLabel.not_in_use:before, .inventoryStatusLabel.status_6:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("inventoryicons/NotInUse_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryStatusLabel.quarantined, .inventoryStatusLabel.status_10 {
  background-color: #F6F5DA !important;
}
.inventoryStatusLabel.quarantined:before, .inventoryStatusLabel.status_10:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("inventoryicons/Quarantined_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryStatusLabel.pre_quarantined, .inventoryStatusLabel.status_11, .inventoryStatusLabel.pre-quarantined {
  background-color: #F6F5DA !important;
}
.inventoryStatusLabel.pre_quarantined:before, .inventoryStatusLabel.status_11:before, .inventoryStatusLabel.pre-quarantined:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("inventoryicons/PreQuarantined_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryStatusLabel.destroyed, .inventoryStatusLabel.status_3 {
  background-color: #e3e3e3 !important;
}
.inventoryStatusLabel.destroyed:before, .inventoryStatusLabel.status_3:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("inventoryicons/Destroyed_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryStatusLabel.for_destruction, .inventoryStatusLabel.pending_destruction, .inventoryStatusLabel.status_12 {
  background-color: #e3e3e3 !important;
}
.inventoryStatusLabel.for_destruction:before, .inventoryStatusLabel.pending_destruction:before, .inventoryStatusLabel.status_12:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("inventoryicons/ProcessedforDestruction_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryStatusLabel.processed_for_destruction, .inventoryStatusLabel.status_12 {
  background-color: #e3e3e3 !important;
}
.inventoryStatusLabel.processed_for_destruction:before, .inventoryStatusLabel.status_12:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("inventoryicons/ProcessedforDestruction_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryStatusLabel.lost_by_subject, .inventoryStatusLabel.status_13 {
  background-color: #f2d3d3 !important;
}
.inventoryStatusLabel.lost_by_subject:before, .inventoryStatusLabel.status_13:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("inventoryicons/LostBySubject_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryStatusLabel.temporarily_unavailable, .inventoryStatusLabel.status_14 {
  background-color: #eeecb0 !important;
}
.inventoryStatusLabel.temporarily_unavailable:before, .inventoryStatusLabel.status_14:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("inventoryicons/TemporarilyUnavail_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryStatusLabel.not_dispensed_to_subject, .inventoryStatusLabel.status_17 {
  background-color: #F7F0C4 !important;
}
.inventoryStatusLabel.not_dispensed_to_subject:before, .inventoryStatusLabel.status_17:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("inventoryicons/NotDispensed_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryStatusLabel.returned_to_site, .inventoryStatusLabel.status_18 {
  background-color: #b0d6f4 !important;
}
.inventoryStatusLabel.returned_to_site:before, .inventoryStatusLabel.status_18:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("integrationImages/ReturnedtoSite_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryStatusLabel.received_for_destruction, .inventoryStatusLabel.status_20 {
  background-color: #e3e3e3 !important;
}
.inventoryStatusLabel.received_for_destruction:before, .inventoryStatusLabel.status_20:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("inventoryicons/received_for_destruction_inventory.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryStatusLabel.multiple {
  padding-left: 5px;
  background-color: white;
}
.inventoryStatusLabel.all {
  padding-left: 5px;
  background-color: white;
}

#kitStatusMenu {
  min-width: 100px;
  width: auto;
}

#kitStatusMenu .inventoryStatusLabel.menuItem {
  margin: 0px;
  font-size: 14px;
  min-width: 80%;
}

#kitStatusMenu.oj-menu-dropdown .oj-menu-item > a {
  width: 100%;
  background: #fff;
  padding: 0 5px;
  outline-offset: 0;
}
#kitStatusMenu.oj-menu-dropdown .oj-menu-item > a span.inventoryStatusLabel {
  color: rgba(0, 0, 0, 0.8);
}

.shipmentStatusLabel {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 3px;
  font-size: 0.9em;
  padding-left: 3px;
  padding-right: 6px;
  height: 1.75em;
}
.shipmentStatusLabel.menuItem {
  display: flex;
  cursor: pointer;
  font-size: 1em;
}
.shipmentStatusLabel.menuItem .oj-listbox-result-label {
  white-space: nowrap;
}
.shipmentStatusLabel.menuItem span {
  white-space: nowrap;
}
.shipmentStatusLabel.in_transit:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("shipmentStatuses/Intransit_Shipments.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentStatusLabel.pending:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("shipmentStatuses/Pending_Shipments.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentStatusLabel.received:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("shipmentStatuses/Received_Shipments.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentStatusLabel.confirmed:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("shipmentStatuses/Confirmed_Shipments.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentStatusLabel.cancelled:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("shipmentStatuses/Cancelled_Shipments.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentStatusLabel.lost:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("shipmentStatuses/Lost_Shipments.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentStatusLabel.invalid:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("shipmentStatuses/Invalid_Shipments.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentStatusLabel.pending_destruction:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("shipmentStatuses/pending_destruction.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentStatusLabel.received_for_destruction:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("shipmentStatuses/received_for_destruction.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentStatusLabel.destroyed:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("shipmentStatuses/destroyed.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentStatusLabel.quarantined:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 6px 3px 6px;
  background-image: url("shipmentStatuses/Quarantine.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}

.download-shiped-kit {
  padding-right: 0px;
}
.download-shiped-kit .kitListButtons {
  display: flex;
}
.download-shiped-kit .kitListButtons button {
  margin-left: 5px;
}
.download-shiped-kit .kitListButtons button:first-child {
  margin-left: 0px;
}
.download-shiped-kit .kitListButtons button .oj-fwk-icon-caret-start {
  margin-right: 0.8rem;
}
.download-shiped-kit .kitListButtons button .oj-fwk-icon-caret-start:before {
  content: url("common/Download_active.svg");
  width: 15px;
}
.download-shiped-kit .kitListButtons .oj-button-primary {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.download-shiped-kit .kitListButtons .oj-button-primary.generateNew .oj-fwk-icon-caret-start:before {
  content: url("common/Edit_white.svg");
  width: 15px;
}
.download-shiped-kit .kitListButtons .oc-download-link {
  margin: 0 auto;
}
.download-shiped-kit .co-tip {
  background-color: #FCF3CF;
  margin: 0;
}
.download-shiped-kit .co-tip .tipIcon {
  background-image: url("images/Confirmation_Dialog.svg");
}
.download-shiped-kit .co-tip .tipMessage {
  font-size: 12px;
}
.download-shiped-kit .co-tip .tipLabel {
  display: none;
}

#oj-listbox-results-shipments_statusFilter li {
  margin: 0 5px;
  border-radius: 5px;
}
#oj-listbox-results-shipments_statusFilter li .oj-listbox-result-label {
  padding: 3px 5px;
}

.shipments-kits-image-nottested {
  background-image: url("ors/shipments/shipment-nottested.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60;
}

.shipments-kits-image-tested {
  background-image: url("ors/shipments/shipment-tested.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60;
}

.shipments-kits-image-tempmonitor-good {
  background-image: url("ors/shipments/temperaturemonitor-good.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60;
}

.shipments-kits-image-tempmonitor-broken {
  background-image: url("ors/shipments/temperaturemonitor-broken.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60;
}

.shipments-kits-image-tempmonitor-none {
  background-image: url("ors/shipments/temperaturemonitor-none.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60;
}

.shipments-kits-image-testkits {
  background-image: url("ors/shipments/testkits.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60;
}

.shipments-kits-image-damagedkits {
  background-image: url("ors/shipments/damagedkits.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60;
}

.shipments-kits-image-boxkit {
  background-image: url("ors/shipments/Box_kit.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60;
}

.shipments-kits-image-quarantine {
  background-image: url("ors/shipments/quarantine.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60;
}

.kitBlockNumberInfo {
  width: 17px;
  height: 17px;
  background-image: url("images/InformationIcon.png");
  background-repeat: no-repeat;
  background-size: 17px;
  padding-left: 25px;
}

.subject-list-ua {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
}
.subject-list-ua .ua-h1 {
  line-height: 100%;
  margin: 10px 0;
}
.subject-list-ua .no-subjects {
  align-self: center;
}
.subject-list-ua .site-ua-icon {
  min-height: 165px;
  height: 165px;
  max-height: 165px;
  min-width: 183px;
  width: 183px;
  max-width: 183px;
  background-image: url("siteImages/sitesua_icon.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto;
}
.subject-list-ua .site-no-study-version-icon {
  min-height: 165px;
  height: 165px;
  max-height: 165px;
  min-width: 183px;
  width: 183px;
  max-width: 183px;
  background-image: url("siteImages/StudyVersions_UserAssistance.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto;
}
.subject-list-ua .ua-select-site-icon {
  min-height: 165px;
  height: 165px;
  max-height: 165px;
  min-width: 183px;
  width: 183px;
  max-width: 183px;
  background-image: url("subjectimages/no-subjects-no-site-selected.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto;
}
.subject-list-ua .ua-noSubjects-icon {
  min-height: 165px;
  height: 165px;
  max-height: 165px;
  min-width: 183px;
  width: 183px;
  max-width: 183px;
  background-image: url("images/ua_icon_users.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto;
}
.subject-list-ua .no-data-title {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 10px;
}
.subject-list-ua .withdrawn-icon {
  height: 60px;
  width: 60px;
  min-width: 60px;
  min-height: 60px;
  background-image: url("subjectimages/subject-state-icons/Subject_Withdrawn.svg");
  background-repeat: no-repeat;
  margin-right: 15px;
  background-size: contain;
  align-self: flex-start;
  align-self: center;
}

.hsgbu-co-table-popup-icon.codebreakSubjectIcon {
  background-image: url(images/CodebreakSubject_default.svg);
}
.hsgbu-co-table-popup-icon.codebreakSubjectIcon:hover {
  background-image: url(images/CodebreakSubject_hover.svg);
}
.hsgbu-co-table-popup-icon.codeviewSubjectIcon {
  background-image: url(images/CodeviewSubject_default.svg);
}
.hsgbu-co-table-popup-icon.codeviewSubjectIcon:hover {
  background-image: url(images/CodeviewSubject_hover.svg);
}
.hsgbu-co-table-popup-icon.completeOrWithdrawIcon {
  background-image: url(images/CompleteorWithdraw_default.svg);
}
.hsgbu-co-table-popup-icon.completeOrWithdrawIcon:hover {
  background-image: url(images/CompleteorWithdraw_hover.svg);
}
.hsgbu-co-table-popup-icon.randomizeIcon {
  background-image: url(images/Randomize_default.svg);
}
.hsgbu-co-table-popup-icon.randomizeIcon:hover {
  background-image: url(images/Randomize_hover.svg);
}
.hsgbu-co-table-popup-icon.replaceKitIcon {
  background-image: url(images/ReplaceKit_default.svg);
}
.hsgbu-co-table-popup-icon.replaceKitIcon:hover {
  background-image: url(images/ReplaceKit_hover.svg);
}
.hsgbu-co-table-popup-icon.screenFailIcon {
  background-image: url(images/ScreenFail_default.svg);
}
.hsgbu-co-table-popup-icon.screenFailIcon:hover {
  background-image: url(images/ScreenFail_hover.svg);
}
.hsgbu-co-table-popup-icon.signIcon {
  background-image: url(images/Sign_default.svg);
}
.hsgbu-co-table-popup-icon.signIcon:hover {
  background-image: url(images/Sign_hover.svg);
}
.hsgbu-co-table-popup-icon.skipVisitIcon {
  background-image: url(images/SkipVisit_default.svg);
}
.hsgbu-co-table-popup-icon.skipVisitIcon:hover {
  background-image: url(images/SkipVisit_hover.svg);
}
.hsgbu-co-table-popup-icon.transferIcon {
  background-image: url(images/Transfer_default.svg);
}
.hsgbu-co-table-popup-icon.transferIcon:hover {
  background-image: url(images/Transfer_hover.svg);
}
.hsgbu-co-table-popup-icon.undoScreenFailIcon {
  background-image: url(images/UndoScreenFail_default.svg);
}
.hsgbu-co-table-popup-icon.undoScreenFailIcon:hover {
  background-image: url(images/UndoScreenFail_hover.svg);
}
.hsgbu-co-table-popup-icon.undoSkipIcon {
  background-image: url(images/UndoSkip_default.svg);
}
.hsgbu-co-table-popup-icon.undoSkipIcon:hover {
  background-image: url(images/UndoSkip_hover.svg);
}
.hsgbu-co-table-popup-icon.undoSubjectCompleteIcon {
  background-image: url(images/UndoSubjectComplete_default.svg);
}
.hsgbu-co-table-popup-icon.undoSubjectCompleteIcon:hover {
  background-image: url(images/UndoSubjectComplete_hover.svg);
}
.hsgbu-co-table-popup-icon.unscheduledVisitIcon {
  background-image: url(images/UnscheduledVisit_default.svg);
}
.hsgbu-co-table-popup-icon.unscheduledVisitIcon:hover {
  background-image: url(images/UnscheduledVisit_hover.svg);
}
.hsgbu-co-table-popup-icon.undoWithdrawalIcon {
  background-image: url(images/Unwithdraw_default.svg);
}
.hsgbu-co-table-popup-icon.undoWithdrawalIcon:hover {
  background-image: url(images/Unwithdraw_hover.svg);
}
.hsgbu-co-table-popup-icon.withdrawIcon {
  background-image: url(images/Withdraw_default.svg);
}
.hsgbu-co-table-popup-icon.withdrawIcon:hover {
  background-image: url(images/Withdraw_hover.svg);
}
.hsgbu-co-table-popup-icon.completeIcon {
  background-image: url(formimages/Checkbox_default.svg);
}

.screen-failed-icon {
  height: 60px;
  width: 60px;
  min-width: 60px;
  min-height: 60px;
  background-image: url("subjectimages/subject-state-icons/Subject_ScreenFailed.svg");
  background-repeat: no-repeat;
  margin-right: 15px;
  background-size: contain;
  align-self: flex-start;
}

.subject-list .subject-number-display {
  padding: 0px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.subject-list .subject-number-display span {
  display: block;
  width: 80px;
  text-align: center;
  overflow: hidden;
}

.column-to-hide {
  display: none;
}

.subjectListTable {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.subjectListTable table {
  width: 100% !important;
  table-layout: auto !important;
}
.subjectListTable table .oj-table-body tr td:first-child {
  z-index: 2 !important;
  border-right: 1px solid #e0e1e1 !important;
}
.subjectListTable table .oj-table-body tr td .subjectInfo {
  padding-left: 0 !important;
}
.subjectListTable table .oj-table-header tr th:first-child {
  border-right: 0px !important;
  padding: 0;
}
.subjectListTable table .oj-table-body tr td:first-child {
  padding: 6px !important;
}
.subjectListTable table .oj-table-header tr th:first-child .oj-table-column-header {
  border-right: 1px solid rgb(224, 225, 225);
  height: 100%;
}
.subjectListTable table .oj-table-header tr th:nth-child(2) {
  border-right: 0px !important;
  padding: 0;
}
.subjectListTable table .oj-table-header tr th:nth-child(2) .oj-table-column-header-text {
  display: flex;
  justify-content: center;
  align-items: center;
}
.subjectListTable table .oj-table-header tr th:nth-child(2) .oj-table-column-header {
  border-right: 1px solid rgb(224, 225, 225);
  height: 100%;
}
.subjectListTable table .oj-table-body tr td {
  border-right: 0px !important;
  padding: 0 !important;
  border-inline-start-style: none !important;
}
.subjectListTable table .oj-table-column-header {
  justify-content: center;
}
.subjectListTable table thead {
  background-color: #FBF9F8 !important;
}
.subjectListTable table tbody {
  background-color: #FBF9F8 !important;
}
.subjectListTable table tbody tr:nth-child(odd) .subjectInfo {
  border-right: 1px solid rgb(224, 225, 225);
  height: 100%;
}
.subjectListTable table tbody tr:nth-child(even) .subjectInfo {
  border-right: 1px solid rgb(224, 225, 225);
  height: 100%;
}
.subjectListTable .previousVisitHeader {
  text-align: left !important;
  margin-left: 8px;
}
.subjectListTable .first-colomn-with-checkbox {
  min-width: 42px;
  max-width: 42px;
  width: 42px;
}
.subjectListTable .adverse-event-header {
  max-width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.subjectListTable .subjectRow {
  height: 79px;
}
.subjectListTable .subjectRow .subjectSelection {
  overflow: visible;
}
.subjectListTable .subjectRow .subjectSelection oj-radioset.subject-radioset .oj-choice-item {
  align-items: center;
  right: 2px;
}
.subjectListTable .subjectRow .subjectSelection .subject-status-persona {
  color: red;
  right: 0;
  position: absolute;
  margin-right: -20px;
  top: -14px;
  max-width: 40px;
  height: auto;
  display: inline-grid;
}
.subjectListTable .subjectRow .subjectSelection .subject-status-persona .one {
  margin-right: 10px;
  border-radius: 50%;
  border: 2px solid white;
}
.subjectListTable .subjectRow .subjectSelection .subject-status-persona .two {
  border-radius: 50%;
  border: 2px solid white;
}
.subjectListTable .subjectRow .subjectSelection .subject-status-persona .orange {
  background-color: orange;
}
.subjectListTable .subjectRow .subjectSelection .subject-status-persona .black {
  background-color: black;
}
.subjectListTable .subjectRow .subjectSelection .subject-status-persona .green {
  background-color: green;
}
.subjectListTable .subjectRow .subjectInfo {
  padding-left: 30px;
  min-width: 5% !important;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.subjectListTable .subjectRow .subjectInfo .subject-number-display {
  display: flex;
  flex-direction: column;
  padding-right: 5px;
  align-items: center;
}
.subjectListTable .no-data-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
}
.subjectListTable .no-data-container .content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 40px;
  text-align: left;
}
.subjectListTable .no-data-container .content .no-data-msg {
  margin: 0;
  font-size: 19px;
  font-weight: 700;
}
.subjectListTable .no-data-container .content .no-data-helper-msg {
  margin-top: 8px;
}
.subjectListTable .no-data-container .content .no-sites-data-img {
  height: 225px;
  width: 225px;
  background-repeat: no-repeat;
  background-image: url("siteImages/noSiteData.svg");
}
.subjectListTable .no-data-container .content .no-filter-data-img {
  height: 225px;
  width: 225px;
  background-repeat: no-repeat;
  background-image: url("subjectimages/noFilterData.svg");
}
.subjectListTable .no-data-container .content .no-table-data-img {
  height: 225px;
  width: 225px;
  background-repeat: no-repeat;
  background-image: url("subjectimages/noTableData.svg");
}

.subject-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.subject-list .subject-field-info {
  background-color: #3C425B;
  height: 50px;
  width: 45px;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
}

.subject-list .subject-avatar-icon {
  background-repeat: no-repeat;
  margin: auto;
  width: 40px;
  height: 40px;
  background-size: contain;
  z-index: 99;
  margin-left: -20px;
  position: static;
  border-radius: 50px;
}

.adverse-event-box {
  width: 140px;
  height: 40px;
  margin: 0px 5px 0px 5px;
  border-radius: 3px;
  background: #e1e1e1;
  border: solid 1px #c3c3c3;
  cursor: pointer;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.adverse-event-box .width-50 {
  width: 50%;
}
.adverse-event-box .total-container {
  padding-left: 6%;
}
.adverse-event-box .total-container .total-value {
  font-weight: bold;
}
.adverse-event-box .total-container .total-label {
  font-size: 12px;
}
.adverse-event-box .visit-state-icon-query {
  width: 15px;
  height: 15px;
  margin: 1px 3px 1px 0;
  background-repeat: no-repeat;
  background-image: url("subjectimages/subject-query-history/Query_Open.svg");
}
.adverse-event-box .pending-safety-container .pending-safety-count {
  font-size: smaller;
  display: block;
  text-align: center;
  background: #DF522A;
  width: 18px;
  border-radius: 16px;
  color: #ffffff;
}

.no-adverse-tile {
  display: flex;
  justify-content: center;
}

.icon-style-position {
  width: 11px;
  height: 11px;
  margin: 1px 3px 1px 0;
  display: inline-block;
}

.branch-cycle-div {
  border-color: red;
  border-style: groove;
  border-width: 1px;
}

.no-branch-cycle-margin {
  margin-top: 13px !important;
}

.branch-cycle-label {
  color: #5C5C5C;
  margin-left: 9px;
  margin-right: 2px;
  height: 14px;
  font-size: 12px;
  font-weight: bold;
  width: 100%;
  margin-top: 2px;
}

.branch-cycle-label-entry {
  color: #5C5C5C;
  margin-left: 9px;
  margin-right: 2px;
  height: 16px;
  font-size: 12px;
  font-weight: bold;
  width: 100%;
}

.branch-cycle-line {
  border-left: 3px solid #9d9d9d;
  margin-left: 7px;
  margin-right: -4px;
  margin-bottom: -7px;
}

.branch-cycle-line-entry {
  border-left: 3px solid #9d9d9d;
  margin-left: 7px;
  margin-right: -4px;
  height: 65px;
}

.branch-cycle-line-diamond {
  margin-left: -8px;
  height: 13px;
  width: 13px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("subjectimages/diamond.svg");
}

.next-visit-box {
  width: 100px;
  height: 50px;
  margin: 0px 5px 0px 5px;
  border-radius: 3px;
  background: #027bc7;
  border: solid 1px #d6dfe6;
  cursor: pointer;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.next-visit-box.HASQUERY.highlightVisit {
  background-color: #027bc7;
}
.next-visit-box.HASQUERY:not(.highlightVisit) {
  background: #f35a42 !important;
}
.next-visit-box.HASQUERY {
  color: white !important;
}
.next-visit-box.OPTNLVISIT {
  background: #87a2b3;
}
.next-visit-box.OPTNLVISIT .OPTNLVISIT_icon {
  background-size: contain;
  height: 10px;
  width: 20px;
  background-repeat: no-repeat;
  background-image: url("subjectimages/optionalicon.png");
  margin-left: 5px;
}
.next-visit-box.OPTNLVISIT .next-visit-title-container {
  margin-right: 10px;
}
.next-visit-box.ghosted {
  background: #C9E0F2;
  border: 1px solid #C9E0F2;
  cursor: not-allowed;
  pointer-events: none;
}
.next-visit-box .next-visit-title-container {
  width: 100%;
  display: flex;
}
.next-visit-box .next-visit-title-container .next-visit-title {
  margin: 0px 5px 0px 5px;
  width: 100%;
  display: block;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
.next-visit-box.fixed-visit-box {
  width: 150px;
  height: 45px;
}
.next-visit-box.fixed-visit-box .next-visit-title {
  font-size: 12px;
  font-weight: 600;
}
.next-visit-box .frozen-icon {
  background-size: contain;
  height: 9px;
  width: 12px;
  background-repeat: no-repeat;
  background-image: url("subjectimages/subject-state-icons/Freeze_Visit.svg");
  margin-left: 5px;
}
.next-visit-box .frozen-white-icon {
  background-size: contain;
  height: 9px;
  width: 12px;
  background-repeat: no-repeat;
  background-image: url("subjectimages/subject-state-icons/Freeze_icon_darkbackground.svg");
  margin-left: 5px;
}
.next-visit-box .lock-icon {
  background-size: contain;
  height: 9px;
  width: 12px;
  background-repeat: no-repeat;
  background-image: url("subjectimages/visit-tile-icons/Visit_Tile_Locked.svg") !important;
  margin-left: 5px;
}
.next-visit-box.highlightVisit .lock-icon {
  background-image: url("subjectimages/visit-tile-icons/Visit_Tile_Locked_Current_White.svg") !important;
}
.next-visit-box.highlightVisit .signed-icon {
  background-image: url("subjectimages/visit-tile-icons/signature_icon_white.svg");
}
.next-visit-box.highlightVisit .partial-signed-icon {
  background-image: url("subjectimages/visit-tile-icons/PartialySigned_white.svg") !important;
}
.next-visit-box.highlightVisit .unsigned-icon {
  background-image: url("subjectimages/visit-tile-icons/Unsigned_icon_darkbackground.svg") !important;
}
.next-visit-box.highlightVisit .frozen-icon {
  background-image: url("subjectimages/subject-state-icons/Freeze_icon_darkbackground.svg");
}
.next-visit-box .lock-icon-white {
  background-size: contain;
  height: 9px;
  width: 12px;
  background-repeat: no-repeat;
  background-image: url("subjectimages/visit-tile-icons/Visit_Tile_Locked_Current_White.svg") !important;
  margin-left: 5px;
}
.next-visit-box .unlock-icon {
  background-size: contain;
  height: 9px;
  width: 12px;
  background-repeat: no-repeat;
  background-image: url("subjectimages/visit-tile-icons/Visit_Tile_Unlocked_Current_White.svg");
  margin-left: 5px;
}
.next-visit-box .VERIFIED_CHECK_WHITE_ICON {
  background-size: contain;
  height: 9px;
  width: 12px;
  background-repeat: no-repeat;
  background-image: url("subjectimages/visit-tile-icons/VerifiedCheck_Visit_white.svg");
  margin-left: 5px;
}
.next-visit-box .UNVERIFIED_CHECK_WHITE_ICON {
  background-size: contain;
  height: 9px;
  width: 12px;
  background-repeat: no-repeat;
  background-image: url("subjectimages/visit-tile-icons/Unverified_icon_darkbackground.svg");
  margin-left: 5px;
}
.next-visit-box .VERIFICATION_REQUIRED_WHITE_ICON {
  background-size: contain;
  height: 10px;
  width: 20px;
  background-repeat: no-repeat;
  background-image: url("subjectimages/visit-tile-icons/Verification_required_icon_white.svg");
  margin-left: 5px;
}
.next-visit-box .VERIFIED_CHECK {
  background-size: contain;
  height: 10px;
  width: 20px;
  background-repeat: no-repeat;
  background-image: url("subjectimages/visit-tile-icons/VerifiedCheck_Visit.svg");
  margin-left: 5px;
}
.next-visit-box .UNVERIFIED_CHECK {
  background-size: contain;
  height: 10px;
  width: 20px;
  background-repeat: no-repeat;
  background-image: url("subjectimages/visit-tile-icons/UnverifiedCheck_Visit.svg");
  margin-left: 5px;
}
.next-visit-box .VERIFICATION_REQUIRED_CHECK {
  background-size: contain;
  height: 10px;
  width: 20px;
  background-repeat: no-repeat;
  background-image: url("subjectimages/visit-tile-icons/Verification_required_icon.svg");
  margin-left: 5px;
}
.next-visit-box .signed-icon {
  background-size: contain;
  height: 9px;
  width: 12px;
  background-repeat: no-repeat;
  background-image: url("subjectimages/visit-tile-icons/signature_icon.svg");
  margin-left: 5px;
}
.next-visit-box .signed-white-icon {
  background-size: contain;
  height: 9px;
  width: 12px;
  background-repeat: no-repeat;
  background-image: url("subjectimages/visit-tile-icons/signature_icon_white.svg");
  margin-left: 5px;
}
.next-visit-box .partial-signed-icon {
  background-size: contain;
  height: 9px;
  width: 12px;
  background-repeat: no-repeat;
  background-image: url("subjectimages/visit-tile-icons/PartialySigned.svg");
  margin-left: 5px;
}
.next-visit-box .partial-signed-white-icon {
  background-size: contain;
  height: 9px;
  width: 12px;
  background-repeat: no-repeat;
  background-image: url("subjectimages/visit-tile-icons/PartialySigned_white.svg");
  margin-left: 5px;
}
.next-visit-box .unsigned-icon {
  background-size: contain;
  height: 9px;
  width: 12px;
  background-repeat: no-repeat;
  background-image: url("subjectimages/visit-tile-icons/Unsigned_icon.svg");
  margin-left: 5px;
}
.next-visit-box .unsigned-white-icon {
  background-size: contain;
  height: 9px;
  width: 12px;
  background-repeat: no-repeat;
  background-image: url("subjectimages/visit-tile-icons/Unsigned_icon_darkbackground.svg");
  margin-left: 5px;
}
.next-visit-box .query-icon {
  background-size: contain;
  height: 9px;
  width: 12px;
  background-repeat: no-repeat;
  background-image: url("subjectimages/visit-tile-icons/QuestionMark_Visit.svg");
  margin-left: 5px;
}
.next-visit-box .next-visit-schedule {
  width: 100%;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 10px;
}

.subject-entry-visit-list:empty {
  display: none;
}

.next-visit-icons {
  display: flex;
  height: 50%;
  justify-content: center;
}

.current-visit-icons {
  display: flex;
  justify-content: center;
}

.subject-entry-visit-list {
  height: 50px;
  margin-left: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow-x: auto;
}
.subject-entry-visit-list .visit-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80px;
  height: 38px;
  overflow: hidden;
  border-radius: 3px;
  background: #e7f2e5;
  font-size: 12px;
  border: solid 1px #cecece;
  cursor: pointer;
  flex-shrink: 0;
}
.subject-entry-visit-list .visit-box:not(:last-of-type) {
  margin-right: 10px;
}
.subject-entry-visit-list .visit-box .visit-title-container {
  display: flex;
  width: 100%;
}
.subject-entry-visit-list .visit-box .visit-title-container span {
  margin: 0px 5px 0px 5px;
}
.subject-entry-visit-list .visit-box .visit-box-icon-container {
  display: flex;
  height: 50%;
}
.subject-entry-visit-list .visit-box.DYNAMIC {
  background-color: #CFDDEF;
  color: #464646;
  font-size: 12px;
}
.subject-entry-visit-list .visit-box.INPROGRESS, .subject-entry-visit-list .visit-box.INCOMPLETE, .subject-entry-visit-list .visit-box.UNDO_SKIP {
  background-color: #f0b427;
  color: #fff;
  font-size: 12px;
}
.subject-entry-visit-list .visit-box.INPROGRESS.WITHDRAWN, .subject-entry-visit-list .visit-box.INCOMPLETE.WITHDRAWN, .subject-entry-visit-list .visit-box.UNDO_SKIP.WITHDRAWN {
  background-color: #ffefa6;
  color: #464646;
}
.subject-entry-visit-list .visit-box.INPROGRESS, .subject-entry-visit-list .visit-box.INCOMPLETE, .subject-entry-visit-list .visit-box.UNDO_SKIP {
  /*                &.OPTNLVISIT{
                      background-color: grey;
                      color: white;
                      .optional_visit_icon{
                          width:12px;
                          height:12px;
                          margin: 3px 0;
                          background-repeat: no-repeat;
                          background-image: url("subjectimages/optionalicon.png");
                      }
                  }*/
}
.subject-entry-visit-list .visit-box.INCOMPLETE_ERR, .subject-entry-visit-list .visit-box.COMPLETE_ERR {
  background-color: #df522a;
  color: #fff;
  font-size: 12px;
}
.subject-entry-visit-list .visit-box.SCREENING {
  background-color: #eef2f7;
  color: #464646;
  font-size: 12px;
}
.subject-entry-visit-list .visit-box.FROZEN {
  background-color: #eef2f7;
  color: #464646;
  font-size: 12px;
}
.subject-entry-visit-list .visit-box.UNFROZEN {
  background-color: #eef2f7;
  color: #464646;
  font-size: 12px;
}
.subject-entry-visit-list .visit-box.UNSCHEDULED.NEW {
  background-color: #CFDDEF;
  color: #464646;
  font-size: 12px;
}
.subject-entry-visit-list .visit-box.NOT_STARTED {
  background-color: #CFDDEF;
  border: dashed 1px #616161;
  color: #464646;
  font-size: 12px;
}
.subject-entry-visit-list .visit-box.NOT_STARTED .ec-common-truncate {
  margin-top: 10px;
}
.subject-entry-visit-list .visit-box.NOT_STARTED .visit-status-subtext {
  font-size: 8px;
}
.subject-entry-visit-list .visit-box.NEW {
  background-color: #CFDDEF;
  color: #464646;
  font-size: 12px;
}
.subject-entry-visit-list .visit-box.SCREENING_ERR, .subject-entry-visit-list .visit-box.SCREENED_COMP_ERR {
  background-color: #df522a;
  color: #fff;
  font-size: 12px;
}
.subject-entry-visit-list .visit-box.LOCKED {
  background-color: #e7f2e5;
  color: #464646;
  font-size: 12px;
}
.subject-entry-visit-list .visit-box.COMPLETE {
  background-color: #e7f2e5;
  color: #464646;
  font-size: 12px;
}
.subject-entry-visit-list .visit-box.SKIPPED {
  background-color: #d4c6dd;
  color: #464646;
  font-size: 12px;
}
.subject-entry-visit-list .visit-box.HASQUERY {
  background-color: #f35a42 !important;
  color: #eef2f7 !important;
  font-size: 12px;
}
.subject-entry-visit-list .visit-box.fixed-visit-box {
  width: 150px;
}
.subject-entry-visit-list .visit-box .visit-state-icon {
  width: 12px;
  height: 12px;
  margin: 3px 3px;
  background-repeat: no-repeat;
}
.subject-entry-visit-list .visit-box .visit-state-icon.INPROGRESS, .subject-entry-visit-list .visit-box .visit-state-icon.INCOMPLETE, .subject-entry-visit-list .visit-box .visit-state-icon.UNDO_SKIP {
  background-image: url("subjectimages/visit-tile-icons/Incomplete_Visit_white.svg");
}
.subject-entry-visit-list .visit-box .visit-state-icon.INPROGRESS.WITHDRAWN, .subject-entry-visit-list .visit-box .visit-state-icon.INCOMPLETE.WITHDRAWN, .subject-entry-visit-list .visit-box .visit-state-icon.UNDO_SKIP.WITHDRAWN {
  background-image: url("subjectimages/visit-tile-icons/Incomplete_Visit_grey.svg");
}
.subject-entry-visit-list .visit-box .visit-state-icon.INCOMPLETE_ERR, .subject-entry-visit-list .visit-box .visit-state-icon.COMPLETE_ERR, .subject-entry-visit-list .visit-box .visit-state-icon.SCREENED_COMP_ERR {
  background-image: url("subjectimages/visit-tile-icons/ErrorCross_Visit_white.svg");
}
.subject-entry-visit-list .visit-box .visit-state-icon.SCREENING {
  background-image: url("subjectimages/visit-tile-icons/ScreenUser_Visit.svg");
}
.subject-entry-visit-list .visit-box .visit-state-icon.UNSCHEDULED.NEW {
  background-image: url("subjectimages/visit-tile-icons/Clock_unscheduled.svg");
}
.subject-entry-visit-list .visit-box .visit-state-icon.FROZEN {
  background-image: url("subjectimages/visit-tile-icons/Freeze_Visit.svg");
}
.subject-entry-visit-list .visit-box .visit-state-icon.UNFROZEN {
  background-image: url("subjectimages/subject-state-icons/Unfrozen_QuestionandHistory.svg");
}
.subject-entry-visit-list .visit-box .visit-state-icon.LOCKED {
  background-image: url("subjectimages/visit-box-lock.png");
}
.subject-entry-visit-list .visit-box .visit-state-icon.COMPLETE {
  background-image: url("subjectimages/visit-tile-icons/CompletedCheck_Visit.svg");
}
.subject-entry-visit-list .visit-box .visit-state-icon.SCREENING_ERR {
  background-image: url("subjectimages/visit-tile-icons/ScreenUser_Visit_white.svg");
  margin-right: 1px;
}
.subject-entry-visit-list .visit-box .visit-state-icon.screen-fail-visit-box-icon {
  background-image: url("subjectimages/visit-tile-icons/ErrorCross_Visit_white.svg");
}
.subject-entry-visit-list .visit-box .visit-state-icon.screen-fail-visit-box-icon.unscheduled {
  background-image: url("subjectimages/visit-tile-icons/Clock_unscheduled_white.svg");
  margin-left: 5px;
}
.subject-entry-visit-list .visit-box .visit-state-icon.screen-fail-visit-box-icon.WITHDRAWN:not(.unscheduled) {
  background-image: url("subjectimages/visit-tile-icons/Clock_unscheduled_incomplete.svg") !important;
  margin-left: 5px;
}
.subject-entry-visit-list .visit-box .visit-state-icon.SKIPPED {
  background-image: url("subjectimages/visit-tile-icons/Skipped_Visit.svg");
}
.subject-entry-visit-list .visit-box .visit-state-icon.OPTIONAL {
  background-image: url("subjectimages/visit-tile-icons/Optional_Visit.svg");
}
.subject-entry-visit-list .visit-box .visit-state-icon.HASQUERY {
  background-image: url("subjectimages/visit-tile-icons/QuestionMark_Visit.svg") !important;
}
.subject-entry-visit-list .visit-box .visit-state-icon.SIGNED {
  background-image: url("subjectimages/visit-tile-icons/signature_icon.svg");
}
.subject-entry-visit-list .visit-box .visit-state-icon.PARTIAL_SIGNED {
  background-size: contain;
  background-image: url("subjectimages/visit-tile-icons/PartialySigned.svg");
}
.subject-entry-visit-list .visit-box .visit-state-icon.UNSINGED {
  background-image: url("subjectimages/visit-tile-icons/Unsigned_icon.svg");
}
.subject-entry-visit-list .visit-box .visit-state-icon.VERIFIED_CHECK {
  background-image: url("subjectimages/visit-tile-icons/VerifiedCheck_Visit.svg");
}
.subject-entry-visit-list .visit-box .visit-state-icon.UNVERIFIED_CHECK {
  background-image: url("subjectimages/visit-tile-icons/UnverifiedCheck_Visit.svg");
}
.subject-entry-visit-list .visit-box .visit-state-icon.VERIFICATION_REQUIRED_CHECK {
  background-image: url("subjectimages/visit-tile-icons/Verification_required_icon.svg") !important;
}
.subject-entry-visit-list .visit-box .visit-state-icon.FROZEN_CHECK {
  background-image: url("subjectimages/visit-tile-icons/Freeze_Visit.svg") !important;
}
.subject-entry-visit-list .visit-box .visit-state-icon.UNFROZEN_CHECK {
  background-image: url("subjectimages/visit-tile-icons/Unfrozen_QuestionandHistory.svg") !important;
}
.subject-entry-visit-list .visit-box .visit-state-icon.SIGNED_WHITE {
  background-image: url("subjectimages/visit-tile-icons/signature_icon_white.svg") !important;
}
.subject-entry-visit-list .visit-box .visit-state-icon.PARTIAL_SIGNED_WHITE {
  background-image: url("subjectimages/visit-tile-icons/PartialySigned_white.svg") !important;
}
.subject-entry-visit-list .visit-box .visit-state-icon.UNSIGNED_WHITE {
  background-image: url("subjectimages/visit-tile-icons/Unsigned_icon_darkbackground.svg") !important;
}
.subject-entry-visit-list .visit-box .visit-state-icon.VERIFIED_CHECK_WHITE {
  background-image: url("subjectimages/visit-tile-icons/VerifiedCheck_Visit_white.svg") !important;
}
.subject-entry-visit-list .visit-box .visit-state-icon.UNVERIFIED_CHECK_WHITE {
  background-image: url("subjectimages/visit-tile-icons/Unverified_icon_darkbackground.svg") !important;
}
.subject-entry-visit-list .visit-box .visit-state-icon.VERIFICATION_REQUIRED_CHECK_WHITE {
  background-image: url("subjectimages/visit-tile-icons/Verification_required_icon_white.svg") !important;
}
.subject-entry-visit-list .visit-box .visit-state-icon.FROZEN_CHECK_WHITE {
  background-image: url("subjectimages/visit-tile-icons/Freeze_icon_darkbackground.svg") !important;
}
.subject-entry-visit-list .visit-box .visit-state-icon.UNFROZEN_CHECK_WHITE {
  background-image: url("subjectimages/visit-tile-icons/Freeze_icon_darkbackground.svg") !important;
}
.subject-entry-visit-list .visit-box .visit-state-icon.LOCK_CHECK {
  background-image: url("subjectimages/visit-tile-icons/Visit_Tile_Locked.svg") !important;
}
.subject-entry-visit-list .visit-box .visit-state-icon.LOCK_CHECK_WHITE {
  background-image: url("subjectimages/visit-tile-icons/Visit_Tile_Locked_Current_White.svg") !important;
}
.subject-entry-visit-list .visit-box .visit-state-icon.UNLOCK_CHECK {
  background-image: url("subjectimages/visit-tile-icons/Visit_Tile_Unlocked.svg") !important;
  background-size: contain;
}
.subject-entry-visit-list .visit-box .visit-state-icon.UNLOCK_CHECK_WHITE {
  background-image: url("subjectimages/visit-tile-icons/Visit_Tile_Unlocked_Current_White.svg") !important;
  background-size: contain;
}
.subject-entry-visit-list .visit-box .visit-state-icon.HOLD_Dispensation {
  background-image: url("subjectimages/visit-tile-icons/DoseHold_latest.svg");
}
.subject-entry-visit-list .visit-box .visit-state-icon.PARTIAL_Dispensation {
  background-image: url("subjectimages/visit-tile-icons/Partial_Dispensation.svg");
  background-size: 12px;
}
.subject-entry-visit-list .visit-box span {
  width: 100%;
  display: block;
  text-align: center;
}
.subject-entry-visit-list .visit-box.highlightVisit {
  background-color: #027bc7 !important;
  color: #fff !important;
}
.subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.COMPLETE {
  background-image: url("subjectimages/visit-tile-icons/CompletedCheck_Visit_white.svg") !important;
}
.subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.SCREENING {
  background-image: url("subjectimages/visit-tile-icons/ScreenUser_Visit_white.svg") !important;
}
.subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.UNSCHEDULED.NEW {
  background-image: url("subjectimages/visit-tile-icons/Clock_unscheduled_white.svg") !important;
}
.subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.INPROGRESS.WITHDRAWN, .subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.INCOMPLETE.WITHDRAWN, .subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.UNDO_SKIP.WITHDRAWN {
  background-image: url("subjectimages/visit-tile-icons/Incomplete_Visit_white.svg");
}
.subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.SIGNED {
  background-image: url("subjectimages/visit-tile-icons/signature_icon_white.svg") !important;
}
.subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.PARTIAL_SIGNED {
  background-image: url("subjectimages/visit-tile-icons/PartialySigned_white.svg") !important;
}
.subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.UNSINGED {
  background-image: url("subjectimages/visit-tile-icons/Unsigned_icon_darkbackground.svg") !important;
}
.subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.VERIFIED_CHECK {
  background-image: url("subjectimages/visit-tile-icons/VerifiedCheck_Visit_white.svg") !important;
}
.subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.UNVERIFIED_CHECK {
  background-image: url("subjectimages/visit-tile-icons/Unverified_icon_darkbackground.svg") !important;
}
.subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.VERIFICATION_REQUIRED_CHECK {
  background-image: url("subjectimages/visit-tile-icons/Verification_required_icon_white.svg") !important;
}
.subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.FROZEN_CHECK {
  background-image: url("subjectimages/visit-tile-icons/Freeze_icon_Visit_white.svg") !important;
}
.subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.UNFROZEN_CHECK {
  background-image: url("subjectimages/visit-tile-icons/Unverified_icon_darkbackground.svg") !important;
}
.subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.SIGNED_WHITE {
  background-image: url("subjectimages/visit-tile-icons/signature_icon_white.svg") !important;
}
.subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.PARTIAL_SIGNED_WHITE {
  background-image: url("subjectimages/visit-tile-icons/PartialySigned_white.svg") !important;
}
.subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.UNSIGNED_WHITE {
  background-image: url("subjectimages/visit-tile-icons/Unsigned_icon_darkbackground.svg") !important;
}
.subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.VERIFIED_CHECK_WHITE {
  background-image: url("subjectimages/visit-tile-icons/VerifiedCheck_Visit_white.svg") !important;
}
.subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.UNVERIFIED_CHECK_WHITE {
  background-image: url("subjectimages/visit-tile-icons/Unverified_icon_darkbackground.svg") !important;
}
.subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.VERIFICATION_REQUIRED_CHECK_WHITE {
  background-image: url("subjectimages/visit-tile-icons/Verification_required_icon_white.svg") !important;
}
.subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.FROZEN_CHECK_WHITE {
  background-image: url("subjectimages/visit-tile-icons/Freeze_icon_darkbackground.svg") !important;
}
.subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.UNFROZEN_CHECK_WHITE {
  background-image: url("subjectimages/visit-tile-icons/Freeze_icon_darkbackground.svg") !important;
}
.subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.LOCK_CHECK {
  background-image: url("subjectimages/visit-tile-icons/Visit_Tile_Locked_Current_White.svg") !important;
}
.subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.LOCK_CHECK_WHITE {
  background-image: url("subjectimages/visit-tile-icons/Visit_Tile_Locked_Current_White.svg") !important;
}
.subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.UNLOCK_CHECK {
  background-image: url("subjectimages/visit-tile-icons/Visit_Tile_Unlocked_Current_White.svg") !important;
}
.subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.UNLOCK_CHECK_WHITE {
  background-image: url("subjectimages/visit-tile-icons/Visit_Tile_Unlocked_Current_White.svg") !important;
}
.subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.HASQUERY {
  background-image: url("subjectimages/visit-tile-icons/QuestionMark_Visit.svg") !important;
}
.subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.HOLD_Dispensation {
  background-image: url("subjectimages/visit-tile-icons/DoseHold_latest.svg");
}
.subject-entry-visit-list .visit-box.highlightVisit .visit-state-icon.PARTIAL_Dispensation {
  background-image: url("subjectimages/visit-tile-icons/Partial_Dispensation.svg");
  background-size: 12px;
}

#visitDetailsPopup .visitNameDiv {
  margin-top: 5px;
}

.visitDetailsPopup .visitNameDiv {
  max-width: 100%;
  margin-bottom: 5px;
}
.visitDetailsPopup .bold {
  font-weight: bold;
}
.visitDetailsPopup .visit-info-popup-Italic {
  font-style: italic;
  font-weight: bold;
}
.visitDetailsPopup .visit-info-popup-Italic.INCOMPLETE {
  color: #F9C104;
}
.visitDetailsPopup .visit-info-popup-Italic.COMPLETE {
  color: #83BC61;
}
.visitDetailsPopup .visit-info-popup-Italic.SCREENING {
  color: #6F91CC;
}
.visitDetailsPopup .visit-info-popup-Italic.FROZEN {
  color: #6F91CC;
}
.visitDetailsPopup .visit-info-popup-Italic.UNFROZEN {
  color: #6F91CC;
}
.visitDetailsPopup .visit-info-popup-Italic.SCREENING_ERR, .visitDetailsPopup .visit-info-popup-Italic.COMPLETE_ERR, .visitDetailsPopup .visit-info-popup-Italic.INCOMPLETE_ERR, .visitDetailsPopup .visit-info-popup-Italic .SCREENED_COMP_ERR {
  color: #DF522A;
}
.visitDetailsPopup .visit-info-popup-Italic.OPTIONAL {
  color: #87A2B3;
}
.visitDetailsPopup .visit-info-popup-Italic.REQUIRED {
  color: #4E96D9;
}
.visitDetailsPopup .visit-info-popup-Italic.HASQUERY {
  color: #f35a42;
}

.kit-details-status {
  font-weight: bold;
}
.kit-details-status.status_1 {
  color: #215441 !important;
}
.kit-details-status.damaged, .kit-details-status.status_2 {
  color: #be1313 !important;
}
.kit-details-status.destroyed, .kit-details-status.status_3, .kit-details-status.status_20, .kit-details-status.received_for_destruction {
  color: #4b4b4b !important;
}
.kit-details-status.dispensed, .kit-details-status.status_4 {
  color: #743b6f !important;
}
.kit-details-status.expired, .kit-details-status.status_5 {
  color: #670c10 !important;
}
.kit-details-status.not_in_use, .kit-details-status.status_6 {
  color: #3163a8 !important;
}
.kit-details-status.misallocated, .kit-details-status.status_7 {
  color: #3e6d6b !important;
}
.kit-details-status.missing, .kit-details-status.status_8 {
  color: #a52762 !important;
}
.kit-details-status.in_transit, .kit-details-status.status_9 {
  color: #0f2f83 !important;
}
.kit-details-status.quarantined, .kit-details-status.status_10, .kit-details-status.status_11, .kit-details-status.pre-quarantined {
  color: #0a5e14 !important;
}
.kit-details-status.for_destruction, .kit-details-status.status_12 {
  color: #4b4b4b !important;
}
.kit-details-status.lost_by_subject, .kit-details-status.status_13 {
  color: #b01c21 !important;
}
.kit-details-status.temporarily_unavailable, .kit-details-status.status_14 {
  color: #4B490C !important;
}
.kit-details-status.damaged_by_subject, .kit-details-status.status_15 {
  color: #b01c21 !important;
}
.kit-details-status.status_16 {
  color: #166a1c !important;
}
.kit-details-status.status_17 {
  color: #564b01 !important;
}
.kit-details-status.status_18 {
  color: #005799 !important;
}

#kits-history-table th {
  background-color: #F2F4F7;
  border-right: 1px solid #CACDD1;
}

.popup-expand-icon {
  width: 20px;
  margin-right: 15px;
  height: 20px;
  background-image: url("ors/Expand.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}

.kit-status-text {
  color: #738881;
  margin-bottom: 5px;
}

.kit-details-text {
  font-weight: bold;
  color: black;
}

.kit-details-text-size {
  font-size: 12px;
}

.kit-number-column {
  width: 100%;
  margin-right: 0;
  margin-left: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.kit-number-column .kit-icon-cell {
  width: 30%;
  height: 25px;
  line-height: 30px;
  text-align: center;
  float: left;
}
.kit-number-column .kit-icon-cell .status-icon {
  width: 20px;
  display: inline-block;
  content: "";
  margin-right: 15px;
  padding-left: 40px;
  padding-top: 10px;
  height: 20px;
}
.kit-number-column .kit-icon-cell .status-icon.available, .kit-number-column .kit-icon-cell .status-icon.status_1 {
  background-image: url("inventoryicons/Available_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-number-column .kit-icon-cell .status-icon.damaged, .kit-number-column .kit-icon-cell .status-icon.status_2 {
  background-image: url("inventoryicons/Damaged_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-number-column .kit-icon-cell .status-icon.destroyed, .kit-number-column .kit-icon-cell .status-icon.status_3 {
  background-image: url("inventoryicons/Destroyed_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-number-column .kit-icon-cell .status-icon.dispensed, .kit-number-column .kit-icon-cell .status-icon.status_4 {
  background-image: url("inventoryicons/Dispensed_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-number-column .kit-icon-cell .status-icon.dispensed_device, .kit-number-column .kit-icon-cell .status-icon.status_4_device {
  background-image: url("inventoryicons/Dispensed_status_device.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-number-column .kit-icon-cell .status-icon.expired, .kit-number-column .kit-icon-cell .status-icon.status_5 {
  background-image: url("inventoryicons/Expired_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-number-column .kit-icon-cell .status-icon.not_in_use, .kit-number-column .kit-icon-cell .status-icon.status_6 {
  background-image: url("inventoryicons/NotInUse_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-number-column .kit-icon-cell .status-icon.misallocated, .kit-number-column .kit-icon-cell .status-icon.status_7 {
  background-image: url("inventoryicons/Misallocated_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-number-column .kit-icon-cell .status-icon.missing, .kit-number-column .kit-icon-cell .status-icon.status_8 {
  background-image: url("inventoryicons/Missing_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-number-column .kit-icon-cell .status-icon.in_transit, .kit-number-column .kit-icon-cell .status-icon.status_9 {
  background-image: url("inventoryicons/InTransit_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-number-column .kit-icon-cell .status-icon.quarantined, .kit-number-column .kit-icon-cell .status-icon.status_10 {
  background-image: url("inventoryicons/Quarantined_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-number-column .kit-icon-cell .status-icon.pre_quarantined, .kit-number-column .kit-icon-cell .status-icon.status_11, .kit-number-column .kit-icon-cell .status-icon.pre-quarantined {
  background-image: url("inventoryicons/PreQuarantined_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-number-column .kit-icon-cell .status-icon.for_destruction, .kit-number-column .kit-icon-cell .status-icon.status_12 {
  background-image: url("inventoryicons/ProcessedforDestruction_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-number-column .kit-icon-cell .status-icon.lost_by_subject, .kit-number-column .kit-icon-cell .status-icon.status_13 {
  background-image: url("inventoryicons/LostBySubject_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-number-column .kit-icon-cell .status-icon.temporarily_unavailable, .kit-number-column .kit-icon-cell .status-icon.status_14 {
  background-image: url("inventoryicons/TemporarilyUnavail_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-number-column .kit-icon-cell .status-icon.damaged_by_subject, .kit-number-column .kit-icon-cell .status-icon.status_15 {
  background-image: url("inventoryicons/DamagedBySubject_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-number-column .kit-icon-cell .status-icon.new, .kit-number-column .kit-icon-cell .status-icon.status_16 {
  background-image: url("inventoryicons/New_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-number-column .kit-icon-cell .status-icon.not_dispensed_to_subject, .kit-number-column .kit-icon-cell .status-icon.status_17 {
  background-image: url("inventoryicons/NotDispensed_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-number-column .kit-icon-cell .status-icon.returned_to_site, .kit-number-column .kit-icon-cell .status-icon.status_18 {
  background-image: url("integrationImages/ReturnedtoSite_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-number-column .kit-number-cell {
  width: 100%;
  height: 30px;
  line-height: 30px;
  background-color: #d8f0e7;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.kit-number-column .kit-number-cell .kit-number-style {
  text-decoration: underline;
  padding-left: 10px;
}
.kit-number-column .kit-number-cell.available, .kit-number-column .kit-number-cell.status_1 {
  background-color: #d8f0e7 !important;
}
.kit-number-column .kit-number-cell.damaged, .kit-number-column .kit-number-cell.status_2 {
  background-color: #f2d3d3 !important;
}
.kit-number-column .kit-number-cell.destroyed, .kit-number-column .kit-number-cell.status_3, .kit-number-column .kit-number-cell.status_20, .kit-number-column .kit-number-cell.received_for_destruction {
  background-color: #e3e3e3 !important;
}
.kit-number-column .kit-number-cell.dispensed, .kit-number-column .kit-number-cell.status_4 {
  background-color: #f0d8ee !important;
}
.kit-number-column .kit-number-cell.expired, .kit-number-column .kit-number-cell.status_5 {
  background-color: #f6b4ab !important;
}
.kit-number-column .kit-number-cell.not_in_use, .kit-number-column .kit-number-cell.status_6 {
  background-color: #d8e2f0 !important;
}
.kit-number-column .kit-number-cell.misallocated, .kit-number-column .kit-number-cell.status_7 {
  background-color: #ddf6f5 !important;
}
.kit-number-column .kit-number-cell.missing, .kit-number-column .kit-number-cell.status_8 {
  background-color: #f8d3e4 !important;
}
.kit-number-column .kit-number-cell.in_transit, .kit-number-column .kit-number-cell.status_9 {
  background-color: #dde2f6 !important;
}
.kit-number-column .kit-number-cell.quarantined, .kit-number-column .kit-number-cell.status_10 {
  background-color: #F6F5DA !important;
}
.kit-number-column .kit-number-cell.pre_quarantined, .kit-number-column .kit-number-cell.status_11, .kit-number-column .kit-number-cell.pre-quarantined {
  background-color: #F6F5DA !important;
}
.kit-number-column .kit-number-cell.for_destruction, .kit-number-column .kit-number-cell.status_12 {
  background-color: #e3e3e3 !important;
}
.kit-number-column .kit-number-cell.lost_by_subject, .kit-number-column .kit-number-cell.status_13 {
  background-color: #f2d3d3 !important;
}
.kit-number-column .kit-number-cell.temporarily_unavailable, .kit-number-column .kit-number-cell.status_14 {
  background-color: #eeecb0 !important;
}
.kit-number-column .kit-number-cell.damaged_by_subject, .kit-number-column .kit-number-cell.status_15 {
  background-color: #f2d3d3 !important;
}
.kit-number-column .kit-number-cell.new, .kit-number-column .kit-number-cell.status_16 {
  background-color: #c4eab6 !important;
}
.kit-number-column .kit-number-cell.not_dispensed_to_subject, .kit-number-column .kit-number-cell.status_17 {
  background-color: #F7F0C4 !important;
}
.kit-number-column .kit-number-cell.returned_to_site, .kit-number-column .kit-number-cell.status_18 {
  background-color: #b0d6f4 !important;
}

.kit-modified-column {
  width: 35%;
  text-align: center !important;
  padding-left: 0;
}
.kit-modified-column .kit-date-cell {
  padding-left: 0;
  width: 100%;
  height: 30px;
  line-height: 30px;
  background-color: #d8f0e7;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.kit-modified-column .kit-date-cell .kit-date-style {
  text-align: center !important;
}
.kit-modified-column .kit-date-cell.available, .kit-modified-column .kit-date-cell.status_1 {
  background-color: #d8f0e7 !important;
}
.kit-modified-column .kit-date-cell.damaged, .kit-modified-column .kit-date-cell.status_2 {
  background-color: #f2d3d3 !important;
}
.kit-modified-column .kit-date-cell.destroyed, .kit-modified-column .kit-date-cell.status_3, .kit-modified-column .kit-date-cell.status_20, .kit-modified-column .kit-date-cell.received_for_destruction {
  background-color: #e3e3e3 !important;
}
.kit-modified-column .kit-date-cell.dispensed, .kit-modified-column .kit-date-cell.status_4 {
  background-color: #f0d8ee !important;
}
.kit-modified-column .kit-date-cell.expired, .kit-modified-column .kit-date-cell.status_5 {
  background-color: #f6b4ab !important;
}
.kit-modified-column .kit-date-cell.not_in_use, .kit-modified-column .kit-date-cell.status_6 {
  background-color: #d8e2f0 !important;
}
.kit-modified-column .kit-date-cell.misallocated, .kit-modified-column .kit-date-cell.status_7 {
  background-color: #ddf6f5 !important;
}
.kit-modified-column .kit-date-cell.missing, .kit-modified-column .kit-date-cell.status_8 {
  background-color: #f8d3e4 !important;
}
.kit-modified-column .kit-date-cell.in_transit, .kit-modified-column .kit-date-cell.status_9 {
  background-color: #dde2f6 !important;
}
.kit-modified-column .kit-date-cell.quarantined, .kit-modified-column .kit-date-cell.status_10 {
  background-color: #F6F5DA !important;
}
.kit-modified-column .kit-date-cell.pre_quarantined, .kit-modified-column .kit-date-cell.status_11, .kit-modified-column .kit-date-cell.pre-quarantined {
  background-color: #F6F5DA !important;
}
.kit-modified-column .kit-date-cell.for_destruction, .kit-modified-column .kit-date-cell.status_12 {
  background-color: #e3e3e3 !important;
}
.kit-modified-column .kit-date-cell.lost_by_subject, .kit-modified-column .kit-date-cell.status_13 {
  background-color: #f2d3d3 !important;
}
.kit-modified-column .kit-date-cell.temporarily_unavailable, .kit-modified-column .kit-date-cell.status_14 {
  background-color: #eeecb0 !important;
}
.kit-modified-column .kit-date-cell.damaged_by_subject, .kit-modified-column .kit-date-cell.status_15 {
  background-color: #f2d3d3 !important;
}
.kit-modified-column .kit-date-cell.new, .kit-modified-column .kit-date-cell.status_16 {
  background-color: #c4eab6 !important;
}
.kit-modified-column .kit-date-cell.not_dispensed_to_subject, .kit-modified-column .kit-date-cell.status_17 {
  background-color: #F7F0C4 !important;
}
.kit-modified-column .kit-date-cell.returned_to_site, .kit-modified-column .kit-date-cell.status_18 {
  background-color: #b0d6f4 !important;
}

/*Side bar subject Histroy issue fixed*/
.sidebar-subject-histroy {
  display: block !important;
}

.noclass {
  display: none;
}

#freezeConfirm .confirmation_icon {
  background-image: url("subjectimages/subject-state-icons/Frozen_QuestionandHistory.svg");
}

.oj-dialog-body-custom {
  display: flex;
  padding: 0px;
  flex-direction: row;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}

.simple-message-icon-unfrozen {
  width: 70px;
  min-width: 70px;
  max-width: 70px;
  height: 70px;
}

.unfrozenPopup {
  background-image: url("subjectimages/subject-state-icons/Frozen_QuestionandHistory.svg");
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 70px;
  background-position: 0px center;
  margin-left: 15px;
  margin-right: 15px;
}

#lockUnlockConfirm_body .simple-message-icon-lockUnlock {
  width: 70px;
  min-width: 70px;
  max-width: 70px;
  height: 70px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 70px;
  background-position: 0px center;
  margin-right: 15px;
  margin-left: 15px;
}

#lockUnlockConfirm_body .lockPopup {
  background-image: url("subjectimages/subject-state-icons/Popup_Lock_64_64.svg");
}

#lockUnlockConfirm_body .unlockPopup {
  background-image: url("subjectimages/subject-state-icons/Popup_Unlocked_64_64.svg");
}

.reason-block-content {
  width: 86%;
  margin: 0 auto;
}

#dialogWrapper-locksubject {
  padding: 0px;
}

#lockUnlock-iconContent {
  padding: 24px 24px;
  height: -moz-fit-content;
  height: fit-content;
}

#lock-unlock-container {
  padding-left: 0 !important;
}

#lockUnlock-iconContent .lock-icon {
  height: 64px;
  width: 64px;
  background-image: url("subjectimages/Subject_Lock_blue.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

#SubjectLockUnlockButton {
  display: block;
  margin-right: 6px;
}

#lockUnlock-iconContent .unlock-icon {
  height: 64px;
  width: 64px;
  background-image: url("subjectimages/Subject_unlock_orange.svg");
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  order: 0;
  flex-grow: 0;
}

#subjectUnlockPopup {
  width: 383px;
  word-break: break-word;
  padding: 15px 0 0 0;
}

#subjectLockPopupmsg {
  width: 324px;
  padding: 24px 0 0;
}

#lock-unlock-container {
  overflow: hidden;
  align-self: baseline;
}

.lockUnlockMessage {
  line-height: 15px;
  font-weight: 400;
  flex: none;
  order: 0;
  flex-grow: 0;
}

#queryMessage {
  padding-top: 10px;
}

/* Reports page datepicker(2months) css overridden for cross browser support(IE Edge) */
.oj-datepicker-multi-2 {
  left: auto !important;
  right: 0px !important;
  width: auto !important;
}

#reportingDesigntableId thead {
  min-height: 50px;
}
#reportingDesigntableId table {
  table-layout: auto !important;
}
#reportingDesigntableId .reports-header-class {
  text-align: left;
  height: 2em;
  padding-left: 20px;
  font-size: large;
}
#reportingDesigntableId > table > tbody > tr {
  height: 50px;
}
#reportingDesigntableId > table > tbody > tr .report-nameid {
  padding-left: 20px;
}
#reportingDesigntableId > table > tbody > tr .reportSelection {
  position: relative;
  overflow: visible;
  background-color: #3C425B !important;
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo {
  position: absolute;
  right: -20px;
  top: 5px;
  height: 40px;
  width: 40px;
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: contain;
  background-image: url("reportImages/SystemUsage_report_icon.png");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Subject-Data {
  background-image: url("reportImages/SubjectData_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Subject-Events {
  background-image: url("reportImages/SubjectEvent_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.User-Assignment {
  background-image: url("reportImages/StudyUserAssignment_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.User-Assignment-By-Site {
  background-image: url("reportImages/StudyUserAssignmentSite_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.User-Assignment-Across-Studies {
  background-image: url("reportImages/StudyUserAssignmentAcrossStudies_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.System-Usage {
  background-image: url("reportImages/SystemUsage_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Randomization-List-Unblinded {
  background-image: url("reportImages/Randomization_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Randomization-List-Blinded {
  background-image: url("reportImages/BlindedRandomization_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Study-Design {
  background-image: url("reportImages/StudyDesign_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Study-Settings {
  background-image: url("reportImages/StudyDesign_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Report-History {
  background-image: url("reportImages/ReportHistory_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Training-Report, #reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Health-Sciences-Learn-Training-Report, #reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.User-Training, #reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Clinical-One-Training-report, #reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Global-Clinical-One-Training, #reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Clinical-One-Training {
  background-image: url("reportImages/Training_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Site-and-Depot-User-Assignment {
  background-image: url("reportImages/DataExtract_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Data-Extracts {
  background-image: url("reportImages/DataExtract_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Report-of-Reports, #reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Audit-Trail {
  background-image: url("reportImages/AuditTrail_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Kit-Shipments, #reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Kit-Chain-of-Custody-Unblinded {
  background-image: url("reportImages/Kit_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Kit-Chain-of-Custody-Blinded {
  background-image: url("reportImages/KitChainOfCustodyBlinded_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Kit-Inventory-Unblinded {
  background-image: url("reportImages/KitUnblinded_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Projected-Supply-Unblinded {
  background-image: url("reportImages/ProjectedSupplyUnblinded_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Kit-Inventory-Blinded {
  background-image: url("reportImages/KitBlinded_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Kit-Order-Form-Blinded {
  background-image: url("reportImages/KitOrderForm_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Kit-Reconciliation {
  background-image: url("reportImages/KitDestroyed_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Sites-and-Depots {
  background-image: url("reportImages/SiteDepotHistory_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Kit-Dispensation {
  background-image: url("reportImages/KitDispensation_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Subject-Queries {
  background-image: url("reportImages/SubjectQueries_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Study-Enrollment {
  background-image: url("reportImages/StudyEnrollment_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Global-Study-Roles-Report {
  background-image: url("reportImages/GlobalStudyRoles_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Study-Roles-Report-by-Study {
  background-image: url("reportImages/StudyRolesReportbyStudy_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Subject-Data-for-CTMS {
  background-image: url("reportImages/SubjectDataforCTMS_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Submission-PDF {
  background-image: url("reportImages/SubmissionPDF_Archive_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Site-Confirmation {
  background-image: url("reportImages/SiteDownloadHistory_Archive_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Archival-PDF {
  background-image: url("reportImages/ArchivalPDF_Archive_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Download-Log {
  background-image: url("reportImages/DownloadLog_Archive_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Blank-Form-PDF {
  background-image: url("reportImages/BlankCRF_Archive_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Custom-PDF {
  background-image: url("reportImages/CustomPDF_Archive_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Subject-Visits {
  background-image: url("reportImages/SubjectVisit_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Subject-Visits-Unblinded {
  background-image: url("reportImages/SubjectVisitUnblinded_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Titration-Summary-Unblinded {
  background-image: url("reportImages/TitrationUnblinded_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Titration-Summary {
  background-image: url("reportImages/Titration_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Order-Summary {
  background-image: url("reportImages/PackingList_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Rules {
  background-image: url("reportImages/JSRules_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Subject-Data-Extract {
  background-image: url("reportImages/DataExtract_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Subject-Randomization-Data-Extract {
  background-image: url("reportImages/DataExtract_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Annotated-Case-Report-Forms {
  background-image: url("reportImages/AnnotatedForm_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Lab-Normal-Range {
  background-image: url("reportImages/AnnotatedForm_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Study-Roles {
  background-image: url("reportImages/StudyRolesReportbyStudy_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.Minimization {
  background-image: url("reportImages/Minimization_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .reportSelection .report-logo.User-Upload-Error {
  background-image: url("reportImages/UserUploadError_Report_Active.svg");
}
#reportingDesigntableId > table > tbody > tr .report-title-container {
  padding-left: 20px;
  min-width: 5% !important;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
#reportingDesigntableId > table > tbody > tr .report-title-container .report-name {
  font-weight: bold;
  color: rgb(42, 78, 115);
}
#reportingDesigntableId > table > tbody > tr .report-title-container .report-description {
  margin-top: 3px;
  font-size: 12px;
}
#reportingDesigntableId .report-groupHeader-container .report-groupHeader-cell {
  display: flex;
  align-self: center;
  padding-left: 20px;
  font-weight: bold;
  align-items: center;
}
#reportingDesigntableId .report-filter-title {
  margin: 5px 0 10px 0;
  font-weight: bold;
}
#reportingDesigntableId .report-filter-title .oj-label .oj-label-group {
  float: left;
}
#reportingDesigntableId .report-label {
  float: right;
  margin: 10px;
}

.report-filter-input {
  height: 100px;
  /*#report-filter-input-ORSKitTypeIDValue{*/
}
.report-filter-input .oj-select-multi {
  min-height: 100%;
  /*background-color:#374e0c;*/
  height: 100%;
  max-height: 100%;
}
.report-filter-input .oj-select-multi .oj-select-choices {
  min-height: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
}
.report-filter-input {
  /*}*/
}

.reportingPage {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  background: #FFF;
}
.reportingPage .mainContent {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}
.reportingPage .mainContent .contentHeader {
  display: flex;
}
.reportingPage .mainContent .contentHeader .studyName {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.reportingPage .mainContent .contentHeader .supplies-main-site {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.reportingPage .mainContent .contentHeader .supplies-main-site .site-label {
  padding-right: 10px;
}
.reportingPage .mainContent .tabs {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.reportingPage .mainContent .header {
  font-weight: bold;
  font-size: 20px;
}
.reportingPage .reportingHeader {
  display: flex;
  align-self: flex-end;
  padding-bottom: 10px;
}

.sidebar.reporting .oj-accordion-collapsible > .oj-collapsible-wrapper > .oj-collapsible-content {
  padding: 0;
  min-height: 10px;
  height: 100%;
}
.sidebar.reporting .oj-accordion-collapsible > .oj-collapsible-wrapper > .oj-collapsible-content > div.oj-flex-item.oj-sm-flex-1 {
  height: 100%;
}
.sidebar.reporting .oj-accordion-collapsible > .oj-collapsible-wrapper > .oj-collapsible-content > div.oj-flex-item.oj-sm-flex-1 .report-Download-sidebar-container {
  height: 100%;
}
.sidebar #reporting-design-sidebar-downloadId .report-Download-sidebar-container,
.sidebar #reporting-tenant-sidebar-downloadId .report-Download-sidebar-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.sidebar #reporting-design-sidebar-downloadId .report-Download-sidebar-container .reportDownloadContainer,
.sidebar #reporting-tenant-sidebar-downloadId .report-Download-sidebar-container .reportDownloadContainer {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  padding-left: 0;
  padding-right: 0;
}
.sidebar #reporting-design-sidebar-downloadId .report-Download-sidebar-container .reportDownloadContainer .co-tip,
.sidebar #reporting-tenant-sidebar-downloadId .report-Download-sidebar-container .reportDownloadContainer .co-tip {
  margin: 10px;
}
.sidebar #reporting-design-sidebar-downloadId .report-Download-sidebar-container .reportDownloadContainer oj-list-view.study-report-download-listview .oj-listview-no-data-message,
.sidebar #reporting-tenant-sidebar-downloadId .report-Download-sidebar-container .reportDownloadContainer oj-list-view.study-report-download-listview .oj-listview-no-data-message {
  border-left: 1px solid #d6dfe6 !important;
  border-right: 1px solid #d6dfe6 !important;
}
.sidebar #reporting-design-sidebar-downloadId .report-Download-sidebar-container .reportDownloadContainer oj-list-view.study-report-download-listview.full-height,
.sidebar #reporting-tenant-sidebar-downloadId .report-Download-sidebar-container .reportDownloadContainer oj-list-view.study-report-download-listview.full-height {
  height: 100% !important;
}
.sidebar #reporting-design-sidebar-downloadId .report-Download-sidebar-container .reportDownloadContainer oj-list-view.study-report-download-listview.cut-height,
.sidebar #reporting-tenant-sidebar-downloadId .report-Download-sidebar-container .reportDownloadContainer oj-list-view.study-report-download-listview.cut-height {
  height: calc(100% - 90px) !important;
}
.sidebar .report-scheduler-ua-icon {
  background-image: url("reportImages/Unscheduled_Event.svg");
  width: 110px;
  height: 110px;
  background-repeat: no-repeat;
}

.archive-row {
  height: 50px;
}

.report-title-container {
  padding-left: 20px;
  min-width: 5% !important;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.report-title-container .report-name {
  font-weight: bold;
  color: rgb(42, 78, 115);
}
.report-title-container .report-description {
  margin-top: 3px;
  font-size: 12px;
}

.archive-title-container {
  padding-left: 20px;
  min-width: 5% !important;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.archive-title-container .archive--title-name {
  font-weight: bold;
  color: rgb(42, 78, 115);
}
.archive-title-container .archive-description {
  margin-top: 3px;
  font-size: 12px;
}

.report-row {
  height: 50px !important;
}
.report-row .report-nameid {
  padding-left: 20px;
}

.report-tooltip {
  min-width: 100px;
  max-width: 280px;
  min-height: 50px;
  max-height: 500px;
  overflow: auto;
}

.reportSelection oj-radioset.report-radioset .oj-choice-item {
  align-items: center;
}
.reportSelection .report-logo {
  position: absolute;
  right: -20px;
  top: 5px;
  height: 40px;
  width: 40px;
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: contain;
  background-image: url("reportImages/SystemUsage_report_icon.png");
  z-index: 1;
}
.reportSelection .report-logo.Subject-Data {
  background-image: url("reportImages/SubjectData_Report_Active.svg");
}
.reportSelection .report-logo.Subject-Events {
  background-image: url("reportImages/SubjectEvent_Report_Active.svg");
}
.reportSelection .report-logo.User-Assignment {
  background-image: url("reportImages/StudyUserAssignment_Report_Active.svg");
}
.reportSelection .report-logo.User-Assignment-By-Site {
  background-image: url("reportImages/StudyUserAssignmentSite_Report_Active.svg");
}
.reportSelection .report-logo.System-Usage {
  background-image: url("reportImages/SystemUsage_Report_Active.svg");
}
.reportSelection .report-logo.Randomization-List-Unblinded {
  background-image: url("reportImages/Randomization_Report_Active.svg");
}
.reportSelection .report-logo.Randomization-List-Blinded {
  background-image: url("reportImages/BlindedRandomization_Report_Active.svg");
}
.reportSelection .report-logo.Study-Design {
  background-image: url("reportImages/StudyDesign_Report_Active.svg");
}
.reportSelection .report-logo.Study-Settings {
  background-image: url("reportImages/StudyDesign_Report_Active.svg");
}
.reportSelection .report-logo.Report-History {
  background-image: url("reportImages/ReportHistory_Report_Active.svg");
}
.reportSelection .report-logo.Training-Report, .reportSelection .report-logo.Health-Sciences-Learn-Training-Report, .reportSelection .report-logo.User-Training, .reportSelection .report-logo.Clinical-One-Training-report, .reportSelection .report-logo.Clinical-One-Training {
  background-image: url("reportImages/Training_Report_Active.svg");
}
.reportSelection .report-logo.Site-and-Depot-User-Assignment {
  background-image: url("reportImages/DataExtract_Report_Active.svg");
}
.reportSelection .report-logo.Data-Extracts {
  background-image: url("reportImages/DataExtract_Report_Active.svg");
}
.reportSelection .report-logo.Report-of-Reports, .reportSelection .report-logo.Audit-Trail {
  background-image: url("reportImages/AuditTrail_Report_Active.svg");
}
.reportSelection .report-logo.Kit-Shipments, .reportSelection .report-logo.Kit-Chain-of-Custody-Unblinded {
  background-image: url("reportImages/Kit_Report_Active.svg");
}
.reportSelection .report-logo.Kit-Chain-of-Custody-Blinded {
  background-image: url("reportImages/KitChainOfCustodyBlinded_Report_Active.svg");
}
.reportSelection .report-logo.Kit-Inventory-Unblinded {
  background-image: url("reportImages/KitUnblinded_Report_Active.svg");
}
.reportSelection .report-logo.Projected-Supply-Unblinded {
  background-image: url("reportImages/ProjectedSupplyUnblinded_Report_Active.svg");
}
.reportSelection .report-logo.Kit-Inventory-Blinded {
  background-image: url("reportImages/KitBlinded_Report_Active.svg");
}
.reportSelection .report-logo.Kit-Order-Form-Blinded {
  background-image: url("reportImages/KitOrderForm_Report_Active.svg");
}
.reportSelection .report-logo.Kit-Reconciliation {
  background-image: url("reportImages/KitDestroyed_Report_Active.svg");
}
.reportSelection .report-logo.Sites-and-Depots {
  background-image: url("reportImages/SiteDepotHistory_Report_Active.svg");
}
.reportSelection .report-logo.Kit-Dispensation {
  background-image: url("reportImages/KitDispensation_Report_Active.svg");
}
.reportSelection .report-logo.Subject-Queries {
  background-image: url("reportImages/SubjectQueries_Report_Active.svg");
}
.reportSelection .report-logo.Study-Enrollment {
  background-image: url("reportImages/StudyEnrollment_Report_Active.svg");
}
.reportSelection .report-logo.Global-Study-Roles-Report {
  background-image: url("reportImages/GlobalStudyRoles_Report_Active.svg");
}
.reportSelection .report-logo.User-Assignment-Across-Studies {
  background-image: url("reportImages/StudyUserAssignmentAcrossStudies_Report_Active.svg");
}
.reportSelection .report-logo.Study-Roles-Report-by-Study {
  background-image: url("reportImages/StudyRolesReportbyStudy_Report_Active.svg");
}
.reportSelection .report-logo.Subject-Data-for-CTMS {
  background-image: url("reportImages/SubjectDataforCTMS_Report_Active.svg");
}
.reportSelection .report-logo.Submission-PDF {
  background-image: url("reportImages/SubmissionPDF_Archive_Active.svg");
}
.reportSelection .report-logo.Site-Confirmation {
  background-image: url("reportImages/SiteDownloadHistory_Archive_Active.svg");
}
.reportSelection .report-logo.Archival-PDF {
  background-image: url("reportImages/ArchivalPDF_Archive_Active.svg");
}
.reportSelection .report-logo.Download-Log {
  background-image: url("reportImages/DownloadLog_Archive_Active.svg");
}
.reportSelection .report-logo.Blank-Form-PDF {
  background-image: url("reportImages/BlankCRF_Archive_Active.svg");
}
.reportSelection .report-logo.Custom-PDF {
  background-image: url("reportImages/CustomPDF_Archive_Active.svg");
}
.reportSelection .report-logo.Subject-Visits {
  background-image: url("reportImages/SubjectVisit_Report_Active.svg");
}
.reportSelection .report-logo.Subject-Visits-Unblinded {
  background-image: url("reportImages/SubjectVisitUnblinded_Report_Active.svg");
}
.reportSelection .report-logo.Titration-Summary-Unblinded {
  background-image: url("reportImages/TitrationUnblinded_Report_Active.svg");
}
.reportSelection .report-logo.Titration-Summary {
  background-image: url("reportImages/Titration_Report_Active.svg");
}
.reportSelection .report-logo.Order-Summary {
  background-image: url("reportImages/PackingList_Report_Active.svg");
}
.reportSelection .report-logo.Rules {
  background-image: url("reportImages/JSRules_Report_Active.svg");
}
.reportSelection .report-logo.Subject-Data-Extract {
  background-image: url("reportImages/DataExtract_Report_Active.svg");
}
.reportSelection .report-logo.Subject-Randomization-Data-Extract {
  background-image: url("reportImages/DataExtract_Report_Active.svg");
}
.reportSelection .report-logo.Annotated-Case-Report-Forms {
  background-image: url("reportImages/AnnotatedForm_Report_Active.svg");
}
.reportSelection .report-logo.Lab-Normal-Range {
  background-image: url("reportImages/AnnotatedForm_Report_Active.svg");
}
.reportSelection .report-logo.Study-Roles {
  background-image: url("reportImages/StudyRolesReportbyStudy_Report_Active.svg");
}
.reportSelection .report-logo.Minimization {
  background-image: url("reportImages/Minimization_Report_Active.svg");
}
.reportSelection .report-logo.User-Upload-Error {
  background-image: url("reportImages/UserUploadError_Report_Active.svg");
}

.archive-header-class {
  text-align: left;
  height: 2em;
  padding-left: 20px;
  font-size: large;
}

.archive-name {
  padding-left: 15px;
  font-weight: bold;
}

.archive-description {
  padding-left: 15px;
  margin-top: 3px;
  font-size: 12px;
}

.trainingCert-delete {
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: contain;
}

.archive-flex-container {
  display: flex;
  width: 100%;
}

.archive-flex-child {
  flex: 1;
}

.archive-flex-child:first-child {
  margin-right: 20px;
  max-width: 85%;
}

.archive-icon-download {
  flex: 1;
  max-width: 15%;
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../../../../css/clinicalOne/0.0.1/web/common/Refreshbutton.svg);
}

.archive-logo {
  flex: 1 0 0;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  background-size: 40px;
  height: 40px;
  min-width: 60px;
  max-width: 60px;
  margin-top: 15px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../../../../css/clinicalOne/0.0.1/web/reportImages/SubmissionPDF_Archive_Yellow.svg);
}
.archive-logo.CUSTOM-Active {
  background-image: url("reportImages/Custom_Active.svg");
}
.archive-logo.CUSTOM-Processing {
  background-image: url("reportImages/Custom_Processing.svg");
}
.archive-logo.CUSTOM-Failed {
  background-image: url("reportImages/Custom_Failed.svg");
}
.archive-logo.CUSTOM-Incomplete {
  background-image: url("reportImages/Custom_Incomplete.svg");
}
.archive-logo.ARCHIVAL-Active {
  background-image: url("reportImages/Archival_Active.svg");
}
.archive-logo.ARCHIVAL-Processing {
  background-image: url("reportImages/Archival_Processing.svg");
}
.archive-logo.ARCHIVAL-Failed {
  background-image: url("reportImages/Archival_Failed.svg");
}
.archive-logo.ARCHIVAL-Incomplete {
  background-image: url("reportImages/Archival_Incomplete.svg");
}
.archive-logo.BLANKFORM-Active {
  background-image: url("reportImages/BlankForm_Active.svg");
}
.archive-logo.BLANKFORM-Processing {
  background-image: url("reportImages/BlankForm_Processing.svg");
}
.archive-logo.BLANKFORM-Failed {
  background-image: url("reportImages/BlankForm_Failed.svg");
}
.archive-logo.BLANKFORM-Incomplete {
  background-image: url("reportImages/BlankForm_Incomplete.svg");
}
.archive-logo.SUBMISSION-Active {
  background-image: url("reportImages/Submission_Active.svg");
}
.archive-logo.SUBMISSION-Processing {
  background-image: url("reportImages/Submission_Processing.svg");
}
.archive-logo.SUBMISSION-Failed {
  background-image: url("reportImages/Submission_Failed.svg");
}
.archive-logo.SUBMISSION-Incomplete {
  background-image: url("reportImages/Submission_Incomplete.svg");
}
.archive-logo.DOWNLOADLOG-Incomplete {
  background-image: url("reportImages/DownloadLog_Incomplete.svg");
}
.archive-logo.SITECONFIRMATION-Incomplete {
  background-image: url("reportImages/SiteConfirmation_Incomplete.svg");
}
.archive-logo.KITCHAINOFCUSTODYBLINDED-Active {
  background-image: url("reportImages/Kitchainofcustodyblinded_Active.svg");
}
.archive-logo.KITCHAINOFCUSTODYBLINDED-Processing {
  background-image: url("reportImages/Kitchainofcustodyblinded_Processing.svg");
}
.archive-logo.KITCHAINOFCUSTODYBLINDED-Failed {
  background-image: url("reportImages/Kitchainofcustodyblinded_Failed.svg");
}
.archive-logo.KITCHAINOFCUSTODYBLINDED-Incomplete {
  background-image: url("reportImages/Kitchainofcustodyblinded_Incomplete.svg");
}

.sidebar {
  display: flex;
  width: 300px;
  min-width: 300px;
  max-width: 300px;
  border: 1px solid #d6dfe6;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.sidebar .sidebarModuleContentContainer {
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
}
.sidebar .oj-collapsible-wrapper {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  min-height: 10px;
}

.schedule-report-subtitle {
  padding: 0.5rem 0;
}
.schedule-report-subtitle .schedule-report-subtitle-icon {
  margin: 0.2rem 0.5rem 0;
}

.schedule-report-subtitle-icon {
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 2.2rem;
  width: 2.2rem;
  height: 2.2rem;
}

.schedule-report-settings-list {
  margin: 0;
  padding: 0.6rem;
}
.schedule-report-settings-list-item {
  margin-bottom: 0.25rem;
}
.schedule-report-settings-list-item-label {
  padding-right: 0.25rem;
  box-sizing: border-box;
  width: 33%;
  min-width: 33%;
}
.schedule-report-settings-list-item-settings {
  word-break: break-all;
  font-weight: bold;
}

html[dir=rtl] .schedule-report-settings-list .schedule-report-settings-list-item .schedule-report-settings-list-item-label {
  padding-left: 0.25rem;
  padding-right: 0;
}

.schedule-report-subtitle-icon-csv,
.schedule-report-subtitle-icon-CSV {
  background-image: url(reportImages/file-csv.svg);
}

.schedule-report-subtitle-icon-html,
.schedule-report-subtitle-icon-HTML {
  background-image: url(reportImages/file-html.svg);
}

.schedule-report-subtitle-icon-pdf,
.schedule-report-subtitle-icon-PDF {
  background-image: url(reportImages/file-pdf.svg);
}

.schedule-report-subtitle-icon-sas7bdat,
.schedule-report-subtitle-icon-SAS7BDAT {
  background-image: url(reportImages/file-sas7bdat.svg);
}

.schedule-report-subtitle-icon-cport,
.schedule-report-subtitle-icon-CPORT {
  background-image: url(reportImages/file-cport.svg);
}

.schedule-report-subtitle-icon-xport,
.schedule-report-subtitle-icon-XPORT {
  background-image: url(reportImages/file-xport.svg);
}

.schedule-report-subtitle-icon-txt,
.schedule-report-subtitle-icon-TXT {
  background-image: url(reportImages/file-txt.svg);
}

.schedule-report-subtitle-icon-xlsx,
.schedule-report-subtitle-icon-XLSX {
  background-image: url(reportImages/file-xls.svg);
}

.ss-grid-container {
  margin-top: 10px;
  min-height: 280px;
}

.ss-kittype-grid .oj-form-control.oj-inputtext {
  margin-bottom: 0;
}
.ss-kittype-grid .oj-table-column-header-cell .oj-label {
  color: #333;
  margin-left: auto;
  margin-right: auto;
}
.ss-kittype-grid .ss-kittype-input {
  box-sizing: border-box;
  width: 9.43rem !important;
  min-width: 9.43rem !important;
  text-align: center;
}
.ss-kittype-grid .ss-kittype-input .oj-text-field-container {
  border-width: 1px !important;
}
.ss-kittype-grid .ss-kittype-input .oj-text-field:not(.oj-disabled) .oj-text-field-input {
  background: #fff;
}
.ss-kittype-grid .ss-kittype-input .oj-inputnumber-input {
  text-align: center;
}
.ss-kittype-grid td.kittype-col.oj-table-data-cell {
  background: #fff;
  text-align: left;
}
.ss-kittype-grid td.kittype-col.oj-table-data-cell.kittype-col-input, .ss-kittype-grid td.kittype-col.oj-table-data-cell.kittype-col-select {
  text-align: center;
  outline: none;
}
.ss-kittype-grid th.kittype-col.oj-table-column-header-cell {
  text-align: left;
}
.ss-kittype-grid th.kittype-col.oj-table-column-header-cell.kittype-col-input, .ss-kittype-grid th.kittype-col.oj-table-column-header-cell.kittype-col-select {
  text-align: center;
  font-weight: bold;
}
.ss-kittype-grid tbody tr.oj-table-body-row,
.ss-kittype-grid tbody tr td.oj-table-data-cell {
  background: #fff;
}
.ss-kittype-grid tbody tr.oj-table-body-row.selected,
.ss-kittype-grid tbody tr td.oj-table-data-cell.selected {
  background: #E7F1FF !important;
}
.ss-kittype-grid tbody tr.oj-table-body-row:nth-child(odd),
.ss-kittype-grid tbody tr:nth-child(odd) td.oj-table-data-cell {
  background: #f5f5f5;
}

.ss-kittype-item {
  display: flex;
  text-align: left;
  max-width: 300px;
}
.ss-kittype-item .ss-kittype-item-img {
  width: 30px;
}
.ss-kittype-item .ss-kittype-item-cnt {
  max-width: 90%;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  padding: 0 5px;
}
.ss-kittype-item .ss-kittype-item-cnt .ss-kittype-item-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  font-weight: bold;
}
.ss-kittype-item .ss-kittype-item-cnt .ss-kittype-item-desc {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}

.ss-error-message {
  color: #DF0300;
  background-color: #FBE0DA;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 6px;
  white-space: pre-wrap;
}

/*Supply Settings */
.ss-checkbox:checked {
  background-color: blue;
}

/*
.ss-dialog-header{
    background:#f0f0f0;
    font-size:16px;
    font-weight:bold;
    color:#000000;
    border-radius: 7px 7px 0px 0px;
}*/
.ss-kit-types-desc {
  padding-left: 10px;
  padding-top: 5px;
  font-size: 11px;
}

.ss-kit-types-name {
  font-weight: bold;
  padding-left: 10px;
  font-size: 12px;
}

.ss-card-block {
  width: 100%;
  background-color: #FFFFFF;
  border: #c4ced7 1px solid;
  margin: 3px 0;
  box-sizing: border-box;
}

.ss-card-title {
  padding: 8px;
  line-height: 1.4;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  color: #045fab;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ss-card-title.subtitle {
  line-height: normal;
}
.ss-card-title h2 {
  color: #045fab;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
}
.ss-card-title h3 {
  margin: 0;
  font-size: 1rem;
  color: #454545;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ss-kit-resupply-col {
  border: #d6dfe6 1px solid;
  font-size: 12px;
  height: 40px;
  text-align: center;
  background-color: #E7F1FF;
}

.ss-kits-checkbox {
  margin: 8px;
}

.ss-kit-table-header {
  margin-top: 15px;
  width: 100%;
}

.ss-predictive-row {
  width: 100%;
}

.ss-kit-resupply-col-header {
  border: #d6dfe6 1px solid;
  font-size: 12px;
  height: 40px;
  padding-top: 5px;
  font-weight: bold;
  text-align: center;
  background-color: #F0F0F0;
}

.ss-kits-input {
  width: 75px;
  margin-top: 8px;
  height: 20px;
  border-radius: 3px;
  border: #c4ced7 1px solid;
  padding-left: 8px;
}

.ss-resupply-title {
  margin-top: 10px;
}

.ss-blinding-kit-card {
  width: 200px;
  height: 50px;
  background-color: #F5F5F5;
  border: #c4ced7 1px solid;
  float: right;
  margin: 5px;
  margin-right: 10px;
  border-radius: 8px;
}

.ss-blinding-selected-card ~ div {
  border: #0000ff 2px solid;
}

.ss-blinding-kit-checkbox {
  margin-top: 20px;
  float: left;
}

.ss-header-2 {
  font-weight: bold;
  margin: 5px;
}

.ss-common-card {
  width: 200px;
  background-color: #FFFFFF;
  border: #c4ced7 1px solid;
  float: left;
  margin: 3px;
}

.ss-icon {
  margin: 3px !important;
}

.ss-kittype-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.ss-kittype-list .ss-kittype-list-item {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 8px;
  margin: 8px 0;
}
.ss-kittype-list .ss-kittype-list-item .ss-kiticon {
  margin-right: 10px;
}
.ss-kittype-list .ss-kittype-list-item .ss-kittype {
  font-weight: bold;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.settingsPage {
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: none;
  background: #FFF;
}
.settingsPage .ss-tabcontent-wrap {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  flex-wrap: nowrap;
  overflow: hidden;
  height: 280px;
  min-height: 0;
}
.settingsPage .ss-applyBtnWrap {
  margin-bottom: 10px;
  clear: both;
}
.settingsPage .ss-inline-success {
  display: flex;
  align-items: center;
  margin: 5px 15px 0;
}
.settingsPage .ss-inline-success .ss-inline-success-icon {
  background: url("images/success_icon.svg");
  width: 20px;
  height: 20px;
}
.settingsPage .ss-inline-success .ss-inline-success-msg {
  flex: 1 1 0%;
  min-width: 0px;
  min-height: 0px;
  color: #76B417;
  padding-left: 5px;
  font-weight: bold;
}
.settingsPage .mainContent {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 0%;
  min-width: 0px;
  min-height: 0px;
}
.settingsPage .mainContent .tabs {
  display: flex;
  flex-direction: column;
  flex: none;
  overflow: hidden;
}
.settingsPage .mainContent .header {
  font-weight: bold;
  font-size: 20px;
}
.settingsPage .sidebar {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 300px;
  max-width: 300px;
  min-width: 300px;
  border: 1px solid #d6dfe6;
}
.settingsPage .sidebar oj-accordion {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  display: flex;
  overflow-y: auto;
}
.settingsPage .sidebar .subjectSettingsRegions .regionCountriesListContainer {
  flex-shrink: 0;
  padding: 0.9rem 0.9rem 0;
}
.settingsPage .sidebar .subjectSettingsRegions .regionCountriesListContainer .regionCountriesList {
  margin-top: 0;
}
.settingsPage .sidebar .subjectSettingsRegions .regionCountriesListContainer .regionCountriesList,
.settingsPage .sidebar .subjectSettingsRegions .regionCountriesListContainer .regionCountriesList .regionCountriesStatesList {
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
  white-space: nowrap;
}
.settingsPage .sidebar .subjectSettingsRegions .regionCountriesListContainer .regionCountriesList .regionCountriesStatesList .regionCountriesStatesListItem,
.settingsPage .sidebar .subjectSettingsRegions .regionCountriesListContainer .regionCountriesList .regionCountriesStatesList .regionCountriesStatesList .regionCountriesStatesListItem {
  padding: 0.15rem 0;
}
.settingsPage .sidebar .subjectSettingsRegions #createRandimizationRegions {
  margin: 12px auto 10px;
  display: block;
  width: 185px;
  font-weight: bold;
}
.settingsPage .sidebar .subjectSettingsRegions #subjectSettingRegionTable tbody {
  border-bottom: 1px solid #eee;
}
.settingsPage .sidebar .subjectSettingsRegions .rand-ua-h2 {
  height: 32px;
}
.settingsPage .sidebar .subjectSettingsRegions .rand-ua-h3 {
  font-size: 14px;
}
.settingsPage .sidebar .subjectSettingsRegions .rand-ua-add-icon {
  background-image: url(images/AddCross.svg);
  margin: 7px -10px 0px 15px;
}
.settingsPage .sidebar .subjectSettingsRegions .background-gray-region {
  overflow: hidden;
}
.settingsPage .sidebar .subjectSettingsRegions .background-gray-region .region-actions {
  display: flex;
  flex: 1 0 auto;
  min-width: 0px;
  min-height: 0px;
  justify-content: flex-end;
  flex-shrink: 0;
  gap: 0.3rem;
  padding: 0 0.3rem;
  white-space: nowrap;
}
.settingsPage .sidebar .subjectSettingsRegions .background-gray-region .region-title-div {
  width: 68%;
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.settingsPage .sidebar .subjectSettingsRegions .background-gray-region .region-title-div .region-title {
  display: inline-block;
  color: #0063c9;
  font-weight: bold;
  width: 100%;
}
.settingsPage .sidebar .subjectSettingsRegions .country-title {
  padding: 7px 7%;
  font-size: 13px;
  font-weight: bold !important;
  color: #666;
  width: 80%;
}
.settingsPage .sidebar .oj-accordion-collapsible.oj-expanded {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.settingsPage .sidebar .oj-accordion-collapsible.oj-expanded .oj-collapsible-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.settingsPage .sidebar .oj-accordion-collapsible.oj-expanded .oj-collapsible-wrapper .oj-collapsible-content {
  flex: 1 1 auto;
  overflow-y: auto;
  min-height: 0;
}
.settingsPage .subject-settings-sidebar .subject-sidebar-row {
  padding-top: 10px;
  padding-bottom: 10px;
}
.settingsPage .subject-settings-sidebar .subject-sidebar-text {
  font-weight: normal;
}
.settingsPage .subject-settings-tab {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  overflow: hidden;
  flex-wrap: nowrap;
  height: 100%;
}
.settingsPage .subject-settings-tab .subject-settings-form-wrap {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  overflow: hidden;
  align-items: center;
  height: 100%;
  padding: 0px 3px;
}
.settingsPage .subject-settings-tab .subject-settings-form-wrap .settings-wrapper {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  height: 100%;
  min-height: 0px;
  min-width: 0px;
  overflow: auto;
  max-height: 100%;
}
.settingsPage .subject-settings-tab .subject-settings-form-wrap .settings-wrapper .subject-settings-header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.settingsPage .subject-settings-tab .subject-settings-form-wrap .settings-wrapper .subject-settings-header {
  margin-left: 10px;
  display: flex;
  align-items: flex-start;
}
.settingsPage .subject-settings-tab .subject-settings-form-wrap .settings-wrapper .subject-settings-header.visit-settings:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 3px 16px 8px 6px;
  background-image: url("subjectimages/SubjectSettings_VisitSettings.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.settingsPage .subject-settings-tab .subject-settings-form-wrap .settings-wrapper .subject-settings-header.subject-settings:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 3px 16px 8px 6px;
  background-image: url("subjectimages/SubjectSettings_SubjectsSettings.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.settingsPage .subject-settings-tab .subject-settings-form-wrap .settings-wrapper .subject-settings-header.enrollment-settings:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 3px 16px 8px 6px;
  background-image: url("subjectimages/enrollment-image/SupplySettings_EnrollmentSettings.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.settingsPage .subject-settings-tab .subject-settings-form-wrap .settings-wrapper .subject-settings-header.custom-enrollment-settings:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 3px 16px 8px 6px;
  background-image: url("subjectimages/custom-enrollment-image/StudySettings_CustomEnrollmentSettings.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.settingsPage .subject-settings-tab .subject-settings-form-wrap .settings-wrapper .subject-settings-header span {
  align-self: center;
  font-size: 16px;
  font-weight: bold;
}
.settingsPage .subject-settings-tab .subject-settings-form-wrap .settings-wrapper .subject-settings-header-alt {
  padding-bottom: 8px;
  display: flex;
  align-items: flex-start;
}
.settingsPage .subject-settings-tab .subject-settings-form-wrap .settings-wrapper .subject-settings-header-alt.visit-settings:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 3px 16px 8px 6px;
  background-image: url("subjectimages/SubjectSettings_VisitSettings.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.settingsPage .subject-settings-tab .subject-settings-form-wrap .settings-wrapper .subject-settings-header-alt.subject-settings:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 3px 16px 8px 6px;
  background-image: url("subjectimages/SubjectSettings_SubjectsSettings.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.settingsPage .subject-settings-tab .subject-settings-form-wrap .settings-wrapper .subject-settings-header-alt.enrollment-settings:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 3px 16px 8px 6px;
  background-image: url("subjectimages/enrollment-image/SupplySettings_EnrollmentSettings.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.settingsPage .subject-settings-tab .subject-settings-form-wrap .settings-wrapper .subject-settings-header-alt.custom-enrollment-settings:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 3px 16px 8px 6px;
  background-image: url("subjectimages/custom-enrollment-image/StudySettings_CustomEnrollmentSettings.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.settingsPage .subject-settings-tab .subject-settings-form-wrap .settings-wrapper .subject-settings-header-alt span {
  align-self: center;
  font-size: 16px;
  font-weight: bold;
}
.settingsPage .subject-settings-tab .subject-settings-form-wrap .settings-wrapper .subject-settings-group {
  padding: 15px;
  display: flex;
  align-items: flex-start;
  align-self: center;
  font-size: 20px;
  font-weight: bold;
}
.settingsPage .subject-settings-tab .subject-settings-form-wrap .settings-wrapper .enrollment-table.oj-table-scroll-horizontal .oj-table-scroller {
  overflow-x: unset;
}
.settingsPage .subject-settings-tab .subject-settings-form-wrap .subject-settings-modes {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  overflow: auto;
  height: 100%;
  max-height: 100%;
  flex-wrap: nowrap;
  min-width: 200px;
  max-width: 200px;
  width: 200px;
  box-sizing: border-box;
}
.settingsPage .subject-settings-tab .subject-settings-form-wrap .subject-settings-modes .subject-settings-mode {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 15px;
  border: solid #E4E4E4;
  border-width: 1px 20px 1px 1px;
  border-radius: 5px;
  margin: 10px auto;
  text-decoration: none;
  cursor: pointer;
}
.settingsPage .subject-settings-tab .subject-settings-form-wrap .subject-settings-modes .subject-settings-mode .mode-arrow {
  position: absolute;
  right: -12px;
  top: 50%;
  margin-top: -5px;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #83878A;
  border-style: solid;
}
.settingsPage .subject-settings-tab .subject-settings-form-wrap .subject-settings-modes .subject-settings-mode .subject-settings-mode-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 1.5rem;
  color: #666;
}
.settingsPage .subject-settings-tab .subject-settings-form-wrap .subject-settings-modes .subject-settings-mode .subject-settings-mode-label-short {
  font-size: 0.9rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.settingsPage .subject-settings-tab .subject-settings-form-wrap .subject-settings-modes .subject-settings-mode.active {
  cursor: default;
  border-color: #346ECF;
}
.settingsPage .subject-settings-tab .subject-settings-form-wrap .subject-settings-modes .subject-settings-mode.active .subject-settings-mode-label {
  color: #346ECF;
}
.settingsPage .subject-settings-tab .subject-settings-form-wrap .subject-settings-modes .subject-settings-mode.active .mode-arrow {
  border-color: transparent transparent transparent #fff;
}
.settingsPage .subject-settings-tab .padd16 {
  padding-left: 16px;
}
.settingsPage .subject-settings-tab .subject-settings-form {
  flex: 1 0 auto;
  min-width: 0px;
  min-height: 0px;
  margin-left: 10px;
  flex-wrap: nowrap;
}
.settingsPage .subject-settings-tab .subject-settings-form .subject-settings-row {
  padding-left: 16px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  margin-top: 2px;
  align-items: center;
}
.settingsPage .subject-settings-tab .subject-settings-form .subject-settings-row .subject-settings-element {
  padding-left: 2px;
  align-self: center;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 0.8rem;
  max-width: 18rem !important;
}
.settingsPage .subject-settings-tab .subject-settings-form .subject-settings-row .subject-settings-element-assign-subject {
  padding-left: 2px;
  align-self: center;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 0.8rem;
}
.settingsPage .subject-settings-tab .subject-settings-form .subject-settings-row .subjectlimit_input {
  padding-top: 10px;
}
.settingsPage .subject-settings-tab .subject-settings-form .subject-settings-row .subject-settings-label {
  min-width: 400px;
  width: 400px;
  max-width: 400px;
  display: flex;
  justify-content: flex-end;
}
.settingsPage .subject-settings-tab .subject-settings-form .subject-settings-row .subject-settings-label .oj-label {
  display: flex;
  padding-top: 0.38rem;
}
.settingsPage .subject-settings-tab .subject-settings-form .subject-settings-row .subject-settings-label label {
  font-weight: bold !important;
}
.settingsPage .subject-settings-tab .subject-settings-form .subject-settings-row .form-settings-label {
  display: block !important;
}
.settingsPage .subject-settings-tab .subject-settings-form .subject-settings-row .subject-settings-radioButton {
  margin-left: 10px;
}
.settingsPage .subject-settings-tab .subject-settings-form .info-icon-link {
  background-image: url(images/Information_Dialog.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 26px;
  width: 26px;
  align-self: center;
  display: inline-block;
  margin-bottom: 4px;
  vertical-align: middle;
}
.settingsPage .subject-settings-tab .subject-settings-form .info-icon-link-assign-subject {
  background-image: url(images/information.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  align-self: center;
  display: inline-block;
  margin-bottom: -7px;
  vertical-align: middle;
  margin-right: 10px;
}
.settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  margin-bottom: 10px;
}
.settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer .visit-settings-table {
  margin-right: 1em;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer .visit-settings-table .visitSettingsRow, .settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer .visit-settings-table .oj-table-body .oj-table-body-row {
  /*height: 60px;*/
  background-color: rgb(255, 255, 255);
  height: 55px;
}
.settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer .visit-settings-table .visitSettingsRow .visitTypeLabel, .settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer .visit-settings-table .oj-table-body .oj-table-body-row .visitTypeLabel {
  font-weight: bold;
  /*text-align: center;*/
  margin-right: 10px;
}
.settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer .visit-settings-table .visitSettingsRow .enterEditCheckbox, .settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer .visit-settings-table .oj-table-body .oj-table-body-row .enterEditCheckbox {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer .visit-settings-table .visitSettingsRow .enterEditCheckbox .oj-checkboxset, .settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer .visit-settings-table .oj-table-body .oj-table-body-row .enterEditCheckbox .oj-checkboxset {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer .visit-settings-table .visitSettingsRow .enterEditCheckbox .oj-checkboxset .oj-radiocheckbox-icon, .settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer .visit-settings-table .oj-table-body .oj-table-body-row .enterEditCheckbox .oj-checkboxset .oj-radiocheckbox-icon {
  margin: auto;
}
.settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer .visit-settings-table .visitSettingsRow .visitSettingAdditional, .settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer .visit-settings-table .oj-table-body .oj-table-body-row .visitSettingAdditional {
  margin: 5px 0px 5px 5px;
  display: flex;
  align-items: center;
}
.settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer .visit-settings-table .visitSettingsRow .visitSettingAdditional input, .settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer .visit-settings-table .oj-table-body .oj-table-body-row .visitSettingAdditional input {
  margin-right: 10px;
}
.settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer .visit-settings-table .visitSettingsRow .children-section, .settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer .visit-settings-table .oj-table-body .oj-table-body-row .children-section {
  margin: 0.5em 0.5em 0.5em 1.8em;
  text-wrap: auto;
}
.settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer .visit-settings-table .visitSettingsRow .children-section .replacement-prefix-label .oj-label-required-icon, .settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer .visit-settings-table .oj-table-body .oj-table-body-row .children-section .replacement-prefix-label .oj-label-required-icon {
  margin-left: 0;
}
.settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer .visit-settings-table .visitSettingsRow .children-section .replacement-prefix-label label, .settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer .visit-settings-table .oj-table-body .oj-table-body-row .children-section .replacement-prefix-label label {
  font-weight: 600;
}
.settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer .visit-settings-table .visitSettingsRow .children-section .replacement-prefix, .settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer .visit-settings-table .oj-table-body .oj-table-body-row .children-section .replacement-prefix {
  min-width: auto;
  max-width: 10em;
  border: 1px solid #bfbbbb;
  height: 2.2em;
}
.settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer .visit-settings-table .visitSettingsRow .sendVisitNotification, .settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer .visit-settings-table .oj-table-body .oj-table-body-row .sendVisitNotification {
  margin: 5px 0px 5px 5px;
  display: block;
  height: 60px;
}
.settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer .visit-settings-table .visitSettingsRow .oj-choice-item, .settingsPage .subject-settings-tab .subject-settings-form .visitSettingsContainer .visit-settings-table .oj-table-body .oj-table-body-row .oj-choice-item {
  align-items: center;
}
.settingsPage .subject-settings-tab .subject-settings-form #sbjctNmbrSettingContainer {
  background-color: #f7f7f7;
  border-radius: 2px;
  border: #e0e0e0 1px;
  width: 976px;
}
.settingsPage .subject-settings-tab .subject-settings-form #sbjctNmbrSettingContainer #subjectNumberExampleContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.settingsPage .subject-settings-tab .subject-settings-form #sbjctNmbrSettingContainer #subjectNumberExample {
  color: #0063c9;
  background-color: #ffffff;
  border-radius: 2px;
  border: #c4ced7 1px;
  box-shadow: inset 0 0 10px #dedede;
  padding: 10px 20px;
  word-break: break-all;
}
.settingsPage .subject-settings-tab .subject-settings-form #sbjctNmbrSettingContainer-alt {
  background-color: #f7f7f7;
  border-radius: 2px;
  border: #e0e0e0 1px;
}
.settingsPage .subject-settings-tab .subject-settings-form #sbjctNmbrSettingContainer-alt #subjectNumberExampleContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.settingsPage .subject-settings-tab .subject-settings-form #sbjctNmbrSettingContainer-alt #subjectNumberExample {
  color: #0063c9;
  background-color: #ffffff;
  border-radius: 2px;
  border: #c4ced7 1px;
  box-shadow: inset 0 0 10px #dedede;
  padding: 10px 20px;
  word-break: break-all;
  margin-left: auto;
  margin-right: 10px;
}
.settingsPage .subject-settings-tab .subject-settings-enrollment-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  width: 100%;
}
.settingsPage .subject-settings-tab .subject-toggle-button {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}
.settingsPage .subject-settings-tab .subject-setting-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}
.settingsPage .subject-settings-tab .subject-setting-header .subjects-main-settings-container {
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
}
.settingsPage .subject-settings-tab .subject-setting-header .subjects-setting-button {
  display: flex;
}
.settingsPage .subject-settings-tab .subject-setting-header .subjects-setting-button label {
  padding-right: 10px;
  font-weight: bold;
  font-size: 16px;
}
.settingsPage .subject-settings-tab .subject-setting-header .subjects-setting-button .visitStartDateDisplay {
  align-self: center;
  font-size: 10px;
}
.settingsPage .subject-settings-tab .subject-setting-header .subjects-setting-button .visitStartDateDisplay .bold {
  font-weight: bold;
}
.settingsPage .subject-settings-tab .subject-setting-header .subject-settings-modes-mini {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.settingsPage .subject-settings-tab .subject-setting-header .subject-settings-modes-mini .subject-settings-mode-narrow {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 2px;
  border: solid #a2c0df;
  border-width: 0 0 5px 0;
  border-radius: 0;
  margin: 0;
  max-width: 180px;
  min-width: 170px;
  margin-right: 10px;
  text-decoration: none;
  background-color: #e8e8e8;
  cursor: pointer;
}
.settingsPage .subject-settings-tab .subject-setting-header .subject-settings-modes-mini .subject-settings-mode-narrow .mode-arrow {
  position: absolute;
  right: 10px; /*-$supplySettingsModeArrowWidth;*/
  top: 50%;
  margin-top: 0; /*-($siteModeArrowHeightNarrow/2);*/
  border-width: 5px;
  border-color: #0063c9 transparent transparent transparent;
  border-style: solid;
}
.settingsPage .subject-settings-tab .subject-setting-header .subject-settings-modes-mini .subject-settings-mode-narrow .subject-settings-mode-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding: 5px 3px 3px 0;
  font-weight: bold;
  text-align: center;
  font-size: 1rem; /*$supplySettingsModesFontSize;*/
  color: #0063c9;
}
.settingsPage .subject-settings-tab .subject-setting-header .subject-settings-modes-mini .subject-settings-mode-narrow .subject-settings-mode-label-short {
  display: none;
  font-size: 0.9rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.settingsPage .subject-settings-tab .subject-setting-header .subject-settings-modes-mini .subject-settings-mode-narrow.active {
  border-color: #0063c9;
  background-color: #deedfc;
}
.settingsPage .subject-settings-tab .subject-setting-header .subject-settings-modes-mini .subject-settings-mode-narrow.active .supply-settings-mode-label {
  color: #0063c9;
}
.settingsPage .subject-settings-tab .subject-setting-header .subject-settings-modes-mini .subject-settings-mode-narrow.active .mode-arrow {
  border-color: #0063c9 transparent transparent transparent;
}
.settingsPage .subject-settings-tab .subject-setting-header .subject-settings-modes-mini .subject-modes-header {
  align-items: center;
  display: flex;
  align-items: flex-start;
}
.settingsPage .subject-settings-tab .subject-setting-header .subject-settings-modes-mini .subject-modes-header.production-icon:before {
  display: inline-block;
  content: "";
  min-width: 20px;
  width: 28px;
  height: 20px;
  margin: 0px 0px 8px 0px;
  background-image: url("subjectimages/enrollment-image/StudyVersion_Approved.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.settingsPage .subject-settings-tab .subject-setting-header .subject-settings-modes-mini .subject-modes-header.testing-icon:before {
  display: inline-block;
  content: "";
  min-width: 20px;
  width: 28px;
  height: 20px;
  margin: 0px 0px 8px 0px;
  background-image: url("subjectimages/enrollment-image/StudyVersion_Testing.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.settingsPage .subject-settings-tab .subject-setting-header .subject-settings-modes-mini .subject-modes-header.training-icon:before {
  display: inline-block;
  content: "";
  min-width: 20px;
  width: 28px;
  height: 20px;
  margin: 0px 0px 8px 0px;
  background-image: url("subjectimages/enrollment-image/StudyVersion_Training.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.settingsPage .subject-settings-tab .subject-setting-header .subject-settings-modes-mini .subject-modes-header span {
  align-self: center;
  font-size: 16px;
  font-weight: bold;
}
.settingsPage .supply-settings-tab {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  overflow: hidden;
  flex-wrap: nowrap;
  height: 100%;
}
.settingsPage .supply-settings-tab .ua-contianer .ua-icon {
  min-width: 635px;
  width: 635px;
  max-width: 635px;
  min-height: 165px;
  height: 165px;
  max-height: 165px;
  /*background-image: url(depotImages/ua_icon_depots.png);*/
  background-repeat: no-repeat;
  background-image: url("supplyimages/uaicon_supplysettings.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: initial;
}
.settingsPage .supply-settings-tab .ua-contianer .ua-h2 {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.settingsPage .supply-settings-tab .sectionHeader {
  line-height: 2rem;
  margin: 1.4rem 0 0.8rem 1.224rem;
}
.settingsPage .supply-settings-tab .sectionHeader:first-child {
  margin-top: 0;
}
.settingsPage .supply-settings-tab .sectionHeader:last-child {
  margin-bottom: 0;
}
.settingsPage .supply-settings-tab .sectionHeader .sectionHeaderText {
  font-weight: bold;
  font-size: 1.15rem;
  margin: 0;
}
.settingsPage .supply-settings-tab .sectionHeader {
  display: flex;
}
.settingsPage .supply-settings-tab .sectionHeader.studySettings-scheduleSettings:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0 12px 0 0;
  background-image: url("supplyimages/SupplySettings_ScheduleSettings.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.settingsPage .supply-settings-tab .sectionHeader.studySettings-inventorySettings:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0 12px 0 0;
  background-image: url("supplyimages/SupplySettings_InventorySettings.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.settingsPage .supply-settings-tab .sectionHeader.studySettings-shipmentSettings:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0 12px 0 0;
  background-image: url("supplyimages/SupplySettings_ShipmentSettings.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.settingsPage .supply-settings-tab .sectionHeader.studySettings-doseHoldSettings:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0 12px 0 0;
  background-image: url("supplyimages/DoseHold_Green.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.settingsPage .supply-settings-tab .sectionHeader.studySettings-partialKitDispSettings:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0 12px 0 0;
  background-image: url("supplyimages/PartialDose_settings.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.settingsPage .supply-settings-tab .sectionHeader.studySettings-localSourcingKitSettings:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0 12px 0 0;
  background-image: url("supplyimages/locallySourceKit_settings.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.settingsPage .supply-settings-tab .sectionHeader .message {
  margin: 0px 8px;
  padding: 0px 5px 0px 18px;
  font-weight: bold;
  font-style: italic;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  display: none;
}
.settingsPage .supply-settings-tab .sectionHeader .message.success {
  color: #4b8227;
  background-image: url("common/success_large.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 15px;
}
.settingsPage .supply-settings-tab .sectionHeader .message.error {
  color: #DF0300;
  background-image: url("common/error_large.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 15px;
}
.settingsPage .supply-settings-tab .supply-settings-form-item {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  margin-left: 0.35rem;
  margin-right: 0.35rem;
  margin-top: 2px;
  flex-wrap: nowrap;
}
.settingsPage .supply-settings-tab .supply-settings-form-item.supply-settings-form-item-grouped {
  background-color: #f5f5f5;
}
.settingsPage .supply-settings-tab .supply-settings-form-item:first-child, .settingsPage .supply-settings-tab .supply-settings-form-item.supply-settings-form-item-grouped:not(.supply-settings-form-item-grouped-start) {
  margin-top: 0;
}
.settingsPage .supply-settings-tab .studySettings-doseHoldSettings-wrapper, .settingsPage .supply-settings-tab .studySettings-partialDispSettings-wrapper, .settingsPage .supply-settings-tab .studySettings-local-sourcing-wrapper {
  margin: 0.8rem 1.224rem;
}
.settingsPage .supply-settings-tab .ss-applyBtnWrap .supply-settings-modes-mini {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.settingsPage .supply-settings-tab .ss-applyBtnWrap .supply-settings-modes-mini .supply-settings-mode-narrow {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 2px;
  border: solid #a2c0df;
  border-width: 0 0 5px 0;
  border-radius: 0;
  margin: 0;
  max-width: 180px;
  min-width: 170px;
  margin-right: 10px;
  text-decoration: none;
  background-color: #e8e8e8;
  cursor: pointer;
}
.settingsPage .supply-settings-tab .ss-applyBtnWrap .supply-settings-modes-mini .supply-settings-mode-narrow .mode-arrow {
  position: absolute;
  right: 10px; /*-$supplySettingsModeArrowWidth;*/
  top: 50%;
  margin-top: 0; /*-($siteModeArrowHeightNarrow/2);*/
  border-width: 5px;
  border-color: #0063c9 transparent transparent transparent;
  border-style: solid;
}
.settingsPage .supply-settings-tab .ss-applyBtnWrap .supply-settings-modes-mini .supply-settings-mode-narrow .supply-settings-mode-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding: 5px 3px 3px 0;
  font-weight: bold;
  text-align: center;
  font-size: 1rem; /*$supplySettingsModesFontSize;*/
  color: #0063c9;
  margin: 0;
  align-items: center;
  display: flex;
}
.settingsPage .supply-settings-tab .ss-applyBtnWrap .supply-settings-modes-mini .supply-settings-mode-narrow .supply-settings-mode-label.Production-icon:before {
  display: inline-block;
  content: "";
  min-width: 20px;
  width: 28px;
  height: 20px;
  background-image: url("subjectimages/enrollment-image/StudyVersion_Approved.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.settingsPage .supply-settings-tab .ss-applyBtnWrap .supply-settings-modes-mini .supply-settings-mode-narrow .supply-settings-mode-label.Testing-icon:before {
  display: inline-block;
  content: "";
  min-width: 20px;
  width: 28px;
  height: 20px;
  background-image: url("subjectimages/enrollment-image/StudyVersion_Testing.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.settingsPage .supply-settings-tab .ss-applyBtnWrap .supply-settings-modes-mini .supply-settings-mode-narrow .supply-settings-mode-label.Training-icon:before {
  display: inline-block;
  content: "";
  min-width: 20px;
  width: 28px;
  height: 20px;
  background-image: url("subjectimages/enrollment-image/StudyVersion_Training.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.settingsPage .supply-settings-tab .ss-applyBtnWrap .supply-settings-modes-mini .supply-settings-mode-narrow .supply-settings-mode-label-short {
  display: none;
  font-size: 0.9rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.settingsPage .supply-settings-tab .ss-applyBtnWrap .supply-settings-modes-mini .supply-settings-mode-narrow.active {
  border-color: #0063c9;
  background-color: #deedfc;
}
.settingsPage .supply-settings-tab .ss-applyBtnWrap .supply-settings-modes-mini .supply-settings-mode-narrow.active .supply-settings-mode-label {
  color: #0063c9;
}
.settingsPage .supply-settings-tab .ss-applyBtnWrap .supply-settings-modes-mini .supply-settings-mode-narrow.active .mode-arrow {
  border-color: #0063c9 transparent transparent transparent;
}
.settingsPage .supply-settings-tab .supply-settings-form-wrap {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  overflow: hidden;
  align-items: center;
  height: 100%;
  padding: 0px;
}
.settingsPage .supply-settings-tab .supply-settings-form-wrap .supply-settings-modes {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  overflow: auto;
  height: 100%;
  max-height: 100%;
  min-width: 200px;
  flex-wrap: nowrap;
  max-width: 200px;
  width: 160px;
  box-sizing: border-box;
}
.settingsPage .supply-settings-tab .supply-settings-form-wrap .supply-settings-modes .supply-settings-mode {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 15px;
  border: solid #E4E4E4;
  border-width: 1px 20px 1px 1px;
  border-radius: 5px;
  margin: 10px auto;
  text-decoration: none;
  cursor: pointer;
}
.settingsPage .supply-settings-tab .supply-settings-form-wrap .supply-settings-modes .supply-settings-mode .mode-arrow {
  position: absolute;
  right: -12px;
  top: 50%;
  margin-top: -5px;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #83878A;
  border-style: solid;
}
.settingsPage .supply-settings-tab .supply-settings-form-wrap .supply-settings-modes .supply-settings-mode .supply-settings-mode-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 1.5rem;
  color: #666;
  margin: 0;
}
.settingsPage .supply-settings-tab .supply-settings-form-wrap .supply-settings-modes .supply-settings-mode .supply-settings-mode-label-short {
  font-size: 0.9rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.settingsPage .supply-settings-tab .supply-settings-form-wrap .supply-settings-modes .supply-settings-mode.active {
  cursor: default;
  border-color: #346ECF;
}
.settingsPage .supply-settings-tab .supply-settings-form-wrap .supply-settings-modes .supply-settings-mode.active .supply-settings-mode-label {
  color: #346ECF;
}
.settingsPage .supply-settings-tab .supply-settings-form-wrap .supply-settings-modes .supply-settings-mode.active .mode-arrow {
  border-color: transparent transparent transparent #fff;
}
.settingsPage .supply-settings-tab .supply-settings-form-wrap .supply-settings-form {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  box-sizing: border-box;
  overflow: auto;
  height: 100%;
  max-height: 100%;
  flex-wrap: nowrap;
  padding-left: 10px;
}
.settingsPage .supply-settings-tab .supply-settings-form-wrap .supply-settings-form .supply-settings-label {
  min-width: 25rem;
  width: 32%;
  max-width: 32%;
  display: flex;
  justify-content: flex-end;
  padding-right: 1em;
}
.settingsPage .supply-settings-tab .supply-settings-form-wrap .supply-settings-form .supply-settings-label .oj-label {
  display: flex;
  padding-top: 0.38rem;
}
.settingsPage .supply-settings-tab .supply-settings-form-wrap .supply-settings-form .supply-settings-label .oj-label .oj-label-group {
  text-align: end;
}
.settingsPage .supply-settings-tab .supply-settings-form-wrap .supply-settings-form .supply-settings-label .oj-label .oj-label-group .oj-label-required-icon {
  margin-right: 0.35rem;
  margin-left: 0.35rem;
}
.settingsPage .supply-settings-tab .supply-settings-form-wrap .supply-settings-form #ors-supply-setting-initial-shipments-id > .oj-flex-item:first-of-type {
  max-width: 300px;
}
.settingsPage .supply-settings-tab .oc-hidden-label {
  display: none;
}
.settingsPage .supply-settings-tab .oj-switch .oj-helphints-inline-container {
  position: absolute !important;
  background-color: #333;
  color: white;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 13px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
  width: 320px;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
  right: 120%;
  top: 50%;
  transform: translateY(-50%);
}
.settingsPage .supply-settings-tab .oj-switch .oj-helphints-inline-container::after {
  content: "";
  position: absolute;
  right: -6px;
  top: 50%;
  margin-top: -6px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent transparent #333;
}
.settingsPage .supply-settings-tab .oj-radioset,
.settingsPage .supply-settings-tab .oj-flex-item:has(> oj-input-number),
.settingsPage .supply-settings-tab .oj-switch {
  position: relative;
}
.settingsPage .supply-settings-tab .oj-radioset:hover .oj-helphints-inline-container, .settingsPage .supply-settings-tab .oj-radioset:focus-within .oj-helphints-inline-container,
.settingsPage .supply-settings-tab .oj-flex-item:has(> oj-input-number):hover .oj-helphints-inline-container,
.settingsPage .supply-settings-tab .oj-flex-item:has(> oj-input-number):focus-within .oj-helphints-inline-container,
.settingsPage .supply-settings-tab .oj-switch:hover .oj-helphints-inline-container,
.settingsPage .supply-settings-tab .oj-switch:focus-within .oj-helphints-inline-container {
  opacity: 1;
  pointer-events: auto;
  display: block;
}
.settingsPage .sdv-settings-tab {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  overflow: hidden;
  flex-wrap: nowrap;
  height: 100%;
}
.settingsPage .sdv-settings-tab .ua-contianer .ua-icon {
  min-width: 635px;
  width: 635px;
  max-width: 635px;
  min-height: 165px;
  height: 165px;
  max-height: 165px;
  /*background-image: url(depotImages/ua_icon_depots.png);*/
  background-repeat: no-repeat;
  background-image: url("sdvimages/uaicon_sdvsettings.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: initial;
}
.settingsPage .sdv-settings-tab .ua-contianer .ua-h2 {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.settingsPage .sdv-settings-tab .sectionHeader {
  line-height: 2rem;
  margin: 1.4rem 0 1.5rem 1.224rem;
}
.settingsPage .sdv-settings-tab .sectionHeader:first-child {
  margin-top: 0;
}
.settingsPage .sdv-settings-tab .sectionHeader:last-child {
  margin-bottom: 0;
}
.settingsPage .sdv-settings-tab .sectionHeader .sectionHeaderText {
  font-weight: bold;
  font-size: 1.15rem;
  margin: 0;
}
.settingsPage .sdv-settings-tab .sectionHeader {
  display: flex;
  align-items: center;
}
.settingsPage .sdv-settings-tab .sectionHeader.studySettings-scheduleSettings:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0 12px 0 0;
  background-image: url("sdvimages/Sdv_ScheduleSettings.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.settingsPage .sdv-settings-tab .sectionHeader.studySettings-inventorySettings:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0 12px 0 0;
  background-image: url("sdvimages/Sdv_Approved.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.settingsPage .sdv-settings-tab .sectionHeader.studySettings-shipmentSettings:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0 12px 0 0;
  background-image: url("sdvimages/Sdv_ShipmentSettings.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.settingsPage .sdv-settings-tab .sectionHeader .message {
  margin: 0px 8px;
  padding: 0px 5px 0px 18px;
  font-weight: bold;
  font-style: italic;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  display: none;
}
.settingsPage .sdv-settings-tab .sectionHeader .message.success {
  color: #4b8227;
  background-image: url("common/success_large.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 15px;
}
.settingsPage .sdv-settings-tab .sectionHeader .message.error {
  color: #DF0300;
  background-image: url("common/error_large.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 15px;
}
.settingsPage .sdv-settings-tab .ss-applyBtnWrap .sdv-settings-modes-mini {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.settingsPage .sdv-settings-tab .ss-applyBtnWrap .sdv-settings-modes-mini .sdv-settings-mode-narrow {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 2px;
  border: solid #a2c0df;
  border-width: 0 0 5px 0;
  border-radius: 0;
  margin: 0;
  max-width: 180px;
  min-width: 170px;
  margin-right: 10px;
  text-decoration: none;
  background-color: #e8e8e8;
  cursor: pointer;
}
.settingsPage .sdv-settings-tab .ss-applyBtnWrap .sdv-settings-modes-mini .sdv-settings-mode-narrow .mode-arrow {
  position: absolute;
  right: 10px; /*-$supplySettingsModeArrowWidth;*/
  top: 50%;
  margin-top: 0; /*-($siteModeArrowHeightNarrow/2);*/
  border-width: 5px;
  border-color: #0063c9 transparent transparent transparent;
  border-style: solid;
}
.settingsPage .sdv-settings-tab .ss-applyBtnWrap .sdv-settings-modes-mini .sdv-settings-mode-narrow .sdv-settings-mode-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding: 5px 3px 3px 0;
  font-weight: bold;
  text-align: center;
  font-size: 1rem; /*$supplySettingsModesFontSize;*/
  color: #0063c9;
  margin: 0;
  display: flex;
  align-items: center;
}
.settingsPage .sdv-settings-tab .ss-applyBtnWrap .sdv-settings-modes-mini .sdv-settings-mode-narrow .sdv-settings-mode-label.Production-icon:before {
  display: inline-block;
  content: "";
  min-width: 20px;
  width: 28px;
  height: 20px;
  background-image: url("subjectimages/enrollment-image/StudyVersion_Approved.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.settingsPage .sdv-settings-tab .ss-applyBtnWrap .sdv-settings-modes-mini .sdv-settings-mode-narrow .sdv-settings-mode-label.Testing-icon:before {
  display: inline-block;
  content: "";
  min-width: 20px;
  width: 28px;
  height: 20px;
  background-image: url("subjectimages/enrollment-image/StudyVersion_Testing.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.settingsPage .sdv-settings-tab .ss-applyBtnWrap .sdv-settings-modes-mini .sdv-settings-mode-narrow .sdv-settings-mode-label.Training-icon:before {
  display: inline-block;
  content: "";
  min-width: 20px;
  width: 28px;
  height: 20px;
  background-image: url("subjectimages/enrollment-image/StudyVersion_Training.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.settingsPage .sdv-settings-tab .ss-applyBtnWrap .sdv-settings-modes-mini .sdv-settings-mode-narrow .sdv-settings-mode-label-short {
  display: none;
  font-size: 0.9rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.settingsPage .sdv-settings-tab .ss-applyBtnWrap .sdv-settings-modes-mini .sdv-settings-mode-narrow.active {
  border-color: #0063c9;
  background-color: #deedfc;
}
.settingsPage .sdv-settings-tab .ss-applyBtnWrap .sdv-settings-modes-mini .sdv-settings-mode-narrow.active .sdv-settings-mode-label {
  color: #0063c9;
}
.settingsPage .sdv-settings-tab .ss-applyBtnWrap .sdv-settings-modes-mini .sdv-settings-mode-narrow.active .mode-arrow {
  border-color: #0063c9 transparent transparent transparent;
}
.settingsPage .sdv-settings-tab .sdv-settings-form-wrap {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  overflow: hidden;
  align-items: center;
  height: 100%;
  padding: 0px;
}
.settingsPage .sdv-settings-tab .sdv-settings-form-wrap .sdv-settings-modes {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  overflow: auto;
  height: 100%;
  max-height: 100%;
  min-width: 200px;
  flex-wrap: nowrap;
  max-width: 200px;
  width: 160px;
  box-sizing: border-box;
}
.settingsPage .sdv-settings-tab .sdv-settings-form-wrap .sdv-settings-modes .sdv-settings-mode {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 15px;
  border: solid #E4E4E4;
  border-width: 1px 20px 1px 1px;
  border-radius: 5px;
  margin: 10px auto;
  text-decoration: none;
  cursor: pointer;
}
.settingsPage .sdv-settings-tab .sdv-settings-form-wrap .sdv-settings-modes .sdv-settings-mode .mode-arrow {
  position: absolute;
  right: -12px;
  top: 50%;
  margin-top: -5px;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #83878A;
  border-style: solid;
}
.settingsPage .sdv-settings-tab .sdv-settings-form-wrap .sdv-settings-modes .sdv-settings-mode .sdv-settings-mode-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 1.5rem;
  color: #666;
  margin: 0;
}
.settingsPage .sdv-settings-tab .sdv-settings-form-wrap .sdv-settings-modes .sdv-settings-mode .sdv-settings-mode-label-short {
  font-size: 0.9rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.settingsPage .sdv-settings-tab .sdv-settings-form-wrap .sdv-settings-modes .sdv-settings-mode.active {
  cursor: default;
  border-color: #346ECF;
}
.settingsPage .sdv-settings-tab .sdv-settings-form-wrap .sdv-settings-modes .sdv-settings-mode.active .supply-settings-mode-label {
  color: #346ECF;
}
.settingsPage .sdv-settings-tab .sdv-settings-form-wrap .sdv-settings-modes .sdv-settings-mode.active .mode-arrow {
  border-color: transparent transparent transparent #fff;
}
.settingsPage .sdv-settings-tab .sdv-settings-form-wrap .sdv-settings-form {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  box-sizing: border-box;
  overflow: auto;
  height: 100%;
  max-height: 100%;
  flex-wrap: nowrap;
  padding-left: 10px;
}
.settingsPage .sdv-settings-tab .sdv-settings-form-wrap .sdv-settings-form .sdv-settings-label {
  min-width: 30%;
  width: 30% !important;
  max-width: 30% !important;
  padding-right: 1em;
  display: flex;
  justify-content: flex-end;
}
.settingsPage .sdv-settings-tab .sdv-settings-form-wrap .sdv-settings-form .sdv-settings-label .oj-label {
  display: flex;
  align-items: center;
}
.settingsPage .sdv-settings-tab .sdv-settings-form-wrap .sdv-settings-form .sdv-settings-label .oj-label .oj-label-group .oj-label-required-icon {
  margin-right: 6px;
}
.settingsPage .sdv-settings-tab .sdv-settings-form-wrap .sdv-settings-form #ors-supply-setting-initial-shipments-id > .oj-flex-item:first-of-type {
  max-width: 300px;
}
.settingsPage .sdv-settings-tab .sdv-settings-form-wrap .sdv-settings-form .oj-radioset-wrapper .oj-choice-item:first-of-type {
  width: 75px;
}
.settingsPage #deviceServiceDialog .sectionHeader {
  font-weight: bold;
  font-size: 1.1em;
  line-height: 30px;
  height: 30px;
  padding-left: 40px;
  margin-top: 20px;
  display: flex;
  align-items: center;
  display: flex;
  align-items: center;
}
.settingsPage #deviceServiceDialog .sectionHeader:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 8px 16px 8px 6px;
  background-image: url("deviceImages/icon_device_general.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.settingsPage #deviceServiceDialog .deviceSettingsForm {
  margin-top: 20px;
}

.assign-subject-popup-container {
  max-width: 450px;
}

.assign-subject-popup-ol {
  padding-inline-start: 20px;
}

.general-settings-dialog {
  overflow-y: auto;
}

.general-settings-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.general-settings-update-button {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
}

.apply-welcome-changes-button {
  width: 112px;
  height: 30px;
}

.generalSettingsForm {
  margin: 40px 0 10px 0;
}
.generalSettingsForm .generalSettingsForm-formLine {
  flex-wrap: nowrap;
}
.generalSettingsForm .generalSettingsForm-formLine .generalSettingsForm-formLabel {
  min-width: 250px;
  width: 250px;
  max-width: 250px;
  display: inline-block;
  text-align: right;
}
.generalSettingsForm .generalSettingsForm-formLine .generalSettingsForm-formLabel label {
  font-weight: bold;
}
.generalSettingsForm .generalSettingsForm-formLine .generalSettingsForm-formInput #settingsStudyGuidNumberInput {
  width: 0.5px;
  margin: 0;
  padding: 0;
  height: 0;
  border: none;
}
.generalSettingsForm .generalSettingsForm-formLine .generalSettingsForm-formInput .settings-copy-guid-container {
  display: inline-flex;
  flex: 1 0 auto;
  align-items: baseline;
  color: #02629f;
  cursor: pointer;
  justify-content: end;
}
.generalSettingsForm .generalSettingsForm-formLine .generalSettingsForm-formInput .settings-copy-guid-container .copy-guid-msg {
  margin-left: 3px;
}
.generalSettingsForm .generalSettingsForm-formLine .generalSettingsForm-formInput .settings-copy-guid-container #copy-guid-success {
  display: none;
}
.generalSettingsForm .generalSettingsForm-formLine .generalSettingsForm-formInput .input-column-max-width {
  max-width: 30em;
}
.generalSettingsForm .generalSettingsForm-formLine .generalSettingsForm-buttons {
  display: inline-block;
}

.studySettingsStateRow {
  display: none;
}

.guid-number {
  margin-top: 0.55em;
  margin-bottom: 0.25em;
  display: flex;
}

.welcome-message-edit-area {
  max-width: 662px;
  width: 662px;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 10px;
}

.global-welcome-message-edit-area {
  max-width: 662px;
  width: 662px;
  height: 362px;
  max-height: 362px;
  margin: auto;
  margin-top: 5%;
}

.welcome-message-text-area {
  display: inline-block;
  max-width: 662px;
  margin: 15px 0 !important;
}

.welcome-email-info-label {
  color: #5C5C5C;
  font-family: "Arial";
  font-style: italic;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  float: right;
}

.updateStudySettingsContainer {
  margin-bottom: 10px;
  padding-bottom: 6px;
}

.enrollment-container {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.enrollment-container .oj-checkboxset .oj-radiocheckbox-icon {
  margin: auto;
}
.enrollment-container .no-background-color {
  background-color: rgb(255, 255, 255);
  height: 59px;
}
.enrollment-container .switch-style {
  height: 20px;
  width: 35px;
  padding-right: 5px;
  flex-shrink: 0;
}
.enrollment-container .subject-settings-enrollment-cell-wrapper {
  align-items: center;
  width: 100%;
  max-width: 28vw;
  overflow: hidden;
}
.enrollment-container .subject-settings-enrollment-cell-expander {
  flex-shrink: 0;
}
.enrollment-container .subject-settings-enrollment-title-wrapper {
  overflow: hidden;
}
.enrollment-container .subject-settings-enrollment-title-wrapper .site-list-style-wrapper {
  padding: 0.2rem 0 0;
}
.enrollment-container .enrollment-table {
  width: 100%;
}
.enrollment-container .enrollment-table .expandable-row {
  background-color: #f5f5f5;
}
.enrollment-container .enrollment-table .expandable-row.oj-hover {
  background-color: #f2f2f3;
}
.enrollment-container .enrollment-table .expandable-row #rowExpander_cohorts_row .oj-rowexpander-icon-spacer .oj-rowexpander-touch-area, .enrollment-container .enrollment-table .expandable-row #rowExpander_country_Id .oj-rowexpander-icon-spacer .oj-rowexpander-touch-area {
  width: 2em;
}
.enrollment-container .enrollment-table .expandable-row #rowExpander_cohorts_row .oj-rowexpander-icon-spacer .oj-rowexpander-touch-area a.oj-component-icon, .enrollment-container .enrollment-table .expandable-row #rowExpander_country_Id .oj-rowexpander-icon-spacer .oj-rowexpander-touch-area a.oj-component-icon {
  font-size: 24px;
}
.enrollment-container .enrollment-table {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.enrollment-container .enrollment-table .enrollment-Row {
  /*height: 60px;*/
  height: 25px;
}
.enrollment-container .enrollment-table .enrollment-Row .visitTypeLabel {
  font-weight: bold;
  /*text-align: center;*/
  margin-right: 10px;
}
.enrollment-container .enrollment-table .enrollment-Row .enterEditCheckbox {
  display: flex;
  justify-content: center;
}
.enrollment-container .enrollment-table .enrollment-Row .visitSettingAdditional {
  margin: 5px 0px 5px 5px;
  display: flex;
  align-items: center;
}
.enrollment-container .enrollment-table .enrollment-Row .visitSettingAdditional input {
  margin-right: 10px;
}
.enrollment-container .enrollment-table .oj-inputnumber.oj-disabled .oj-inputnumber-input {
  background-color: #efeff1;
}
.enrollment-container .enrollment-table .oj-inputnumber .oj-inputnumber-input {
  background-color: #fff;
  border-width: 1px;
}

.no-country-row {
  height: 80px;
}
.no-country-row .no-country-message {
  margin-left: 2em;
  margin-right: 2em;
}
.no-country-row .no-country-message p {
  margin: 0.3em 0;
}
.no-country-row .no-country-message p .no-country-add-link {
  color: #02629f;
  cursor: pointer;
}
.no-country-row .no-country-message p .no-country-add-link:hover {
  text-decoration: underline;
}

.flag-section {
  display: flex;
  align-items: flex-start;
  padding-left: 65px;
}
.flag-section.flag-icon:before {
  display: inline-block;
  content: "";
  min-width: 60px;
  width: 60px;
  height: 60px;
  background-image: url("subjectimages/enrollment-image/Countries_UserAssistance.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px;
}
.enroll-group-section {
  display: flex;
  align-items: flex-start;
  padding-left: 65px;
}
.enroll-group-section.enroll-group-icon:before {
  display: inline-block;
  content: "";
  min-width: 80px;
  width: 80px;
  height: 80px;
  background-image: url("subjectimages/custom-enrollment-image/StudySettings_CustomEnrollmentGroups.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 80px;
}

.no-enrollment-row {
  height: 100px;
}
.no-enrollment-row .no-enrollment-message {
  margin-left: 2em;
  margin-right: 2em;
}
.no-enrollment-row .no-enrollment-message p {
  margin: 0.3em 0;
}
.no-enrollment-row .no-enrollment-message p .no-enrollment-add-link {
  color: #02629f;
  cursor: pointer;
}
.no-enrollment-row .no-enrollment-message p .no-enrollment-add-link:hover {
  text-decoration: underline;
}

.activeCustomSetting {
  display: flex;
  align-items: flex-start;
  padding-left: 10px;
  padding-right: 20px;
}
.activeCustomSetting.enroll-enable-icon:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  background-image: url("subjectimages/custom-enrollment-image/success_icon.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.activeCustomSetting.enroll-disable-icon:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  background-image: url("subjectimages/custom-enrollment-image/success_icon_inactive.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}

.addCustomSetting {
  display: flex;
  align-items: flex-start;
  padding-top: 11px;
}

.custom-enroll-add-icon {
  display: inline-block;
  min-width: 34px;
  width: 34px;
  height: 34px;
  background-image: url("subjectimages/custom-enrollment-image/add_button.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 34px;
}

.custom-enroll-add-icon:hover {
  background-image: url("subjectimages/custom-enrollment-image/add_button_hover.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 34px;
}

.editCustomSetting {
  display: flex;
  align-items: flex-start;
  padding-top: 20px;
  height: 40px;
}

.custom-enroll-edit-icon {
  padding-left: 10px;
  display: inline-block;
  min-width: 24px;
  width: 24px;
  height: 24px;
  background-image: url("subjectimages/custom-enrollment-image/Edit_default.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px;
}

.custom-enroll-edit-icon:hover {
  background-image: url("subjectimages/custom-enrollment-image/Edit_hover.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px;
}

#addCustomEnroll.add-new-enrollment button {
  background-image: linear-gradient(to bottom, #1ba215 0%, #8ed58b 4%, #1ba215 50%, #1ba215 100%);
  border-radius: 3px;
  padding: 7px;
  color: #fff;
  cursor: pointer;
}
#addCustomEnroll.add-new-enrollment button:hover {
  background-image: linear-gradient(to bottom, #1ba215 0%, #8ed58b 4%, #1ba215 80%, #1ba215 100%);
}

.enrollemnt-plus-icon-btn {
  display: flex;
  align-items: flex-start;
}
.enrollemnt-plus-icon-btn.add-icon:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 27px;
  height: 15px;
  margin: 0px 0px 8px 0px;
  background-image: url("subjectimages/enrollment-image/AddCross.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}

#addCountries.new-country button {
  background-image: linear-gradient(to bottom, #1ba215 0%, #8ed58b 4%, #1ba215 50%, #1ba215 100%);
  border-radius: 3px;
  padding: 7px;
  color: #fff;
  cursor: pointer;
}
#addCountries.new-country button:hover {
  background-image: linear-gradient(to bottom, #1ba215 0%, #8ed58b 4%, #1ba215 80%, #1ba215 100%);
}

.plus-icon-btn {
  display: flex;
  align-items: flex-start;
}
.plus-icon-btn.add-icon:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 27px;
  height: 15px;
  margin: 0px 0px 8px 0px;
  background-image: url("subjectimages/enrollment-image/AddCross.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.plus-icon-btn.add-more-country:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 27px;
  height: 15px;
  margin: 0px 0px 8px 0px;
  background-image: url("subjectimages/enrollment-image/AddCross_grey.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}

.regions-assistance-icon {
  width: 110px;
  height: 130px;
  background-image: url(images/Regions_UserAssistance.svg);
  background-repeat: no-repeat;
  margin: auto;
}

.pie-text-span {
  padding-left: 30px;
  font-weight: bolder;
  margin-top: 24px;
}

.pie-header-desc {
  color: #0063c9;
  font-weight: bolder;
  padding-left: 30px;
}

.enrollment-section-container {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 15px;
}

.enrollment-section-text {
  font-weight: bold;
  margin-left: 63px;
  margin-bottom: 10px;
}

.enrollment-section-container #noCustomEnrollAdded {
  color: #02629f;
  cursor: pointer;
}

.enrollment-section-container #noCustomEnrollAdded:hover {
  text-decoration: underline;
}

.highlight-input-save-error {
  outline: 2px solid #f00;
}

.hoppergeneral-study {
  padding: 30px 30px 0px 30px;
}

.hoppergeneral-studyName-label {
  width: 150px;
  margin-top: 0.5em;
  text-align: right;
  padding-right: 10px;
}

.hoppergeneral-studyName-text {
  width: 250px;
}

.hoppergeneral-study-trainingValidPeriod {
  padding: 15px 30px 30px 30px;
}

.hoppergeneral-study-trainingValidPeriod-label {
  width: 150px;
  margin-top: 0.5em;
  text-align: right;
  padding-right: 10px;
}

.hoppergeneral-study-trainingValidPeriod-icon-div {
  display: flex;
  flex: 1 1 auto;
}

.hoppergeneral-study-trainingValidPeriod-icon {
  background-image: url(images/Information_Dialog.svg);
  background-repeat: no-repeat;
  background-size: 15px;
  width: 20px;
  height: 30px;
  display: inline-block;
  margin-left: 10px;
}

.hoppergeneral-study-trainingValidPeriod-icon-text {
  font-family: "Oracle Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #000000;
}

.hoppergeneral-study-trainingValidPeriod-select {
  width: 250px;
}

.hoppergeneral-applyChanges-button {
  margin-left: 320px;
}

.deviceSettingsForm .deviceSettingsForm-formLine .deviceSettingsForm-formLabel {
  min-width: 200px;
  width: 200px;
  max-width: 200px;
  display: inline-block;
  text-align: right;
}
.deviceSettingsForm .deviceSettingsForm-formLine .deviceSettingsForm-formLabel label {
  font-weight: bold;
  padding-right: 10px;
  padding-top: 7px;
}
.deviceSettingsForm .deviceSettingsForm-buttons {
  display: inline-block;
  margin-left: 846px;
}
.deviceSettingsForm .device-inline-success-msg {
  color: red;
  padding-left: 5px;
  font-weight: bold;
}

#ec-study-setting-signature-configuration {
  overflow: auto;
}
#ec-study-setting-signature-configuration .tabHeader {
  min-width: 1200px;
  padding-bottom: 5px;
}
#ec-study-setting-signature-configuration .signature-modes-container {
  width: 100%;
}
#ec-study-setting-signature-configuration #createSignatureConfiguration {
  float: right;
}
#ec-study-setting-signature-configuration .signconfig-inner-container {
  display: flex;
  flex-flow: wrap;
  padding: 0 0.75rem;
  overflow: auto;
}
#ec-study-setting-signature-configuration #colRequestStatus > div.oj-collapsible-wrapper > div.oj-panel > oj-collapsible.oj-collapsible > div.oj-collapsible-header-wrapper > a {
  display: none;
}
#ec-study-setting-signature-configuration #colSiteMonitor > div.oj-collapsible-wrapper > div.oj-panel > oj-collapsible.oj-collapsible > div.oj-collapsible-header-wrapper > a {
  display: none;
}
#ec-study-setting-signature-configuration #colMisc > div.oj-collapsible-wrapper > div.oj-panel > oj-collapsible.oj-collapsible > div.oj-collapsible-header-wrapper > a {
  display: none;
}
#ec-study-setting-signature-configuration .archive-setting-accordion-border {
  border-top: 1px solid #e5e6e6;
  border-left: 1px solid #e5e6e6;
  border-right: 1px solid #e5e6e6;
}

#general-notifications .tabContainer-notifications .notifacation-module .notificationHeader .notification-title .notification-icon-container notification-icon .iconContainer {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
}

#general-notifications {
  min-width: 970px;
}
#general-notifications .tabContainer-notifications {
  height: 100%;
  width: 100%;
}
#general-notifications .tabContainer-notifications .notifacation-module {
  height: 100%;
  width: 100%;
}
#general-notifications .tabContainer-notifications .notifacation-module .notificationHeader {
  flex-basis: 130px;
  min-height: 130px;
  min-width: 970px;
  flex-wrap: nowrap;
  /*margin-bottom: 10px;*/
  padding-right: 10px;
  background-image: url("oj/v4.2.0/alta/images/texture.png");
  background-repeat: repeat;
  background-position: top left;
}
#general-notifications .tabContainer-notifications .notifacation-module .notificationHeader .notification-title {
  flex-wrap: nowrap;
  text-align: center;
}
#general-notifications .tabContainer-notifications .notifacation-module .notificationHeader .notification-title .notiHeaderButton {
  width: 65px;
}
#general-notifications .tabContainer-notifications .notifacation-module .notificationHeader .notification-title .notification-icon-container notification-icon {
  height: 50px;
  width: 50px;
}
#general-notifications .tabContainer-notifications .notifacation-module .notificationHeader .notification-title .notification-icon-container notification-icon .iconContainer .iconImage-sm {
  height: 40px;
  width: 40px;
  margin-left: auto;
  margin-right: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#general-notifications .tabContainer-notifications .notifacation-module .notificationHeader .notification-title .notification-icon-container notification-icon .iconContainer .iconImage-sm.disable {
  background-image: url(landingpageimages/Notification_Default.svg);
}
#general-notifications .tabContainer-notifications .notifacation-module .notificationHeader .notification-title .notification-icon-container notification-icon .iconContainer .iconImage-sm.enable {
  background-image: url(landingpageimages/Notification_Active.svg);
}
#general-notifications .tabContainer-notifications .notifacation-module .notificationHeader .notification-title .notification-icon-container notification-icon .iconContainer .iconImage-sm.enable .notification-count {
  text-align: center;
  min-width: 14px;
  min-height: 14px;
  padding: 0 2px 0 1px;
  float: right;
  color: white;
  font-size: small;
  transition: 1;
  border-radius: 7px;
}
#general-notifications .tabContainer-notifications .notifacation-module .notificationHeader .notification-title .notification-icon-container notification-icon .iconContainer .iconImage-lg {
  height: 55px;
  width: 55px;
  margin-left: 35px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(landingpageimages/Notification_Active.svg);
}
#general-notifications .tabContainer-notifications .notifacation-module .notificationHeader .notification-title .notification-icon-container notification-icon .iconContainer .iconImage-lg .notification-count {
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #b30000;
  padding: 1px;
  color: white;
  min-width: 20px;
  min-height: 20px;
  position: relative;
  top: -10px;
  right: -10px;
  border-radius: 50%;
  font-size: 15px;
  text-align: center;
  line-height: 20px;
}
#general-notifications .tabContainer-notifications .notifacation-module .notificationHeader .notification-title .notification-icon-container notification-icon .iconContainer .iconImage-lg .notification-count.notification-count-more-digit {
  border-radius: 43%;
  padding-left: 5px;
  padding-right: 4px;
  padding-top: 1px;
}
#general-notifications .tabContainer-notifications .notifacation-module .notificationHeader .notification-title .notification-name-container {
  margin-left: 10px;
  font-weight: bold;
  text-align: left;
  min-width: 350px;
  font-size: medium;
  margin-bottom: auto;
  margin-top: auto;
}
#general-notifications .tabContainer-notifications .notifacation-module .notificationHeader .notification-filters .notification-filter-line1 {
  flex-wrap: nowrap;
  display: flex;
  flex-direction: row;
}
#general-notifications .tabContainer-notifications .notifacation-module .notificationHeader .notification-filters .notification-filter-line1 .notification-filter-searchField {
  margin-right: 5px;
}
#general-notifications .tabContainer-notifications .notifacation-module .notificationHeader .notification-filters .notification-filter-line1 .notification-filter-searchField .oj-fwk-icon-cross {
  height: 16px;
  margin-right: 5px;
  margin-top: auto;
  margin-bottom: auto;
}
#general-notifications .tabContainer-notifications .notifacation-module .notificationHeader .notification-filters .notification-filter-line1 .notification-filter-searchField .oj-fwk-icon-cross:hover {
  color: #85bbe7;
}
#general-notifications .tabContainer-notifications .notifacation-module .notificationHeader .notification-filters .notification-filter-line1 .notification-filter-searchField .oj-fwk-icon-cross:active {
  color: #0572ce;
}
#general-notifications .tabContainer-notifications .notifacation-module .notificationHeader .notification-filters .notification-filter-line2 {
  flex-wrap: nowrap;
  display: flex;
  flex-direction: row;
}
#general-notifications .tabContainer-notifications .notifacation-module .notificationHeader .notification-filters .notification-filter-line2 .notification-filter-mode {
  padding-right: 5px;
  text-align: left;
}
#general-notifications .tabContainer-notifications .notifacation-module .notificationHeader .notification-filters .notification-filter-line2 .notification-filter-type #notificationTypeFilterSet .oj-button {
  margin-bottom: 0;
}
#general-notifications .tabContainer-notifications .notifacation-module .notificationHeader .notification-filters .notification-filter-line2 .notification-filter-site {
  /*margin-left: 10px;*/
  text-align: right;
}
#general-notifications .tabContainer-notifications .notifacation-module .notification-list-container {
  height: calc(100vh - 280px);
  flex-flow: 1;
  width: 100%;
  min-width: 970px;
  overflow: auto;
}
#general-notifications .tabContainer-notifications .notifacation-module .notification-list-container .notification-list-item {
  /*the li element*/
  min-height: 80px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: auto;
}
#general-notifications .tabContainer-notifications .notifacation-module .notification-oj-list-container {
  flex-flow: 1;
  width: 100%;
  min-width: 970px;
}
#general-notifications .tabContainer-notifications .notifacation-module .notification-oj-list-container li {
  padding-top: 0;
  padding-bottom: 0;
}
#general-notifications .tabContainer-notifications .notifacation-module .notification-oj-list-container .notification-list-item {
  /*the li element*/
  min-height: 80px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: auto;
}

/*notification icons exist out of notification page*/
.iconImage-sm {
  height: 40px;
  width: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.iconImage-sm.disable {
  background-image: url(landingpageimages/Notifications_Disabled_DemoDash.svg);
}
.iconImage-sm.enable {
  cursor: pointer;
  background-image: url(landingpageimages/Notifications_DemoDash.svg);
}
.iconImage-sm.enable .notification-count {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #b30000;
  padding: 1px;
  color: white;
  min-width: 18px;
  min-height: 18px;
  position: relative;
  top: -9px;
  right: -9px;
  border-radius: 50%;
  font-size: 12px;
  text-align: center;
  line-height: 18px;
}
.iconImage-sm.enable .notification-count.notification-count-more-digit {
  border-radius: 12px;
  padding-left: 3px;
  padding-right: 2px;
}

.co_inventoryPage {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.co_inventoryPage .filters {
  display: flex;
  flex-direction: column;
  padding: 0px 10px 0px 10px;
}
.co_inventoryPage .filters .topLevel {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.co_inventoryPage .filters .topLevel .location {
  margin-right: 10px;
}
.co_inventoryPage .filters .topLevel .lots.last-element {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.co_inventoryPage .filters .topLevel .lots {
  margin-right: 10px;
}
.co_inventoryPage .filters .topLevel .kitSearch {
  margin-right: 10px;
}
.co_inventoryPage .filters .topLevel .kitSearch.last-element {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.co_inventoryPage .filters .topLevel .blockSearch {
  margin-right: 10px;
}
.co_inventoryPage .filters .topLevel .blockSearch.last-element {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.co_inventoryPage .filters .topLevel .temperatureExcursionSearch {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  margin-right: 10px;
}
.co_inventoryPage .filters .backToInventory {
  width: 170px;
  overflow: hidden;
  align-self: flex-end;
  transition: width 0.25s;
}
.co_inventoryPage .filters .backToInventory.hide {
  width: 0px;
}
.co_inventoryPage .filters .hide-clear-filter {
  visibility: hidden;
}
.co_inventoryPage .filters .clear-filter-text {
  height: 20px;
  outline: none;
  margin-right: 0px;
}
.co_inventoryPage .filters .clear-filter-container {
  top: 7px;
}
.co_inventoryPage .filters .kitDetailFilters {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  transition: max-height 0.5s;
  margin-bottom: 10px;
  max-height: 100%;
  overflow: hidden;
}
.co_inventoryPage .filters .kitDetailFilters.hide {
  max-height: 0px;
}
.co_inventoryPage .filters .kitDetailFilters .kitStatusFilter {
  margin-right: 10px;
}
.co_inventoryPage .filters .kitDetailFilters .kitStatusFilter.blindedUser {
  flex: 1 0 auto;
  min-width: 0px;
  min-height: 0px;
  text-align: right;
}
.co_inventoryPage .filters .kitDetailFilters .kitStatusFilter .inventoryStatusLabel {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.co_inventoryPage .filters .kitDetailFilters .kitRangeFilter {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  margin-right: 10px;
}
.co_inventoryPage .filters .kitDetailFilters .kitRangeFilter .controlls {
  display: flex;
}
.co_inventoryPage .filters .kitDetailFilters .kitRangeFilter .controlls .rangeSelector {
  margin-left: 10px;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  align-items: center;
}
.co_inventoryPage .filters .kitDetailFilters .kitRangeFilter .controlls .rangeSelector .separator {
  padding: 0px 5px;
}
.co_inventoryPage .filters .kitDetailFilters .kitActions {
  align-self: flex-end;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-direction: column;
}
.co_inventoryPage .filters .kitDetailFilters .kitActions .successMessage {
  display: none;
  color: #4b8227;
  margin: 3px 0px;
  padding: 0px 0px 0px 16px;
  background-image: url("images/save_successful_icon.png");
  background-repeat: no-repeat;
  background-position: "left" "center";
  background-size: 15;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  min-width: 108px;
}
.co_inventoryPage .filters .kitDetailFilters .kitClearDisable {
  align-self: flex-end;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-direction: column;
  margin-right: 10px;
}
.co_inventoryPage .filters .kitDetailFilters .kitClearDisable .clear-filter-text {
  height: 28px;
}
.co_inventoryPage .filters .kitDetailFilters .clear-filter-container {
  top: 0px;
}
.co_inventoryPage .status-header {
  font-weight: bold;
}
.co_inventoryPage .kittypeList-container {
  overflow: hidden;
}
.co_inventoryPage .kittypeList-container.has-disable-kits {
  padding-bottom: 72px;
}
.co_inventoryPage .disable-kitlist-container {
  height: 70px;
  width: 100%;
  border-top: 2px solid #ccc;
  bottom: 0px;
  position: absolute;
}
.co_inventoryPage .disable-kitlist-container-row {
  margin: 15px 12px;
  display: flex;
}
.co_inventoryPage .disable-kitlist-container-icon {
  width: 40px;
  height: 40px;
  background-size: 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("ors/deactivated_kit_list.svg");
}
.co_inventoryPage .disable-kitlist-container-details {
  width: 75%;
  padding-left: 10px;
}
.co_inventoryPage .disable-kitlist-container-count-header {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: #2073D7;
}
.co_inventoryPage .kitTypeListView .oj-listview-element .oj-listview-item {
  padding: 0;
  cursor: default;
}
.co_inventoryPage .inventoryKitTypeWrapper {
  padding: 0.857rem;
  cursor: pointer;
}
.co_inventoryPage .inventoryKitTypeWrapper.oj-clickthrough-disabled {
  opacity: 0.45;
  cursor: default;
}
.co_inventoryPage .no-permission-msg {
  padding: 0.5rem 0.8rem;
}
.co_inventoryPage .inventoryKitType {
  display: flex;
  padding: 0 0.8rem;
}
.co_inventoryPage .inventoryKitType .inventoryKitTypeKitTypeWrap {
  overflow: hidden;
  padding: 0.5rem 0;
  max-width: 100%;
}
.co_inventoryPage .inventoryKitType .inventoryKitTypeKitTypeWrap .returnToList {
  margin: auto 0;
}
.co_inventoryPage .inventoryKitType .inventoryKitTypeKitTypeWrap .returnToList .oj-button {
  margin-bottom: 0;
}
.co_inventoryPage .inventoryKitType .kitNameAndDescription {
  min-width: 14rem;
  margin: auto 0;
  padding: 0 0.4rem;
}
.co_inventoryPage .inventoryKitType .kitNameAndDescription .kitNumber_desc::before {
  width: 40px;
  height: 40px;
  background-size: contain;
}
.co_inventoryPage .inventoryKitType .kitTypeKitsCount {
  display: flex;
  flex-direction: column;
  max-width: 12rem;
  min-width: 5rem;
  text-align: center;
  padding: 0.8rem 0.4rem;
}
.co_inventoryPage .inventoryKitType .kitTypeKitsCount .count {
  font-size: 1.1rem;
  font-weight: bold;
  height: 2rem;
  padding: 0 0 0.2rem;
  color: #000;
  flex: none;
  line-height: 2rem;
}
.co_inventoryPage .inventoryKitType .kitTypeKitsCount .label {
  overflow: hidden;
  word-break: break-word;
  font-size: 0.9rem;
  color: #000;
}
.co_inventoryPage .inventoryKitType .drillDownArrow {
  align-self: center;
  margin-left: 20px;
}
.co_inventoryPage .drilldownContainer {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  overflow: hidden;
  position: relative;
}
.co_inventoryPage .drillDownPart {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  box-sizing: border-box;
  overflow: auto;
  transition: transform 0.1s;
}
.co_inventoryPage .drillDownPart.list {
  display: flex;
  flex-direction: column;
  border: 1px solid #d6dfe6;
  overflow: hidden;
}
.co_inventoryPage .drillDownPart.list .oj-listview-container {
  border: none;
}
.co_inventoryPage .drillDownPart.list .oj-listview-element .oj-listview-item-element:first-child .oj-listview-item {
  background: none;
}
.co_inventoryPage .drillDownPart.list.hide {
  transform: translate3d(-100%, 0, 0);
}
.co_inventoryPage .drillDownPart.list li {
  cursor: pointer;
  transition: 0s;
}
.co_inventoryPage .drillDownPart.list li.disabled {
  opacity: 0.4 !important;
  cursor: default;
}
.co_inventoryPage .drillDownPart.list li.disabled .inventoryKitType {
  cursor: default;
}
.co_inventoryPage .drillDownPart.list li:last-child {
  border-bottom: 1px solid #eee;
}
.co_inventoryPage .drillDownPart.kitDetails {
  display: flex;
  flex-direction: column;
}
.co_inventoryPage .drillDownPart.kitDetails.hide {
  transform: translate3d(100%, 0, 0);
}
.co_inventoryPage .drillDownPart.kitDetails .kitDetailContent {
  display: flex;
  border: 1px solid #d6dfe6;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
}
.co_inventoryPage .drillDownPart.kitDetails .kitDetailContent oj-table .oj-table-status-message {
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: auto !important;
  min-height: 200px;
  background: rgba(255, 255, 255, 0.4);
}
.co_inventoryPage .drillDownPart.kitDetails .kitDetailContent oj-table .oj-table-status-message .oj-table-loading-icon {
  top: 50% !important;
}
.co_inventoryPage .drillDownPart.kitDetails .kitDetailContent .kitsListContainer {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  overflow: hidden;
}
.co_inventoryPage .drillDownPart.kitDetails .kitDetailContent .kitsListContainer #inventory_kitTypeKits th div.oj-table-column-header {
  display: inline;
  text-align: center;
}
.co_inventoryPage .drillDownPart.kitDetails .kitDetailContent .kitsListContainer #inventory_kitTypeKits tr.disabled {
  opacity: 0.85;
}
.co_inventoryPage .drillDownPart.kitDetails .kitDetailContent .kitsListContainer #inventory_kitTypeKits tr.disabled .oj-checkboxset div span span {
  background-color: #ddd;
}
.co_inventoryPage .drillDownPart.kitDetails .kitDetailContent .kitsListContainer #inventory_kitTypeKits thead {
  min-height: 40px;
}
.co_inventoryPage .drillDownPart.kitDetails .kitDetailContent .kitsListContainer #inventory_kitTypeKits thead tr {
  min-height: 40px;
}
.co_inventoryPage .drillDownPart.kitDetails .kitDetailContent .kitsListContainer #inventory_kitTypeKits > thead.oj-table-header > tr {
  height: 2em;
}
.co_inventoryPage .drillDownPart.kitDetails .kitDetailContent .kitsListContainer #inventory_kitTypeKits > thead.oj-table-header > tr > th {
  height: 1.75em;
}
.co_inventoryPage .drillDownPart.kitDetails .kitDetailContent .kitsListContainer #inventory_kitTypeKits > thead.oj-table-header > tr td.text-overflow-ellipsis {
  display: flex;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  height: auto;
}
.co_inventoryPage .drillDownPart.kitDetails .kitDetailContent .kitsListContainer #inventory_kitTypeKits td.checkbox-center {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.co_inventoryPage .drillDownPart.kitDetails .kitDetailContent .kitsListContainer #inventory_kitTypeKits td.checkbox-center .oj-checkboxset {
  min-width: unset;
}
.co_inventoryPage .drillDownPart.kitDetails .kitDetailContent .kitsListContainer #inventory_kitTypeKits td.checkbox-center .oj-checkboxset .oj-radiocheckbox-icon {
  margin: 0;
}

.kitStatusSelectPicker .oj-listbox-results .oj-listbox-result {
  padding: 0.214rem;
}
.kitStatusSelectPicker .oj-listbox-results .oj-listbox-result .oj-listbox-result-label {
  padding: 0;
}
.kitStatusSelectPicker .oj-listbox-results .oj-listbox-result .oj-listbox-result-label .inventoryStatusLabel.menuItem {
  padding: 0.214rem 0;
  margin: 0;
}
.kitStatusSelectPicker .oj-listbox-results .oj-listbox-result .oj-listbox-result-label .inventoryStatusLabel.menuItem.status_ALL::before {
  content: "";
  margin: auto 0.214rem;
}

.inventory-sidebar-barcode {
  flex-shrink: 0;
  padding: 0.867rem;
}
.inventory-sidebar-barcode-none, .inventory-sidebar-barcode-multiple {
  margin: 0 auto;
  max-width: 90%;
  min-width: 120px;
  text-align: center;
}
.inventory-sidebar-barcode-none {
  width: 180px;
}
.inventory-sidebar-barcode-none::before {
  content: " ";
  display: block;
  margin: 0 auto 12px;
  background: url("images/barcode.svg") center center no-repeat;
  background-size: 92px 68px;
  width: 92px;
  height: 68px;
}
.inventory-sidebar-barcode-multiple-text {
  margin: 12px;
  width: 180px;
}
.inventory-sidebar-barcode-multiple-text {
  font-weight: bold;
}
.inventory-sidebar-barcode-multiple-image {
  background: url("images/Information_Dialog.svg") center center no-repeat;
  background-size: 60px;
  margin: 0 auto;
  height: 60px;
  width: 60px;
}
.inventory-sidebar-barcode-inputwrap {
  margin: 10px 0;
}
.inventory-sidebar-barcode-inputwrap .oc-inline-success {
  display: none;
  margin: -0.25rem 12px 0;
}
.inventory-sidebar-barcode-input {
  width: 100%;
  max-width: 20rem;
  box-sizing: border-box;
}
.inventory-sidebar-barcode-input.oj-read-only {
  background: #eee;
}
.inventory-sidebar-barcode-input.oj-read-only input.oj-inputtext-input {
  padding: 0 5px;
}
.inventory-sidebar-barcode-input.oj-textarea.oj-component.oj-read-only .oj-textarea-input {
  padding: 6px;
}

.DNDExceptions {
  overflow-y: auto;
  height: 200px;
  margin-bottom: 20px;
}
.DNDExceptions.loading {
  display: flex;
  height: 100%;
}
.DNDExceptions .add-button-container {
  margin: 0 auto;
}
.DNDExceptions .add-button-container .add-DND-Exceptions-button {
  margin-top: 10px;
}

.QuarantinedShipment.inventory {
  max-height: 28vh;
}

.QuarantinedShipment.depot {
  max-height: 48vh;
  margin: 5px;
}

.QuarantinedShipment {
  margin: 15px;
  overflow: hidden;
}
.QuarantinedShipment.loading {
  display: flex;
  height: 100%;
}

.kitSettingsContainer {
  flex-shrink: 0;
  padding: 0;
}
.kitSettingsContainer .ns-kits-main-page {
  margin: 0 auto;
  text-align: center;
}
.kitSettingsContainer .ns-kits-main-page::before {
  content: " ";
  display: block;
  margin: 0 auto;
  background: url("images/NS_Kits_MainPage.svg") center center no-repeat;
  height: 15vh;
}
.kitSettingsContainer .ns-kits-details-page {
  margin: 0 auto;
  text-align: center;
}
.kitSettingsContainer .ns-kits-details-page::before {
  content: " ";
  display: block;
  margin: 0 auto 12px;
  background: url("images/NS_Kits_DetailsPage.svg") center center no-repeat;
  height: 15vh;
}
.kitSettingsContainer .successMessage {
  color: #4b8227;
  font-weight: bold;
  font-style: italic;
}
.kitSettingsContainer .bold-label {
  font-weight: bold;
}
.kitSettingsContainer .kitDetailsContainer {
  width: 100%;
  margin: 10px;
  padding-bottom: 20px;
}
.kitSettingsContainer .kitDetailsContainer .oj-label-required-icon {
  float: left;
  margin-right: 6px;
  margin-left: 0;
}
.kitSettingsContainer .kitDetailsContainer .oj-select-default {
  width: 100%;
}
.kitSettingsContainer .kitDetailsContainer .kitCurrentStatus {
  width: 50%;
  float: left;
}
.kitSettingsContainer .kitDetailsContainer .kitNewStatus {
  width: 46%;
  float: right;
}
.kitSettingsContainer .kitStatusContainer {
  width: 100%;
  margin-top: -25px;
}
.kitSettingsContainer .kitStatusContainer .returned-block {
  width: 46%;
  float: left;
  margin: 30px 0 0 10px;
  padding: 10px 10px 10px 0;
  border: 1px solid #d6dfe6;
  border-radius: 3px;
}
.kitSettingsContainer .kitStatusContainer .returned-block .returned-units,
.kitSettingsContainer .kitStatusContainer .returned-block .missing-units {
  text-align: right;
}
.kitSettingsContainer .kitStatusContainer .returned-block .returned-units .oj-inputnumber-button,
.kitSettingsContainer .kitStatusContainer .returned-block .missing-units .oj-inputnumber-button {
  height: 98%;
}
.kitSettingsContainer .kitStatusContainer .returned-block .returned-units .oj-label-inline {
  float: left;
}
.kitSettingsContainer .kitStatusContainer .returned-block .missing-units .oj-label-inline {
  float: left;
}
.kitSettingsContainer .kitStatusContainer .returned-block .show-balance {
  text-align: right;
  display: block;
  padding-left: 18px;
}
.kitSettingsContainer .kitStatusContainer .returned-block .show-balance .bold-label {
  float: left;
}
.kitSettingsContainer .kitStatusContainer .returned-block .show-balance strong {
  color: #045FB4;
}
.kitSettingsContainer .kitStatusContainer .returned-block .oj-label-required-icon {
  margin-top: 0px;
  float: left;
  margin-right: 5px;
}
.kitSettingsContainer .kitStatusContainer .returned-block .calculated-balance {
  width: 42%;
  display: inline-block;
  text-align: left;
}
.kitSettingsContainer .kitStatusContainer .reasonForChangeContainer {
  width: 46%;
  float: right;
  margin-top: 10px;
}
.kitSettingsContainer .kitStatusContainer .reasonForChangeContainer .oj-label {
  margin: 0.5rem 0 0.2rem;
}
.kitSettingsContainer .kitStatusContainer .reasonForChangeContainer #reason-for-change,
.kitSettingsContainer .kitStatusContainer .reasonForChangeContainer #reason-for-change textarea {
  height: 125px;
}
.kitSettingsContainer .kitStatusContainer .reasonForChangeContainer .oj-label-required-icon {
  float: left;
  margin-right: 6px;
  margin-left: 0;
}
.kitSettingsContainer .kitStatusContainer .kitsSubject {
  width: 48%;
  float: left;
  margin-top: 10px;
  padding: 10px;
}
.kitSettingsContainer .kitStatusContainer .kitsSubject .oj-label-required-icon {
  float: left;
  margin-right: 6px;
  margin-left: 0;
}
.kitSettingsContainer .kitStatusContainer .kitsSubject label {
  font-weight: bold;
}
.kitSettingsContainer .kitQuantityCon .info_icon {
  background-image: url(images/Information_Dialog.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: 1.2rem;
  height: 1.2rem;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 5px;
}

.restrictedKitMessage {
  background-color: #d8f0e7;
  display: flex;
  padding: 10px;
  text-align: left;
  font-size: 14px;
  border-radius: 5px;
  margin: 10px;
}

.kitSuccessContainer {
  width: 100%;
}
.kitSuccessContainer .mainCon {
  width: 70%;
  margin: 0 auto;
}
.kitSuccessContainer .mainCon .statusIcon {
  height: 60px;
  padding: 5px;
  background-image: url("shipmentStatuses/Received_Shipments.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16;
}
.kitSuccessContainer .mainCon .message {
  text-align: center;
  word-wrap: break-word;
  padding: 10px;
}
.kitSuccessContainer .mainCon .message.primary {
  font-size: 1.2em;
  font-weight: bold;
}

.kitsStatus .oj-label-required-icon {
  float: left;
  margin-right: 6px;
  margin-left: 0;
}
.kitsStatus .oj-select-default {
  width: 100%;
}

.kitsToUpdate {
  margin-bottom: 10px;
}

.inputLabelContainer {
  display: flex;
  margin: 0.5rem 0 0.2rem;
}
.inputLabelContainer .inputLabel {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.inputLabelContainer .inputLabel .oj-label,
.inputLabelContainer .inputLabel .oj-label-group {
  float: left;
}

.kitsActions {
  padding-top: 10px;
  align-self: flex-end;
}
.kitsActions .successMessage {
  margin: 0px 8px;
  padding: 0px 5px 0px 18px;
  color: #4b8227;
  font-weight: bold;
  font-style: italic;
  background-image: url("images/save_successful_icon.png");
  background-repeat: no-repeat;
  background-position: "left" "center";
  background-size: 15;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}

.blindedUpdateMessage .statusIcon {
  height: 60px;
  padding: 10px;
}
.blindedUpdateMessage .statusIcon.success {
  background-image: url("common/success_large.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60px;
}
.blindedUpdateMessage .successString {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}
.blindedUpdateMessage .message {
  padding: 10px;
}
.blindedUpdateMessage .message.section.green {
  background-color: #DFF0E8;
  border-radius: 5px;
}
.blindedUpdateMessage .message .kitNumber {
  font-weight: bold;
  margin-bottom: 10px;
}

.addToLotMenu .menuGroupHeader > a {
  display: flex;
  flex: 1;
  align-items: center;
  height: 2rem;
}

.addToLotMenu.oj-menu-dropdown .oj-menu-item.menuSearch > a {
  display: block;
  width: 100%;
  height: auto;
  padding: 0.4rem 0.4rem 0.2rem;
  box-sizing: border-box;
}

.addToLotMenu.oj-menu-dropdown .oj-menu-item.man-lot-item {
  min-width: 205px;
  max-width: 250px;
  overflow: hidden;
}
.addToLotMenu.oj-menu-dropdown .oj-menu-item.man-lot-item a {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}

.addToLotMenu {
  min-width: 15rem;
  max-height: 65vh;
  overflow-y: auto;
}
.addToLotMenu .menuSearch {
  display: flex;
  align-items: center;
}
.addToLotMenu .menuGroupHeader {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  background: #EAEAEA;
  height: 2rem;
  padding-right: 10px;
}
.addToLotMenu .menuGroupHeader .groupHeaderlabel {
  flex: 1 1 0%;
  min-width: 0px;
  min-height: 0px;
  overflow: hidden;
  font-weight: bold;
  color: #333;
  padding-right: 10px;
}
.addToLotMenu .menuGroupHeader .addButton {
  cursor: pointer;
  width: 14px;
  height: 14px;
  background-color: #000;
  border: 2px solid #000;
  border-radius: 14px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("images/PlusSign_white.svg");
}
.addToLotMenu .menuGroupHeader .addButton:hover {
  border: 2px solid #0063C9;
  background-color: #0063C9;
}
.addToLotMenu .menuItem > a {
  padding: 0px 0px 0px 10px !important;
}

.filter-column {
  margin-right: 10px;
  margin-bottom: 10px;
}

.clear-filter-icon {
  width: 15px;
  height: 15px;
  background-image: url("inventoryicons/ClearCross_hover.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}

.clear-filter-text-filter {
  color: #0C5DCA;
  font-weight: bold;
}

.clear-filter-text {
  color: #0C5DCA;
  margin-left: -10px;
  font-size: 1rem;
  font-weight: bold;
}

.clear-filter-text-disabled {
  color: #c6c6c6;
  margin-left: -10px;
  font-size: 1rem;
  font-weight: bold;
}

.separator {
  margin-top: 10px;
  margin-right: 10px;
  margin-left: 10px;
}

.inventoryLabel {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 3px;
  background-color: #eee;
  padding-left: 3px;
  padding-right: 6px;
  height: 1.75em;
  width: 250px;
  margin-left: auto;
  margin-right: auto;
}
.inventoryLabel.new, .inventoryLabel.status_16 {
  background-color: #c4eab6 !important;
}
.inventoryLabel.new:before, .inventoryLabel.status_16:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/New_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.available, .inventoryLabel.status_1 {
  background-color: #d8f0e7 !important;
}
.inventoryLabel.available:before, .inventoryLabel.status_1:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/Available_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.damaged, .inventoryLabel.status_2 {
  background-color: #f2d3d3 !important;
}
.inventoryLabel.damaged:before, .inventoryLabel.status_2:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/Damaged_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.damaged_by_subject, .inventoryLabel.status_15 {
  background-color: #f2d3d3 !important;
}
.inventoryLabel.damaged_by_subject:before, .inventoryLabel.status_15:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/DamagedBySubject_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.dispensed, .inventoryLabel.status_4 {
  background-color: #f0d8ee !important;
}
.inventoryLabel.dispensed:before, .inventoryLabel.status_4:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/Dispensed_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.dispensed_device, .inventoryLabel.status_4_device {
  background-color: #f0d8ee !important;
}
.inventoryLabel.dispensed_device:before, .inventoryLabel.status_4_device:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/Dispensed_status_device.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.do_not_count {
  background-color: #f6dbab !important;
}
.inventoryLabel.do_not_count:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/DNC.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.do_not_ship {
  background-color: #eeecb0 !important;
}
.inventoryLabel.do_not_ship:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/DNS.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.expired, .inventoryLabel.status_5 {
  background-color: #f6b4ab !important;
}
.inventoryLabel.expired:before, .inventoryLabel.status_5:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/Expired_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.in_transit, .inventoryLabel.status_9 {
  background-color: #dde2f6 !important;
}
.inventoryLabel.in_transit:before, .inventoryLabel.status_9:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/InTransit_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.misallocated, .inventoryLabel.status_7 {
  background-color: #ddf6f5 !important;
}
.inventoryLabel.misallocated:before, .inventoryLabel.status_7:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/Misallocated_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.missing, .inventoryLabel.status_8 {
  background-color: #f8d3e4 !important;
}
.inventoryLabel.missing:before, .inventoryLabel.status_8:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/Missing_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.not_in_use, .inventoryLabel.status_6 {
  background-color: #d8e2f0 !important;
}
.inventoryLabel.not_in_use:before, .inventoryLabel.status_6:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/NotInUse_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.quarantined, .inventoryLabel.status_10 {
  background-color: #F6F5DA !important;
}
.inventoryLabel.quarantined:before, .inventoryLabel.status_10:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/Quarantined_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.pre_quarantined, .inventoryLabel.status_11, .inventoryLabel.pre-quarantined {
  background-color: #F6F5DA !important;
}
.inventoryLabel.pre_quarantined:before, .inventoryLabel.status_11:before, .inventoryLabel.pre-quarantined:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/PreQuarantined_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.destroyed, .inventoryLabel.status_3 {
  background-color: #e3e3e3 !important;
}
.inventoryLabel.destroyed:before, .inventoryLabel.status_3:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/Destroyed_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.for_destruction, .inventoryLabel.status_12 {
  background-color: #e3e3e3 !important;
}
.inventoryLabel.for_destruction:before, .inventoryLabel.status_12:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/ForDestruction.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.processed_for_destruction, .inventoryLabel.status_12 {
  background-color: #e3e3e3 !important;
}
.inventoryLabel.processed_for_destruction:before, .inventoryLabel.status_12:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/ForDestruction.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.lost_by_subject, .inventoryLabel.status_13 {
  background-color: #f2d3d3 !important;
}
.inventoryLabel.lost_by_subject:before, .inventoryLabel.status_13:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/LostBySubject_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.temporarily_unavailable, .inventoryLabel.status_14 {
  background-color: #eeecb0 !important;
}
.inventoryLabel.temporarily_unavailable:before, .inventoryLabel.status_14:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/TemporarilyUnavail_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.not_dispensed_to_subject, .inventoryLabel.status_17 {
  background-color: #F7F0C4 !important;
}
.inventoryLabel.not_dispensed_to_subject:before, .inventoryLabel.status_17:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/NotDispensed_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.status_18 {
  background-color: #b0d6f4 !important;
}
.inventoryLabel.status_18:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("integrationImages/ReturnedtoSite_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.status_19 {
  background-color: #C7FFDB !important;
}
.inventoryLabel.status_19:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("integrationImages/conserved.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.status_20 {
  background-color: #e3e3e3 !important;
}
.inventoryLabel.status_20:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/received_for_destruction_inventory.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.status_21 {
  background-color: #B6D5F1 !important;
}
.inventoryLabel.status_21:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/DrugRecon_form.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.status_dispensation-confirmed {
  background-color: #E7F2E5 !important;
}
.inventoryLabel.status_dispensation-confirmed:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("images/success_icon.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}

.kitNumber_package,
.kitNumber_desc {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 3px;
  padding-right: 6px;
  height: 1.75em;
  width: 250px;
  margin-left: auto;
  margin-right: auto;
  color: #000000;
}
.kitNumber_package.blisterpack:before, .kitNumber_package.type_1:before,
.kitNumber_desc.blisterpack:before,
.kitNumber_desc.type_1:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0px 0.5rem 0px 0px;
  background-image: url("designerimages/kits/BlisterPack_kit.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.kitNumber_package.bottle:before, .kitNumber_package.type_2:before,
.kitNumber_desc.bottle:before,
.kitNumber_desc.type_2:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0px 0.5rem 0px 0px;
  background-image: url("designerimages/kits/PillBottle_kit.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.kitNumber_package.device:before, .kitNumber_package.type_3:before,
.kitNumber_desc.device:before,
.kitNumber_desc.type_3:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0px 0.5rem 0px 0px;
  background-image: url("designerimages/kits/Device_kit.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.kitNumber_package.syringe:before, .kitNumber_package.type_4:before,
.kitNumber_desc.syringe:before,
.kitNumber_desc.type_4:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0px 0.5rem 0px 0px;
  background-image: url("designerimages/kits/Injection_kit.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.kitNumber_package.ointment:before, .kitNumber_package.type_5:before,
.kitNumber_desc.ointment:before,
.kitNumber_desc.type_5:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0px 0.5rem 0px 0px;
  background-image: url("designerimages/kits/TopicalOintment_kit.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.kitNumber_package.vial:before, .kitNumber_package.type_6:before,
.kitNumber_desc.vial:before,
.kitNumber_desc.type_6:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0px 0.5rem 0px 0px;
  background-image: url("designerimages/kits/Vial_kit.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.kitNumber_package.inhaler:before, .kitNumber_package.type_7:before,
.kitNumber_desc.inhaler:before,
.kitNumber_desc.type_7:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0px 0.5rem 0px 0px;
  background-image: url("designerimages/kits/Inhaler_kit.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.kitNumber_package.infusion:before, .kitNumber_package.type_8:before,
.kitNumber_desc.infusion:before,
.kitNumber_desc.type_8:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0px 0.5rem 0px 0px;
  background-image: url("designerimages/kits/IV_kit.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.kitNumber_package.box:before, .kitNumber_package.type_9:before,
.kitNumber_desc.box:before,
.kitNumber_desc.type_9:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0px 0.5rem 0px 0px;
  background-image: url("designerimages/kits/Box_kit.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.kitNumber_package.other:before, .kitNumber_package.type_10:before,
.kitNumber_desc.other:before,
.kitNumber_desc.type_10:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0px 0.5rem 0px 0px;
  background-image: url("designerimages/kits/GenericKit_kit.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.kitNumber_package.titration_kit:before,
.kitNumber_desc.titration_kit:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0px 0.5rem 0px 0px;
  background-image: url("designerimages/titrations/TitrationCard.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.kitNumber_package.type_DEVICE_ACTIVITYWATCH:before,
.kitNumber_desc.type_DEVICE_ACTIVITYWATCH:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0px 0.5rem 0px 0px;
  background-image: url("designerimages/device/icon_activity_watch.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.kitNumber_package.type_DEVICE_BLOODGLUCOSE:before,
.kitNumber_desc.type_DEVICE_BLOODGLUCOSE:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0px 0.5rem 0px 0px;
  background-image: url("designerimages/device/icon_blood_glucose.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.kitNumber_package.type_DEVICE_BLOODPRESSUREMONITOR:before,
.kitNumber_desc.type_DEVICE_BLOODPRESSUREMONITOR:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0px 0.5rem 0px 0px;
  background-image: url("designerimages/device/icon_blood_pressure_monitor.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.kitNumber_package.type_DEVICE_OTHER:before,
.kitNumber_desc.type_DEVICE_OTHER:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0px 0.5rem 0px 0px;
  background-image: url("designerimages/device/icon_device_general.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.kitNumber_package.type_DEVICE_ECGREADER:before,
.kitNumber_desc.type_DEVICE_ECGREADER:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0px 0.5rem 0px 0px;
  background-image: url("designerimages/device/icon_ECG_reader.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.kitNumber_package.type_DEVICE_MOBILEAPP:before,
.kitNumber_desc.type_DEVICE_MOBILEAPP:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0px 0.5rem 0px 0px;
  background-image: url("designerimages/device/icon_mobile_app.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.kitNumber_package.type_DEVICE_PULSEOXIMETER:before,
.kitNumber_desc.type_DEVICE_PULSEOXIMETER:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0px 0.5rem 0px 0px;
  background-image: url("designerimages/device/icon_pulse_oximeter.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.kitNumber_package.type_DEVICE_WEIGHTSCALE:before,
.kitNumber_desc.type_DEVICE_WEIGHTSCALE:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0px 0.5rem 0px 0px;
  background-image: url("designerimages/device/icon_scale.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.kitNumber_package.type_DEVICE_SMARTPILLBOTTLE:before,
.kitNumber_desc.type_DEVICE_SMARTPILLBOTTLE:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0px 0.5rem 0px 0px;
  background-image: url("designerimages/device/icon_smart_pill_bottle.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.kitNumber_package.type_DEVICE_SPIROMETER:before,
.kitNumber_desc.type_DEVICE_SPIROMETER:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0px 0.5rem 0px 0px;
  background-image: url("designerimages/device/icon_spirometerA.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.kitNumber_package.type_DEVICE_WEARABLEPATCH:before,
.kitNumber_desc.type_DEVICE_WEARABLEPATCH:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0px 0.5rem 0px 0px;
  background-image: url("designerimages/device/icon_wearable_patch.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.kitNumber_package.type_DEVICE_GLUCOSEMONITOR:before,
.kitNumber_desc.type_DEVICE_GLUCOSEMONITOR:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0px 0.5rem 0px 0px;
  background-image: url("designerimages/device/icon_blood_glucose.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.kitNumber_package.type_nonSerialized:before,
.kitNumber_desc.type_nonSerialized:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 0px 0.5rem 0px 0px;
  background-image: url("images/NS_Kits_MainPage_Active.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.kitNumber_package.blinded_style,
.kitNumber_desc.blinded_style {
  color: rgba(0, 0, 0, 0.8);
  font-style: italic;
  letter-spacing: 0.5px;
}
.kitNumber_package.overflow-text-ellipsis,
.kitNumber_desc.overflow-text-ellipsis {
  display: flex;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  height: auto;
}
.kitNumber_package.overflow-text-ellipsis .kitNumber_desc_content,
.kitNumber_package.overflow-text-ellipsis .kitNumber_desc_title,
.kitNumber_package.overflow-text-ellipsis .kitNumber_desc_subtitle,
.kitNumber_desc.overflow-text-ellipsis .kitNumber_desc_content,
.kitNumber_desc.overflow-text-ellipsis .kitNumber_desc_title,
.kitNumber_desc.overflow-text-ellipsis .kitNumber_desc_subtitle {
  display: block;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}

.kitNumber_package_kitnumber {
  display: block;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}

.filter-column {
  margin-right: 10px;
}

.disable_kitlists_btn {
  width: 200px;
}
.disable_kitlists_btn_option {
  min-width: 205px;
  max-width: 250px;
  overflow: hidden;
}
.disable_kitlists_btn_menu {
  overflow-y: auto;
  max-height: 350px;
}

.clear-filter-container {
  position: absolute;
  top: 5px;
  right: 15px;
  cursor: pointer;
}
.clear-filter-container .clear-filter-text::before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 15px;
  background-image: url("inventoryicons/ClearCross_hover.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.clear-filter-container .clear-filter-text::before:hover {
  background-image: url("inventoryicons/ClearCross_hover.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.clear-filter-container .clear-filter-text {
  color: #0C5DCA;
  font-weight: bold;
  margin-right: 10px;
}

.co_inventoryPage .clear-filter-container.new-clear-filter-container {
  position: relative;
  right: 0;
}

.co_inventoryPage .new-clear-filter-container .clear-filter-text {
  height: 40px;
  margin-right: 0px;
  margin-left: 5px;
}

.separator {
  margin-top: 10px;
  margin-right: 10px;
  margin-left: 10px;
}

#inventory_kitTypeList .oj-table-header {
  height: -moz-fit-content;
  height: fit-content;
}
#inventory_kitTypeList .oj-table-column-header {
  display: block;
  overflow: visible;
  min-height: 14px !important;
}
#inventory_kitTypeList .oj-table-body-row {
  border-bottom: 1px solid #e0e1e1;
}
#inventory_kitTypeList .oj-table-body-row:nth-child(odd) {
  background-color: #fff;
}
#inventory_kitTypeList .oj-table-body-row:not(.disabled) {
  cursor: pointer;
}
#inventory_kitTypeList .oj-table-body-row.disabled {
  opacity: 0.45;
  pointer-events: none;
}
#inventory_kitTypeList .oj-table-body-row.oj-hover .drillDownArrow .oj-listview-drill-icon {
  color: #000;
}
#inventory_kitTypeList .oj-table-body-row .kitNumber_desc {
  padding: 0.25rem 0;
}
#inventory_kitTypeList .oj-table-body-row .kitNumber_desc::before {
  width: 40px;
  height: 40px;
  background-size: contain;
}
#inventory_kitTypeList .oj-table-body-row .inventoryKitTypeListCount {
  font-size: 1.1rem;
}
#inventory_kitTypeList .oj-table-header-row {
  background: #f7f7f8;
}
#inventory_kitTypeList .oj-table-header-row .oj-table-column-header-cell,
#inventory_kitTypeList .oj-table-header-row th {
  background: #f7f7f8;
}
#inventory_kitTypeList .oj-table-header-row .oj-table-column-header-cell:hover,
#inventory_kitTypeList .oj-table-header-row th:hover {
  background: #e0e1e1;
}
#inventory_kitTypeList .oj-table-header-row:hover {
  background: #ebf0f9;
}
#inventory_kitTypeList .oj-table-header-row:hover .oj-table-column-header-cell,
#inventory_kitTypeList .oj-table-header-row:hover th {
  background: #ebf0f9;
}
#inventory_kitTypeList .oj-table-header-row:hover .oj-table-column-header-cell:hover,
#inventory_kitTypeList .oj-table-header-row:hover th:hover {
  background: #e0e1e1;
}

.inventoryLabel {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 3px;
  background-color: #eee;
  padding-left: 3px;
  padding-right: 6px;
  height: 1.75em;
  width: 250px;
  margin-left: auto;
  margin-right: auto;
}
.inventoryLabel.new, .inventoryLabel.status_16 {
  background-color: #c4eab6 !important;
}
.inventoryLabel.new:before, .inventoryLabel.status_16:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/New_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.available, .inventoryLabel.status_1 {
  background-color: #d8f0e7 !important;
}
.inventoryLabel.available:before, .inventoryLabel.status_1:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/Available_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.damaged, .inventoryLabel.status_2 {
  background-color: #f2d3d3 !important;
}
.inventoryLabel.damaged:before, .inventoryLabel.status_2:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/Damaged_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.damaged_by_subject, .inventoryLabel.status_15 {
  background-color: #f2d3d3 !important;
}
.inventoryLabel.damaged_by_subject:before, .inventoryLabel.status_15:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/DamagedBySubject_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.dispensed, .inventoryLabel.status_4 {
  background-color: #f0d8ee !important;
}
.inventoryLabel.dispensed:before, .inventoryLabel.status_4:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/Dispensed_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.dispensed_device, .inventoryLabel.status_4_device {
  background-color: #f0d8ee !important;
}
.inventoryLabel.dispensed_device:before, .inventoryLabel.status_4_device:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/Dispensed_status_device.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.do_not_count {
  background-color: #f6dbab !important;
}
.inventoryLabel.do_not_count:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/DNC.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.do_not_ship {
  background-color: #eeecb0 !important;
}
.inventoryLabel.do_not_ship:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/DNS.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.expired, .inventoryLabel.status_5 {
  background-color: #f6b4ab !important;
}
.inventoryLabel.expired:before, .inventoryLabel.status_5:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/Expired_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.in_transit, .inventoryLabel.status_9 {
  background-color: #dde2f6 !important;
}
.inventoryLabel.in_transit:before, .inventoryLabel.status_9:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/InTransit_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.misallocated, .inventoryLabel.status_7 {
  background-color: #ddf6f5 !important;
}
.inventoryLabel.misallocated:before, .inventoryLabel.status_7:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/Misallocated_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.missing, .inventoryLabel.status_8 {
  background-color: #f8d3e4 !important;
}
.inventoryLabel.missing:before, .inventoryLabel.status_8:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/Missing_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.not_in_use, .inventoryLabel.status_6 {
  background-color: #d8e2f0 !important;
}
.inventoryLabel.not_in_use:before, .inventoryLabel.status_6:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/NotInUse_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.quarantined, .inventoryLabel.status_10 {
  background-color: #F6F5DA !important;
}
.inventoryLabel.quarantined:before, .inventoryLabel.status_10:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/Quarantined_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.pre_quarantined, .inventoryLabel.status_11, .inventoryLabel.pre-quarantined {
  background-color: #F6F5DA !important;
}
.inventoryLabel.pre_quarantined:before, .inventoryLabel.status_11:before, .inventoryLabel.pre-quarantined:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/PreQuarantined_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.destroyed, .inventoryLabel.status_3 {
  background-color: #e3e3e3 !important;
}
.inventoryLabel.destroyed:before, .inventoryLabel.status_3:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/Destroyed_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.for_destruction, .inventoryLabel.status_12 {
  background-color: #e3e3e3 !important;
}
.inventoryLabel.for_destruction:before, .inventoryLabel.status_12:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/ForDestruction.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.processed_for_destruction, .inventoryLabel.status_12 {
  background-color: #e3e3e3 !important;
}
.inventoryLabel.processed_for_destruction:before, .inventoryLabel.status_12:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/ForDestruction.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.lost_by_subject, .inventoryLabel.status_13 {
  background-color: #f2d3d3 !important;
}
.inventoryLabel.lost_by_subject:before, .inventoryLabel.status_13:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/LostBySubject_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.temporarily_unavailable, .inventoryLabel.status_14 {
  background-color: #eeecb0 !important;
}
.inventoryLabel.temporarily_unavailable:before, .inventoryLabel.status_14:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/TemporarilyUnavail_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.not_dispensed_to_subject, .inventoryLabel.status_17 {
  background-color: #F7F0C4 !important;
}
.inventoryLabel.not_dispensed_to_subject:before, .inventoryLabel.status_17:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/NotDispensed_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.status_18 {
  background-color: #b0d6f4 !important;
}
.inventoryLabel.status_18:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("integrationImages/ReturnedtoSite_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.status_19 {
  background-color: #C7FFDB !important;
}
.inventoryLabel.status_19:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("integrationImages/conserved.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.status_20 {
  background-color: #e3e3e3 !important;
}
.inventoryLabel.status_20:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/received_for_destruction_inventory.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.inventoryLabel.status_21 {
  background-color: #B6D5F1 !important;
}
.inventoryLabel.status_21:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  margin: 3px 10px 3px 6px;
  background-image: url("inventoryicons/DrugRecon_form.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}

.bottom-control {
  margin-right: 0px;
  margin-top: 10px;
}

#updatekitDialogBtn.disabled-btn {
  pointer-events: none;
  opacity: 0.5;
}

.kit-verify-icon {
  display: inline-block;
  border: 0;
  background-color: transparent;
  width: 16px;
  margin: 0 auto !important;
  height: 16px;
  cursor: pointer;
}
.kit-verify-icon.verify_0 {
  background-image: url("inventoryicons/Verify_OFFflag.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px;
}
.kit-verify-icon.verify_1 {
  background-image: url("inventoryicons/Verify_ONflag.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px;
}

.comment-padding {
  padding-left: 25%;
}

.returned-unit-column {
  width: 95%;
  margin: auto;
}
.returned-unit-column .returned-unit-text {
  width: 40%;
  float: left;
}
.returned-unit-column .comment-bubble {
  border: 0;
  background-color: transparent;
  width: 20px;
  margin: 0 35px;
  height: 15px;
  background-image: url("inventoryicons/Comment_Icon.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}

.inventory-sidebar-kithistory-container {
  position: relative;
  height: 100px;
  outline: none;
}

.inventory-sidebar-kithistory-item {
  margin-bottom: 12px;
}

.inventoryHistoryLabel {
  padding-left: 10px;
  padding-bottom: 2px;
  word-wrap: break-word;
  word-break: break-all;
}

.inventoryHistoryDateLabel {
  font-weight: bold;
  padding-top: 5px;
}

.inventoryHistoryUnits {
  font-weight: bold;
}

.inventoryHistoryReason,
.inventoryHistoryConfirmedDispensation {
  font-style: italic;
  width: 240px !important;
}

.kitHistoryContainer, .QuarantinedShipment {
  max-height: calc(100vh - 210px);
  overflow-y: auto;
}
.kitHistoryContainer .multipleKitSelected, .QuarantinedShipment .multipleKitSelected {
  display: flex;
  flex-direction: column;
}
.kitHistoryContainer .multipleKitSelected .infoIcon, .QuarantinedShipment .multipleKitSelected .infoIcon {
  background-image: url("images/Information_Dialog.svg");
  background-size: 60px;
  background-position: center;
  background-repeat: no-repeat;
  height: 60px;
  margin: 10px 0px;
}
.kitHistoryContainer .multipleKitSelected .messageHeader, .QuarantinedShipment .multipleKitSelected .messageHeader {
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
}
.kitHistoryContainer .multipleKitSelected .messageBody, .QuarantinedShipment .multipleKitSelected .messageBody {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  text-align: center;
}

.inventoryDialogCon .oj-dialog-content {
  overflow: hidden;
  height: 100%;
}
.inventoryDialogCon .oj-dialog-content .oj-dialog-body {
  height: 100%;
}
.inventoryDialogCon .oj-dialog-content .oj-dialog-body #kit-details-from-inventory-management {
  height: 100%;
  width: 100%;
}
.inventoryDialogCon .oj-dialog-content .oj-dialog-body .co-error {
  color: #be1313 !important;
}

.comment-text {
  font-weight: bold;
}

.kitSelectionInfo {
  width: 60px;
  height: 60px;
  background-image: url(images/InformationIcon.png);
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
}

.kitSelectInfoText {
  text-align: center;
  padding: 20px;
}

.multipleKitQuantity {
  color: #0572ce;
  font-weight: bold;
  padding: 5px;
}

.drugFormViewLink {
  font-weight: bold;
}

.updateMultipleKits {
  width: 110px;
}

.updateMultipleContainer {
  padding-top: 20px;
}

.comment-wrap {
  word-wrap: break-word;
}

li.kit-status-filter-listitem {
  padding: 0;
  margin: 0;
}
li.kit-status-filter-listitem.oj-listbox-result.oc-focus {
  background: #0C5DCA;
}
li.kit-status-filter-listitem .oj-listbox-result-label {
  padding: 2px;
  margin: 1px 0;
}
li.kit-status-filter-listitem .kit-status-filter:focus {
  outline: none;
}

.kit-status-filter {
  width: 100%;
  border-radius: 5px;
}
.kit-status-filter .kit-status-label {
  height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.kit-status-filter .status-checkbox-div {
  width: 5%;
  height: 25px;
  text-align: center;
  float: left;
  padding-left: 5px;
}
.kit-status-filter .kit-status-icon {
  width: 20%;
  height: 25px;
  line-height: 30px;
  text-align: center;
  float: left;
}
.kit-status-filter .kit-status-icon .status-icon {
  width: 20px;
  display: inline-block;
  content: "";
  margin-right: 0px;
  padding-left: 40px;
  padding-top: 10px;
  height: 20px;
}
.kit-status-filter .kit-status-icon .status-icon.available, .kit-status-filter .kit-status-icon .status-icon.status_1 {
  background-image: url("inventoryicons/Available_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-status-filter .kit-status-icon .status-icon.damaged, .kit-status-filter .kit-status-icon .status-icon.status_2 {
  background-image: url("inventoryicons/Damaged_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-status-filter .kit-status-icon .status-icon.destroyed, .kit-status-filter .kit-status-icon .status-icon.status_3 {
  background-image: url("inventoryicons/Destroyed_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-status-filter .kit-status-icon .status-icon.dispensed, .kit-status-filter .kit-status-icon .status-icon.status_4 {
  background-image: url("inventoryicons/Dispensed_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-status-filter .kit-status-icon .status-icon.dispensed_device, .kit-status-filter .kit-status-icon .status-icon.status_4_device {
  background-image: url("inventoryicons/Dispensed_status_device.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-status-filter .kit-status-icon .status-icon.expired, .kit-status-filter .kit-status-icon .status-icon.status_5 {
  background-image: url("inventoryicons/Expired_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-status-filter .kit-status-icon .status-icon.not_in_use, .kit-status-filter .kit-status-icon .status-icon.status_6 {
  background-image: url("inventoryicons/NotInUse_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-status-filter .kit-status-icon .status-icon.misallocated, .kit-status-filter .kit-status-icon .status-icon.status_7 {
  background-image: url("inventoryicons/Misallocated_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-status-filter .kit-status-icon .status-icon.missing, .kit-status-filter .kit-status-icon .status-icon.status_8 {
  background-image: url("inventoryicons/Missing_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-status-filter .kit-status-icon .status-icon.in_transit, .kit-status-filter .kit-status-icon .status-icon.status_9 {
  background-image: url("inventoryicons/InTransit_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-status-filter .kit-status-icon .status-icon.quarantined, .kit-status-filter .kit-status-icon .status-icon.status_10 {
  background-image: url("inventoryicons/Quarantined_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-status-filter .kit-status-icon .status-icon.pre_quarantined, .kit-status-filter .kit-status-icon .status-icon.status_11, .kit-status-filter .kit-status-icon .status-icon.pre-quarantined {
  background-image: url("inventoryicons/PreQuarantined_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-status-filter .kit-status-icon .status-icon.for_destruction, .kit-status-filter .kit-status-icon .status-icon.status_12, .kit-status-filter .kit-status-icon .status-icon.pending_destruction {
  background-image: url("inventoryicons/ProcessedforDestruction_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-status-filter .kit-status-icon .status-icon.lost_by_subject, .kit-status-filter .kit-status-icon .status-icon.status_13 {
  background-image: url("inventoryicons/LostBySubject_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-status-filter .kit-status-icon .status-icon.temporarily_unavailable, .kit-status-filter .kit-status-icon .status-icon.status_14 {
  background-image: url("inventoryicons/TemporarilyUnavail_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-status-filter .kit-status-icon .status-icon.damaged_by_subject, .kit-status-filter .kit-status-icon .status-icon.status_15 {
  background-image: url("inventoryicons/DamagedBySubject_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-status-filter .kit-status-icon .status-icon.new, .kit-status-filter .kit-status-icon .status-icon.status_16 {
  background-image: url("inventoryicons/New_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-status-filter .kit-status-icon .status-icon.not_dispensed_to_subject, .kit-status-filter .kit-status-icon .status-icon.status_17 {
  background-image: url("inventoryicons/NotDispensed_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-status-filter .kit-status-icon .status-icon.returned_to_site, .kit-status-filter .kit-status-icon .status-icon.status_18 {
  background-image: url("integrationImages/ReturnedtoSite_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-status-filter .kit-status-icon .status-icon.received_for_destruction, .kit-status-filter .kit-status-icon .status-icon.status_20 {
  background-image: url("inventoryicons/received_for_destruction_inventory.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.kit-status-filter .kit-status-icon .status-icon.clearAll {
  margin-left: -20px;
  background-image: url("inventoryicons/ClearCross_hover.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.kit-status-filter .kit-status-icon .status-icon.clearAllDisabled {
  margin-left: -20px;
  background-image: url("inventoryicons/ClearCross_disabled.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}

.inventory-cell {
  width: 100%;
  height: 30px;
  line-height: 30px;
  background-color: #d8f0e7;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.inventory-cell .kit-number-style {
  text-decoration: underline;
  padding-left: 10px;
}
.inventory-cell.available, .inventory-cell.status_1 {
  background-color: #d8f0e7 !important;
}
.inventory-cell.damaged, .inventory-cell.status_2 {
  background-color: #f2d3d3 !important;
}
.inventory-cell.destroyed, .inventory-cell.status_3, .inventory-cell.pending_destruction, .inventory-cell.status_20, .inventory-cell.received_for_destruction {
  background-color: #e3e3e3 !important;
}
.inventory-cell.dispensed, .inventory-cell.status_4 {
  background-color: #f0d8ee !important;
}
.inventory-cell.expired, .inventory-cell.status_5 {
  background-color: #f6b4ab !important;
}
.inventory-cell.not_in_use, .inventory-cell.status_6 {
  background-color: #d8e2f0 !important;
}
.inventory-cell.misallocated, .inventory-cell.status_7 {
  background-color: #ddf6f5 !important;
}
.inventory-cell.missing, .inventory-cell.status_8 {
  background-color: #f8d3e4 !important;
}
.inventory-cell.in_transit, .inventory-cell.status_9 {
  background-color: #dde2f6 !important;
}
.inventory-cell.quarantined, .inventory-cell.status_10 {
  background-color: #F6F5DA !important;
}
.inventory-cell.pre_quarantined, .inventory-cell.status_11, .inventory-cell.pre-quarantined {
  background-color: #F6F5DA !important;
}
.inventory-cell.for_destruction, .inventory-cell.status_12 {
  background-color: #e3e3e3 !important;
}
.inventory-cell.lost_by_subject, .inventory-cell.status_13 {
  background-color: #f2d3d3 !important;
}
.inventory-cell.temporarily_unavailable, .inventory-cell.status_14 {
  background-color: #eeecb0 !important;
}
.inventory-cell.damaged_by_subject, .inventory-cell.status_15 {
  background-color: #f2d3d3 !important;
}
.inventory-cell.new, .inventory-cell.status_16 {
  background-color: #c4eab6 !important;
}
.inventory-cell.not_dispensed_to_subject, .inventory-cell.status_17 {
  background-color: #F7F0C4 !important;
}
.inventory-cell.returned_to_site, .inventory-cell.status_18 {
  background-color: #b0d6f4 !important;
}
.inventory-cell.clearAll {
  background-color: #ffffff !important;
}

.filter-status-text {
  width: 100%;
  font-size: 1em;
  font-style: italic !important;
}

.oj-listbox-spyglass-box.disabled {
  pointer-events: none;
  cursor: default;
}

.clinicalOne-simpleMessage.clinicalOne-DialogWindow.kitListUploadWindow .oj-dialog-content > div {
  height: 100%;
}

.selectAllCheckboxset.oj-checkboxset {
  min-width: unset;
  margin-bottom: 0;
}
.selectAllCheckboxset.oj-checkboxset .oj-radiocheckbox-icon {
  margin: 0;
}

#oj-listbox-results-kitSettings_kitStatus .oj-listbox-result {
  margin: 0px;
  padding: 0px;
  min-height: 32px;
}
#oj-listbox-results-kitSettings_kitStatus .oj-listbox-result .inventoryStatusLabel.menuItem {
  display: flex !important;
}

#oj-listbox-results-kitSettings_kitStatus_dialog .oj-hover {
  background: none;
}
#oj-listbox-results-kitSettings_kitStatus_dialog .oj-listbox-result .oj-listbox-result-label {
  padding: 0;
}
#oj-listbox-results-kitSettings_kitStatus_dialog .oj-listbox-result .oj-listbox-result-label .inventoryStatusLabel.menuItem {
  margin: 0;
  width: 100%;
}
#oj-listbox-results-kitSettings_kitStatus_dialog .oj-listbox-result .oj-listbox-result-label .inventoryStatusLabel.menuItem:hover {
  border: 1px solid #ccc;
}
#oj-listbox-results-kitSettings_kitStatus_dialog li {
  min-height: 35px;
  padding: 4px;
}

.kitNumber_desc.oj-label.oj-component .oj-label-group label {
  font-weight: normal;
}

.kitTableContainer {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  overflow: hidden;
}
.kitTableContainer div.oj-table-column-header {
  display: block;
}
.kitTableContainer .oj-table .oj-table-header {
  height: auto;
}
.kitTableContainer .disp-conf-column div,
.kitTableContainer .missing-unit-column div,
.kitTableContainer .returned-unit-column div,
.kitTableContainer .cra-verifiy-column div,
.kitTableContainer .balance-unit-column div,
.kitTableContainer .unit-per-kit-column div {
  white-space: normal;
}

.kit-status-filter-listitem:focus,
.kit-status-filter-listitem .inventory-cell {
  outline: none;
}

#oj-listbox-results-inventory_statusFilter .oj-listbox-result-label {
  padding: 0;
}

.oj-listbox-drop .oj-listbox-search-wrapper {
  padding: 4px;
}

#oj-listbox-results-inventory_statusFilter oj-option.kit-status-filter-listitem.oj-complete {
  width: 100%;
}

#oj-listbox-results-inventory_statusFilter li.oc-focus {
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
}

.studyInvFilterCon {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  margin-right: 10px;
}
.studyInvFilterCon .clear-filter-con {
  display: inline-block;
  cursor: pointer;
}
.studyInvFilterCon .clear-filter-con .clear-filter-text::before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 14px;
  background-image: url("inventoryicons/ClearCross_hover.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.studyInvFilterCon .clear-filter-con .clear-filter-text::before:hover {
  background-image: url("inventoryicons/ClearCross_hover.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.studyInvFilterCon .clear-filter-con .clear-filter-text {
  color: #0C5DCA;
  font-weight: bold;
  margin-right: 10px;
  margin-left: 0px;
}

.listSidebar .actionButtons {
  margin-bottom: 10px;
}
.listSidebar .question-hint-sidebar {
  background-color: #eef5e9;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.listSidebar .question-hint-sidebar .top-bar {
  background-color: #d5e7c7;
  height: 30px;
  padding: 0;
}
.listSidebar .question-hint-sidebar .question-hint {
  padding: 10px 0 0 15px;
  white-space: pre-wrap;
  font-weight: bold;
  text-align: left;
}
.listSidebar .question-hint-sidebar .question-hint-not-provided {
  padding: 10px 0 0 15px;
  white-space: pre-wrap;
  font-style: italic;
}
.listSidebar .question-hint-sidebar .icon {
  background-image: url(subjectimages/QuestionHint.svg);
  height: 40px;
  width: 40px;
  margin-top: -20px;
  background-repeat: no-repeat;
  align-self: center;
}
.listSidebar .questionHintTip {
  padding: 10px;
}
.listSidebar .unreadCommentsCount {
  font-size: x-small;
  margin-left: 6px;
  background-color: #DF522A;
  border-radius: 16px;
  height: 16px;
  width: 16px;
  color: white;
  line-height: 16px;
  text-align: center;
}

#answerHistoryContainer, #answerHistoryContainerRep {
  background-color: #ddeff2;
  flex: 1 0 auto;
  min-width: 0px;
  min-height: 0px;
}

#visitHistoryContainer, #visitHistoryContainerRep {
  background-color: #def1ea;
  flex: 1 0 auto;
  min-width: 0px;
  min-height: 0px;
}
#visitHistoryContainer .visitStatusHistorySidebar .stick-title, #visitHistoryContainerRep .visitStatusHistorySidebar .stick-title {
  position: fixed;
}
#visitHistoryContainer .visitStatusHistorySidebar .visitCollapsible .accordion-title, #visitHistoryContainerRep .visitStatusHistorySidebar .visitCollapsible .accordion-title {
  font-weight: bold;
  font-size: 14px;
  color: #0063c9;
  border: 0;
  display: flex;
  align-items: center;
}
#visitHistoryContainer .visitStatusHistorySidebar .visitCollapsible .undo-skip-icon, #visitHistoryContainerRep .visitStatusHistorySidebar .visitCollapsible .undo-skip-icon {
  background-image: url(subjectimages/Unskipped_visithistory.png);
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
}
#visitHistoryContainer .visitStatusHistorySidebar .visitCollapsible .skip-icon, #visitHistoryContainerRep .visitStatusHistorySidebar .visitCollapsible .skip-icon {
  background-image: url(subjectimages/Skipped_visithistory.png);
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
}
#visitHistoryContainer .visitStatusHistorySidebar .top-bar, #visitHistoryContainerRep .visitStatusHistorySidebar .top-bar {
  background-color: #3caf85;
  height: 30px;
  padding: 0;
  display: flex;
  align-items: center;
}
#visitHistoryContainer .visitStatusHistorySidebar .top-bar .visit-status-history-title, #visitHistoryContainerRep .visitStatusHistorySidebar .top-bar .visit-status-history-title {
  font-weight: bold;
  color: #ffffff;
  margin-left: 55px;
}
#visitHistoryContainer .visitStatusHistorySidebar .icon, #visitHistoryContainerRep .visitStatusHistorySidebar .icon {
  background-image: url(subjectimages/VisitHistory.svg);
  height: 40px;
  width: 40px;
  margin-top: -20px;
  background-repeat: no-repeat;
  margin-left: 5px;
}
#visitHistoryContainer .visitStatusHistorySidebar .colText, #visitHistoryContainerRep .visitStatusHistorySidebar .colText {
  color: #4e96d9;
  font-weight: bold;
}
#visitHistoryContainer .visitStatusHistorySidebar .answerContainer, #visitHistoryContainerRep .visitStatusHistorySidebar .answerContainer {
  margin-left: 40px;
}
#visitHistoryContainer .visitStatusHistorySidebar .answerValueText.query-history-date-time, #visitHistoryContainerRep .visitStatusHistorySidebar .answerValueText.query-history-date-time {
  padding-right: 2px;
}
#visitHistoryContainer .visitStatusHistorySidebar .answerValueText, #visitHistoryContainerRep .visitStatusHistorySidebar .answerValueText {
  font-weight: bold;
  white-space: pre-wrap;
}

.answerHistorySideBar .sidebar-margins {
  margin: 0 5px 0 5px;
}
.answerHistorySideBar .sidebar-margins.sidebar-margins-answerHistories-container {
  display: flex;
  flex-direction: column;
  position: relative;
}
.answerHistorySideBar .sidebar-margins.sidebar-margins-answerHistories-container .answer-history-vertical-link {
  height: 100%;
  width: 7px;
  margin: 0px;
  background-color: rgb(201, 211, 219);
  position: absolute;
  left: 19px;
  top: 25px;
  z-index: 2;
}
.answerHistorySideBar .top-bar {
  background-color: #0ea7c1;
  height: 30px;
  padding: 0;
  display: flex;
  align-items: center;
}
.answerHistorySideBar .top-bar .answer-history-title {
  font-weight: bold;
  color: #ffffff;
  margin-left: 55px;
}
.answerHistorySideBar .icon {
  background-image: url(subjectimages/AnswerHistory.svg);
  height: 40px;
  width: 40px;
  margin-top: -20px;
  background-repeat: no-repeat;
  margin-left: 5px;
}
.answerHistorySideBar .visit-top-bar {
  background-color: #3caf85 !important;
}
.answerHistorySideBar .visit-icon {
  background-image: url(subjectimages/VisitHistory.svg) !important;
}
.answerHistorySideBar .answerHiscol.new:last-of-type .answer-history-vertical-link {
  display: none;
}
.answerHistorySideBar .answerHiscol.new {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  position: relative;
}
.answerHistorySideBar .answerHiscol.new + hr {
  margin-left: 15px;
  margin-right: 15px;
}
.answerHistorySideBar .answerHiscol.new .queryIcon {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/Query_Form_Init.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
  z-index: 9;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.Candidate {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/Query_Candidate_New.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.Started {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/Query_Started.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.Filled {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/Query_Form.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.Opened {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/Query_Open.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.Answered {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/Query_Answer.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.Closed {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/Query_Closed.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.error {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/Error_Dialog.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.Deleted {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/Query_Deleted.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.dataFlagIcon_ND {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/DataFlag_NotDone_history.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.dataFlagIcon_NA {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/DataFlag_NA_history.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.dataFlagIcon_UNK {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/DataFlag_Unknown_history.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.dataFlagIcon_ClearFlag_history {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/ClearFlag_history.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.ClearData_history {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/ClearData_history.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.dataFlagIcon_NotAnswered {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/NotAnswered.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.signVisitClass_signed {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/Signature_QuestionandHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.signVisitClass_unsigned {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/Unsigned_QuestionandHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.signVisitClass_unverified {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/UnverifiedCheck_QuestionandHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.signVisitClass_verified {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/VerifiedCheck_QuestionandHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.signVisitClass_frozen {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/Frozen_QuestionandHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.signVisitClass_unfrozen {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/Unfrozen_QuestionandHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.signVisitClass_locked {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/Lock_QuestionandHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.signVisitClass_unlocked {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/UnLock_QuestionandHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.formLinkClass_linked {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/Link_AnswerHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.formLinkClass_unlinked {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/RemoveLink_AnswerHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.skip-icon {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/SkipVist.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.undo-skip-icon {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/UnSkipVist.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.deleted-action-icon {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/DeletedFormItem.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
  background-size: contain;
}
.answerHistorySideBar .answerHiscol.new .queryIcon.restored-action-icon {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/RestoredFormItem.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
  background-size: contain;
}
.answerHistorySideBar .answerHiscol.new .answerQueryHistoryContainer {
  flex-grow: 9;
  max-width: 275px;
}
.answerHistorySideBar .answerHiscol.new .answerQueryHistoryContainer .answerQueryHistoryTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.answerHistorySideBar .answerHiscol.new .answerQueryHistoryContainer .answerQueryHistoryTitle .answerQueryTitle {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.answerHistorySideBar .answerHiscol.new .answerQueryHistoryContainer .answerQueryHistoryTitle .answerQueryTitle h5.answerTitle.colText {
  font-weight: bold;
  font-size: 1.14rem;
  flex-direction: column;
  display: flex;
  margin-top: 7px;
  margin-bottom: 4px;
}
.answerHistorySideBar .answerHiscol.new .answerQueryHistoryContainer .answerQueryHistoryTitle .answerQueryTitle h5.answerTitle.colText-sub {
  font-style: italic;
}
.answerHistorySideBar .answerHiscol.new .answerQueryHistoryContainer .answerQueryHistoryTitle .answerQueryTitle h5.answerTitle .answer-value-container {
  max-width: 260px;
}
.answerHistorySideBar .answerHiscol.new .answerQueryHistoryContainer .answerQueryHistoryTitle .answerQueryTimeUser {
  display: flex;
  flex-direction: column;
  font-style: italic;
  max-width: 100px;
  min-width: 100px;
  width: 100px;
  text-align: right;
}
.answerHistorySideBar .answerHiscol.new .answerQueryHistoryContainer .answerQueryHistoryTitle .answerContainer {
  margin-left: 20px;
}
.answerHistorySideBar .answerHiscol.new .answerQueryHistoryContainer .answerQueryHistoryTitle .answerValueText.query-history-date-time {
  padding-right: 2px;
}
.answerHistorySideBar .answerHiscol.new .answerQueryHistoryContainer .answerQueryHistoryTitle .answerValueText {
  color: #585858;
}
.answerHistorySideBar .answerHiscol.new .answerQueryDescription {
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
  overflow-x: auto;
}
.answerHistorySideBar .answerHiscol.new .answerQueryDescription span {
  max-width: 260px;
  white-space: pre-wrap;
  word-break: break-all;
}
.answerHistorySideBar .answerHiscol.new .answerQueryTimeUser span {
  display: block;
}
.answerHistorySideBar .answerHiscol.new .answerQueryTimeUser .answerValueText {
  padding-top: 6px;
}
.answerHistorySideBar .answerHiscol.original .colText {
  color: #4e96d9;
  font-weight: bold;
}
.answerHistorySideBar .answerHiscol.original .answerContainer {
  margin-left: 20px;
}
.answerHistorySideBar .answerHiscol.original .answerValueText {
  font-weight: bold;
  white-space: pre-wrap;
}
.answerHistorySideBar .answerHiscol.original .answerValueTextNew {
  font-weight: bold;
  white-space: pre-wrap;
  word-break: break-all;
  display: inline-block;
}

.hamburgerMenu.oj-menu-text-only .oj-menu-item > a {
  padding-left: 15px !important;
}

.subjectHistorySidebar {
  height: 100%;
}
.subjectHistorySidebar #subject-history-dropdown {
  max-width: 100%;
  margin: 7px 0;
}
.subjectHistorySidebar .deviceHamburger button {
  margin-top: 15px;
  margin-right: 14px;
  border: 0;
  width: 16px;
  height: 16px;
  background-color: transparent !important;
  background-image: none !important;
}
.subjectHistorySidebar .deviceHamburger .oj-button-label .oj-button-text {
  visibility: hidden;
  padding: 0;
}
.subjectHistorySidebar .deviceHamburger .oj-button-menu-dropdown-icon::before {
  background-color: transparent !important;
  background-image: url("subjectimages/subject-history-icons/icon_burger_pink_bg.svg") !important;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  content: "";
}
.subjectHistorySidebar .deviceHamburger .oj-button-menu-dropdown-icon {
  font-size: 0;
  margin: 0 !important;
}
.subjectHistorySidebar .doseHoldHamburger {
  position: absolute;
  right: 0;
  top: 0;
}
.subjectHistorySidebar .doseHoldHamburger button {
  margin-top: 15px;
  margin-right: 14px;
  border: 0;
  width: 16px;
  height: 16px;
  background-color: transparent !important;
  background-image: none !important;
}
.subjectHistorySidebar .doseHoldHamburger .oj-button-label .oj-button-text {
  visibility: hidden;
  padding: 0;
}
.subjectHistorySidebar .doseHoldHamburger .oj-button-menu-dropdown-icon::before {
  background-color: transparent !important;
  background-image: url("subjectimages/subject-history-icons/icon_burger_pink_bg.svg") !important;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  content: "";
}
.subjectHistorySidebar .doseHoldHamburger .oj-button-menu-dropdown-icon {
  font-size: 0;
  margin: 0 !important;
}
.subjectHistorySidebar .safetyCaseHamburger {
  position: absolute;
  right: 0;
  top: 7px;
}
.subjectHistorySidebar .safetyCaseHamburger button {
  margin-top: 15px;
  margin-right: 14px;
  border: 0;
  width: 16px;
  height: 16px;
  background-color: transparent !important;
  background-image: none !important;
}
.subjectHistorySidebar .safetyCaseHamburger .oj-button-label .oj-button-text {
  visibility: hidden;
  padding: 0;
}
.subjectHistorySidebar .safetyCaseHamburger .oj-button-menu-dropdown-icon::before {
  background-color: transparent !important;
  background-image: url("subjectimages/subject-history-icons/icon_burger_pink_bg.svg") !important;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  content: "";
}
.subjectHistorySidebar .safetyCaseHamburger .oj-button-menu-dropdown-icon {
  font-size: 0;
  margin: 0 !important;
}
.subjectHistorySidebar .userAssistant {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.subjectHistorySidebar .userAssistant .subject-history-ua-icon {
  min-height: 165px;
  height: 165px;
  max-height: 165px;
  min-width: 125px;
  width: 125px;
  max-width: 125px;
  background-image: url("subjectimages/SubjectHistoryAssist.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto;
}
.subjectHistorySidebar .userAssistant.no-subject-history {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.subjectHistorySidebar .userAssistant.no-subject-history .subject-history-ua-icon {
  min-height: 75px;
  height: 75px;
  max-height: 75px;
  min-width: 75px;
  width: 75px;
  max-width: 75px;
  background-image: url("subjectimages/SubjectHistoryAssist.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto;
}
.subjectHistorySidebar .userAssistant.no-subject-history .ua-h2 {
  width: 205px;
  font-weight: bold;
  padding-top: 10px;
}
.subjectHistorySidebar .userAssistant.no-subject-history .ua-text {
  padding-top: 15px;
  width: 205px;
  padding-left: 84px;
}
.subjectHistorySidebar .userAssistant.no-subject-history .ua-text.ua-text-middle {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  width: 250px;
}
.subjectHistorySidebar .kit-table-container {
  min-height: 75px;
  margin-bottom: 15px;
}
.subjectHistorySidebar #subjectTransferDiv .oj-collapsible-header-icon {
  padding-left: 0px;
}
.subjectHistorySidebar #kitHistoryDiv .oj-collapsible-header-icon {
  padding-left: 0px;
}
.subjectHistorySidebar .subjecthistory-icon {
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0px 5px 10px 0px;
  flex-shrink: 0;
}
.subjectHistorySidebar .subjecthistory-icon.subject-history-transfer {
  display: inline-block;
  margin: 0px 5px 0px 0px;
}
.subjectHistorySidebar .subjecthistory-icon.subject-history-dispensation {
  display: inline-block;
  margin: 0px 5px 0px 0px;
}
.subjectHistorySidebar .accordion-title {
  font-weight: bold;
  font-size: 14px;
  color: #0063c9;
  border: 0;
  background-color: #fff;
  display: flex;
  align-items: center;
}
.subjectHistorySidebar .transferHistoryContainer {
  margin: 0px 0px 20px 25px;
  font-weight: normal;
}
.subjectHistorySidebar .subject-history-title {
  margin: 0px 0px 15px 5px;
  font-weight: bold;
  padding-left: 9px;
  display: flex;
  flex-direction: column;
}
.subjectHistorySidebar .subject-history-title .title {
  color: #0063c9;
  margin-top: 2px;
}
.subjectHistorySidebar .subject-history-title .randNumberDateDisplay {
  margin-bottom: 15px;
  display: flex;
  flex-direction: row;
}
.subjectHistorySidebar .subject-history-title .randNumberDateDisplay .numberDisplay {
  font-weight: bold;
  margin-right: 5px;
}
.subjectHistorySidebar .subject-history-title .randNumberDateDisplay .dateDisplay {
  font-weight: normal;
}
.subjectHistorySidebar .subject-history-title .screenDataDisplay {
  margin-bottom: 15px;
}
.subjectHistorySidebar .subject-history-title .screenDataDisplay .dateDisplay {
  font-weight: normal;
}
.subjectHistorySidebar .subject-not-screened-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 10px;
  padding-bottom: 50px;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.subjectHistorySidebar .subject-not-screened-title .infoIcon {
  background-image: url("images/Information_Dialog.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 60px;
  width: 60px;
  align-self: center;
}
.subjectHistorySidebar .subject-not-screened-title .notScreenedText {
  margin-top: 8px;
  text-align: center;
}
.subjectHistorySidebar #subject-events-container {
  display: flex;
  flex-direction: column;
  margin-top: 0px;
  position: relative;
}
.subjectHistorySidebar #subject-events-container .white-stripe {
  height: calc(100% - 50px);
  width: 8px;
  margin: 0px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  left: 20px;
  top: 20px;
}
.subjectHistorySidebar #subject-events-container .white-stripe-enrolled {
  height: calc(100% - 50px);
  width: 8px;
  margin: 0px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  left: 20px;
  top: 20px;
}
.subjectHistorySidebar #subject-events-container .white-stripe-transfer {
  height: calc(100% - 100px);
  width: 8px;
  margin: 0px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  left: 20px;
  top: 20px;
}
.subjectHistorySidebar #subject-events-container .white-stripe-safety-case {
  height: calc(100% - 95px);
  width: 8px;
  margin: 0px;
  background-color: rgb(255, 255, 255);
  position: absolute;
  left: 20px;
  top: 20px;
}
.subjectHistorySidebar #subject-events-container .originating-id {
  width: 100%;
  display: block;
}
.subjectHistorySidebar #subject-events-container .originating-id .studyTitle {
  cursor: default;
}
.subjectHistorySidebar #subject-events-container .event-tile-common {
  display: flex;
  flex-direction: row;
  padding: 5px 0px 5px 10px;
  line-height: 1.5em;
  margin: 4px 0px;
}
.subjectHistorySidebar #subject-events-container .event-tile-common .z_index {
  z-index: 1;
}
.subjectHistorySidebar #subject-events-container .event-tile-common .event-info-container {
  padding-left: 5px;
  min-width: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.subjectHistorySidebar #subject-events-container .event-tile-common .event-info-container .kitNumberDateDisplay {
  display: flex;
  flex-direction: row;
}
.subjectHistorySidebar #subject-events-container .event-tile-common .event-info-container .kitNumberDateDisplay .textDecorClass {
  color: rgb(51, 51, 51);
  text-decoration: underline;
}
.subjectHistorySidebar #subject-events-container .event-tile-common .event-info-container .kitNumberDateDisplay .numberDisplay {
  font-weight: bold;
  margin-right: 5px;
}
.subjectHistorySidebar #subject-events-container .event-tile-common .event-info-container .kitNumberDateDisplay .dateDisplay {
  font-weight: normal;
}
.subjectHistorySidebar #subject-events-container .event-tile-common .event-info-container .blinded-text {
  color: #333 !important;
  font-style: italic;
}
.subjectHistorySidebar #subject-events-container .event-tile-common .event-info-container .safety-case-status {
  margin-top: 4px;
}
.subjectHistorySidebar #subject-events-container .event-tile-common .event-info-container .generateSafetyCaseButton {
  width: 96%;
  margin-top: 8px;
}
.subjectHistorySidebar #subject-events-container .event-tile-common .event-info-container .generateSafetyCaseButton .display-block {
  display: block;
}
.subjectHistorySidebar #subject-events-container .event-tile-common .event-info-container .actionButtons {
  position: absolute;
  right: 8px;
  top: 14px;
}
.subjectHistorySidebar #subject-events-container .event-tile-common .event-info-container .actionButtons .oj-button-text {
  padding: 7px;
}
.subjectHistorySidebar #subject-events-container .event-tile-common .event-info-container .versionDate, .subjectHistorySidebar #subject-events-container .event-tile-common .event-info-container .changeReasonTile {
  margin-top: 4px;
}
.subjectHistorySidebar #subject-events-container .event-tile-common .dipsConfirmIcon {
  background-image: url(images/success_icon.svg);
  height: 15px;
  width: 15px;
  background-repeat: no-repeat;
  background-size: contain;
}
.subjectHistorySidebar #subject-events-container .event-tile-common .subject-history-tile-title {
  color: rgba(0, 0, 0, 0.8) !important;
}
.subjectHistorySidebar #subject-events-container .event-tile-common .subject-history-tile-title.safety-case-title {
  width: 96%;
  display: flex;
  justify-content: space-between;
}
.subjectHistorySidebar #subject-events-container .event-tile-common .subject-history-tile-title .title {
  width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.subjectHistorySidebar #subject-events-container .event-tile-common .subject-history-tile-title .dismiss a {
  text-decoration: none;
  color: #5c5c5c;
  font-weight: 400;
  cursor: pointer;
}
.subjectHistorySidebar #subject-events-container .Transferred-background {
  background-color: #f0edd8 !important;
}
.subjectHistorySidebar #subject-events-container .Transferred-background .Transferred {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/Transfer_SubjectHistory_New.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Randomized-background {
  background-color: #deeae0 !important;
}
.subjectHistorySidebar #subject-events-container .Randomized-background .Randomized {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/Randomized_SubjectHistory_New.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .SubjectNumberChanged-background {
  background-color: #deeae0 !important;
}
.subjectHistorySidebar #subject-events-container .SubjectNumberChanged-background .SubjectNumberChanged {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/ChangeSubjectNumber.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Enrolled-background {
  background-color: #deeae0 !important;
}
.subjectHistorySidebar #subject-events-container .Enrolled-background .Enrolled {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/Randomized_SubjectHistory_New.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .DoseHold-background {
  background-color: #F0F0F0 !important;
}
.subjectHistorySidebar #subject-events-container .DoseHold-background .DoseHold {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/Dosehold_SubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .lockedSubject-background {
  background-color: #E4F1F7 !important;
}
.subjectHistorySidebar #subject-events-container .lockedSubject-background .lockedSubject {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/LockedSubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .unLockedSubject-background {
  background-color: #FCEDDC !important;
}
.subjectHistorySidebar #subject-events-container .unLockedSubject-background .unLockedSubject {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/UnLockedSubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .SubjectPatientLinkCreated-background {
  background-color: #F5F5F5 !important;
}
.subjectHistorySidebar #subject-events-container .SubjectPatientLinkCreated-background .SubjectPatientLinkCreated {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/SubjectPatientLinkCreated.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .SubjectPatientLinkRemoved-background {
  background-color: #F5F5F5 !important;
}
.subjectHistorySidebar #subject-events-container .SubjectPatientLinkRemoved-background .SubjectPatientLinkRemoved {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/SubjectPatientLinkRemoved.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Screen_Failed-background {
  background-color: #eedde0 !important;
}
.subjectHistorySidebar #subject-events-container .Screen_Failed-background .Screen_Failed {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/ScreenFailed_SubjectHistory_New.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Screen_Fail_Update-background {
  background-color: #F7F0C4 !important;
}
.subjectHistorySidebar #subject-events-container .Screen_Fail_Update-background .Screen_Fail_Update {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/ScreenFailed_SubjectHistory_New.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Screened-background {
  background-color: #dde7ee !important;
}
.subjectHistorySidebar #subject-events-container .Screened-background .Screened {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/ScreenPassed_SubjectHistory_New.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Withdrawn-background {
  background-color: #e2e2e2 !important;
}
.subjectHistorySidebar #subject-events-container .Withdrawn-background .Withdrawn {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/Withdrawn_SubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Randomization_Replaced-background {
  background-color: #e2e2e2 !important;
}
.subjectHistorySidebar #subject-events-container .Randomization_Replaced-background .Randomization_Replaced {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/Randomization_Replaced.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .WithdrawalUpdate-background {
  background-color: #F7F0C4 !important;
}
.subjectHistorySidebar #subject-events-container .WithdrawalUpdate-background .WithdrawalUpdate {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/Withdrawn_SubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Complete-background {
  background-color: #caeecb !important;
}
.subjectHistorySidebar #subject-events-container .Complete-background .Complete {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/Complete_SubjectHistory_New.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .CompletionUpdate-background {
  background-color: #F7F0C4 !important;
}
.subjectHistorySidebar #subject-events-container .CompletionUpdate-background .CompletionUpdate {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/Complete_SubjectHistory_New.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Dispense-1-background {
  background-color: #d8f0e7 !important;
}
.subjectHistorySidebar #subject-events-container .Dispense-1-background .Dispense-1 {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/Available_SubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Dispense-2-background {
  background-color: #f2d3d3 !important;
}
.subjectHistorySidebar #subject-events-container .Dispense-2-background .Dispense-2 {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/Damaged_SubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Dispense-3-background {
  background-color: #e3e3e3 !important;
}
.subjectHistorySidebar #subject-events-container .Dispense-3-background .Dispense-3 {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/Destroyed_SubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Dispense-4-background {
  background-color: #f0d8ee !important;
}
.subjectHistorySidebar #subject-events-container .Dispense-4-background .Dispense-4 {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/Dispensed_SubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Dispense-local-background {
  background-color: #f0d8ee !important;
}
.subjectHistorySidebar #subject-events-container .Dispense-local-background .Dispense-local {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/Dispensed_SubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Dispense-partial-background {
  background-color: #C7DCEE !important;
}
.subjectHistorySidebar #subject-events-container .Dispense-partial-background .Dispense-partial {
  width: 16px;
  height: 16px;
  background-image: url("supplyimages/PartialDose_settings.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Dispense-4-background #device {
  background-color: #f0d8ee !important;
  height: 28px;
}
.subjectHistorySidebar #subject-events-container .Dispense-4-background #device .Dispense-4 {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/Dispensed_Device_SubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Dispense-4-background .device {
  background-color: #f0d8ee !important;
  height: 28px;
}
.subjectHistorySidebar #subject-events-container .Dispense-4-background .device .Dispense-4 {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/Dispensed_Device_SubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Dispense-local-background .device {
  background-color: #f0d8ee !important;
  height: 26px;
}
.subjectHistorySidebar #subject-events-container .Dispense-local-background .device .Dispense-local {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/Dispensed_Device_SubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Dispense-8-background {
  background-color: #f8d3e4 !important;
}
.subjectHistorySidebar #subject-events-container .Dispense-8-background .Dispense-8 {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/MissingKit_SubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Dispense-13-background {
  background-color: #f2d3d3 !important;
}
.subjectHistorySidebar #subject-events-container .Dispense-13-background .Dispense-13 {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/LostSubject_SubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Dispense-15-background {
  background-color: #f2d3d3 !important;
}
.subjectHistorySidebar #subject-events-container .Dispense-15-background .Dispense-15 {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/DamagedSubject_SubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Dispense-5-background {
  background-color: #f6b4ab !important;
}
.subjectHistorySidebar #subject-events-container .Dispense-5-background .Dispense-5 {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/Expired_SubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Dispense-6-background {
  background-color: #d8e2f0 !important;
}
.subjectHistorySidebar #subject-events-container .Dispense-6-background .Dispense-6 {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/NotInUse_SubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Dispense-7-background {
  background-color: #ddf6f5 !important;
}
.subjectHistorySidebar #subject-events-container .Dispense-7-background .Dispense-7 {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/Misallocated_SubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Dispense-9-background {
  background-color: #dde2f6 !important;
}
.subjectHistorySidebar #subject-events-container .Dispense-9-background .Dispense-9 {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/InTransit_SubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Dispense-10-background {
  background-color: #F6F5DA !important;
}
.subjectHistorySidebar #subject-events-container .Dispense-10-background .Dispense-10 {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/Quarantined_SubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Dispense-11-background {
  background-color: #F6F5DA !important;
}
.subjectHistorySidebar #subject-events-container .Dispense-11-background .Dispense-11 {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/PreQuarantined_SubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Dispense-12-background {
  background-color: #e3e3e3 !important;
}
.subjectHistorySidebar #subject-events-container .Dispense-12-background .Dispense-12 {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/ProcforDestruction_SubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Dispense-14-background {
  background-color: #eeecb0 !important;
}
.subjectHistorySidebar #subject-events-container .Dispense-14-background .Dispense-14 {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/TempUnavail_SubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Dispense-16-background {
  background-color: #c4eab6 !important;
}
.subjectHistorySidebar #subject-events-container .Dispense-16-background .Dispense-16 {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/NewKit_SubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Dispense-17-background {
  background-color: #f7f0c4 !important;
}
.subjectHistorySidebar #subject-events-container .Dispense-17-background .Dispense-17 {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/NotDispensed_SubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Dispense-18-background {
  background-color: #cee4f5 !important;
}
.subjectHistorySidebar #subject-events-container .Dispense-18-background .Dispense-18 {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/ReturnedtoSite_SubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Dispense-20-background {
  background-color: #e3e3e3 !important;
}
.subjectHistorySidebar #subject-events-container .Dispense-20-background .Dispense-20 {
  background-size: 28px;
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/Received_for_destruction_SubjectHistory.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Undo_Withdrawn-background {
  background-color: #deeae0 !important;
}
.subjectHistorySidebar #subject-events-container .Undo_Withdrawn-background .Undo_Withdrawn {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/undo-alt.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Undo_ScrFailed-background {
  background-color: #deeae0 !important;
}
.subjectHistorySidebar #subject-events-container .Undo_ScrFailed-background .Undo_ScrFailed {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/undo-alt.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .Undo_Complete-background {
  background-color: #deeae0 !important;
}
.subjectHistorySidebar #subject-events-container .Undo_Complete-background .Undo_Complete {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/undo-alt.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar #subject-events-container .SafetyCase-background {
  background-color: #f7f0c4 !important;
}
.subjectHistorySidebar #subject-events-container .SafetyCase-background .SafetyCase {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-history-icons/SafetyCaseNew.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  height: 28px;
  width: 28px;
}
.subjectHistorySidebar .safetyCaseStatus {
  padding: 4px 8px;
  border-radius: 100px;
  color: white;
  font-weight: 600;
}
.subjectHistorySidebar .CREATED {
  background: #8F520A;
}
.subjectHistorySidebar .MODIFIED {
  background: #8F520A;
}
.subjectHistorySidebar .SUBMITTED {
  background: #5C5C5C;
}
.subjectHistorySidebar .SUBMIT_FAILED {
  background: #B3311F;
}
.subjectHistorySidebar .TRANSFER_FAILED {
  background: #B3311F;
}
.subjectHistorySidebar .CANCEL_FAILED {
  background: #B3311F;
}
.subjectHistorySidebar .CANCELLED {
  background: #8F520A;
}
.subjectHistorySidebar .REJECTED {
  background: #B3311F;
}
.subjectHistorySidebar .ACCEPTED {
  background: #2C783B;
}
.subjectHistorySidebar .DISMISSED {
  background: #8F520A;
}
.subjectHistorySidebar #confirmDispAllButton {
  min-height: 40px;
  padding: 0;
  border-radius: 3px;
  display: flex;
  margin: 5px 0;
}
.subjectHistorySidebar .treatmentArmOnlySubNumberHeight {
  min-height: 90px;
}
.subjectHistorySidebar .treatmentArmSubNScreeningNumberHeight {
  min-height: 150px;
  gap: 5px;
}
.subjectHistorySidebar .treatmentArmNoSubNumberHeight {
  min-height: 70px;
}
.subjectHistorySidebar .subjectNumber {
  width: 80%;
}
.subjectHistorySidebar .subjectScreeningText {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.subjectHistorySidebar .subjectNScreeningNumberHeight {
  min-height: 100px;
}
.subjectHistorySidebar .avatarContainer {
  display: flex;
  align-items: center;
}
.subjectHistorySidebar .avatarIcon {
  height: 50px;
  width: 50px;
  position: relative;
}
.subjectHistorySidebar .treatment-arm-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(241, 243, 244) 5%, rgb(232, 235, 237) 50%, rgb(228, 232, 234) 100%);
  border-radius: 3px;
  border: rgb(196, 206, 215) 1px solid;
  box-shadow: 1px 1px 3px 0px #ccc;
  padding: 8px 0px 8px 10px;
  line-height: 1.35em;
  margin-bottom: 4px;
}
.subjectHistorySidebar .treatment-arm-container .treatmentArmSubNumber {
  color: rgb(5, 114, 206) !important;
  margin-bottom: 10px;
}
.subjectHistorySidebar .treatment-arm-container .subjectNScreeningNumber {
  color: rgba(0, 0, 0, 0.8) !important;
}
.subjectHistorySidebar .treatment-arm-container .treatmentArmOnlySubNumber {
  color: rgba(0, 0, 0, 0.8) !important;
  margin-top: 15px;
}
.subjectHistorySidebar .treatment-arm-container #treatmentArmDesc {
  color: rgb(5, 114, 206) !important;
}
.subjectHistorySidebar .treatment-arm-container .treatmentarm-subject-active-icon {
  width: 50px;
  height: 50px;
  background-image: url("subjectimages/subject-state-icons/Subject_Active.svg");
  background-repeat: no-repeat;
}
.subjectHistorySidebar .treatment-arm-container .treatmentarm-subject-active-icon .can-be-completed {
  background-image: url("subjectimages/subject-state-icons/ReadytoComplete_check.svg");
  position: relative;
  width: 16px;
  height: 16px;
  float: right;
  top: 30px;
  right: 4px;
}
.subjectHistorySidebar .treatment-arm-container .treatmentarm-subject-enrolled-icon {
  width: 50px;
  height: 50px;
  background-image: url("subjectimages/subject-state-icons/Subject_Active.svg");
  background-repeat: no-repeat;
}
.subjectHistorySidebar .treatment-arm-container .treatmentarm-subject-enrolled-icon .can-be-completed {
  background-image: url("subjectimages/subject-state-icons/ReadytoComplete_check.svg");
  position: relative;
  width: 16px;
  height: 16px;
  float: right;
  top: 30px;
  right: 4px;
}
.subjectHistorySidebar .treatment-arm-container .treatmentarm-subject-complete-icon {
  width: 50px;
  height: 50px;
  background-image: url("subjectimages/subject-state-icons/Subject_Complete.svg");
  background-repeat: no-repeat;
}
.subjectHistorySidebar .treatment-arm-container .treatmentarm-subject-withdrawn-icon {
  width: 50px;
  height: 50px;
  background-image: url("subjectimages/subject-state-icons/Subject_Withdrawn.svg");
  background-repeat: no-repeat;
}
.subjectHistorySidebar .treatment-arm-container .treatmentarm-subject-new-icon {
  width: 50px;
  height: 50px;
  background-image: url("subjectimages/subject-state-icons/Subject_Screened.svg");
  background-repeat: no-repeat;
}
.subjectHistorySidebar .treatment-arm-container .treatmentarm-subject-screen_failed-icon {
  width: 50px;
  height: 50px;
  background-image: url("subjectimages/subject-state-icons/Subject_ScreenFailed.svg");
  background-repeat: no-repeat;
}
.subjectHistorySidebar .treatment-arm-container .treatmentarm-subject-auto_screen_failed-icon {
  width: 50px;
  height: 50px;
  background-image: url("subjectimages/subject-state-icons/Subject_ScreenFailed.svg");
  background-repeat: no-repeat;
}
.subjectHistorySidebar .treatment-arm-container .treatmentarm-subject-screening_initiated-icon {
  width: 50px;
  height: 50px;
  background-image: url("subjectimages/subject-state-icons/Subject_Screened.svg");
  background-repeat: no-repeat;
}
.subjectHistorySidebar .dispensed-kits-icons .popup-expand-icon-v2 {
  width: 26px;
  margin-right: 7px;
  height: 18px;
  cursor: pointer;
  background-image: url("ors/Expand.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
  margin-top: 12px;
}
.subjectHistorySidebar .dispensed-kits-icons .replaceKitsIcon {
  width: 28px;
  margin-right: 8px;
  height: 18px;
  cursor: pointer;
  background-image: url("subjectimages/subject-history-icons/Kit_replace.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 22px;
  margin-top: 12px;
}

.manualQuerySidebar {
  height: 100%;
}
.manualQuerySidebar .manual-query-headers {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.manualQuerySidebar .manual-query-headers .manual-query-finder {
  margin-right: 2px;
}
.manualQuerySidebar .manual-query-headers .manual-query-finder .oj-fwk-icon-cross {
  margin-right: 5px;
  cursor: pointer;
}
.manualQuerySidebar .manual-query-headers + .oj-listview-container-touch {
  overflow-y: auto !important;
  max-height: calc(100% - 48px);
}
.manualQuerySidebar .oj-listview {
  border-width: 0;
}
.manualQuerySidebar .oj-listview.oj-listview-container-touch {
  overflow-y: auto;
}
.manualQuerySidebar .manual-query-list-container {
  height: calc(100% - 50px) !important;
}
.manualQuerySidebar .manual-query-list-container .runtime-manual-query-listview {
  width: 100%;
  overflow-x: hidden;
  height: 100% !important;
  min-height: 100% !important;
}
.manualQuerySidebar .manual-query-list-container .runtime-manual-query-listview li[id^=manual-query-item-].oj-hover {
  background: transparent;
}
.manualQuerySidebar .manual-query-list-container .runtime-manual-query-listview li[id^=manual-query-item-].oj-hover.oj-listview-item {
  margin-bottom: 10;
}
.manualQuerySidebar .manual-query-list-container .runtime-manual-query-listview li {
  padding: 0;
}
.manualQuerySidebar .manual-query-list-container .runtime-manual-query-listview li.oj-listview-item {
  border-top: 0 !important;
  margin-bottom: 10;
}
.manualQuerySidebar .manual-query-list-container.withTipUphead {
  height: calc(100% - 100px) !important;
}

.signatureRequestSidebar .signature-request-header {
  margin-bottom: 10px;
  display: flex;
  align-items: flex-start;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
}
.signatureRequestSidebar .signature-request-header .signature-request-title {
  margin-left: 10px;
}
.signatureRequestSidebar .subject-avatar-state-icon {
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  top: 10%;
  left: 12%;
  z-index: 99;
}
.signatureRequestSidebar .signature-request-headers {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.signatureRequestSidebar .signature-request-headers .visit-dropdown {
  margin-right: 2px;
}
.signatureRequestSidebar .signature-request-headers .sign-dropdown {
  margin-left: 2px;
}

.no-padding-sidebar {
  padding: 0px !important;
}

.dialog-list-query-loading:after {
  background-image: url("images/progress-spinner.gif");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  overflow: hidden;
}

.sidebarModuleContentContainer .nested-nav-tabs .collapsibleContent {
  padding: 0px;
}
.sidebarModuleContentContainer .nested-nav-tabs .collapsibleContent .query-nav-tab {
  margin-top: 10px;
}
.sidebarModuleContentContainer .nested-nav-tabs .collapsibleContent .query-nav-tab ul {
  padding-left: 10px;
}
.sidebarModuleContentContainer .nested-nav-tabs .collapsibleContent .query-nav-tab li {
  width: 48%;
}
.sidebarModuleContentContainer .library-objects-accordion {
  overflow: auto;
}

.globalSettingsPage {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  background: #FFF;
}
.globalSettingsPage .mainContent {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 0%;
  min-width: 0px;
  min-height: 0px;
}
.globalSettingsPage .mainContent .tabs {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.globalSettingsPage .mainContent .header {
  font-weight: bold;
  font-size: 20px;
}

.hsgbu-co-table-popup-icon.editUserIcon {
  background-image: url(images/Edit_default.svg);
}
.hsgbu-co-table-popup-icon.editUserIcon:hover {
  background-image: url(images/Edit_hover.svg);
}
.hsgbu-co-table-popup-icon.sendTrainingRecordIcon {
  background-image: url(images/SendTrainingRecord_default.svg);
}
.hsgbu-co-table-popup-icon.sendTrainingRecordIcon:hover {
  background-image: url(images/SendTrainingRecord_hover.svg);
}
.hsgbu-co-table-popup-icon.deleteUserIcon {
  background-image: url(images/Delete_default.svg);
}
.hsgbu-co-table-popup-icon.deleteUserIcon:hover {
  background-image: url(images/Delete_hover.svg);
}
.hsgbu-co-table-popup-icon.assignTrainingIcon {
  background-image: url(images/AssignedTraining_default.svg);
}
.hsgbu-co-table-popup-icon.assignTrainingIcon:hover {
  background-image: url(images/AssignedTraining_hover.svg);
}
.hsgbu-co-table-popup-icon.certificateIcon {
  background-image: url(images/Certification_default.svg);
}
.hsgbu-co-table-popup-icon.certificateIcon:hover {
  background-image: url(images/Certification_hover.svg);
}
.hsgbu-co-table-popup-icon.sendEmailReminderIcon {
  background-image: url(images/SendEmailReminder_default.svg);
}
.hsgbu-co-table-popup-icon.sendEmailReminderIcon:hover {
  background-image: url(images/SendEmailReminder_hover.svg);
}

.globalUsers .noUsersIcon {
  min-width: 183px;
  width: 183px;
  max-width: 183px;
  min-height: 165px;
  height: 165px;
  max-height: 165px;
  background-image: url(images/ua_icon_users.png);
  background-repeat: no-repeat;
}
.globalUsers .global-settings-users .textArea-UserTraining {
  display: flex;
  align-items: center;
}
.globalUsers .global-settings-users .tabMainContent .userList .userRow {
  height: 60px;
}
.globalUsers .global-settings-users .tabMainContent .userList .userRow .userInfo {
  padding-left: 35px;
  min-width: 5% !important;
}
.globalUsers .global-settings-users .tabMainContent .userList .userRow .userInfo .userStatusIcon {
  width: 40px;
  height: 40px;
}
.globalUsers .global-settings-users .tabMainContent .userList .userRow .userInfo .userStatusIcon.active {
  background-image: url("images/Users_Active.svg");
}
.globalUsers .global-settings-users .tabMainContent .userList .userRow .userInfo .userFullName {
  font-weight: bold;
}
.globalUsers .global-settings-users .tabMainContent .userList .userRow .dateDisplay {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  text-align: right;
  margin-right: 10px;
}
.globalUsers .global-settings-users .tabMainContent .userList .userRow .cellValueContainer {
  display: flex;
}
.globalUsers .global-settings-users .tabMainContent .userList .userRow .cellValueDisplay {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  padding-right: 10px;
}
.globalUsers .global-settings-users .tabMainContent .userList .userRow .lastLogin {
  text-align: center;
}
.globalUsers .global-settings-users .tabMainContent .userList .userRow .roles .outerContainer {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.globalUsers .global-settings-users .tabMainContent .userList .userRow .roles .outerContainer .centerContainer {
  text-align: left;
  margin: auto;
}

.trainingSettings .tabMainContent .userTraining .sponsorUserTrainingLabel {
  position: fixed;
  left: 111px;
  top: 215px;
  font-size: 14px;
  line-height: 17px;
  text-align: right;
  font-weight: bold;
  color: #5C5C5C;
}
.trainingSettings .tabMainContent .userTraining .sponsorUserTrainingCheckbox {
  position: fixed;
  left: 270px;
  top: 217px;
}
.trainingSettings .tabMainContent .userTraining .siteUserTrainingLabel {
  position: fixed;
  left: 141px;
  top: 240px;
  font-size: 14px;
  line-height: 17px;
  text-align: right;
  font-weight: bold;
  color: #5C5C5C;
}
.trainingSettings .tabMainContent .userTraining .siteUserTrainingCheckbox {
  position: fixed;
  left: 270px;
  top: 242px;
}
.trainingSettings .tabMainContent .userTraining .sponsorUserTrainingcheckbox {
  position: fixed;
  left: 270px;
  top: 210px;
  color: #5C5C5C;
}
.trainingSettings .tabMainContent .userTraining .siteUserTrainingcheckbox {
  position: fixed;
  left: 270px;
  top: 235px;
  color: #5C5C5C;
}
.trainingSettings .tabMainContent .trainingPeriod .label {
  position: fixed;
  left: 70px;
  top: 235px;
  font-size: 14px;
  line-height: 17px;
  text-align: right;
  font-weight: bold;
  color: #5C5C5C;
}
.trainingSettings .tabMainContent .trainingPeriod .allTrainingValidPeriod {
  position: fixed;
  width: 208px;
  height: 42px;
  left: 270px;
  top: 270px;
  font-weight: normal !important;
  font-style: italic;
  font-size: 12px;
  line-height: 14px;
  color: #333333;
}
.trainingSettings .tabMainContent .trainingPeriod .studyHasDiffTrainingPeriodLabel {
  position: fixed;
  width: 189px;
  height: 28px;
  left: 525px;
  top: 220px;
  font-weight: normal !important;
  font-size: 12px;
  line-height: 14px;
  color: #333333;
}
.trainingSettings .tabMainContent .trainingPeriod .valueSelection {
  position: fixed;
  width: 187px;
  height: 32px;
  left: 270px;
  top: 221px;
}
.trainingSettings .tabMainContent .trainingPeriod .valueSelection .polygon {
  position: absolute;
  width: 10px;
  height: 8px;
  right: -2px;
  top: calc(50% - 4px + 8px);
  background: #858585;
  transform: rotate(-180deg);
}
.trainingSettings .tabMainContent .trainingPeriod .valueSelection .rectangle {
  position: fixed;
  left: 0%;
  right: 0%;
  top: 0%;
  bottom: 0%;
  background: #FCFCFD;
  border: 1px solid #D6DFE6;
  box-sizing: border-box;
  border-radius: 2px;
}
.trainingSettings .tabMainContent .trainingPeriod .simple-message-icon {
  position: fixed;
  background-image: url("images/Information_Dialog.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 0px center;
  width: 170px;
  height: 60px;
  left: 500px;
  top: 200px;
}
.trainingSettings .tabMainContent .trainingPeriod .simple-message-icon.info_icon {
  background-image: url("images/Information_Dialog.svg");
}

#settingsUsersId .noUsersIcon {
  width: 183px;
  min-width: 183px;
  max-width: 183px;
  height: 165px;
  min-height: 165px;
  max-height: 165px;
  background-image: url(images/Users_UserAssistance.svg);
  background-repeat: no-repeat;
  margin: auto;
}
#settingsUsersId .settings-users {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
}
#settingsUsersId .settings-users .tabHeader {
  display: flex;
  flex-direction: row;
}
#settingsUsersId .settings-users .tabHeader .leftActions {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
}
#settingsUsersId .settings-users .tabHeader .leftActions > * {
  margin-right: 5px;
}
#settingsUsersId .settings-users .tabHeader .rightActions {
  display: flex;
  align-items: flex-end;
  flex-direction: row;
}
#settingsUsersId .settings-users .tabHeader .rightActions > * {
  margin-left: 5px;
}
#settingsUsersId .settings-users .tabHeader .oj-listbox-result-label {
  padding-left: 5px;
  line-height: 1.25rem;
  padding: 8px 5px;
  align-content: center;
  min-height: 0px;
}
#settingsUsersId .settings-users .tabMainContent {
  padding-top: 10px;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
}
#settingsUsersId .settings-users .tabMainContent .userList .checkboxHeader {
  float: left;
}
#settingsUsersId .settings-users .tabMainContent .userList .userRow {
  height: 60px;
}
#settingsUsersId .settings-users .tabMainContent .userList .userRow .userInfo .userStatusIcon {
  width: 40px;
  height: 40px;
  position: relative;
}
#settingsUsersId .settings-users .tabMainContent .userList .userRow .userInfo .userStatusIcon.active {
  background-image: url("images/Users_Active.svg");
}
#settingsUsersId .settings-users .tabMainContent .userList .userRow .userInfo .userStatusIcon.pending {
  background-image: url("images/pendingshipment_icon.png");
}
#settingsUsersId .settings-users .tabMainContent .userList .userRow .userInfo .userStatusIcon.received {
  background-image: url("images/receivedshipping_icon.png");
}
#settingsUsersId .settings-users .tabMainContent .userList .userRow .userInfo .userStatusIcon.cancelled {
  background-image: url("images/cancelledshipment_icon.png");
}
#settingsUsersId .settings-users .tabMainContent .userList .userRow .userInfo .userStatusIcon.lost {
  background-image: url("images/lostshipment_icon.png");
}
#settingsUsersId .settings-users .tabMainContent .userList .userRow .userInfo {
  padding-left: 35px;
  min-width: 5% !important;
}
#settingsUsersId .settings-users .tabMainContent .userList .userRow .userInfo .userFullName {
  font-weight: bold;
}
#settingsUsersId .settings-users .tabMainContent .userList .userRow .trainingStatus {
  padding-left: 6%;
}
#settingsUsersId .settings-users .tabMainContent .userList .userRow .dateDisplay {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  text-align: right;
  margin-right: 10px;
}
#settingsUsersId .settings-users .tabMainContent .userList .userRow .clickToAddLink {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  cursor: pointer;
}
#settingsUsersId .settings-users .tabMainContent .userList .userRow .cellValueContainer {
  display: flex;
}
#settingsUsersId .settings-users .tabMainContent .userList .userRow .cellValueDisplay {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  padding-right: 10px;
}
#settingsUsersId .settings-users .tabMainContent .userList .userRow .shipDateCellWrapoper {
  align-items: center;
}
#settingsUsersId .settings-users .tabMainContent .userList .userRow .editShipDateIcon {
  background-image: url("common/Edit_default.svg");
  background-size: 14px;
  background-position: center;
  height: 14px;
  width: 14px;
  cursor: pointer;
}
#settingsUsersId .settings-users .tabMainContent .userList .userRow .editShipDateIcon:hover {
  background-image: url("common/Edit_hover.svg");
}
#settingsUsersId .settings-users .tabMainContent .userList .userRow .editShipDateIconPlaceholder {
  width: 14px;
  height: 14px;
  padding: 0px 8px;
}
#settingsUsersId .settings-users .tabMainContent .userList .userRow .lastLogin, #settingsUsersId .settings-users .tabMainContent .userList .userRow .training, #settingsUsersId .settings-users .tabMainContent .userList .userRow .effectiveDate {
  text-align: center;
}
#settingsUsersId .settings-users .tabMainContent .userList .userRow .roles .outerContainer, #settingsUsersId .settings-users .tabMainContent .userList .userRow .siteList .outerContainer {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#settingsUsersId .settings-users .tabMainContent .userList .userRow .roles .outerContainer .centerContainer, #settingsUsersId .settings-users .tabMainContent .userList .userRow .siteList .outerContainer .centerContainer {
  text-align: left;
  margin: auto;
}
#settingsUsersId .assign-course-message {
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  height: auto;
  background-color: #e6ffee;
}
#settingsUsersId .assign-course-message .assign-course-icon {
  height: 30px;
  width: 30px;
  background-image: url(images/Users_Active.svg);
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#settingsUsersId .assign-course-message .success-icon-small {
  height: 20px;
  width: 20px;
  background-image: url(userImages/success_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#settingsUsersId .assign-course-message .message {
  overflow: hidden;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}
#settingsUsersId .assign-course-message .dismissIcon {
  position: absolute;
  top: 5px;
  right: 8px;
}
#settingsUsersId .training-cert-success-message {
  margin-bottom: 1px;
  margin-top: 0px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  height: auto;
  background-color: #e6ffee;
}
#settingsUsersId .training-cert-success-message .success-icon-small {
  height: 20px;
  width: 20px;
  background-image: url(userImages/success_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#settingsUsersId .training-cert-success-message .message {
  overflow: hidden;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}
#settingsUsersId .training-cert-success-message .dismissIcon {
  position: absolute;
  top: 6px;
  right: 0px;
}
#settingsUsersId .training-cert-error-message {
  margin-bottom: 1px;
  margin-top: 1px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  height: auto;
  background-color: #FEE3DB;
}
#settingsUsersId .training-cert-error-message .error-icon-small {
  height: 20px;
  width: 20px;
  background-image: url(images/error_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#settingsUsersId .training-cert-error-message .message {
  overflow: hidden;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}
#settingsUsersId .training-cert-error-message .dismissIcon {
  position: absolute;
  top: 6px;
  right: 0px;
}

#ec-study-settings-sites-operation #show-limits-toggle-button {
  float: left;
  margin-right: 5px;
}

.filter-container {
  width: 100%;
  margin-top: 5px;
}
.filter-container > div {
  margin-right: 5px;
}

.site-settings-modes-container.site-settings-modes-container-wide {
  max-width: 220px;
  min-width: 220px;
}
.site-settings-modes-container.site-settings-modes-container-narrow {
  height: 35px;
  margin-bottom: 10px;
}
.site-settings-modes-container .site-settings-modes {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  flex-wrap: nowrap;
  overflow: auto;
  height: 100%;
  max-height: 100%;
  /*width: $sitesSettingsModesWidth;*/
  box-sizing: border-box;
  /*margin-right: 20px;*/
}
.site-settings-modes-container .site-settings-modes .site-settings-mode {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 15px;
  border: solid #E4E4E4;
  border-width: 1px 20px 1px 1px;
  border-radius: 5px;
  margin: 0 0 10px 0;
  text-decoration: none;
  cursor: pointer;
}
.site-settings-modes-container .site-settings-modes .site-settings-mode .mode-arrow {
  position: absolute;
  right: -12px;
  top: 50%;
  margin-top: -5px;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #83878A;
  border-style: solid;
}
.site-settings-modes-container .site-settings-modes .site-settings-mode .site-settings-mode-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  max-width: 100%;
  font-size: 1.5rem;
  color: #666;
}
.site-settings-modes-container .site-settings-modes .site-settings-mode .site-settings-mode-label-short {
  font-size: 0.9rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.site-settings-modes-container .site-settings-modes .site-settings-mode.active {
  border-color: #346ECF;
}
.site-settings-modes-container .site-settings-modes .site-settings-mode.active .site-settings-mode-label {
  color: #0063c9;
}
.site-settings-modes-container .site-settings-modes .site-settings-mode.active .mode-arrow {
  border-color: transparent transparent transparent #fff;
}
.site-settings-modes-container .site-settings-modes .site-settings-mode-narrow {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 2px;
  border: solid #a2c0df;
  border-width: 0 0 5px 0;
  border-radius: 0;
  margin: 0 0 0 0;
  max-width: 180px;
  min-width: 170px;
  margin-right: 10px;
  text-decoration: none;
  background-color: #e8e8e8;
  cursor: pointer;
}
.site-settings-modes-container .site-settings-modes .site-settings-mode-narrow .mode-arrow {
  position: absolute;
  right: 10px; /*-$supplySettingsModeArrowWidth;*/
  top: 50%;
  margin-top: 0; /*-($siteModeArrowHeightNarrow/2);*/
  border-width: 5px;
  border-color: #0063c9 transparent transparent transparent;
  border-style: solid;
}
.site-settings-modes-container .site-settings-modes .site-settings-mode-narrow .site-settings-mode-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding: 5px 3px 3px 0;
  font-weight: bold;
  text-align: center;
  font-size: 1rem; /*$supplySettingsModesFontSize;*/
  color: #0063c9;
  display: flex;
}
.site-settings-modes-container .site-settings-modes .site-settings-mode-narrow .site-settings-mode-label.active-icon:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 27px;
  height: 15px;
  margin: 0px 0px 8px 0px;
  background-image: url("subjectimages/enrollment-image/StudyVersion_Approved.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.site-settings-modes-container .site-settings-modes .site-settings-mode-narrow .site-settings-mode-label.test-icon:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 27px;
  height: 15px;
  margin: 0px 0px 8px 0px;
  background-image: url("subjectimages/enrollment-image/StudyVersion_Testing.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.site-settings-modes-container .site-settings-modes .site-settings-mode-narrow .site-settings-mode-label.training-icon:before {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 27px;
  height: 15px;
  margin: 0px 0px 8px 0px;
  background-image: url("subjectimages/enrollment-image/StudyVersion_Training.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.site-settings-modes-container .site-settings-modes .site-settings-mode-narrow .site-settings-mode-label-short {
  display: none;
  font-size: 0.9rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.site-settings-modes-container .site-settings-modes .site-settings-mode-narrow.active {
  border-color: #0063c9;
  background-color: #deedfc;
}
.site-settings-modes-container .site-settings-modes .site-settings-mode-narrow.active .supply-settings-mode-label {
  color: #0063c9;
}
.site-settings-modes-container .site-settings-modes .site-settings-mode-narrow.active .mode-arrow {
  border-color: #0063c9 transparent transparent transparent;
}

.site-settings-form {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  flex-wrap: nowrap;
  overflow: auto;
  height: 100%;
  max-height: 100%;
}

/*
new code for all template in one row
*/
.site-selection {
  padding: 0 !important;
  width: 60px;
}

.site-row-general {
  height: 64px !important;
}
.site-row-general .site-row-nameId {
  padding-left: 25px !important;
  max-width: 200px;
  min-width: 180px;
  overflow: visible;
}
.site-row-general .site-row-nameId .site-logo-container {
  display: flex;
  position: absolute;
  left: -20px;
  top: 5px;
  z-index: 10;
}
.site-row-general .site-row-nameId .site-logo-container .site-logo {
  height: 40px;
  width: 40px;
  margin-top: 12px;
  margin-bottom: 12px;
  background-repeat: no-repeat;
  -ms-background-position-x: center;
  background-position-y: center;
}
.site-row-general .site-row-nameId .site-logo-container .site-logo.New {
  background: url(siteImages/Site_New.svg);
}
.site-row-general .site-row-nameId .site-logo-container .site-logo.Active {
  background: url(siteImages/Site_Active.svg);
}
.site-row-general .site-row-nameId .site-logo-container .site-logo.Retired {
  background: url(siteImages/Site_Retired.svg);
}
.site-row-general .site-row-nameId .site-name {
  max-width: 500px;
}
.site-row-general .site-row-nameId .site-pid {
  max-width: 500px;
}
.site-row-general .site-row-nameId .site-studySiteId {
  max-width: 500px;
}
.site-row-general .site-row-nameId .site-studyModeList {
  font-size: small;
}
.site-row-general .site-row-nameId .site-studyModeList .site-studyModeItem {
  font-size: small;
}
.site-row-general .site-row-nameId .site-permission-status {
  width: 32px;
  height: 32px;
  margin: auto 5px;
  background-size: 32px;
  background-repeat: no-repeat;
}
.site-row-general .site-row-nameId .site-permission-status:first-child {
  margin-left: 0;
}
.site-row-general .site-row-nameId .site-permission-status:last-child {
  margin-right: 0;
}
.site-row-general .site-row-nameId .site-permission-status.dispensation-off {
  background-image: url(siteImages/dispensation_off.svg);
}
.site-row-general .site-row-nameId .site-permission-status.randomization-off {
  background-image: url(siteImages/randomization_off.svg);
}
.site-row-general .site-row-nameId .site-permission-status.subject-adding-off {
  background-image: url(siteImages/subject_adding_off.svg);
}
.site-row-general .site-row-nameId .site-permission-status.subject-screening-off {
  background-image: url(siteImages/subject_screening_off.svg);
}
.site-row-general .site-row-StudyVersion .oj-select .oj-select-choice, .site-row-general .site-row-resupplyStrategy .oj-select .oj-select-choice, .site-row-general .site-row-sdv .oj-select .oj-select-choice, .site-row-general .site-row-screeningLimit .oj-select .oj-select-choice, .site-row-general .site-row-randomizationLimit .oj-select .oj-select-choice, .site-row-general .site-row-EHRConnection .oj-select .oj-select-choice {
  text-align: left;
  color: #333;
  background-color: #fcfdfe;
  border-style: solid;
  border-color: #dfe4e7;
  border-width: 1px;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-clip: padding-box;
  text-overflow: ellipsis;
  max-width: 200px;
  max-height: 32px;
  margin: auto;
}
.site-row-general .site-row-StudyVersion .oj-select.oj-disabled .oj-select-choice, .site-row-general .site-row-resupplyStrategy .oj-select.oj-disabled .oj-select-choice, .site-row-general .site-row-sdv .oj-select.oj-disabled .oj-select-choice, .site-row-general .site-row-screeningLimit .oj-select.oj-disabled .oj-select-choice, .site-row-general .site-row-randomizationLimit .oj-select.oj-disabled .oj-select-choice, .site-row-general .site-row-EHRConnection .oj-select.oj-disabled .oj-select-choice {
  color: #9e9e9e;
  background-color: #efeff1;
  border-color: #efeff1;
  opacity: 1;
}
.site-row-general .site-row-screeningLimit oj-input-number,
.site-row-general .site-row-randomizationLimit oj-input-number {
  border: 1px solid rgb(223, 228, 231);
}
.site-row-general .site-row-EHRConnection.oj-table-data-cell {
  min-width: 40px;
  max-width: 50px;
  text-align: center;
}
.site-row-general .site-lab-Col.oj-table-data-cell {
  text-align: center;
}
.site-row-general .site-lab-Col.oj-table-data-cell .disable-state {
  pointer-events: none;
  color: #000;
  opacity: 0.5;
}

#ec-study-setting-sites-table-id .oj-table-column-header-selector-cell,
#ec-study-setting-sites-table-id .oj-table-selector-cell {
  width: 3.75rem;
}

.sdf-assistant-message .site-ua-icon {
  min-width: 183px;
  width: 183px;
  max-width: 183px;
  min-height: 165px;
  height: 165px;
  max-height: 165px;
  background-image: url("siteImages/sitesua_icon.png");
  background-repeat: no-repeat;
}
.sdf-assistant-message .depot-ua-icon {
  min-width: 183px;
  width: 183px;
  max-width: 183px;
  min-height: 165px;
  height: 165px;
  max-height: 165px;
  background-image: url("depotImages/ua_icon_depots.png");
  background-repeat: no-repeat;
}

.ec-study-settings-sites-icon-left-active {
  background-image: url(studiesImages/ActiveSite_icon.png);
  background-repeat: no-repeat;
  margin: 2px auto;
  width: 40px;
  height: 40px;
  float: right;
  position: relative;
  left: 25px;
  top: -16px;
}

.ec-study-settings-sites-icon-left-new {
  background-image: url(siteImages/NewSite_icon.png);
  background-repeat: no-repeat;
  margin: 2px auto;
  width: 40px;
  height: 40px;
  float: right;
  position: relative;
  left: 25px;
  top: -16px;
}

.ec-study-settings-sites-icon-left-retired {
  background-image: url(siteImages/RetireSite_icon.png);
  background-repeat: no-repeat;
  margin: 2px auto;
  width: 40px;
  height: 40px;
  float: right;
  position: relative;
  left: 25px;
  top: -16px;
}

#ec-study-setting-sites-detail-container-id {
  /* code to lock the height of site header*/
}
#ec-study-setting-sites-detail-container-id #ec-study-setting-sites-table-id .loadingSpainer {
  background-image: url("siteImages/sitesua_icon.png");
  height: 50px;
  width: 50px;
  position: absolute;
  /* background-color: black; */
  top: calc(50% - 25px);
  left: calc(50% - 25px);
}
#ec-study-setting-sites-detail-container-id #ec-study-setting-sites-table-id thead {
  height: 76px;
}
#ec-study-setting-sites-detail-container-id #ec-study-setting-sites-table-id thead .oj-table-column-header {
  display: block;
}
#ec-study-setting-sites-detail-container-id #ec-study-setting-sites-table-id thead .oj-table-column-header .oc-table-column-header-text {
  font-weight: bold !important;
}
#ec-study-setting-sites-detail-container-id #ec-study-setting-sites-table-id thead .oj-table-column-header .oj-table-column-header-text {
  display: inline-block;
}

#siteDeletionDialogId {
  width: 500px;
  min-width: 500px;
  max-width: 500px;
}
#siteDeletionDialogId .site-deletion-dialogbody {
  display: flex;
}
#siteDeletionDialogId .site-deletion-dialogbody .warningIconContianer {
  padding: 0px 10px;
  width: 100px;
  max-width: 100px;
  display: flex;
}
#siteDeletionDialogId .site-deletion-dialogbody .warningIconContianer .warningIcon {
  height: 100px;
  width: 100px;
  background: url("images/Confirmation_Dialog.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80px;
}
#siteDeletionDialogId .site-deletion-dialogbody .warningMessageContainer {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
#siteDeletionDialogId .site-deletion-dialogbody .warningMessageContainer .warningMessage {
  word-wrap: break-word;
}
#siteDeletionDialogId .btn-site-deleteRetire-cancel {
  margin-right: 5px;
}

#ec-study-setting-depots-table-id {
  width: 100%;
  height: 715px;
  min-width: 800px;
}
#ec-study-setting-depots-table-id table .depot-row {
  /*height: ($rowHeight);*/
}
#ec-study-setting-depots-table-id table .depot-row .depot-nameid {
  padding-left: 32px;
  width: 400px;
  overflow: visible;
}
#ec-study-setting-depots-table-id table .depot-row .depot-nameid .depot-logo-container {
  display: flex;
  position: absolute;
  left: -20px;
  z-index: 10;
  top: 5px;
}
#ec-study-setting-depots-table-id table .depot-row .depot-nameid .depot-logo-container .depot-logo {
  height: 40px;
  width: 40px;
  margin-top: auto;
  margin-bottom: auto;
  background-repeat: no-repeat;
  -ms-background-position-x: center;
  background-position-y: center;
}
#ec-study-setting-depots-table-id table .depot-row .depot-nameid .depot-logo-container .depot-logo.New {
  background-image: url("depotImages/Depot_New.svg");
}
#ec-study-setting-depots-table-id table .depot-row .depot-nameid .depot-logo-container .depot-logo.Active {
  background-image: url("depotImages/Depot_Active.svg");
}
#ec-study-setting-depots-table-id table .depot-row .depot-nameid .depot-logo-container .depot-logo.Retired {
  background-image: url("depotImages/Depot_Retired.svg");
}
#ec-study-setting-depots-table-id table .depot-row .depot-nameid .depot-name {
  max-width: 400px;
}
#ec-study-setting-depots-table-id table .depot-row .depot-nameid .depot-orgId {
  max-width: 400px;
}
#ec-study-setting-depots-table-id table .depot-row .oj-table-data-cell .depot-email-phone {
  min-width: 225px;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#ec-study-setting-depots-table-id table .depot-row .oj-table-data-cell .depot-row-supplyCountry {
  white-space: normal;
  display: block;
  text-align: center;
}
#ec-study-setting-depots-table-id table .depot-row .oj-table-data-cell .depot-row-supplyCountry .depot-supply-country-val {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
#ec-study-setting-depots-table-id table .depot-row .oj-table-data-cell .depot-row-resupplyStrategy .oj-select-choice {
  border-width: 1px;
}
#ec-study-setting-depots-table-id table .oj-table-column-header-selector-cell, #ec-study-setting-depots-table-id table .oj-table-selector-cell {
  width: 3.75rem;
}
#ec-study-setting-depots-table-id table .oj-table-column-header {
  display: block;
}
#ec-study-setting-depots-table-id table .oj-table-column-header .oj-table-column-header-text {
  padding-right: 0;
  display: inline-block;
}

.site-create-add-icon {
  width: 15px;
  height: 15px;
  background-image: url(designerimages/PlusSign_white.svg);
  background-repeat: no-repeat;
  float: left;
}

.nosite-menu-button {
  align-self: center;
  color: white;
  margin-top: 25px;
}

.nosite-menu-button.oj-button.oj-default.oj-button-full-chrome .oj-button-icon, .nosite-menu-button.oj-button.oj-focus-only.oj-button-full-chrome .oj-button-icon {
  color: white;
}

.nosite-menu-button.oj-button.oj-hover.oj-button-full-chrome .oj-button-icon {
  color: white;
}

.nosite-menu-button.oj-button-jqui.oj-default.oj-button-full-chrome, .nosite-menu-button.oj-button-jqui.oj-focus-only.oj-button-full-chrome {
  color: white;
  background-image: linear-gradient(to bottom, #1ba215 0%, #8ed58b 4%, #1ba215 50%, #1ba215 100%);
}
.nosite-menu-button.oj-button-jqui.oj-default.oj-button-full-chrome:hover, .nosite-menu-button.oj-button-jqui.oj-focus-only.oj-button-full-chrome:hover {
  background-image: linear-gradient(to bottom, #1ba215 0%, #8ed58b 4%, #1ba215 80%, #1ba215 100%);
}
.nosite-menu-button.oj-button-jqui.oj-default.oj-button-full-chrome:active, .nosite-menu-button.oj-button-jqui.oj-focus-only.oj-button-full-chrome:active {
  background-image: linear-gradient(to bottom, #1ba215 0%, #1ba215 50%, #8ed58b 96%, #1ba215 100%);
}

.nosite-menu-button.oj-button-jqui.oj-selected.oj-button-full-chrome {
  color: white;
  background-image: linear-gradient(to bottom, #1ba215 0%, #8ed58b 4%, #1ba215 50%, #1ba215 100%);
}
.nosite-menu-button.oj-button-jqui.oj-selected.oj-button-full-chrome:hover {
  background-image: linear-gradient(to bottom, #1ba215 0%, #8ed58b 4%, #1ba215 80%, #1ba215 100%);
}
.nosite-menu-button.oj-button-jqui.oj-selected.oj-button-full-chrome:active {
  background-image: linear-gradient(to bottom, #1ba215 0%, #1ba215 50%, #8ed58b 96%, #1ba215 100%);
}
.nosite-menu-button.oj-button-jqui.oj-selected.oj-button-full-chrome {
  border: none;
}

.nosite-menu-button.oj-button-jqui.oj-hover.oj-button-full-chrome {
  color: white;
  background-image: linear-gradient(to bottom, #1ba215 0%, #8ed58b 4%, #1ba215 50%, #1ba215 100%);
}
.nosite-menu-button.oj-button-jqui.oj-hover.oj-button-full-chrome:hover {
  background-image: linear-gradient(to bottom, #1ba215 0%, #8ed58b 4%, #1ba215 80%, #1ba215 100%);
}
.nosite-menu-button.oj-button-jqui.oj-hover.oj-button-full-chrome:active {
  background-image: linear-gradient(to bottom, #1ba215 0%, #1ba215 50%, #8ed58b 96%, #1ba215 100%);
}
.nosite-menu-button.oj-button-jqui.oj-hover.oj-button-full-chrome {
  border: none;
}

.multiple-edit-site-success-box {
  font-weight: bold;
  color: #2c783b;
  margin-bottom: 0.6rem;
  align-items: center;
}
.multiple-edit-site-success-box .multiple-edit-site-success-box-image {
  height: 32px;
  display: inline-block;
  width: 32px;
  margin: auto 0.6rem auto 0;
  background-size: 32px;
  background: url(siteImages/Site_Active.svg);
  background-repeat: no-repeat;
}

.visiable-table tbody.oj-table-body {
  visibility: visible !important;
}

.contacts .tabHeader {
  display: block !important;
  padding: 1.142rem 0 !important;
}
.contacts .tabHeader .actionsContainer {
  margin-bottom: 5px;
}
.contacts .tabHeader #btnClearFilter {
  margin-left: 5px;
}
.contacts .tabHeader #btnClearFilter .oj-button-icon.oj-start {
  background-image: url("common/Filter_Clear_Button-Icon.svg");
  content: url("common/Filter_Clear_Button-Icon.svg");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  background-size: contain;
  margin: auto;
  align-self: center;
  display: inline-block;
  margin: 0px 5px;
}
.contacts .tabHeader #btnClearFilter.oj-hover .oj-button-icon.oj-start {
  background-image: url("common/Filter_Clear_Button-Icon-Hover.svg");
  content: url("common/Filter_Clear_Button-Icon-Hover.svg");
}
.contacts .tabHeader .headerFilter .select-filter:last-child {
  margin-right: 0;
}
.contacts .tabHeader .headerFilter .select-filter {
  width: 175px;
}
.contacts .tabHeader .headerFilter .sr-search-fltr {
  width: 230px;
}
.contacts .success .deleteContactSuccess {
  width: 100%;
  height: 43px;
  background: #E7F2E5;
}
.contacts .success .deleteContactSuccess .success-contact-logo-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contacts .success .deleteContactSuccess .success-contact-logo-container .logo-text {
  display: flex;
  align-items: center;
}
.contacts .success .deleteContactSuccess .success-contact-logo-container .success-contact-logo {
  width: 29px;
  height: 39px;
  margin: 8px;
  background: url("contactsImages/Contact_Investigator_Active.svg");
  background-size: 29px;
  background-repeat: no-repeat;
}
.contacts .success .deleteContactSuccess .contactLength {
  padding-bottom: 9px;
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #5C5C5C;
}
.contacts .success .deleteContactSuccess .dismissIcon {
  width: 16px;
  height: 16px;
  padding-right: 19px;
  padding-bottom: 12px;
}
.contacts .error .deleteContactError {
  height: 40px;
  background: #ffcccb;
  display: flex;
  justify-content: space-between;
  padding-left: 20px;
  padding-top: 5px;
}
.contacts .error .deleteContactError .contactErrorInfo {
  height: 16px;
  font-family: "Arial";
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 16px;
  padding-top: 9px;
}
.contacts .error .deleteContactError .dismissIcon {
  width: 16px;
  height: 16px;
  padding-right: 17px;
  padding-top: 9px;
}
.contacts .error .deleteContactError .dismissIcon .oj-clickable-icon-nocontext {
  color: #3c3131;
}
.contacts #contacts-table {
  height: 100%;
}
.contacts #contacts-table .oj-table-column-header {
  display: block;
}
.contacts #contacts-table .contact-row .contact-selection {
  position: relative;
  overflow: visible;
}
.contacts #contacts-table .contact-row .contact-selection .contact-choice-container {
  text-align: center;
}
.contacts #contacts-table .contact-row .contact-selection .contact-choice-container .contact-choice {
  position: relative;
  top: 10px;
}
.contacts #contacts-table .contact-row .contact-selection .contact-logo-container {
  display: flex;
  position: absolute;
  height: 100%;
  right: -20px;
  z-index: 1;
}
.contacts #contacts-table .contact-row .contact-selection .contact-logo-container .contact-logo {
  height: 40px;
  width: 40px;
  margin-top: auto;
  margin-bottom: auto;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
}
.contacts #contacts-table .contact-row .contact-selection .contact-logo-container .contact-logo.New {
  background-image: url("contactsImages/Contact_Investigator_Active.svg");
}
.contacts #contacts-table .contact-row .contact-selection .contact-logo-container .contact-logo.Active {
  background-image: url("contactsImages/Contact_Investigator_Active.svg");
}
.contacts #contacts-table .contact-row .contact-selection .contact-logo-container .contact-logo.Retired {
  background-image: url("contactsImages/Contact_Investigator_Retired.svg");
}
.contacts #contacts-table .contact-row .depot-nameid {
  padding-left: 32px;
  width: 400px;
}
.contacts #contacts-table .contact-row .depot-nameid .depot-name {
  max-width: 400px;
}
.contacts #contacts-table .contact-row .depot-nameid .depot-orgId {
  max-width: 400px;
}
.contacts #contacts-table .contact-row .contactsName {
  min-width: 300px;
  max-width: 320px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contacts #contacts-table .contact-row .contactsName a {
  cursor: pointer;
}
.contacts .no-data-container {
  margin: auto;
}
.contacts .no-data-container .contact-doctor-icon {
  height: 120px;
  width: 120px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  background-image: url("contactsImages/Contact_Investigator_Retired.svg");
}

.organizations .tabHeader {
  display: block !important;
  padding: 1.142rem 0 !important;
}
.organizations .tabHeader .actionsContainer {
  margin-bottom: 5px;
}
.organizations .tabHeader #btnClearFilter {
  margin-left: 5px;
}
.organizations .tabHeader #btnClearFilter .oj-button-icon.oj-start {
  background-image: url("common/Filter_Clear_Button-Icon.svg");
  content: url("common/Filter_Clear_Button-Icon.svg");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  background-size: contain;
  margin: auto;
  align-self: center;
  display: inline-block;
  margin: 0px 5px;
}
.organizations .tabHeader #btnClearFilter.oj-hover .oj-button-icon.oj-start {
  background-image: url("common/Filter_Clear_Button-Icon-Hover.svg");
  content: url("common/Filter_Clear_Button-Icon-Hover.svg");
}
.organizations .tabHeader .headerFilter .select-filter:last-child {
  margin-right: 0;
}
.organizations .tabHeader .headerFilter .select-filter {
  width: 175px;
}
.organizations .tabHeader .headerFilter .sr-search-fltr {
  width: 270px;
}
.organizations .success .deleteOrgSuccess {
  width: 100%;
  height: 43px;
  background: #E7F2E5;
  display: flex;
  justify-content: space-between;
}
.organizations .success .deleteOrgSuccess .successdis {
  display: flex;
  align-items: center;
}
.organizations .success .deleteOrgSuccess .successdis .successInfo .success-orgInst-logo-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 14px;
  margin-left: 17px;
}
.organizations .success .deleteOrgSuccess .successdis .successInfo .success-orgInst-logo-container .logo-text {
  display: flex;
  align-items: center;
}
.organizations .success .deleteOrgSuccess .successdis .successInfo .success-orgInst-logo-container .success-orgInst-logo {
  width: 29px;
  height: 42px;
  background: url("organizationImages/OrgInstitute_Active.svg");
  background-size: 29px;
  background-repeat: no-repeat;
}
.organizations .success .deleteOrgSuccess .successdis .successInfo .success-orgLab-logo-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 14px;
  margin-left: 17px;
}
.organizations .success .deleteOrgSuccess .successdis .successInfo .success-orgLab-logo-container .logo-text {
  display: flex;
  align-items: center;
}
.organizations .success .deleteOrgSuccess .successdis .successInfo .success-orgLab-logo-container .success-orgLab-logo {
  width: 29px;
  height: 42px;
  background: url("organizationImages/Laboratory.svg");
  background-size: 29px;
  background-repeat: no-repeat;
}
.organizations .success .deleteOrgSuccess .successdis .successInfo .success-orgDepot-logo-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 14px;
  margin-left: 17px;
}
.organizations .success .deleteOrgSuccess .successdis .successInfo .success-orgDepot-logo-container .logo-text {
  display: flex;
  align-items: center;
}
.organizations .success .deleteOrgSuccess .successdis .successInfo .success-orgDepot-logo-container .success-orgDepot-logo {
  width: 29px;
  height: 42px;
  background: url("organizationImages/Depot_Active.svg");
  background-size: 29px;
  background-repeat: no-repeat;
}
.organizations .success .deleteOrgSuccess .successdis .orgLength {
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #5C5C5C;
  padding-left: 14px;
}
.organizations .success .deleteOrgSuccess .dismissIcon {
  width: 16px;
  height: 16px;
  padding-top: 14px;
  padding-right: 17px;
}
.organizations .error .deleteOrgError {
  width: 100%;
  height: 40px;
  background: #ffcccb;
  display: flex;
  justify-content: space-between;
  padding-left: 20px;
  padding-top: 5px;
}
.organizations .error .deleteOrgError .orgErrorInfo {
  height: 16px;
  font-family: "Arial";
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 16px;
  padding-top: 6px;
}
.organizations .error .deleteOrgError .dismissIcon {
  width: 16px;
  height: 16px;
  padding-right: 17px;
  padding-top: 6px;
}
.organizations .error .deleteOrgError .dismissIcon .oj-clickable-icon-nocontext {
  color: #3c3131;
}
.organizations .org-table .orgStatus {
  position: relative;
  overflow: visible;
}
.organizations .org-table .orgStatus .organization-choice {
  position: relative;
  top: 10px;
}
.organizations .org-table .org-row {
  height: 55px;
}
.organizations .org-table .org-row th {
  height: 35px;
}
.organizations .org-table .org-row .org-logo {
  background: url(organizationImages/OrgInstitute_New.svg);
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: contain;
  z-index: 1;
  height: 40px;
  width: 40px;
  position: absolute;
  right: -20px;
  top: 50%;
  margin-top: -20px;
}
.organizations .org-table .org-row .org-logo.New {
  background: url(organizationImages/OrgInstitute_New.svg);
}
.organizations .org-table .org-row .org-logo.Active {
  background: url(organizationImages/OrgInstitute_Active.svg);
}
.organizations .org-table .org-row .org-logo.Retired, .organizations .org-table .org-row .org-logo.Restricted {
  background: url(organizationImages/OrgInstitute_Retired.svg);
}
.organizations .org-table .org-row .depot-logo {
  background: url(organizationImages/Depot_New.svg);
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: contain;
  height: 40px;
  width: 40px;
  position: absolute;
  right: -20px;
  top: 50%;
  margin-top: -20px;
  z-index: 1;
}
.organizations .org-table .org-row .depot-logo.New {
  background: url(organizationImages/Depot_New.svg);
}
.organizations .org-table .org-row .depot-logo.Active {
  background: url(organizationImages/Depot_Active.svg);
}
.organizations .org-table .org-row .depot-logo.Retired, .organizations .org-table .org-row .depot-logo.Restricted {
  background: url(organizationImages/Depot_Retired.svg);
}
.organizations .org-table .org-row .lab-logo {
  background: url(organizationImages/Lab_New.svg);
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: contain;
  height: 40px;
  width: 40px;
  position: absolute;
  right: -20px;
  top: 50%;
  margin-top: -20px;
  z-index: 1;
}
.organizations .org-table .org-row .lab-logo.New {
  background: url(organizationImages/Lab_New.svg);
}
.organizations .org-table .org-row .lab-logo.Active {
  background: url(organizationImages/Laboratory.svg);
}
.organizations .org-table .org-row .lab-logo.Retired, .organizations .org-table .org-row .lab-logo.Restricted {
  background: url(organizationImages/Lab_Retired.svg);
}
.organizations .org-table .org-row .orgTitle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.organizations .org-table .org-row .orgName a {
  cursor: pointer;
}
.organizations .no-data-container {
  margin: auto;
}
.organizations .no-data-container .org-role-icon {
  height: 120px;
  width: 120px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  background-image: url("organizationImages/OrgInstitute_Retired.svg");
}

.sites-controller-module {
  box-sizing: border-box;
  height: 100%;
}

.settings-sites-details-wrapper {
  box-sizing: border-box;
  padding: 5px;
  height: 100%;
  overflow: auto;
}

.settings-sites-details-wrapper .co-error {
  margin: 0 0 0.8rem 0;
}

.settings-sites-details-header {
  margin: 0.8rem 0;
}
.settings-sites-details-header .settings-sites-details-header-icon {
  height: 48px;
  width: 48px;
  margin: 6px 1rem 0 0;
  background-size: 48px;
  background-repeat: no-repeat;
}
.settings-sites-details-header.settings-sites-lab-details-header .settings-sites-details-header-icon {
  background-image: url(siteImages/Laboratory_green.svg);
}
.settings-sites-details-header.New .settings-sites-details-header-icon {
  background: url(siteImages/Site_New.svg);
}
.settings-sites-details-header.Active .settings-sites-details-header-icon {
  background: url(siteImages/Site_Active.svg);
}
.settings-sites-details-header.Retired .settings-sites-details-header-icon {
  background: url(siteImages/Site_Retired.svg);
}

.settings-sites-details-labs-container {
  border: 1px solid #e0e1e1;
  box-sizing: border-box;
}

.settings-sites-lab-details-header .settings-sites-details-header-text {
  max-width: 100%;
}

.settings-sites-details-header-text {
  align-self: center;
  margin: auto 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.settings-sites-details-header-main {
  font-size: 1.5rem;
  margin-bottom: 1px;
  margin-top: 0;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
}

.settings-sites-details-header-sub {
  font-size: 1rem;
  text-overflow: ellipsis;
  overflow: hidden;
}

.settings-sites-details-header-prop {
  padding: 1rem;
}

.settings-sites-details-menusection {
  margin-bottom: 0.425rem;
}

html:not([dir=rtl]) .settings-sites-details-menusection .oj-button {
  margin-right: 0.425rem;
}

html[dir=rtl] .settings-sites-details-menusection .oj-button {
  margin-left: 0.425rem;
}

.settings-labnormals-container {
  overflow: hidden;
}

.zipcodeStyle {
  display: flex;
  flex: 1 1 auto;
}

#labAdrress #btnAddNewAddress {
  margin: 1px 5px 5px;
}
#labAdrress #address-accordion {
  margin: 0 5px;
}
#labAdrress #address-accordion .address-collapsible {
  margin-bottom: 0.6em;
  border: 1px solid #C4CED7;
}
#labAdrress #address-accordion .address-collapsible .header-address {
  font-weight: normal;
  margin-left: 1.5em;
  white-space: nowrap;
  width: 480px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#labAdrress #address-accordion .address-collapsible .oj-ux-ico-trash {
  margin-left: auto;
  margin-right: 5px;
  font-size: 22px;
}
#labAdrress #address-accordion .address-collapsible .checkboxContainer {
  display: flex;
  flex-direction: row;
  margin-left: 150px;
}
#labAdrress #address-accordion .address-collapsible .checkboxContainer .address-checkbox-group {
  display: flex;
  flex-direction: column;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
#labAdrress #address-accordion .address-collapsible .checkboxContainer .address-checkbox-group .address-checkbox-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
}
#labAdrress #address-accordion .address-collapsible .address-search-container {
  display: flex;
  margin-bottom: 5px;
}
#labAdrress #address-accordion .address-collapsible .address-search-container .address-row-label {
  width: 140px;
  text-align: right;
  line-height: 2rem;
}
#labAdrress #address-accordion .address-collapsible .address-search-container .addressInputSearch {
  max-width: 77.5%;
  margin-left: 10px;
}
#labAdrress #address-accordion .address-collapsible .address-groups {
  display: flex;
  flex-direction: row;
}
#labAdrress #address-accordion .address-collapsible .address-groups .address-group {
  display: flex;
  flex-direction: column;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
#labAdrress #address-accordion .address-collapsible .address-groups .address-group .address-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
}
#labAdrress #address-accordion .address-collapsible .address-groups .address-group .address-row .address-row-label {
  width: 20%;
  text-align: right;
}
#labAdrress #address-accordion .address-collapsible .address-groups .address-group .address-row .address-row-label label {
  display: flex;
  float: right;
  margin: auto 10px auto 5px;
  justify-content: flex-end;
}
#labAdrress #address-accordion .address-collapsible .address-groups .address-group .address-row .address-textField {
  width: 70%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#labAdrress #address-accordion .address-collapsible .address-groups .address-group .address-row .address-inputField {
  flex: 5 0 0%;
  min-width: 0px;
  min-height: 0px;
}

.formsDesign {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
}
.formsDesign .sg-body-container {
  flex: 1 0 auto;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
  height: auto;
  padding: 0;
  min-height: 82px;
  justify-content: center;
}
.formsDesign .sg-body-container .sg-tip {
  padding: 0 5px 0 5px;
  align-self: center;
}
.formsDesign .fieldList {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
  height: 180px;
  background-color: #FFFFFF;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 10px;
}
.formsDesign .formDesignFooter {
  display: flex;
  flex: 0 0 auto;
  min-width: 0px;
  min-height: 0px;
  border-top: 1px solid #bbb;
  padding: 5px 12px 10px 12px;
  align-items: flex-end;
}
.formsDesign .formDesignFooter .leftActions {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.tableMenuItems {
  overflow-y: hidden !important;
}

.formDetailsSidebar {
  padding: 10px;
}
.formDetailsSidebar #label-edcformRefNameId {
  margin-bottom: 5px;
}
.formDetailsSidebar .sidebarRow {
  display: flex;
  flex-direction: column;
}
.formDetailsSidebar .repeatingFormSidebar {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.formDetailsSidebar .repeatingFormSidebar .allowAddRowsSwitch {
  padding-right: 0px;
}
.formDetailsSidebar .oj-switch-label {
  margin-top: 6px;
}
.formDetailsSidebar .oj-switch {
  vertical-align: middle;
}

.includeSafetyCaseDataSidebar {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}

.allowMultipleInstancesSidebarToggle {
  margin-top: 2rem;
  display: flex;
  justify-content: space-between;
}

.allowMultipleInstancesSidebarToggleLabel {
  padding-right: 0rem;
}

.allowMultipleInstancesSidebarToggleTooltip {
  max-width: 14rem;
}

.actionTileRulesDivider {
  border-color: black !important;
  padding-bottom: 4%;
}

.repeatingFormPopup {
  max-width: 200px;
}

html[dir=rtl] .co-tip-container {
  padding-left: 10px;
}

html:not([dir=rtl]) .co-tip-container {
  padding-right: 10px;
}

.co-tipmargin {
  margin-left: 40px;
  margin-top: 10px;
  margin-right: 5px;
}

.fieldListHeader {
  box-sizing: border-box;
  max-width: 300px;
  height: -moz-fit-content;
  height: fit-content;
}

.lab-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(siteImages/Laboratory.svg) no-repeat;
}

.addIconLogo {
  width: 24px;
  height: 24px;
  background-image: url(designerimages/add_icon_grey.png);
  background-repeat: no-repeat;
  float: right;
  margin: 45px 25px 0px 0px;
  pointer-events: none;
}

.secondary-text-width {
  max-width: 154px;
}

.oj-filepicker-secondary-text {
  max-width: 154px;
}

.previewImage {
  display: inline-block;
  width: 100%;
  max-width: 400px;
  height: 100px;
  border: 2px dashed #616161;
}

#deleteFormLogo {
  position: relative;
  bottom: 65px;
  right: 20px;
}

html:not([dir=rtl]) .fieldListHeader .lab-icon {
  margin-right: 0.867rem;
}

html[dir=rtl] .fieldListHeader .lab-icon {
  margin-left: 0.867rem;
}

#formDesignTitle {
  width: 17rem;
}

#formDesignTitle input {
  font-weight: bold;
}

.controlDetailRow {
  margin-bottom: 20px;
}
.controlDetailRow #dobFormat.oj-disabled .oj-button-text {
  color: rgba(0, 0, 0, 0.8) !important;
}

.rule-warning-accordion {
  border: 1px solid red;
}

.partial-date-style {
  background-color: #f4f4f4;
  border-radius: 5px;
  padding: 5px 5px 5px 15px;
}

#formSidebarDetails .oj-label-group label.oj-component-initnode {
  font-weight: bold;
}

#edcDesignSidebarTemplateId oj-collapsible.oj-expanded {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: calc(100% - 124px);
}

#edcDesignSidebarTemplateId #itemSidebar > oj-collapsible.oj-expanded > .oj-collapsible-wrapper:nth-of-type(1) {
  height: 1px;
}

#edcDesignSidebarTemplateId #itemSidebar #itemSidebarHistory > .oj-collapsible-wrapper {
  height: unset;
}

#edcDesignSidebarTemplateId #formSidebar > oj-collapsible.oj-expanded > .oj-collapsible-wrapper:nth-of-type(1) {
  height: 1px;
}

oj-collapsible.oj-expanded#formSidebarComments #formSidebarCommentsContent {
  display: flex;
  flex-direction: column;
  flex: 1;
}

#formSidebar .oj-accordion-collapsible > .oj-collapsible-wrapper > .oj-collapsible-content {
  padding: 0;
}

#formSidebar #formSidebarCommentsContent {
  overflow: auto;
}

oj-collapsible.oj-expanded#itemSidebarComments #itemSidebarCommentsContent {
  display: flex;
  flex-direction: column;
  flex: 1;
}

oj-collapsible.oj-expanded#itemSidebarComments #itemSidebarCommentsContent {
  display: flex;
  flex-direction: column;
  flex: 1;
}

oj-collapsible.oj-expanded#itemSidebarComments #itemSidebarCommentsContent > co-comment-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}

#itemSidebar .commentContentPadding {
  padding: 0;
}

#formSidebar .commentContentPadding {
  padding: 0;
}

.itemSidebarSpacer {
  height: 20px;
}

#itemSidebarDetails .oj-label-group label.oj-component-initnode {
  font-weight: bold;
}

#itemSidebarDetailsContent .verticalFlex {
  padding: 0px 5px 0px 10px;
}

#itemSidebarDetailsContent {
  overflow-y: auto;
  box-sizing: border-box;
  height: calc(100vh - 278px);
}

#itemSidebarHistoryContent, #itemSidebarCommentsContent {
  overflow-y: auto;
  height: inherit;
}

#itemSidebarComments .unreadCommentsCount {
  font-size: x-small;
  margin-left: 6px;
  background-color: #DF522A;
  border-radius: 16px;
  height: 16px;
  width: 16px;
  color: white;
  line-height: 16px;
  text-align: center;
}

#oj-searchselect-results-datetimeDetailsInputType,
#oj-listbox-results-datetimeDetailsInputType {
  max-height: 300px;
}

#itemSidebarDetailsRules .rule-header-title {
  color: #2073d7;
}
#itemSidebarDetailsRules .rule-header-icon-div {
  display: flex;
  justify-content: flex-end;
  flex: 1 1 auto;
  padding-right: 9px;
}
#itemSidebarDetailsRules .rule-header-icon-div .oj-ux-ico-trash,
#itemSidebarDetailsRules .rule-header-icon-div .oj-ux-ico-copy {
  font-size: 24px;
}
#itemSidebarDetailsRules .item-display-flex {
  display: flex;
}
#itemSidebarDetailsRules .item-container-content {
  display: flex;
  flex-direction: column;
  border: 0px solid #aaaaaa;
}
#itemSidebarDetailsRules .item-container-for-menu {
  display: flex;
  justify-content: center;
  border: 0px solid #aaaaaa;
  width: 100%;
}
#itemSidebarDetailsRules .item-err-container-content {
  display: flex;
  flex-direction: column;
  border: 0px solid #aaaaaa;
}
#itemSidebarDetailsRules .item-container-err {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  border: 0px solid #aaaaaa;
}

.ec-form-design-atention-notification {
  width: 20px;
  height: 20px;
  background-image: url(formimages/form-status-incomplete.png);
  background-repeat: no-repeat;
  align-self: center;
  background-size: contain;
}

.ec-form-design-complete-notification {
  width: 20px;
  height: 20px;
  background-image: url(formimages/form-status-complete.png);
  background-repeat: no-repeat;
  align-self: center;
  background-size: contain;
}

.item-details-question-button-bar {
  clear: both;
  background-color: #E0E0E0;
  padding: 0;
  width: 100%;
  border: 1px solid var(--black-200);
  border-bottom: 0;
  min-height: 10px;
  overflow: hidden;
  z-index: 2;
  position: relative;
  height: 35px;
}

.item-details-question-button-bar .item-details-question-button-row {
  padding: 0 4px 0 8px;
  margin: 0;
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.item-details-question-button-bar .item-details-question-button-row .item-details-question-button {
  max-width: 40px;
  height: 15px;
  flex: 10 0 23px;
  padding: 0;
  padding: 2px 0 0 0;
  text-align: center;
  cursor: pointer;
}

.item-details-question-button-bar .item-details-question-button-row .item-details-question-button #bold_button #bold_button_img {
  background: url("common/BoldFormat_default.svg") no-repeat;
  background-repeat: no-repeat;
  background-position: center;
  height: 14px;
  width: 14px;
}

.item-details-question-button-bar .item-details-question-button-row .item-details-question-button #bold_button #bold_button_img:hover {
  background: url("common/BoldFormat_hover.svg") no-repeat;
  background-repeat: no-repeat;
  background-position: center;
  height: 15px;
  width: 15px;
}

.item-details-question-button-bar .item-details-question-button-row .item-details-question-button #bold_button #bold_button_img:visited {
  background: url("common/BoldFormat_hover.svg") no-repeat;
  background-repeat: no-repeat;
  background-position: center;
  height: 15px;
  width: 15px;
}

.item-details-question-button-bar .item-details-question-button-row .item-details-question-button #bold_button #bold_button_img:focus {
  background: url("common/BoldFormat_hover.svg") no-repeat;
  background-repeat: no-repeat;
  background-position: center;
  height: 15px;
  width: 15px;
}

.item-details-question-button-bar .item-details-question-button-row .item-details-question-button #bold_button #italic_button_img {
  background: url("common/ItalicFormat_default.svg") no-repeat;
  background-repeat: no-repeat;
  background-position: center;
  height: 14px;
  width: 14px;
}

.item-details-question-button-bar .item-details-question-button-row .item-details-question-button #italic_button #italic_button_img:hover {
  background: url("common/ItalicFormat_hover.svg") no-repeat;
  background-repeat: no-repeat;
  background-position: center;
  height: 14px;
  width: 14px;
}

.item-details-question-button-bar .item-details-question-button-row .item-details-question-button #italic_button #italic_button_img:visited {
  background: url("common/ItalicFormat_hover.svg") no-repeat;
  background-repeat: no-repeat;
  background-position: center;
  height: 15px;
  width: 15px;
}

.item-details-question-button-bar .item-details-question-button-row .item-details-question-button #italic_button #italic_button_img:focus {
  background: url("common/ItalicFormat_hover.svg") no-repeat;
  background-repeat: no-repeat;
  background-position: center;
  height: 15px;
  width: 15px;
}

.item-details-question-button-bar .item-details-question-button-row .item-details-question-button #bold_button #underline_button_img {
  background: url("common/UnderlineFormat_default.svg") no-repeat;
  background-repeat: no-repeat;
  background-position: center;
  height: 14px;
  width: 14px;
}

.item-details-question-button-bar .item-details-question-button-row .item-details-question-button #underline_button #underline_button_img:hover {
  background: url("common/UnderlineFormat_hover.svg") no-repeat;
  background-repeat: no-repeat;
  background-position: center;
  height: 14px;
  width: 14px;
}

.item-details-question-button-bar .item-details-question-button-row .item-details-question-button #underline_button #underline_button_img:visited {
  background: url("common/UnderlineFormat_hover.svg") no-repeat;
  background-repeat: no-repeat;
  background-position: center;
  height: 15px;
  width: 15px;
}

.item-details-question-button-bar .item-details-question-button-row .item-details-question-button #underline_button #underline_button_img:focus {
  background: url("common/UnderlineFormat_hover.svg") no-repeat;
  background-repeat: no-repeat;
  background-position: center;
  height: 15px;
  width: 15px;
}

#itemDetailsSDVcriticalLabel {
  padding-right: 0;
}

.systemConnections {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
}

.conn-ua-link1 {
  text-decoration: none;
  color: #0072bc;
  font-weight: bold;
  cursor: pointer;
  font-family: "Oracle Sans", Arial, sans-serif;
  font-size: 14px;
  text-align: center;
  line-height: 300%;
  font-style: initial;
}

.conn-ua-l1 {
  line-height: 100% !important;
}

.conn-ua-l2 {
  line-height: 200% !important;
}

.connections-ua-icon {
  width: 129px;
  height: 154px;
  background-image: url(systemConnectionImages/Integration_UserAssistance.svg);
  background-repeat: no-repeat;
  margin: auto;
}

.connections-icon {
  width: 30px;
  height: 30px;
  background-image: url(systemConnectionImages/systemconnection_icon.png);
  background-repeat: no-repeat;
  margin: 10px;
}

.conn-h1 {
  margin: 20px;
  font-weight: bold;
  margin-left: 5px;
}

.conn-table {
  width: 100%;
}

.conn-input-cell {
  width: 80%;
  margin: 2px;
}

.sys-conn-icon-bar .connections-icon {
  width: 30px;
  height: 30px;
  background-image: url(systemConnectionImages/systemconnection_icon.png);
  background-repeat: no-repeat;
}

.sys-connection-details-title {
  padding: 10px;
}

.sys-connection-title-bar {
  margin-top: 15px;
}
.sys-connection-title-bar .sys-conn-h1 {
  font-weight: bold;
  font-size: 16px;
}

.sys-connection-btn-bar {
  margin-top: 10px;
}
.sys-connection-btn-bar .sys-connection-btn-cancel {
  margin-right: 5px;
  font-weight: bold;
}

.sys-connection-btn-next {
  font-weight: bold !important;
}

.sys-connection-row {
  min-width: 200px;
  width: 200px;
  max-width: 200px;
  display: inline-block;
  text-align: right;
}

.row-spacing {
  margin-bottom: 10px;
}

.sys_conn-notraining-icon {
  min-width: 635px;
  width: 635px;
  max-width: 635px;
  min-height: 165px;
  height: 165px;
  max-height: 165px;
  margin: auto;
  background-repeat: no-repeat;
  background-image: url("supplyimages/uaicon_supplysettings.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: initial;
}

.sys-ua-h2 {
  margin: 0 auto;
  width: 26%;
  font-family: "Oracle Sans", Arial, sans-serif;
  font-size: 14px;
  text-align: center;
  line-height: 140%;
  font-style: initial;
}

.connection-info-page {
  margin: 10px;
}
.connection-info-page .connection-info-header {
  margin-bottom: 10px;
}
.connection-info-page .connection-info-header .connection-name {
  font-weight: bold;
  font-size: 16px;
  padding-top: 5px;
  margin-right: 10px;
  margin-left: 10px;
}
.connection-info-page .connection-info-header .conn-buttonset .button-class {
  margin-left: 5px;
}

.event-list-item {
  margin-bottom: 10px;
  border: 1px solid #d2d2d2;
  line-height: 20px;
  padding: 0px;
}

.event-list-view .checkbox-bg {
  width: 60px;
  padding: 20px;
  background-color: #1D6695;
}
.event-list-view .checkbox-bg .checkbox-class {
  padding: 10px;
}
.event-list-view .event-name-div .event-name {
  font-size: 14px;
  font-weight: bold;
  margin-left: 10px;
  padding: 15px;
}
.event-list-view .event-name-div .arrow-class {
  padding: 15px;
}

.subjectRow {
  height: 60px;
}
.subjectRow .subjectSelection {
  overflow: visible;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
}
.subjectRow .subjectInfo {
  padding-left: 30px;
  min-width: 5% !important;
}
.subjectRow .subjectInfo .subject-number-display {
  display: flex;
  flex-direction: column;
  padding-right: 5px;
  align-items: center;
}

.attribute-row .attribute-column {
  width: 70%;
}
.attribute-row .attribute-column .switch-text-column {
  margin-left: 10px;
}
.attribute-row .attribute-column .switch-text-column .switch-cell {
  float: left;
  width: 10%;
  overflow: hidden;
}
.attribute-row .attribute-column .switch-text-column .att-name-cell {
  float: left;
  width: 80%;
  overflow: hidden;
  margin-top: 10px;
}
.attribute-row .attribute-column .switch-text-column .att-name-cell .text-style {
  font-weight: bold;
}
.attribute-row .key-column {
  width: 30%;
}

.global-att-icon-inactive {
  width: 40px;
  padding-top: 5px;
  height: 40px;
  margin-left: -20px;
  content: url("integrationImages/GlobalAttributes_Inactive.svg");
}

.global-att-icon-active {
  width: 40px;
  padding-top: 5px;
  height: 40px;
  margin-left: -20px;
  content: url("integrationImages/GlobalAttributes_Active.svg");
}

.screening-att-icon-inactive {
  width: 40px;
  padding-top: 5px;
  height: 40px;
  margin-left: -20px;
  content: url("integrationImages/Screening_Inactive.svg");
}

.screening-att-icon-active {
  width: 40px;
  padding-top: 5px;
  height: 40px;
  margin-left: -20px;
  content: url("integrationImages/Screening_Active.svg");
}

.screenfail-att-icon-inactive {
  width: 40px;
  padding-top: 5px;
  height: 40px;
  margin-left: -20px;
  content: url("integrationImages/ScreenFail_Inactive.svg");
}

.screenfail-att-icon-active {
  width: 40px;
  padding-top: 5px;
  height: 40px;
  margin-left: -20px;
  content: url("integrationImages/ScreenFail_Active.svg");
}

.scheduleVisit-att-icon-inactive {
  width: 40px;
  padding-top: 5px;
  height: 40px;
  margin-left: -20px;
  content: url("integrationImages/ScheduledVisits_Inactive.svg");
}

.scheduleVisit-att-icon-active {
  width: 40px;
  padding-top: 5px;
  height: 40px;
  margin-left: -20px;
  content: url("integrationImages/ScheduledVisits_Active.svg");
}

.random-att-icon-inactive {
  width: 40px;
  padding-top: 5px;
  height: 40px;
  margin-left: -20px;
  content: url("integrationImages/Randomization_Inactive.svg");
}

.random-att-icon-active {
  width: 40px;
  padding-top: 5px;
  height: 40px;
  margin-left: -20px;
  content: url("integrationImages/Randomization_Active.svg");
}

.kit-att-icon-inactive {
  width: 40px;
  padding-top: 5px;
  height: 40px;
  margin-left: -20px;
  content: url("integrationImages/KitReplacement_Inactive.svg");
}

.kit-att-icon-active {
  width: 40px;
  padding-top: 5px;
  height: 40px;
  margin-left: -20px;
  content: url("integrationImages/KitReplacement_Active.svg");
}

.studyComp-att-icon-inactive {
  width: 40px;
  padding-top: 5px;
  height: 40px;
  margin-left: -20px;
  content: url("integrationImages/SubjectComplete_Inactive.svg");
}

.studyComp-att-icon-active {
  width: 40px;
  padding-top: 5px;
  height: 40px;
  margin-left: -20px;
  content: url("integrationImages/SubjectComplete_Active.svg");
}

.datachanges-att-icon-inactive {
  width: 40px;
  padding-top: 5px;
  height: 40px;
  margin-left: -20px;
  content: url("integrationImages/DataChanges_Inactive.svg");
}

.datachanges-att-icon-active {
  width: 40px;
  padding-top: 5px;
  height: 40px;
  margin-left: -20px;
  content: url("integrationImages/DataChanges_Active.svg");
}

.withdraw-att-icon-inactive {
  width: 40px;
  padding-top: 5px;
  height: 40px;
  margin-left: -20px;
  content: url("integrationImages/SubjectWithdrawn_Inactive.svg");
}

.withdraw-att-icon-active {
  width: 40px;
  padding-top: 5px;
  height: 40px;
  margin-left: -20px;
  content: url("integrationImages/SubjectWithdrawn_Active.svg");
}

.transfer-att-icon-inactive {
  width: 40px;
  padding-top: 5px;
  height: 40px;
  margin-left: -20px;
  content: url("integrationImages/SubjectTransfer_Inactive.svg");
}

.transfer-att-icon-active {
  width: 40px;
  padding-top: 5px;
  height: 40px;
  margin-left: -20px;
  content: url("integrationImages/SubjectTransfer_Active.svg");
}

.codebreak-att-icon-inactive {
  width: 40px;
  padding-top: 5px;
  height: 40px;
  margin-left: -20px;
  content: url("integrationImages/SubjectCodebreak_Inactive.svg");
}

.codebreak-att-icon-active {
  width: 40px;
  padding-top: 5px;
  height: 40px;
  margin-left: -20px;
  content: url("integrationImages/SubjectCodebreak_Active.svg");
}

.tr-odd-class {
  background-color: #ECE3F4 !important;
}

.tr-even-class {
  background-color: #F4F1F9 !important;
}

.tr-row-expanded {
  margin-left: 10px;
}

.att-table-width {
  width: 70%;
  padding: 0px;
}
.att-table-width .att-table-cell {
  margin-left: 10px;
}
.att-table-width .att-table-cell .att-switch-cell {
  float: left;
  width: 10%;
  overflow: hidden;
}
.att-table-width .att-table-cell .att-title-cell {
  float: left;
  width: 80%;
  overflow: hidden;
  margin-top: 10px;
}
.att-table-width .att-table-cell .att-title-cell .att-title-text {
  font-weight: bold;
}

.hide-switch-padding {
  margin-left: 60px;
}

.mainPageHeight {
  height: 100%;
}

.form-inventory-flex {
  display: flex;
  justify-content: space-between;
}

.form-inventory-icons {
  display: flex;
}
.form-inventory-icons .form-card-calcdoseicon {
  background-image: url("formimages/CalculatedDose_FormFlag_alter.svg");
  background-size: 22px;
  background-repeat: no-repeat;
  min-width: 25px;
  height: 25px;
}
.form-inventory-icons .form-card-randicon {
  background-image: url("formimages/RandStrata_FormFlag.svg");
  background-size: 22px;
  background-repeat: no-repeat;
  min-width: 25px;
  height: 25px;
}
.form-inventory-icons .form-card-demoCohortIcon {
  background-image: url("formimages/Randomization_DemographyCohort.svg");
  background-size: 22px;
  background-repeat: no-repeat;
  min-width: 25px;
  height: 25px;
}
.form-inventory-icons .form-card-rolloverIcon {
  background-image: url("formimages/Rollover_FormDesign.svg");
  background-size: 22px;
  background-repeat: no-repeat;
  min-width: 25px;
  height: 25px;
}
.form-inventory-icons .form-card-branchIcon {
  background-image: url("formimages/branching.svg");
  background-size: 22px;
  background-repeat: no-repeat;
  min-width: 25px;
  height: 25px;
}
.form-inventory-icons .form-card-lockIcon {
  background-image: url("studiesImages/designer_lock.svg");
  background-size: 22px;
  background-repeat: no-repeat;
  min-width: 25px;
  height: 25px;
}
.form-inventory-icons .form-card-labIcon {
  background-image: url("siteImages/Laboratory.svg");
  background-size: 22px;
  background-repeat: no-repeat;
  min-width: 25px;
  height: 25px;
}
.form-inventory-icons .form-card-isCopied-isEdited-icon {
  background-image: url("formimages/Copied_Edited_FormFlag.svg");
  background-size: 22px;
  background-repeat: no-repeat;
  min-width: 25px;
  height: 25px;
}
.form-inventory-icons .form-card-isCopied-notEdited-icon {
  background-image: url("formimages/Copied_NotEdited_FormFlag.svg");
  background-size: 22px;
  background-repeat: no-repeat;
  min-width: 25px;
  height: 25px;
}
.form-inventory-icons .form-card-isCopied-from-library-isEdited-icon {
  background-image: url("formimages/Copied_From_Library_Edited_FormFlag.svg");
  background-size: 22px;
  background-repeat: no-repeat;
  min-width: 25px;
  height: 25px;
}
.form-inventory-icons .form-card-isCopied-from-library-notEdited-icon {
  background-image: url("formimages/Copied_From_Library_NotEdited_FormFlag.svg");
  background-size: 22px;
  background-repeat: no-repeat;
  min-width: 25px;
  height: 25px;
}
.form-inventory-icons .form-card-randanddoseicon {
  background-image: url(formimages/CalculatedDose_FormFlag.svg), url(formimages/RandStrata_FormFlag.svg);
  height: 30px;
  width: 58px;
  background-size: 41px, 22px;
  background-repeat: no-repeat, no-repeat;
  margin-left: 162px;
  background-position: left, right;
}

.multi-icon-flyout-container {
  height: 20px;
  width: 20px;
  background-image: url(formimages/MultiIcons_default.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 1;
}
.multi-icon-flyout-container .single-icon-flyout-container {
  transition: width 100ms, height 100ms, top 100ms;
  height: 0;
  width: 0;
  top: 0;
}
.multi-icon-flyout-container .single-icon-flyout-container [class^=form-card-].within-flyout {
  width: 0;
  height: 0;
  min-width: 0;
  transition: width 100ms, height 100ms, min-width 100ms;
}
.multi-icon-flyout-container:hover, .multi-icon-flyout-container:focus, .multi-icon-flyout-container.hover {
  background-image: url(formimages/MultiIcons_onhover.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.multi-icon-flyout-container:hover .single-icon-flyout-container, .multi-icon-flyout-container:focus .single-icon-flyout-container, .multi-icon-flyout-container.hover .single-icon-flyout-container {
  background: transparent;
  position: relative;
  height: 0;
  width: 0;
  top: 0;
  left: -5px;
  z-index: 0;
}
.multi-icon-flyout-container:hover .single-icon-flyout-container .single-icon-flyout-background, .multi-icon-flyout-container:focus .single-icon-flyout-container .single-icon-flyout-background, .multi-icon-flyout-container.hover .single-icon-flyout-container .single-icon-flyout-background {
  height: 20px;
  width: 100px;
  background: transparent;
  position: relative;
}
.multi-icon-flyout-container:hover .single-icon-flyout-container .within-flyout, .multi-icon-flyout-container:focus .single-icon-flyout-container .within-flyout, .multi-icon-flyout-container.hover .single-icon-flyout-container .within-flyout {
  z-index: 9;
  margin: 0;
  background-position: center;
  min-width: 30px;
  height: 30px;
  width: 30px;
  position: relative;
  top: -30px;
}
.multi-icon-flyout-container:hover .single-icon-flyout-container:nth-of-type(2) .single-icon-flyout-background, .multi-icon-flyout-container:focus .single-icon-flyout-container:nth-of-type(2) .single-icon-flyout-background, .multi-icon-flyout-container.hover .single-icon-flyout-container:nth-of-type(2) .single-icon-flyout-background {
  transform: rotate(60deg);
}
.multi-icon-flyout-container:hover .single-icon-flyout-container:nth-of-type(2) .single-icon-flyout-background .within-flyout, .multi-icon-flyout-container:focus .single-icon-flyout-container:nth-of-type(2) .single-icon-flyout-background .within-flyout, .multi-icon-flyout-container.hover .single-icon-flyout-container:nth-of-type(2) .single-icon-flyout-background .within-flyout {
  transform: rotate(-60deg);
}
.multi-icon-flyout-container:hover .single-icon-flyout-container:nth-of-type(3) .single-icon-flyout-background, .multi-icon-flyout-container:focus .single-icon-flyout-container:nth-of-type(3) .single-icon-flyout-background, .multi-icon-flyout-container.hover .single-icon-flyout-container:nth-of-type(3) .single-icon-flyout-background {
  transform: rotate(120deg);
}
.multi-icon-flyout-container:hover .single-icon-flyout-container:nth-of-type(3) .single-icon-flyout-background .within-flyout, .multi-icon-flyout-container:focus .single-icon-flyout-container:nth-of-type(3) .single-icon-flyout-background .within-flyout, .multi-icon-flyout-container.hover .single-icon-flyout-container:nth-of-type(3) .single-icon-flyout-background .within-flyout {
  transform: rotate(-120deg);
}
.multi-icon-flyout-container:hover .single-icon-flyout-container:nth-of-type(4) .single-icon-flyout-background, .multi-icon-flyout-container:focus .single-icon-flyout-container:nth-of-type(4) .single-icon-flyout-background, .multi-icon-flyout-container.hover .single-icon-flyout-container:nth-of-type(4) .single-icon-flyout-background {
  transform: rotate(180deg);
}
.multi-icon-flyout-container:hover .single-icon-flyout-container:nth-of-type(4) .single-icon-flyout-background .within-flyout, .multi-icon-flyout-container:focus .single-icon-flyout-container:nth-of-type(4) .single-icon-flyout-background .within-flyout, .multi-icon-flyout-container.hover .single-icon-flyout-container:nth-of-type(4) .single-icon-flyout-background .within-flyout {
  transform: rotate(-180deg);
}
.multi-icon-flyout-container:hover .single-icon-flyout-container:nth-of-type(5) .single-icon-flyout-background, .multi-icon-flyout-container:focus .single-icon-flyout-container:nth-of-type(5) .single-icon-flyout-background, .multi-icon-flyout-container.hover .single-icon-flyout-container:nth-of-type(5) .single-icon-flyout-background {
  transform: rotate(240deg);
}
.multi-icon-flyout-container:hover .single-icon-flyout-container:nth-of-type(5) .single-icon-flyout-background .within-flyout, .multi-icon-flyout-container:focus .single-icon-flyout-container:nth-of-type(5) .single-icon-flyout-background .within-flyout, .multi-icon-flyout-container.hover .single-icon-flyout-container:nth-of-type(5) .single-icon-flyout-background .within-flyout {
  transform: rotate(-240deg);
}

.brokenDose-count {
  justify-content: center;
  display: -webkit-flex;
  background-color: #B30000;
  padding: 1px;
  color: white;
  min-width: 18px;
  height: 18px;
  position: absolute;
  top: 33px;
  right: 121px;
  border-radius: 50%;
  font-size: 14px;
  text-align: center;
  align-items: center;
}

.deleteform-conf-dlg {
  display: flex;
  width: 100%;
  margin-top: 10px;
}
.deleteform-conf-dlg .deleteform-conf-icon {
  display: flex;
  flex: 0 0 70px;
  height: 70px;
  width: 70px;
  background-image: url("images/Confirmation_Dialog.svg");
  background-repeat: no-repeat;
  background-size: contain;
  flex: 1 0 auto;
  min-width: 0px;
  min-height: 0px;
  margin-left: 5px;
}
.deleteform-conf-dlg .deleteform-conf-mesage {
  width: 380px;
  font-size: 14px;
  margin-left: 20px;
}
.deleteform-conf-dlg .deleteform-conf-mesage .secondary-message {
  margin-bottom: 10px;
}

.allForms-ua-icon {
  width: 129px;
  height: 154px;
  background-image: url(designerimages/Forms_UserAssistance.svg);
  background-repeat: no-repeat;
  margin: auto;
}

.allForms-ua-noForms {
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  line-height: 20px;
}

.allForms-ua-noFormsStudies {
  font-size: 15px;
  text-align: center;
  line-height: 50px;
}

.allForms-ua-link {
  text-align: center;
  font-weight: bold;
}

.allForms-clearFilter-icon {
  width: 100px;
  height: 100px;
  background-image: url(designerimages/NoResults.svg);
  background-repeat: no-repeat;
  margin: auto;
}

.allForms-emptySearch {
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  padding-top: 10px;
}

.allForms-clearFilter {
  text-align: center;
  font-weight: bold;
  line-height: 36px;
  font-size: 12px;
}

.subjects-nav-tabs {
  width: 200px;
  flex: 0 0 auto !important;
  height: 37px;
}

.pd-events-grid {
  position: fixed;
  width: 95%;
  padding-left: 22px;
}
.pd-events-grid .pd-events-checkbox, .pd-events-grid .pd-events-checkbox.oj-table-data-cell.oj-hover {
  background-color: #3C425B;
}
.pd-events-grid .pd-events-buttons {
  float: left;
  padding: 15px 0px;
}
.pd-events-grid .pd-events-filters {
  float: right;
  padding: 15px;
}
.pd-events-grid .pd-events-filters .filter-input {
  display: inline;
  float: left;
  padding-left: 10px;
}
.pd-events-grid .pd-events-filters .filter-input .oj-searchselect {
  max-width: 140px;
}
.pd-events-grid #pd_events_list {
  width: 99%;
}
.pd-events-grid #pd_events_list .oj-table-column-header-cell {
  text-align: center;
}
.pd-events-grid #pd_events_list .oj-table-column-header-cell .oj-table-column-header {
  display: inline;
}
.pd-events-grid #pd_events_list .oj-table-cell-container {
  display: flex;
}
.pd-events-grid #pd_events_list .oj-table-cell-container.description {
  width: 400px;
  text-overflow: ellipsis;
}

.subject-monitoring .mainContent {
  padding: 10px;
  height: 100%;
}
.subject-monitoring .mainContent .tabContentsContainer {
  height: 100%;
}
.subject-monitoring .mainContent .event-actions .oj-button-icon.oj-start {
  background-image: url("landingpageimages/EditAction_Default.svg");
  content: url("landingpageimages/EditAction_Default.svg");
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  background-size: contain;
  margin: auto;
  align-self: center;
  display: inline-block;
  margin: 0px 5px;
}
.subject-monitoring .mainContent .event-actions.oj-hover .oj-button-icon.oj-start, .subject-monitoring .mainContent .event-actions:hover .oj-button-icon.oj-start, .oj-button.oj-selected .subject-monitoring .mainContent .event-actions .oj-button-icon.oj-start {
  background-image: url("landingpageimages/EditAction_Active.svg");
  content: url("landingpageimages/EditAction_Active.svg");
}
.subject-monitoring .mainContent .event-actions.oj-active .oj-button-icon.oj-start {
  background-image: url("landingpageimages/EditAction_Hover.svg");
  content: url("landingpageimages/EditAction_Hover.svg");
}
.subject-monitoring .subjects-nav-tabs a.oj-tabbar-focused-element.oj-tabbar-item-content.oj-tabbar-item-no-icon {
  padding: 0.5rem 1.07143rem !important;
}
.subject-monitoring .tabModuleContainer {
  height: 100%;
}

#codeListContainid {
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
#codeListContainid .main-content {
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
}

.libraryHeader {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  height: 64px;
  background: #F7F7F7;
  border-bottom: 1px solid #CBCCCD;
  box-sizing: border-box;
}
.libraryHeader .libraryHeaderTitles {
  display: flex;
  align-items: center;
}
.libraryHeader .libraryGeneralHeaderTitle {
  font-weight: bold;
  font-size: 20px;
}
.libraryHeader .librarySelectedHeaderTitle {
  font-weight: 700;
  font-size: 20px;
  line-height: 26;
  color: #00688C;
  text-decoration: underline;
}
.libraryHeader .selectedStudy {
  display: flex;
  align-items: center;
}
.libraryHeader .selectedStudy .selectedStudyArrow {
  color: #5C5C5C;
  margin: 0 6px;
}
.libraryHeader .selectedStudy .selectedStudyIcon {
  color: #5C5C5C;
  margin: 0 6px 0 0;
}
.libraryHeader .selectedStudy .selectedStudyName {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #5C5C5C;
}
.libraryHeader #libraryObjectTabs {
  padding: 0 2rem;
}
.libraryHeader .listItemStyleForLibrary {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  margin-left: 1rem;
}
.libraryHeader #libraryContainerModule {
  height: 100%;
  width: 100%;
}

#globalBody .app-content-container.clinicalone-app-content-container-library {
  margin: 0;
}

.libraryPage #libraryTabId {
  overflow: hidden;
}
.libraryPage .libraryStudies {
  height: 100%;
}
.libraryPage #clinicaloneDesignModule {
  height: 100%;
  display: contents;
}
.libraryPage #clinicaloneDesignModule .masterDetailPage {
  overflow: hidden;
}
.libraryPage #clinicaloneDesignModule .masterDetailPage .mainContent {
  height: 100%;
  overflow: hidden;
}
.libraryPage.masterDetailPage .mainContent {
  padding: 0;
}
.libraryPage.masterDetailPage .mainContent .mainContent {
  padding: 0.714rem;
}
.libraryPage.masterDetailPage .mainContent .contentArea {
  padding-top: 0;
  height: 100%;
  min-height: auto;
  max-height: 100%;
}
.libraryPage.masterDetailPage .mainContent .contentArea .tabContentsContainer {
  min-height: auto;
  height: 100%;
  overflow: hidden;
}

.libraryPage.masterDetailPage #studyListContainer .studiesListContainer {
  background-color: #FFFFFF;
}
.libraryPage.masterDetailPage #studyListContainer .landingPage-main-info {
  background-color: #FFFFFF;
}
.libraryPage.masterDetailPage #studyListContainer .landingPage-main-info .listHeader {
  background-color: #FFFFFF;
}
.libraryPage.masterDetailPage #studyListContainer .landingPage-main-info .listHeader .studiesListHeader .actionButtonsLeft #btn-study-create {
  margin-left: 6px;
}

.libraryPage.masterDetailPage #libraryContainerModule .libraryStudies {
  margin: 0;
}
.libraryPage.masterDetailPage #libraryContainerModule .libraryStudies .listHeader .studiesListHeader .actionButtonsLeft {
  margin-left: 0px;
}
.libraryPage.masterDetailPage .studiesListContainer .ec-study-list .study-list-item .study-header .name-and-fav {
  padding: 5px 5px 5px 16px;
}
.libraryPage.masterDetailPage .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .study-header-section-title-btn {
  min-width: 448px;
  max-width: 448px;
}
.libraryPage.masterDetailPage .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .study-header-section-title-btn .library-study-labels {
  display: inline-flex;
  justify-content: space-between;
  max-width: 408px;
  min-width: 408px;
  margin-left: 3px;
  vertical-align: middle;
  align-items: center;
}
.libraryPage.masterDetailPage .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .study-header-section-title-btn .library-study-labels .icon-title .study-header-section-title-btn-text .company-title {
  max-width: 270px;
}
.libraryPage.masterDetailPage .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .study-header-section-title-btn .library-study-labels .study-header-section-title-btn-text span {
  font-weight: 700 !important;
  font-size: 14px !important;
  width: 278px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
}
.libraryPage.masterDetailPage .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .study-header-section-title-btn .library-study-labels .viewObjects {
  display: inline-flex;
}
.libraryPage.masterDetailPage .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .study-header-section-title-btn .library-study-labels .viewObjects .viewObjectsText {
  align-self: center;
  font-weight: 400;
  font-size: 14px;
}
.libraryPage.masterDetailPage .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .study-header-section-title-btn .library-study-labels .icon-title .iconContainer {
  display: flex;
  align-items: center;
}
.libraryPage.masterDetailPage .studiesListContainer .ec-study-list .study-list-item .study-header .study-header-section .study-header-section-title-btn .libraryStudyIcon {
  margin-right: 11px;
  display: flex;
  vertical-align: middle;
}

.library-import-forms-radiocontainer {
  padding: 1.142rem 0 0.285rem;
  margin: 0 1.142rem;
  border-bottom: 1px solid #E5E6E6;
}

.formPreviewUserAssistanceIcon {
  background-image: url(images/Users_NoPermission.svg);
}

.deletedFormPreviewUserAssistanceIcon {
  background-image: url(designerimages/Forms_UserAssistance.svg);
}

.RuleManagementPage oj-buttonset-one.oj-buttonset {
  border: 1px solid #d5d5d5;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 0px;
  min-height: 26px;
}
.RuleManagementPage oj-buttonset-one.oj-buttonset .oj-button {
  margin-right: 0;
  height: 42px;
  min-width: 70px;
  font-size: 13px;
  font-weight: 500;
  background-color: #ffffff;
  color: #0063C9;
  border-right: 1px solid #d5d5d5;
  border-radius: 3px;
}
.RuleManagementPage oj-buttonset-one.oj-buttonset .oj-button:last-child {
  border-right: none;
}
.RuleManagementPage oj-buttonset-one.oj-buttonset .oj-button.oj-selected {
  background-color: #0063C9;
  color: #ffffff;
}
.RuleManagementPage oj-buttonset-one.oj-buttonset .oj-button:hover:not(.oj-selected) {
  background-color: #e6f2ff;
}
.RuleManagementPage oj-buttonset-one.oj-buttonset .oj-button:focus-visible {
  outline: 2px solid #0055A6;
}
.RuleManagementPage oj-buttonset-one.oj-buttonset .oj-button.oj-button-half-chrome {
  box-shadow: none;
  border: none;
}
.RuleManagementPage .rule-toggle-style .oj-button {
  margin-right: 0;
  border-radius: 0;
  background-color: white;
  color: #0063C9;
}
.RuleManagementPage .rule-toggle-style .oj-button.oj-selected {
  background-color: #0063C9;
  color: white;
}
.RuleManagementPage .rule-toggle-style .oj-button:hover:not(.oj-selected) {
  background-color: #e6f2ff;
}
.RuleManagementPage .rule-toggle-style .oj-button:focus-visible {
  outline: 2px solid #0055A6;
}
.RuleManagementPage .rules-management-modes-mini {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.RuleManagementPage .rules-management-modes-mini .rules-management-mode-narrow {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 2px;
  border: solid #a2c0df;
  border-width: 0 0 5px 0;
  border-radius: 0;
  margin-bottom: 10px;
  max-width: 200px;
  min-width: 190px;
  margin-right: 10px;
  text-decoration: none;
  background-color: #e8e8e8;
  cursor: pointer;
}
.RuleManagementPage .rules-management-modes-mini .rules-management-mode-narrow .mode-arrow {
  position: absolute;
  right: 10px; /*-$supplySettingsModeArrowWidth;*/
  top: 50%;
  margin-top: 0; /*-($ruleModeArrowHeightNarrow/2);*/
  border-width: 5px;
  border-color: #0063c9 transparent transparent transparent;
  border-style: solid;
}
.RuleManagementPage .rules-management-modes-mini .rules-management-mode-narrow .rulemgmt-mode-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding: 5px 3px 3px 0;
  font-weight: bold;
  text-align: center;
  font-size: 1rem; /*$supplySettingsModesFontSize;*/
  color: #0063c9;
}
.RuleManagementPage .rules-management-modes-mini .rules-management-mode-narrow .subject-settings-mode-label-short {
  display: none;
  font-size: 0.9rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.RuleManagementPage .rules-management-modes-mini .rules-management-mode-narrow.active {
  border-color: #0063c9;
  background-color: #deedfc;
}
.RuleManagementPage .rules-management-modes-mini .rules-management-mode-narrow.active .supply-settings-mode-label {
  color: #0063c9;
}
.RuleManagementPage .rules-management-modes-mini .rules-management-mode-narrow.active .mode-arrow {
  border-color: #0063c9 transparent transparent transparent;
}
.RuleManagementPage .rules-management-modes-mini .rulemgmt-modes-header {
  align-items: center;
  display: flex;
  align-items: flex-start;
}
.RuleManagementPage .rules-management-modes-mini .rulemgmt-modes-header.production-icon:before {
  display: inline-block;
  content: "";
  min-width: 20px;
  width: 28px;
  height: 20px;
  margin: 0px 0px 8px 0px;
  background-image: url("subjectimages/enrollment-image/StudyVersion_Approved.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.RuleManagementPage .rules-management-modes-mini .rulemgmt-modes-header.testing-icon:before {
  display: inline-block;
  content: "";
  min-width: 20px;
  width: 28px;
  height: 20px;
  margin: 0px 0px 8px 0px;
  background-image: url("subjectimages/enrollment-image/StudyVersion_Testing.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.RuleManagementPage .rules-management-modes-mini .rulemgmt-modes-header.training-icon:before {
  display: inline-block;
  content: "";
  min-width: 20px;
  width: 28px;
  height: 20px;
  margin: 0px 0px 8px 0px;
  background-image: url("subjectimages/enrollment-image/StudyVersion_Training.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.RuleManagementPage .rules-management-modes-mini .rulemgmt-modes-header span {
  align-self: center;
  font-size: 16px;
  font-weight: bold;
}
.RuleManagementPage .rule-info {
  padding-left: 32px;
  width: 192px;
}
.RuleManagementPage .rule-info .rule-name {
  max-width: 400px;
  font-weight: bold;
}
.RuleManagementPage .rule-info .rule-desc {
  max-width: 400px;
  font-size: small;
}
.RuleManagementPage .rule-status-option {
  padding-top: 3px;
  padding-right: 9px;
  padding-bottom: 3px;
  padding-left: 9px;
  text-align: left;
  border-radius: 15px;
  float: left;
}
.RuleManagementPage .rule-status-draft {
  color: #FFFFFF;
  background-color: #0063C9;
}
.RuleManagementPage .rule-status-uat {
  color: #FFFFFF;
  background-color: #8560A8;
}
.RuleManagementPage .rule-status-approved {
  color: #FFFFFF;
  background-color: #6FA939;
}
.RuleManagementPage .rule-status-published {
  color: #FFFFFF;
  background-color: #4C825C;
}
.RuleManagementPage .rule-status-invalid {
  color: #FFFFFF;
  background-color: #9D9D9D;
}
.RuleManagementPage .rule-ec-common-truncate {
  max-width: 192px;
  overflow: hidden;
  white-space: nowrap;
}
.RuleManagementPage .filter-funnel-icon {
  width: 16px;
  height: 16px;
  margin: 2px 0px 0px 0px;
  background-image: url(landingpageimages/filter-funnel-default.svg);
}
.RuleManagementPage #btn-filterRule-id.oj-selected .filter-funnel-icon {
  background-image: url("landingpageimages/filter-funnel-active.svg");
}
.RuleManagementPage #filterPopup .oj-flex.oj-flex-column {
  background-color: white;
  overflow-y: auto;
  max-height: 90vh;
}
.RuleManagementPage .sidebar-previous-icon {
  width: 37px;
  height: 37px;
  background-image: url(ruleimages/rule-history-sidebar-previous.svg);
}
.RuleManagementPage .sidebar-next-icon {
  width: 37px;
  height: 37px;
  background-image: url(ruleimages/rule-history-sidebar-next.svg);
}
.RuleManagementPage .sidebar-close-icon {
  width: 36px;
  height: 36px;
  background-image: url(ruleimages/rule-history-sidebar-close.svg);
}
.RuleManagementPage .rule-ec-common-infoIcon {
  background-image: url("images/Information_Dialog.svg");
  background-size: 22px;
  background-repeat: no-repeat;
  min-width: 25px;
  height: 25px;
  background-repeat: no-repeat;
}
.RuleManagementPage .ruleHistorySideBar .sidebar-margins {
  margin: 0 5px 0 5px;
}
.RuleManagementPage .ruleHistorySideBar .sidebar-margins.sidebar-margins-ruleHistories-container {
  display: flex;
  flex-direction: column;
  position: relative;
}
.RuleManagementPage .ruleHistorySideBar .sidebar-margins.sidebar-margins-ruleHistories-container .rule-history-vertical-link {
  height: 100%;
  width: 7px;
  margin: 0px;
  background-color: rgb(201, 211, 219);
  position: absolute;
  left: 19px;
  top: 25px;
  z-index: 2;
}
.RuleManagementPage .ruleHistorySideBar .sidebar-margins.sidebar-margins-ruleHistories-container .no-history-text {
  font-weight: 600;
  font-size: 16px;
  flex-direction: row;
  display: flex;
  margin-bottom: 4px;
}
.RuleManagementPage .ruleHistorySideBar .ruleHistorySidebarHeader {
  height: 144px;
  width: 384px;
  min-width: 384px;
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #f2f2f3;
}
.RuleManagementPage .ruleHistorySideBar .top-bar {
  background-color: #0ea7c1;
  height: 30px;
  padding: 0;
  display: flex;
  align-items: center;
}
.RuleManagementPage .ruleHistorySideBar .top-bar .rule-history-title {
  font-weight: bold;
  color: #ffffff;
  margin-left: 55px;
}
.RuleManagementPage .ruleHistorySideBar .icon {
  background-image: url(subjectimages/AnswerHistory.svg);
  height: 40px;
  width: 40px;
  margin-top: -20px;
  background-repeat: no-repeat;
  margin-left: 5px;
}
.RuleManagementPage .ruleHistorySideBar .visit-top-bar {
  background-color: #3caf85 !important;
}
.RuleManagementPage .ruleHistorySideBar .visit-icon {
  background-image: url(subjectimages/VisitHistory.svg) !important;
}
.RuleManagementPage .ruleHistorySideBar .ruleHiscol.new:last-of-type .rule-history-vertical-link {
  display: none;
}
.RuleManagementPage .ruleHistorySideBar .ruleHiscol.new {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  position: relative;
}
.RuleManagementPage .ruleHistorySideBar .ruleHiscol.new + hr {
  margin-left: 15px;
  margin-right: 15px;
}
.RuleManagementPage .ruleHistorySideBar .ruleHiscol.new .rule-history-vertical-link {
  height: 100%;
  width: 7px;
  margin: 0px;
  background-color: rgb(201, 211, 219);
  position: absolute;
  left: 19px;
  top: 25px;
  z-index: 2;
}
.RuleManagementPage .ruleHistorySideBar .ruleHiscol.new .ruleStatusIcon {
  z-index: 9;
}
.RuleManagementPage .ruleHistorySideBar .ruleHiscol.new .ruleStatusIcon.Approved {
  width: 16px;
  height: 16px;
  background-image: url("ruleimages/ruleState_Approved.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.RuleManagementPage .ruleHistorySideBar .ruleHiscol.new .ruleStatusIcon.Created {
  width: 16px;
  height: 16px;
  background-image: url("ruleimages/ruleState_Created.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.RuleManagementPage .ruleHistorySideBar .ruleHiscol.new .ruleStatusIcon.Disabled {
  width: 16px;
  height: 16px;
  background-image: url("ruleimages/ruleState_Disabled.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.RuleManagementPage .ruleHistorySideBar .ruleHiscol.new .ruleStatusIcon.Draft {
  width: 16px;
  height: 16px;
  background-image: url("ruleimages/ruleState_Draft.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.RuleManagementPage .ruleHistorySideBar .ruleHiscol.new .ruleStatusIcon.Enabled {
  width: 16px;
  height: 16px;
  background-image: url("ruleimages/ruleState_Enabled.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.RuleManagementPage .ruleHistorySideBar .ruleHiscol.new .ruleStatusIcon.Published {
  width: 16px;
  height: 16px;
  background-image: url("ruleimages/ruleState_Published.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.RuleManagementPage .ruleHistorySideBar .ruleHiscol.new .ruleStatusIcon.Testing {
  width: 16px;
  height: 16px;
  background-image: url("ruleimages/ruleState_Testing.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.RuleManagementPage .ruleHistorySideBar .ruleHiscol.new .ruleRerunStatusIcon {
  z-index: 9;
}
.RuleManagementPage .ruleHistorySideBar .ruleHiscol.new .ruleRerunStatusIcon.Success {
  width: 16px;
  height: 16px;
  background-image: url("ruleimages/rule-job-status-success.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.RuleManagementPage .ruleHistorySideBar .ruleHiscol.new .ruleRerunStatusIcon.Fail {
  width: 16px;
  height: 16px;
  background-image: url("ruleimages/rule-job-status-failed.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.RuleManagementPage .ruleHistorySideBar .ruleHiscol.new .ruleRerunStatusIcon.Cancelled {
  width: 16px;
  height: 16px;
  background-image: url("ruleimages/rule-job-status-failed.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  min-height: 25px;
  margin: 10px;
  margin-top: 5px;
  align-self: flex-start;
}
.RuleManagementPage .ruleHistorySideBar .ruleHiscol.new .ruleHistoryContainer {
  flex-grow: 9;
  max-width: 275px;
}
.RuleManagementPage .ruleHistorySideBar .ruleHiscol.new .ruleHistoryContainer .ruleHistoryTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.RuleManagementPage .ruleHistorySideBar .ruleHiscol.new .ruleHistoryContainer .ruleHistoryTitle .ruleHistoryTitle {
  display: flex;
  align-items: center;
}
.RuleManagementPage .ruleHistorySideBar .ruleHiscol.new .ruleHistoryContainer .ruleHistoryTitle .ruleHistoryTitle h5.ruleHistoryEntryTitle.colText {
  font-weight: bold;
  flex-direction: column;
  display: flex;
  margin-bottom: 4px;
}
.RuleManagementPage .ruleHistorySideBar .ruleHiscol.new .ruleHistoryContainer .ruleHistoryTitle .ruleHistoryTitle h5.ruleHistoryEntryTitle.colText-sub {
  font-style: italic;
}
.RuleManagementPage .ruleHistorySideBar .ruleHiscol.new .ruleHistoryContainer .ruleHistoryTitle .ruleHistoryTitle h5.ruleHistoryEntryTitle .rule-history-value-container {
  max-width: 260px;
}
.RuleManagementPage .ruleHistorySideBar .ruleHiscol.new .ruleHistoryContainer .ruleHistoryTitle .ruleHistoryTitle .history-detail {
  font-weight: normal;
  font-size: 14px;
  flex-direction: row;
  display: flex;
  margin-bottom: 4px;
}
.RuleManagementPage .rule-history-modes {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.RuleManagementPage .rule-history-modes .rule-history-mode-narrow {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 2px;
  border: solid #a2c0df;
  border-width: 0 0 5px 0;
  border-radius: 0;
  margin-bottom: 10px;
  max-width: 150px;
  min-width: 140px;
  margin-right: 10px;
  text-decoration: none;
  cursor: pointer;
}
.RuleManagementPage .rule-history-modes .rule-history-mode-narrow .mode-arrow {
  position: absolute;
  right: 10px; /*-$supplySettingsModeArrowWidth;*/
  top: 50%;
  margin-top: 0; /*-($ruleModeArrowHeightNarrow/2);*/
  border-width: 5px;
  border-color: #0063c9 transparent transparent transparent;
  border-style: solid;
}
.RuleManagementPage .rule-history-modes .rule-history-mode-narrow .rule-history-mode-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding: 5px 3px 3px 0;
  font-weight: bold;
  text-align: center;
  font-size: 1rem; /*$supplySettingsModesFontSize;*/
  color: #0063c9;
}
.RuleManagementPage .rule-history-modes .rule-history-mode-narrow.active {
  border-color: #0063c9;
}
.RuleManagementPage .rule-history-modes .rule-history-mode-narrow.active .supply-settings-mode-label {
  color: #0063c9;
}
.RuleManagementPage .rule-history-modes .rule-history-mode-narrow.active .mode-arrow {
  border-color: #0063c9 transparent transparent transparent;
}
.RuleManagementPage .rule-history-modes .rule-history-modes-header {
  align-items: center;
  display: flex;
  align-items: flex-start;
}
.RuleManagementPage .rule-history-modes .rule-history-modes-header.production-icon:before {
  display: inline-block;
  content: "";
  min-width: 20px;
  width: 28px;
  height: 20px;
  margin: 0px 0px 8px 0px;
  background-image: url("subjectimages/enrollment-image/StudyVersion_Approved.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.RuleManagementPage .rule-history-modes .rule-history-modes-header.testing-icon:before {
  display: inline-block;
  content: "";
  min-width: 20px;
  width: 28px;
  height: 20px;
  margin: 0px 0px 8px 0px;
  background-image: url("subjectimages/enrollment-image/StudyVersion_Testing.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.RuleManagementPage .rule-history-modes .rule-history-modes-header.training-icon:before {
  display: inline-block;
  content: "";
  min-width: 20px;
  width: 28px;
  height: 20px;
  margin: 0px 0px 8px 0px;
  background-image: url("subjectimages/enrollment-image/StudyVersion_Training.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.RuleManagementPage .rule-history-modes .rule-history-modes-header span {
  align-self: center;
  font-size: 16px;
  font-weight: bold;
}

.ehr-connector {
  height: 95%;
  padding: 15px;
}

.clincialOne-simpleMessage .oj-dialog-content {
  display: flex;
  flex-direction: column;
}
.clincialOne-simpleMessage .oj-dialog-content .oj-dialog-body {
  display: flex;
  align-items: center;
  padding-right: 0;
}
.clincialOne-simpleMessage .oj-dialog-content .oj-dialog-body .simple-message-icon {
  align-self: flex-start;
  background-image: url("images/Information_Dialog.svg");
  background-repeat: no-repeat;
  background-size: 60px;
  background-position: 0px center;
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  height: 60px;
}
.clincialOne-simpleMessage .oj-dialog-content .oj-dialog-body .simple-message-icon.subject-flagdata-screen {
  background-image: url("images/DCS_Screen_Error.svg");
}
.clincialOne-simpleMessage .oj-dialog-content .oj-dialog-body .simple-message-icon.subject-flagdata-randomization {
  background-image: url("images/DCS_Rand_Error.svg");
}
.clincialOne-simpleMessage .oj-dialog-content .oj-dialog-body .simple-message-icon.subject-flagdata-dispensation {
  background-image: url("images/DCS_Kit_Error.svg");
}
.clincialOne-simpleMessage .oj-dialog-content .oj-dialog-body .simple-message-icon.subject-state-active {
  background-image: url("images/Subject_Active.svg");
}
.clincialOne-simpleMessage .oj-dialog-content .oj-dialog-body .simple-message-icon.info_icon {
  background-image: url("images/Information_Dialog.svg");
}
.clincialOne-simpleMessage .oj-dialog-content .oj-dialog-body .simple-message-icon.confirmation_icon {
  background-image: url("images/Confirmation_Dialog.svg");
}
.clincialOne-simpleMessage .oj-dialog-content .oj-dialog-body .simple-message-icon.error_icon {
  background-image: url("images/Error_Dialog.svg");
}
.clincialOne-simpleMessage .oj-dialog-content .oj-dialog-body .simple-message-icon.success_icon {
  background-image: url("images/success_icon.png");
}
.clincialOne-simpleMessage .oj-dialog-content .oj-dialog-body .simple-message-icon.disabled_icon {
  background-image: url("images/Disabled_dialoginfo.png");
}
.clincialOne-simpleMessage .oj-dialog-content .oj-dialog-body .simple-message-icon.decommissioned_icon {
  background-image: url("images/ReadyToDecomm_dialoginfo.png");
}
.clincialOne-simpleMessage .oj-dialog-content .oj-dialog-body .messageContainer {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  padding-left: 10px;
  padding-right: 10px;
  max-height: 500px;
  overflow: auto;
  line-height: 1.5em;
  word-wrap: break-word;
}
.clincialOne-simpleMessage .oj-dialog-content .oj-dialog-body .messageContainer .messages {
  padding-bottom: 10px;
}
.clincialOne-simpleMessage .oj-dialog-content .oj-dialog-body#rolloverStudy_body {
  padding: 20px 20px 0 20px;
}
.clincialOne-simpleMessage .oj-dialog-content .oj-dialog-body#rolloverStudy_body .messageContainer {
  padding: 10px 0 0 20px;
}

.clinicalOne-DialogWindow {
  height: 100%;
}
.clinicalOne-DialogWindow .oj-dialog-content {
  display: flex;
  flex-direction: column;
}
.clinicalOne-DialogWindow .oj-dialog-content .oj-dialog-body {
  display: flex;
  padding: 0px;
  flex-direction: column;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.clinicalOne-DialogWindow .oj-dialog-content .oj-dialog-body .dialogContent {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  padding: 10px;
}
.clinicalOne-DialogWindow .oj-dialog-content .oj-dialog-body .dialogContent .messageContainer {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  padding-left: 10px;
  padding-right: 5px;
  max-height: 500px;
  overflow: auto;
  line-height: 1.5em;
}
.clinicalOne-DialogWindow .oj-dialog-content .oj-dialog-body .dialogContent .messageContainer .normal-line-height {
  line-height: normal;
}
.clinicalOne-DialogWindow .oj-dialog-content .oj-dialog-body .dialogContent .messageContainer .messages {
  padding-bottom: 10px;
}
.clinicalOne-DialogWindow .oj-dialog-content .oj-dialog-body .dialogContent .ie-codeView-dialog {
  width: 286px;
  word-wrap: break-word;
  word-break: break-all;
}
.clinicalOne-DialogWindow .oj-dialog-content .oj-dialog-body .dialogContent .fieldRow {
  display: flex;
  padding-bottom: 10px;
}
.clinicalOne-DialogWindow .oj-dialog-content .oj-dialog-body .dialogContent .fieldRow.remainderHeight {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.clinicalOne-DialogWindow .oj-dialog-content .oj-dialog-body .dialogContent .fieldRow.remainderHeight textarea {
  height: 100%;
}
.clinicalOne-DialogWindow .oj-dialog-content .oj-dialog-body .dialogContent .fieldRow .label {
  width: 180px;
  text-align: right;
  padding-right: 10px;
}
.clinicalOne-DialogWindow .oj-dialog-content .oj-dialog-body .dialogContent .fieldRow .label label {
  float: right;
}
.clinicalOne-DialogWindow .oj-dialog-content .oj-dialog-body .dialogContent .fieldRow .label .oj-label-required-icon {
  padding-top: 6px;
  padding-right: 4px;
}
.clinicalOne-DialogWindow .oj-dialog-content .oj-dialog-body .dialogContent .fieldRow .field {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.clinicalOne-DialogWindow .oj-dialog-content .oj-dialog-body .dialogContent .fieldRowModal {
  padding-bottom: 10px;
}
.clinicalOne-DialogWindow .oj-dialog-content .oj-dialog-body .dialogContent .fieldRowModal.remainderHeight {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.clinicalOne-DialogWindow .oj-dialog-content .oj-dialog-body .dialogContent .fieldRowModal.remainderHeight textarea {
  height: 100%;
}
.clinicalOne-DialogWindow .oj-dialog-content .oj-dialog-body .dialogContent .fieldRowModal .label {
  width: 180px;
  padding-right: 10px;
}
.clinicalOne-DialogWindow .oj-dialog-content .oj-dialog-body .dialogContent .fieldRowModal .label label {
  float: right;
}
.clinicalOne-DialogWindow .oj-dialog-content .oj-dialog-body .dialogContent .fieldRowModal .label .oj-label-required-icon {
  padding-top: 6px;
  padding-right: 4px;
  margin-left: 0px;
  margin-right: 0px;
}
.clinicalOne-DialogWindow .oj-dialog-content .oj-dialog-body .dialogContent .fieldRowModal .field {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.clinicalOne-DialogWindow .windowContent {
  display: flex;
  flex-direction: column;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.clinicalOne-DialogWindow .windowContent.horizontal {
  flex-direction: row;
}
.clinicalOne-DialogWindow .windowContent .errorMessage {
  color: #DF0300;
  background-color: #FBE0DA;
  margin: 10px 20px;
  padding: 10px;
  border-radius: 6px;
}
.clinicalOne-DialogWindow .windowContent .errorMessage .header {
  font-weight: bold;
  font-size: 1.1em;
}
.clinicalOne-DialogWindow .windowContent .errorMessage .message {
  font-weight: normal;
  font-size: 1em;
}
.clinicalOne-DialogWindow .windowContent .buttonsFooter {
  padding: 10px;
}
.clinicalOne-DialogWindow .windowContent .buttonsFooter .oj-fwk-icon {
  color: inherit;
}
.clinicalOne-DialogWindow .windowContent #progressbar ul.oj-train-step-list > li {
  line-height: 1.5;
}
.clinicalOne-DialogWindow .windowBodySection {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  overflow-y: auto;
  padding: 0px 10px;
  display: flex;
  flex-direction: column;
}
.clinicalOne-DialogWindow .windowBodySection.horizontal {
  flex-direction: row;
}
.clinicalOne-DialogWindow .windowBodySection .trainStopElement {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
  align-content: center;
}
.clinicalOne-DialogWindow .windowBodySection .trainStopElement.vertical-layout {
  flex-direction: row;
}

.erroMessage-dialogWindow {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.erroMessage-dialogWindow .errorMessageHeader {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  width: 100%;
}
.erroMessage-dialogWindow .errorMessageHeader .errorMessageHeaderDivs {
  line-height: 20px;
  padding-bottom: 15px;
  padding-left: 20px;
  margin-top: 20px;
  font-size: 14px;
}
.erroMessage-dialogWindow .errorMessageHeader .errorMessageHeaderDivs .errorMessage-text {
  font-weight: 300;
  font-size: 14px;
}
.erroMessage-dialogWindow .errorMessageHeader .errorMessageStrings {
  font-weight: bold;
}
.erroMessage-dialogWindow .errorMessage-icon {
  flex: 1 0 60px;
  min-width: 0px;
  min-height: 0px;
  height: 60px;
  background-image: url(formimages/Error_Dialog.svg);
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 10px;
  margin-left: 20px;
}

.kitListGenerationWindow .windowContent {
  padding-top: 0.8571rem;
}
.kitListGenerationWindow .finalStageContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 30px;
}
.kitListGenerationWindow .finalStageContainer .listSuccessIcon {
  width: 100px;
  height: 100px;
  background-image: url(images/Listsuccess_icon.png);
  background-repeat: no-repeat;
  margin: 5px;
}
.kitListGenerationWindow .finalStageContainer .kitListGenerationWindow .finalStageContainer .successMessage {
  font-weight: bold;
  padding: 10px;
}
.kitListGenerationWindow .finalStageContainer .kitListGenerationWindow .finalStageContainer .successSubMessage {
  padding: 5px 5px 10px 5px;
}
.kitListGenerationWindow .exportBox {
  margin-top: 10px;
}

.clinicalOne-DialogWindow .uploadOrsListDialog .windowBodySection {
  flex: 1;
  flex-wrap: nowrap;
}

.uploadOrsListDialog {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-shrink: 0;
  overflow: hidden;
  padding: 0 1.8rem;
  padding-top: 0.8571rem;
}
.uploadOrsListDialog .uploadOrsListDialog-header {
  margin-top: 10px;
  margin-bottom: 15px;
}
.uploadOrsListDialog .randomizationsArea {
  flex: 1 1 0%;
  min-width: 0px;
  min-height: 0px;
  height: 0;
}
.uploadOrsListDialog .randomizationsArea .uploadKit-List-Map-Cell-Select-Container .oj-select .oj-select-choice {
  text-align: left;
  color: #333;
  background-color: #fcfdfe;
  border-style: solid;
  border-color: #dfe4e7;
  border-width: 1px;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-clip: padding-box;
  text-overflow: ellipsis;
  max-width: 300px;
  max-height: 32px;
  margin: auto;
}
.uploadOrsListDialog .randomizationsArea .uploadKit-List-Map-Cell-Select-Container .oj-select.oj-disabled .oj-select-choice {
  color: #9e9e9e;
  background-color: #efeff1;
  border-color: #efeff1;
  opacity: 1;
}
.uploadOrsListDialog .randomizationsArea .noRandMessageArea {
  display: flex;
  justify-content: space-around;
}
.uploadOrsListDialog .randomizationsArea .noRandMessageArea .noRandMessage {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 500px;
  margin-top: 45px;
}
.uploadOrsListDialog .randomizationsArea .noRandMessageArea .noRandMessage .noRandIcon {
  width: 125px;
  height: 125px;
  background-image: url(randimages/RandList_UserAssistance.svg);
  background-repeat: no-repeat;
}
.uploadOrsListDialog .randomizationsArea .noRandMessageArea .noRandMessage .instructions {
  font-size: 16px;
}
.uploadOrsListDialog .randomizationsArea .noRandMessageArea .noRandMessage span {
  font-size: 14px;
  text-align: center;
}
.uploadOrsListDialog .randomizationsArea .instructions {
  font-size: 14px;
  font-weight: bold;
  padding: 6px;
  text-align: center;
}
.uploadOrsListDialog .randomizationsArea .randomizationsList {
  overflow-x: hidden;
  overflow-y: auto;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  margin: 0px -6px;
}
.uploadOrsListDialog .randomizationsArea .randomizationsList.singleItem {
  text-align: center;
}
.uploadOrsListDialog .randomizationsArea .randomizationsList co-randomization-tile {
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
.uploadOrsListDialog .randomizationsArea .randomizationsList co-randomization-tile.selected .rand-card-block {
  background-color: #f5f5f5;
  border: #0063c9 2px solid;
  background-image: linear-gradient(to bottom, #fff 0%, #f1f3f4 5%, #e8ebed 50%, #e4e8ea 100%);
}
.uploadOrsListDialog .finishPage .finishPageContent {
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
  min-width: 0px;
  min-height: 0px;
  align-items: center;
  margin-top: -50px;
}
.uploadOrsListDialog .finishPage .listSuccessIcon {
  width: 100px;
  height: 100px;
  background-image: url(images/Listsuccess_icon.png);
  background-repeat: no-repeat;
}
.uploadOrsListDialog .exportBox {
  margin-top: 10px;
}

.randomizationListGenerationWindow .windowContent {
  padding-top: 0.8571rem;
}
.randomizationListGenerationWindow .randomizationsArea {
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
}
.randomizationListGenerationWindow .randomizationsArea .instructions {
  font-size: 14px;
  font-weight: bold;
  padding: 6px;
  text-align: center;
}
.randomizationListGenerationWindow .randomizationsArea .randomizationsList {
  overflow-x: hidden;
  overflow-y: auto;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  margin: 0px -6px;
}
.randomizationListGenerationWindow .randomizationsArea .randomizationsList.singleItem {
  text-align: center;
}
.randomizationListGenerationWindow .randomizationsArea .randomizationsList co-randomization-tile {
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
.randomizationListGenerationWindow .randomizationsArea .randomizationsList co-randomization-tile.selected .rand-card-block {
  background-color: #f5f5f5;
  border: #0063c9 2px solid;
  background-image: linear-gradient(to bottom, #fff 0%, #f1f3f4 5%, #e8ebed 50%, #e4e8ea 100%);
}
.randomizationListGenerationWindow .settingsForm {
  margin-left: -2rem;
  padding: 0 1rem;
}
.randomizationListGenerationWindow .settingsForm .formItemRow {
  margin-bottom: 0.2rem;
  display: flex;
  flex-direction: row;
}
.randomizationListGenerationWindow .settingsForm .formItemRow .formItemLabel {
  width: 210px;
  text-align: right;
}
.randomizationListGenerationWindow .settingsForm .formItemRow .formItemField {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.randomizationListGenerationWindow .settingsForm .formItemRow .formItemField .oj-form-control {
  vertical-align: top;
}
.randomizationListGenerationWindow .finalStageContainer {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
  align-self: center;
  align-items: center;
}
.randomizationListGenerationWindow .finalStageContainer .listSuccessIcon {
  width: 100px;
  height: 100px;
  background-image: url(images/Listsuccess_icon.png);
  background-repeat: no-repeat;
  margin: 5px;
}
.randomizationListGenerationWindow .exportBox {
  margin-top: 10px;
}

/*Css for the dialog body content issue in randomization kit display info*/
.randomization-kit-dialog {
  padding-bottom: 0px;
  overflow-y: hidden;
}

.randomization-kit-dialog-main .oj-dialog-content .oj-dialog-body {
  display: block !important;
}

.shipmentsBulkUpdateDialog .windowContent {
  padding: 15px;
}
.shipmentsBulkUpdateDialog .warningIcon {
  width: 70px;
  background: url("images/Confirmation_Dialog.svg");
  background-position: top left;
  background-repeat: no-repeat;
}
.shipmentsBulkUpdateDialog .dialogBody {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
  align-self: flex-start;
}
.shipmentsBulkUpdateDialog .dialogBody .message {
  padding-bottom: 10px;
  padding-left: 12px;
  font-size: 14px;
}
.shipmentsBulkUpdateDialog .dialogBody .setStatus {
  display: flex;
  flex-direction: row;
}
.shipmentsBulkUpdateDialog .dialogBody .setStatus .statusLabel {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  align-self: center;
  text-align: right;
  width: 210px;
  padding-right: 12px;
  white-space: nowrap;
}
.shipmentsBulkUpdateDialog .dialogBody .setStatus .statusLabel .oj-label-required-icon {
  float: none;
}
.shipmentsBulkUpdateDialog .dialogBody .setStatus .statusLabel label {
  float: none;
}
.shipmentsBulkUpdateDialog .dialogBody .setStatus .statusLabel .oj-label-group {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  vertical-align: middle;
}
.shipmentsBulkUpdateDialog .dialogBody .setStatus .statusField {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.treatmentArmsWindow .buttonBar {
  padding: 8px 25px 0;
}
.treatmentArmsWindow .treatmentArmsContainer {
  overflow: auto;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.treatmentArmsWindow .treatmentArm-row {
  display: flex;
  flex-direction: row;
  border-bottom: #c4ced7 1px solid;
  padding: 12px 10px 8px 15px;
}
.treatmentArmsWindow .treatmentArm-row .deletedItem {
  align-self: center;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  text-align: center;
  background-color: #eee;
  font-weight: bold;
  padding: 10px;
  border-radius: 6px;
}
.treatmentArmsWindow .treatmentArm-row:hover {
  background-color: #f5f5f5;
}
.treatmentArmsWindow .treatmentArm-row .icon {
  width: 60px;
  margin-right: 10px;
  background-image: url("designerimages/TreatmentArms.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
  flex-shrink: 0;
}
.treatmentArmsWindow .treatmentArm-row .details {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0px 14px;
}
.treatmentArmsWindow .treatmentArm-row .details.edit {
  padding-left: 0px;
}
.treatmentArmsWindow .treatmentArm-row .details .detail-item {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}
.treatmentArmsWindow .treatmentArm-row .details .input-row {
  display: flex;
  margin-bottom: 5px;
}
.treatmentArmsWindow .treatmentArm-row .details .input-row .oj-label {
  width: 15px;
  place-self: center;
}
.treatmentArmsWindow .treatmentArm-row .details .title {
  color: #045fab;
  font-size: 14px;
  font-weight: bold;
  padding-top: 5px;
}
.treatmentArmsWindow .treatmentArm-row .details .shortName,
.treatmentArmsWindow .treatmentArm-row .details .description {
  color: #000000;
  font-style: normal;
  font-size: 14px;
  font-weight: normal;
}
.treatmentArmsWindow .treatmentArm-row .sidebar {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.treatmentArmsWindow .treatmentArm-row .sidebar .messageContainer {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.treatmentArmsWindow .treatmentArm-row .sidebar .messageContainer .message {
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position-y: center;
  transition: opacity 0.5s ease;
}
.treatmentArmsWindow .treatmentArm-row .sidebar .messageContainer .message.success {
  color: #3caf85;
  background-image: url("images/save_successful_icon.png");
}
.treatmentArmsWindow .treatmentArm-row .sidebar .messageContainer .message.error {
  color: #cb2026;
  background-image: url("images/save_fail_icon.png");
}
.treatmentArmsWindow .treatmentArm-row .sidebar .actions {
  flex: 2;
  align-self: flex-end;
}
.treatmentArmsWindow .treatmentArm-row .sidebar .spacer {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.treatmentArmsWindow {
  /* ----------------------------------------------------------------------------
     STYLING FOR TREATMENT ARMS
  ---------------------------------------------------------------------------- */
}
.treatmentArmsWindow .arm-row-block {
  /*    height:120px;*/
  width: 100%;
  border-bottom: #c4ced7 1px solid;
  float: left;
  margin: 0px 3px;
}
.treatmentArmsWindow .arm-row-block-design {
  height: 125px;
  border-bottom: 0px;
}
.treatmentArmsWindow .arm-row-h2 {
  font-size: 12px;
  font-weight: normal;
}
.treatmentArmsWindow .arm-row-h3 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 10px;
}
.treatmentArmsWindow .arm-row-h4 {
  font-size: 12px;
  font-weight: normal;
}
.treatmentArmsWindow .arm-row-h5 {
  color: #045fab;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-top: 5px;
}
.treatmentArmsWindow .arm-row-h2,
.treatmentArmsWindow .rand-row-h3,
.treatmentArmsWindow .rand-row-h4 {
  color: #000000;
  font-style: normal;
  line-height: 120%;
}
.treatmentArmsWindow .arm-row-block:hover {
  background-color: #f5f5f5;
}
.treatmentArmsWindow {
  /*.arm-row-block:active {
      background-color:#f5f5f5;
      border:#0063c9 2px solid;
      background-image: linear-gradient(to bottom, #fff 0%, #f1f3f4 5%, #e8ebed 50%, #e4e8ea 100%);
      margin:2px;    
  }*/
}
.treatmentArmsWindow .arm-row-header {
  /*height:30px;*/
  /*background-color:#f5f5f5;*/
  width: 50%;
  display: inline;
  /*font-size:14px;*/
  /*font-weight:bold;*/
  /*color:#0572ce;*/
}
.treatmentArmsWindow .arm-row-title {
  width: 50%;
  padding: 5px;
  float: left;
}
.treatmentArmsWindow .arm-row-edit-icon {
  width: 20px;
  height: 20px;
  float: right;
  margin: 5px 5px 0px 0px;
}
.treatmentArmsWindow .arm-row-content {
  margin: 10px 0px 0px 0px;
}
.treatmentArmsWindow .arm-row-trashicon {
  width: 20px;
  height: 20px;
  background-image: url(common/Delete_default.svg);
  background-size: contain;
  background-repeat: no-repeat;
  float: left;
  margin: 3px 3px 0px 0px;
}
.treatmentArmsWindow .arm-row-trashicon:hover {
  border: #0572ce 1px solid;
  border-radius: 2px;
  margin: 2px 3px 0px -1px;
}
.treatmentArmsWindow .arm-row-editicon {
  width: 20px;
  background-image: url("designerimages/Pencil_icon_TxAEdit.png");
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  float: left;
  margin: 3px 9px 0px 50px;
}
.treatmentArmsWindow .arm-row-editicon:hover {
  border: #0572ce 1px solid;
  margin: 2px 8px 0px 49px;
  border-radius: 2px;
}
.treatmentArmsWindow .arm-row-typeicon {
  width: 90px;
  height: 75px;
  background-image: url("designerimages/TreatmentArms.svg");
  background-repeat: no-repeat;
  float: left;
  margin: 10px 0px 10px 20px;
}
.treatmentArmsWindow .arm-row-typeicon-design {
  margin: 25px 0px 10px 22px;
  /*10px 10px 120px 12px;*/
}

.transferTrainStop {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}

.subjectTransferDialog {
  display: flex;
}
.subjectTransferDialog .flex-end {
  align-self: flex-end;
}
.subjectTransferDialog .text-end {
  text-align: right;
}
.subjectTransferDialog .subjectTransferHeader {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
}
.subjectTransferDialog .subjectTransferHeader .subjectTransferHeaderDivs {
  padding-bottom: 5px;
  font-size: inherit;
}
.subjectTransferDialog .subjectTransferHeader .subjectTransferDisplayStrings {
  font-weight: bold;
}
.subjectTransferDialog .subjectTransferIcon {
  height: 60px;
  width: 60px;
  min-width: 60px;
  min-height: 60px;
  background-image: url("subjectimages/subject-state-icons/Subject_Transfer.svg");
  background-repeat: no-repeat;
  margin-right: 15px;
  background-size: contain;
  align-self: flex-start;
  margin-left: 15px;
}
.subjectTransferDialog .subjectTransferReasonForTransferOverflow {
  overflow: auto;
}
.subjectTransferDialog .subjectTransferInfoBody {
  font-size: 14px;
}
.subjectTransferDialog .subjectTransferInfoBody label.infoBold {
  font-weight: bold;
}
.subjectTransferDialog .subjectTransferInfoBody {
  display: flex;
  flex-direction: column;
}
.subjectTransferDialog .subjectTransferInfoBody .oj-flex-bar-end {
  padding-right: 25px;
}
.subjectTransferDialog .subjectTransferContent {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.subjectTransferDialog .subjectTransferContent .subjectTransferFinalBody {
  display: flex;
  flex-direction: column;
}
.subjectTransferDialog .subjectTransferContent .subjectTransferFinalBody .subjectTransferRowDisplay .titleText {
  font-weight: bold;
  flex: 0 0 auto;
  min-width: 0px;
  min-height: 0px;
  margin-right: 10px;
}
.subjectTransferDialog .subjectTransferContent .subjectTransferFinalBody .subjectTransferRowDisplay .transfer-final-display-text {
  margin-left: 5px;
}

.transfer-final {
  height: 100%;
}
.transfer-final .subjectTransferContent {
  height: 100%;
}

.depot-phone-logo {
  background-image: url("depotImages/Depot_Phone.svg");
  background-repeat: no-repeat;
  -ms-background-position-x: center;
  background-position-y: center;
  height: 30px;
  width: 30px;
}
.depot-phone-logo .depot-table {
  margin-right: 10px;
}
.depot-phone-logo.depot-phone-logo-sm {
  background-image: url("depotImages/Depot_Phone.svg");
}

.depot-info-logo {
  background-image: url("depotImages/Depot_Email.svg");
  background-repeat: no-repeat;
  -ms-background-position-x: center;
  background-position-y: center;
  height: 30px;
  width: 30px;
}
.depot-info-logo .depot-table {
  margin-right: 10px;
}
.depot-info-logo.depot-info-logo-sm {
  background-image: url("depotImages/Depot_Email.svg");
}

.depot-edition-dialog-container .depot-edition-step-setup label {
  font-weight: bold;
}
.depot-edition-dialog-container .depot-edition-step-setup .depot-info-logo-container {
  margin-bottom: 15px;
  margin-left: 100px;
  display: flex;
  flex-direction: row;
}
.depot-edition-dialog-container .depot-edition-step-setup .depot-info-logo-container .depot-info-logo {
  background-image: url("depotImages/Depot_Email.svg");
  background-repeat: no-repeat;
  -ms-background-position-x: center;
  background-position-y: center;
  height: 30px;
  width: 30px;
}
.depot-edition-dialog-container .depot-edition-step-setup .depot-info-logo-container .depot-info-logo .depot-table {
  margin-right: 10px;
}
.depot-edition-dialog-container .depot-edition-step-setup .depot-info-logo-container .depot-info-logo.depot-info-logo-sm {
  background-image: url("depotImages/Depot_Email.svg");
}
.depot-edition-dialog-container .depot-edition-step-setup .depot-info-logo-container .depot-info-logo-label {
  font-size: large;
  margin: auto auto auto 10px;
  font-weight: bold;
  flex: 2;
}
.depot-edition-dialog-container .depot-edition-step-setup .depot-access-logo {
  background-image: url("depotImages/Depot_API.svg");
  background-repeat: no-repeat;
  -ms-background-position-x: center;
  background-position-y: center;
  height: 30px;
  width: 30px;
}
.depot-edition-dialog-container .depot-edition-step-setup .depot-access-logo .depot-table {
  margin-right: 10px;
}
.depot-edition-dialog-container .depot-edition-step-setup .depot-inputSearch.depot-inputSearch-placeholder {
  height: 45px;
}
.depot-edition-dialog-container .depot-edition-step-setup .depot-inputSearch.depot-inputSearch-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 20px;
}
.depot-edition-dialog-container .depot-edition-step-setup .depot-inputSearch.depot-inputSearch-container label {
  margin: auto 10px auto 40px;
}
.depot-edition-dialog-container .depot-edition-step-setup .depot-info-groups {
  display: flex;
  flex-direction: row;
}
.depot-edition-dialog-container .depot-edition-step-setup .depot-info-groups .depot-info-group {
  display: flex;
  flex-direction: column;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.depot-edition-dialog-container .depot-edition-step-setup .depot-info-groups .depot-info-group .depot-info-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
}
.depot-edition-dialog-container .depot-edition-step-setup .depot-info-groups .depot-info-group .depot-info-row .depot-info-row-label {
  flex: 3 0 0%;
  min-width: 0px;
  min-height: 0px;
  text-align: right;
}
.depot-edition-dialog-container .depot-edition-step-setup .depot-info-groups .depot-info-group .depot-info-row .depot-info-row-label label {
  display: flex;
  float: right;
  margin: auto 10px auto 5px;
  justify-content: flex-end;
}
.depot-edition-dialog-container .depot-edition-step-setup .depot-info-groups .depot-info-group .depot-info-row .depot-info-row-inputField {
  flex: 5 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.depot-edition-dialog-container .depot-edition-step-setup .depot-info-groups .depot-info-group-left .depotCreation-drugDestruction .oj-radiocheckbox-label-text {
  font-weight: normal !important;
}
.depot-edition-dialog-container .depot-edition-step-setup .depot-info-groups .depot-info-group-right {
  padding-right: 60px;
}
.depot-edition-dialog-container .depot-edition-step-kitAssociation .oj-inputnumber .oj-inputnumber-input {
  text-align: left;
  color: #333;
  background-color: #fcfdfe;
  border-style: solid;
  border-color: #dfe4e7;
  border-width: 1px !important;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
}
.depot-edition-dialog-container .depot-edition-step-kitAssociation .oj-inputnumber.oj-disabled .oj-inputnumber-input {
  color: #9e9e9e;
  background-color: #efeff1;
  border-color: #efeff1;
  opacity: 1;
}
.depot-edition-dialog-container .depot-edition-step-kitAssociation .oj-inputnumber.oj-invalid .oj-inputnumber-input {
  border-color: #E65A66;
  border-style: solid;
}
.depot-edition-dialog-container .depot-edition-step-kitAssociation .depot-kit-description {
  max-width: 230px;
}
.depot-edition-dialog-container .depot-edition-step-countryAssociation #table-depotCountry-association-avaiable thead {
  display: none !important;
}
.depot-edition-dialog-container .depot-edition-step-countryAssociation #table-depotCountry-association-selected thead {
  display: none !important;
}
.depot-edition-dialog-container .depot-edition-step-countryPrefer .countryPrefer {
  width: 80%;
  margin: auto;
  padding-top: 20px;
}
.depot-edition-dialog-container .depot-edition-step-countryPrefer .countryPrefer .hint-title {
  font-weight: bold;
}
.depot-edition-dialog-container .depot-edition-step-countryPrefer .countryPrefer .hint-description {
  margin: 5px 0 30px 0;
}
.depot-edition-dialog-container .depot-edition-step-countryPrefer .countryPrefer .prefer-country-buttonSet .prefer-country-selectAll {
  margin-right: 10px;
}
.depot-edition-dialog-container .depot-edition-step-countryPrefer .countryPrefer .country-options-container {
  height: 300px;
  overflow-y: auto;
}
.depot-edition-dialog-container .depot-edition-step-countryPrefer .countryPrefer .country-options-container .country-option {
  margin: 10px 5px;
  font-weight: bold;
}
.depot-edition-dialog-container .depot-edition-step-countryPrefer .countryPrefer .country-options-container .country-option .checkbox-title {
  flex: 1 0 0;
  min-width: 0px;
  min-height: 0px;
  margin-right: 5px;
}
.depot-edition-dialog-container .depot-edition-step-countryPrefer .countryPrefer .country-options-container .country-option .checkbox-label {
  flex: 15 0 0;
  min-width: 0px;
  min-height: 0px;
}
.depot-edition-dialog-container .depot-creation-success-icon {
  background-image: url("depotImages/finish_depot_new.png");
}
.depot-edition-dialog-container .depot-edition-success-icon {
  background-image: url("depotImages/finish_depot_icon.png");
}
.depot-edition-dialog-container .depot-success-icon {
  margin-top: 100px;
}
.depot-edition-dialog-container .depot-success-icon.Active {
  background-image: url("depotImages/finish_depot_icon.png");
}
.depot-edition-dialog-container .depot-success-icon.New {
  background-image: url("depotImages/finish_depot_new.png");
}
.depot-edition-dialog-container .depot-success-icon.Retired {
  background-image: url("depotImages/finish_depot_retired.png");
}

#ec-study-setting-depots-table-container-id {
  height: 100%;
}
#ec-study-setting-depots-table-container-id #ec-study-setting-depots-table-id thead {
  min-height: 50px;
}

#depotDeletionDialogId .depot-deletion-dialogbody {
  display: flex;
  flex-direction: row;
}
#depotDeletionDialogId .depot-deletion-dialogbody .warningIconContianer {
  width: 100px;
  max-width: 100px;
  min-width: 100px;
  display: flex;
}
#depotDeletionDialogId .depot-deletion-dialogbody .warningIconContianer .warningIcon {
  height: 100px;
  width: 100px;
  background: url("images/Confirmation_Dialog.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80px;
}
#depotDeletionDialogId .depot-deletion-dialogbody .warningMessageContainer {
  padding-top: 25px;
  flex: 1 0 0;
  min-width: 0px;
  min-height: 0px;
}
#depotDeletionDialogId .depot-deletion-dialogbody .warningMessageContainer .warningMessage .depotName {
  font-weight: bold;
  margin-left: 20px;
  font-weight: bold;
}

#depotDeletionDialogId .warningMessageContainer .depotList, .activateDepotName {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#depotCreation-Environment ul {
  width: 17em;
}

#depotCreation-kitAssociation {
  max-height: 23rem;
}
#depotCreation-kitAssociation .oj-table-header {
  height: 100% !important;
}
#depotCreation-kitAssociation .oj-table-body {
  overflow-x: hidden;
}
#depotCreation-kitAssociation th:nth-child(3) {
  min-width: 278px !important;
  max-width: 278px !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#depotCreation-kitAssociation td:nth-child(3) {
  min-width: 277px !important;
  max-width: 277px !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#depotCreation-kitAssociation .selectAllSupplyDepotValue {
  border: 1px solid #dfe4e7 !important;
}

#depotAdrress #btnAddNewAddress {
  margin: 1px 5px 5px;
}
#depotAdrress #address-accordion {
  margin: 0 5px;
}
#depotAdrress #address-accordion .address-collapsible {
  margin-bottom: 0.6em;
  border: 1px solid #C4CED7;
}
#depotAdrress #address-accordion .address-collapsible .header-address {
  font-weight: normal;
  margin-left: 1.5em;
  white-space: nowrap;
  overflow: hidden;
  width: 480px;
  text-overflow: ellipsis;
}
#depotAdrress #address-accordion .address-collapsible .oj-ux-ico-trash {
  margin-left: auto;
  margin-right: 5px;
  font-size: 22px;
}
#depotAdrress #address-accordion .address-collapsible .checkboxContainer {
  display: flex;
  flex-direction: row;
  margin-left: 150px;
}
#depotAdrress #address-accordion .address-collapsible .checkboxContainer .address-checkbox-group {
  display: flex;
  flex-direction: column;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
#depotAdrress #address-accordion .address-collapsible .checkboxContainer .address-checkbox-group .address-checkbox-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
}
#depotAdrress #address-accordion .address-collapsible .address-search-container {
  display: flex;
  margin-bottom: 5px;
}
#depotAdrress #address-accordion .address-collapsible .address-search-container .address-row-label {
  width: 140px;
  text-align: right;
  line-height: 2rem;
}
#depotAdrress #address-accordion .address-collapsible .address-search-container .addressInputSearch {
  max-width: 77.5%;
  margin-left: 10px;
}
#depotAdrress #address-accordion .address-collapsible .address-groups {
  display: flex;
  flex-direction: row;
}
#depotAdrress #address-accordion .address-collapsible .address-groups .address-group {
  display: flex;
  flex-direction: column;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
#depotAdrress #address-accordion .address-collapsible .address-groups .address-group .address-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
}
#depotAdrress #address-accordion .address-collapsible .address-groups .address-group .address-row .address-row-label {
  width: 150px;
  text-align: right;
}
#depotAdrress #address-accordion .address-collapsible .address-groups .address-group .address-row .address-row-label label {
  display: flex;
  float: right;
  margin: auto 10px auto 5px;
  justify-content: flex-end;
}
#depotAdrress #address-accordion .address-collapsible .address-groups .address-group .address-row .address-textField {
  width: 700px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#depotAdrress #address-accordion .address-collapsible .address-groups .address-group .address-row .address-inputField {
  flex: 5 0 0%;
  min-width: 0px;
  min-height: 0px;
}

.depotCreationWindow-header .depot-error-message {
  padding: 10px;
  border: 1px solid #b80000;
  border-radius: 6px;
  background-color: rgba(241, 135, 135, 0.49);
  color: #b80000;
  width: 70%;
  margin: 10px auto;
  text-align: center;
}

.site-edition-dialogWindowBody .site-success-icon, .site-edition-dialogWindowBody .site-edition-success-icon, .site-edition-dialogWindowBody .site-creation-success-icon, .site-success-icon, .depot-edition-dialog-container .depot-creation-success-icon, .depot-edition-dialog-container .depot-edition-success-icon, .depot-edition-dialog-container .depot-success-icon {
  height: 100px;
  width: 100px;
  background-repeat: no-repeat;
  -ms-background-position-x: center;
  background-position-y: center;
  /*margin: 100px auto 10px auto;*/
}

.site-create-dialog.clinicalOne-simpleMessage .oj-dialog-content,
.site-create-dialog.clinicalOne-simpleMessage .oj-dialog-content > div {
  overflow: hidden;
}

.site-edition-windowContent .siteCreationWindow-header {
  margin-top: 10px;
  margin-bottom: 15px;
}

.kits-large-font {
  font-size: 18px;
}

.kits-finish-message {
  text-align: center;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 18px;
}

.siteKits-SendKitsToAll {
  vertical-align: -webkit-baseline-middle;
}

.sendKitsToAll-parent {
  text-align: right;
}

.kits-page-container {
  margin-top: 10%;
}

.send-kits-to-all-send {
  max-width: 60%;
}

#kitsShippingAddr {
  max-width: 100%;
}

.kits-text-align {
  text-align: center;
}

.kits-fixed-height {
  height: 50px;
}

.kits-flex {
  display: flex;
}

.kits-white-space {
  white-space: normal;
}

.kits-width-30 {
  width: 30%;
}

.site-kits-table {
  width: 100%;
  height: 100%;
  max-height: -moz-max-content;
  max-height: max-content;
}

.site-address-display {
  display: none;
}

.site-address-margin-top {
  margin-top: 5px;
}

.site-address-width {
  max-width: 100%;
}

.site-search-option {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

.site-search-option-color {
  color: #7A7A7A;
}

.site-success-icon {
  margin: 15% auto auto;
  margin-bottom: 25px;
  background-image: url("siteImages/finish_site_new.png");
}
.site-success-icon.Active {
  background-image: url("siteImages/finish_site.png");
}
.site-success-icon.New {
  background-image: url("siteImages/finish_site_new.png");
}
.site-success-icon.Retired {
  background-image: url("siteImages/finish_site_retired.png");
}

.site-create-update-info .success {
  font-size: large;
  justify-content: center;
  display: flex;
  padding-top: 10px;
  font-weight: 700;
}
.site-create-update-info .error {
  color: red;
  font-size: large;
  justify-content: center;
  display: flex;
  padding-top: 10px;
  font-weight: 700;
}
.site-create-update-info .siteSuccessMessage {
  font-size: large;
  text-align: center;
}
.site-create-update-info .siteErrorMessage {
  font-size: large;
  text-align: center;
}

.site-edition-dialogWindowBody {
  display: flex;
  flex: 1 1 auto;
}
.site-edition-dialogWindowBody span.oj-fwk-icon-caret-end {
  color: #fff;
}
.site-edition-dialogWindowBody .oj-table-header {
  height: 6rem;
}
.site-edition-dialogWindowBody .oj-table-container {
  max-height: 310px;
}
.site-edition-dialogWindowBody .oj-text-field-middle {
  max-width: inherit;
}
.site-edition-dialogWindowBody .site-edition-page-withInfo {
  display: flex;
  width: 100%;
  display: flex;
  margin-top: 5px;
  margin-bottom: 20px;
}
.site-edition-dialogWindowBody .site-edition-page-withInfo label {
  font-weight: bold;
}
.site-edition-dialogWindowBody .site-edition-page-withInfo.site-edition-setting-step {
  text-align: center;
}
.site-edition-dialogWindowBody .site-edition-page-withInfo.site-edition-setting-step .site-edition-setting-rows {
  display: flex;
  margin-bottom: 5px;
}
.site-edition-dialogWindowBody .site-edition-page-withInfo.site-edition-setting-step .site-edition-setting-rows .site-label {
  text-align: right;
}
.site-edition-dialogWindowBody .site-edition-page-withInfo.site-edition-setting-step .site-edition-setting-rows .site-label .oj-label-inline {
  margin-top: 10px;
}
.site-edition-dialogWindowBody .site-edition-page-withInfo.site-edition-setting-step .site-edition-setting-rows .site-inputEl {
  max-width: 92%;
}
.site-edition-dialogWindowBody .site-edition-page-withInfo.site-edition-setting-step .site-edition-setting-rows .site-inputEl #inputSearch-sitesCreationIcon {
  width: 32px;
}
.site-edition-dialogWindowBody .site-edition-page-withInfo.site-edition-setting-step .site-edition-setting-rows .showRedBorder {
  border: 1px solid red;
}
.site-edition-dialogWindowBody .site-edition-page-withInfo.site-edition-setting-step .site-edition-setting-rows .site-selectbox {
  max-width: 92%;
  width: 100%;
}
.site-edition-dialogWindowBody .site-edition-page-withInfo.site-edition-setting-step .site-edition-setting-rows .siteCreation-returnDepot-default .oj-inputtext-input, .site-edition-dialogWindowBody .site-edition-page-withInfo.site-edition-setting-step .site-edition-setting-rows .siteCreation-returnDepot-default .oj-text-field-input {
  color: rgba(0, 0, 0, 0.55);
  font-style: italic;
}
.site-edition-dialogWindowBody .site-edition-page-withInfo.site-edition-setting-step .site-edition-setting-rows #siteCreation-sitePermissions {
  max-width: 56% !important;
  padding-left: 17px;
  padding-top: 5px;
}
.site-edition-dialogWindowBody .site-edition-page-withInfo.site-edition-setting-step .site-edition-setting-rows .site-permissions {
  display: flex;
  justify-content: flex-start;
}
.site-edition-dialogWindowBody .site-edition-page-withInfo.site-edition-setting-step .site-edition-setting-rows .site-permissions .oj-choice-item {
  padding-top: 2px;
}
.site-edition-dialogWindowBody .site-edition-page-withInfo.site-edition-setting-step .site-edition-setting-rows .oj-radiocheckbox-label-text {
  font-weight: normal !important;
}
.site-edition-dialogWindowBody .site-edition-page-withInfo.site-edition-setting-step .site-edition-setting-rows.seperator hr {
  margin: 10px;
}
.site-edition-dialogWindowBody .site-edition-page-withInfo.site-edition-setting-step .site-edition-setting-rows.seperator {
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
.site-edition-dialogWindowBody .site-edition-page-withInfo.site-edition-setting-step .site-edition-setting-rows settings-site-permissions {
  margin-top: 10px;
  box-sizing: border-box;
  width: 100%;
}
.site-edition-dialogWindowBody .site-edition-page-withInfo.site-edition-setting-step .site-edition-setting-rows.visibleClass table tbody {
  visibility: visible !important;
}
.site-edition-dialogWindowBody .site-edition-page-withInfo.site-edition-setting-step .drugDestruction-row {
  max-height: 44px;
}
.site-edition-dialogWindowBody .site-edition-page-withInfo.site-edition-setting-step .drugDestruction-row .drugDestruction {
  display: flex;
  justify-content: flex-start;
  padding-left: 20px;
}
.site-edition-dialogWindowBody .site-edition-page-withInfo.site-edition-setting-step .drugDestruction-row .drugDestruction .oj-choice-direction-row {
  max-width: 56% !important;
  padding-left: 5px;
}
.site-edition-dialogWindowBody .site-edition-page-withInfo.site-edition-primaryAddress-page .siteCreation-label-c_zipcode:before {
  content: "* ";
}
.site-edition-dialogWindowBody .site-edition-page-withInfo.site-edition-finish-page {
  margin: 15% auto auto;
}
.site-edition-dialogWindowBody .site-edition-page-withInfo.site-edition-finish-page .site-success-icon {
  margin-bottom: 25px;
}
.site-edition-dialogWindowBody .site-edition-kits-page {
  flex-direction: column;
  width: 94%;
  height: 380px;
  margin: auto;
}
.site-edition-dialogWindowBody .site-edition-page {
  display: flex;
  width: 100%;
  display: flex;
  margin-top: 25px;
}
.site-edition-dialogWindowBody .site-edition-page label {
  font-weight: bold;
}
.site-edition-dialogWindowBody .site-edition-page.site-edition-setting-step {
  text-align: center;
}
.site-edition-dialogWindowBody .site-edition-page.site-edition-setting-step .site-edition-setting-rows {
  display: flex;
  margin-bottom: 5px;
}
.site-edition-dialogWindowBody .site-edition-page.site-edition-setting-step .site-edition-setting-rows .oj-radiocheckbox-label-text {
  font-weight: normal !important;
}
.site-edition-dialogWindowBody .site-edition-page.site-edition-setting-step .site-edition-setting-rows.seperator {
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
.site-edition-dialogWindowBody .site-edition-page.site-edition-primaryAddress-page .siteCreation-label-c_zipcode:before {
  content: "* ";
}
.site-edition-dialogWindowBody .site-edition-page.site-edition-finish-page {
  margin: 15% auto auto;
}
.site-edition-dialogWindowBody .site-edition-page.site-edition-finish-page .site-success-icon {
  margin-bottom: 25px;
}
.site-edition-dialogWindowBody .site-creation-success-icon {
  background-image: url("siteImages/finish_site_new.png");
}
.site-edition-dialogWindowBody .site-edition-success-icon {
  background-image: url("siteImages/finish_site.png");
}
.site-edition-dialogWindowBody .site-success-icon {
  /*margin-top: 100px;*/
  background-image: url("siteImages/finish_site_new.png");
}
.site-edition-dialogWindowBody .site-success-icon.Active {
  background-image: url("siteImages/finish_site.png");
}
.site-edition-dialogWindowBody .site-success-icon.New {
  background-image: url("siteImages/finish_site_new.png");
}
.site-edition-dialogWindowBody .site-success-icon.Retired {
  background-image: url("siteImages/finish_site_retired.png");
}
.site-edition-dialogWindowBody .site-item-align {
  margin-right: 50px;
  margin-left: 230px;
}
.site-edition-dialogWindowBody .siteWrapper {
  margin-top: 70px;
  margin-bottom: 50px;
}
.site-edition-dialogWindowBody .siteWrapper .site-label {
  font-size: 18px;
  line-height: 200%;
  font-weight: 600;
}
.site-edition-dialogWindowBody .siteWrapper .site-label1 {
  line-height: 200%;
}
.site-edition-dialogWindowBody .site-upload-row {
  margin-top: 30px;
}
.site-edition-dialogWindowBody .site-upload-row .site-upload-btn-div {
  display: flex;
}
.site-edition-dialogWindowBody .site-upload-row .site-upload-btn-div .site-file-format {
  align-self: center;
  padding: 10px;
  margin-top: 10px;
  font-size: 12px;
  font-style: italic;
}
.site-edition-dialogWindowBody .site-upload-row .site-upload-btn-div .fileinput {
  display: none;
}
.site-edition-dialogWindowBody .site-upload-row .site-upload-icon {
  background-image: url("common/Upload_default.svg");
  background-repeat: no-repeat;
  background-size: 80px;
  width: 80px;
  height: 80px;
}
.site-edition-dialogWindowBody .site-upload-row .site-upload-err-div {
  padding: 15px;
  background-color: #FBE0DA;
}
.site-edition-dialogWindowBody .site-upload-row .site-upload-err-div .site-upload-err-msg {
  padding: 5px;
}
.site-edition-dialogWindowBody .site-manual-row .site-manual-icon {
  background-image: url("siteImages/sitesua_icon.png");
  background-repeat: no-repeat;
  background-size: 80px;
  width: 80px;
  height: 80px;
}
.site-edition-dialogWindowBody .site-action-button {
  background-image: linear-gradient(to bottom, #1ba215 0%, #8ed58b 4%, #1ba215 50%, #1ba215 100%);
  border-radius: 3px;
  margin-top: 10px;
  padding: 10px;
  width: 82px;
  display: flex;
  align-self: center;
  cursor: pointer;
}
.site-edition-dialogWindowBody .site-action-button:hover {
  background-image: linear-gradient(to bottom, #1ba215 0%, #8ed58b 4%, #1ba215 80%, #1ba215 100%);
}
.site-edition-dialogWindowBody .site-action-button:active {
  background-image: linear-gradient(to bottom, #1ba215 0%, #1ba215 50%, #8ed58b 96%, #1ba215 100%);
}
.site-edition-dialogWindowBody .site-action-button .buttonText {
  padding: 0px 5px 0px 5px;
  color: #FFFFFF;
  text-align: center;
  font-size: 14px;
}
.site-edition-dialogWindowBody .kits-ship-address {
  max-width: 253px !important;
  border: 1px solid lightgray;
  border-radius: 4px;
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
}
.site-edition-dialogWindowBody .kits-header-send {
  display: flex;
  flex-direction: column;
}
.site-edition-dialogWindowBody .kits-flex-parent {
  width: 40px;
  height: 40px;
  background-size: 40px;
  margin: 0px 5px 0px 10px;
}
.site-edition-dialogWindowBody .kits-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.site-edition-dialogWindowBody .kits-flex-item1 {
  flex-grow: 0.7;
  flex-basis: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.site-edition-dialogWindowBody .kits-flex-item2 {
  flex-grow: 1.3;
  flex-basis: 0;
  min-width: 0;
  padding-left: 10px;
  word-wrap: break-word;
  white-space: normal;
  font-size: 13px;
}
.site-edition-dialogWindowBody .site-upload-file-err {
  border-width: 2px;
  border-style: solid;
  border-color: #d66;
  padding: 1px 6px 13px 6px;
  margin-left: 0.1%;
}
.site-edition-dialogWindowBody .site-manual-warpper {
  margin-top: 70px;
}
.site-edition-dialogWindowBody .site-manual-err-warpper {
  margin-top: 4px;
}
.site-edition-dialogWindowBody #tip {
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  left: 27%;
}
.site-edition-dialogWindowBody #btnAddNewAddress {
  width: 150px;
  margin: 1px 5px 5px;
}
.site-edition-dialogWindowBody #address-accordion {
  margin: 0 5px;
}
.site-edition-dialogWindowBody #address-accordion .address-collapsible {
  margin-bottom: 0.6em;
  border: 1px solid #C4CED7;
}
.site-edition-dialogWindowBody #address-accordion .address-collapsible .header-address {
  font-weight: normal;
  margin-left: 1.5em;
  white-space: nowrap;
  overflow: hidden;
  width: 450px;
  text-overflow: ellipsis;
}
.site-edition-dialogWindowBody #address-accordion .address-collapsible .oj-ux-ico-trash {
  margin-left: auto;
  margin-right: 5px;
  font-size: 22px;
}
.site-edition-dialogWindowBody #address-accordion .address-collapsible .checkboxContainer {
  display: flex;
  flex-direction: row;
  margin-left: 150px;
}
.site-edition-dialogWindowBody #address-accordion .address-collapsible .checkboxContainer .address-checkbox-group {
  display: flex;
  flex-direction: column;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.site-edition-dialogWindowBody #address-accordion .address-collapsible .checkboxContainer .address-checkbox-group .address-checkbox-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
}
.site-edition-dialogWindowBody #address-accordion .address-collapsible .address-search-container {
  display: flex;
  margin-bottom: 5px;
}
.site-edition-dialogWindowBody #address-accordion .address-collapsible .address-search-container .address-row-label {
  width: 140px;
  text-align: right;
  line-height: 2rem;
}
.site-edition-dialogWindowBody #address-accordion .address-collapsible .address-search-container .addressInputSearch {
  max-width: 77.5%;
  margin-left: 10px;
}
.site-edition-dialogWindowBody #address-accordion .address-collapsible .address-groups {
  display: flex;
  flex-direction: row;
}
.site-edition-dialogWindowBody #address-accordion .address-collapsible .address-groups .address-group {
  display: flex;
  flex-direction: column;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.site-edition-dialogWindowBody #address-accordion .address-collapsible .address-groups .address-group .address-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
}
.site-edition-dialogWindowBody #address-accordion .address-collapsible .address-groups .address-group .address-row .address-row-label {
  width: 150px;
  text-align: right;
}
.site-edition-dialogWindowBody #address-accordion .address-collapsible .address-groups .address-group .address-row .address-row-label label {
  display: flex;
  float: right;
  margin: auto 10px auto 5px;
  justify-content: flex-end;
}
.site-edition-dialogWindowBody #address-accordion .address-collapsible .address-groups .address-group .address-row .address-textField {
  width: 500px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.site-edition-dialogWindowBody #address-accordion .address-collapsible .address-groups .address-group .address-row .address-inputField {
  flex: 5 0 0%;
  min-width: 0px;
  min-height: 0px;
}

#lovDropdown_siteCreation-returnDepot_layer #lovDropdown_siteCreation-returnDepot #oj-searchselect-results-siteCreation-returnDepot .oj-listview-element {
  max-width: 400px;
}
#lovDropdown_siteCreation-returnDepot_layer #lovDropdown_siteCreation-returnDepot #oj-searchselect-results-siteCreation-returnDepot .oj-listview-element .oj-listview-cell-element {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
#lovDropdown_siteCreation-returnDepot_layer #lovDropdown_siteCreation-returnDepot #oj-searchselect-results-siteCreation-returnDepot li:first-child {
  color: rgba(0, 0, 0, 0.55);
}

.screen-failed-dlg .screenFailHeader {
  margin-top: 5px;
}
.screen-failed-dlg .screenFailHeader .screenFailHeaderDivs {
  padding-bottom: 15px;
}
.screen-failed-dlg .screen-failed-dlg-icon {
  height: 60px;
  width: 60px;
  min-width: 60px;
  min-height: 60px;
  background-image: url("subjectimages/subject-state-icons/Subject_ScreenFailed.svg");
  background-repeat: no-repeat;
  margin-right: 15px;
  background-size: contain;
  align-self: flex-start;
  margin-left: 15px;
}
.screen-failed-dlg .messageContainer {
  align-self: baseline !important;
}
.screen-failed-dlg #chkConfirm {
  margin-right: 5px;
}
.screen-failed-dlg .dialog-fields {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.screen-failed-dlg .dialog-fields .oj-flex-item {
  flex-grow: 0;
}

.screen-failed-dlg .screen-failed-dlg-align-self {
  align-self: baseline;
}

.screen-failed-reason {
  white-space: nowrap;
  padding-top: 7px !important;
  font-weight: bold;
}

.screen-failed-dlg .screen-failed-success-icon {
  height: 35px;
  width: 35px;
  background-image: url(subjectimages/subject-codebreak-small.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 10px;
  background-color: #ffcccc;
}

.screenfail-manual-reasondiv {
  padding-top: 10px;
  padding-left: 60px;
  left: 30px;
}
.screenfail-manual-reasondiv .screenfail-manual-reason {
  padding-left: 0px;
  font-weight: bold;
}

.screenfail-manual-reasonddl {
  padding-right: 4px;
  padding-left: 0px;
}

.required-aestrick {
  color: #0063c9;
}

.screen-failure-dlg {
  display: flex;
  align-items: center;
  width: 100%;
}

.screen-failure-dlg-icon {
  height: 70px;
  width: 70px;
  background-image: url(subjectimages/subject-state-icons/Subject_ScreenFailed.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.screen-failure-dlg-align-self {
  align-self: baseline;
  padding-top: 20px;
}

.codeBreakViewTrainStops {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}

.codeBreakKitIcon {
  width: 30px;
  height: 30px;
  background-image: url(designerimages/blisterpack_mini_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 10px;
}

.withdraw-visit-available {
  margin: 0 10px;
  text-align: center;
  font-style: italic;
  font-weight: bold;
  padding-top: inherit;
}

.codeBreakDialog {
  display: flex;
}
.codeBreakDialog .codeBreakPadding {
  padding-bottom: 10px;
}
.codeBreakDialog.mainCodeBreakContent {
  display: flex;
  flex-direction: column;
}
.codeBreakDialog .codeBreakMessageContainer {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  min-width: 0;
  min-height: 0;
  overflow: auto;
  flex-direction: column;
  margin-top: 10px;
}
.codeBreakDialog .codeBreakMessageContainer .messages {
  padding-bottom: 10px;
}
.codeBreakDialog .codeBreakMessageContainer .codeBreakDisplayStrings {
  font-weight: bold;
}
.codeBreakDialog input.unblindCheckbox {
  margin-right: 10px;
}
.codeBreakDialog input.unblindRadio {
  margin-right: 5px;
}
.codeBreakDialog .kitListView .list-row {
  height: auto;
  border-bottom: 1px solid #eee;
  background-image: none;
}
.codeBreakDialog .kitListView .table-row {
  height: 100px;
  width: 365px;
  margin-bottom: 5px;
  line-height: 20px;
}
.codeBreakDialog .kitListView .entryContainer {
  display: flex;
  flex: 1 0 0;
  min-width: 0px;
  min-height: 0px;
  min-width: 0px;
  align-items: center;
}
.codeBreakDialog .kitListView .entryContainer .packageIcon {
  min-width: 30px;
  max-width: 30px;
  align-self: center;
}
.codeBreakDialog .kitListView .entryContainer .titleAndDescription {
  display: flex;
  flex: 1 0 0;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  margin-left: 15px;
  min-width: 0px;
}
.codeBreakDialog .kitListView .entryContainer .titleAndDescription .headerTitle {
  font-weight: bold;
  margin-bottom: 5px;
}
.codeBreakDialog .kitListView .entryContainer .titleAndDescription .codeViewNoMargin {
  margin-bottom: 0px;
}
.codeBreakDialog .CentralRandIcon {
  width: 30px;
  height: 30px;
  margin: 0px;
  float: left;
  background-image: url(subjectimages/Randomization.svg);
  background-repeat: no-repeat;
}
.codeBreakDialog .dispensationTable .kit-details-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.codeBreakDialog .dispensationTable .kit-details-container .kit-details-withoutIcon {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding-left: 15px;
}
.codeBreakDialog {
  /*@include display_flex();*/
  /*@include flex_direction_row();*/
  /*    .flex-end {
          align-self: flex-end;
      }

      .text-end {
          text-align: right;
      }*/
}
.codeBreakDialog .codeBreakHeader.noData {
  margin-top: 15px;
}
.codeBreakDialog .codeBreakHeader #adverseEventLabel {
  font-weight: bold !important;
}
.codeBreakDialog .codeBreakHeader .codeBreakDisplayStrings {
  font-weight: bold;
}
.codeBreakDialog .codeBreakIcon {
  height: 60px;
  width: 60px;
  min-width: 60px;
  min-height: 60px;
  background-image: url("subjectimages/subject-state-icons/Subject_CodeBreak.svg");
  background-repeat: no-repeat;
  margin-right: 15px;
  background-size: contain;
  align-self: flex-start;
  margin-left: 15px;
}
.codeBreakDialog .codeViewIcon {
  height: 60px;
  width: 60px;
  min-width: 60px;
  min-height: 60px;
  background-image: url("subjectimages/subject-state-icons/Subject_CodeView.svg");
  background-repeat: no-repeat;
  margin-right: 15px;
  background-size: contain;
  align-self: flex-start;
  margin-left: 15px;
}
.codeBreakDialog .codeBreakSmallIcon {
  height: 40px;
  width: 40px;
  min-width: 40px;
  min-height: 40px;
  background-image: url("subjectimages/subject-state-icons/Subject_CodeBreak.svg");
  background-repeat: no-repeat;
  margin-right: 15px;
  background-size: contain;
  align-self: flex-start;
  margin-left: 15px;
}
.codeBreakDialog .codeViewSmallIcon {
  height: 40px;
  width: 40px;
  min-width: 40px;
  min-height: 40px;
  background-image: url("subjectimages/subject-state-icons/Subject_CodeView.svg");
  background-repeat: no-repeat;
  margin-right: 15px;
  background-size: contain;
  align-self: flex-start;
  margin-left: 15px;
}
.codeBreakDialog .codebreak-dispensation-table {
  display: flex;
  justify-content: flex-end;
}

.codebreak-treatment-title {
  width: auto;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  padding-bottom: 5px;
}

.device-type-class .WEIGHTSCALE-MINI {
  margin: 0px 0px 0px -2px;
  float: left;
  height: 30px;
  width: 30px;
  background-image: url(dcs/mHealthDevice/icon_scale.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.device-type-class .GLUCOSEMONITOR-MINI {
  margin: 0px 0px 0px -2px;
  float: left;
  height: 30px;
  width: 30px;
  background-image: url(dcs/mHealthDevice/icon_blood_glucose.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.device-type-class .BLOODPRESSUREMONITOR-MINI {
  margin: 0px 0px 0px -2px;
  float: left;
  height: 30px;
  width: 30px;
  background-image: url(dcs/mHealthDevice/icon_blood_pressure_monitor.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.device-type-class .OTHER-MINI {
  margin: 0px 0px 0px -2px;
  float: left;
  height: 30px;
  width: 30px;
  background-image: url(dcs/mHealthDevice/icon_device_general.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.device-type-class .ECGREADER-MINI {
  margin: 0px -10px 0px 5px;
  float: left;
  height: 30px;
  width: 30px;
  background-image: url(dcs/mHealthDevice/icon_ECG_reader.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.device-type-class .MOBILEAPP-MINI {
  margin: 0px 0px 0px -2px;
  float: left;
  height: 30px;
  width: 30px;
  background-image: url(dcs/mHealthDevice/icon_mobile_app.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.device-type-class .PULSEOXIMETER-MINI {
  margin: 0px 0px 0px -2px;
  float: left;
  height: 30px;
  width: 30px;
  background-image: url(dcs/mHealthDevice/icon_pulse_oximeter.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.device-type-class .SMARTPILLBOTTLE-MINI {
  margin: 0px -10px 0px 5px;
  float: left;
  height: 30px;
  width: 30px;
  background-image: url(dcs/mHealthDevice/icon_smart_pill_bottle.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.device-type-class .SPIROMETER-MINI {
  margin: 0px 0px 0px -2px;
  float: left;
  height: 30px;
  width: 30px;
  background-image: url(dcs/mHealthDevice/icon_spirometerA.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.device-type-class .WEARABLEPATCH-MINI {
  margin: 0px 0px 0px -2px;
  float: left;
  height: 30px;
  width: 30px;
  background-image: url(dcs/mHealthDevice/icon_wearable_patch.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.device-type-class .ACTIVITYWATCH-MINI {
  margin: 0px 0px 0px -2px;
  float: left;
  height: 30px;
  width: 30px;
  background-image: url(dcs/mHealthDevice/icon_activity_watch.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.codeBreakColumn {
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
}

.screen-initiate-dlg {
  display: flex;
  align-items: center;
  width: 100%;
}

.screen-initiate-dlg .screen-initiate-dlg-icon {
  height: 70px;
  width: 70px;
  background-image: url(subjectimages/subject-state-icons/Subject_Screened.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.screen-initiate-dlg .screen-initiate-dlg-align-self {
  align-self: baseline;
}

.screen-initiate-dlg .screen-initiate-dlg-success-text {
  font-weight: 300;
  font-size: 14px;
  margin-left: 25px;
}

.screen-initiate-dlg .screen-initiate-dlg-success-text b {
  font-weight: bold !important;
}

.randomizationTrain {
  display: flex;
}
.randomizationTrain .windowContent {
  padding-top: 15px;
}
.randomizationTrain .randomizationTrainDesignStep {
  display: flex;
}
.randomizationTrain .randomizationTrainDesignStep .heading {
  font-weight: bold;
  font-size: 1.4em;
  padding-bottom: 10px;
}
.randomizationTrain .randomizationTrainDesignStep .message {
  font-size: 1.1em;
}
.randomizationTrain .randomizationTrainDesignStep .randDesign-fillSpace {
  flex: 1 1 0%;
  min-width: 0px;
  min-height: 0px;
}
.randomizationTrain .randomizationTrainDesignStep .randDesign-blankMessage {
  width: 100%;
  margin-top: 20px;
}
.randomizationTrain .randomizationTrainDesignStep .randDesign-rightSide {
  display: flex;
  flex: 1 1 0%;
  min-width: 0px;
  min-height: 0px;
  justify-content: center;
}
.randomizationTrain .randomizationTrainDesignStep .randDesign-rightSide.with-ohc-description {
  flex-direction: column;
  justify-content: start;
  padding-left: 15px;
}
.randomizationTrain .randomizationTrainDesignStep .randDesign-card {
  display: flex;
  flex-direction: column;
  width: 90%;
}
.randomizationTrain .randomizationTrainDesignStep .randDesign-row {
  display: flex;
  flex-direction: row;
}
.randomizationTrain .randomizationTrainDesignStep .randDesign-column {
  display: flex;
  flex: 1 1 0%;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
}
.randomizationTrain .randomizationTrainDesignStep .randDesign-input {
  display: flex;
  flex: 1 1 0%;
  min-width: 0px;
  min-height: 0px;
  align-self: center;
}
.randomizationTrain .randomizationTrainDesignStep .randDesign-label {
  display: flex;
  width: 150px;
  align-self: center;
  justify-content: flex-end;
  margin-right: 10px;
}
.randomizationTrain .randomizationTrainDesignStep .oj-textarea-input {
  height: 100px;
}
.randomizationTrain .randomizationTrainCohortsStep {
  display: flex;
}
.randomizationTrain .randomizationTrainCohortsStep .heading {
  font-weight: bold;
  font-size: 1.4em;
  padding-bottom: 10px;
}
.randomizationTrain .randomizationTrainCohortsStep .message {
  font-size: 1.1em;
}
.randomizationTrain .randomizationTrainStratumStep {
  margin-left: auto;
  margin-right: auto;
  width: 95%;
  display: flex;
}
.randomizationTrain .randomizationTrainStratumStep .heading {
  font-weight: bold;
  font-size: 1.4em;
  padding-bottom: 10px;
}
.randomizationTrain .randomizationTrainStratumStep .message {
  font-size: 1.1em;
}
.randomizationTrain .randomizationTrainStratumStep .stratum-stop-sub-body {
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  width: 95%;
}
.randomizationTrain .randomizationTrainStratumStep .stratum-leftside {
  display: flex;
  flex: 2 0 0%;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  border: 1px solid #d9dfe3;
  height: 98%;
  overflow: auto;
}
.randomizationTrain .randomizationTrainStratumStep .updatedStratumLeftSide {
  max-height: 350px;
  overflow: auto;
}
.randomizationTrain .randomizationTrainStratumStep .stratum-rightside {
  display: flex;
  flex: 5 0 0%;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  margin-left: 10px;
  border: 1px solid #d9dfe3;
  height: 98%;
  overflow-y: auto;
  position: relative;
}
.randomizationTrain .randomizationTrainStratumStep .stratum-rightside-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.randomizationTrain .randomizationTrainStratumStep .stratum-dropdown-container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
.randomizationTrain .randomizationTrainStratumStep .sg-formItems {
  display: flex;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  height: 2em;
  background-image: linear-gradient(to bottom, #fff 0%, #f1f3f4 5%, #e8ebed 50%, #e4e8ea 100%);
  border: 1px solid lightgray;
  border-radius: 3px;
}
.randomizationTrain .randomizationTrainStratumStep .min-formItems {
  display: flex;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  height: 2em;
  background-image: linear-gradient(to bottom, #fff 0%, #f1f3f4 5%, #e8ebed 50%, #e4e8ea 100%);
  border: 1px solid lightgray;
  border-radius: 3px;
}
.randomizationTrain .randomizationTrainStratumStep .min-formItems .oj-button-label, .randomizationTrain .randomizationTrainStratumStep .min-formItems .oj-button-label oj-option {
  cursor: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: left;
  width: 100%;
  height: 100%;
}
.randomizationTrain .randomizationTrainStratumStep .sg-formItems-title {
  align-self: center;
  margin-left: 5px;
  color: #0572ce;
}
.randomizationTrain .randomizationTrainStratumStep .stratum-info-icon {
  width: 45px;
  height: 45px;
  background-image: url(images/Information_Dialog.svg);
  background-repeat: no-repeat;
  margin: auto;
  background-size: contain;
}
.randomizationTrain .randomizationTrainStratumStep .demogCohortError-border {
  border-width: 2px;
  border-style: solid;
  border-color: #dd6666;
}
.randomizationTrain .stratumAdaptiveStepContainer {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 20px;
}
.randomizationTrain .stratumAdaptiveStepContainer .stratumAdaptiveStep {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%;
  display: flex;
}
.randomizationTrain .stratumAdaptiveStepContainer .stratumAdaptiveStep .heading {
  font-weight: bold;
  font-size: 1.4em;
  padding-bottom: 10px;
}
.randomizationTrain .stratumAdaptiveStepContainer .stratumAdaptiveStep .message {
  font-size: 1.1em;
}
.randomizationTrain .stratumAdaptiveStepContainer .stratumAdaptiveStep #stratum-button {
  width: 100%;
}
.randomizationTrain .stratumAdaptiveStepContainer .stratumAdaptiveStep #formItem-container {
  margin-top: 10px;
}
.randomizationTrain .stratumAdaptiveStepContainer .stratumAdaptiveStep .stratum-stop-sub-body {
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  width: 95%;
}
.randomizationTrain .stratumAdaptiveStepContainer .stratumAdaptiveStep .stratum-leftside {
  display: flex;
  flex: 2 0 0%;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  border: 1px solid #d9dfe3;
  height: 98%;
  overflow: auto;
}
.randomizationTrain .stratumAdaptiveStepContainer .stratumAdaptiveStep .stratum-rightside {
  display: flex;
  flex: 5 0 0%;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  border: 1px solid #d9dfe3;
  height: 98%;
  overflow-y: auto;
  position: relative;
}
.randomizationTrain .stratumAdaptiveStepContainer .stratumAdaptiveStep .stratum-rightside-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.randomizationTrain .stratumAdaptiveStepContainer .stratumAdaptiveStep .stratum-dropdown-container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
.randomizationTrain .stratumAdaptiveStepContainer .stratumAdaptiveStep .sg-formItems {
  display: flex;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  height: 2em;
  background-image: linear-gradient(to bottom, #fff 0%, #f1f3f4 5%, #e8ebed 50%, #e4e8ea 100%);
  border: 1px solid lightgray;
  border-radius: 3px;
}
.randomizationTrain .stratumAdaptiveStepContainer .stratumAdaptiveStep .min-formItems {
  display: flex;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  height: 2em;
  background-image: linear-gradient(to bottom, #fff 0%, #f1f3f4 5%, #e8ebed 50%, #e4e8ea 100%);
  border: 1px solid lightgray;
  border-radius: 3px;
}
.randomizationTrain .stratumAdaptiveStepContainer .stratumAdaptiveStep .min-formItems .oj-button-label, .randomizationTrain .stratumAdaptiveStepContainer .stratumAdaptiveStep .min-formItems .oj-button-label oj-option {
  cursor: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: left;
  width: 100%;
  height: 100%;
}
.randomizationTrain .stratumAdaptiveStepContainer .stratumAdaptiveStep .sg-formItems-title {
  align-self: center;
  margin-left: 5px;
  color: #0572ce;
}
.randomizationTrain .stratumAdaptiveStepContainer .stratumAdaptiveStep .information-container {
  display: flex;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  flex-direction: column;
}
.randomizationTrain .stratumAdaptiveStepContainer .stratumAdaptiveStep .information-message {
  font-size: 1em;
  text-align: center;
  margin-top: 10px;
}
.randomizationTrain .stratumAdaptiveStepContainer .stratumAdaptiveStep .stratum-info-icon {
  width: 45px;
  height: 45px;
  background-image: url(images/Information_Dialog.svg);
  background-repeat: no-repeat;
  margin: auto;
  background-size: contain;
}
.randomizationTrain .stratumAdaptiveStepContainer .stratumAdaptiveStep .stratum-groups-header {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
}
.randomizationTrain .stratumAdaptiveStepContainer .stratumAdaptiveStep .rand-title {
  font-size: 1rem;
  font-weight: bold;
  align-self: center;
}
.randomizationTrain .stratumAdaptiveStepContainer .stratumAdaptiveStep .demogCohortError-border {
  border-width: 2px;
  border-style: solid;
  border-color: #dd6666;
}
.randomizationTrain .stratumAdaptiveStepContainer .stratumAdaptiveStep a.oj-tabbar-item-content .oj-tabbar-item-label {
  font-size: 0.85em !important;
}
.randomizationTrain .randomizationTrainArmsStep, .randomizationTrain .randomizationTrainCohortsStep {
  display: flex;
  width: 100%;
}
.randomizationTrain .randomizationTrainArmsStep .heading, .randomizationTrain .randomizationTrainCohortsStep .heading {
  font-weight: bold;
  font-size: 1.4em;
  padding-bottom: 10px;
}
.randomizationTrain .randomizationTrainArmsStep .message, .randomizationTrain .randomizationTrainCohortsStep .message {
  font-size: 1.1em;
}
.randomizationTrain .randomizationTrainArmsStep .icon-container, .randomizationTrain .randomizationTrainCohortsStep .icon-container {
  display: flex;
  margin-left: 20px;
  width: 32px;
}
.randomizationTrain .randomizationTrainArmsStep .randDesign-row, .randomizationTrain .randomizationTrainCohortsStep .randDesign-row {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.randomizationTrain .randomizationTrainArmsStep .randDesign-row .tip, .randomizationTrain .randomizationTrainCohortsStep .randDesign-row .tip {
  width: 100%;
}
.randomizationTrain .randomizationTrainArmsStep .content-container, .randomizationTrain .randomizationTrainCohortsStep .content-container {
  display: flex;
  flex-direction: column;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.randomizationTrain .randomizationTrainArmsStep .content-container .table-div, .randomizationTrain .randomizationTrainCohortsStep .content-container .table-div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.randomizationTrain .countrySelected {
  background-color: lightgray;
}
.randomizationTrain .randomizationTrainRegionsStep {
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  justify-content: center;
}
.randomizationTrain .randomizationTrainRegionsStep .region-container {
  flex-direction: column;
  margin: 0;
  max-width: 90%;
  min-width: 90%;
}
.randomizationTrain .randomizationTrainRegionsStep .region-container .region-stop-info {
  text-align: center;
  margin: 10px 0px;
  font-weight: bold;
}
.randomizationTrain .randomizationTrainRegionsStep .region-container .leftside-container {
  display: flex;
  flex-direction: row;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.randomizationTrain .randomizationTrainRegionsStep .region-container .leftside-container .region-leftside {
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  height: 98%;
}
.randomizationTrain .randomizationTrainRegionsStep .region-container .leftside-container .region-leftside .left-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.randomizationTrain .randomizationTrainRegionsStep .region-container .leftside-container .region-leftside .left-content .searchBox-container {
  height: 8%;
  position: relative;
}
.randomizationTrain .randomizationTrainRegionsStep .region-container .leftside-container .region-leftside .left-content .searchBox-container .searchBox {
  position: absolute;
  background-image: url(images/Search_icon.png);
  background-repeat: no-repeat;
  height: 80%;
  width: 7%;
  background-size: contain;
  top: 3px;
  left: 3px;
}
.randomizationTrain .randomizationTrainRegionsStep .region-container .leftside-container .region-leftside .left-content .searchBox-container .searchFilter {
  height: 70%;
  width: 92%;
  padding-left: 7%;
  font-style: italic;
}
.randomizationTrain .randomizationTrainRegionsStep .region-container .leftside-container .region-leftside .left-content .regionList-container {
  height: 88%;
  border: 1px solid #d9dfe3;
  overflow-y: auto;
  position: relative;
}
.randomizationTrain .randomizationTrainRegionsStep .region-container .leftside-container .region-leftside .left-content .regionList-container .region-rightside-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.randomizationTrain .randomizationTrainRegionsStep .region-container .leftside-container .region-rightside {
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  margin-left: 10px;
  border: 1px solid #d9dfe3;
  height: 98%;
  overflow-y: auto;
  position: relative;
}
.randomizationTrain .randomizationTrainRegionsStep .region-container .leftside-container .region-rightside .region-rightside-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.randomizationTrain .randomizationTrainRegionsStep .region-container .leftside-container .region-rightside .region-rightside-content .title-container {
  display: flex;
  justify-content: space-between;
}
.randomizationTrain .randomizationTrainRegionsStep .region-container .leftside-container .region-rightside .region-rightside-content .title-container .icon-container {
  margin-right: 20px;
  align-self: flex-end;
}
.randomizationTrain .randomizationTrainSettingsStep {
  display: flex;
  position: relative;
}
.randomizationTrain .randomizationTrainSettingsStep .heading {
  font-weight: bold;
  font-size: 1.4em;
  padding-bottom: 10px;
}
.randomizationTrain .randomizationTrainSettingsStep .message {
  font-size: 1.1em;
}
.randomizationTrain .randomizationTrainSettingsStep .tipBottom {
  position: absolute;
  width: 100%;
}
.randomizationTrain .randomizationTrainSettingsStep .label-container {
  margin-right: 10px;
  text-align: right;
}
.randomizationTrain .randomizationTrainSettingsStep .label-container .oj-label {
  vertical-align: -webkit-baseline-middle;
}
.randomizationTrain .no-train-stop {
  min-height: 48px;
}

.randCard-container {
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  min-width: 0;
  min-height: 0;
  border: 1px solid lightgray;
  padding: 5px;
}
.randCard-container .flexItem {
  display: flex;
}
.randCard-container .flexItem .randCard-icon {
  width: 100px;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.randCard-container .flexItem .randCard-icon-openlabel {
  width: 100px;
  justify-content: center;
  margin-bottom: 20px;
}
.randCard-container .flexItem .randCard-icon-openlabel .adaptiveTile-img {
  background-image: url(randomizationimages/Randomization_AdaptiveCohort.svg);
  background-repeat: no-repeat;
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1px;
  min-width: 23px;
  min-height: 23px;
  position: absolute;
  top: 0;
  right: 0;
}
.randCard-container .flexItem .randCard-icon-openlabel .adaptiveTile-img-with-unblinded {
  background-image: url(randomizationimages/Randomization_AdaptiveCohort.svg);
  background-repeat: no-repeat;
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1px;
  min-width: 23px;
  min-height: 23px;
  position: absolute;
  top: 27px;
  right: -11px;
}
.randCard-container .flexItem .randCard-icon-openlabel .demographyTile-img {
  background-image: url(randomizationimages/Randomization_DemographyCohort.svg);
  background-repeat: no-repeat;
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1px;
  min-width: 23px;
  min-height: 23px;
  position: absolute;
  top: 0;
  right: 0;
}
.randCard-container .flexItem .randCard-icon-openlabel .demographyTile-img-with-unblinded {
  background-image: url(randomizationimages/Randomization_DemographyCohort.svg);
  background-repeat: no-repeat;
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1px;
  min-width: 23px;
  min-height: 23px;
  position: absolute;
  top: 27px;
  right: -11px;
}
.randCard-container .flexItem .randCard-details {
  display: flex;
  flex: 1 1 0%;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  margin-bottom: 20px;
}
.randCard-container .flexItem .randCard-text-highlight {
  color: #f5841f;
  font-weight: bold;
}
.randCard-container .flexItem .randCard-cohortText-adaptive-highlight {
  color: #8560a8;
  font-weight: bold;
}
.randCard-container .flexItem .randCard-cohortText-demography-highlight {
  color: #117977;
  font-weight: bold;
}
.randCard-container .flexItem .randCard-question {
  color: #0063c9;
}
.randCard-container .rand-card-header {
  height: 35px;
  background-color: #f5f5f5;
  font-size: 14px;
  font-weight: bold;
  color: #0572ce;
  margin: -5px -5px 5px -5px;
}
.randCard-container .randCard-title {
  color: var(--oj-label-color);
  font-size: 1.2em;
}

.factor-container {
  display: flex;
  flex-direction: row;
  min-height: 61px;
}
.factor-container .factor-sub-container {
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
}
.factor-container .factor-sub-container .factor-label {
  font-size: 1.2em;
  font-weight: bold;
}
.factor-container .factor-sub-container .factor-drop-title {
  display: flex;
  margin-top: 10px;
}
.factor-container .factor-sub-container .slider-title {
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.factor-container .factor-sub-container .slider-title .slider-input {
  width: -moz-fit-content;
  width: fit-content;
}

.factor-trashIcon-container {
  width: auto;
  font-size: 24px;
}
.factor-trashIcon-container .oj-ux-ico-trash {
  vertical-align: middle;
  cursor: pointer;
  margin-top: 1.5em;
}

.sg-main-container {
  margin-top: 10px;
}
.sg-main-container .sg-sub-container {
  width: 100%;
  border: 1px solid #d9dfe3;
  box-shadow: 3px 3px 7px #888888;
}
.sg-main-container .sg-sub-container .sg-title {
  align-self: center;
  color: #0572ce;
}
.sg-main-container .sg-sub-container .sg-title-edit {
  margin-left: 10px;
  align-self: center;
  min-width: 20px;
  width: 20px;
  max-width: 20px;
  min-height: 20px;
  height: 20px;
  max-height: 20px;
  background-size: contain;
}
.sg-main-container .sg-sub-container .sg-title-edit:hover {
  color: #0572ce;
}
.sg-main-container .sg-sub-container .sg-title-input {
  width: 150px;
  height: 27px;
}
.sg-main-container .sg-sub-container .ec-common-truncate {
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sg-main-container .sg-sub-container .sg-trashIcon-container {
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  justify-content: flex-end;
  align-content: center;
  align-self: center;
  padding-right: 10px;
}
.sg-main-container .sg-sub-container .sg-body-container {
  display: flex;
  flex-direction: column;
  height: auto;
  padding: 0;
  min-height: 82px;
  justify-content: center;
}
.sg-main-container .sg-sub-container .sg-body-container .sg-tip {
  padding: 0 5px 0 5px;
  align-self: center;
}
.sg-main-container .sg-sub-container .sg-body-container .AlternateBgColor {
  background-color: white;
}
.sg-main-container .sg-sub-container .sg-body-container .AlternateBgColor:nth-child(odd) {
  background-color: #f5f5f5;
}

.stratum-stop-sub-container {
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  flex-direction: row;
  width: 93%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
}
.stratum-stop-sub-container .sg-trashIcon-container .oj-label-inline {
  vertical-align: -webkit-baseline-middle;
}
.stratum-stop-sub-container .sg-trashIcon-container .oj-ux-ico-trash {
  font-size: 24px;
}
.stratum-stop-sub-container .sg-trashIcon-container .oj-ux-ico-trash:before {
  vertical-align: middle;
}

.design-bm-container {
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  min-width: 0;
  min-height: 0;
}
.design-bm-container .design-bm-fillSpace {
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  min-width: 0;
  min-height: 0;
}
.design-bm-container .design-bm-fillSpace .design-bm-formItem-label {
  white-space: nowrap;
  width: 110px;
  min-width: 110px;
  max-width: 110px;
  align-self: flex-start;
}
.design-bm-container .design-bm-fillSpace .design-bm-formItem-label .design-bm-form-icon {
  width: 80px;
  height: 100px;
  background-image: url(designerimages/Forms_UserAssistance.svg);
  background-repeat: no-repeat;
  margin: auto;
  background-size: contain;
}
.design-bm-container .design-bm-fillSpace .design-bm-formItem-input {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  min-width: 0;
  min-height: 0;
}
.design-bm-container .design-bm-fillSpace .design-bm-formItem-input .ua-actionButton {
  background-image: linear-gradient(to bottom, #1ba215 0%, #8ed58b 4%, #1ba215 50%, #1ba215 100%);
  border-radius: 3px;
  margin-top: 10px;
  padding: 10px;
  display: flex;
  align-self: center;
}
.design-bm-container .design-bm-fillSpace .design-bm-formItem-input .ua-actionButton:hover {
  background-image: linear-gradient(to bottom, #1ba215 0%, #8ed58b 4%, #1ba215 80%, #1ba215 100%);
}
.design-bm-container .design-bm-fillSpace .design-bm-formItem-input .ua-actionButton:active {
  background-image: linear-gradient(to bottom, #1ba215 0%, #1ba215 50%, #8ed58b 96%, #1ba215 100%);
}
.design-bm-container .design-bm-fillSpace .design-bm-formItem-input .ua-actionButton.addIcon:before {
  display: inline-block;
  background-image: url(designerimages/add_icon.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 16px;
  content: "";
  min-width: 16px;
  width: 16px;
  max-width: 16px;
  padding-right: 10px;
}
.design-bm-container .design-bm-fillSpace .design-bm-formItem-input .ua-actionButton .addIcon {
  width: 25px;
  height: 25px;
  background-image: url(designerimages/add_icon.png);
  background-repeat: no-repeat;
  float: left;
  margin: 6px 0px 0px 15px;
}
.design-bm-container .design-bm-fillSpace .design-bm-formItem-input .ua-actionButton .buttonText {
  color: #FFFFFF;
  text-align: center;
  font-size: 14px;
}

.arms-ratios-group-header {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
}

.arms-ratios-circle-count {
  width: 20px;
  height: 20px;
  color: white;
  background: #045fab;
  border-radius: 10px;
  text-align: center;
}

.ojet3-tdInput .oj-form-control-inherit .oj-inputtext-input {
  border-width: 1px;
}

.ojet3-tdInput .oj-form-control-inherit > div.oj-invalid > .oj-inputtext-input {
  border-width: 2px;
}

.oj-tabbar .oj-tabbar-item.oj-focus-highlight {
  outline: none !important;
}

.shipments-addKits .oj-dialog-content {
  overflow: hidden;
}
.shipments-addKits .oj-dialog-content > div {
  height: 100%;
}
.shipments-addKits .oj-dialog-body {
  overflow: hidden;
}
.shipments-addKits .headerText {
  font-weight: bold;
  padding-bottom: 10px;
}
.shipments-addKits .addKitsContent {
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0.8rem;
}
.shipments-addKits .searchArea {
  gap: 0.8rem;
}
.shipments-addKits .searchArea .oj-inputsearch {
  margin-right: 3px;
}
.shipments-addKits .ellipsis-kit {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.shipments-addKits .availableKits {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
}
.shipments-addKits .availableKits .inSelectedList {
  opacity: 0.5;
  pointer-events: none;
}
.shipments-addKits .selectedKits {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
}
.shipments-addKits .shuttleActions {
  display: flex;
  align-self: center;
  flex-direction: column;
  padding-left: 12px;
  padding-right: 12px;
}
.shipments-addKits .shuttleActions .addIcon {
  background-image: url("depotImages/add_icon_default.png");
}
.shipments-addKits .shuttleActions .removeIcon {
  background-image: url("depotImages/remove_icon_default.png");
}
.shipments-addKits .shuttleActions .moveKitsIcon:hover .addIcon {
  background-image: url("depotImages/add_icon_hover.png");
}
.shipments-addKits .shuttleActions .moveKitsIcon:hover .removeIcon {
  background-image: url("depotImages/remove_icon_hover.png");
}
.shipments-addKits .shuttleActions .moveKitsIcon:active .addIcon {
  background-image: url("depotImages/add_icon_active.png");
}
.shipments-addKits .shuttleActions .moveKitsIcon:active .removeIcon {
  background-image: url("depotImages/remove_icon_active.png");
}
.shipments-addKits .shuttleActions .moveKitsIcon.oj-disabled .addIcon {
  background-image: url("depotImages/add_icon_disabled.png");
}
.shipments-addKits .shuttleActions .moveKitsIcon.oj-disabled .removeIcon {
  background-image: url("depotImages/remove_icon_disabled.png");
}

.createManualShipment .mainContent {
  padding: 10px;
}
.createManualShipment .mainContent .siteSelection {
  margin: 15px 10px 10px 10px;
  display: flex;
}
.createManualShipment .mainContent .kitList {
  text-align: center;
}
.createManualShipment .mainContent .kitList .kitTypeImage {
  min-width: 40px;
  width: 40px;
  max-width: 40px;
  min-height: 40px;
  height: 40px;
  max-height: 40px;
  background-size: 40px;
  margin: 0 5px 0 0;
}

.studyUserModalWindow {
  display: flex;
}
.studyUserModalWindow .windowContent {
  padding-top: 15px;
}
.studyUserModalWindow .sideBySide {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: row;
  padding: 10px;
}
.studyUserModalWindow .sideBySide .leftSide {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
}
.studyUserModalWindow .sideBySide .rightSide {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
}
.studyUserModalWindow .sideBySide .sideHeaderContainer {
  display: flex;
  justify-content: space-between;
}
.studyUserModalWindow .sideBySide .sideHeaderContainer .sideHeader {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.studyUserModalWindow .sideBySide .sideHeaderContainer .sideHeader.sites {
  margin-left: 35px;
}
.studyUserModalWindow .sideBySide .sideHeaderContainer .sideHeader.sites:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 3px 6px 3px 6px;
  background-image: url("images/Sites_users.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.studyUserModalWindow .sideBySide .sideHeaderContainer .sideHeader.allSites .formItem-label .label, .studyUserModalWindow .sideBySide .sideHeaderContainer .sideHeader.allDepots .formItem-label .label {
  font-size: 0.875em;
}
.studyUserModalWindow .sideBySide .sideHeaderContainer .sideHeader.allSites .formItem-label label, .studyUserModalWindow .sideBySide .sideHeaderContainer .sideHeader.allDepots .formItem-label label {
  font-size: 14px;
}
.studyUserModalWindow .sideBySide .sideHeaderContainer .sideHeader.allSites .formItem-input, .studyUserModalWindow .sideBySide .sideHeaderContainer .sideHeader.allDepots .formItem-input {
  margin: auto 0 auto 6px;
  display: flex;
}
.studyUserModalWindow .sideBySide .sideHeaderContainer .sideHeader.allSites .formItem-input input, .studyUserModalWindow .sideBySide .sideHeaderContainer .sideHeader.allDepots .formItem-input input {
  margin-top: auto;
  margin-bottom: auto;
}
.studyUserModalWindow .sideBySide .sideHeaderContainer .sideHeader.depots {
  margin-left: 25px;
}
.studyUserModalWindow .sideBySide .sideHeaderContainer .sideHeader.depots:before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 3px 6px 3px 6px;
  background-image: url("images/Depots_users.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.studyUserModalWindow .formItem {
  display: flex;
  margin-bottom: 4px;
}
.studyUserModalWindow .formItem .formItem-label {
  white-space: nowrap;
  width: 175px;
  min-width: 175px;
  max-width: 175px;
  padding-top: 5px;
  padding-right: 10px;
  text-align: right;
  align-self: flex-start;
}
.studyUserModalWindow .formItem .formItem-label.verticalCenter {
  margin-top: 1em;
}
.studyUserModalWindow .formItem .formItem-label.clearPaddingTop {
  padding-top: 0px;
}
.studyUserModalWindow .formItem .formItem-label .oj-label label {
  padding-left: 5px;
  float: none;
}
.studyUserModalWindow .formItem .formItem-label label {
  padding-left: 5px;
  color: #4f4f4f;
  font-weight: bold;
}
.studyUserModalWindow .formItem .formItem-input {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.studyUserModalWindow .formItem .formItem-input.dateRange .rangeItem {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.studyUserModalWindow .formItem .formItem-input.dateRange .rangeItem .oj-label-group .oj-label-required-icon {
  float: left;
}
.studyUserModalWindow .formItem .formItem-input.dateRange .rangeItem .oj-label label {
  padding-left: 5px;
  float: none;
}
.studyUserModalWindow .formItem .formItem-input .oj-select-multi {
  min-height: 100%;
  height: 100%;
  max-height: 100%;
}
.studyUserModalWindow .formItem .formItem-input .oj-select-multi .oj-select-choices {
  min-height: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
}
.studyUserModalWindow .formItem.fillSpace {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  height: 85px;
  max-height: 85px;
}
.studyUserModalWindow .formItem.fillSpace .formItem-input .oj-select-multi {
  min-height: 100%;
  height: 100%;
  max-height: 100%;
}
.studyUserModalWindow .formItem.fillSpace .formItem-input .oj-select-multi .oj-select-choices {
  min-height: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
}
.studyUserModalWindow .formItem.rightAligned {
  padding-bottom: 10px;
}
.studyUserModalWindow .formItem.rightAligned .formItem-label {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  max-width: none;
}
.studyUserModalWindow .formItem.rightAligned .formItem-input {
  flex: none;
  min-width: 0px;
  min-height: 0px;
}
.studyUserModalWindow .finalStepContainer {
  display: flex;
  flex-direction: column;
  align-self: center;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.studyUserModalWindow .finalStepContainer .successIcon {
  height: 100px;
  width: 100px;
  padding-bottom: 10px;
  background-image: url("common/User_Finish_Green.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100px;
}
.studyUserModalWindow .finalStepContainer .successIcon.edition {
  background-image: url("common/User_Finish_Blue.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100px;
}
.studyUserModalWindow .finalStepContainer .heading {
  font-weight: bold;
  font-size: 1.4em;
  padding-bottom: 10px;
}
.studyUserModalWindow .finalStepContainer .message {
  font-size: 1.1em;
}
.studyUserModalWindow .rightFormItem {
  margin-left: 11.5em;
}
.studyUserModalWindow .noEndDateItem {
  vertical-align: middle;
  margin-right: 5px;
}

.template-study-role-icon {
  background-size: contain;
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../../../css/clinicalOne/0.0.1/web/images/Lock_black.svg");
  margin: 0px auto;
}

.studyUserStudyRoleModalDialog {
  display: flex;
}
.studyUserStudyRoleModalDialog .windowContent {
  padding: 10px;
}
.studyUserStudyRoleModalDialog .sideBySide {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: row;
  padding: 10px;
}
.studyUserStudyRoleModalDialog .sideBySide .srLeftSide {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
  width: 45%;
  border: 1px solid #e0e1e1;
  margin-right: 5px;
  overflow: auto;
  height: 443px;
}
.studyUserStudyRoleModalDialog .sideBySide .srLeftSide .srTypeRow {
  padding: 10px 5px;
  width: 100%;
  font-weight: bold;
  background-color: #e8f3f8;
  border-bottom: 1px solid #e0e1e1;
  box-sizing: border-box;
}
.studyUserStudyRoleModalDialog .sideBySide .srLeftSide .srRow {
  padding: 10px 5px;
  width: 100%;
}
.studyUserStudyRoleModalDialog .sideBySide .srLeftSide .oj-radioset-wrapper > span.oj-choice-item {
  border-bottom: 1px solid #e0e1e1;
  margin-left: 5px;
}
.studyUserStudyRoleModalDialog .sideBySide .srRightSide {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
  width: 45%;
  border: 1px solid #e0e1e1;
  padding: 5px;
  overflow: auto;
  height: 433px;
}
.studyUserStudyRoleModalDialog .sideBySide .srRightSide .srCategoryLabel {
  font-weight: bold;
}
.studyUserStudyRoleModalDialog .sideBySide .srRightSide .srCollapsibleWrapper {
  padding-left: 15px;
}
.studyUserStudyRoleModalDialog .sideBySide .srRightSide .no-results {
  text-align: center;
  font-weight: bold;
}

.withdraw-dlg {
  flex-wrap: nowrap;
  flex: none !important;
}
.withdraw-dlg .withdrawHeader {
  margin-top: 5px;
}
.withdraw-dlg .withdrawHeader .withdrawHeaderDivs {
  padding-bottom: 10px;
}
.withdraw-dlg .withdrawHeader .withdrawDisplayStrings {
  font-weight: bold;
}
.withdraw-dlg .withdraw-dlg-icon {
  height: 60px;
  width: 60px;
  min-width: 60px;
  min-height: 60px;
  background-image: url("subjectimages/subject-state-icons/Subject_Withdrawn.svg");
  background-repeat: no-repeat;
  margin-right: 15px;
  background-size: contain;
  align-self: flex-start;
  margin-left: 15px;
}
.withdraw-dlg .withdraw-messages {
  display: flex;
  flex-direction: column;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  align-items: flex-end;
}
.withdraw-dlg .withdraw-manual-reasondiv {
  padding-top: 10px;
}
.withdraw-dlg .withdraw-manual-reasondiv .withdraw-manual-reason {
  font-weight: bold;
}
.withdraw-dlg .withdraw-reason {
  white-space: nowrap;
  padding-top: 7px !important;
  font-weight: bold;
}
.withdraw-dlg .withdraw-manual-reasonddl {
  padding-right: 4px;
}
.withdraw-dlg .withdraw-checkbox {
  margin-right: 5px;
}

.required-aestrick {
  color: #0063c9;
}

.reasonForChangeDialog .reasonForChange_content {
  padding: 10px;
}
.reasonForChangeDialog .fieldRow {
  display: flex;
  padding-bottom: 10px;
}
.reasonForChangeDialog .fieldRow.remainderHeight {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.reasonForChangeDialog .fieldRow.remainderHeight textarea {
  height: 100%;
}
.reasonForChangeDialog .fieldRow .label {
  width: 150px;
}
.reasonForChangeDialog .fieldRow .field {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.reasonForChangeDialog .fieldRowModal {
  padding-bottom: 10px;
}
.reasonForChangeDialog .fieldRowModal.remainderHeight {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.reasonForChangeDialog .fieldRowModal.remainderHeight textarea {
  height: 100%;
}
.reasonForChangeDialog .fieldRowModal .label {
  width: 150px;
}
.reasonForChangeDialog .fieldRowModal .label .oj-label-required-icon {
  padding-top: 6px;
  padding-right: 4px;
  margin-left: 0px;
  margin-right: 0px;
}
.reasonForChangeDialog .fieldRowModal .field {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}

.inventoryUpdateConfirmationWindow .oj-dialog-content {
  display: flex;
  flex-direction: column;
}
.inventoryUpdateConfirmationWindow .oj-dialog-content .oj-dialog-body {
  display: flex;
  padding-right: 0;
}
.inventoryUpdateConfirmationWindow .oj-dialog-content .oj-dialog-body .simple-message-icon {
  align-self: flex-start;
  background-image: url("images/Information_Dialog.svg");
  background-repeat: no-repeat;
  background-size: 60px;
  background-position: 0px center;
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  height: 60px;
}
.inventoryUpdateConfirmationWindow .oj-dialog-content .oj-dialog-body .simple-message-icon.info_icon {
  background-image: url("images/Information_Dialog.svg");
}
.inventoryUpdateConfirmationWindow .oj-dialog-content .oj-dialog-body .simple-message-icon.confirmation_icon {
  background-image: url("images/Confirmation_Dialog.svg");
}
.inventoryUpdateConfirmationWindow .oj-dialog-content .oj-dialog-body .simple-message-icon.error_icon {
  background-image: url("images/Error_Dialog.svg");
}
.inventoryUpdateConfirmationWindow .oj-dialog-content .oj-dialog-body .simple-message-icon.success_icon {
  background-image: url("images/success_icon.png");
}
.inventoryUpdateConfirmationWindow .oj-dialog-content .oj-dialog-body .messageContainer {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
  padding: 10px;
  max-height: 500px;
  overflow: auto;
  line-height: 1.5em;
}
.inventoryUpdateConfirmationWindow .oj-dialog-content .oj-dialog-body .messageContainer .messages {
  padding-bottom: 10px;
}
.inventoryUpdateConfirmationWindow .reasonForChange_content {
  display: flex;
  margin: 10px;
  padding: 10px;
}
.inventoryUpdateConfirmationWindow .fieldRow {
  display: flex;
  padding-bottom: 10px;
}
.inventoryUpdateConfirmationWindow .fieldRow.remainderHeight {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.inventoryUpdateConfirmationWindow .fieldRow.remainderHeight textarea {
  height: 100%;
}
.inventoryUpdateConfirmationWindow .fieldRow .label {
  min-width: 155px;
  text-align: right;
  padding-right: 10px;
  width: auto;
  padding-top: 5px;
}
.inventoryUpdateConfirmationWindow .fieldRow .label label {
  float: right;
}
.inventoryUpdateConfirmationWindow .fieldRow .label .oj-label-required-icon {
  padding-top: 6px;
  padding-right: 4px;
}
.inventoryUpdateConfirmationWindow .fieldRow .field {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}

.createDraftVersionWindow .reason input {
  margin-right: 3px;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 25, 2016, 3:58:31 PM
    Author     : sratumma
*/
/* 
   Kits-replace-dialog
*/
.replace-kits-dlg-icon {
  width: 40px;
  height: 40px;
  background-image: url(dcs/icon_kit_pill.svg);
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 15px;
}

.replace-kits-dlg {
  margin: 20px 30px 30px 30px;
}

.replace-kits-dlg-selectDiv {
  padding-left: 15px;
  line-height: 20px;
}

.replace-kits-dlg-selectText {
  font-weight: normal;
}

.replace-kits-dlg-subNumber {
  font-weight: bold;
}

.replace-kits-reason-textarea {
  padding-left: 70px;
}

.replace-kits-reason {
  white-space: nowrap;
  padding-top: 7px;
  font-weight: bold;
}

.reasondiv-align {
  padding-left: 110px;
}

.otherdiv-align {
  padding-left: 70px;
}

.replace-kits-flex-bar-start {
  padding-right: 10px;
}

.replace-kits-info-div {
  position: absolute;
  bottom: 20px;
  left: 30px;
  right: 30px;
}

.replace-devices {
  max-width: 120px;
  margin: auto;
}
.replace-devices .replace-kit-row {
  display: inline-block;
  max-width: 100%;
}
.replace-devices .kit-row {
  margin-right: -12px;
}
.replace-devices .weightscale {
  height: 20px;
  width: 20px;
  background-image: url(dcs/mHealthDevice/icon_scale.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  vertical-align: bottom;
  display: inline-block;
  margin-left: -30px;
  margin-right: 5px;
}
.replace-devices .glucosemonitor {
  height: 20px;
  width: 20px;
  background-image: url(dcs/mHealthDevice/icon_blood_glucose.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  vertical-align: bottom;
  display: inline-block;
  margin-left: -30px;
  margin-right: 5px;
}
.replace-devices .bloodpressuremonitor {
  height: 20px;
  width: 20px;
  background-image: url(dcs/mHealthDevice/icon_blood_pressure_monitor.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  vertical-align: bottom;
  display: inline-block;
  margin-left: -30px;
  margin-right: 5px;
}
.replace-devices .other {
  height: 20px;
  width: 20px;
  background-image: url(dcs/mHealthDevice/icon_device_general.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  vertical-align: bottom;
  display: inline-block;
  margin-left: -30px;
  margin-right: 5px;
}
.replace-devices .ecgreader {
  height: 20px;
  width: 20px;
  background-image: url(dcs/mHealthDevice/icon_ECG_reader.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  vertical-align: bottom;
  display: inline-block;
  margin-left: -30px;
  margin-right: 5px;
}
.replace-devices .mobileapp {
  height: 20px;
  width: 20px;
  background-image: url(dcs/mHealthDevice/icon_mobile_app.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  vertical-align: bottom;
  display: inline-block;
  margin-left: -30px;
  margin-right: 5px;
}
.replace-devices .pulseoximeter {
  height: 20px;
  width: 20px;
  background-image: url(dcs/mHealthDevice/icon_pulse_oximeter.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  vertical-align: bottom;
  display: inline-block;
  margin-left: -30px;
  margin-right: 5px;
}
.replace-devices .smartpillbottle {
  height: 20px;
  width: 20px;
  background-image: url(dcs/mHealthDevice/icon_smart_pill_bottle.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  vertical-align: bottom;
  display: inline-block;
  margin-left: -30px;
  margin-right: 5px;
}
.replace-devices .spirometer {
  height: 20px;
  width: 20px;
  background-image: url(dcs/mHealthDevice/icon_spirometerA.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  vertical-align: bottom;
  display: inline-block;
  margin-left: -30px;
  margin-right: 5px;
}
.replace-devices .wearablepatch {
  height: 20px;
  width: 20px;
  background-image: url(dcs/mHealthDevice/icon_wearable_patch.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  vertical-align: bottom;
  display: inline-block;
  margin-left: -30px;
  margin-right: 5px;
}
.replace-devices .activitywatch {
  height: 20px;
  width: 20px;
  background-image: url(dcs/mHealthDevice/icon_activity_watch.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  vertical-align: bottom;
  display: inline-block;
  margin-left: -30px;
  margin-right: 5px;
}

#replace-kits-dlg-table .oj-table-body tr.oj-table-body-row {
  height: 50px;
}

.blinded-text {
  color: #a3a3a3 !important;
  font-style: italic;
}

.qunatityNumber {
  background-color: #fcfdfe;
  width: 8.57rem;
  min-width: 8.57rem !important;
  max-width: 8.57rem !important;
  display: block;
  margin: auto;
  min-height: auto !important;
  height: 2.2rem !important;
  border: 1px solid #ccc;
}

.replace-kits-cell-wrapper.replace-devices {
  gap: 0.3rem;
  max-width: unset;
  margin: 0 0.3rem;
}

.text-center.replace-devices.replace-kits-cell-wrapper .replace-kit-row.trialSupplyStyle {
  margin: 0;
  float: none;
}

.replace-kits-dlg .oj-table .replace-devices.replace-kits-cell-wrapper .replace-kit-row {
  margin: 0;
  float: none;
}

.text-center.replace-devices.replace-kits-cell-wrapper .replace-kit-row.kitNumberStyle {
  margin-left: 0;
  text-align: start;
}

.text-center .replace-devices .replace-kit-row.trialSupplyStyle {
  height: 20px;
  width: 20px;
  margin-left: -10px;
  margin-bottom: 0px;
}

.text-center .replace-devices .replace-kit-row.kitNumberStyle {
  width: 120px;
  vertical-align: middle;
  margin-left: -20px;
}

.replaceDevice-footer-buttons .leftButton {
  position: absolute;
  bottom: 30px;
  left: 30px;
}
.replaceDevice-footer-buttons .rightButton {
  position: absolute;
  bottom: 30px;
  right: 30px;
}

/* 
   Kits-dispense-dialog
*/
.softStop-dlg {
  display: flex;
  width: 100%;
}
.softStop-dlg .softStop-dlg-icon {
  height: 60px;
  width: 60px;
  background-image: url("images/Confirmation_Dialog.svg");
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
}
.softStop-dlg .softStop-dlg-align-self {
  align-self: baseline;
  padding-left: 20px;
}
.softStop-dlg .softStop-dlg-success-text {
  font-weight: normal;
  font-size: 14px;
}
.softStop-dlg .softStop-dlg-success-text-subNum {
  font-weight: bold;
  font-size: 14px;
}
.softStop-dlg .softStop-dlg-success-text-startVisit {
  font-weight: bold;
  font-size: 14px;
  padding-top: 20px;
}

.kitdispensing-container {
  display: flex;
  flex-direction: column;
  height: 455px;
}

.kitdispensing-header-container {
  display: flex;
  border: 0px solid #aaaaaa;
}

.kitdispensing-content-container {
  display: flex;
  flex-direction: column;
  margin: 2px 0px 5px 0px;
  border: 0px solid #aaaaaa;
  float: left;
  width: 100%;
}

.kitdispensing-header-section {
  display: flex;
  margin: 1px;
  border: 0px solid #aaaaaa;
  /*.kittitle{
      display:block;
      width:100%;
      float:left;
      margin-top:0px;
  }
  .txa-description-label{
      float:left;
  }
  .txa-description-content{
      padding-left:3px;
  }*/
}
.kitdispensing-header-section .kit-description-block {
  display: block;
  width: 100%;
  float: left;
}
.kitdispensing-header-section .kit-description-label {
  float: left;
}
.kitdispensing-header-section .kit-description-content {
  padding-left: 3px;
}
.kitdispensing-header-section .oj-select-choices {
  height: 41px;
  max-height: 41px;
  overflow-y: auto;
}
.kitdispensing-header-section .TITRATION-MINI {
  margin: 0px -10px 0px 5px;
  float: left;
  height: 45px;
  width: 44px;
  background-image: url(designerimages/titrations/TitrationCard.svg);
  background-repeat: no-repeat;
}
.kitdispensing-header-section .BLISTERPACK-MINI {
  margin: 0px -10px 0px 5px;
  float: left;
  height: 45px;
  width: 44px;
  background-image: url(designerimages/kits/BlisterPack_kit.svg);
  background-repeat: no-repeat;
}
.kitdispensing-header-section .BOTTLE-MINI {
  margin: 0px -10px 0px 5px;
  float: left;
  height: 45px;
  width: 44px;
  background-image: url(designerimages/kits/PillBottle_kit.svg);
  background-repeat: no-repeat;
}
.kitdispensing-header-section .BOX-MINI {
  margin: 0px -10px 0px 5px;
  float: left;
  height: 45px;
  width: 44px;
  background-image: url(designerimages/kits/Box_kit.svg);
  background-repeat: no-repeat;
}
.kitdispensing-header-section .DEVICE-MINI {
  margin: 0px -10px 0px 5px;
  float: left;
  height: 45px;
  width: 44px;
  background-image: url(designerimages/kits/Device_kit.svg);
  background-repeat: no-repeat;
}
.kitdispensing-header-section .INFUSION-MINI {
  margin: 0px -10px 0px 5px;
  float: left;
  height: 45px;
  width: 44px;
  background-image: url(designerimages/kits/IV_kit.svg);
  background-repeat: no-repeat;
}
.kitdispensing-header-section .INHALER-MINI {
  margin: 0px -10px 0px 5px;
  float: left;
  height: 45px;
  width: 44px;
  background-image: url(designerimages/kits/Inhaler_kit.svg);
  background-repeat: no-repeat;
}
.kitdispensing-header-section .SYRINGE-MINI {
  margin: 0px -10px 0px 5px;
  float: left;
  height: 45px;
  width: 44px;
  background-image: url(designerimages/kits/Injection_kit.svg);
  background-repeat: no-repeat;
}
.kitdispensing-header-section .OTHER-MINI {
  margin: 0px -10px 0px 5px;
  float: left;
  height: 45px;
  width: 44px;
  background-image: url(designerimages/kits/GenericKit_kit.svg);
  background-repeat: no-repeat;
}
.kitdispensing-header-section .OINTMENT-MINI {
  margin: 0px -10px 0px 5px;
  float: left;
  height: 45px;
  width: 44px;
  background-image: url(designerimages/kits/TopicalOintment_kit.svg);
  background-repeat: no-repeat;
}
.kitdispensing-header-section .VIAL-MINI {
  margin: 0px -10px 0px 5px;
  float: left;
  height: 45px;
  width: 44px;
  background-image: url(designerimages/kits/Vial_kit.svg);
  background-repeat: no-repeat;
}
.kitdispensing-header-section .OTHER {
  margin: 0px -10px 0px 5px;
  float: left;
  height: 45px;
  width: 44px;
  background-image: url(designerimages/device/icon_device_general.svg);
  background-repeat: no-repeat;
}

.kitdispensing-middle-section .kittitle {
  display: block;
  width: 100%;
  float: none;
  margin-top: 0px;
  font-weight: bold;
  padding-left: 0px;
}
.kitdispensing-middle-section .kitDesc {
  float: left;
}
.kitdispensing-middle-section .kit-description-content {
  float: left;
  width: 99%;
}

.txa-description-block {
  min-height: 15px;
  width: 99%;
  margin-top: 5px;
}
.txa-description-block .txa-description-label {
  padding: 0 3px;
  float: left;
}
.txa-description-block .txa-description-content {
  width: 75%;
  float: left;
}

.calculatedDose {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-image: url(designerimages/CalculatedDosesTab_Kits.svg);
  background-repeat: no-repeat;
  background-size: 12px 16px;
  min-height: 23px;
  min-width: 22px;
}

.calculatedDoseSelected {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-image: url(designerimages/CalculatedDosesTab_Kits.svg);
  background-repeat: no-repeat;
  background-size: 12px 16px;
  height: 23px;
  width: 15px;
  background-position: 5px 9px;
}
.calculatedDoseSelected.oj-combobox.oj-focus .oj-combobox-choice {
  border: unset;
}

.calculatedDoseOption_overflow {
  padding-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.calculatedDoses {
  padding-left: 9px;
}

.kitdispensing-content-container .kitdispensing-table {
  min-height: 10px;
  max-height: 415px;
  min-width: 518px;
  width: 518px;
  max-width: 518px;
}
.kitdispensing-content-container .kitdispensing-table-withCalculatedDoses {
  min-height: 10px;
  max-height: 415px;
  min-width: 722px;
  width: 600px;
  max-width: 650px;
}
.kitdispensing-content-container .oj-table-header {
  display: table-header-group !important;
}

.ojet3-tdInput .oj-form-control-inherit .oj-inputnumber-input {
  border-width: 1px;
  border-right-width: 0;
}

.ojet3-tdInput .oj-form-control-inherit .oj-inputnumber-input .oj-invalid {
  border-width: 2px;
  border-right-width: 0;
}

#visitDetails.kitdispensing-dialog {
  width: 100%;
}

#kitDispensingVisitList .oj-table-body tr.oj-table-body-row {
  height: 50px;
}
#kitDispensingVisitList .oj-combobox {
  width: 180px;
  min-width: 180px;
  max-width: 180px;
  border-radius: 2px;
  background-color: rgb(252, 253, 254);
}
#kitDispensingVisitList .oj-inputnumber {
  margin-top: 3px;
  width: 100px;
  min-width: 100px;
  max-width: 100px;
}
#kitDispensingVisitList .error-border {
  border-color: #dd6666 !important;
  border-width: 2px !important;
}
#kitDispensingVisitList .oj-combobox-choice {
  border-style: solid;
  border-color: #c5ced3;
  border-width: 1px;
}
#kitDispensingVisitList .checkbox-column {
  min-width: 50px;
  width: 50px;
  max-width: 50px;
}
#kitDispensingVisitList .quantity-column-header {
  padding-right: 10px;
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}
#kitDispensingVisitList .dndDays-column-header {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}
#kitDispensingVisitList .dispense-outside-window-header {
  white-space: normal;
  min-width: 117px;
  width: 117px;
  max-width: 117px;
}
#kitDispensingVisitList .dispensing-window-column-header {
  white-space: normal;
  min-width: 100px;
  width: 100px;
  max-width: 100px;
}
#kitDispensingVisitList .calucated-dose-column-header {
  white-space: normal;
  min-width: 211.5px;
  width: 211.5px;
  max-width: 211.5px;
}

/*Css for the dialog body content issue in dispensation kit display info*/
.dispensation-kit-dialog {
  display: block !important;
}

.TxArmTruncate .oj-table-column-header-text {
  max-width: 180px;
}

.skipVisit-dlg .skipVisitHeader {
  margin-left: 10px;
}
.skipVisit-dlg .skipVisitHeader .skipVisitHeaderDivs {
  padding-bottom: 15px;
  font-size: 14px;
}
.skipVisit-dlg .skipVisitHeader .skipVisitHeaderDivs .skipVisit-dlg-success-text {
  font-weight: normal;
  font-size: 16px;
}
.skipVisit-dlg .skipVisitHeader .skipVisitDisplayStrings {
  font-weight: bold;
}
.skipVisit-dlg .skipVisit-dlg-icon {
  height: 60px;
  width: 60px;
  background-image: url(subjectimages/SkipVisitDialog_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 10px;
  flex-shrink: 0;
}
.skipVisit-dlg .skipVisit-manual-reasonddl {
  padding-right: 10px;
  font-weight: bold;
}
.skipVisit-dlg .skipVisit-reason {
  white-space: nowrap;
  padding-top: 7px !important;
  font-weight: bold;
}
.skipVisit-dlg .skipVisit-reasondiv {
  padding-top: 10px;
}
.skipVisit-dlg .skipVisit-other-reasondiv {
  padding-top: 10px;
}
.skipVisit-dlg .skipVisit-manual-reason {
  padding-top: 2px;
  padding-right: 10px;
  font-weight: bold;
}

.skippedItalic {
  font-style: italic;
  color: #482154;
  font-weight: bold;
}

.skipVisit-msg-success-bg {
  background-color: #f0e5f7;
}

.skip-success-icon-small {
  height: 30px;
  width: 30px;
  background-image: url(subjectimages/SkipVisit_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.undoWithdraw-dlg {
  flex-wrap: nowrap;
}
.undoWithdraw-dlg .undoWithdrawHeader {
  margin-left: 10px;
}
.undoWithdraw-dlg .undoWithdrawHeader .undoWithdrawHeaderDivs {
  padding-bottom: 15px;
}
.undoWithdraw-dlg .undoWithdrawHeader .undoWithdrawHeaderDivs .undoWithdraw-dlg-success-text {
  font-weight: normal;
}
.undoWithdraw-dlg .undoWithdrawHeader .undoWithdrawDisplayStrings {
  font-weight: bold;
}
.undoWithdraw-dlg .undoWithdraw-dlg-icon {
  height: 60px;
  width: 60px;
  background-image: url(subjectimages/subject-state-icons/Subject_UndoWithdraw.svg);
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 10px;
  flex-shrink: 0;
}
.undoWithdraw-dlg .undoWithdrawal-ReasonDiv {
  padding-bottom: 10px;
}
.undoWithdraw-dlg .undoWithdraw-reason {
  white-space: nowrap;
  padding-top: 7px !important;
  font-weight: bold;
}
.undoWithdraw-dlg .undoWithdraw-reasondiv {
  padding-top: 10px;
  padding-left: 10px;
}
.undoWithdraw-dlg .undoWithdraw-other-reasondiv {
  padding-top: 10px;
  padding-left: 45px;
}
.undoWithdraw-dlg .undoWithdraw-manual-reason {
  padding-top: 10px;
}

.undoWithdraw-msg-success-bg {
  background-color: #e6ffee;
}

.undoWithdraw-success-icon-small {
  height: 30px;
  width: 30px;
  background-image: url(subjectimages/subject-success.png);
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.undoSkipVisit-dlg {
  flex-wrap: nowrap;
}
.undoSkipVisit-dlg .undoSkipVisitHeader {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  margin-left: 10px;
  padding-top: 10px;
}
.undoSkipVisit-dlg .undoSkipVisitHeader .undoSkipVisitHeaderDivs.padding-bottom {
  padding-bottom: 15px;
}
.undoSkipVisit-dlg .undoSkipVisitHeader .undoSkipVisitHeaderDivs {
  font-size: 14px;
}
.undoSkipVisit-dlg .undoSkipVisitHeader .undoSkipVisitHeaderDivs .undoSkipVisit-dlg-success-text {
  font-weight: normal;
}
.undoSkipVisit-dlg .undoSkipVisitHeader .undoSkipVisitDisplayStrings {
  font-weight: bold;
}
.undoSkipVisit-dlg .undoSkipVisit-dlg-icon {
  height: 60px;
  width: 60px;
  background-image: url(subjectimages/SkipVisitDialog_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin: 10px 0px 10px 10px;
  flex-shrink: 0;
}
.undoSkipVisit-dlg .undoSkipVisit-manual-reasonddl {
  padding-top: 0px;
}
.undoSkipVisit-dlg .undoSkipVisit-reason {
  white-space: nowrap;
  padding-top: 7px;
  font-weight: bold;
}
.undoSkipVisit-dlg .undoSkipVisit-reasondiv {
  padding-top: 5px;
}
.undoSkipVisit-dlg .undoSkipVisit-Datediv {
  padding-top: 15px;
}
.undoSkipVisit-dlg .undoSkipVisit-other-reasondiv {
  padding-top: 5px;
}
.undoSkipVisit-dlg .undoSkipVisit-other-reasondiv .undoSkipVisit-row {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.undoSkipVisit-dlg .undoSkipVisit-other-reasondiv .undoSkipVisit-textarea #txtOtherReason {
  height: 85px;
  padding-left: 2px;
}
.undoSkipVisit-dlg .undoSkipVisit-manual-reason {
  padding-top: 5px;
}

.skippedItalic {
  font-style: italic;
  color: #482154;
  font-weight: bold;
}

.undoSkipVisit-msg-success-bg {
  background-color: #f0e5f7;
}

.skip-success-icon-small {
  height: 30px;
  width: 30px;
  background-image: url(subjectimages/SkipVisit_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.user-roles-section {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
}
.user-roles-section .user-roles-list {
  flex: 1 1 0px;
  min-width: 0px;
  min-height: 0px;
  overflow: auto;
}
.user-roles-section .user-roles-list .blackLabel span {
  color: black !important;
  font-weight: bold;
}
.user-roles-section .user-roles-list .categoryHeader {
  font-weight: bold;
}
.user-roles-section .user-roles-none-selected {
  display: flex;
  flex-direction: column;
}
.user-roles-section .user-roles-none-selected .co-tip {
  margin-top: 0;
}
.user-roles-section .user-roles-none-selected .user-roles-help-link {
  align-self: center;
}

.completeOrWithdrawDialog {
  flex-wrap: nowrap;
}
.completeOrWithdrawDialog .dialog-icon {
  height: 60px;
  width: 60px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 10px;
  flex-shrink: 0;
}
.completeOrWithdrawDialog .message-section {
  padding-left: 20px !important;
}
.completeOrWithdrawDialog .withdraw-reason-section {
  display: flex;
  flex-direction: column;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  align-items: flex-end;
}
.completeOrWithdrawDialog .withdraw-reason-section .withdraw-reason-label {
  padding-top: 7px;
  font-weight: bold;
}
.completeOrWithdrawDialog .withdraw-reason-section .withdraw-flex-bar-start {
  padding-right: 10px;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 6, 2017, 7:23:52 PM
    Author     : sratumma
*/
.undoStudyComplete-dlg {
  flex-wrap: nowrap;
}
.undoStudyComplete-dlg .undoStudyCompleteHeader {
  margin-left: 10px;
}
.undoStudyComplete-dlg .undoStudyCompleteHeader .undoStudyCompleteHeaderDivs {
  padding-bottom: 15px;
  white-space: pre-line;
}
.undoStudyComplete-dlg .undoStudyCompleteHeader .undoStudyCompleteHeaderDivs .undoStudyComplete-dlg-success-text {
  font-weight: normal;
}
.undoStudyComplete-dlg .undoStudyCompleteHeader .undoStudyCompleteDisplayStrings {
  font-weight: bold;
}
.undoStudyComplete-dlg .undo-dialog-icon {
  background-repeat: no-repeat;
  background-size: contain;
  margin: 10px 0px 10px 10px;
  flex-shrink: 0;
  height: 60px;
  width: 60px;
}
.undoStudyComplete-dlg .undoStudyComplete-dlg-icon {
  background-image: url(subjectimages/subject-state-icons/Subject_UndoWithdraw.svg);
}
.undoStudyComplete-dlg .undoStudyComplete-dialog-icon {
  background-image: url(subjectimages/subject-state-icons/Subject_Undo_Complete.svg);
}
.undoStudyComplete-dlg .undoStudyComplete-reason {
  white-space: nowrap;
  padding: 7px 22px 0px 0px !important;
  font-weight: bold;
}
.undoStudyComplete-dlg .undoStudyComplete-reasondiv {
  padding-bottom: 5px;
  padding-top: 5px;
}
.undoStudyComplete-dlg .undoStudyComplete-other-reasondiv {
  padding-top: 5px;
  padding-left: 36.5px;
}
.undoStudyComplete-dlg .undoStudyComplete-manual-reason {
  padding-top: 5px;
}

.undoStudyComplete-msg-success-bg {
  background-color: #e6ffee;
}

.undoStudyComplete-success-icon-small {
  height: 30px;
  width: 30px;
  background-image: url(subjectimages/Subject_Complete.svg);
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.inactivity-container-inner {
  padding: var(--oj-dialog-body-padding);
  display: flex;
}
.inactivity-container-inner .simple-message-icon {
  align-self: flex-start;
  background-image: url("images/Information_Dialog.svg");
  background-repeat: no-repeat;
  background-size: 60px;
  background-position: 0px center;
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  height: 60px;
}
.inactivity-container-inner .simple-message-icon.info_icon {
  background-image: url("images/Information_Dialog.svg");
}
.inactivity-container-inner .simple-message-icon.confirmation_icon {
  background-image: url("images/Confirmation_Dialog.svg");
}
.inactivity-container-inner .simple-message-icon.error_icon {
  background-image: url("images/Error_Dialog.svg");
}
.inactivity-container-inner .simple-message-icon.success_icon {
  background-image: url("images/success_icon.png");
}
.inactivity-container-inner .messageContainer {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
  padding: 10px;
  max-height: 500px;
  overflow: auto;
}
.inactivity-container-inner .messageContainer .messages {
  padding-bottom: 10px;
}

#inactivity-DialogWindow_layer, #inactivity-DialogWindow_overlay, #ojDialogWrapper-inactivityAutoLogout_layer, #ojDialogWrapper-inactivityAutoLogout_overlay, #ojDialogWrapper-inactivityAutoLogout_layer_overlay {
  z-index: 10001;
}

.ec-visit-scheduling-container-updated {
  align-items: stretch;
}

.ec-visit-scheduling-row {
  width: calc(100% - 2em);
  clear: both;
  padding: 0px;
  margin: 0.5em 0 0 0.5em;
  display: flex;
  flex-direction: column;
}
.ec-visit-scheduling-row > hr {
  margin-left: 1em;
}
.ec-visit-scheduling-row .ec-visit-scheduling-row-label {
  display: flex;
  align-items: center;
}
.ec-visit-scheduling-row .ec-visit-scheduling-row-label :first-child {
  flex: 1;
}
.ec-visit-scheduling-row .ec-visit-scheduling-row-label .alert-outside-visit-window {
  display: flex;
  align-items: center;
}
.ec-visit-scheduling-row .ec-visit-scheduling-row-label .alert-outside-visit-window .oj-label-inline {
  padding-right: 1em;
}
.ec-visit-scheduling-row .ec-visit-scheduling-row-label .alert-outside-visit-window .oj-radioset {
  margin-bottom: 0 !important;
}
.ec-visit-scheduling-row .ec-visit-scheduling-row-label .alert-outside-visit-window .oj-radioset .oj-radio-label {
  height: 18px;
  line-height: 18px;
}
.ec-visit-scheduling-row .ec-visit-scheduling-row-label .alert-outside-visit-window .oj-radioset .oj-radio-label .oj-radiocheckbox-label-text {
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  font-family: "Oracle Sans";
}
.ec-visit-scheduling-row .ec-visit-scheduling-row-label .alert-outside-visit-window .oj-label.oj-component .oj-label-group label {
  width: 217px;
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-align: right;
  color: #5C5C5C !important;
}
.ec-visit-scheduling-row .ec-visit-scheduling-row-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-grow: 20;
  padding-left: 10px;
  padding-right: 10px;
}
.ec-visit-scheduling-row .ec-visit-scheduling-row-content .ec-visit-scheduling-plus {
  margin: auto 10px;
  width: 20px;
  height: 20px;
  background-image: url("designerimages/PlusSign.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
.ec-visit-scheduling-row .ec-visit-scheduling-row-content .ec-visit-scheduling-dateTime {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 10px;
}
.ec-visit-scheduling-row .ec-visit-scheduling-row-content .ec-visit-scheduling-dateTime .ec-visit-scheduling-dateTime-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.ec-visit-scheduling-row .ec-visit-scheduling-row-content .ec-visit-scheduling-dateTime .ec-visit-scheduling-dateTime-row .ec-visit-scheduling-dateTime-icon {
  width: 16px;
  height: 16px;
  margin: auto 6px auto;
}
.ec-visit-scheduling-row .ec-visit-scheduling-row-content .ec-visit-scheduling-dateTime .ec-visit-scheduling-dateTime-row .ec-visit-scheduling-dateTime-icon.Days {
  background: url("visitscheduleimages/Date_icon.svg");
}
.ec-visit-scheduling-row .ec-visit-scheduling-row-content .ec-visit-scheduling-dateTime .ec-visit-scheduling-dateTime-row .ec-visit-scheduling-dateTime-icon.Hours {
  background: url("visitscheduleimages/Time_default.svg");
}
.ec-visit-scheduling-row .ec-visit-scheduling-row-content .ec-visit-scheduling-dateTime .ec-visit-scheduling-dateTime-row .ec-visit-scheduling-dateTime-label {
  font-weight: bold;
  float: right;
}
.ec-visit-scheduling-row.timeBetween {
  height: 220px;
}
.ec-visit-scheduling-row.timeBetween .ec-visit-scheduling-row-label span {
  font-size: 1.1rem;
  color: #252525;
  font-weight: bold;
}
.ec-visit-scheduling-row.timeBetween .ec-visit-scheduling-row-label:before, .ec-visit-scheduling-row.timeBetween .ec-visit-scheduling-row-label::before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 3px 16px 8px 6px;
  background-image: url("visitscheduleimages/TimeBetweenVisits.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.ec-visit-scheduling-row.timeBetween .ec-visit-scheduling-currentVisit {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-self: center;
}
.ec-visit-scheduling-row.timeBetween .ec-visit-scheduling-currentVisit .ec-visit-scheduling-currentVisit-label {
  float: right;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ec-visit-scheduling-row.timeBetween .ec-visit-scheduling-currentVisit .ec-visit-scheduling-select-style .oj-text-field-container {
  height: 125px;
}
.ec-visit-scheduling-row.timeBetween .ec-visit-scheduling-currentVisit .ec-visit-scheduling-select-style .oj-select-choice {
  height: 125px;
}
.ec-visit-scheduling-row.timeBetween .ec-visit-scheduling-currentVisit .ec-visit-scheduling-select-style .oj-select-choice a.oj-select-arrow {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
}
.ec-visit-scheduling-row.timeBetween .ec-visit-scheduling-currentVisit .ec-visit-scheduling-select-style:not(.oj-disabled) .oj-select-choice a.oj-select-arrow:hover {
  background-color: #f7f8f9;
}
.ec-visit-scheduling-row.timeBetween .ec-visit-scheduling-currentVisit .ec-visit-scheduling-select-style:not(.oj-disabled) .oj-select-choice a.oj-select-arrow:active {
  background-color: #0572ce;
  color: #fff;
}
.ec-visit-scheduling-row.timeBetween .ec-visit-scheduling-currentVisit .ec-visit-scheduling-select-style .visit-item-card {
  height: 102px;
  margin: auto;
  background-image: linear-gradient(to bottom, #fff 0%, #f1f3f4 5%, #e8ebed 50%, #e4e8ea 100%);
  border: #C4CED7 1px solid;
  border-radius: 4px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}
.ec-visit-scheduling-row.timeBetween .ec-visit-scheduling-currentVisit .ec-visit-scheduling-select-style .visit-item-card.required:before {
  content: "*  ";
  margin-right: 5px;
}
.ec-visit-scheduling-row.timeBetween .ec-visit-scheduling-currentVisit .ec-visit-scheduling-select-style .visit-item-card {
  margin-right: 5px;
}
.ec-visit-scheduling-row.timeBetween .ec-visit-scheduling-currentVisit .ec-visit-scheduling-select-style .visit-item-card-v2 {
  height: 102px;
  margin: auto;
  background-image: linear-gradient(to bottom, #fff 0%, #f1f3f4 5%, #e8ebed 50%, #e4e8ea 100%);
  border: #C4CED7 1px solid;
  border-radius: 4px;
  font-weight: bold;
  margin-right: 5px;
  text-align: center;
  white-space: pre;
  padding-top: 18%;
}
.ec-visit-scheduling-row.timeBetween .ec-visit-scheduling-currentVisit .ec-visit-scheduling-select-style .visit-item-card-v2.required:before {
  content: "* ";
  margin-right: 5px;
}
.ec-visit-scheduling-row.visitWindow .ec-visit-scheduling-row-label span {
  font-size: 1.1rem;
  color: #252525;
  font-weight: bold;
}
.ec-visit-scheduling-row.visitWindow .ec-visit-scheduling-row-label:before, .ec-visit-scheduling-row.visitWindow .ec-visit-scheduling-row-label::before {
  display: inline-block;
  content: "";
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin: 3px 16px 8px 6px;
  background-image: url("visitscheduleimages/VisitWindow.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px;
}
.ec-visit-scheduling-row.visitWindow .ec-visit-scheduling-visitWindowItem {
  border: 1px solid #82888b;
}
.ec-visit-scheduling-row.visitWindow .ec-visit-scheduling-visitWindowItem.beforeVisit, .ec-visit-scheduling-row.visitWindow .ec-visit-scheduling-visitWindowItem.afterVisit {
  display: flex;
  flex-direction: column;
}
.ec-visit-scheduling-row.visitWindow .ec-visit-scheduling-visitWindowItem.beforeVisit .ec-visit-scheduling-dateTime, .ec-visit-scheduling-row.visitWindow .ec-visit-scheduling-visitWindowItem.afterVisit .ec-visit-scheduling-dateTime {
  flex-grow: 20;
}
.ec-visit-scheduling-row.visitWindow .ec-visit-scheduling-visitWindowItem.targetVisit {
  border-left: 20px solid #82888b;
  border-right: 20px solid #82888b;
  border-bottom: 20px solid rgb(251, 249, 248);
  border-top: 20px solid rgb(251, 249, 248);
  width: 150px;
}
.ec-visit-scheduling-row.visitWindow .ec-visit-scheduling-visitWindowItem.targetVisit .targetVisitCard {
  height: 102px;
  margin: auto;
  background-image: linear-gradient(to bottom, #fff 0%, #f1f3f4 5%, #e8ebed 50%, #e4e8ea 100%);
  border: #C4CED7 1px solid;
  border-radius: 4px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}
.ec-visit-scheduling-row.visitWindow .ec-visit-scheduling-visitWindowItem.targetVisit .targetVisitCard.required:before {
  content: "*  ";
  margin-right: 5px;
}
.ec-visit-scheduling-row.visitWindow .ec-visit-scheduling-visitWindowItem.targetVisit .targetVisitCard {
  justify-content: center;
  border-radius: 0;
}
.ec-visit-scheduling-row.visitWindow .ec-visit-scheduling-visitWindowItem .ec-visit-scheduling-date-title {
  background-color: rgb(228, 232, 234);
  color: #333;
  font-weight: bold;
  text-align: center;
  line-height: 2rem;
}

.arm-container-header-icons {
  display: flex;
  flex: 1 1 100%;
  margin-right: 5px;
  justify-content: flex-end;
}

.kit-container-header-icons {
  display: flex;
  flex: 1 1 100%;
  margin-right: 5px;
}

.visit-details-header {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}

.create-resupply-group-table-header-label .oj-label-group {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  width: 100%;
}

.undo-screen-fail-dlg {
  flex-wrap: nowrap;
}
.undo-screen-fail-dlg .messages {
  padding-bottom: 15px !important;
}
.undo-screen-fail-dlg .dialog-icon {
  margin-left: 15px;
}
.undo-screen-fail-dlg .undoscreenfail-dlg-icon {
  height: 60px;
  width: 60px;
  min-width: 60px;
  min-height: 60px;
  background-image: url("subjectimages/subject-state-icons/Subject_ScreenFailed.svg");
  background-repeat: no-repeat;
  margin-right: 15px;
  background-size: contain;
  align-self: flex-start;
}
.undo-screen-fail-dlg .undoscreenfail-dialog-icon {
  height: 60px;
  width: 60px;
  min-width: 60px;
  min-height: 60px;
  background-image: url("subjectimages/subject-state-icons/Subject_Undo_ScreenFail.svg");
  background-repeat: no-repeat;
  margin-right: 15px;
  background-size: contain;
  align-self: flex-start;
}
.undo-screen-fail-dlg .messageContainer {
  align-self: baseline !important;
}

.undoScreenFail-msg-success-bg {
  background-color: #e6ffee;
}

.nonUMTStudyContainer .oj-dialog-content .oj-dialog-body {
  display: block !important;
}

.nonUMTStudy-suceess-dialog-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: center;
}

.nonUMTStudy-success-dialog-description {
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
}

.nonUMTStudy-sucess-dialog-img {
  background-image: url(common/success_large.png);
  height: 60px;
  margin-top: 7px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: center center;
}

.non-UMT-label {
  margin-top: 7px;
  width: 105px;
}

.non-UMT-dialog-title {
  width: 100%;
  font-size: large;
  font-weight: bold;
  margin-top: 10px;
  text-align: center;
}

.non-UMT-Inputtext {
  width: 320px;
}

.non-UMT-dialog-margin {
  margin-top: 30px;
}

.non-umt-footer {
  margin-top: 10px;
  float: right;
}

.non-umt-footer-save-screen {
  margin-top: 35px;
  float: right;
}

.non-umt-loading {
  position: static;
  height: 197px;
}
.non-umt-loading:after {
  background-image: url("images/progress-spinner.gif");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  content: " ";
}

.assignCourse-Dialog-Body .heading {
  padding: 15px;
}
.assignCourse-Dialog-Body .heading2 {
  padding: 0px 15px 15px 15px;
  font-size: 0.9em;
}
.assignCourse-Dialog-Body .inputBox {
  padding: 0px 15px 15px 15px;
}
.assignCourse-Dialog-Body .inputBox div#ojChoiceId_assignCourseInput ul.oj-combobox-choices {
  min-height: 125px;
}

.assignTraining-loading:after {
  background-image: url("images/progress-spinner.gif");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  content: " ";
}

.editHSTrainingUser .dialog-body {
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
}
.editHSTrainingUser .floatright {
  float: right;
  padding: 8px 16px 8px 16px;
}
.editHSTrainingUser .label {
  margin-top: 7px;
  width: 22%;
  font: bold !important;
  color: #4f4f4f;
  margin-right: 10px;
}
.editHSTrainingUser .required-aestrick {
  color: #045fab;
}
.editHSTrainingUser .Inputtext {
  width: 80%;
}
.editHSTrainingUser .footer-save-screen {
  margin-top: 25px;
  float: right;
}
.editHSTrainingUser .footer-cancel {
  margin-right: 5px;
}
.editHSTrainingUser .user-details-loading {
  position: static;
}
.editHSTrainingUser .user-details-loading:after {
  background-image: url("images/progress-spinner.gif");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  content: " ";
}

.editHSTrainingUser .oj-dialog-content .oj-dialog-body {
  display: block !important;
}

.add-trainee-loading {
  position: static;
}
.add-trainee-loading:after {
  background-image: url("images/progress-spinner.gif");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  content: " ";
}

.add-trainee-error-msg-block {
  width: 275px;
  color: #DF0300;
  background-color: #FBE0DA;
  padding: 5px 10px 0px 10px;
  border-radius: 5px;
  height: 36px;
  line-height: 27px;
}

.add-trainee-dialog-main {
  width: 96%;
  min-width: 96%;
  max-width: 100%;
}

.add-trainee-dialog-main .oj-dialog-content .oj-dialog-body {
  display: block !important;
}

.add-trainee-content {
  padding: 0px !important;
}

.add-trainee-dialog-body {
  padding-bottom: 0;
  padding-right: 0px;
  padding-top: 5px;
}

.add-trainee-table {
  width: 99%;
  border: 1px solid #d6dfe6;
  margin-top: 10px;
}

.add-trainee-table-main {
  max-height: 260px;
  min-height: 260px;
  height: 260px;
}

.add-trainee-section-space-tip {
  width: 99%;
}

.add-trainee-section-space {
  margin-bottom: 13px;
  margin-top: 5px;
}

.add-trainee-footer-save-screen {
  margin-top: 21px;
  width: 93.1%;
  text-align: right;
  position: fixed;
  display: block;
}

.add-trainee-footer {
  padding-top: 21px;
  padding-bottom: 0px;
}

.add-trainee-text-align {
  text-align: center;
}

.add-trainee-text-required {
  color: red;
}

.add-trainee-add-row {
  margin-right: 1%;
  float: right;
}

.add-trainee-section-space-error {
  margin-bottom: 16px;
  width: 99%;
}

.add-trainee-headertext {
  color: #045fab;
  margin-right: 4px;
}

.add-trainee-header-td {
  font-weight: bold;
  font-size: medium;
}

.add-trainee-upload-err {
  border-width: 2px;
  border-style: solid;
  border-color: #d66;
  padding: 15px 6px 13px 6px;
  margin-left: 0.1%;
}

.add-trainee-combobox .oj-combobox-choice {
  border-color: #f5f5f5;
  border-width: 2px !important;
}

.add-trainee-column-id {
  text-align: center !important;
  width: 2% !important;
  min-width: 2% !important;
  max-width: 2% !important;
  padding: 0 !important;
}

.add-trainee-column-emailid {
  width: 22% !important;
  min-width: 22% !important;
  max-width: 22% !important;
  padding: 0 !important;
  text-align: left !important;
}

.add-trainee-column-fn {
  width: 20% !important;
  min-width: 20% !important;
  max-width: 20% !important;
  padding: 0 !important;
  text-align: left !important;
}

.add-trainee-column-ln {
  width: 20% !important;
  min-width: 20% !important;
  max-width: 20% !important;
  padding: 0 !important;
  text-align: left !important;
}

.add-trainee-column-course {
  width: 34% !important;
  min-width: 34% !important;
  max-width: 34% !important;
  padding: 0 !important;
  text-align: left !important;
}

.add-trainee-column-delete {
  text-align: center !important;
  width: 2% !important;
  min-width: 2% !important;
  max-width: 2% !important;
  padding: 0 !important;
}

.trainingManagers .mainContent {
  display: flex;
}
.trainingManagers .mainContent .userList {
  width: 100%;
  border: 1px solid #d6dfe6;
  margin-left: 40px;
  margin-top: 10px;
  margin-right: 35px;
  max-height: 350px;
  min-height: 350px;
  overflow: auto;
}
.trainingManagers .mainContent .userList .Row {
  height: 60px;
}
.trainingManagers .mainContent .userList .Row .userSelection {
  width: 5% !important;
  position: relative;
  overflow: visible;
  background-color: #3C425B;
}
.trainingManagers .mainContent .userList .Row .userSelection .userIcon.activestate {
  background-image: url(images/Users_Active.svg);
}
.trainingManagers .mainContent .userList .Row .userSelection .firstColumnIcon {
  z-index: 10; /* Ensuring the icon appears above other elements */
}
.trainingManagers .mainContent .userList .Row .userInfo {
  width: 50% !important;
  padding-left: 35px !important;
}
.trainingManagers .mainContent .userList .Row .userInfo .userFullName {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 400px;
}
.trainingManagers .mainContent .userList .Row .userInfo .userFullName:hover {
  overflow: visible;
  white-space: normal;
  height: auto;
  word-wrap: break-word;
}
.trainingManagers .mainContent .userList .Row .userInfo .userName {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 400px;
}
.trainingManagers .mainContent .userList .Row .userInfo .userName:hover {
  overflow: visible;
  white-space: normal;
  height: auto;
  word-wrap: break-word;
}
.trainingManagers .mainContent .userList .Row .study {
  width: 45% !important;
  text-align: left;
  font-weight: bold;
  color: #045fab;
}
.trainingManagers .mainContent .userList .Row .studylistdisplay {
  background-color: white;
  box-sizing: border-box;
  border-style: solid;
  border-color: #dfe4e7;
  border-width: 1px;
  border-radius: 2px;
  cursor: text;
  overflow: auto;
  height: 70px;
}
.trainingManagers .mainContent .userList .Row .trainee-inputCombo {
  width: 100%;
  height: 50px;
  min-height: 50px;
  max-height: 500px !important;
  overflow: scroll;
}
.trainingManagers .mainContent .userList .Row .multi-select-fixed-height .oj-select-choices {
  max-height: 80px;
  font-size: 14px;
  overflow-y: auto;
}
.trainingManagers .mainContent .userList .Row .multi-select-fixed-height .oj-combobox-choices {
  max-height: 80px;
  font-size: 14px;
  overflow-y: auto;
  padding-bottom: 0px;
}
.trainingManagers .mainContent .userList .Row .multiselect-selected-choices .oj-combobox-selected-choice {
  line-height: 1.8em;
}
.trainingManagers .footer-save-screen {
  margin-top: 35px;
  margin-right: 35px;
  float: right;
}

.assignNonClinicalStudy .oj-table-header {
  width: 100% !important;
}
.assignNonClinicalStudy .oj-table-body {
  width: 100% !important;
}
.assignNonClinicalStudy oj-table colgroup col {
  width: auto !important;
}

.map-treatment-arms-dialog {
  flex-direction: column;
  padding-bottom: 0px !important;
  padding-right: 16px !important;
  padding-left: 16px !important;
}
.map-treatment-arms-dialog .initial-message {
  margin-bottom: 15px;
}
.map-treatment-arms-dialog .map-treatment-arms-container {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  height: 200px;
  overflow: hidden;
}
.map-treatment-arms-dialog .map-treatment-arms-container .current-arms {
  width: 400px;
  margin-right: 15px;
  overflow: auto;
}
.map-treatment-arms-dialog .map-treatment-arms-container .new-arms {
  width: 100%;
  overflow: auto;
}

.createKitTrainDialog .createKitTrainDialog-header {
  margin-top: 15px;
}
.createKitTrainDialog .createKitTrainDialog-header.notVisible {
  visibility: hidden;
}
.createKitTrainDialog .createKitTrainDialog-header .train-stop-error #calculatedDoses .oj-train-button-connector .oj-train-button {
  border-color: #dd6666;
}
.createKitTrainDialog .windowBodySection.contents {
  padding: 0px 20px;
}

.assignTitrations-dlg {
  display: flex;
  width: 100%;
  margin-top: 10px;
}
.assignTitrations-dlg .assignTitrations-info-icon {
  display: flex;
  flex: 0 0 70px;
  height: 70px;
  width: 70px;
  background-image: url("images/Information_Dialog.svg");
  background-repeat: no-repeat;
  background-size: contain;
  flex: 1 0 auto;
  min-width: 0px;
  min-height: 0px;
  margin-left: 5px;
}
.assignTitrations-dlg .assignTitrations-info-mesage {
  width: 380px;
  font-size: 14px;
  margin-left: 20px;
}
.assignTitrations-dlg .assignTitrations-info-mesage .secondary-message {
  margin-bottom: 10px;
}

.rule-params-page {
  width: 98%;
  margin-bottom: 5px;
}

@media only screen and (max-height: 900px) {
  .rule-params-page {
    height: 120px;
  }
}
#editRuleId_body > div > div.rule-content-body > div > div {
  margin-top: auto;
  margin-bottom: auto;
}

#editRuleId > div.oj-dialog-content.oj-dialog-default-content {
  padding-bottom: 4rem;
  overflow-y: auto;
}

.rule-variables-form-layout {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px;
  height: auto;
  width: 100%;
  max-height: 140px;
  overflow-y: auto;
  border: 1px solid #dcdcdc;
  background-color: #fafafa;
}

@media only screen and (max-height: 900px) {
  .rule-variables-form-layout {
    height: 120px;
  }
}
.rule-variables-icon-add {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  margin-left: 10px;
  background-image: url(designerimages/AddButton_visitstructure_default.svg);
}
.rule-variables-icon-add:hover:enabled {
  background-image: url(designerimages/AddButton_visitstructure_hover.svg);
}
.rule-variables-icon-add:active:enabled {
  background-image: url(designerimages/AddButton_visitstructure_active.svg);
}

.rule-variables-icon-delete {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  margin-left: 5px;
  background-image: url(common/Delete_default.svg);
}
.rule-variables-icon-delete:hover:enabled {
  background-image: url(common/Delete_hover.svg);
}
.rule-variables-icon-delete:active:enabled {
  background-image: url(common/Delete_active.svg);
}

.rule-variables-input {
  width: 140px;
  max-width: 140px;
}

.rule-ace-editor {
  width: 100%;
  min-height: 20px;
  border: 1px solid lightgray;
}

#varNameReadOnly {
  color: blue;
}

#editRuleId > div.oj-dialog-content.oj-dialog-default-content {
  overflow: auto;
}

.rule-ace-editor-debug-mode {
  width: 64%;
  height: 50vh;
  border: 1px solid lightgray;
  float: left;
  word-wrap: break-word;
}

#debugWindowHeader {
  position: sticky;
  top: 0;
}

.rule-ace-editor-expand {
  width: 100%;
  height: 50vh;
  border: 1px solid lightgray;
}

.debug-window-hidden {
  width: 40%;
  height: 50vh;
  background: white;
  display: none;
}

.debug-window-debug-mode {
  width: 40%;
  height: 50vh;
  float: right;
  overflow-x: auto;
  border: 1px solid lightgrey;
  word-wrap: break-word;
}

#debugTypeContainer {
  padding-left: 5px;
  padding-right: 5px;
}

#debugMessageContainer {
  display: grid;
  grid-template-columns: [first] 25% [line2] 75%;
  padding: 5px;
  background-color: #FFCDD2;
}

#debugPathContainer {
  padding: 5px;
  background-color: lightgrey;
}

.readOnlytVariableContainer {
  display: none;
}

.editVariableContainer {
  display: inline;
}

#variable-container .oj-inputtext.oj-form-control,
#variable-container .oj-select.oj-form-control {
  margin: 0px 0 2px 0;
  vertical-align: middle;
}

#closeDebugModeBtn {
  width: 100%;
  height: 6.5%;
}

@media only screen and (max-height: 790px) {
  .rule-ace-editor {
    height: 25vh;
  }
}
.rule-ace-editor-div {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

.rule-action-type-div {
  width: 100%;
  margin-top: 8px;
}
.rule-back-save-buttons-div {
  margin: 20px 0px 0px 0px;
  height: 20px;
}

.rule-back-button {
  width: 100px;
}

.rule-namedesc-button {
  width: 190px;
}

.rule-save-button {
  width: 100px;
}

#closeDebugBtn {
  float: right;
  background-color: none;
}

#bottom-container-expand-input > div:nth-child(2) {
  width: 98%;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .rule-tip-message {
    width: 100%;
    max-width: 100%;
    height: 30px;
    max-height: 30px;
    margin-top: 0px;
    margin-bottom: 5px;
  }
  .rule-relation-tip-message {
    width: 70%;
    max-width: 100%;
    height: 30px;
    max-height: 30px;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 5px;
    display: inline-block;
  }
  .rule-cancel-button {
    width: 100px;
    display: inline-block;
  }
  .rule-cancel-button-createmode {
    width: 100px;
  }
  .rule-debugmode-button {
    width: 100px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .rule-tip-message {
    width: 100%;
    max-width: 100%;
    height: 30px;
    max-height: 30px;
    margin-top: -15px;
    margin-bottom: 5px;
  }
  .rule-cancel-button {
    width: 100px;
    display: inline-block;
  }
  .rule-cancel-button-createmode {
    width: 100px;
  }
  .rule-query-message {
    margin-top: -5px;
  }
}
div#editRuleId_body {
  display: flex;
  flex-direction: column;
  padding-top: 0;
  position: static;
}
div#editRuleId_body .rule-content-body {
  flex: 9 0 0%;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
}
div#editRuleId_body .rule-content-body .rule-rule-name-desc-sidecard-div {
  flex: 9 0 0%;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: row;
}
div#editRuleId_body .rule-content-body .rule-rule-name-desc-sidecard-div .rule-rule-name-desc-div {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
div#editRuleId_body .rule-content-body .rule-rule-name-desc-sidecard-div .rule-sidecard-div {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
#bottom-container-expand-input > div > co-tip > div {
  bottom: 10px;
  width: 96%;
}

.rule-rule-name {
  width: 100%;
  max-width: 100%;
  margin-left: 5px;
}

.rule-relation-variable-div {
  margin-bottom: -25px;
  margin-top: 10px;
}

#ruleRelationVariableSubDiv {
  margin-top: 5px;
  vertical-align: middle;
}

#ruleRelationVariableSubDiv2 {
  display: inline-flex;
  align-items: center;
}

#ruleParentRelation {
  width: 50% !important;
  vertical-align: middle;
}

#ruleChildRelation {
  display: inline-block;
  width: 50% !important;
}

#studyRolesList > div.oj-text-field-container {
  width: 98%;
}

#notificationSubject {
  width: 98%;
}

#notificationSubject {
  width: 98%;
}

#action-container {
  bottom: 56px;
  width: 100%;
  background-color: white;
  z-index: 10;
}

#editRuleId_body > div > div.rule-content-body > div.rule-action-type-div > div.rule-action-type-title {
  margin-top: 2rem;
  overflow: hidden;
}

.rule-bottom-buttons-div {
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 3rem;
  padding: 0.5rem;
  background-color: #ffffff;
  z-index: 10;
}
.rule-bottom-buttons-div .rule-bottom-left-buttons-div,
.rule-bottom-buttons-div .rule-bottom-right-buttons-div {
  display: flex;
}
.rule-bottom-buttons-div .rule-bottom-left-buttons-div > oj-button:not(:last-of-type),
.rule-bottom-buttons-div .rule-bottom-right-buttons-div > oj-button:not(:last-of-type) {
  margin-right: 0.2em;
}

.rule-save-name-button {
  width: 100px;
}

.rule-next-button {
  width: 100px;
}

.rule-action-format-div {
  display: inline-block;
  width: 170px;
}

.rule-on-dynamic {
  background-color: #fef9e8;
  border: 1px solid #fef3ce;
  display: inline;
  margin-left: 10px;
  padding: 0;
  border-radius: 5px;
  height: 20px;
}

.rule-title-rule-name-page {
  margin-top: -44px;
  position: fixed;
  margin-left: 120px;
  color: #027bc7;
  font-size: 20px;
}

.rule-title-rule-page {
  margin-top: -44px;
  position: fixed;
  margin-left: 120px;
  color: #027bc7;
  font-size: 20px;
}

.rule-form-text {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.6);
}

.rule-question-text {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.6);
}

.rule-validation-error {
  outline: 0;
  margin: 0;
  padding: 5px;
  background-color: #fecece;
}

.rule-validation-error-icon {
  background: url(images/Error_Dialog.svg) 0 0 no-repeat;
  height: 14px;
  width: 14px;
  margin-left: 5px;
  padding: 5px;
}

.rule-async-info-icon {
  background: url(images/Information_Dialog.svg) 0 0 no-repeat;
  height: 12px;
  width: 12px;
  margin-left: 30px;
  margin-right: 5px;
  padding: 5px;
}

.rule-validation-error-container {
  display: flex;
  border-radius: 5px;
  padding: 2px;
  background-color: #fecece;
  border: 1px solid #fecece;
  margin-left: 10px;
}

.rule-ace-editor-div-header {
  display: flex;
  align-items: center;
  padding-bottom: 5px;
  padding-top: 10px;
  justify-content: space-between;
}

oj-popup .pop-up-container {
  display: flex;
  max-width: 400px;
}

.rule-variables-control-bar {
  display: flex;
  align-items: center;
  height: 28px;
}
.rule-variables-control-bar > oj-label {
  margin-bottom: 0;
}

.rule-variable-error-notification {
  display: flex;
  align-items: center;
  background-color: #fad2cf;
  display: inline;
  justify-content: space-between;
  margin-left: 10px;
  padding: 5px 5px 5px 10px;
  border-radius: 5px;
}

.error-icon-small {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(images/error_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.warning-icon-small {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(images/warning_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.rule-variable-error-text {
  display: inline;
  font-size: 14px;
  text-align: center;
  align-self: center;
  padding-left: 10px;
}

.study-roles-cbox > div {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

.study-notification-email-box > textarea {
  margin-right: 10px;
}

.study-notification-email-box {
  margin-right: 10px;
}

.study-notification-email-box > div {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

.study-notification-email-box > div > ul {
  height: 100%;
  max-height: 100%;
}

.rule-assigned-query-message > textarea, .rule-query-message > textarea {
  height: 110px;
}

.rule-notification-message > textarea {
  margin-right: 10px;
  height: 110px;
}

.rule-notification-subject {
  display: inline-block;
  width: 100%;
  margin-left: -5px;
}

.rule-notification-subject > textarea {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

.rule-notification-subject > div {
  width: 200vh;
  max-width: 200vh;
  height: 100%;
  max-height: 100%;
}

#actionType .oj-select-choice {
  width: 200px;
}

.oj-helper-hidden-accessible {
  margin: -6rem;
}

#notificationActiveEmail {
  width: 202px;
  max-width: 202px;
  min-width: 202px;
}

#notificationTestEmail {
  width: 202px;
  max-width: 202px;
  min-width: 202px;
}

#notificationMessage {
  width: 100%;
  max-width: 100%;
}

#actionTargetFormat {
  margin-left: 5px;
}

#targetVisitDiv, #actionTypeDiv {
  display: inline-block;
  margin-right: 5px;
}

#assignedQueryMessage {
  width: 67%;
}

#editRuleId > div.oj-dialog-content.oj-dialog-default-content {
  position: static;
  margin-bottom: 3.5rem;
}

#queryMessage .oj-text-field-container {
  max-height: 100px;
  overflow-y: auto;
}

#editRuleId_body {
  max-height: 80vh;
  overflow-y: auto;
}

.subNumSel-dialog-container {
  width: 100%;
}
.subNumSel-dialog-container .selSubNum-wrapper {
  padding-right: 5px !important;
}
.subNumSel-dialog-container .selSubNum-wrapper .lastAssigned-tooltip {
  background-color: #dce8f8;
  padding: 5px;
  border-radius: 5px;
}
.subNumSel-dialog-container .selSubNum-wrapper .lastAssigned-tooltip .lastAssigned-tooltip-text {
  padding: 2px 5px 2px 8px;
  color: rgba(0, 0, 0, 0.6);
}
.subNumSel-dialog-container .selSubNum-wrapper .selSubNum-txt-container .color-asterisk {
  color: #0063c9;
  padding-right: 3px;
}
.subNumSel-dialog-container .selSubNum-wrapper .subNumPrefix-label label {
  font-weight: normal !important;
}
.subNumSel-dialog-container .selSubNum-wrapper .subNumSelect-container {
  width: 180px;
}
.subNumSel-dialog-container .selSubNum-wrapper .preview-sub-num {
  padding-top: 5px;
}
.subNumSel-dialog-container .subNumSel-dialog-addSub {
  padding-right: 5px !important;
}

.subject-icon {
  height: 60px;
  width: 60px;
  min-width: 60px;
  min-height: 60px;
  background-image: url("subjectimages/subject-state-icons/Subject_Screened.svg") !important;
  background-repeat: no-repeat;
  background-size: contain;
}

.select-cycles-dialog .oj-checkboxset-wrapper {
  display: grid;
  grid-template-rows: repeat(20, 1fr);
  grid-auto-flow: column;
  -moz-column-gap: 40px;
       column-gap: 40px;
  row-gap: 7px;
}
.select-cycles-dialog .oj-choice-item {
  height: 15px;
}
.select-cycles-dialog .co-error-dismissIcon {
  top: 10px !important;
}
.select-cycles-dialog .align-buttons-items {
  margin: 10px 0px 0px 0px;
  align-items: center;
  justify-content: center;
  min-height: 56px;
}

.create-contact-dialog {
  width: 1046px;
  height: 43.7em;
  min-width: 1046px;
  max-width: 1040px;
  min-height: 40.7em;
  max-height: 40.7em;
  top: 55px;
}
.create-contact-dialog .contactCreationWindow-header {
  margin-top: 5px;
  margin-bottom: 5px;
}
.create-contact-dialog .contactCreationWindow-header .errorMessage {
  padding: 10px;
  border: 1px solid red;
  border-radius: 6px;
  background-color: rgba(241, 135, 135, 0.49);
  color: #dc2222;
  width: 70%;
  margin: 10px auto;
  text-align: center;
}
.create-contact-dialog .windowBodySection {
  overflow: hidden auto;
  height: 27.5em;
  margin-bottom: 5px;
}
.create-contact-dialog .windowBodySection span.oj-fwk-icon-caret-end {
  color: #fff;
}
.create-contact-dialog .windowBodySection .contact-info-groups {
  display: flex;
  flex-direction: row;
  width: 92%;
}
.create-contact-dialog .windowBodySection .contact-info-groups .contact-info-group {
  display: flex;
  flex-direction: column;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.create-contact-dialog .windowBodySection .contact-info-groups .contact-info-group .disbarment {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 80%;
  left: 17%;
  position: relative;
  margin-bottom: 5px;
}
.create-contact-dialog .windowBodySection .contact-info-groups .contact-info-group .disbarment .disbarment-label {
  flex: 3 0 0%;
  min-width: 0px;
  min-height: 0px;
  text-align: right;
}
.create-contact-dialog .windowBodySection .contact-info-groups .contact-info-group .disbarment .disbarment-label label {
  display: flex;
  float: right;
  margin: auto 10px auto 5px;
  justify-content: flex-end;
}
.create-contact-dialog .windowBodySection .contact-info-groups .contact-info-group .contact-info-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
}
.create-contact-dialog .windowBodySection .contact-info-groups .contact-info-group .contact-info-row .contact-info-row-label {
  width: 50%;
  text-align: right;
  margin-right: 10px;
}
.create-contact-dialog .windowBodySection .contact-info-groups .contact-info-group .contact-info-row .disbarmentDatePicker {
  padding: 5px;
  width: 130px;
  float: right;
  left: 208px;
  position: relative;
}
.create-contact-dialog .windowBodySection .contact-info-groups .contact-info-group .contact-info-row .noEndDate {
  width: 100%;
  left: 78%;
  position: relative;
}
.create-contact-dialog .windowBodySection .contact-info-groups .contact-info-group .contact-info-row .contact-info-row-inputField {
  flex: 5 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.create-contact-dialog .windowBodySection #addAddressBtn {
  width: 150px;
  margin: 1em 4.7em;
}
.create-contact-dialog .windowBodySection #create-address-accordion {
  margin: 0 4em;
}
.create-contact-dialog .windowBodySection #create-address-accordion .address-collapsible {
  margin-bottom: 0.6em;
  border: 1px solid #C4CED7;
}
.create-contact-dialog .windowBodySection #create-address-accordion .address-collapsible .oj-collapsible-header {
  max-width: 96%;
}
.create-contact-dialog .windowBodySection #create-address-accordion .address-collapsible h2 {
  min-width: 17%;
}
.create-contact-dialog .windowBodySection #create-address-accordion .address-collapsible .header-title {
  min-width: 17%;
}
.create-contact-dialog .windowBodySection #create-address-accordion .address-collapsible .header-address {
  font-weight: normal;
  margin-left: 1.5em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 75%;
}
.create-contact-dialog .windowBodySection #create-address-accordion .address-collapsible .oj-ux-ico-trash {
  margin-left: auto;
  margin-right: 5px;
  font-size: 22px;
}
.create-contact-dialog .windowBodySection #create-address-accordion .address-collapsible .checkboxContainer {
  display: flex;
  flex-direction: row;
  margin-left: 134px;
}
.create-contact-dialog .windowBodySection #create-address-accordion .address-collapsible .checkboxContainer .address-checkbox-group {
  display: flex;
  flex-direction: column;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.create-contact-dialog .windowBodySection #create-address-accordion .address-collapsible .checkboxContainer .address-checkbox-group .address-checkbox-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
}
.create-contact-dialog .windowBodySection #create-address-accordion .address-collapsible .address-search-container {
  display: flex;
  margin-bottom: 5px;
}
.create-contact-dialog .windowBodySection #create-address-accordion .address-collapsible .address-search-container .address-row-label {
  width: 124px;
  text-align: right;
  line-height: 2rem;
}
.create-contact-dialog .windowBodySection #create-address-accordion .address-collapsible .address-search-container .addressInputSearch {
  max-width: 84%;
  margin-left: 10px;
}
.create-contact-dialog .windowBodySection #create-address-accordion .address-collapsible .address-groups {
  display: flex;
  flex-direction: row;
}
.create-contact-dialog .windowBodySection #create-address-accordion .address-collapsible .address-groups .address-group {
  display: flex;
  flex-direction: column;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.create-contact-dialog .windowBodySection #create-address-accordion .address-collapsible .address-groups .address-group .address-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
}
.create-contact-dialog .windowBodySection #create-address-accordion .address-collapsible .address-groups .address-group .address-row .address-row-label {
  width: 47%;
  text-align: right;
}
.create-contact-dialog .windowBodySection #create-address-accordion .address-collapsible .address-groups .address-group .address-row .address-row-label label {
  display: flex;
  float: right;
  margin: auto 10px auto 5px;
  justify-content: flex-end;
}
.create-contact-dialog .windowBodySection #create-address-accordion .address-collapsible .address-groups .address-group .address-row .address-inputField {
  flex: 5 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.create-contact-dialog .windowBodySection .contact-finish-container {
  margin: 11% auto auto;
}
.create-contact-dialog .windowBodySection .contact-finish-container .contact-finish-icon {
  height: 100px;
  width: 100px;
  background-repeat: no-repeat;
  -ms-background-position-x: center;
  background-position-y: center;
  background-image: url("contactsImages/Contact_Investigator_Active.svg");
  background-size: 100px 100px;
}
.create-contact-dialog .windowBodySection .contact-finish-container .finishMessage {
  margin: 12px;
  font-size: large;
  font-weight: bold;
}
.create-contact-dialog .windowBodySection .contact-finish-container .finishMessage span {
  font-size: 1.3em;
}

.create-organization-dialog {
  width: 1046px;
  height: 45.7em;
  min-width: 946px;
  max-width: 1046px;
  min-height: 42.7em;
  max-height: 42.7em;
  top: 55px;
}
.create-organization-dialog .organizationCreationWindow-header {
  margin-top: 5px;
  margin-bottom: 5px;
}
.create-organization-dialog .organizationCreationWindow-header .errorMessage {
  padding: 10px;
  border: 1px solid red;
  border-radius: 6px;
  background-color: rgba(241, 135, 135, 0.49);
  color: #dc2222;
  width: 70%;
  margin: 10px auto;
  text-align: center;
}
.create-organization-dialog .windowTypeSection {
  overflow: hidden auto;
  height: 29.5em;
  margin-bottom: 5px;
  padding-top: 50px;
}
.create-organization-dialog .windowTypeSection .organization-type-container {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: inline-block;
  left: 35%;
  top: 23%;
  position: absolute;
}
.create-organization-dialog .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item:not(.oj-disabled) {
  border: 1px solid #C4CED7;
  border-radius: 4px;
  margin: 10px;
}
.create-organization-dialog .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item:not(.oj-disabled) a.oj-tabbar-item-content .oj-tabbar-item-label {
  font-family: "Arial";
  font-style: normal;
  font-size: 16px;
  line-height: 21px;
  padding: 3px;
  position: relative;
  top: 5px;
  display: inline;
  align-items: center;
  color: #000000;
  font-weight: 700;
}
.create-organization-dialog .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item:not(.oj-disabled) span.oj-tabbar-item-icon {
  background: url(organizationImages/OrgInstitute_Active.svg);
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: contain;
  height: 40px;
  width: 40px;
  position: relative;
}
.create-organization-dialog .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item:not(.oj-disabled) span.oj-tabbar-item-icon.institute-icon {
  background: url(organizationImages/OrgInstitute_Active.svg);
}
.create-organization-dialog .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item:not(.oj-disabled) span.oj-tabbar-item-icon.vendor-icon {
  background: url(organizationImages/Laboratory.svg);
}
.create-organization-dialog .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item:not(.oj-disabled) div.subType {
  padding: 0 0 2px 0;
  font-size: x-small;
  font-weight: 400;
}
.create-organization-dialog .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected {
  background-color: #E8F3FA;
}
.create-organization-dialog .windowBodySection {
  overflow: hidden auto;
  height: 25em;
  margin-bottom: 5px;
}
.create-organization-dialog .windowBodySection span.oj-fwk-icon-caret-end {
  color: #fff;
}
.create-organization-dialog .windowBodySection .organization-info-groups {
  display: flex;
  flex-direction: row;
  width: 95%;
}
.create-organization-dialog .windowBodySection .organization-info-groups .organization-info-group {
  display: flex;
  flex-direction: column;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.create-organization-dialog .windowBodySection .organization-info-groups .organization-info-group .organization-info-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
}
.create-organization-dialog .windowBodySection .organization-info-groups .organization-info-group .organization-info-row .msaLabel {
  width: 84%;
  position: relative;
  left: 17%;
}
.create-organization-dialog .windowBodySection .organization-info-groups .organization-info-group .organization-info-row .organization-info-row-label {
  width: 40%;
  text-align: right;
  margin-right: 10px;
}
.create-organization-dialog .windowBodySection .organization-info-groups .organization-info-group .organization-info-row .organization-info-row-label.msa-label {
  width: 28%;
}
.create-organization-dialog .windowBodySection .organization-info-groups .organization-info-group .organization-info-row .fromTo {
  position: relative;
  left: 4%;
}
.create-organization-dialog .windowBodySection .organization-info-groups .organization-info-group .organization-info-row .fromEndDate {
  width: 36%;
}
.create-organization-dialog .windowBodySection .organization-info-groups .organization-info-group .organization-info-row .organization-info-row-inputField {
  flex: 5 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.create-organization-dialog .windowBodySection .organization-info-groups .organization-info-group .organization-info-row .msaDatePicker {
  padding: 5px;
  width: 168px;
  float: right;
  left: 135px;
  position: relative;
}
.create-organization-dialog .windowBodySection img {
  padding: 10px;
}
.create-organization-dialog .windowBodySection #addAddressBtn {
  width: 150px;
  margin: 1em 4.7em;
}
.create-organization-dialog .windowBodySection #create-address-accordion {
  margin: 0 4em;
}
.create-organization-dialog .windowBodySection #create-address-accordion .address-collapsible {
  margin-bottom: 0.6em;
  border: 1px solid #C4CED7;
}
.create-organization-dialog .windowBodySection #create-address-accordion .address-collapsible .oj-collapsible-header {
  max-width: 96%;
}
.create-organization-dialog .windowBodySection #create-address-accordion .address-collapsible h2 {
  min-width: 17%;
}
.create-organization-dialog .windowBodySection #create-address-accordion .address-collapsible .header-address {
  font-weight: normal;
  margin-left: 1.5em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.create-organization-dialog .windowBodySection #create-address-accordion .address-collapsible .oj-ux-ico-trash {
  margin-left: auto;
  margin-right: 5px;
  font-size: 22px;
}
.create-organization-dialog .windowBodySection #create-address-accordion .address-collapsible .checkboxContainer {
  display: flex;
  flex-direction: row;
  margin-left: 150px;
}
.create-organization-dialog .windowBodySection #create-address-accordion .address-collapsible .checkboxContainer .address-checkbox-group {
  display: flex;
  flex-direction: column;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.create-organization-dialog .windowBodySection #create-address-accordion .address-collapsible .checkboxContainer .address-checkbox-group .address-checkbox-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
}
.create-organization-dialog .windowBodySection #create-address-accordion .address-collapsible .address-search-container {
  display: flex;
  margin-bottom: 5px;
}
.create-organization-dialog .windowBodySection #create-address-accordion .address-collapsible .address-search-container .address-row-label {
  width: 140px;
  text-align: right;
  line-height: 2rem;
}
.create-organization-dialog .windowBodySection #create-address-accordion .address-collapsible .address-search-container .addressInputSearch {
  max-width: 84%;
  margin-left: 10px;
}
.create-organization-dialog .windowBodySection #create-address-accordion .address-collapsible .address-groups {
  display: flex;
  flex-direction: row;
}
.create-organization-dialog .windowBodySection #create-address-accordion .address-collapsible .address-groups .address-group {
  display: flex;
  flex-direction: column;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.create-organization-dialog .windowBodySection #create-address-accordion .address-collapsible .address-groups .address-group .address-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
}
.create-organization-dialog .windowBodySection #create-address-accordion .address-collapsible .address-groups .address-group .address-row .address-row-label {
  width: 47%;
  text-align: right;
}
.create-organization-dialog .windowBodySection #create-address-accordion .address-collapsible .address-groups .address-group .address-row .address-row-label label {
  display: flex;
  float: right;
  margin: auto 10px auto 5px;
  justify-content: flex-end;
}
.create-organization-dialog .windowBodySection #create-address-accordion .address-collapsible .address-groups .address-group .address-row .address-inputField {
  flex: 5 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.create-organization-dialog .windowBodySection .organization-dept-form-container {
  display: flex;
  width: 100%;
}
.create-organization-dialog .windowBodySection .organization-dept-container {
  flex-direction: column;
  flex: 1;
  margin: 1em 5em -4em -4em;
  align-items: flex-start;
  padding: 19px;
  height: auto;
  position: relative;
  border: 1px solid #C4CED7;
}
.create-organization-dialog .windowBodySection .organization-dept-container .organization-dept-row-label {
  flex: 3 0 0%;
  min-width: 0px;
  min-height: 0px;
  text-align: left;
}
.create-organization-dialog .windowBodySection .organization-dept-container .organization-dept-row-label label {
  display: flex;
  float: left;
  margin: auto;
  justify-content: flex-end;
}
.create-organization-dialog .windowBodySection .organization-dept-container .dept-address-form {
  padding-top: 20px;
}
.create-organization-dialog .windowBodySection .organization-dept-container .organization-empty-dept-container {
  height: 230px;
}
.create-organization-dialog .windowBodySection .organization-dept-container .dept-icon {
  height: 100px;
  width: 100px;
  background-repeat: no-repeat;
  background-position-y: center;
  background: url(organizationImages/OrgInstitute_Retired.svg);
  background-size: 100px 100px;
}
.create-organization-dialog .windowBodySection .organization-dept-container .oj-ux-ico-trash {
  float: right;
  font-size: 22px;
  border: none;
  background-color: unset;
  cursor: pointer;
}
.create-organization-dialog .windowBodySection .organization-dept-container span.deptHeader {
  font-weight: 400;
  font-size: 18px;
}
.create-organization-dialog .windowBodySection .organization-dept-container .oj-listview {
  border: 0px;
}
.create-organization-dialog .windowBodySection .organization-dept-container .oj-listview-item {
  border: 1px solid #C4CED7;
  border-radius: 2px;
  padding: 0px;
  margin: 3px;
}
.create-organization-dialog .windowBodySection .organization-dept-container .oj-listview-item.oj-selected {
  background-color: #E8F3FA !important;
  border: 1px solid #C4CED7 !important;
}
.create-organization-dialog .windowBodySection .organization-dept-container .oj-listview-item-element {
  line-height: 2.5;
  background-color: #FFFFFF;
}
.create-organization-dialog .windowBodySection .organization-dept-container span.deptInList {
  padding-left: 15px;
}
.create-organization-dialog .windowBodySection .organization-dept-container span.arrow {
  padding-top: 10px;
  float: right;
}
.create-organization-dialog .windowBodySection .organization-dept-container .emptyDeptList {
  font-weight: bold;
}
.create-organization-dialog .windowBodySection .organization-dept-container:first-child {
  margin-left: 5em;
  background: #F2F4F7;
}
.create-organization-dialog .windowBodySection #addDepartmentBtn {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 76%;
  float: right;
}
.create-organization-dialog .windowBodySection .organization-finish-container {
  margin: 11% auto auto;
}
.create-organization-dialog .windowBodySection .organization-finish-container .organization-finish-icon {
  height: 100px;
  width: 100px;
  background-repeat: no-repeat;
  background: url(organizationImages/Institution_Complete.svg);
  background-position-y: center;
  background-size: 100px 100px;
}
.create-organization-dialog .windowBodySection .organization-finish-container .organization-finish-icon.org-institute-icon-complete {
  background: url(organizationImages/Institution_Complete.svg);
  background-size: 100px 100px;
}
.create-organization-dialog .windowBodySection .organization-finish-container .organization-finish-icon.org-lab-icon-complete {
  background: url(organizationImages/Lab_Complete.svg);
  background-size: 100px 100px;
}
.create-organization-dialog .windowBodySection .organization-finish-container .organization-finish-icon.org-depot-icon-complete {
  background: url(organizationImages/Depot_Complete.svg);
  background-size: 100px 100px;
}
.create-organization-dialog .windowBodySection .organization-finish-container .successMessage {
  margin: 12px;
  font-size: large;
  font-weight: bold;
}
.create-organization-dialog .windowBodySection .organization-finish-container .successMessage span {
  font-size: 1.3em;
}
.create-organization-dialog .windowBodySection .organization-finish-container .finishMessage {
  font-size: large;
}

.delete-contact-dialog {
  width: 455px;
  height: 360px;
  background: #FFFFFF;
  border-radius: 8px !important;
}
.delete-contact-dialog .oj-dialog-header .oj-dialog-title {
  position: absolute;
  width: 129px;
  height: 23px;
  left: 16px;
  top: 15px;
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #333333;
}
.delete-contact-dialog .oj-dialog-header .oj-button-label {
  position: absolute;
  top: 5.48%;
  left: 45.48%;
  right: 23.48%;
  bottom: 23.48%;
}
.delete-contact-dialog .contact-delete-dialog-body .warningIconContainer .warningIcon {
  height: 65px;
  width: 65px;
  background: url("images/Confirmation_Dialog.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80px;
  position: absolute;
  top: 47px;
  left: 36px;
  border-radius: 27px;
}
.delete-contact-dialog .contact-delete-dialog-body .contact-info-row .contentInfo {
  width: 264px;
  height: 45px;
  position: absolute;
  left: 118px;
  right: 73px;
  top: 55px;
  bottom: 160px;
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
}
.delete-contact-dialog .contact-delete-dialog-body .contact-info-row .contentInfoReason {
  height: 16px;
  position: absolute;
  top: 102px;
  left: 101px;
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}
.delete-contact-dialog .contact-delete-dialog-body .contact-info-row .contentInfoReason .oj-component-initnode {
  margin-left: 8px;
}
.delete-contact-dialog .contact-delete-dialog-body .contact-info-row .contentInfoReason .reasonSelect {
  width: 240px;
  left: 18px;
}
.delete-contact-dialog .contact-delete-dialog-body .contact-info-row .contentInfoReason .reasonSelect .oj-select-chosen {
  font-weight: 400;
  padding-left: 3px;
}
.delete-contact-dialog .contact-delete-dialog-body .contact-info-row .contentInfoReason .reasonComment {
  width: 240px;
  margin-left: 18px;
}
.delete-contact-dialog .buttonsFooter {
  position: absolute;
  top: 270px;
  left: 305px;
  float: right;
  text-align: right;
}
.delete-contact-dialog .buttonsFooter .oj-button-button {
  width: 60px;
  height: 30px;
  border-radius: 2px;
}
.delete-contact-dialog .buttonsFooter .oj-button-button .oj-button-text {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px 8px;
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}

.delete-organization-dialog {
  width: 455px;
  height: 360px;
  background: #FFFFFF;
  border-radius: 8px !important;
}
.delete-organization-dialog .oj-dialog-header .oj-dialog-title {
  position: absolute;
  width: 129px;
  height: 23px;
  left: 16px;
  top: 15px;
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #333333;
}
.delete-organization-dialog .oj-dialog-header .oj-button-label {
  position: absolute;
  top: 5.48%;
  left: 45.48%;
  right: 23.48%;
  bottom: 23.48%;
}
.delete-organization-dialog .organization-delete-dialog-body .warningIconContainer .warningIcon {
  height: 65px;
  width: 65px;
  background: url("images/Confirmation_Dialog.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80px;
  position: absolute;
  top: 47px;
  left: 36px;
  border-radius: 27px;
}
.delete-organization-dialog .organization-delete-dialog-body .organization-info-row .orgContentInfo {
  width: 264px;
  height: 45px;
  position: absolute;
  left: 118px;
  right: 73px;
  top: 55px;
  bottom: 160px;
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18.4px;
}
.delete-organization-dialog .organization-delete-dialog-body .organization-info-row .orgContentInfoReason {
  height: 16px;
  position: absolute;
  top: 102px;
  left: 101px;
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}
.delete-organization-dialog .organization-delete-dialog-body .organization-info-row .orgContentInfoReason .oj-component-initnode {
  margin-left: 8px;
}
.delete-organization-dialog .organization-delete-dialog-body .organization-info-row .orgContentInfoReason .reasonSelect {
  width: 240px;
  left: 18px;
}
.delete-organization-dialog .organization-delete-dialog-body .organization-info-row .orgContentInfoReason .reasonSelect .oj-select-chosen {
  font-weight: 400;
  padding-left: 3px;
}
.delete-organization-dialog .organization-delete-dialog-body .organization-info-row .orgContentInfoReason .reasonComment {
  width: 240px;
  margin-left: 18px;
}
.delete-organization-dialog .buttonsFooter {
  position: absolute;
  top: 270px;
  left: 305px;
  float: right;
  text-align: right;
}
.delete-organization-dialog .buttonsFooter .oj-button-button {
  width: 60px;
  height: 30px;
  border-radius: 2px;
}
.delete-organization-dialog .buttonsFooter .oj-button-button .oj-button-text {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px 8px;
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}

.transfer-studies-dialog {
  width: 700px;
  max-width: 700px;
}
.transfer-studies-dialog .transfer-error {
  padding: 5px;
  border: 1px solid red;
  border-radius: 6px;
  background-color: rgba(241, 135, 135, 0.49);
  color: #dc2222;
  margin: 5px 10px 10px 10px;
  text-align: center;
}
.transfer-studies-dialog .oj-dialog-body {
  padding: 8px 8px 0 1em;
  overflow: hidden;
}
.transfer-studies-dialog .container-main {
  width: 100%;
}
.transfer-studies-dialog .container-main .dialog-text label {
  font-weight: normal !important;
}
.transfer-studies-dialog .container-main .oj-radioset {
  flex: 1;
}
.transfer-studies-dialog .container-main .container-transfer-study {
  padding-top: 10px;
}
.transfer-studies-dialog .container-main .container-transfer-study .oj-radioset .oj-radioset-wrapper > span {
  height: 2em;
}
.transfer-studies-dialog .container-main .transfer-all {
  padding-left: 25px;
}
.transfer-studies-dialog .container-main .transfer-all .oj-select {
  width: 18em;
}
.transfer-studies-dialog .container-main .transfer-all .simple-message-icon.confirmation_icon {
  background-image: url("images/confirmation_icon.svg");
  display: inline-block;
  background-size: 20px;
  width: 20px;
  height: 20px;
  min-width: -moz-fit-content;
  min-width: fit-content;
  vertical-align: -webkit-baseline-middle;
}
.transfer-studies-dialog #transfer-studies-table {
  max-height: 19rem;
  width: 100%;
}
.transfer-studies-dialog #transfer-studies-table th {
  background-color: #E0E1E1 !important;
  border-color: #CBCCCD !important;
}
.transfer-studies-dialog #transfer-studies-table .entityDetail-div {
  padding-left: 5px;
  word-break: break-word;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.transfer-studies-dialog #transfer-studies-table .entityAction-td {
  max-width: 220px;
  width: 220px;
}
.transfer-studies-dialog #transfer-studies-table .entityAction-td .oj-choice-item label {
  padding-top: 0;
}
.transfer-studies-dialog #transfer-studies-table .transfer-study-dropdown {
  border: 1px solid #C4CED7;
  max-width: 90%;
  min-width: 50%;
}
.transfer-studies-dialog #transfer-studies-table .oj-table-body {
  overflow-x: hidden !important;
}
.transfer-studies-dialog #transfer-studies-table .oj-table-body .confirmation_icon {
  background-size: 20px;
  width: 20px;
  height: 20px;
  min-width: -moz-fit-content;
  min-width: fit-content;
  display: inline-block;
  vertical-align: -webkit-baseline-middle;
}
.transfer-studies-dialog #ehr-tooltip {
  width: 250px;
}

#demo-container {
  height: 95%;
}
#demo-container #ec-study-setting-depots-table-container-id #ec-study-setting-depots-table-id {
  width: 100%;
  min-width: 875px;
  max-width: 100%;
  height: 100%;
  flex: 1 1 0%;
}

.depotInfoTab .depot-info-fields {
  margin: 50px;
  flex-direction: column;
}
.depotInfoTab .depot-info-fields .depot-inputSearch.depot-inputSearch-placeholder {
  height: 45px;
}
.depotInfoTab .depot-info-fields .depot-inputSearch.depot-inputSearch-container {
  display: flex;
  margin-bottom: 10px;
  justify-content: space-evenly;
  align-items: center;
}
.depotInfoTab .depot-info-fields .depot-inputSearch.depot-inputSearch-container .depotSearch {
  text-align: right;
}
.depotInfoTab .depot-info-fields .depot-inputSearch .depot-search-button {
  margin-right: 5px;
}
.depotInfoTab .depot-info-fields .depot-info-id {
  justify-content: space-evenly;
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
.depotInfoTab .depot-info-fields .depot-info-id .depot-info-id-label {
  text-align: right;
}
.depotInfoTab .depot-info-fields .depot-info-id .showRedBorder {
  border: 1px solid red;
}
.depotInfoTab .depot-info-fields .depot-info-status {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 10px;
  align-items: center;
}
.depotInfoTab .depot-info-fields .depot-info-status .depot-info-status-label {
  text-align: right;
}
.depotInfoTab .depot-info-fields .depot-info-mode {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 10px;
  align-items: center;
}
.depotInfoTab .depot-info-fields .depot-info-mode .depot-info-mode-label {
  text-align: right;
}
.depotInfoTab .depot-info-fields .depot-info-drugDestruction {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 10px;
  align-items: center;
}
.depotInfoTab .depot-info-fields .depot-info-drugDestruction .depot-info-drugDestruction-label {
  text-align: right;
}
.depotInfoTab .depot-info-fields .depot-info-drugDestruction-inputField .drugDestructionRadio {
  top: 10px;
  position: relative;
}

.depotPrimaryCountry {
  margin: 50px auto;
  width: 525px;
  overflow: auto;
}
.depotPrimaryCountry .mainHeading {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 16.1px;
}
.depotPrimaryCountry .subHeading {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 16.1px;
}
.depotPrimaryCountry .selectAllCOuntriesStates {
  margin-left: 34px;
}
.depotPrimaryCountry .selectAllCOuntriesStates #selectedCheckBoxMain, .depotPrimaryCountry .selectAllCOuntriesStates #unselectedCheckBoxMain {
  cursor: pointer;
  vertical-align: middle;
}
.depotPrimaryCountry .selectAllCOuntriesStates .oj-ux-ico-checkbox-off:before, .depotPrimaryCountry .selectAllCOuntriesStates .oj-ux-ico-checkbox-on:before {
  font-size: 18px;
}
.depotPrimaryCountry .selectAllCOuntriesStates .selectedCheckbox:before {
  content: "\f131";
  font-size: 15px;
}
.depotPrimaryCountry .selectAllCOuntriesStates .unselectedCheckbox:before {
  content: "\f130";
  font-size: 15px;
}
.depotPrimaryCountry .selectAllCOuntriesStates .allCOuntryStates {
  margin-left: 3px;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
  font-weight: 400;
  font-size: 14px;
  line-height: 18.27px;
  vertical-align: middle;
  margin-top: 5px;
}
.depotPrimaryCountry .treeView {
  height: 208px;
}
.depotPrimaryCountry .treeView .selectedCheckbox .unselectedCheckbox {
  display: inline-flex;
  height: 16px;
  width: 14px;
  padding: 2px;
  vertical-align: middle;
  margin-top: 5px;
  cursor: pointer;
}
.depotPrimaryCountry .treeView .selectedCheckbox:before {
  content: "\f131";
  font-size: 15px;
}
.depotPrimaryCountry .treeView .unselectedCheckbox:before {
  content: "\f130";
  font-size: 15px;
}
.depotPrimaryCountry .treeView .stateName, .depotPrimaryCountry .treeView .countryName {
  color: black;
  font-weight: 400;
  font-size: 14px;
  line-height: 18.27px;
  font-family: Arial, Helvetica, sans-serif;
  vertical-align: middle;
}
.depotPrimaryCountry .treeView .stateName .oj-treeview-item-text, .depotPrimaryCountry .treeView .countryName .oj-treeview-item-text {
  color: black;
}

.depotCountry {
  text-align: center;
}
.depotCountry .depotCountry-heading {
  width: 80%;
}
.depotCountry .depotCountry-heading .depotCountry-heading-details {
  margin: 0 0 5px 0;
  font-weight: bold;
}

.windowContent span.oj-fwk-icon-caret-end {
  color: #fff;
}
.windowContent .errorMessageHolder {
  display: flex;
}
.windowContent .errorMessageHolder .error-success-messages {
  margin: auto;
}
.windowContent .errorMessageHolder .error-success-messages .success-message {
  font-size: large;
  justify-content: center;
  display: flex;
  padding-top: 10px;
  font-weight: 700;
  flex-direction: column;
}
.windowContent .errorMessageHolder .error-success-messages .success-message .depotCreateUpdateMessage-New {
  background-image: url(depotImages/finish_depot_new.png);
  height: 100px;
  width: 100px;
  background-repeat: no-repeat;
  background-position-y: center;
  margin: auto;
}
.windowContent .errorMessageHolder .error-success-messages .success-message .depotCreateUpdateMessage-Active {
  background-image: url(depotImages/finish_depot_icon.png);
  height: 100px;
  width: 100px;
  background-repeat: no-repeat;
  background-position-y: center;
  margin: auto;
}
.windowContent .errorMessageHolder .error-success-messages .success-message .depotCreateUpdateMessage-Retired {
  background-image: url(depotImages/finish_depot_retired.png);
  height: 100px;
  width: 100px;
  background-repeat: no-repeat;
  background-position-y: center;
  margin: auto;
}
.windowContent .errorMessageHolder .error-success-messages .success-message .success {
  font-size: large;
  justify-content: center;
  display: flex;
  padding-top: 10px;
  font-weight: 700;
}
.windowContent .errorMessageHolder .error-success-messages .success-message .error {
  font-size: large;
  justify-content: center;
  display: flex;
  padding-top: 10px;
  font-weight: 700;
  color: red;
}
.windowContent .errorMessageHolder .error-success-messages .success-message .depotSuccessMessage {
  font-size: large;
  text-align: center;
}
.windowContent .errorMessageHolder .error-success-messages .success-message .depotErrorMessage {
  font-size: large;
  text-align: center;
}

.query-mgmt-actions-dlg .queryMgmtActionHeader {
  margin-top: 5px;
}
.query-mgmt-actions-dlg .queryMgmtActionHeader .queryMgmtActionHeaderDivs {
  padding-bottom: 15px;
}
.query-mgmt-actions-dlg .query-mgmt-actions-delete-dlg-icon {
  height: 60px;
  width: 60px;
  min-width: 60px;
  min-height: 60px;
  background-image: url("images/Confirmation_Dialog.svg");
  background-repeat: no-repeat;
  margin-right: 15px;
  background-size: contain;
  align-self: flex-start;
  margin-left: 15px;
}
.query-mgmt-actions-dlg .query-mgmt-actions-closed-dlg-icon {
  height: 60px;
  width: 60px;
  min-width: 60px;
  min-height: 60px;
  background-image: url("subjectimages/subject-query-history/Query_Open_WhiteBorder.svg");
  background-repeat: no-repeat;
  margin-right: 15px;
  background-size: contain;
  align-self: flex-start;
  margin-left: 15px;
}
.query-mgmt-actions-dlg .messageContainer {
  align-self: baseline !important;
}
.query-mgmt-actions-dlg #chkConfirm {
  margin-right: 5px;
}
.query-mgmt-actions-dlg .dialog-fields {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.query-mgmt-actions-dlg .dialog-fields .oj-flex-item {
  flex-grow: 0;
}

.reasonForChangeDialogUnverify .reasonForChange_content {
  padding: 0 20px 20px;
}
.reasonForChangeDialogUnverify .reasonForChange_content .oj-dialog-default-content,
.reasonForChangeDialogUnverify .reasonForChange_content .oj-dialog-body-custom,
.reasonForChangeDialogUnverify .reasonForChange_content .messageContainer {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.reasonForChangeDialogUnverify .reasonForChange_content .messageContainer > br {
  display: none;
}
.reasonForChangeDialogUnverify .reasonForChange_content .fieldRowModal {
  position: relative;
  width: 100%;
  margin: 12px 0;
}
.reasonForChangeDialogUnverify .reasonForChange_content .fieldRowModal .field {
  width: 100%;
}
.reasonForChangeDialogUnverify .reasonForChange_content .fieldRowModal oj-select-one,
.reasonForChangeDialogUnverify .reasonForChange_content .fieldRowModal oj-text-area {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box;
  display: block;
}
.reasonForChangeDialogUnverify .reasonForChange_content .fieldRowModal oj-text-area {
  height: auto !important;
  min-height: 96px !important;
  max-height: none !important;
}
.reasonForChangeDialogUnverify .reasonForChange_content .fieldRowModal:first-of-type {
  margin-top: 0;
}

.visit-block-flex-test {
  width: 202px;
  height: 102px;
  margin: auto;
  background-image: linear-gradient(to bottom, #fff 0%, #f1f3f4 5%, #e8ebed 50%, #e4e8ea 100%);
  border: #C4CED7 1px solid;
  border-radius: 4px;
}
.visit-block-flex-test:hover {
  border-color: #607D8B;
}
.visit-block-flex-test .visit-block-flex-test-content {
  flex: 0 0 170px;
  min-width: 0px;
  min-height: 0px;
}
.visit-block-flex-test .visit-block-flex-test-content .visit-block-flex-test-content-container {
  height: 100px;
}
.visit-block-flex-test .visit-block-flex-test-content .visit-block-flex-test-content-container .visit-block-flex-test-tophalf-container {
  height: 50px;
}
.visit-block-flex-test .visit-block-flex-test-content .visit-block-flex-test-content-container .visit-block-flex-test-tophalf-container .visit-block-flex-test-content-tophalf-container-icons {
  flex: 0 0 90%;
  min-width: 0px;
  min-height: 0px;
  margin: 10px 10px 5px 10px;
  height: 35px;
}
.visit-block-flex-test .visit-block-flex-test-content .visit-block-flex-test-content-container .visit-block-flex-test-tophalf-container .visit-block-flex-test-content-tophalf-container-icons .visit-block-flex-test-icons-nested-container {
  height: 32px;
  justify-content: space-between;
}
.visit-block-flex-test .visit-block-flex-test-content .visit-block-flex-test-content-container .visit-block-flex-test-tophalf-container .visit-block-flex-test-content-tophalf-container-icons .visit-block-flex-test-icons-nested-container .visit-block-flex-test-kiticon {
  background-image: url(designerimages/Kit_visitstructure.svg);
  background-repeat: no-repeat;
  height: 28px;
  flex: 0 0 26px;
  min-width: 0px;
  min-height: 0px;
}
.visit-block-flex-test .visit-block-flex-test-content .visit-block-flex-test-content-container .visit-block-flex-test-tophalf-container .visit-block-flex-test-content-tophalf-container-icons .visit-block-flex-test-icons-nested-container .visit-block-flex-test-kittypetitrationicon {
  background-image: url(designerimages/titrations/TitrationVisitStructure.svg);
  background-repeat: no-repeat;
  height: 28px;
  flex: 0 0 20px;
  min-width: 0px;
  min-height: 0px;
}
.visit-block-flex-test .visit-block-flex-test-content .visit-block-flex-test-content-container .visit-block-flex-test-tophalf-container .visit-block-flex-test-content-tophalf-container-icons .visit-block-flex-test-icons-nested-container .visit-block-flex-test-deviceicon {
  background-image: url(designerimages/device/icon_device.svg);
  background-repeat: no-repeat;
  height: 28px;
  flex: 0 0 19px;
  min-width: 0px;
  min-height: 0px;
}
.visit-block-flex-test .visit-block-flex-test-content .visit-block-flex-test-content-container .visit-block-flex-test-tophalf-container .visit-block-flex-test-content-tophalf-container-icons .visit-block-flex-test-icons-nested-container .visit-block-flex-test-dispensationicon {
  background-image: url(designerimages/ad_dispensation.svg);
  background-repeat: no-repeat;
  height: 28px;
  min-width: 30px;
  flex: 0 0 19px;
  min-width: 0px;
  min-height: 0px;
}
.visit-block-flex-test .visit-block-flex-test-content .visit-block-flex-test-content-container .visit-block-flex-test-tophalf-container .visit-block-flex-test-content-tophalf-container-icons .visit-block-flex-test-icons-nested-container .visit-block-flex-test-formicon {
  flex: 0 0 28px;
  min-width: 0px;
  min-height: 0px;
  background-image: url(designerimages/Form_visitstructure.svg);
  background-repeat: no-repeat;
  height: 28px;
}
.visit-block-flex-test .visit-block-flex-test-content .visit-block-flex-test-content-container .visit-block-flex-test-tophalf-container .visit-block-flex-test-content-tophalf-container-icons .visit-block-flex-test-icons-nested-container .visit-block-flex-test-formicon .visit-block-flex-test-badge {
  background: #000000;
  max-width: 18px;
  height: 18px;
  border-radius: 50%;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  line-height: 18px;
}
.visit-block-flex-test .visit-block-flex-test-content .visit-block-flex-test-content-container .visit-block-flex-test-tophalf-container .visit-block-flex-test-content-tophalf-container-icons .visit-block-flex-test-icons-nested-container:before {
  content: "";
  display: block;
  width: 2px;
}
.visit-block-flex-test .visit-block-flex-test-content .visit-block-flex-test-content-container .visit-block-flex-test-tophalf-container .visit-block-flex-test-content-tophalf-container-icons .visit-block-flex-test-icons-nested-container:after {
  content: "";
  display: block;
  width: 2px;
}
.visit-block-flex-test .visit-block-flex-test-content .visit-block-flex-test-content-container .visit-block-flex-test-bothalf-container {
  height: 50px;
}
.visit-block-flex-test .visit-block-flex-test-content .visit-block-flex-test-content-container .visit-block-flex-test-bothalf-container .visit-block-flex-test-title-container {
  height: 100%;
  width: 100%;
}
.visit-block-flex-test .visit-block-flex-test-content .visit-block-flex-test-content-container .visit-block-flex-test-bothalf-container .visit-block-flex-test-title-container .visit-block-flex-test-title {
  color: #000000;
  font-weight: bold;
  margin-top: 10px;
  margin-left: 5%;
  margin-right: 5%;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
}
.visit-block-flex-test .visit-block-flex-test-menu-sidebar {
  background-color: #cbcbcb;
  border-radius: 0px 4px 4px 0px;
}
.visit-block-flex-test .visit-block-flex-test-menu-sidebar .visit-block-flex-test-menu-sidebar-container {
  cursor: pointer;
  height: 100%;
}
.visit-block-flex-test .visit-block-flex-test-menu-sidebar .visit-block-flex-test-menu-sidebar-container .visit-block-flex-test-menuicon {
  width: 15px;
  height: 15px;
  background-image: url(common/Menu_Default.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.visit-block-flex-test .visit-block-flex-test-menu-sidebar .visit-block-flex-test-menu-sidebar-container .visit-block-flex-test-menuicon:hover {
  border-color: #607D8B;
}
.visit-block-flex-test.selected {
  width: 202px;
  height: 102px;
  border: #0063C9 1px solid;
  border-radius: 4px;
  background-color: #0063C9;
  margin: auto;
}
.visit-block-flex-test.selected .visit-block-flex-test-content {
  background-color: #0572ce;
  background-image: none;
}
.visit-block-flex-test.selected .visit-block-flex-test-menu-sidebar {
  background-color: #0572ce;
}
.visit-block-flex-test.selected .visit-block-flex-test-content-tophalf-container-icons .visit-block-flex-test-formicon {
  background-image: url(designerimages/Form_visitstructure_active.svg) !important;
}
.visit-block-flex-test.selected .design-study-openlabel-icon {
  background-image: url(designerimages/Unblinded_Visit_white.svg);
}
.visit-block-flex-test.selected .design-study-event-icon {
  background-image: url(designerimages/Event_VisitTile.svg);
}
.visit-block-flex-test.selected .design-study-adverse-event-icon {
  background-image: url(designerimages/Event_VisitTile.svg);
  filter: hue-rotate(90deg) brightness(5.5);
}
.visit-block-flex-test.selected .design-study-screen-failure {
  background-image: url(designerimages/Screen_failure.svg);
  filter: hue-rotate(90deg) brightness(5.5);
}
.visit-block-flex-test.selected .design-study-completionVisit-icon {
  background-image: url(designerimages/StudyCompletion_VisitTile.svg);
  filter: hue-rotate(90deg) brightness(5.5);
}
.visit-block-flex-test.selected .design-study-unscheduledVisit-icon {
  background-image: url(designerimages/UnscheduledVisit_VisitTile.svg);
  filter: hue-rotate(90deg) brightness(5.5);
}
.visit-block-flex-test.selected .design-study-withdrawnVisit-icon {
  background-image: url(designerimages/Withdrawn_VisitTile.svg);
  filter: hue-rotate(90deg) brightness(5.5);
}
.visit-block-flex-test.selected .design-study-openlabel-and-lastrequired-icon {
  background-image: url(designerimages/StudyCompleteTag_Unblinded_active.svg);
}
.visit-block-flex-test.selected .visit-block-flex-test-content-tophalf-container-icons, .visit-block-flex-test.selected .visit-block-flex-test-kiticon, .visit-block-flex-test.selected .visit-block-flex-test-kittypetitrationicon, .visit-block-flex-test.selected .visit-block-flex-test-deviceicon, .visit-block-flex-test.selected .design-study-complete-icon {
  -webkit-filter: hue-rotate(90deg) brightness(5.5);
}
.visit-block-flex-test.selected .visit-block-flex-test-title {
  -webkit-filter: invert(1);
}
.visit-block-flex-test.selected .visit-block-flex-test-menuicon {
  -webkit-filter: invert(1);
}

.ec-visit-block-required {
  color: #000000;
  font-weight: bold;
  float: left;
}

.ec-visit-block-scheduleclockicon {
  width: 40px;
  height: 46px;
  background-image: url(designerimages/VisitStructure/Scheduleclock_scheduled.svg);
  background-repeat: no-repeat;
  margin: auto;
}

.ec-visit-block-unscheduleclockicon {
  width: 40px;
  height: 46px;
  background-image: url(designerimages/VisitStructure/Scheduleclock_unscheduled.svg);
  background-repeat: no-repeat;
  margin: auto;
}

.ec-visit-block-randclockicon {
  width: 150px;
  height: 46px;
  background-image: url(designerimages/VisitStructure/RandLines_open.svg);
  background-repeat: no-repeat;
  margin: auto;
}

.ec-visit-block-randclockmiddleicon {
  width: 150px;
  height: 46px;
  background-image: url(designerimages/VisitStructure/RandLines_middle.svg);
  background-repeat: no-repeat;
  margin: auto;
}

.ec-visit-block-randclockclosed-scheduledicon {
  width: 150px;
  height: 46px;
  background-image: url(designerimages/VisitStructure/RandLines_closed.svg);
  background-repeat: no-repeat;
  margin: auto;
}

.ec-visit-block-randclockclosed-unscheduledicon {
  width: 150px;
  height: 46px;
  background-image: url(designerimages/VisitStructure/RandLines_closed_unscheduled.svg);
  background-repeat: no-repeat;
  margin: auto;
}

.ec-visit-block-notscheduled {
  width: 40px;
  height: 46px;
  margin: auto;
}

.visit-block-flex-test-title-container {
  position: relative;
}

.design-study-complete-icon {
  background-image: url("designerimages/StudyCompleteTag.svg");
  background-repeat: no-repeat;
  min-width: 0;
  min-height: 0;
  height: 20px;
  width: 20px;
  margin-top: 5px;
  margin-right: 3px;
  position: absolute;
  left: 8%;
}

.design-study-openlabel-icon {
  background-image: url("designerimages/Unblinded_Visit.svg");
  background-repeat: no-repeat;
  min-width: 0;
  min-height: 0;
  height: 20px;
  width: 20px;
  margin-top: 5px;
  margin-right: 3px;
  position: absolute;
  left: 8%;
}

.design-study-event-icon {
  background-image: url("designerimages/Event_VisitTile.svg");
  background-repeat: no-repeat;
  min-width: 0;
  min-height: 0;
  height: 20px;
  width: 20px;
  margin-top: 5px;
  margin-right: 3px;
  position: absolute;
  left: 8%;
}

.design-study-adverse-event-icon {
  background-image: url("designerimages/Event_VisitTile.svg");
  background-repeat: no-repeat;
  min-width: 0;
  min-height: 0;
  height: 20px;
  width: 20px;
  margin-top: 5px;
  margin-right: 3px;
  position: absolute;
  left: 8%;
}

.design-study-screen-failure {
  background-image: url("designerimages/Screen_failure.svg");
  background-repeat: no-repeat;
  min-width: 0;
  min-height: 0;
  height: 20px;
  width: 20px;
  margin-top: 5px;
  margin-right: 3px;
  position: absolute;
  left: 8%;
}

.design-study-completionVisit-icon {
  background-image: url("designerimages/StudyCompletion_VisitTile.svg");
  background-repeat: no-repeat;
  min-width: 0;
  min-height: 0;
  height: 20px;
  width: 20px;
  margin-top: 5px;
  margin-right: 3px;
  position: absolute;
  left: 8%;
}

.design-study-unscheduledVisit-icon {
  background-image: url("designerimages/UnscheduledVisit_VisitTile.svg");
  background-repeat: no-repeat;
  min-width: 0;
  min-height: 0;
  height: 20px;
  width: 20px;
  margin-top: 5px;
  margin-right: 3px;
  position: absolute;
  left: 8%;
}

.design-study-withdrawnVisit-icon {
  background-image: url("designerimages/Withdrawn_VisitTile.svg");
  background-repeat: no-repeat;
  min-width: 0;
  min-height: 0;
  height: 20px;
  width: 20px;
  margin-top: 5px;
  margin-right: 3px;
  position: absolute;
  left: 8%;
}

.design-study-openlabel-and-lastrequired-icon {
  background-image: url("designerimages/StudyCompleteTag_Unblinded.svg");
  background-repeat: no-repeat;
  min-width: 0;
  min-height: 0;
  height: 20px;
  width: 20px;
  margin-top: 5px;
  margin-right: 3px;
  position: absolute;
  left: 8%;
}

.ojet3-bold-label label {
  font-weight: bold;
}

.ojet3-bold-label span#label-eventType_requiredIcon {
  width: 10%;
  display: inline-block;
}

.ojet3-bold-label label#label-eventType {
  font-weight: bold;
  width: 90%;
}

.completion-visit-label .ojet3-bold-label {
  margin-top: 0;
}

.visit-title-required {
  width: 8px;
  min-width: 8px;
  text-align: left;
}

.visit-title-truncate {
  font-size: 14px;
  text-align: left;
  max-width: 90px;
  flex: initial 0 0%;
  min-width: 0px;
  min-height: 0px;
  line-height: 1.1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  margin-bottom: 0px;
  -webkit-line-clamp: 2;
  max-height: 2.2em;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
}

.visit-banner {
  border-radius: 0px 0px 5px 5px;
  cursor: pointer;
  width: 202px;
  height: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  left: calc(50% - 50px);
  background-color: #3C425B;
  padding-top: 2px;
  padding-bottom: 2px;
}

.dynamic-visit {
  background-image: url("designerimages/VisitStructure/dynamic_visit.svg"), linear-gradient(to bottom, #fff 0%, #f1f3f4 5%, #e8ebed 100%, #e4e8ea 105%);
  background-size: 17% 34%;
}

.ellipsis-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  margin: 0 10px 0 10px;
}

.sidebar-tile {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.sidebar-tile .sidebar-tile-randomize {
  background-color: #ebfbe2;
  height: 250px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.sidebar-tile .sidebar-tile-randomize > span {
  margin-bottom: 30px;
  padding: 0 25px;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}
.sidebar-tile .sidebar-tile-randomize-subject-icon {
  height: 70px;
  width: 70px;
  background-image: url(subjectimages/subject-randomize.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 20px;
  margin-bottom: 30px;
}

.sidebar-tile-container {
  padding: 7px;
}

.randomization-failure-icon {
  height: 60px;
  width: 60px;
  min-width: 60px;
  min-height: 60px;
  background-image: url("subjectimages/Subject_RandomizeFail.svg");
  background-repeat: no-repeat;
  margin-right: 15px;
  background-size: contain;
  align-self: flex-start;
}

.randomize-subject-dlg-v2 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.randomize-subject-dlg-v2 .randomize-subject-dlg-v2-icon {
  height: 60px;
  width: 60px;
  background-image: url(subjectimages/subject-state-icons/Subject_Randomize.svg);
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 20px;
  flex-shrink: 0;
  align-self: flex-start;
}
.randomize-subject-dlg-v2 .text-dosage-font {
  text-align: center;
  font-weight: bold;
  color: rgb(5, 114, 206) !important;
}
.randomize-subject-dlg-v2 .total-dosage-font {
  background-color: #e4f0fa !important;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  margin: 4px;
  font-weight: bold;
  color: rgb(5, 80, 206) !important;
}
.randomize-subject-dlg-v2 .no-background-color {
  background-color: rgb(255, 255, 255);
}
.randomize-subject-dlg-v2 .blinded-text {
  color: #a3a3a3 !important;
  font-style: italic;
}
.randomize-subject-dlg-v2 .success-messages {
  margin-left: 25px;
  width: 80%;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.randomize-subject-dlg-v2 .randomize-subject-dlg-v2-subject-msg {
  margin-bottom: 10px;
}
.randomize-subject-dlg-v2 .randomize-subject-dlg-v2-subject-msg .bold {
  font-weight: bold;
}
.randomize-subject-dlg-v2 .randomize-subject-dlg-v2-randomize-text {
  font-size: inherit;
  margin-bottom: 10px;
}
.randomize-subject-dlg-v2 .randomize-subject-dlg-v2-randomize-text .bold {
  font-weight: bold;
}
.randomize-subject-dlg-v2 .randomize-subject-dlg-v2-randomize-text .kitsDisplay {
  margin: 5px 0px 0px 20px;
  font-weight: bold;
}
.randomize-subject-dlg-v2 .randomize-subject-dlg-v2-treatment-title {
  margin-bottom: 10px;
}
.randomize-subject-dlg-v2 .randomize-subject-dlg-v2-treatment-title .bold {
  font-weight: bold;
}
.randomize-subject-dlg-v2 .randomization-failure-message {
  margin-left: 25px;
}
.randomize-subject-dlg-v2 .randomization-failure-message .bold {
  font-weight: bold;
}
.randomize-subject-dlg-v2 .dosingInstructionMsg {
  background: url(inventoryicons/Dispensed_status.svg) #EED5E2 no-repeat 10px 5px;
  border-radius: 5px 5px 0 0;
  line-height: 20px;
  display: flex;
  background-size: 25px 25px;
}
.randomize-subject-dlg-v2 .disp-confirmed {
  background-image: url(images/success_icon.svg);
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  margin: 0 auto;
}
.randomize-subject-dlg-v2 .barcode-text-input {
  position: relative;
  border: 1px solid #ccc;
  padding: 1px;
  border-radius: 2px;
}
.randomize-subject-dlg-v2 .barcode-text-input input {
  width: 90%;
  border: 0px;
  margin-left: 1px;
  height: 30px;
}
.randomize-subject-dlg-v2 .barcode-text-input .remove-input-icon {
  position: absolute;
  right: 0px;
  top: 7px;
  width: 25px;
}
.randomize-subject-dlg-v2 .barcode-text-input .remove-input-icon.clear-search-btn-disable {
  pointer-events: none;
  cursor: default;
  opacity: 0;
}
.randomize-subject-dlg-v2 #kits-dosage-table tr.disp-confirmed-row {
  background-color: #ebfae4;
}
.randomize-subject-dlg-v2 .co-error {
  outline: 0;
  margin: 0;
  padding-right: 20px;
  border: 1px solid #fecece;
}
.randomize-subject-dlg-v2 .co-error.co-error-hasicon::before {
  background: url(images/Error_Dialog_icon.svg) 0 0 no-repeat;
}
.randomize-subject-dlg-v2 .co-error-errorMessage {
  line-height: 20px;
  color: rgba(0, 0, 0, 0.8);
}
.randomize-subject-dlg-v2 .already-confirmed .co-error.co-error-hasicon::before {
  background: url(images/warning_icon.svg) 0 0 no-repeat;
}
.randomize-subject-dlg-v2 .already-confirmed .co-error {
  background-color: #fef9e8;
  border: 1px solid #fef3ce;
}
.randomize-subject-dlg-v2 oj-table thead tr th div.oj-table-column-header {
  display: block;
}
.randomize-subject-dlg-v2 .icon-wrapper {
  line-height: 100%;
  width: 30px;
  position: relative;
  background-color: #3C425B;
}
.randomize-subject-dlg-v2 .icon-wrapper .kit-style {
  width: 28px;
  height: 28px;
  margin: 0px;
  position: absolute;
  right: -15px;
  border: 1px solid #fff;
  border-radius: 50%;
  top: 2px;
  background-color: #fff;
  background-size: cover;
}
.randomize-subject-dlg-v2 .icon-wrapper .kit-position {
  top: 50%;
  margin-top: -1.1rem;
}
.randomize-subject-dlg-v2 .kit-id-wrapper {
  text-align: start;
  margin: auto 0 auto 1.2rem;
  line-height: 34px;
  width: 85px;
}
.randomize-subject-dlg-v2 .unblinded-pharma-info .co-error {
  padding-left: 60px;
  background-color: #fed;
  border: 1px solid #fed;
  outline: 0;
}
.randomize-subject-dlg-v2 .unblinded-pharma-info .co-error .co-error-errorMessage {
  line-height: 20px;
  color: rgba(0, 0, 0, 0.8);
}
.randomize-subject-dlg-v2 .unblinded-pharma-info .co-error.co-error-hasicon::before {
  background: url(images/pharmacist_icon.svg) 0 0 no-repeat;
  background-size: 32px;
  width: 32px;
  height: 32px;
}
.randomize-subject-dlg-v2 .partial-disp-info .co-error {
  padding-left: 60px;
  background-color: #B6D5F1;
  border: 1px solid #B6D5F1;
  outline: 0;
  color: #000;
}
.randomize-subject-dlg-v2 .partial-disp-info .co-error.co-error-hasicon::before {
  background: url(supplyimages/PartialDose_settings.svg) 0 0 no-repeat;
  background-size: 32px;
  width: 32px;
  height: 32px;
}

.dosingInstructionMsg {
  background: url(inventoryicons/Dispensed_status.svg) #EED5E2 no-repeat 10px 5px;
  border-radius: 5px 5px 0 0;
  line-height: 20px;
  display: flex;
  background-size: 25px 25px;
}

.randomize-conf-dlg {
  display: flex;
  width: 100%;
  margin-top: 10px;
}
.randomize-conf-dlg .randomization-conf-icon {
  display: flex;
  flex: 0 0 70px;
  height: 70px;
  width: 70px;
  background-image: url("images/Confirmation_Dialog.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: center;
  flex: 1 0 auto;
  min-width: 0px;
  min-height: 0px;
}
.randomize-conf-dlg .randomization-error-icon {
  display: flex;
  flex: 0 0 70px;
  height: 70px;
  width: 70px;
  background-image: url("images/Error_Dialog.svg");
  background-repeat: no-repeat;
  background-size: contain;
  flex: 1 0 auto;
  min-width: 0px;
  min-height: 0px;
}
.randomize-conf-dlg .randomization-conf-mesage {
  width: 330px;
  font-size: 14px;
  margin-left: 25px;
}
.randomize-conf-dlg .randomization-conf-mesage .secondary-message {
  margin-bottom: 10px;
}
.randomize-conf-dlg .randomization-conf-mesage .questionText {
  margin-top: 10px;
}
.randomize-conf-dlg .randomization-conf-mesage .radnomization-List {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  margin-left: 10px;
}
.randomize-conf-dlg .dosingCalc-conf-mesage {
  width: 375px;
  font-weight: 300;
  font-size: 14px;
}
.randomize-conf-dlg .dosingCalc-conf-mesage .secondary-message {
  margin-bottom: 2px;
}
.randomize-conf-dlg .dosingCalc-conf-mesage .questionText {
  margin-top: 10px;
}
.randomize-conf-dlg .dosingCalc-conf-mesage .radnomization-List {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  margin-left: 10px;
}

.screen-dialog-padding {
  padding: 20px 20px 0px 20px;
}

.screen-initiate-dlg {
  display: flex;
  align-items: center;
  width: 100%;
}
.screen-initiate-dlg .screen-initiate-dlg-icon {
  height: 70px;
  width: 70px;
  background-image: url(subjectimages/subject-state-icons/Subject_Screened.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
}
.screen-initiate-dlg .screen-initiate-dlg-align-self {
  align-self: center;
}
.screen-initiate-dlg .screen-initiate-dlg-success-text {
  font-size: 14px;
  margin-left: 25px;
}

.randomization-tile .side-by-side {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.randomization-tile .treatement-arm-details {
  font-size: 12px;
  font-weight: normal;
  height: 1.4em;
}
.randomization-tile .details-tile {
  min-height: 142px;
}
.randomization-tile .details-tile .card-label {
  flex: 0 1 auto;
  font-size: 12px;
  font-weight: normal;
  min-width: 0;
  min-height: 0;
  margin-right: 3px;
}
.randomization-tile .details-tile .card-label-detail {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  font-size: 12px;
  font-weight: bold;
}
.randomization-tile .details-tile .panel-contents {
  display: flex;
  align-items: center;
  height: 1.4em;
}
.randomization-tile .details-tile .title-panel {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.randomization-tile .details-tile .description-panel {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.randomization-tile .details-tile .algorthim-panel {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.randomization-tile .details-tile .stratums-panel {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.randomization-tile .details-tile .factors-panel {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.randomization-tile .details-tile .regions-panel {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.randomization-tile .details-tile .settings-panel {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.randomization-tile .treatment-arm-tile .title-label {
  color: #0063c9;
  font-size: 14px;
  font-weight: bold;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 3px;
}
.randomization-tile .treatment-arm-tile .short-name-label {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.randomization-tile .treatment-arm-tile .description-label {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.randomization-tile .treatment-arm-tile .ratios-label {
  color: #0063c9;
  font-size: 11px;
  font-weight: bold;
  text-align: right;
  text-overflow: ellipsis;
}
.randomization-tile .treatment-arm-tile .icon-panel {
  display: flex;
  flex-direction: column;
  width: 13%;
  padding-right: 10px;
}
.randomization-tile .treatment-arm-tile .content-column {
  display: flex;
  flex-direction: column;
  width: 87%;
  margin: 0px 2px 2px 2px;
  min-width: 210px;
}
.randomization-tile .treatment-arm-tile .content-row {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.randomization-tile .treatment-arm-tile .detail-panel {
  display: flex;
  flex-direction: column;
  width: 88%;
}
.randomization-tile .treatment-arm-tile .title-panel {
  display: flex;
  flex-direction: row;
  width: auto;
  max-width: 225px;
}
.randomization-tile .treatment-arm-tile .short-name-panel {
  display: flex;
  flex-direction: row;
  width: 30%;
}
.randomization-tile .treatment-arm-tile .description-panel {
  display: flex;
  flex-direction: row;
  width: auto;
  max-width: 225px;
}
.randomization-tile .treatment-arm-tile .ratios-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 10%;
  min-width: 25px;
}
.randomization-tile .treatment-arm-tile .ratios-margins {
  margin-top: 5px;
  margin-left: auto;
  margin-right: 7px;
}
.randomization-tile .stratum-tile .title-label,
.randomization-tile .stratum-tile .title-cohort-label {
  color: #0063c9;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  margin-right: 3px;
}
.randomization-tile .stratum-tile .description-label {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.randomization-tile .stratum-tile .ratios-label {
  color: #0063c9;
  font-size: 11px;
  font-weight: bold;
  text-align: right;
  text-overflow: ellipsis;
}
.randomization-tile .stratum-tile .treatementarm-label {
  font-size: 14px;
  margin-right: 3px;
  white-space: nowrap;
}
.randomization-tile .stratum-tile .treatementarm-ratio {
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  margin-right: 3px;
}
.randomization-tile .stratum-tile .icon-panel {
  display: flex;
  flex-direction: column;
  width: 13%;
  padding-right: 10px;
}
.randomization-tile .stratum-tile .content-column {
  display: flex;
  flex-direction: column;
  width: 87%;
  margin: 0px 2px 2px 2px;
  min-width: 210px;
}
.randomization-tile .stratum-tile .content-row {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.randomization-tile .stratum-tile .detail-panel {
  display: flex;
  flex-direction: column;
  width: 75%;
}
.randomization-tile .stratum-tile .title-panel {
  display: flex;
  flex-direction: row;
  width: auto;
}
.randomization-tile .stratum-tile .sub-title-panel {
  display: flex;
  flex-direction: row;
  width: auto;
}
.randomization-tile .stratum-tile .ratios-panel {
  display: flex;
  flex-direction: column;
  width: 25%;
}
.randomization-tile .stratum-tile .ratios-margins {
  margin-top: 5px;
  margin-left: auto;
  margin-right: 7px;
}

.rand-card-h2 {
  font-size: 12px;
  font-weight: normal;
}

.rand-card-h3 {
  font-size: 14px;
  font-weight: bold;
  max-width: 160px;
}

.rand-card-h4 {
  font-size: 12px;
  font-weight: normal;
  max-width: 160px;
}

.rand-card-h2, .rand-card-h3, .rand-card-h4 {
  color: #000000;
  font-style: normal;
  line-height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.rand-card-label-common {
  padding-right: 4px;
}

.rand-card-value-common {
  font-size: 14px;
  font-weight: bold;
  max-width: 50px;
}

.rand-card-value-visit {
  width: 150px;
}

.rand-card-value-description {
  font-size: 14px;
  width: 400px;
}

.rand-card-label-randomization {
  padding-right: 4px;
}

.rand-card-value-randomization {
  font-size: 14px;
  font-weight: bold;
  max-width: 100px;
}

.rand-arm-tip-container {
  display: block;
  background-color: #e7ffe1;
  margin: 5px auto 10px;
  width: 80%;
  text-align: center;
  border-radius: 5px;
}
.rand-arm-tip-container .rand-arm-tip-message {
  position: relative;
  padding: 12px;
  text-align: center;
}
.rand-arm-tip-container .rand-arm-tip-message .rand-arm-tip-seeHowItWorks {
  position: absolute;
  text-decoration: none;
  top: 2px;
  right: 2px;
}

.rand-card-header {
  height: 40px;
  background-color: #f5f5f5;
  font-size: 14px;
  font-weight: bold;
}

.rand-card-title {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  padding: 3px;
  margin: 5px 0px 0px 8px;
}

.rand-card-content {
  margin: 10px 5px 0px 0px;
}

.rand-card-trashicon {
  float: right;
  margin: 5px 5px 5px 0px;
  cursor: pointer;
}

.rand-card-editicon {
  float: right;
  margin: 5px 5px 5px 0px;
  cursor: pointer;
}

.rand-card-typeicon {
  width: 75px;
  height: 75px;
  background-image: url(randomizationimages/Randomization.svg);
  background-repeat: no-repeat;
  float: left;
  margin: 0px 5px 45px 5px;
  position: relative;
}
.rand-card-typeicon .unblinded-img {
  background-image: url(randomizationimages/Unblinded_Rand.svg);
  background-repeat: no-repeat;
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1px;
  min-width: 21px;
  min-height: 21px;
  position: absolute;
  top: 0;
  right: 0;
}

.rand-card-typeicon-openlabel {
  width: 75px;
  height: 75px;
  background-image: url(randomizationimages/None_Randomization.svg);
  background-repeat: no-repeat;
  float: left;
  margin: 0px 5px 45px 5px;
  position: relative;
}
.rand-card-typeicon-openlabel .unblinded-img {
  background-image: url(randomizationimages/Unblinded_Rand.svg);
  background-repeat: no-repeat;
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1px;
  min-width: 21px;
  min-height: 21px;
  position: absolute;
  top: 0;
  right: 0;
}

.rand-card-h2 {
  font-size: 12px;
  font-weight: normal;
}

.rand-card-h3 {
  font-size: 12px;
  font-weight: bold;
}

.rand-card-triangle-openicon {
  width: 16px;
  height: 16px;
  background-image: url(randomizationimages/opentriangle.png);
  background-repeat: no-repeat;
  float: left;
  margin: 10px 3px 0px 5px;
}

.rand-card-triangle-closeicon {
  width: 16px;
  height: 16px;
  background-image: url(randomizationimages/closetriangle.png);
  background-repeat: no-repeat;
  float: left;
  margin: 10px 3px 0px 5px;
}

.randCard-StratumGroupSection .rand-group-header-block {
  height: auto;
  background-color: #FFFFFF;
  clear: both;
}
.randCard-StratumGroupSection .rand-group-header-block .rand-group-header {
  height: 35px;
  background-color: #f5f5f5;
  border-top: #c4ced7 1px solid;
}
.randCard-StratumGroupSection .rand-group-header-block .rand-group-header .rand-details-group {
  width: available;
  height: 30px;
  margin-top: 10px;
  margin-left: 2px;
}
.randCard-StratumGroupSection .rand-group-content-block {
  height: auto;
  background-color: #FFFFFF;
  clear: both;
  border-top: #c4ced7 1px solid;
}
.randCard-StratumGroupSection .rand-group-content-block .rand-group-content {
  width: 100%;
  height: auto;
}
.randCard-StratumGroupSection .rand-group-content-block .rand-group-content .rand-group-content-details {
  height: auto;
  margin: 10px 0px 0px 0px;
}
.randCard-StratumGroupSection .rand-group-content-block .rand-group-content .rand-group-content-details .rand-group-info {
  font-size: 12px;
  color: #000000;
  margin-top: 12px;
}
.randCard-StratumGroupSection .rand-group-content-block .rand-group-content .rand-group-content-details .rand-group-info .rand-card-group-icon {
  width: 28px;
  height: 28px;
  float: left;
  background-image: url(randomizationimages/Stratum.svg);
  background-repeat: no-repeat;
  margin: 0px 10px 5px 5px;
  padding-right: 10px;
}
.randCard-StratumGroupSection .rand-group-content-block .rand-group-content .rand-group-content-details .rand-group-info .rand-card-adaptiveCohortgroup-icon {
  width: 26px;
  height: 28px;
  float: left;
  background-image: url(randomizationimages/AdaptiveCohortGroups.svg);
  background-repeat: no-repeat;
  margin: -3px 10px 5px 5px;
  padding-right: 10px;
}
.randCard-StratumGroupSection .rand-group-content-block .rand-group-content .rand-group-content-details .rand-group-info .rand-card-demographyCohortgroup-icon {
  width: 26px;
  height: 28px;
  float: left;
  background-image: url(randomizationimages/DemographyCohort.svg);
  background-repeat: no-repeat;
  margin: -3px 10px 5px 5px;
  padding-right: 10px;
}

.randCardStructure {
  display: flex;
  flex-direction: column;
  width: 300px;
  height: auto;
  background-color: #FFFFFF;
  border: #c4ced7 1px solid;
  float: left;
  margin: 3px;
}
.randCardStructure .randCard-detailsSection {
  padding: 5px;
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  flex-direction: row;
}
.randCardStructure .randCard-detailsSection .randCard-details {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  overflow: hidden;
}
.randCardStructure .randCard-detailsSection .randCard-details .randCard-detailsGroup {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  display: flex;
  margin-bottom: 10px;
}
.randCardStructure .randCard-detailsSection .randCard-details .randCard-detailsGroup .randCard-detailsGroup-item {
  display: flex;
  align-items: center;
}
.randCardStructure .randCard-detailsSection .randCard-details .randCard-detailsGroup .randCard-detailsGroup-item .rand-card-h2 {
  padding-right: 5px;
}
.randCardStructure .randCard-header {
  display: flex;
  align-items: center;
}
.randCardStructure:hover .randCard-detailsSection {
  background-color: #f5f5f5;
}
.randCardStructure:hover .rand-card-tab-outer-div {
  background-color: #F5F5F5;
}
.randCardStructure:active {
  border: #0063c9 2px solid;
  margin: 2px;
}
.randCardStructure:active .randCard-detailsSection {
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom, #fff 0%, #f1f3f4 5%, #e8ebed 50%, #e4e8ea 100%);
}
.randCardStructure:active .rand-card-tab-outer-div {
  background-color: #F5F5F5;
}
.randCardStructure:focus {
  outline: none;
  box-shadow: 0 0 4px #0063c9;
}

.rand-arm-header-block {
  height: auto;
  background-color: #FFFFFF;
  clear: both;
}

.rand-arm-header {
  height: 35px;
  background-color: #f5f5f5;
  border-top: #c4ced7 1px solid;
}

.rand-arm-header-details {
  width: available;
  height: 30px;
  margin-top: 10px;
  margin-left: 2px;
  font-weight: bold;
}

.rand-arm-content-block {
  height: auto;
  background-color: #FFFFFF;
  clear: both;
}

.rand-arm-content {
  width: 100%;
  height: auto;
}

.rand-arm-content-details {
  height: auto;
  margin: 10px 0px 0px 0px;
}

.rand-card-treatmentarm-unit {
  margin: 0px 10px 10px 5px;
}

.rand-card-treatmentarm-info {
  font-size: 12px;
  color: #000000;
}

.rand-card-treatementarm-icon {
  width: 28px;
  height: 28px;
  float: left;
  background-image: url(randomizationimages/TreatmentArms.svg);
  background-repeat: no-repeat;
  margin: 0px 10px 5px 5px;
  padding-right: 10px;
}

.rand-card-treatementarm-content {
  height: 28px;
}

.rand-card-treatementarm-label {
  width: 150px;
  color: #0063c9;
  font-size: 14px;
  font-weight: bold;
}

rand-card-treatementarm-desc {
  font-size: 14px;
  font-weight: normal;
}

.rand-card-h41 {
  color: #000000;
  font-style: normal;
  line-height: 120%;
}

.rand-card-treatmentarminfo {
  font-size: 12px;
  color: #000000;
  float: left;
}

.rand-card-tab-div {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.rand-card-tab-div .rand-tab-arm-icon {
  height: 32px;
  width: 32px;
  float: left;
  margin-left: 12%;
  background-image: url(randomizationimages/TreatmentArm_randcard_tab_default.svg);
  background-repeat: no-repeat;
  padding-bottom: 2px;
}
.rand-card-tab-div .rand-tab-arm-icon:hover {
  background-image: url(randomizationimages/TreatmentArm_randcard_tab_hover.svg);
}
.rand-card-tab-div .rand-tab-adaptive-cohort-icon {
  height: 32px;
  width: 32px;
  float: left;
  margin-left: 12%;
  background-image: url(randomizationimages/Adaptive_randcard_tab_default.svg);
  background-repeat: no-repeat;
  padding-bottom: 2px;
}
.rand-card-tab-div .rand-tab-adaptive-cohort-icon:hover {
  background-image: url(randomizationimages/Adaptive_randcard_tab_hover.svg);
}
.rand-card-tab-div .rand-tab-demography-cohort-icon {
  height: 32px;
  width: 32px;
  float: left;
  margin-left: 12%;
  background-image: url(randomizationimages/Demography_randcard_tab_default.svg);
  background-repeat: no-repeat;
  padding-bottom: 2px;
}
.rand-card-tab-div .rand-tab-demography-cohort-icon:hover {
  background-image: url(randomizationimages/Demography_randcard_tab_hover.svg);
}
.rand-card-tab-div .rand-tab-group-icon {
  width: 32px;
  height: 32px;
  float: left;
  margin-left: 12%;
  background-image: url(randomizationimages/Stratum_randcard_tab.svg);
  background-repeat: no-repeat;
  padding-bottom: 2px;
}
.rand-card-tab-div .rand-tab-group-icon:hover {
  background-image: url(randomizationimages/Stratum_randcard_tab_hover.svg);
}
.rand-card-tab-div .rand-tab-region-icon {
  width: 32px;
  height: 32px;
  float: left;
  background-image: url(randomizationimages/Regions_randcard_default.png);
  background-repeat: no-repeat;
  padding-bottom: 2px;
}
.rand-card-tab-div .rand-tab-region-icon:hover {
  background-image: url(randomizationimages/Regions_randcard_active.png);
}
.rand-card-tab-div .rand-tab-unselected a {
  padding: 0px 0px 1px 0px;
}
.rand-card-tab-div .rand-arm-icon-current {
  width: 18px;
  height: 18px;
  float: left;
  background-image: url(randomizationimages/TreatmentArm_randcard_tab_active.svg);
  background-repeat: no-repeat;
}
.rand-card-tab-div .rand-stratum-icon-current {
  width: 28px;
  height: 18px;
  margin-left: 16%;
  float: left;
  background-image: url(randomizationimages/Stratum_randcard_tab_active.svg);
  background-repeat: no-repeat;
}
.rand-card-tab-div .rand-adaptive-cohort-icon-current {
  width: 28px;
  height: 18px;
  margin-left: 16%;
  float: left;
  background-image: url(randomizationimages/Adaptive_randcard_tab_active.svg);
  background-repeat: no-repeat;
}
.rand-card-tab-div .rand-demography-cohort-icon-current {
  width: 28px;
  height: 18px;
  float: left;
  margin-left: 16%;
  background-image: url(randomizationimages/Demography_randcard_tab_active.svg);
  background-repeat: no-repeat;
}
.rand-card-tab-div .rand-region-icon-current {
  width: 18px;
  height: 18px;
  float: left;
  background-image: url(randomizationimages/regions_incard_active.png);
  background-repeat: no-repeat;
}
.rand-card-tab-div .rand-group-info {
  font-size: 12px;
  color: #000000;
  margin-top: 12px;
}
.rand-card-tab-div .rand-group-info .rand-card-group-icon {
  width: 28px;
  height: 28px;
  float: left;
  background-image: url(randomizationimages/Stratum.svg);
  background-repeat: no-repeat;
  margin: 0px 10px 5px 5px;
}
.rand-card-tab-div .rand-group-info .rand-card-adaptiveCohortgroup-icon {
  width: 26px;
  height: 28px;
  float: left;
  background-image: url(randomizationimages/AdaptiveCohortGroups.svg);
  background-repeat: no-repeat;
  margin: -3px 10px 5px 5px;
}
.rand-card-tab-div .rand-group-info .rand-card-demographyCohortgroup-icon {
  width: 26px;
  height: 28px;
  float: left;
  background-image: url(randomizationimages/DemographyCohort.svg);
  background-repeat: no-repeat;
  margin: -3px 10px 5px 5px;
  padding-right: 10px;
}
.rand-card-tab-div .region-content {
  padding-top: 10px;
}
.rand-card-tab-div .region-content .bottom-border-class {
  border-bottom: 1px solid #d6dfe6;
  padding-bottom: 10px;
}
.rand-card-tab-div .region-icon-title {
  width: 28px;
  height: 28px;
  float: left;
  background-image: url(randomizationimages/regions_icon.png);
  background-repeat: no-repeat;
  padding-right: 10px;
}
.rand-card-tab-div .region-name-tile {
  color: #0063c9;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  margin-right: 3px;
}
.rand-card-tab-div .region-countries {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.manageRandomizationPopup .rand-applyBtnWrap {
  margin-bottom: 15px;
  margin-top: 15px;
}
.manageRandomizationPopup .rand-applyBtnWrap .randomization-modes {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.manageRandomizationPopup .rand-applyBtnWrap .randomization-modes .randomization-mode-narrow {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 2px;
  border: solid #a2c0df;
  border-width: 0 0 5px 0;
  border-radius: 0;
  margin: 0;
  max-width: 180px;
  min-width: 170px;
  margin-right: 10px;
  text-decoration: none;
  background-color: #e8e8e8;
  cursor: pointer;
}
.manageRandomizationPopup .rand-applyBtnWrap .randomization-modes .randomization-mode-narrow .mode-arrow {
  position: absolute;
  right: 10px; /*-$supplySettingsModeArrowWidth;*/
  top: 50%;
  margin-top: 0; /*-($siteModeArrowHeightNarrow/2);*/
  border-width: 5px;
  border-color: #0063c9 transparent transparent transparent;
  border-style: solid;
}
.manageRandomizationPopup .rand-applyBtnWrap .randomization-modes .randomization-mode-narrow .randomization-mode-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding: 5px 3px 3px 0;
  font-weight: bold;
  text-align: center;
  font-size: 1rem; /*$supplySettingsModesFontSize;*/
  color: #0063c9;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.manageRandomizationPopup .rand-applyBtnWrap .randomization-modes .randomization-mode-narrow .randomization-mode-label.active:before {
  display: inline-block;
  content: "";
  min-width: 16px;
  width: 26px;
  height: 16px;
  background-image: url("subjectimages/enrollment-image/StudyVersion_Approved.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px;
}
.manageRandomizationPopup .rand-applyBtnWrap .randomization-modes .randomization-mode-narrow .randomization-mode-label.active {
  padding-right: 16px;
}
.manageRandomizationPopup .rand-applyBtnWrap .randomization-modes .randomization-mode-narrow .randomization-mode-label.test:before {
  display: inline-block;
  content: "";
  min-width: 16px;
  width: 26px;
  height: 16px;
  background-image: url("subjectimages/enrollment-image/StudyVersion_Testing.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px;
}
.manageRandomizationPopup .rand-applyBtnWrap .randomization-modes .randomization-mode-narrow .randomization-mode-label.test {
  padding-right: 16px;
}
.manageRandomizationPopup .rand-applyBtnWrap .randomization-modes .randomization-mode-narrow .randomization-mode-label.training:before {
  display: inline-block;
  content: "";
  min-width: 16px;
  width: 26px;
  height: 16px;
  background-image: url("subjectimages/enrollment-image/StudyVersion_Training.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px;
}
.manageRandomizationPopup .rand-applyBtnWrap .randomization-modes .randomization-mode-narrow .randomization-mode-label.training {
  padding-right: 16px;
}
.manageRandomizationPopup .rand-applyBtnWrap .randomization-modes .randomization-mode-narrow .randomization-mode-label-short {
  display: none;
  font-size: 0.9rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.manageRandomizationPopup .rand-applyBtnWrap .randomization-modes .randomization-mode-narrow.active {
  border-color: #0063c9;
  background-color: #deedfc;
}
.manageRandomizationPopup .rand-applyBtnWrap .randomization-modes .randomization-mode-narrow.active .randomization-mode-label {
  color: #0063c9;
}
.manageRandomizationPopup .rand-applyBtnWrap .randomization-modes .randomization-mode-narrow.active .mode-arrow {
  border-color: #0063c9 transparent transparent transparent;
}
.manageRandomizationPopup .oj-table-container {
  display: block;
}
.manageRandomizationPopup .oj-table {
  min-width: 100%;
}
.manageRandomizationPopup .oj-table .oj-table-column-header-cell {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  font-size: 12px;
}
.manageRandomizationPopup .oj-table .oc-table-header-text {
  font-weight: bold;
  font-size: 12px;
}
.manageRandomizationPopup .oj-table .manageRandTable tbody tr:nth-child(odd) {
  background-color: #fff;
}
.manageRandomizationPopup .oj-table .manageRandTable tbody tr:nth-child(odd):hover {
  background-color: #fff;
}
.manageRandomizationPopup .oj-table .manageRandTable tbody tr:nth-child(even):hover {
  background-color: #fff;
}
.manageRandomizationPopup .oj-table .manageRandTable tbody tr {
  outline-color: none;
  outline: none;
}
.manageRandomizationPopup .addStudyVersionLink {
  border: 2px dashed #bde2ab;
  display: block;
  text-align: center;
  width: 100%;
  padding: 5px 0;
  color: #86af66;
  font-size: 16px;
  margin: 5px 5px 10px 5px;
  cursor: pointer;
}
.manageRandomizationPopup .downloadRandIcon {
  background-image: url(common/Download_default.svg);
  height: 18px;
  width: 18px;
  background-size: contain;
}
.manageRandomizationPopup .rand-card-typeicon {
  height: 18px;
  width: 18px;
  margin: 0px 0px 0px 10px;
}
.manageRandomizationPopup .associatedStudyIcon {
  background-image: url(images/success_icon.png);
  height: 22px;
  width: 22px;
  margin: 0 auto;
  background-size: contain;
}
.manageRandomizationPopup .listItem {
  font-weight: bold;
  color: #000;
  display: block;
  margin: 5px 5px 5px 10px;
  font-size: 1rem;
}
.manageRandomizationPopup .listItem div.oj-label-group {
  width: 100%;
}
.manageRandomizationPopup .listItem div.oj-label-group label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.manageRandomizationPopup .listSubItem {
  margin-left: 5px;
  line-height: 20px;
  color: #000;
  font-size: 1rem;
  width: 85%;
}
.manageRandomizationPopup .listSubItem div.oj-label-group {
  width: 100%;
}
.manageRandomizationPopup .listSubItem div.oj-label-group label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.manageRandomizationPopup .listSubItem label {
  font-weight: normal !important;
}
.manageRandomizationPopup .downloadBlock {
  display: inline;
}
.manageRandomizationPopup .downloadBlock .downloadBtn {
  background: none !important;
  border: 0px;
}
.manageRandomizationPopup .downloadBlock .downloadBtn.selected {
  border: 1px solid #ccc;
  margin-bottom: -1px;
  background: #fff !important;
}
.manageRandomizationPopup .downloadMenuItem .oj-menu-item > a {
  line-height: 22px;
  padding: 0px;
}
.manageRandomizationPopup .oj-menu-dropdown .oj-menu-item > a {
  line-height: 2;
  color: #000;
  padding: 0 10px;
}
.manageRandomizationPopup .randItemBlock {
  width: 100%;
}
.manageRandomizationPopup .randListName {
  font-weight: bold;
  font-size: 1rem;
}
.manageRandomizationPopup .manageRandList {
  max-width: 390px;
}
.manageRandomizationPopup .manageRandList .oc-icon {
  height: 18px;
  width: 18px;
  background-size: contain;
  margin-left: 5px;
}
.manageRandomizationPopup .manageRandList .oc-icon-edit-disabled {
  opacity: 0.5;
  visibility: hidden;
  cursor: default;
}
.manageRandomizationPopup .manageRandList .oc-icon-edit-disabled:hover {
  background-image: url("common/Edit_default.svg");
}
.manageRandomizationPopup .manageRandList .manageRandListItem {
  margin-bottom: 10px;
}
.manageRandomizationPopup .studyVersionPopup oj-table-body-row.oj-focus:not(oj-table-body-row-edit) {
  outline: none;
  outline-offset: 0px;
}

.manageStudyVersion {
  width: 100%;
}
.manageStudyVersion .inputLabel {
  font-size: 12px;
}
.manageStudyVersion .lblWidth {
  width: 170px;
  min-width: 170px;
  max-width: 170px;
}
.manageStudyVersion .asterisks {
  color: #02629f;
  font-size: 1.28571rem;
  font-weight: normal;
  line-height: 1rem;
  background-color: transparent;
  border-radius: 0;
  height: auto;
  width: auto;
}

.studyVersionDialog .asterisk {
  text-align: right;
  position: absolute;
  color: rgb(4, 95, 171);
  font-size: 1.3em;
  left: 26px;
  top: 3px;
}
.studyVersionDialog .manageRandFillSpace .oj-select-multi .oj-select-choices {
  min-height: 100px;
  height: 100px;
}
.studyVersionDialog .oj-dialog-content {
  display: inline-block !important;
}

.form-list-items.co-form-preview {
  border: none;
  margin-top: 0;
}
.form-list-items {
  margin-top: 15px;
  overflow: hidden;
  border: solid 1px #d6dfe6;
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.form-list-items .focused-view-message .co-error {
  background-color: #deedfc;
  border: 1px solid #deedfc;
  color: #000;
  margin: 0 0 10px;
  min-width: 100%;
}
.form-list-items .focused-view-message .co-error.co-error-hasicon:before {
  background: url(./images/Information_Dialog.svg) 0 0 no-repeat;
}
.form-list-items .form-items-and-button {
  flex: 3;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.form-list-items .form-items-and-button .data-capture-done-button {
  position: absolute;
  bottom: -127px;
  left: 0;
  right: 0;
  text-align: right;
  height: 4.5em;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  align-self: flex-end;
  align-items: center;
  justify-content: flex-end;
}
.form-list-items .form-items-and-button .data-capture-done-button .save-message {
  align-self: center;
  margin-right: 10px;
  font-size: 12px;
  font-style: italic;
}
.form-list-items .form-items-and-button .data-capture-done-button button {
  margin-left: 0.3em;
}
.form-list-items .form-items-and-button .data-capture-footer-button {
  position: absolute;
  bottom: -127px;
  left: 0;
  right: 0;
  text-align: right;
  height: 4.5em;
  border-top: 1px solid #E5E6E6;
  display: flex;
  align-self: flex-end;
  align-items: center;
  justify-content: flex-end;
}
.form-list-items .form-items-and-button .data-capture-footer-button .save-message {
  align-self: center;
  margin-right: 10px;
  font-size: 12px;
  font-style: italic;
}
.form-list-items .form-items-and-button .data-capture-footer-button button {
  margin-left: 0.3em;
}
.form-list-items .form-items-and-button .footerButtonLeft {
  margin-right: auto;
  margin-left: 10px;
}
.form-list-items .form-items-and-button .form-items {
  height: calc(100% - 4.5em);
  flex: 3 0 0%;
  min-width: 0px;
  min-height: 0px;
  overflow: auto;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 4.5em;
}
.form-list-items .form-items-and-button .form-items > div {
  min-width: 750px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.form-list-items .form-items-and-button .form-items > div .form-visit-date {
  width: 100%;
}
.form-list-items .form-items-and-button .form-items > div .form-visit-date .visit-start-date-input input {
  text-align: right;
  padding-right: 10px !important;
}
.form-list-items .form-items-and-button .form-items .list-of-forms-items-container {
  width: inherit;
  margin-bottom: 1em;
}
.form-list-items .form-items-and-button .form-items .list-of-forms-items-container .drug-form-preview-header-section {
  display: flex;
  justify-content: flex-end;
}
.form-list-items .form-items-and-button .form-items .list-of-forms-items-container .drug-form-preview-header-section .header-section-container {
  position: absolute;
  display: flex;
  gap: 3rem;
  justify-content: space-between;
  align-items: center;
  height: 70px;
}
.form-list-items .form-items-and-button .form-items .smart-object-padding {
  padding: 0;
}
.form-list-items .form-items-and-button .form-items :not(.qgcontainer) .form-items-item-container:not(.qg-general-container) .form-items-flex-container .dataElement-form-title {
  min-width: 400px !important;
  max-width: 400px !important;
}
.form-list-items .form-items-and-button .form-items :not(.qgcontainer) .form-items-item-container.qGroupItem .form-items-flex-container .dataElement-form-title {
  min-width: 200px !important;
  max-width: 200px !important;
}
.form-list-items .form-items-and-button .form-items :not(.qgcontainer) .form-items-item-container.qGroupItem .form-items-flex-container .dataElement-form-title.dropDown-label-container {
  margin-bottom: 0.25em;
}
.form-list-items .form-items-and-button .form-items :not(.qgcontainer) .form-items-item-container.qGroupItem .form-items-flex-container .dataElement-form-title .item-label-div {
  min-height: 36px;
  align-items: center;
}
.form-list-items .form-items-and-button .form-items :not(.qgcontainer) .form-items-item-container.qGroupItem .form-items-flex-container .dataElement-form-title .item-label-div .multiline-ellipsis {
  -webkit-line-clamp: 2;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .smart-padding {
  padding: 0;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container {
  background-color: #f5f5f5;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container.query-active-background {
  background-color: #FDEAEC;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container.visit-start-date-container {
  background-color: #dfeef4;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .form-items-flex-container {
  display: flex;
  padding: 5px 10px;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .form-items-flex-container.trimmedWidth > div.qcontainer-label {
  padding-right: 5em;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .form-items-flex-container {
  justify-content: flex-start;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-title {
  justify-content: space-between;
  display: flex;
  align-items: flex-start;
  align-items: center;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-title.qcontainer-label {
  align-items: flex-start;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-title.qcontainer-label oj-label label {
  font-weight: bold !important;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-title.enrollment-ques {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-title.enrollment-ques .question-flag-label {
  position: absolute;
  right: 1px;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .smart-object-form-title {
  align-items: center;
  flex: 1 0 0%;
  min-width: 400px !important;
  max-width: 400px !important;
  display: flex;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .smart-object-form-title .item-label-div {
  justify-content: space-between;
  display: flex;
  margin-right: 0px;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-container .item-field-reason-for-change-unit {
  display: flex;
  flex-direction: column;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-container .item-field-reason-for-change-unit .item-field-smart-object {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-container .item-field-reason-for-change-unit .item-field-reason-for-change {
  flex-direction: column;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-container .item-field-reason-for-change-unit .item-field-reason-for-change .text-field textarea {
  width: 100%;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-container .item-field-reason-for-change-unit .item-field {
  padding-right: 0px;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-container .item-field-reason-for-change-unit .is-missed {
  border-width: 2px;
  border-color: #e65a66;
  border-style: solid;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-container .item-field-reason-for-change-unit {
  position: relative;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-container .item-field-query-edit-icons {
  flex-direction: row;
  flex-wrap: nowrap;
  display: inline-flex;
  place-self: flex-start;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-container .smart-value {
  min-width: 50%;
  width: 50%;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-container .item-field-query-edit-icons.smart-value {
  position: relative;
  top: 0;
  left: 10px;
  min-width: 15%;
  width: 15%;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .align-flex-start {
  align-self: flex-start;
  margin-top: 8px;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .align-flex-end {
  align-self: flex-end;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .dataElement-form-container {
  padding-left: 5px;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .multi-column oj-checkboxset[id^=checkboxset-] label[for^=checkboxset-] oj-option[id^=checkboxset-],
.form-list-items .form-items-and-button .form-items .form-items-item-container .multi-column oj-radioset[id^=radioset-] label[for^=checkboxset-] oj-option[id^=checkboxset-] {
  line-height: 1.1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  margin-bottom: 0px;
  -webkit-line-clamp: 2;
  max-height: 2.2em;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  max-height: 100%;
  overflow: visible !important;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .multi-column oj-checkboxset[id^=checkboxset-] label[for^=radioset-] oj-option[id^=radioset-],
.form-list-items .form-items-and-button .form-items .form-items-item-container .multi-column oj-radioset[id^=radioset-] label[for^=radioset-] oj-option[id^=radioset-] {
  line-height: 1.1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  margin-bottom: 0px;
  -webkit-line-clamp: 2;
  max-height: 2.2em;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  max-height: 100%;
  overflow: visible !important;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .multi-column .single .oj-checkboxset-wrapper > span.oj-choice-item,
.form-list-items .form-items-and-button .form-items .form-items-item-container .multi-column .single .oj-radioset-wrapper > span.oj-choice-item {
  display: flex;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .multi-column .double .oj-checkboxset-wrapper > span.oj-choice-item,
.form-list-items .form-items-and-button .form-items .form-items-item-container .multi-column .double .oj-radioset-wrapper > span.oj-choice-item {
  max-width: 40%;
  width: 40%;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .multi-column .double .oj-choice-row-inline::before {
  min-height: auto;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .multi-column .triple .oj-checkboxset-wrapper > span.oj-choice-item,
.form-list-items .form-items-and-button .form-items .form-items-item-container .multi-column .triple .oj-radioset-wrapper > span.oj-choice-item {
  max-width: 30%;
  width: 30%;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .multi-column .triple .oj-choice-row-inline::before {
  min-height: auto;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .oj-inputtext-input:disabled {
  color: #9e9e9e;
  background-color: #efeff1;
  border-color: #efeff1;
  opacity: 1;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .oj-inputdatetime-input:disabled {
  color: #9e9e9e;
  background-color: #efeff1;
  border-color: #efeff1;
  opacity: 1;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field textarea {
  padding-left: 5px;
  padding-right: 5px;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field input {
  padding-left: 5px;
  padding-right: 5px;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field .oj-form-layout .oj-flex-item {
  padding-bottom: 0px !important;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field .form-item-number-input .oj-inputdatetime-input-container .oj-inputdatetime-input-trigger,
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field .form-item-date-input .oj-inputdatetime-input-container .oj-inputdatetime-input-trigger {
  min-height: 40px;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field .form-item-number-input input,
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field .form-item-date-input input {
  text-align: right;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field .form-item-number-input input::-webkit-input-placeholder,
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field .form-item-date-input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: system-ui !important;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field .form-item-number-input input::-moz-placeholder,
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field .form-item-date-input input::-moz-placeholder {
  /* Firefox 19+ */
  font-family: system-ui !important;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field .form-item-number-input input:-ms-input-placeholder,
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field .form-item-date-input input:-ms-input-placeholder {
  /* IE 10+ */
  font-style: normal !important;
  font-family: system-ui !important;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field .form-item-number-input input,
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field .form-item-date-input input {
  /* Edge (also supports ::-webkit-input-placeholder) */
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field .form-item-number-input input::-ms-input-placeholder,
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field .form-item-date-input input::-ms-input-placeholder {
  font-family: system-ui !important;
  font-style: normal !important;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field .form-item-number-input input:-moz-placeholder,
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field .form-item-date-input input:-moz-placeholder {
  /* Firefox 18- */
  font-family: system-ui !important;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field {
  /*   .form-item-text-input{
         input{
             min-height: 40px;
         }
     }*/
  display: flex;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field .oj-form-control {
  margin-bottom: 0 !important;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field {
  align-items: center;
  padding-right: 10px;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field.item-with-title-hover {
  min-width: 180px;
  align-items: flex-start;
  flex-direction: column;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field.item-with-title-hover .item-field-with-unit {
  display: flex;
  align-items: center;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field.item-with-title-hover .item-field-with-unit .popupcontainer-multiple-messages {
  padding: 5px;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field.item-with-title-hover .bold-text label {
  font-weight: bold !important;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field .smart-object-parent {
  width: 150px;
  padding: 5px;
  margin-right: 1em;
  background-color: rgb(230, 230, 230);
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field .smart-object-input {
  text-align: right;
  border: #c4ced7 1px solid;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field .smart-object-input-error {
  text-align: left;
  border: rgb(221, 102, 102) 2px solid;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field .smart-object-input-null {
  text-align: center;
  border: #c4ced7 1px solid;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field .item-input-width {
  width: 241px;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field .read-only-input-border input.oj-inputtext-input {
  background-color: #e7e6e6;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field .is-missed input.oj-inputtext-input {
  border-width: 2px;
  border-color: #e65a66;
  border-style: solid;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field.freeze-input input.oj-inputtext-input,
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field.freeze-input input.oj-inputdatetime-input {
  background-color: #e7e6e6;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-field .oj-read-only.checkbox-readonly, .form-list-items .form-items-and-button .form-items .form-items-item-container .item-field .oj-read-only.radioset-readonly {
  min-width: 220px;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .unit-of-measure {
  max-width: 245px;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .unit-of-measure .cust-num-fix {
  max-width: 90px;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .unit-of-measure.unitExist {
  min-width: 120px;
  text-align: right;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .unit-of-measure.unitExist .cust-num-fix {
  min-width: 90px;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .unit-of-measure.unit-of-measure-qgroup {
  text-align: right;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .smart-object-unit {
  position: absolute;
  left: 36px;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .query-icon-place {
  display: flex;
  justify-content: center;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .query-icon-place-beforeForm {
  display: flex;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  align-items: center;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .align-self-start {
  align-items: flex-start;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .align-self-center {
  align-items: center;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-label-div {
  display: flex;
  align-items: center;
  margin-right: 5px;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-label-div .flexVertical {
  display: flex;
  flex-direction: column;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-label-div .item-label-count {
  padding-right: 5px;
  display: flex;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-label-div .item-label-count .color-asterisk {
  color: #0063c9;
  padding-right: 3px;
  align-self: center;
}
.form-list-items .form-items-and-button .form-items .form-items-item-container .item-label-div .item-label-count .flexVertical {
  display: flex;
  flex-direction: column;
}
.form-list-items .form-items-and-button .form-items .enrollment-info {
  font-size: 12px;
  color: #0466C9;
  font-weight: normal;
  width: 80%;
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.form-list-items .form-items-and-button .form-items .enrollment-info.qggroup-type {
  max-width: 250px;
  width: 100%;
}
.form-list-items .form-items-and-button .form-items .enrollment-info .info_icon {
  background-image: url("images/Information_Dialog.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 20px;
  margin: 5px 5px 5px 0;
  width: 25px;
  display: inline-block;
}
.form-list-items .form-items-and-button .form-items .form-items-form-title {
  font-size: 20px;
  font-weight: bold;
  color: #252525;
  line-height: 1.1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  margin-bottom: 0px;
  -webkit-line-clamp: 1;
  max-height: 1.1em;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
}
.form-list-items .form-items-and-button .form-items .form-items-form-title h2 {
  font-size: 18px;
  font-weight: bold;
}
.form-list-items .form-items-and-button .form-items .form-items-form-title-div-preview {
  justify-content: space-between;
  align-items: center;
}
.form-list-items .form-items-and-button .form-items .form-items-form-title-div-preview .formPreviewShare {
  display: inline-flex;
  width: 75%;
  justify-content: space-between;
}
.form-list-items .form-items-and-button .form-items .form-items-form-title-div-preview .formPreviewShare .formPreviewDataInfoMsg {
  display: inline-flex;
}
.form-list-items .form-items-and-button .form-items .form-items-form-title-div-preview .formPreviewShare .formPreviewShareButtons {
  padding: 0px 5px;
}
.form-list-items .form-items-and-button .form-items .form-items-form-title-div {
  padding: 10px;
  display: flex;
  align-items: center;
}
.form-list-items .form-items-and-button .form-items .form-items-form-title-div.form-items-title-div-hasicon {
  padding-bottom: 3px;
  padding-top: 3px;
}
.form-list-items .form-items-and-button .form-items .form-items-form-title-div .copyLibraryFormIcon {
  background-image: url("formimages/Copied_From_Library_NotEdited_FormFlag.svg");
  background-size: 20px 20px;
  margin-left: 8px;
  height: 20px;
  width: 20px;
}
.form-list-items .form-items-and-button .form-items .form-items-form-title-div .copyLibraryFormEditedIcon {
  background-image: url("formimages/Copied_From_Library_Edited_FormFlag.svg");
  background-size: 20px 20px;
  margin-left: 8px;
  height: 20px;
  width: 20px;
}
.form-list-items .form-items-and-button .form-items .form-items-form-title-div .library-previous-version-icon {
  background-image: url("formimages/warning_icon.svg");
  background-size: 20px 20px;
  margin-right: 4px;
  height: 20px;
  width: 20px;
}
.form-list-items .form-items-and-button .form-items .form-items-form-title-div .libraryFormStatusIcon {
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
}
.form-list-items .form-items-and-button .form-items .form-items-form-title-div .library-form-previous-version {
  text-align: end;
  font-size: 14px;
  font-weight: 600;
  margin-right: 4px;
}
.form-list-items .form-items-and-button .form-items .form-items-form-title-div .library-form-bar {
  display: inline-flex;
  justify-content: end;
}
.form-list-items .form-items-and-button .form-items .form-items-search-input input {
  border: none;
}
.form-list-items .form-items-and-button .form-items .form-items-search-input:before {
  content: url(subjectimages/search-icon.png);
  margin-left: 5px;
}
.form-list-items .form-items-and-button .form-items .oj-inputtext.form-items-search-input {
  display: flex;
  align-items: center;
  border: 1px solid #dfe4e7;
  background-color: #fcfdfe;
}
.form-list-items .form-items-and-button .form-items .form-single-formitem {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.form-list-items .form-items-and-button .form-items .form-single-formitem .form-container-spacing {
  margin-bottom: 2px;
}
.form-list-items .form-items-and-button .form-items .question-flag-label {
  color: white;
  padding: 8px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: normal;
  margin-right: 5px;
}
.form-list-items .form-items-and-button .form-items .flag_not_done {
  background-color: #4c5366;
}
.form-list-items .form-items-and-button .form-items .flag_not_applicable {
  background-color: #5c4565;
}
.form-list-items .form-items-and-button .form-items .flag_unknown {
  background-color: #5e664c;
}
.form-list-items .form-items-and-button .form-items .flag-container-qgroup {
  min-width: 90px;
  max-width: 120px;
  margin-bottom: 4px;
  height: 0px;
}
.form-list-items .form-items-and-button .form-items .flag-container-qgroup.flag-container-choice-checkbox, .form-list-items .form-items-and-button .form-items .flag-container-qgroup.flag-container-choice-radioset, .form-list-items .form-items-and-button .form-items .flag-container-qgroup.flag-container-form-item {
  height: 30px;
}
.form-list-items .form-items-and-button .form-items .flag-container-qgroup {
  display: flex;
}
.form-list-items .form-items-and-button .form-items .flag-container-qgroup .qGroup-flag {
  width: 100%;
  display: flex;
  align-self: flex-start;
  justify-content: space-between;
  white-space: nowrap;
  text-align: center;
  padding: 4px;
  position: relative;
  z-index: 1;
  left: 1em;
}
.form-list-items .form-items-and-button .form-items .flag-container-qgroup .qGroup-flag.flag_disabled {
  opacity: 0;
  z-index: 0;
}
.form-list-items .form-items-and-button .form-items .flag-container-qgroup .qGroup-flag .remove {
  margin-left: 1em;
}
.form-list-items .form-items-and-button .form-items .flag-container-form-item {
  margin-left: 5px;
  margin-bottom: 8px;
}
.form-list-items .form-items-and-button .form-items .flag_disabled {
  opacity: 0.5;
  pointer-events: none;
}
.form-list-items .hsgbu-co-subject-graph-container {
  width: 100%;
}

.fieldListGQ {
  max-height: -moz-fit-content;
  max-height: fit-content;
  display: flex;
  flex-direction: column;
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.fieldListGQ .sub-item-flexibility {
  margin-left: 5%;
  float: right;
}
.fieldListGQ .item-container {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  box-shadow: none !important;
  border: 1px solid #dfdfdf;
}
.fieldListGQ .item-container.selected {
  box-shadow: -2px 2px 2px #abd6f7;
  border-color: #0572ce;
}
.fieldListGQ .item-container.selected-gq {
  border-color: #0572ce;
}
.fieldListGQ .item-container.error-border {
  border: 2px solid #dd6666 !important;
}
.fieldListGQ .item-container .item-container-hidden {
  background-color: #f5f5f5;
  color: #6e6e6e;
}
.fieldListGQ .item-container .item-container-hidden h3 {
  color: #6e6e6e;
}
.fieldListGQ .item-container .item-container-hidden age-item-notEditing {
  color: #6e6e6e;
}
.fieldListGQ .item-container .item-container-hidden .oj-button .oj-button-text {
  color: #6e6e6e;
}
.fieldListGQ .item-container .item-container-wrapper {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  padding: 10px;
}
.fieldListGQ .item-container .item-container-icons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: -47px;
}
.fieldListGQ .item-container .item-container-icons .ec-form-design-laboratoryicon {
  background-image: url(siteImages/Laboratory.svg);
  background-repeat: no-repeat;
  margin-left: 12px;
  width: 30px;
  height: 30px;
  padding-bottom: 10px;
  background-size: 30px;
}
.fieldListGQ .item-container .item-container-icons .ec-form-design-rollovericon {
  background-image: url(formimages/Rollover_FormDesign.svg);
  background-repeat: no-repeat;
  margin-left: 12px;
  width: 30px;
  height: 30px;
  padding-bottom: 10px;
  background-size: 30px;
}
.fieldListGQ .item-container .item-container-icons .ec-form-design-branchicon {
  background-image: url(formimages/branching.svg);
  background-repeat: no-repeat;
  margin-left: 12px;
  width: 30px;
  height: 30px;
  padding-bottom: 10px;
  background-size: 30px;
}
.fieldListGQ .item-container .subItem-container-icons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 23px;
}
.fieldListGQ .item-container .subItem-container-icons .ec-form-design-laboratoryicon {
  background-image: url(siteImages/Laboratory.svg);
  background-repeat: no-repeat;
  margin-left: 12px;
  width: 30px;
  height: 30px;
  padding-bottom: 10px;
  background-size: 30px;
}
.fieldListGQ .item-container .subItem-container-icons .ec-form-design-rollovericon {
  background-image: url(formimages/Rollover_FormDesign.svg);
  background-repeat: no-repeat;
  margin-left: 12px;
  width: 30px;
  height: 30px;
  padding-bottom: 10px;
  background-size: 30px;
}
.fieldListGQ .item-container .subItem-container-icons .ec-form-design-branchicon {
  background-image: url(formimages/branching.svg);
  background-repeat: no-repeat;
  margin-left: 12px;
  width: 30px;
  height: 30px;
  padding-bottom: 10px;
  background-size: 30px;
}
.fieldListGQ .item-container .item-container-content {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.fieldListGQ .item-container .item-container-content.subItem-withIcons {
  margin-left: 35px;
}
.fieldListGQ .item-container .item-container-content.subItem-noIcon {
  margin-left: 100px;
}
.fieldListGQ .item-container .item-container-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  height: 45px;
  border: 0px solid #aaaaaa;
}
.fieldListGQ .item-container .item-container-header .item-container-question-label {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.fieldListGQ .item-container .item-container-header .item-container-question-label .item-question-label-count {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.fieldListGQ .item-container .item-container-header .item-container-question-label .item-question-label-count .questionLabel {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  margin: 3px;
  border: 0px solid #aaaaaa;
}
.fieldListGQ .item-container .item-container-header .item-container-question-label .item-question-label-count .questionLabel h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}
.fieldListGQ .item-container .item-container-header .item-container-question-label .item-question-label-count .questionLabel .subItemWithHidden {
  margin-bottom: -9px;
  width: 90%;
  margin-left: -3px;
}
.fieldListGQ .item-container .item-container-header .item-container-question-label .item-question-label-count .oj-inputtext {
  max-width: 18em;
  min-width: 8em;
}
.fieldListGQ .item-container .item-container-header .item-container-question-label span.hidden-tag-section {
  margin-left: 45px;
}
.fieldListGQ .item-container .item-container-header .item-header-section {
  padding-right: 10px;
}
.fieldListGQ .item-container .item-container-header .item-header-section .oj-hover .ec-form-design-dropdownicon-label {
  background-image: url(formimages/Dropdown_hover.svg);
}
.fieldListGQ .item-container .item-container-header .item-header-section .oj-hover .ec-form-design-texticon-label {
  background-image: url(formimages/Text_hover.svg);
}
.fieldListGQ .item-container .item-container-header .item-header-section .oj-hover .ec-form-design-numbericon-label {
  background-image: url(formimages/Number_hover.svg);
}
.fieldListGQ .item-container .item-container-header .item-header-section .oj-hover .ec-form-design-dateicon-label {
  background-image: url(formimages/DateTime_hover.svg);
}
.fieldListGQ .item-container .item-container-header .item-header-section .oj-hover .ec-form-design-age-label {
  background-image: url(formimages/icon_age.svg);
}
.fieldListGQ .item-container .item-container-header .item-header-section .oj-hover .ec-form-design-questiongroupicon-label {
  background-image: url(formimages/QuestionGroups_hover.svg);
}
.fieldListGQ .item-container .item-container-header .item-header-section .oj-hover .ec-form-design-codelist-label {
  background-image: url(formimages/Codelist_hover.svg);
}
.fieldListGQ .item-container .item-container-header .item-header-section .oj-hover .ec-form-design-instructionaltexticon-label {
  background-image: url(formimages/InstructionalText_hover.svg);
}
.fieldListGQ .item-container .item-container-header .item-header-section .oj-hover .ec-form-design-checkboxicon-label {
  background-image: url("formimages/Checkbox_default.svg");
}
.fieldListGQ .item-container .item-container-header .item-header-section .oj-hover .ec-form-design-radioseticon-label {
  background-image: url("formimages/Radioset_default.svg");
}
.fieldListGQ .item-container .item-container-header .item-header-section .oj-hover .ec-form-design-labelicon-label {
  background-image: url("formimages/Label_default.svg");
}
.fieldListGQ .item-container .item-container-header .item-header-section .oj-hover .ec-form-design-ratingscaleicon-label {
  background-image: url("formimages/Star-half_default.svg");
}
.fieldListGQ .item-container .item-container-header .item-header-section .oj-focus .ec-form-design-dropdownicon-label, .fieldListGQ .item-container .item-container-header .item-header-section .oj-active .ec-form-design-dropdownicon-label, .fieldListGQ .item-container .item-container-header .item-header-section .oj-selected .ec-form-design-dropdownicon-label {
  background-image: url(formimages/Dropdown_active.svg);
}
.fieldListGQ .item-container .item-container-header .item-header-section .oj-focus .ec-form-design-texticon-label, .fieldListGQ .item-container .item-container-header .item-header-section .oj-active .ec-form-design-texticon-label, .fieldListGQ .item-container .item-container-header .item-header-section .oj-selected .ec-form-design-texticon-label {
  background-image: url(formimages/Text_active.svg);
}
.fieldListGQ .item-container .item-container-header .item-header-section .oj-focus .ec-form-design-numbericon-label, .fieldListGQ .item-container .item-container-header .item-header-section .oj-active .ec-form-design-numbericon-label, .fieldListGQ .item-container .item-container-header .item-header-section .oj-selected .ec-form-design-numbericon-label {
  background-image: url(formimages/Number_active.svg);
}
.fieldListGQ .item-container .item-container-header .item-header-section .oj-focus .ec-form-design-dateicon-label, .fieldListGQ .item-container .item-container-header .item-header-section .oj-active .ec-form-design-dateicon-label, .fieldListGQ .item-container .item-container-header .item-header-section .oj-selected .ec-form-design-dateicon-label {
  background-image: url(formimages/DateTime_active.svg);
}
.fieldListGQ .item-container .item-container-header .item-header-section .oj-focus .ec-form-design-age-label, .fieldListGQ .item-container .item-container-header .item-header-section .oj-active .ec-form-design-age-label, .fieldListGQ .item-container .item-container-header .item-header-section .oj-selected .ec-form-design-age-label {
  background-image: url(formimages/icon_age.svg);
}
.fieldListGQ .item-container .item-container-header .item-header-section .oj-focus .ec-form-design-questiongroupicon-label, .fieldListGQ .item-container .item-container-header .item-header-section .oj-active .ec-form-design-questiongroupicon-label, .fieldListGQ .item-container .item-container-header .item-header-section .oj-selected .ec-form-design-questiongroupicon-label {
  background-image: url(formimages/QuestionGroups_active.svg);
}
.fieldListGQ .item-container .item-container-header .item-header-section .oj-focus .ec-form-design-codelist-label, .fieldListGQ .item-container .item-container-header .item-header-section .oj-active .ec-form-design-codelist-label, .fieldListGQ .item-container .item-container-header .item-header-section .oj-selected .ec-form-design-codelist-label {
  background-image: url(formimages/Codelist_default.svg);
}
.fieldListGQ .item-container .item-container-header .item-header-section .oj-focus .ec-form-design-instructionaltexticon-label, .fieldListGQ .item-container .item-container-header .item-header-section .oj-active .ec-form-design-instructionaltexticon-label, .fieldListGQ .item-container .item-container-header .item-header-section .oj-selected .ec-form-design-instructionaltexticon-label {
  background-image: url(formimages/InstructionalText_hover.svg);
}
.fieldListGQ .item-container .item-container-header .item-header-section .oj-focus .ec-form-design-checkboxicon-label, .fieldListGQ .item-container .item-container-header .item-header-section .oj-active .ec-form-design-checkboxicon-label, .fieldListGQ .item-container .item-container-header .item-header-section .oj-selected .ec-form-design-checkboxicon-label {
  background-image: url("formimages/Checkbox_active.svg");
}
.fieldListGQ .item-container .item-container-header .item-header-section .oj-focus .ec-form-design-radioseticon-label, .fieldListGQ .item-container .item-container-header .item-header-section .oj-active .ec-form-design-radioseticon-label, .fieldListGQ .item-container .item-container-header .item-header-section .oj-selected .ec-form-design-radioseticon-label {
  background-image: url("formimages/Radioset_active.svg");
}
.fieldListGQ .item-container .item-container-header .item-header-section .oj-focus .ec-form-design-labelicon-label, .fieldListGQ .item-container .item-container-header .item-header-section .oj-active .ec-form-design-labelicon-label, .fieldListGQ .item-container .item-container-header .item-header-section .oj-selected .ec-form-design-labelicon-label {
  background-image: url("formimages/Label_active.svg");
}
.fieldListGQ .item-container .item-container-header .item-header-section .oj-focus .ec-form-design-ratingscaleicon-label, .fieldListGQ .item-container .item-container-header .item-header-section .oj-active .ec-form-design-ratingscaleicon-label, .fieldListGQ .item-container .item-container-header .item-header-section .oj-selected .ec-form-design-ratingscaleicon-label {
  background-image: url("formimages/Star-half_active.svg");
}
.fieldListGQ .item-container .item-container-header .item-header-section {
  margin-bottom: 5px;
}
.fieldListGQ .item-container .item-container-header .ec-form-design-delete {
  width: 30px;
}
.fieldListGQ .item-container .item-container-header .ec-form-design-copyicon, .fieldListGQ .item-container .item-container-header .ec-form-design-deleteicon {
  margin-top: 0px;
  margin-bottom: 0px;
}
.fieldListGQ .item-container .item-container-body-padding {
  padding-bottom: 35px;
  width: 100%;
}
.fieldListGQ .item-container .item-container-body-padding .hidden-tag-section {
  width: 90%;
  margin-left: 46px;
  display: flex;
}
.fieldListGQ .item-container .item-container-body-padding-gq {
  margin-left: 50px;
  width: 100%;
  box-shadow: none;
}
.fieldListGQ .item-container .item-container-body-padding-gq .hidden-tag-section {
  width: 90%;
  margin-left: 46px;
  margin-bottom: 5px;
  display: flex;
}
.fieldListGQ .item-container .item-container-body-nonediting-gq {
  display: block;
}
.fieldListGQ .item-container .item-container-body-nonediting-gq .oddSubItem {
  background-color: #f1f1f1;
}
.fieldListGQ .item-container .item-container-body-nonediting-gq .hiddenSubItem {
  background-color: #f5f5f5;
}
.fieldListGQ .item-container .item-container-body-nonediting-gq .evenSubItem {
  background-color: white;
}
.fieldListGQ .item-container .item-container-body-editing-padding {
  padding-top: 5px;
}
.fieldListGQ .item-container .item-container-body-preview {
  position: relative;
  top: 25%;
}
.fieldListGQ .item-container .item-container-body-editing {
  display: flex;
  border: 0px solid #aaaaaa;
}
.fieldListGQ .item-container .item-container-body-editing .SubItemSelected {
  box-shadow: none;
  border-color: #0572ce;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section {
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  align-items: flex-start;
  margin: 3px;
  border: 0px solid #aaaaaa;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section .oj-inputtext {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  max-width: none;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section .oj-inputtext input {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  max-width: none;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section .age-item-notEditing {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section .age-item-notEditing .calculated-age-item-notEditing {
  font-weight: bold;
  line-height: 0.8;
  font-size: 27pt;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section .age-item-notEditing .age-unit-notEditing {
  font-size: 0.8rem;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section .questionLabel {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  margin: 5px;
  border: 0px solid #aaaaaa;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section .questionLabel h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section .questionLabel .subItemWithHidden {
  margin-bottom: -9px;
  width: 90%;
  margin-left: -3px;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section .sub-item-max-width {
  width: 100%;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section.exampleAnswer {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section.exampleAnswer > :first-child {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section.exampleAnswer .answer-inputFieldWithoutReadOnly {
  height: 29px;
  margin-top: 1px;
  border: 1px dashed lightgrey;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section.exampleAnswer .answer-inputFieldWithReadOnly {
  height: 29px;
  margin-top: 1px;
  border: 1px dashed lightgrey;
  background-color: #f1f1f1;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section.exampleAnswer .answer-inputTextWithReadOnly {
  font-size: 14px;
  color: #7d7d7d;
  margin-left: 10px;
  margin-top: 6px;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section.exampleAnswer .answer-inputTextWithoutReadOnly {
  font-size: 14px;
  color: grey;
  margin-left: 10px;
  margin-top: 6px;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section.exampleAnswer .answer-inputDateTimeWithReadOnly {
  font-size: 14px;
  color: #7d7d7d;
  margin-left: 10px;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section.exampleAnswer .answer-inputDateTimeWithoutReadOnly {
  font-size: 14px;
  color: grey;
  margin-left: 10px;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section.exampleAnswer .subItemWithUnit {
  margin-left: 14px;
  margin-top: 7px;
  width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  white-space: nowrap;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section.exampleAnswer .subItemWithUnitEditing {
  margin-left: 5px;
  margin-top: 7px;
  width: 93px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  white-space: nowrap;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section.exampleAnswer .subItemWithoutUnit {
  margin-left: 13px;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section.exampleAnswer .answer-hidden-notediting {
  margin-top: 1px;
  height: 28px;
  border: 1px solid lightgrey;
  background-color: white;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section.exampleAnswer .answer-unhidden-notediting {
  margin-top: 1px;
  height: 28px;
  border: 1px solid lightgrey;
  background-color: white;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section.exampleAnswer .answer-readOnly-notediting {
  margin-top: 1px;
  height: 28px;
  border: 1px solid lightgrey;
  background-color: #f1f1f1;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section .answer-hidden-datetime-notediting {
  margin-top: 1px;
  height: 28px;
  width: 100%;
  border: 1px solid lightgrey;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: white;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section .answer-readOnly-datetime-notediting {
  margin-top: 1px;
  height: 28px;
  width: 100%;
  border: 1px solid lightgrey;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #f1f1f1;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section .answer-readOnly-datetimeSubItem-notediting {
  margin-top: 1px;
  height: 28px;
  width: 97%;
  border: 1px solid lightgrey;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #f1f1f1;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section .answer-unhidden-datetime-notediting {
  margin-top: 1px;
  height: 28px;
  width: 100%;
  border: 1px solid lightgrey;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section .answer-hidden-datetimeSubItem-notediting {
  margin-top: 1px;
  height: 28px;
  width: 97%;
  border: 1px solid lightgrey;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: white;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section .answer-unhidden-datetimeSubItem-notediting {
  margin-top: 1px;
  height: 28px;
  width: 97%;
  border: 1px solid lightgrey;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: white;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section .answer-hidden-age-notediting {
  margin-top: 1px;
  height: 28px;
  width: 88%;
  border: 1px solid lightgrey;
  margin-left: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: white;
  min-width: 100%;
}
.fieldListGQ .item-container .item-container-body-editing .item-body-section .answer-unhidden-age-notediting {
  margin-top: 1px;
  height: 28px;
  width: 88%;
  border: 1px solid lightgrey;
  margin-left: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-width: 100%;
}
.fieldListGQ .item-container .item-container-body-editing .age-detail {
  flex: none !important;
}
.fieldListGQ .item-container .subItem-margin-top-with-hidden {
  margin-top: 5%;
}
.fieldListGQ .item-container .subItem-margin-top-with-required {
  margin-left: 8px;
}
.fieldListGQ .item-container .subItem-container-footer-with-hidden-required {
  display: flex;
  align-items: flex-start;
  flex: 1 0 0%;
}
.fieldListGQ .item-container .subItem-container-footer {
  display: flex;
}
.fieldListGQ .item-container .subItem-container-footer .item-footer-hint {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  width: 325px;
  margin-top: 8px;
}
.fieldListGQ .item-container .subItem-container-footer .item-footer-hint .hintLabel {
  font-weight: bold;
}
.fieldListGQ .item-container .subItem-container-footer .item-footer-hint .hintContent {
  margin-left: 5px;
}
.fieldListGQ .item-container .subItem-container-footer .item-footer-rules {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.fieldListGQ .item-container .subItem-container-footer .item-footer-rules .withOperator {
  flex: 0 0 35px;
  overflow: hidden;
  color: #0066ff;
}
.fieldListGQ .item-container .subItem-container-footer .item-footer-rules .withoutOperator {
  margin-left: -3px;
}
.fieldListGQ .item-container .item-container-footer {
  display: flex;
  margin-top: 8px;
}
.fieldListGQ .item-container .item-container-footer .item-footer-hint {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  display: flex;
}
.fieldListGQ .item-container .item-container-footer .item-footer-hint .hintLabel {
  font-weight: bold;
}
.fieldListGQ .item-container .item-container-footer .item-footer-hint .hintContent {
  margin-left: 5px;
}
.fieldListGQ .item-container .item-container-footer .item-footer-rules {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.fieldListGQ .item-container .item-container-footer .item-footer-rules .withOperator {
  flex: 0 0 35px;
  overflow: hidden;
  color: #0066ff;
}
.fieldListGQ .item-container .item-container-footer .item-footer-rules .withoutOperator {
  margin-left: -3px;
}

.fieldList .form-item-wrapper {
  display: flex;
  flex-direction: column;
}
.fieldList .form-item-wrapper .form-item {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.fieldList .form-item-wrapper .form-item .sub-item-flexibility {
  margin-left: 5%;
  float: right;
}
.fieldList .form-item-wrapper .form-item .item-container {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  box-shadow: -2px 2px 2px #dfdfdf;
  border: 1px solid #dfdfdf;
}
.fieldList .form-item-wrapper .form-item .item-container.selected {
  box-shadow: -2px 2px 2px #abd6f7;
  border-color: #0572ce;
}
.fieldList .form-item-wrapper .form-item .item-container.selected-gq {
  box-shadow: none;
  border-color: #0572ce;
}
.fieldList .form-item-wrapper .form-item .item-container.not-selected-gq {
  box-shadow: none;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-hidden {
  background-color: #f5f5f5;
  color: #6e6e6e;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-hidden h3 {
  color: #6e6e6e;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-hidden age-item-notEditing {
  color: #6e6e6e;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-hidden .oj-button .oj-button-text {
  color: #6e6e6e;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-wrapper {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  padding: 10px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-wrapper .fieldListGQ .item-container-body-nonediting-gq .item-container-content.subItem-noIcon {
  height: 100%;
  padding-top: 3%;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-wrapper .fieldListGQ .item-container-body-nonediting-gq .item-container-content .item-body-section {
  min-width: 250px;
  max-width: 250px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-wrapper .fieldListGQ .item-container-body-nonediting-gq .item-container-content .item-body-section .answer-unhidden-datetimeSubItem-notediting {
  min-width: 254px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-wrapper .fieldListGQ .item-container-body-nonediting-gq .item-container-content .item-body-section.exampleAnswer .answer-unhidden-notediting {
  min-width: 252px;
  max-width: 252px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-wrapper .fieldListGQ .item-container-body-nonediting-gq .item-container-content .subItem-container-footer .item-footer-rules {
  flex-basis: auto;
  margin-left: 6em;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-wrapper .fieldListGQ .item-container-body-nonediting-gq .item-container-content .subItem-container-footer .item-footer-rules.shortMargin {
  margin-left: 3.5em;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-wrapper .fieldListGQ .item-container-body-nonediting-gq .item-container-content .subItem-container-footer .item-footer-rules.longMargin {
  margin-left: 6em;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-icons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: -47px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-icons .ec-form-design-laboratoryicon {
  background-image: url(siteImages/Laboratory.svg);
  background-repeat: no-repeat;
  margin-left: 12px;
  width: 30px;
  height: 30px;
  padding-bottom: 10px;
  background-size: 30px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-icons .ec-form-design-rollovericon {
  background-image: url(formimages/Rollover_FormDesign.svg);
  background-repeat: no-repeat;
  margin-left: 12px;
  width: 30px;
  height: 30px;
  padding-bottom: 10px;
  background-size: 30px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-icons .ec-form-design-branchicon {
  background-image: url(formimages/branching.svg);
  background-repeat: no-repeat;
  margin-left: 12px;
  width: 30px;
  height: 30px;
  padding-bottom: 10px;
  background-size: 30px;
}
.fieldList .form-item-wrapper .form-item .item-container .subItem-container-icons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 23px;
}
.fieldList .form-item-wrapper .form-item .item-container .subItem-container-icons .ec-form-design-laboratoryicon {
  background-image: url(siteImages/Laboratory.svg);
  background-repeat: no-repeat;
  margin-left: 12px;
  width: 30px;
  height: 30px;
  padding-bottom: 10px;
  background-size: 30px;
}
.fieldList .form-item-wrapper .form-item .item-container .subItem-container-icons .ec-form-design-rollovericon {
  background-image: url(formimages/Rollover_FormDesign.svg);
  background-repeat: no-repeat;
  margin-left: 12px;
  width: 30px;
  height: 30px;
  padding-bottom: 10px;
  background-size: 30px;
}
.fieldList .form-item-wrapper .form-item .item-container .subItem-container-icons .ec-form-design-branchicon {
  background-image: url(formimages/branching.svg);
  background-repeat: no-repeat;
  margin-left: 12px;
  width: 30px;
  height: 30px;
  padding-bottom: 10px;
  background-size: 30px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-content {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-content.subItem-withIcons {
  margin-left: 35px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-content.subItem-noIcon {
  margin-left: 100px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-content .item-error {
  height: 40px;
  text-align: left;
  font-weight: bold;
}
.fieldList .form-item-wrapper .form-item .item-container .repeating-form-column-label-qg {
  color: #0063C9;
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
  margin-left: 10px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  height: 45px;
  border: 0px solid #aaaaaa;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header.form-repeating {
  justify-content: space-between;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .repeating-form-column-label {
  height: 100%;
  width: 130px;
  color: #0063C9;
  font-size: 12px;
  font-weight: bold;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .repeating-form-labFasting-label {
  height: 100%;
  width: 50%;
  color: #0063C9;
  font-size: 12px;
  font-weight: bold;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-action-container {
  display: flex;
  flex: 1 1 auto;
  justify-content: flex-end;
  align-items: center;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-container-question-label {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-container-question-label .item-question-label-count {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-container-question-label .item-question-label-count .questionLabel {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  margin: 3px;
  border: 0px solid #aaaaaa;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-container-question-label .item-question-label-count .questionLabel h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-container-question-label .item-question-label-count .questionLabel .subItemWithHidden {
  margin-bottom: -9px;
  width: 90%;
  margin-left: -3px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-container-question-label .item-question-label-count .oj-inputtext {
  max-width: 18em;
  min-width: 8em;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-container-question-label span.hidden-tag-section {
  margin-left: 45px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section {
  padding-right: 10px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-hover .ec-form-design-dropdownicon-label {
  background-image: url(formimages/Dropdown_hover.svg);
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-hover .ec-form-design-texticon-label {
  background-image: url(formimages/Text_hover.svg);
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-hover .ec-form-design-numbericon-label {
  background-image: url(formimages/Number_hover.svg);
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-hover .ec-form-design-dateicon-label {
  background-image: url(formimages/DateTime_hover.svg);
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-hover .ec-form-design-age-label {
  background-image: url(formimages/icon_age.svg);
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-hover .ec-form-design-questiongroupicon-label {
  background-image: url(formimages/QuestionGroups_hover.svg);
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-hover .ec-form-design-instructionaltexticon-label {
  background-image: url(formimages/InstructionalText_hover.svg);
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-hover .ec-form-design-codelist-label {
  background-image: url(formimages/Codelist_hover.svg);
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-hover .ec-form-design-checkboxicon-label {
  background-image: url("formimages/Checkbox_hover.svg");
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-hover .ec-form-design-radioseticon-label {
  background-image: url("formimages/Radioset_hover.svg");
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-hover .ec-form-design-labelicon-label {
  background-image: url("formimages/Label_hover.svg");
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-hover .ec-form-design-ratingscaleicon-label {
  background-image: url("formimages/Star-half_hover.svg");
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-focus .ec-form-design-dropdownicon-label, .fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-active .ec-form-design-dropdownicon-label, .fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-selected .ec-form-design-dropdownicon-label {
  background-image: url(formimages/Dropdown_active.svg);
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-focus .ec-form-design-texticon-label, .fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-active .ec-form-design-texticon-label, .fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-selected .ec-form-design-texticon-label {
  background-image: url(formimages/Text_active.svg);
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-focus .ec-form-design-numbericon-label, .fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-active .ec-form-design-numbericon-label, .fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-selected .ec-form-design-numbericon-label {
  background-image: url(formimages/Number_active.svg);
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-focus .ec-form-design-dateicon-label, .fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-active .ec-form-design-dateicon-label, .fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-selected .ec-form-design-dateicon-label {
  background-image: url(formimages/DateTime_active.svg);
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-focus .ec-form-design-age-label, .fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-active .ec-form-design-age-label, .fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-selected .ec-form-design-age-label {
  background-image: url(formimages/icon_age.svg);
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-focus .ec-form-design-questiongroupicon-label, .fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-active .ec-form-design-questiongroupicon-label, .fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-selected .ec-form-design-questiongroupicon-label {
  background-image: url(formimages/QuestionGroups_active.svg);
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-focus .ec-form-design-codelist-label, .fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-active .ec-form-design-codelist-label, .fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-selected .ec-form-design-codelist-label {
  background-image: url(formimages/Codelist_default.svg);
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-focus .ec-form-design-checkboxicon-label, .fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-active .ec-form-design-checkboxicon-label, .fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-selected .ec-form-design-checkboxicon-label {
  background-image: url("formimages/Checkbox_default.svg");
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-focus .ec-form-design-radioseticon-label, .fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-active .ec-form-design-radioseticon-label, .fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-selected .ec-form-design-radioseticon-label {
  background-image: url("formimages/Radioset_default.svg");
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-focus .ec-form-design-labelicon-label, .fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-active .ec-form-design-labelicon-label, .fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-selected .ec-form-design-labelicon-label {
  background-image: url("formimages/Label_default.svg");
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-focus .ec-form-design-instructionaltexticon-label, .fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-active .ec-form-design-instructionaltexticon-label, .fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-selected .ec-form-design-instructionaltexticon-label {
  background-image: url(formimages/InstructionalText_active.svg);
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-focus .ec-form-design-ratingscaleicon-label, .fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-active .ec-form-design-ratingscaleicon-label, .fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section .oj-selected .ec-form-design-ratingscaleicon-label {
  background-image: url("formimages/Star-half_active.svg");
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .item-header-section {
  margin-bottom: 5px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-header .ec-form-design-copyicon, .fieldList .form-item-wrapper .form-item .item-container .item-container-header .ec-form-design-deleteicon {
  margin-top: 0px;
  margin-bottom: 0px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-padding {
  padding-bottom: 35px;
  width: 100%;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-padding .hidden-tag-section {
  width: 90%;
  margin-left: 46px;
  display: flex;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-padding-gq {
  margin-left: 50px;
  width: 100%;
  box-shadow: none;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-padding-gq .hidden-tag-section {
  width: 90%;
  margin-left: 46px;
  margin-bottom: 5px;
  display: flex;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-nonediting-gq {
  display: block;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-nonediting-gq .oddSubItem {
  background-color: #f1f1f1;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-nonediting-gq .hiddenSubItem {
  background-color: #f5f5f5;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-nonediting-gq .evenSubItem {
  background-color: white;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing-padding {
  padding-top: 5px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-preview {
  position: relative;
  top: 25%;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing {
  display: flex;
  border: 0px solid #aaaaaa;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .SubItemSelected {
  box-shadow: none;
  border-color: #0572ce;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section {
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  align-items: flex-start;
  margin: 3px;
  border: 0px solid #aaaaaa;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section .codelist-display-name {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin-top: 8px;
  color: #161513;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section .dynamic-codelist-option {
  margin-bottom: 16px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section .oj-inputtext {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  max-width: none;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section .oj-inputtext input {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  max-width: none;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section .age-item-notEditing {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section .age-item-notEditing .calculated-age-item-notEditing {
  font-weight: bold;
  line-height: 0.8;
  font-size: 27pt;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section .age-item-notEditing .age-unit-notEditing {
  font-size: 0.8rem;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section .questionLabel {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  margin: 5px;
  border: 0px solid #aaaaaa;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section .questionLabel h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section .questionLabel .subItemWithHidden {
  margin-bottom: -9px;
  width: 90%;
  margin-left: -3px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section.exampleAnswer {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section.exampleAnswer > :first-child {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section.exampleAnswer .answer-inputFieldWithoutReadOnly {
  height: 29px;
  margin-top: 1px;
  border: 1px dashed lightgrey;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section.exampleAnswer .answer-inputFieldWithReadOnly {
  height: 29px;
  margin-top: 1px;
  border: 1px dashed lightgrey;
  background-color: #f1f1f1;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section.exampleAnswer .answer-inputTextWithReadOnly {
  font-size: 14px;
  color: #7d7d7d;
  margin-left: 10px;
  margin-top: 6px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section.exampleAnswer .answer-inputTextWithoutReadOnly {
  font-size: 14px;
  color: grey;
  margin-left: 10px;
  margin-top: 6px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section.exampleAnswer .answer-inputDateTimeWithReadOnly {
  font-size: 14px;
  color: #7d7d7d;
  margin-left: 10px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section.exampleAnswer .answer-inputDateTimeWithoutReadOnly {
  font-size: 14px;
  color: grey;
  margin-left: 10px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section.exampleAnswer .subItemWithUnit {
  margin-left: 14px;
  margin-top: 7px;
  width: 70px;
  text-overflow: ellipsis;
  font-weight: bold;
  white-space: nowrap;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section.exampleAnswer .subItemWithUnitEditing {
  margin-left: 5px;
  margin-top: 7px;
  width: 93px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  white-space: nowrap;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section.exampleAnswer .subItemWithoutUnit {
  margin-left: 13px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section.exampleAnswer .answer-hidden-notediting {
  margin-top: 1px;
  height: 28px;
  border: 1px solid lightgrey;
  background-color: white;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section.exampleAnswer .answer-unhidden-notediting {
  margin-top: 1px;
  height: 28px;
  border: 1px solid lightgrey;
  background-color: white;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section.exampleAnswer .answer-readOnly-notediting {
  margin-top: 1px;
  height: 28px;
  border: 1px solid lightgrey;
  background-color: #f1f1f1;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section.exampleAnswer > oj-checkboxset[id^=itemTileCheckboxOptionContainer-] label[for^=itemTileCheckboxOption-] oj-option[id^=itemTileCheckboxOption-], .fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section.exampleAnswer > oj-radioset[id^=itemTileRadiosetOptionContainer-] label[for^=itemTileCheckboxOption-] oj-option[id^=itemTileCheckboxOption-] {
  line-height: 1.1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  margin-bottom: 0px;
  -webkit-line-clamp: 2;
  max-height: 2.2em;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section.exampleAnswer.Single .oj-choice-direction-row .oj-choice-item, .fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section.exampleAnswer.single .oj-choice-direction-row .oj-choice-item {
  display: flex;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section.exampleAnswer.Double > oj-checkboxset > .oj-checkboxset-wrapper > span.oj-choice-item, .fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section.exampleAnswer.Double > oj-radioset > .oj-radioset-wrapper > span.oj-choice-item, .fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section.exampleAnswer.double > oj-checkboxset > .oj-checkboxset-wrapper > span.oj-choice-item, .fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section.exampleAnswer.double > oj-radioset > .oj-radioset-wrapper > span.oj-choice-item {
  max-width: 40%;
  width: 40%;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section.exampleAnswer.Triple > oj-checkboxset > .oj-checkboxset-wrapper > span.oj-choice-item, .fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section.exampleAnswer.Triple > oj-radioset > .oj-radioset-wrapper > span.oj-choice-item, .fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section.exampleAnswer.triple > oj-checkboxset > .oj-checkboxset-wrapper > span.oj-choice-item, .fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section.exampleAnswer.triple > oj-radioset > .oj-radioset-wrapper > span.oj-choice-item {
  max-width: 30%;
  width: 30%;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section .answer-hidden-datetime-notediting {
  margin-top: 1px;
  height: 28px;
  width: 100%;
  border: 1px solid lightgrey;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: white;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section .answer-readOnly-datetime-notediting {
  margin-top: 1px;
  height: 28px;
  width: 100%;
  border: 1px solid lightgrey;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #f1f1f1;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section .answer-readOnly-datetimeSubItem-notediting {
  margin-top: 1px;
  height: 28px;
  width: 97%;
  border: 1px solid lightgrey;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #f1f1f1;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section .answer-unhidden-datetime-notediting {
  margin-top: 1px;
  height: 28px;
  width: 100%;
  border: 1px solid lightgrey;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section .answer-hidden-datetimeSubItem-notediting {
  margin-top: 1px;
  height: 28px;
  width: 97%;
  border: 1px solid lightgrey;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: white;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section .answer-unhidden-datetimeSubItem-notediting {
  margin-top: 1px;
  height: 28px;
  width: 97%;
  border: 1px solid lightgrey;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: white;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section .answer-hidden-age-notediting {
  margin-top: 1px;
  height: 28px;
  width: 88%;
  border: 1px solid lightgrey;
  margin-left: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: white;
  min-width: 100%;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .item-body-section .answer-unhidden-age-notediting {
  margin-top: 1px;
  height: 28px;
  width: 88%;
  border: 1px solid lightgrey;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-width: 100%;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-body-editing .age-detail {
  flex: none;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-footer {
  display: flex;
  margin-top: 8px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-footer .item-footer-hint {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  display: flex;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-footer .item-footer-hint .hintLabel {
  font-weight: bold;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-footer .item-footer-hint .hintContent {
  margin-left: 5px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-footer .item-footer-rules {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-footer .item-footer-rules .withOperator {
  flex: 0 0 35px;
  overflow: hidden;
  color: #0066ff;
}
.fieldList .form-item-wrapper .form-item .item-container .item-container-footer .item-footer-rules .withoutOperator {
  margin-left: -3px;
}
.fieldList .form-item-wrapper .form-item .item-container .subItem-margin-top-with-hidden {
  margin-top: 5%;
}
.fieldList .form-item-wrapper .form-item .item-container .subItem-margin-top-with-required {
  margin-left: 8px;
}
.fieldList .form-item-wrapper .form-item .item-container .subItem-container-footer-with-hidden-required {
  display: flex;
  align-items: flex-start;
  flex: 1 0 0%;
}
.fieldList .form-item-wrapper .form-item .item-container .subItem-container-footer {
  display: flex;
}
.fieldList .form-item-wrapper .form-item .item-container .subItem-container-footer .item-footer-hint {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  width: 325px;
  margin-top: 8px;
}
.fieldList .form-item-wrapper .form-item .item-container .subItem-container-footer .item-footer-hint .hintLabel {
  font-weight: bold;
}
.fieldList .form-item-wrapper .form-item .item-container .subItem-container-footer .item-footer-hint .hintContent {
  margin-left: 5px;
}
.fieldList .form-item-wrapper .form-item .item-container .subItem-container-footer .item-footer-rules {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.fieldList .form-item-wrapper .form-item .item-container .subItem-container-footer .item-footer-rules .withOperator {
  flex: 0 0 35px;
  overflow: hidden;
  color: #0066ff;
}
.fieldList .form-item-wrapper .form-item .item-container .subItem-container-footer .item-footer-rules .withoutOperator {
  margin-left: -3px;
}
.fieldList .lab-form-section-label {
  border-bottom: 1px solid #dfdfdf;
  margin: 8px;
  padding-bottom: 8px;
  color: #827f7f;
  font-weight: 700;
}

.vsd-window-msg-alert {
  display: flex;
  align-items: center;
  position: relative;
  top: 10;
  left: 0;
  width: auto;
  height: auto;
  padding: 10px;
  margin: 10px;
  line-height: 1.8;
  border-radius: 5px;
  font-family: sans-serif;
  font-weight: 400;
}

.vsd-window-msg-alertText {
  display: table;
  margin: 0 auto;
  font-size: 13px;
}

.vsd-window-msg-alertClose {
  float: right;
  padding-top: 5px;
  font-size: 10px;
}

.vsd-window-msg-clear {
  clear: both;
}

.vsd-window-msg-warning {
  background-color: #FDF7DF;
  border: 1px solid #FEEC6F;
  color: #585858;
  font-size: 13px;
}

.vsd-warning-icon-small {
  display: inline-block;
  top: 10;
  width: 18px;
  height: 18px;
  background-image: url(images/warning_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.item-field-option-missing {
  display: flex;
  color: #777;
}

.item-field-option-missing::before {
  display: none;
  flex-shrink: 0;
  content: "";
  background-image: url(formimages/warning_icon.svg);
  background-repeat: no-repeat;
  background-size: 1rem;
  width: 1rem;
  height: 1rem;
  min-height: 1rem;
  visibility: visible;
  margin-right: 0.5rem;
}

html[dir=rtl] .item-field-option-missing::before {
  margin-right: 0;
  margin-left: 0.5rem;
}

.vsd-window-msg-error {
  background-color: #FEE;
  border: 1px solid #EDD;
  color: #A66;
}

.visitstart-tile-popup {
  display: none;
  width: 286px;
  max-width: 286px;
  min-width: 286px;
}

.visitstart-tile-popup .title-tile-popup-container {
  display: flex;
}

.visitstart-tile-popup .title-tile-popup-container .oj-message-error-icon {
  margin-right: 5px;
}

.ec-form-design-delete {
  width: 30px;
}

.item-container {
  display: flex;
  flex-direction: row;
  width: 98%;
  margin-left: 5px;
  margin-right: 5px;
  border: 1px solid #aaaaaa;
}

.item-container-icon {
  display: flex;
  flex-direction: column;
}

.item-container-content {
  display: flex;
  flex-direction: column;
}
.item-container-content.subItem-withIcons {
  margin-left: 35px;
}
.item-container-content.subItem-noIcon {
  margin-left: 100px;
}

.item-container-body-height {
  width: 100%;
  flex-direction: column;
  height: 100%;
}

.item-container-body {
  display: flex;
  height: 50px;
  border: 0px solid #aaaaaa;
}
.item-container-body .readOnlyInput {
  background-color: #f1f1f1;
  color: #7d7d7d;
}
.item-container-body .oj-ux-ico-trash {
  cursor: pointer;
  font-size: 24px;
  vertical-align: middle;
}
.item-container-body .oj-ux-ico-trash::before {
  vertical-align: middle;
}

.age-item-container {
  border: 0px solid #aaaaaa;
  height: 12.5vh;
}
.age-item-container .age-item-hidden-tag {
  margin-left: 5px;
  display: flex;
}
.age-item-container .age-item-index {
  padding-left: 1vw;
  padding-right: 1vw;
}
.age-item-container .dob-item-container {
  text-align: right;
  font-weight: bold;
  padding-top: 1.2vh;
  padding-right: 10px;
}
.age-item-container .dob-dateTimeIcon {
  float: right;
  margin-right: 5px;
}
.age-item-container .answer-ageFieldWithoutReadOnly {
  height: 30px;
  margin-top: 1px;
  border: 1px dashed lightgrey;
}
.age-item-container .answer-ageFieldWithReadOnly {
  height: 30px;
  margin-top: 1px;
  border: 1px dashed lightgrey;
  background-color: #f1f1f1;
}
.age-item-container .answer-inputDateTimeWithReadOnly {
  font-size: 14px;
  color: #7d7d7d;
  margin-left: 10px;
}
.age-item-container .answer-inputDateTimeWithoutReadOnly {
  font-size: 14px;
  color: grey;
  margin-left: 10px;
}
.age-item-container .age-item {
  flex: none;
  text-align: center;
}
.age-item-container .age-item .calculated-age-item {
  font-weight: bold;
  line-height: 0.8;
  font-size: 27pt;
  letter-spacing: 5px;
  padding-left: 4px;
}
.age-item-container .age-item .age-unit {
  font-size: 0.8rem;
}

.item-container-footer {
  display: flex;
  border: 0px solid #aaaaaa;
}

.item-header-icons {
  display: flex;
  justify-content: flex-end;
  margin: 4px;
  gap: 8px;
}

.item-header-icons span[role=button]::before {
  font-size: 24px;
  cursor: pointer;
}

.subItem-body-index {
  display: flex;
  justify-content: center;
  margin: 4px;
  border: 0px solid #aaaaaa;
  font-size: 14px;
  font-weight: bold;
}

.item-body-index {
  display: flex;
  justify-content: center;
  width: 35px;
  margin: 4px;
  border: 0px solid #aaaaaa;
  font-size: 14px;
  font-weight: bold;
}
.item-body-index .reorder-icon {
  background-image: url("designerimages/titrations/Reorder_Handle.svg");
  height: 20px;
  width: 4px;
  background-repeat: no-repeat;
  padding-right: 10px;
}

.item-body-index h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}

.item-body-index-option {
  display: flex;
  width: 20px;
  margin: 2px;
  border: 0px solid #aaaaaa;
  justify-content: right;
}

oj-button#add-row-icon {
  margin-left: -8px;
}

.item-body-section-answer {
  color: #027bc7;
  height: 24px;
  padding-left: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.item-container-body .oj-ux-ico-plus-circle {
  padding-top: 2px;
  font-size: 21px;
}

.item-body-section-dot {
  display: flex;
  margin: 0px;
  border: 1px dashed #aaaaaa;
  height: 25px;
  width: 180px;
}

.item-footer-hint {
  display: flex;
  flex-direction: row;
  margin: 5px 5px 5px 12px;
  border: 0px solid #aaaaaa;
}

.item-footer-rules {
  display: flex;
  flex-direction: row;
  margin: 3px;
  border: 0px solid #aaaaaa;
}
.item-footer-rules .withOperator {
  flex: 0 0 35px;
  overflow: hidden;
  color: #0066ff;
}
.item-footer-rules .withoutOperator {
  margin-left: -3px;
}

.item-footer-section {
  display: flex;
  flex-direction: column;
  margin: 3px;
  border: 0px solid #aaaaaa;
}

.dropdown-hidden-tag {
  margin-left: 5px;
  display: flex;
}

.dataElement-form-smartControl {
  display: flex;
  flex-direction: column;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  justify-content: space-between;
}
.dataElement-form-smartControl .smart-value {
  padding-top: 10px;
  width: 50%;
}
.dataElement-form-smartControl .item-field .smart-input-value-inactive {
  text-align: center;
  width: 105px;
  color: #000000;
  background: #ebeced !important;
  border: 1px solid #c9c9ca !important;
}
.dataElement-form-smartControl .item-field .smart-input-value-active {
  text-align: center;
  width: 105px;
  color: #FFFDF4;
  background: #346FD1 !important;
  border: 1px solid #346FD1 !important;
}
.dataElement-form-smartControl .item-field-reason-for-change-unit {
  display: flex;
  flex-direction: row;
}
.dataElement-form-smartControl .item-field-reason-for-change-unit .item-field-reason-for-change {
  flex-direction: column;
}

.dataElement-smartForm-title {
  justify-content: space-between;
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  min-width: 310px !important;
}
.dataElement-smartForm-title .align-smart-labels {
  display: flex;
  flex-direction: column;
  text-align: end;
  justify-content: space-around;
  padding-right: 10px;
}
.dataElement-smartForm-title .smart-object-padding {
  padding-top: 10px;
}

.full-date-field {
  display: flex;
  flex-direction: column;
}

.dataform-checkbox {
  float: left;
  margin-top: -5px;
}

.leftAlignCheckbox {
  justify-content: flex-start !important;
}

.form-signverify {
  width: 18px;
  height: 18px;
  margin-right: 3px;
  display: inline-block;
}
.form-signverify.SIGNED {
  background-image: url("subjectimages/subject-state-icons/Signature_QuestionandHistory.svg");
  display: inline-block;
}
.form-signverify.PARTIAL_SIGNED {
  background-image: url("subjectimages/subject-state-icons/Partial_QuestionHistory.svg");
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
}
.form-signverify.UNSINGED {
  background-image: url("subjectimages/subject-state-icons/Unsigned_QuestionandHistory.svg");
  display: inline-block;
}
.form-signverify.UNVERIFIED_CHECK {
  background-image: url("subjectimages/subject-state-icons/UnverifiedCheck_QuestionandHistory.svg");
  display: inline-block;
}
.form-signverify.VERIFIED_CHECK {
  background-image: url("subjectimages/subject-state-icons/VerifiedCheck_QuestionandHistory.svg");
  display: inline-block;
}
.form-signverify.FROZEN {
  background-image: url("subjectimages/subject-state-icons/Frozen_QuestionandHistory.svg");
  display: inline-block;
}
.form-signverify.UNFROZEN {
  background-image: url("subjectimages/subject-state-icons/Unfrozen_QuestionandHistory.svg");
  display: inline-block;
}
.form-signverify.LOCKED {
  background-image: url("formimages/Question_Locked.svg");
  background-repeat: no-repeat;
  display: inline-block;
}
.form-signverify.UNLOCKED {
  background-image: url("formimages/Question_Unlocked.svg");
  background-repeat: no-repeat;
  display: inline-block;
  background-size: contain;
}

.signverify-container {
  min-width: 100px;
  margin-left: 15px;
}

.dropboxVerifyCheckbox {
  margin: 14px 6px 2px 0 !important;
}

.globalVerifycheckbox {
  margin: 2px 6px 2px 0 !important;
}

.visitdateSVFLParentCheckbox {
  margin: 2px 6px 2px 0 !important;
}

.visitdateSVFLChildCheckbox {
  margin: 2px 6px 2px 0 !important;
}

.sdvObligatory {
  outline: 3px solid #3C425B !important;
}

@keyframes mymoveshow {
  from {
    height: 1px;
    display: none;
    opacity: 0.1;
  }
  to {
    height: 40px;
    display: block;
    opacity: 1;
  }
}
@keyframes mymovehide {
  from {
    height: 40px;
    display: block;
    opacity: 1;
  }
  to {
    height: 1px;
    display: none;
    opacity: 0.1;
  }
}
.restore-select-con {
  animation: mymovehide 1s;
  display: none;
}

.restore-select-con.show-con {
  animation: mymoveshow 1s;
  height: 40px;
  display: block;
}

.deleteContent .form-items-form-title-div .form-items-form-title {
  padding-top: 5px;
  padding-left: 5px;
}

.form-group-container {
  display: flex;
}
.form-group-container .form-title-header {
  margin: 15px;
  font-size: 18px;
  font-weight: bold;
}
.form-group-container .deletedInstance {
  margin: auto 0;
  cursor: pointer;
  font-size: 1.1em;
}
.form-group-container .add-button-toast {
  margin: auto 10px auto auto;
}

.restore-select-con-default {
  margin: 0 0 10px 10px;
  height: 50px;
  display: flex;
  align-items: center;
}
.restore-select-con-default .restore-select-label {
  margin-left: 5px;
  margin-right: 10px;
  color: #027bc7;
}
.restore-select-con-default .restore-selected-button {
  margin: 0;
}

.repeating-delete-form .repeating-form-table {
  margin-left: 0px !important;
}

.restoreSelectAllHeaderClass {
  padding: 0px !important;
}

.restoreDeletedcheckbox {
  margin: 10px !important;
  width: 20px;
  height: 20px;
}

.restoreDeletedButton {
  margin: 5px 10px;
}

.sdvOptionalCritical {
  background-image: url("images/Target_SDV.svg");
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
}

.textVerifycheckbox {
  margin: 2px 6px 2px 0 !important;
}

.groupCheckboxParent {
  margin: 2px 6px 0 6px !important;
}

.globalVerifycheckboxdropdown {
  margin-right: 6px;
}

.checkbox-Alignment {
  min-width: 388px !important;
}

/*#withCheckbox{
    min-width:400px!important;
}

.rep-form-sign-container{
    width: 56px;
    float: right;
}
#withoutCheckbox{
    min-width: 382px !important;
    max-width: 382px !important;
}*/
.rep-form-sign-container {
  pointer-events: auto;
}

.repeating-form .has-data-text .form-signverify {
  width: 12px;
  height: 12px;
  margin-right: 1px;
  margin-left: 0;
  align-self: center;
}
.repeating-form .has-data-text .form-signverify.noclass {
  width: 0;
  height: 0;
  margin-right: 0;
}
.repeating-form .has-data-text .form-signverify.SIGNED {
  background-image: url("subjectimages/subject-state-icons/Signature_QuestionandHistory.svg");
  display: inline-block;
}
.repeating-form .has-data-text .form-signverify.PARTIAL_SIGNED {
  background-image: url("subjectimages/subject-state-icons/Partial_QuestionHistory.svg");
  display: inline-block;
}
.repeating-form .has-data-text .form-signverify.UNSINGED {
  background-image: url("subjectimages/subject-state-icons/Unsigned_QuestionandHistory.svg");
  display: inline-block;
}
.repeating-form .has-data-text .form-signverify.UNVERIFIED_CHECK {
  background-image: url("subjectimages/subject-state-icons/UnverifiedCheck_QuestionandHistory.svg");
  display: inline-block;
}
.repeating-form .has-data-text .form-signverify.VERIFIED_CHECK, .repeating-form .has-data-text .form-signverify.VERIFIED {
  background-image: url("subjectimages/subject-state-icons/VerifiedCheck_QuestionandHistory.svg");
  display: inline-block;
}
.repeating-form .has-data-text .form-signverify.LOCKED {
  background-image: url("formimages/Question_Locked.svg");
  display: inline-block;
}
.repeating-form .has-data-text .form-signverify.UNLOCKED {
  background-image: url("formimages/Question_Unlocked.svg");
  display: inline-block;
}

.rep-right-align-icons {
  padding: 0 0 0 3px;
  margin-left: auto;
  display: flex;
}

.ec-form-design-dateicon {
  width: 16px;
  height: 16px;
  background-image: url("formimages/DateTime_default.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.ec-form-design-age {
  width: 16px;
  height: 16px;
  background-image: url("formimages/icon_age.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.ec-form-design-questiongroupicon {
  width: 16px;
  height: 16px;
  background-image: url("formimages/QuestionGroups_default.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.ec-form-design-existingdataicon {
  width: 16px;
  height: 16px;
  background-image: url("formimages/existingData.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.ec-form-design-questiongroupicon-label {
  width: 16px;
  height: 16px;
  background-image: url("formimages/QuestionGroups_default.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.ec-form-design-instructionaltexticon-label {
  width: 16px;
  height: 16px;
  background-image: url("formimages/InstructionalText_default.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.ec-form-design-instructionaltexticon-label {
  width: 16px;
  height: 16px;
  background-image: url("formimages/InstructionalText_default.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.ec-form-design-codelist-label {
  width: 16px;
  height: 16px;
  background-image: url("formimages/Codelist_default.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.ec-form-design-dropdownicon {
  width: 16px;
  height: 16px;
  background-image: url("formimages/Dropdown_default.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.ec-form-design-multipleicon {
  width: 16px;
  height: 16px;
  background-image: url("formimages/multiple.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.ec-form-design-timeicon {
  width: 16px;
  height: 16px;
  background-image: url("formimages/time.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.ec-form-design-checkboxicon, .ec-form-design-checkboxicon-label {
  width: 16px;
  height: 16px;
  background-image: url("formimages/Checkbox_default.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.ec-form-design-radioseticon, .ec-form-design-radioseticon-label {
  width: 16px;
  height: 16px;
  background-image: url("formimages/Radioset_default.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.ec-form-design-labelicon, .ec-form-design-labelicon-label {
  width: 16px;
  height: 16px;
  background-image: url("formimages/Label_default.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.ec-form-design-ratingscaleicon {
  width: 16px;
  height: 16px;
  background-image: url("formimages/Star-half_default.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.dropdown-item-menu-button {
  width: 180px;
}

.dropdown-rule-menu {
  width: 100%;
  text-align: centre;
}

.rule-operation-menu {
  width: 100%;
  text-align: center;
}

.rule-operation-contains-types {
  max-width: 250px;
}

.rule-operation-range-input {
  width: 300px;
}

.choice-rule-operation-popup {
  min-width: 150px;
  max-width: 400px;
  width: auto;
}

.choice-rule-operation-combobox {
  max-width: 250px;
}

.datetime-rule-operation {
  width: 300px;
}

.char-limit-input {
  width: 50%;
}

.date-partial-format-select {
  max-width: 98%;
}

.number-unit-input {
  max-width: 100%;
}

.add-validation-rule-button {
  width: 100%;
  text-align: center;
}

.ref-name-input {
  max-width: 100%;
}

.age-rule-operation-value {
  width: 300px;
}

.date-rule-operation-value {
  width: 300px;
}

.hint-preview-popup {
  inline-size: 700px !important;
  word-break: break-word !important;
}
.hint-preview-popup footer {
  font-size: 0.8rem;
  color: #595959;
}

.preview-form-button {
  align-self: center;
  margin-right: 5px;
  margin-left: 15px;
}

.form-preview-icon {
  font-size: medium;
}

.age-rule-error-message-edit-area {
  width: 100%;
  height: 75px;
  resize: height;
}

.uploadErrorIcon {
  height: 0px;
  width: 0px;
  background: url("formimages/Form_Error.svg");
}

#textDetailsSidebar .oj-label-inline {
  margin-bottom: 5px;
}

.form-list-repForm {
  overflow: hidden;
  overflow-x: auto;
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  margin-top: -15px;
  flex-direction: column;
}
.form-list-repForm .form-items-and-button {
  flex: 3;
  flex-direction: column;
  margin-right: 5px;
}
.form-list-repForm .form-items-and-button .data-capture-done-button {
  padding-top: 6px;
  padding-right: 13px;
  bottom: 0;
  text-align: right;
  height: 2.5em;
  align-self: flex-end;
}
.form-list-repForm .form-items-and-button .data-capture-done-button .save-message {
  align-self: center;
  margin-right: 10px;
  font-size: 12px;
  font-style: italic;
}
.form-list-repForm .form-items-and-button .data-capture-done-button .btn-width {
  width: 136px;
}
.form-list-repForm .form-items-and-button .form-items {
  overflow: auto;
  height: 615px;
  flex: 3 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.form-list-repForm .form-items-and-button .form-items .list-of-forms-items-container {
  margin-bottom: 4em;
}
.form-list-repForm .form-items-and-button .form-items .smart-object-padding {
  padding: 15px 0px 15px 0px;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .smart-padding {
  padding: 5px 0px 5px 0px;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container {
  background-color: #f5f5f5;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container.query-active-background {
  background-color: #FDEAEC;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container.visit-start-date-container {
  background-color: #dfeef4;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .form-items-flex-container {
  display: flex;
  padding: 5px 10px;
  justify-content: flex-start;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-title {
  justify-content: space-between;
  display: flex;
  align-items: center;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-title:not(.qcontainer-label) {
  min-width: 300px !important;
  max-width: 300px !important;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-title.enrollment-ques {
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-title.enrollment-ques .question-flag-label {
  position: absolute;
  right: 1px;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .smart-object-form-title {
  align-items: center;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  min-width: 310px !important;
  display: flex;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .smart-object-form-title .item-label-div {
  justify-content: space-between;
  display: flex;
  flex-direction: row-reverse;
  padding: 10px 10px 10px 0px;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .item-label.smart-object-form-title {
  align-items: center;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  min-width: 300px !important;
  max-width: 300px !important;
  display: flex;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .item-label.smart-object-form-title .item-label-div {
  justify-content: space-between;
  display: flex;
  flex-direction: row-reverse;
  padding: 10px 10px 10px 0px;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-container .item-field-reason-for-change-unit {
  display: flex;
  flex-direction: column;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-container .item-field-reason-for-change-unit .item-field-smart-object {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-container .item-field-reason-for-change-unit .item-field-reason-for-change {
  flex-direction: column;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-container .item-field-reason-for-change-unit .item-field-reason-for-change .reason-for-change .text-field textarea {
  width: 100%;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-container .item-field-reason-for-change-unit .item-field {
  padding-right: 0px;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-container .item-field-reason-for-change-unit .is-missed {
  border-width: 2px;
  border-color: #e65a66;
  border-style: solid;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-container .item-field-reason-for-change-unit {
  position: relative;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-container .item-field-query-edit-icons {
  flex-direction: row;
  flex-wrap: nowrap;
  display: inline-flex;
  place-self: flex-start;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .dataElement-form-container .smart-value {
  min-width: 50%;
  width: 50%;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .align-flex-start {
  align-self: flex-start;
  margin-top: 8px;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .form-items-flex-container .align-flex-end {
  align-self: flex-end;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .multi-column oj-checkboxset[id^=checkboxset-] label[for^=checkboxset-] oj-option[id^=checkboxset-],
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .multi-column oj-radioset[id^=radioset-] label[for^=checkboxset-] oj-option[id^=checkboxset-] {
  line-height: 1.1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  margin-bottom: 0px;
  -webkit-line-clamp: 2;
  max-height: 2.2em;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  max-height: 100%;
  overflow: visible !important;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .multi-column oj-checkboxset[id^=checkboxset-] label[for^=radioset-] oj-option[id^=radioset-],
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .multi-column oj-radioset[id^=radioset-] label[for^=radioset-] oj-option[id^=radioset-] {
  line-height: 1.1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  margin-bottom: 0px;
  -webkit-line-clamp: 2;
  max-height: 2.2em;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  max-height: 100%;
  overflow: visible !important;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .multi-column .single .oj-checkboxset-wrapper > span.oj-choice-item,
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .multi-column .single .oj-radioset-wrapper > span.oj-choice-item {
  display: flex;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .multi-column .double .oj-checkboxset-wrapper > span.oj-choice-item,
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .multi-column .double .oj-radioset-wrapper > span.oj-choice-item {
  max-width: 40%;
  width: 40%;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .multi-column .double .oj-choice-row-inline::before {
  min-height: auto;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .multi-column .triple .oj-checkboxset-wrapper > span.oj-choice-item,
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .multi-column .triple .oj-radioset-wrapper > span.oj-choice-item {
  max-width: 30%;
  width: 30%;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .multi-column .triple .oj-choice-row-inline::before {
  min-height: auto;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-field {
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-field input {
  padding-left: 5px;
  padding-right: 5px;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-field .smart-object-parent {
  width: 150px;
  padding: 5px;
  background-color: rgb(230, 230, 230);
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-field .smart-object-input {
  text-align: right;
  border: #c4ced7 1px solid;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-field .smart-object-input-error {
  text-align: left;
  border: rgb(221, 102, 102) 2px solid;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-field .smart-object-input-null {
  text-align: center;
  border: #c4ced7 1px solid;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-field .item-input-width {
  width: 241px;
  margin-bottom: 0;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-field .read-only-input-label-border.oj-read-only > input {
  background-color: #E7E6E6;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-field .form-item-number-input input,
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-field .form-item-date-input input {
  text-align: right;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-field .form-item-number-input input::-webkit-input-placeholder,
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-field .form-item-date-input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: system-ui !important;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-field .form-item-number-input input::-moz-placeholder,
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-field .form-item-date-input input::-moz-placeholder {
  /* Firefox 19+ */
  font-family: system-ui !important;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-field .form-item-number-input input:-ms-input-placeholder,
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-field .form-item-date-input input:-ms-input-placeholder {
  /* IE 10+ */
  font-style: normal !important;
  font-family: system-ui !important;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-field .form-item-number-input input,
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-field .form-item-date-input input {
  /* Edge (also supports ::-webkit-input-placeholder) */
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-field .form-item-number-input input::-ms-input-placeholder,
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-field .form-item-date-input input::-ms-input-placeholder {
  font-family: system-ui !important;
  font-style: normal !important;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-field .form-item-number-input input:-moz-placeholder,
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-field .form-item-date-input input:-moz-placeholder {
  /* Firefox 18- */
  font-family: system-ui !important;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-field {
  /* .form-item-text-input{
       input{
           min-height: 40px;
       }
   }*/
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-field.freeze-input input.oj-inputtext-input,
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-field.freeze-input input.oj-inputdatetime-input {
  background-color: #e7e6e6;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-field .oj-read-only.checkbox-readonly, .form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-field .oj-read-only.radioset-readonly {
  min-width: 220px;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .unit-of-measure {
  max-width: 245px;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .unit-of-measure .cust-num-fix {
  max-width: 90px;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .unit-of-measure.unitExist {
  min-width: 120px;
  text-align: right;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .unit-of-measure.unitExist .cust-num-fix {
  min-width: 90px;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .unit-of-measure.unit-of-measure-qgroup {
  text-align: right;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .smart-object-unit {
  position: absolute;
  left: 36px;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .query-icon-place {
  display: flex;
  justify-content: center;
  width: 30px;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .query-icon-place-beforeForm {
  display: flex;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  align-items: center;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .align-self-start {
  align-items: flex-start;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .align-self-center {
  align-items: center;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .enrollment-ques .item-label-div {
  padding-top: 10px;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-label-div {
  display: flex;
  align-items: center;
  margin-right: 5px;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-label-div .flexVertical {
  display: flex;
  flex-direction: column;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-label-div .item-label-count {
  padding-right: 5px;
  display: flex;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-label-div .item-label-count .color-asterisk {
  color: #0063c9;
  padding-right: 3px;
  align-self: center;
}
.form-list-repForm .form-items-and-button .form-items .form-items-item-container .item-label-div .item-label-count .flexVertical {
  display: flex;
  flex-direction: column;
}
.form-list-repForm .form-items-and-button .form-items .enrollment-info {
  font-size: 12px;
  color: #0466C9;
  font-weight: normal;
  width: 80%;
  margin-top: 10px;
  display: flex;
}
.form-list-repForm .form-items-and-button .form-items .enrollment-info.qggroup-type {
  max-width: 300px;
}
.form-list-repForm .form-items-and-button .form-items .enrollment-info .info_icon {
  background-image: url(images/Information_Dialog.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 15px;
  width: 16px;
  padding-right: 5px;
  min-width: 15px;
}
.form-list-repForm .form-items-and-button .form-items .form-items-form-title {
  font-size: 20px;
  font-weight: bold;
  color: #252525;
  line-height: 1.1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  margin-bottom: 0px;
  -webkit-line-clamp: 1;
  max-height: 1.1em;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
}
.form-list-repForm .form-items-and-button .form-items .form-items-form-title h2 {
  font-size: 18px;
  font-weight: bold;
}
.form-list-repForm .form-items-and-button .form-items .form-items-form-title-div {
  padding: 10px;
  display: flex;
  align-items: center;
}
.form-list-repForm .form-items-and-button .form-items .form-items-form-title-div-preview {
  justify-content: space-between;
  align-items: center;
}
.form-list-repForm .form-items-and-button .form-items .form-items-form-title-div-preview .formPreviewShare {
  display: inline-flex;
  width: 75%;
  justify-content: space-between;
}
.form-list-repForm .form-items-and-button .form-items .form-items-form-title-div-preview .formPreviewShare .formPreviewDataInfoMsg {
  display: inline-flex;
}
.form-list-repForm .form-items-and-button .form-items .form-items-form-title-div-preview .formPreviewShare .formPreviewShareButtons {
  padding: 0px 5px;
  margin-top: 5px;
  align-self: center;
}
.form-list-repForm .form-items-and-button .form-items .form-items-search-input input {
  border: none;
}
.form-list-repForm .form-items-and-button .form-items .form-items-search-input:before {
  content: url(subjectimages/search-icon.png);
  margin-left: 5px;
}
.form-list-repForm .form-items-and-button .form-items .oj-inputtext.form-items-search-input {
  display: flex;
  align-items: center;
  border: 1px solid #dfe4e7;
  background-color: #fcfdfe;
}
.form-list-repForm .form-items-and-button .form-items .form-single-formitem {
  padding: 0px 10px;
}
.form-list-repForm .form-items-and-button .form-items .form-visit-date {
  padding: 10px 10px 0px 10px;
}
.form-list-repForm .form-items-and-button .form-items .question-flag-label {
  white-space: nowrap;
  color: white;
  padding: 8px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: normal;
  margin-right: 5px;
}
.form-list-repForm .form-items-and-button .form-items .flag-container-qgroup {
  min-width: 90px;
  max-width: 120px;
  margin-bottom: 4px;
  height: 0px;
}
.form-list-repForm .form-items-and-button .form-items .flag-container-qgroup.flag-container-choice-checkbox, .form-list-repForm .form-items-and-button .form-items .flag-container-qgroup.flag-container-choice-radioset {
  height: 30px;
}
.form-list-repForm .form-items-and-button .form-items .flag-container-qgroup {
  display: flex;
}
.form-list-repForm .form-items-and-button .form-items .flag-container-qgroup .qGroup-flag {
  width: 100%;
  display: flex;
  align-self: flex-start;
  justify-content: space-between;
  white-space: nowrap;
  text-align: center;
  padding: 4px;
  position: relative;
  z-index: 1;
  top: 1em;
  left: 1em;
}
.form-list-repForm .form-items-and-button .form-items .flag-container-qgroup .qGroup-flag.flag_disabled {
  opacity: 0;
  z-index: 0;
}
.form-list-repForm .form-items-and-button .form-items .flag-container-qgroup .qGroup-flag .remove {
  margin-left: 1em;
}
.form-list-repForm .form-items-and-button .form-items .flag_not_done {
  background-color: #4c5366;
}
.form-list-repForm .form-items-and-button .form-items .flag_not_applicable {
  background-color: #5c4565;
}
.form-list-repForm .form-items-and-button .form-items .flag_unknown {
  background-color: #5e664c;
}
.form-list-repForm .hsgbu-co-subject-graph-container {
  width: 100%;
}

.sidebarRepeatingForm {
  display: flex;
  width: 350px;
  min-width: 350px;
  max-width: 350px;
  border: 1px solid #dddddd;
}
.sidebarRepeatingForm .sidebarModule {
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  margin: -1px -1px 0 -1px;
}
.sidebarRepeatingForm .sidebarModule .sidebarModuleContentContainer {
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
}
.sidebarRepeatingForm .sidebarAccord {
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
}
.sidebarRepeatingForm .sidebarAccord .collapsible {
  display: flex;
  flex-direction: column;
}
.sidebarRepeatingForm .sidebarAccord .collapsible .collapsibleContent {
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  flex-wrap: nowrap;
  /*padding: 5px;*/
}
.sidebarRepeatingForm .sidebarAccord .collapsible > .oj-collapsible-wrapper {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
  overflow: auto;
}
.sidebarRepeatingForm .sidebarAccord#edcSidebarAccordionRep .collapsible {
  min-height: 42px;
}
.sidebarRepeatingForm .sidebarAccord#edcSidebarAccordionRep .fullHeight {
  height: 100%;
}
.sidebarRepeatingForm .sidebarAccord#edcSidebarAccordionRep .rulesCollapsible {
  min-height: 42px;
  padding: 0px;
  overflow-x: hidden;
  width: 100%;
  position: relative;
  display: flex;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}

.subjectsMainPageRepForm {
  display: flex;
  flex-direction: row;
  flex-wrap: none;
  background: #FFF;
  height: 650px;
  width: 100%;
  overflow: hidden;
}

#repeatingFormPopup .form-items-and-button.loading:after {
  height: 442px;
}

.co-tip {
  position: relative;
  display: flex;
  flex-direction: row;
  position: relative;
  background-color: #ebfae4;
  margin: 10px 0px;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #CDCDCD;
}
.co-tip .tipIcon {
  min-width: 30px;
  width: 30px;
  max-width: 30px;
  height: 20px;
  align-self: flex-start;
  background-size: 20px;
  background-repeat: no-repeat;
  background-image: url(designerimages/Tip_Lightbulb.svg);
  background-position-x: center;
}
.co-tip .dismissIcon {
  position: absolute;
  top: 5px;
  right: 5px;
}
.co-tip .tipContent {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  padding-right: 20px;
}
.co-tip .tipContent .tipLabel {
  font-weight: bold;
  padding-right: 3px;
}
.co-tip .tipContent .tipMessage {
  /*text-align: left;*/
}
.co-tip .tipContent .tipSeeHowItWork {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
  cursor: pointer;
}
.co-tip .verticalCenter-container {
  display: flex;
  /*font-weight: bold;*/
  align-items: center;
  /*height: 100%;*/
}
.co-tip .verticalCenter-container .floatCenter {
  position: relative;
  margin: auto;
}

.co-error {
  position: relative;
  display: flex;
  flex-direction: column;
  position: relative;
  color: var(--oj-core-danger-3);
  background-color: var(--oj-core-danger-secondary-3);
  margin: 10px 10px;
  padding: 10px 25px 10px 10px;
  border-radius: 5px;
  border: 1px solid var(--oj-core-divider-color);
}
.co-error.co-error-hasicon::before {
  position: absolute;
  top: 10px;
  left: 12px;
  content: "";
  background: url("images/error-icon.svg") 0 0 no-repeat;
  background-size: 16px;
  width: 16px;
  height: 16px;
}
.co-error.co-error-hasicon {
  padding-left: 36px;
  box-sizing: border-box;
}
.co-error .co-error-dismissIcon {
  position: absolute;
  top: 5px;
  right: 5px;
}
.co-error .co-error-errorHeader .co-error-errorLabel {
  font-weight: bold;
  padding-right: 3px;
}
.co-error .co-error-errorHeader .co-error-showHideErrors {
  text-align: center;
  color: darkblue;
  text-decoration: underline;
  display: inline-block;
}
.co-error .co-error-errorContent {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  padding-right: 15px;
  overflow: hidden;
  height: 0px;
}
.co-error .co-error-errorContent .co-error-errorsList {
  overflow: hidden;
}
.item-hint {
  font-size: 12px;
  font-style: italic;
}

.form-item-end {
  margin-bottom: 30px;
}

.reason-for-change {
  padding-top: 10px;
}

.reason-for-change .reason-for-change-span {
  padding-bottom: 5px;
  display: block;
}

.reason-for-change .reason-for-change-textarea {
  resize: none;
  width: 200px;
  height: 50px;
}

.focus-on-form-item {
  box-shadow: 0px 0px 5px #0572ce;
  border: 1px solid rgb(5, 114, 206);
}

.reason-for-change .reason-for-change-buttondiv {
  display: flex;
  padding: 10px 0px 0 0;
}
.reason-for-change .reason-for-change-buttondiv.flag-confirm-buttons-container {
  display: flex !important;
  flex-wrap: nowrap;
}

.reason-for-change .reason-for-change-buttondiv button {
  margin-right: 10px;
}

.form-items-submit-inprogress {
  padding-left: 10px;
  color: #2C783B;
  display: none;
}
.form-items-submit-inprogress span.spinner-image {
  padding-right: 20px;
}

.spinner-image {
  padding-right: 20px;
  background-image: url("images/progress-spinner.gif");
  height: 10px;
  width: 10px;
  background-size: contain;
}

.submitToast {
  position: sticky;
  position: -webkit-sticky;
  width: 180px;
  height: 20px;
  top: 50px;
  display: flex;
  align-items: center;
  border: 1px solid #2C783B;
  border-radius: 4px;
  z-index: 2;
  transform: translate3d(350px, -30px, 0px);
  flex: 1 1 auto;
  background: white;
  opacity: 80%;
}
.submitToast .spinnerContainerToast {
  height: 100%;
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
  flex: 1 1 auto;
  background: #2C783B;
  margin-right: 2px;
  width: 25px;
  max-width: 25px;
}
.submitToast .spinner-image {
  padding: 0px;
  background-image: url("images/progress-spinner_grn.gif");
  height: 16px;
  width: 16px;
  background-size: contain;
}
.submitToast .spinner-image.form-status-common {
  padding: 0px;
}
.submitToast .closeToastIcon {
  background-image: url("images/CloseX_default.svg");
  height: 10px;
  width: 10px;
  background-size: contain;
  margin-right: 3px;
  cursor: pointer;
}
.submitToast .submitInProgressText {
  color: #2C783B;
  text-align: center;
  display: flex;
  flex: 1 0 auto;
}

.uploadToast {
  position: sticky;
  position: -webkit-sticky;
  width: 180px;
  height: 20px;
  top: 50px;
  display: flex;
  align-items: center;
  border: 1px solid #2C783B;
  border-radius: 4px;
  z-index: 2;
  flex: 1 1 auto;
  background: white;
}
.uploadToast .uploadContainerToast {
  height: 100%;
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
  flex: 1 1 auto;
  background: #2C783B;
  margin-right: 2px;
  width: 25px;
  max-width: 25px;
}
.uploadToast .spinner-image {
  padding: 0px;
  background-image: url("images/progress-spinner_grn.gif");
  height: 16px;
  width: 16px;
  background-size: contain;
}
.uploadToast .spinner-image.form-status-common {
  padding: 0px;
}
.uploadToast .uploadInProgressText {
  color: #2C783B;
  text-align: center;
  display: flex;
  flex: 1 0 auto;
}

.upload-status-cancelled {
  background-image: url("formimages/Form_Incomplete.svg");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  margin-right: 5px;
  align-self: center;
}

.upload-status-error {
  background-image: url("formimages/Form_Error.svg");
  width: 20px;
  height: 20px;
  margin-left: 5px;
  align-self: center;
}

.popup-container {
  font-weight: bold;
  display: flex;
}
.popup-container .upload-status-cancelled {
  background-image: url("formimages/Form_Incomplete.svg");
  background-repeat: no-repeat;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  align-self: center;
}
.popup-container .upload-status-error {
  background-image: url("formimages/Form_Error.svg");
  background-repeat: no-repeat;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  align-self: center;
}

.message-container {
  padding-top: 5px;
  padding-left: 30px;
}

.message-container-fileupload-info {
  padding-top: 5px;
  padding-left: 5px;
}

.fileupload-info-icon {
  padding-left: 5px;
}

.submitInProgress {
  position: absolute;
  width: 100%;
  border: 3px solid #A9A9A9;
}
.submitInProgress .round-thing {
  left: 300px;
  position: absolute;
  width: 250px;
  background-color: #A9A9A9;
  text-align: center;
  border-radius: 4px;
}
.submitInProgress .round-thing span.spinner-image {
  padding-right: 20px;
}

.form-items-submit-successful {
  padding-left: 10px;
  color: #2C783B;
  display: none;
}
.form-items-submit-successful .success-image {
  padding-right: 20px;
}

.rulesSection .inputLine {
  display: flex;
  flex-direction: column;
}
.rulesSection .inputLine .mainInput .oj-text-field {
  max-width: unset !important;
}
.rulesSection .inputLine .subInput {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  display: flex;
}
.rulesSection .inputLine .subInput input[type=checkbox] {
  margin: 0px 10px 0 10px;
  align-self: center;
}
.rulesSection .inputLine .subInput label {
  margin-right: 0px;
}
.rulesSection .seperator {
  font-weight: bold;
  padding: 10px 0px;
  margin: 0px;
}
.rulesSection .confirmationWindow.dropdownLogicalChange {
  display: flex;
  padding: 10px;
}
.rulesSection .logical-menu-button {
  width: auto;
  text-align: center;
}

.query-status-container {
  display: flex;
  flex-direction: row;
}

/* hamburger icon starts here */
.hamburger-main {
  margin-top: 0px !important;
  height: 35px;
  width: 30px;
}
.hamburger-main oj-menu-button {
  text-decoration: none;
  list-style: none;
  height: 100%;
  width: 100%;
  margin-bottom: 0;
}
.hamburger-main.disabled oj-menu-button {
  display: none;
}
.hamburger-main .oj-button-label,
.hamburger-main .oj-button-label oj-option {
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 30px;
  height: 30px;
  background-image: url(common/Menu_Default.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center center;
  cursor: pointer;
}
.hamburger-main .oj-button-label:hover,
.hamburger-main .oj-button-label oj-option:hover {
  background-image: url(common/Menu_Active.svg);
}
.hamburger-main .oj-button-button {
  background: none !important;
  border: none !important;
}
.hamburger-main .oj-button-menu-dropdown-icon:before {
  content: "";
}

/* hamburger icon ends here */
.query-default-icon {
  height: 16px;
  width: 16px;
  background-image: url(subjectimages/subject-query-history/Query_default.svg);
  background-repeat: no-repeat;
  flex-shrink: 0;
  padding: 1px;
  cursor: pointer;
}
.query-default-icon.single-query-default-icon {
  width: 24px;
}
.query-default-icon.single-query-default-icon.Candidate, .query-default-icon.single-query-default-icon.candidate {
  background-image: url(subjectimages/subject-query-history/Query_Candidate.svg);
}
.query-default-icon.single-query-default-icon.Opened, .query-default-icon.single-query-default-icon.opened {
  background-image: url(subjectimages/subject-query-history/Query_Open.svg);
}
.query-default-icon.single-query-default-icon.Closed, .query-default-icon.single-query-default-icon.closed {
  background-image: url(subjectimages/subject-query-history/Query_Closed.svg);
}
.query-default-icon.single-query-default-icon.Answered, .query-default-icon.single-query-default-icon.answered {
  background-image: url(subjectimages/subject-query-history/Query_Answer.svg);
}
.query-default-icon.single-query-default-icon.Deleted, .query-default-icon.single-query-default-icon.deleted {
  background-image: url(subjectimages/subject-query-history/Query_Deleted.svg);
}

.query-close-icon {
  height: 16px;
  width: 16px;
  background-image: url(subjectimages/subject-query-history/Query_Closed.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
}

.query-active-icon {
  height: 16px;
  width: 16px;
  background-image: url(subjectimages/subject-query-history/Query_Active.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
}

.query-open-icon {
  height: 16px;
  width: 16px;
  background-image: url(subjectimages/subject-query-history/Query_Open.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
}

.query-candidate-icon {
  height: 16px;
  width: 16px;
  background-image: url(subjectimages/subject-query-history/Query_Candidate.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
}

.query-button-set {
  margin-top: 15px;
}

.query-button-set-updated > oj-button:not(:last-of-type) {
  margin-right: 5px;
}

.query-sector-separator {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}

.query-comment-textarea {
  resize: none;
  width: 300px;
}

.query-creation-container {
  padding: 15px 20px;
  display: flex;
  background: rgb(221, 239, 242);
}
.query-creation-container .query-container {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  min-width: 350px;
  max-width: 350px;
  margin-right: 45px;
}
.query-creation-container .query-container .query-comment-requiredStar {
  margin-bottom: 10px;
}
.query-creation-container .query-creation-generalContainer {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.query-creation-container .query-creation-generalContainer .item-label co-tip {
  margin-left: 2em;
}

.color-asterisk {
  color: #0063c9;
  padding-right: 3px;
}

.query-active-background {
  background-color: #FDEAEC;
  border: 1px solid #EA6143;
  border-top: 0px;
}

.query-active-parent {
  background-color: #FDEAEC;
  border: 1px solid #EA6143;
  border-bottom: 0px;
}

.qgcontainer-query-active-parent {
  background-color: #FDEAEC;
  border: 1px solid #EA6143;
}

.qgcontainer-query-active-child {
  background-color: #FDEAEC;
}

.manual-query-detail {
  background: #FDEAEC;
  padding: 5px;
  display: flex;
  flex-direction: column;
}
.manual-query-detail .manual-query-buttons-container {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.manual-query-detail .manual-query-buttons-container .query-actions-menu-buttonset {
  margin-top: 8px;
}
.manual-query-detail .manual-query-description {
  display: flex;
  flex-direction: row;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  margin: 5px 5px 5px 0;
  min-width: 406px;
  max-width: 406px;
}
.manual-query-detail .manual-query-description .filterName-icon {
  display: flex;
  width: 45px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}
.manual-query-detail .manual-query-description .filterName-icon .filterName-Initials {
  font-size: 13px;
  height: 30px;
  width: 30px;
  background: rgba(202, 202, 202, 0.3);
  font-weight: bold;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.manual-query-detail .manual-query-description .filter-subtitle {
  flex-grow: 9;
  max-width: 350px;
}
.manual-query-detail .manual-query-description .filter-subtitle .query-status-time {
  display: flex;
  justify-content: space-between;
  height: 100%;
  align-items: center;
}
.manual-query-detail .manual-query-description .filter-subtitle .query-status-time .query-status {
  font-weight: bold;
}
.manual-query-detail .manual-query-description .filter-subtitle .query-status-time .query-time {
  font-size: 13px;
  color: #585858;
}
.manual-query-detail .manual-query-description .filter-subtitle .query-description {
  height: 50px;
  width: 350px;
  line-height: 1.2;
}
.manual-query-detail .form-info {
  background-color: rgb(194, 223, 234);
  padding: 10px;
}
.manual-query-detail .form-info .form-title-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.manual-query-detail .form-info .form-title-info .form-title {
  font-weight: bold;
}
.manual-query-detail .form-info .form-title-info .form-Icon {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/Form.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  margin: 0;
  cursor: pointer;
}
.manual-query-detail .manual-query-title-button-container {
  display: flex;
  flex-direction: row;
}
.manual-query-detail .query-description {
  max-width: 100% !important;
  padding-left: 1em;
  margin-top: 0.25em;
  margin-bottom: 1.5em;
}

.checkboxPosition {
  font-size: 13px !important;
}

.checkboxPosition .oj-radiocheckbox-icon {
  position: absolute !important;
}

.disableDatePickerIcon {
  pointer-events: none;
  background-color: #efeff1;
  border-color: #efeff1;
  opacity: 1;
}

.notification-list-item {
  /*max-height: 200px;*/
}
.notification-list-item .selectableText {
  -moz-user-select: text;
  -khtml-user-select: auto;
  -webkit-user-select: auto;
  -ms-user-select: auto;
  /*user-select: auto;*/
}
.notification-list-item .selectableText table tbody tr {
  background-color: inherit; /* #e4f0fa;*/
}
.notification-list-item notification-tile {
  width: 100%;
}
.notification-list-item notification-tile .notification-generalInfo {
  height: 80px;
  padding: 10px;
  display: flex;
  justify-content: space-between;
}
.notification-list-item notification-tile .notification-generalInfo .notification-readicon-name {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.notification-list-item notification-tile .notification-generalInfo .notification-readicon-name .notification-readicon-container {
  height: 50px;
  width: 25px;
  display: flex;
  align-items: center;
}
.notification-list-item notification-tile .notification-generalInfo .notification-readicon-name .notification-readicon-container .notification-readicon {
  height: 10px;
  width: 10px;
  background-color: #2a8fee;
  border-radius: 5px;
}
.notification-list-item notification-tile .notification-generalInfo .notification-readicon-name .notification-name {
  max-width: 500px;
}
.notification-list-item notification-tile .notification-generalInfo .notification-readicon-name .notification-name .notification-name-title {
  font-weight: bold;
}
.notification-list-item notification-tile .notification-generalInfo .notification-readicon-name .notification-name .notification-name-entity {
  margin-bottom: 0;
}
.notification-list-item notification-tile .notification-generalInfo .notification-time-pointer {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.notification-list-item notification-tile .notification-generalInfo .notification-time-pointer .pointer {
  cursor: pointer;
}
.notification-list-item notification-tile .notification-detailInfo {
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 20px;
  background-repeat: repeat;
  background-position: top left;
}
.notification-list-item notification-tile .notification-detailInfo div:first-child {
  font-weight: bold;
  /*margin-bottom: 10px;*/
}

/* 
   Kits-dispense-dialog
*/
.mHealth-dispense {
  flex-direction: column;
  overflow: hidden;
}
.mHealth-dispense .dispense-kits-dlg-v2 .dispense-kits-dlg-v2-icon {
  width: 50px;
  height: 50px;
  margin-top: 10px;
  background-image: url(dcs/icon_kit_pill.svg);
}
.mHealth-dispense .dispense-kits-dlg-v2 .dispense-kits-dlg-v2-icon.dispensedKits {
  background-image: url(dcs/icon_mark.svg);
}
.mHealth-dispense .dispense-kits-dlg-v2 .dispense-kits-dlg-v2-align-self {
  margin-left: 20px;
}
.mHealth-dispense .dispense-kits-dlg-v2 .dispense-kits-dlg-v2-treatment-title {
  margin-top: 5px;
  margin-bottom: 5px;
}
.mHealth-dispense .dispense-kits-dlg .dispense-kits-dlg-titrationKitLbl, .mHealth-dispense .dispense-kits-dlg-v2 .dispense-kits-dlg-v2-titrationKitLbl {
  margin-top: 15px;
  margin-bottom: 10px;
}
.mHealth-dispense .dispense-kits-dlg-v2 #kits-dosage-instructions, .mHealth-dispense .dispense-kits-dlg-v2 #conserve-kits-dosage-instructions {
  margin-top: 10px;
  width: 99.5%;
  height: 100%;
  overflow: hidden;
}
.mHealth-dispense #kits-dosage-instructions .oj-table-grid-display .oj-table, .mHealth-dispense #conserve-kits-dosage-instructions .oj-table-grid-display .oj-table {
  height: 2.25em;
}
.mHealth-dispense #kits-dosage-instructions .oj-table-header-row, .mHealth-dispense #conserve-kits-dosage-instructions .oj-table-header-row {
  min-height: auto;
}
.mHealth-dispense #kits-dosage-instructions .description-unblinded, .mHealth-dispense #conserve-kits-dosage-instructions .description-unblinded {
  padding: 0 10px;
}
.mHealth-dispense .no-background-color .weightscale {
  height: 20px;
  width: 20px;
  background-image: url(dcs/mHealthDevice/icon_scale.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  vertical-align: bottom;
  display: inline-block;
  margin-left: -30px;
  margin-right: 5px;
}
.mHealth-dispense .no-background-color .glucosemonitor {
  height: 20px;
  width: 20px;
  background-image: url(dcs/mHealthDevice/icon_blood_glucose.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  vertical-align: bottom;
  display: inline-block;
  margin-left: -30px;
  margin-right: 5px;
}
.mHealth-dispense .no-background-color .bloodpressuremonitor {
  height: 20px;
  width: 20px;
  background-image: url(dcs/mHealthDevice/icon_blood_pressure_monitor.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  vertical-align: bottom;
  display: inline-block;
  margin-left: -30px;
  margin-right: 5px;
}
.mHealth-dispense .no-background-color .other {
  height: 20px;
  width: 20px;
  background-image: url(dcs/mHealthDevice/icon_device_general.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  vertical-align: bottom;
  display: inline-block;
  margin-left: -30px;
  margin-right: 5px;
}
.mHealth-dispense .no-background-color .ecgreader {
  height: 20px;
  width: 20px;
  background-image: url(dcs/mHealthDevice/icon_ECG_reader.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  vertical-align: bottom;
  display: inline-block;
  margin-left: -30px;
  margin-right: 5px;
}
.mHealth-dispense .no-background-color .mobileapp {
  height: 20px;
  width: 20px;
  background-image: url(dcs/mHealthDevice/icon_mobile_app.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  vertical-align: bottom;
  display: inline-block;
  margin-left: -30px;
  margin-right: 5px;
}
.mHealth-dispense .no-background-color .pulseoximeter {
  height: 20px;
  width: 20px;
  background-image: url(dcs/mHealthDevice/icon_pulse_oximeter.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  vertical-align: bottom;
  display: inline-block;
  margin-left: -30px;
  margin-right: 5px;
}
.mHealth-dispense .no-background-color .smartpillbottle {
  height: 20px;
  width: 20px;
  background-image: url(dcs/mHealthDevice/icon_smart_pill_bottle.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  vertical-align: bottom;
  display: inline-block;
  margin-left: -30px;
  margin-right: 5px;
}
.mHealth-dispense .no-background-color .spirometer {
  height: 20px;
  width: 20px;
  background-image: url(dcs/mHealthDevice/icon_spirometerA.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  vertical-align: bottom;
  display: inline-block;
  margin-left: -30px;
  margin-right: 5px;
}
.mHealth-dispense .no-background-color .wearablepatch {
  height: 20px;
  width: 20px;
  background-image: url(dcs/mHealthDevice/icon_wearable_patch.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  vertical-align: bottom;
  display: inline-block;
  margin-left: -30px;
  margin-right: 5px;
}
.mHealth-dispense .no-background-color .activitywatch {
  height: 20px;
  width: 20px;
  background-image: url(dcs/mHealthDevice/icon_activity_watch.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  vertical-align: bottom;
  display: inline-block;
  margin-left: -30px;
  margin-right: 5px;
}

.mHealthButtonContainer {
  width: 100%;
}

#partialDispInfo.partial-disp-info .co-error .co-error-errorHeader {
  min-height: 35px;
}

.dispense-kit-dialog-wrapper {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  overflow: hidden;
}
.dispense-kit-dialog-wrapper .partial-disp-info .co-error {
  padding-left: 60px;
  background-color: #B6D5F1;
  border: 1px solid #B6D5F1;
  outline: 0;
  color: #000;
}
.dispense-kit-dialog-wrapper .partial-disp-info .co-error.co-error-hasicon::before {
  background: url(supplyimages/PartialDose_settings.svg) 0 0 no-repeat;
  background-size: 32px;
  width: 32px;
  height: 32px;
}
.dispense-kit-dialog-wrapper .unblinded-pharma-info .co-error {
  padding-left: 60px;
  background-color: #fed;
  border: 1px solid #fed;
  outline: 0;
}
.dispense-kit-dialog-wrapper .unblinded-pharma-info .co-error .co-error-errorMessage {
  line-height: 20px;
  color: rgba(0, 0, 0, 0.8);
}
.dispense-kit-dialog-wrapper .unblinded-pharma-info .co-error.co-error-hasicon::before {
  background: url(images/pharmacist_icon.svg) 0 0 no-repeat;
  background-size: 32px;
  width: 32px;
  height: 32px;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2 .prevKitTableHeader {
  padding-top: 10px;
  font-weight: bold;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2 .prevKitTableSubHeader, .dispense-kit-dialog-wrapper .dispense-kits-dlg-v2 .newKitTableSubHeader {
  padding: 10px 0;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2 .tableSubHeaderTop {
  padding-top: 10px;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2 .newKitTableHeader {
  padding-top: 25px;
  font-weight: bold;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2 .disp-confirmed {
  background-image: url(images/success_icon.svg);
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  margin: 0 auto;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2 .barcode-text-input {
  position: relative;
  border: 1px solid #ccc;
  padding: 1px;
  border-radius: 2px;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2 .barcode-text-input input {
  width: 90%;
  border: 0px;
  margin-left: 1px;
  height: 30px;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2 .barcode-text-input .remove-input-icon {
  position: absolute;
  right: 0px;
  top: 7px;
  width: 25px;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2 .barcode-text-input .remove-input-icon.clear-search-btn-disable {
  pointer-events: none;
  cursor: default;
  opacity: 0;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2 .dispense-kits-dlg-v2-content oj-table tr.disp-confirmed-row {
  background-color: #ebfae4;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2 .dispense-kits-dlg-v2-content oj-table thead tr th div.oj-table-column-header {
  display: block;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2 .co-error {
  outline: 0;
  margin: 0;
  padding-right: 20px;
  border: 1px solid #fecece;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2 .co-error.co-error-hasicon::before {
  background: url(images/Error_Dialog_icon.svg) 0 0 no-repeat;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2 .co-error-errorMessage {
  line-height: 20px;
  color: rgba(0, 0, 0, 0.8);
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2 .already-confirmed .co-error.co-error-hasicon::before {
  background: url(images/warning_icon.svg) 0 0 no-repeat;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2 .already-confirmed .co-error {
  background-color: #fef9e8;
  border: 1px solid #fef3ce;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2 .partial-disp-info .co-error {
  padding-left: 60px;
  background-color: #B6D5F1;
  border: 1px solid #B6D5F1;
  outline: 0;
  color: #000;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2 .partial-disp-info .co-error.co-error-hasicon::before {
  background: url(supplyimages/PartialDose_settings.svg) 0 0 no-repeat;
  background-size: 32px;
  width: 32px;
  height: 32px;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2 .unblinded-pharma-info .co-error {
  padding-left: 60px;
  background-color: #fed;
  border: 1px solid #fed;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2 .unblinded-pharma-info .co-error.co-error-hasicon::before {
  background: url(images/pharmacist_icon.svg) 0 0 no-repeat;
  background-size: 32px;
  width: 32px;
  height: 32px;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2 .icon-wrapper {
  line-height: 100%;
  width: 30px;
  position: relative;
  background-color: #3C425B;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2 .icon-wrapper.replace-devices {
  margin: 0;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2 .icon-wrapper .kit-style {
  width: 28px;
  height: 28px;
  margin: 0px;
  position: absolute;
  right: -15px;
  border: 1px solid #fff;
  border-radius: 50%;
  top: 2px;
  background-color: #fff;
  background-size: cover;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2 .icon-wrapper .kit-position {
  top: 50%;
  margin-top: -1.1rem;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2 .dispense-kits-dlg-v2-treatment-title {
  margin-top: 10px;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2 .dosingInstructionMsg {
  background: url(inventoryicons/Dispensed_status.svg) #EED5E2 no-repeat 10px 5px;
  border-radius: 5px 5px 0 0;
  line-height: 20px;
  display: flex;
  background-size: 25px 25px;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2-content .dose-hold-success-icon {
  background-image: url(images/success_icon.svg);
  height: 70px;
  width: 70px;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  margin: 35px auto 20px auto;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2-content .dose-hold-success-label {
  font-weight: bold;
  margin: 0 auto;
  margin-bottom: 20px;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2-content .dose-hold-success-message {
  margin: 0 0 10px 25px;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2-content .ellipsed-kit {
  line-height: 34px;
  width: 110px;
}
.dispense-kit-dialog-wrapper .dispense-kits-dlg-v2-content .kit-id-wrapper {
  text-align: start;
  margin: auto 0 auto 1.2rem;
}
.dispense-kit-dialog-wrapper .dose-hold-info .co-error {
  padding-left: 60px;
  background-color: #A5CBEE;
  border: 1px solid #A5CBEE;
  color: #000;
}
.dispense-kit-dialog-wrapper .dose-hold-info .co-error .co-error-dismissIcon {
  top: 10px;
  right: 10px;
}
.dispense-kit-dialog-wrapper .dose-hold-info .co-error.co-error-hasicon::before {
  background: url(images/doseHold.svg) 0 0 no-repeat;
  background-size: 22px;
  width: 22px;
  height: 22px;
  margin: -3px 0 0 5px;
}

.dispense-kits-dlg {
  display: flex;
  overflow: hidden;
  width: 100%;
  flex-direction: column;
}
.dispense-kits-dlg .dispense-kits-dlg-icon {
  height: 60px;
  width: 60px;
  background-image: url(ors/dispensation_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
}
.dispense-kits-dlg .dispense-kits-dlg-content {
  display: flex;
  margin-bottom: 10px;
}
.dispense-kits-dlg .dispense-kits-dlg-align-self {
  align-self: baseline;
  padding-left: 20px;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.dispense-kits-dlg .dispense-kits-dlg-align-self.no-kits-align-center {
  align-self: center;
}
.dispense-kits-dlg .dispense-kits-dlg-success-text {
  font-weight: normal;
  font-size: 14px;
}
.dispense-kits-dlg .dispense-kits-dlg-titrationKitLbl {
  margin-top: 15px;
  margin-bottom: 10px;
}
.dispense-kits-dlg .dispense-kits-dlg-success-text-subNum {
  font-weight: bold;
  font-size: 14px;
  margin-top: 20px;
}
.dispense-kits-dlg .dispense-kits-dlg-success-text-kitDescription {
  max-width: 250px;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: right;
  white-space: nowrap;
}
.dispense-kits-dlg .co-tip .tipIcon {
  height: 20px;
  width: 20px;
}
.dispense-kits-dlg .co-tip {
  margin: 0px;
}
.dispense-kits-dlg .co-tip .tipMessage {
  font-size: 12px;
}
.dispense-kits-dlg .dispense-kits-dlg-treatment-title {
  margin-top: 20px;
  margin-bottom: 10px;
}
.dispense-kits-dlg .dispense-kits-dlg-treatment-title .bold {
  font-weight: bold;
}

.dispense-kits-dlg-v2 {
  display: flex;
  overflow-x: hidden;
  width: 100%;
  flex-direction: column;
}
.dispense-kits-dlg-v2 .text-dosage-font {
  text-align: center;
  font-weight: bold;
  color: rgb(5, 114, 206) !important;
}
.dispense-kits-dlg-v2 .total-dosage-font {
  background-color: #e4f0fa !important;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  margin: 4px;
  font-weight: bold;
  color: rgb(5, 80, 206) !important;
}
.dispense-kits-dlg-v2 .no-background-color {
  background-color: rgb(255, 255, 255);
}
.dispense-kits-dlg-v2 .blinded-text {
  color: #a3a3a3 !important;
  font-style: italic;
}
.dispense-kits-dlg-v2 .dispense-kits-dlg-v2-icon {
  height: 60px;
  width: 60px;
  background-image: url(ors/dispensation_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  margin-bottom: 15px;
}
.dispense-kits-dlg-v2 .dispense-kits-dlg-v2-content {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.dispense-kits-dlg-v2 #kits-dosage-instructions {
  margin-bottom: 15px;
}
.dispense-kits-dlg-v2 .dispense-kits-dlg-v2-align-self {
  margin-left: 25px;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  align-self: center;
}
.dispense-kits-dlg-v2 .dispense-kits-dlg-v2-success-text {
  font-weight: normal;
  font-size: inherit;
}
.dispense-kits-dlg-v2 .dispense-kits-dlg-v2-titrationKitLbl {
  margin-top: 15px;
  margin-bottom: 10px;
}
.dispense-kits-dlg-v2 .dispense-kits-dlg-v2-success-text-subNum {
  font-weight: bold;
  font-size: 14px;
  margin-top: 20px;
}
.dispense-kits-dlg-v2 .co-tip .tipIcon {
  height: 20px;
  width: 20px;
}
.dispense-kits-dlg-v2 .co-tip {
  margin: 0px;
}
.dispense-kits-dlg-v2 .co-tip .tipMessage {
  font-size: 12px;
}
.dispense-kits-dlg-v2 .dispense-kits-dlg-v2-treatment-title {
  margin-top: 20px;
  margin-bottom: 10px;
}
.dispense-kits-dlg-v2 .dispense-kits-dlg-v2-treatment-title .bold {
  font-weight: bold;
}

.no-wrap {
  flex-wrap: nowrap;
}

.dispenseNotallowedMsg {
  line-height: 1.5;
  margin-bottom: 15px;
}

.pharmacist-kit {
  width: 32px;
  height: 32px;
  background-image: url(images/pharmacist_icon.svg);
  background-repeat: no-repeat;
  align-self: center;
}

.titration-card {
  width: 32px;
  height: 32px;
  background-image: url(designerimages/titrations/TitrationCard.svg);
  background-repeat: no-repeat;
  margin: 0px 0px 0px -15px;
  align-self: center;
}

.disabled-btn {
  pointer-events: none;
  opacity: 0.5;
}

.dose-hold-dlg {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  overflow: hidden;
}
.dose-hold-dlg .loading {
  position: relative;
  background-image: url("./resources/images/progress-spinner.gif");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
}
.dose-hold-dlg .dose-hold-dlg-con {
  display: flex;
  overflow: hidden;
  width: 100%;
  position: relative;
  flex-direction: column;
}
.dose-hold-dlg .dose-hold-dlg-icon {
  height: 60px;
  width: 60px;
  background-image: url(ors/dispensation_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  margin-bottom: 15px;
}
.dose-hold-dlg .dose-hold-dlg-label {
  position: absolute;
  left: 70px;
  top: 20px;
}
.dose-hold-dlg .dose-hold-dlg-column {
  width: 100%;
  position: relative;
}
.dose-hold-dlg .dose-hold-dlg-column-desc {
  height: 100%;
  display: inline-block;
  margin-left: 100px;
  line-height: 40px;
  vertical-align: middle;
  width: 80%;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dose-hold-dlg .dose-hold-dlg-column-wrapper {
  height: 100%;
  display: inline-block;
  width: 65px;
  background-color: #3C425B;
  position: absolute;
  left: 0;
}
.dose-hold-dlg .dose-hold-dlg-content {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.dose-hold-dlg .dose-hold-dlg-table .oj-table-column-header {
  display: unset;
}
.dose-hold-dlg .dose-hold-dlg-content .dose-hold-dlg-table .oj-table-body {
  overflow-y: auto;
}
.dose-hold-dlg .no-background-color {
  background-color: rgb(255, 255, 255);
  height: 45px;
}
.dose-hold-dlg .icon-wrapper {
  line-height: 100%;
  width: 30px;
  position: relative;
  background-color: #3C425B;
}
.dose-hold-dlg .icon-wrapper .kit-style {
  width: 32px;
  height: 32px;
  margin: 0px;
  position: absolute;
  right: -52px;
  border: 1px solid #fff;
  border-radius: 50%;
  top: 4px;
  background-color: #fff;
  background-size: cover;
}
.dose-hold-dlg .dose-checkbox {
  padding-left: 15px;
  width: 30px;
}
.dose-hold-dlg .blinded-text {
  color: #a3a3a3 !important;
  font-style: italic;
}

.report-detail-sidebar-container {
  margin: 10px;
  display: flex;
  flex-direction: column;
}
.report-detail-sidebar-container .co-tip {
  margin: 0;
}
.report-detail-sidebar-container .reportFilter-rows-container .reportFilter-row {
  display: flex;
  flex-direction: column;
}
.report-detail-sidebar-container .reportFilter-rows-container .reportFilter-row.sectionSelector {
  align-items: flex-start;
}
.report-detail-sidebar-container .reportFilter-rows-container .reportFilter-row.MultiInput .report-inputField-multiInput-container.empty ul.oj-select-choices:before {
  margin-top: 5px;
  padding: 0;
  line-height: 2.057139rem;
  color: #737373;
  font-style: italic;
}
.report-detail-sidebar-container .reportFilter-rows-container .reportFilter-row.MultiInput .report-inputField-multiInput-container.emptyStudy:not(.requiredToInput) ul.oj-select-choices:before {
  content: "No Studies Are Assigned to You";
}
.report-detail-sidebar-container .reportFilter-rows-container .reportFilter-row.MultiInput .report-inputField-multiInput-container.emptyStudy ul.oj-select-choices:before {
  margin-top: 5px;
  padding: 0;
  line-height: 2.057139rem;
  color: #737373;
  font-style: italic;
}
.report-detail-sidebar-container .reportFilter-rows-container .reportFilter-row.MultiInput .report-inputField-multiInput-container.allStudies:not(.requiredToInput) ul.oj-select-choices:before {
  content: "All Studies";
}
.report-detail-sidebar-container .reportFilter-rows-container .reportFilter-row.MultiInput .report-inputField-multiInput-container.allStudies ul.oj-select-choices:before {
  margin-top: 5px;
  padding: 0;
  line-height: 2.057139rem;
  color: #737373;
  font-style: italic;
}
.report-detail-sidebar-container .reportFilter-rows-container .reportFilter-row.MultiInput .oj-select-selected-choice-label {
  word-break: break-all;
  overflow-y: auto;
  overflow-x: hidden;
}
.report-detail-sidebar-container .reportFilter-rows-container .reportFilter-row .selected-all-button {
  background-color: rgba(22, 21, 19, 0.16);
}
.report-detail-sidebar-container .reportFilter-rows-container .reportFilter-row .report-filter-title {
  margin: 12px 0 2px 0;
  font-weight: bold;
  display: flex;
}
.report-detail-sidebar-container .reportFilter-rows-container .reportFilter-row .report-filter-title .oj-label .oj-label-group {
  float: left;
}
.report-detail-sidebar-container .reportFilter-rows-container .reportFilter-row .report-filter-title .oj-label .oj-label-group > label {
  float: none;
}
.report-detail-sidebar-container .reportFilter-rows-container .reportFilter-row .report-filter-title label.required::before, .report-detail-sidebar-container .reportFilter-rows-container .reportFilter-row .report-filter-title label.required:before {
  width: 20px;
  content: "* ";
  color: #045fab;
  font-size: 1.28571rem;
  font-weight: normal;
}
.report-detail-sidebar-container .reportFilter-rows-container .reportFilter-row .tooltipMessageContainer {
  padding-left: 10px;
  padding-top: 5px;
}
.report-detail-sidebar-container .reportFilter-rows-container .reportFilter-row .report-setction-options-container .report-setction-option {
  display: flex;
  align-items: center;
  line-height: 2em;
}
.report-detail-sidebar-container .reportFilter-rows-container .reportFilter-row .report-setction-options-container .report-setction-option input {
  margin-right: 1.5em;
}
.report-detail-sidebar-container .reportFilter-rows-container .reportFilter-row .report-filter-datepicker {
  flex: 1;
}
.report-detail-sidebar-container .reportFilter-rows-container .reportFilter-row .from-date {
  margin-bottom: 5px;
}
.report-detail-sidebar-container .reportFilter-rows-container .rangeSelector {
  width: 100%;
}
.report-detail-sidebar-container .reportFilter-rows-container .rangeSelector span.oj-choice-item, .report-detail-sidebar-container .reportFilter-rows-container .rangeSelector .oj-choice-row {
  align-items: flex-start;
}
.report-detail-sidebar-container .reportFilter-rows-container .rangeSelector .oj-radioset-wrapper span.oj-choice-item:nth-of-type(2) {
  float: left;
  margin-top: 4px;
  padding: 0 5px 0 0;
}
.report-detail-sidebar-container .reportFilter-rows-container .rangeSelector .oj-inputtext-input, .report-detail-sidebar-container .reportFilter-rows-container .rangeSelector .oj-inputtext {
  min-width: 4.8em;
  text-align: center;
  height: 28px;
}
.report-detail-sidebar-container .reportFilter-rows-container .rangeSelector .hrseperator {
  width: 8px;
  border-top: 2px solid #666;
  display: inherit;
  line-height: 0px;
  vertical-align: text-bottom;
}
.report-detail-sidebar-container .reportFilter-rows-container .rangeSelector .ageDays {
  vertical-align: bottom;
}

#scheduleReportDialogSettings .reportFilter-rows-container {
  margin-bottom: 10px;
}
#scheduleReportDialogSettings .reportFilter-rows-container .from-date {
  margin-bottom: 5px;
}
#scheduleReportDialogSettings .reportFilter-rows-container .scheduler-date-range {
  width: auto;
}

.report-scheduler-sidebar-container .oc-sidebar-childaccordion-collapsible-body {
  padding: 2px !important;
  border: 1px solid #e5e6e6;
}
.report-scheduler-sidebar-container .oc-sidebar-childaccordion-collapsible-header-text {
  color: black;
}
.report-scheduler-sidebar-container .oj-ux-ico-trash,
.report-scheduler-sidebar-container .oj-ux-ico-edit {
  font-size: 24px;
  color: black;
}

.removeAddColumnActions {
  display: flex;
  justify-content: space-between;
}

.removeIconText {
  display: flex;
  cursor: pointer;
}

.remove-filter-container {
  background-image: url("inventoryicons/ClearCross_hover.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}

.remove-filter-text {
  color: #0C5DCA;
  font-size: 1rem;
  font-weight: bold;
}

.adverse-SIGNED {
  background-image: url("subjectimages/visit-tile-icons/signature_icon.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 11px;
}

.adverse-PARTIAL_SIGNED {
  background-image: url("subjectimages/visit-tile-icons/PartialySigned.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 11px;
}

.adverse-event-box .adverse-FROZEN {
  background-image: url("subjectimages/visit-tile-icons/Freeze_Visit.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 11px;
}
.adverse-event-box .adverse-FROZEN_WHITE {
  background-image: url("subjectimages/visit-tile-icons/Freeze_icon_darkbackground.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 11px;
}
.adverse-event-box .adverse-UNFROZEN {
  background-image: url("subjectimages/subject-state-icons/Unfrozen_QuestionandHistory.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 11px;
}
.adverse-event-box .adverse-LOCKED_WHITE {
  background-image: url("subjectimages/visit-tile-icons/Visit_Tile_Locked_Current_White.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 11px;
}
.adverse-event-box .adverse-LOCKED {
  background-image: url("subjectimages/visit-tile-icons/Visit_Tile_Locked.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 11px;
}
.adverse-event-box .adverse-UNLOCKED_WHITE {
  background-image: url("subjectimages/visit-tile-icons/Visit_Tile_Unlocked_Current_White.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 11px;
}
.adverse-event-box .adverse-UNLOCKED {
  background-image: url("subjectimages/visit-tile-icons/Visit_Tile_Unlocked.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 11px;
}
.adverse-event-box .adverse-UNFROZEN_WHITE {
  background-image: url("subjectimages/subject-state-icons/Unfrozen_QuestionandHistory.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 11px;
}

.adverse-UNSIGNED {
  background-image: url("subjectimages/visit-tile-icons/Unsigned_icon.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 11px;
}

.adverse-SIGNED_WHITE {
  background-image: url("subjectimages/visit-tile-icons/signature_icon_white.svg") !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 11px;
}

.adverse-PARTIAL_SIGNED_WHITE {
  background-image: url("subjectimages/visit-tile-icons/PartialySigned_white.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 11px;
}

.adverse-UNSIGNED_WHITE {
  background-image: url("subjectimages/visit-tile-icons/Unsigned_icon_darkbackground.svg") !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 11px;
}

.adverse-VERIFIED {
  background-image: url("subjectimages/visit-tile-icons/VerifiedCheck_Visit.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 11px;
}

.adverse-UNVERIFIED {
  background-image: url("subjectimages/visit-tile-icons/UnverifiedCheck_Visit.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 11px;
}

.adverse-VERIFY_REQUIRED {
  background-image: url("subjectimages/visit-tile-icons/Verification_required_icon.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 11px;
}

.adverse-VERIFIED_WHITE {
  background-image: url("subjectimages/visit-tile-icons/VerifiedCheck_Visit_white.svg") !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 11px;
}

.adverse-UNVERIFIED_WHITE {
  background-image: url("subjectimages/visit-tile-icons/Unverified_icon_darkbackground.svg") !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 11px;
}

.adverse-VERIFY_REQUIRED_WHITE {
  background-image: url("subjectimages/visit-tile-icons/Verification_required_icon_white.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 11px;
}

.runReportActions {
  padding-top: 10px;
}
.runReportActions .runReportActionsButtons .oj-button {
  margin: 5px;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.runReportActions .runReportActionsButtons .oj-button:last-child {
  margin-right: 0;
}
.runReportActions .successMessage {
  margin: 0px 5px;
  padding: 0px 5px 0px 27px;
  line-height: 1.7rem;
  color: #4eaa24;
  font-weight: bold;
  background: url("userImages/CompleteTraining.svg") no-repeat;
  background-size: 26px 30px;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.runReportActions .failMessage {
  margin: 0px 8px;
  padding: 0px 5px 0px 18px;
  line-height: 2rem;
  color: red;
  background-image: url("images/save_fail_icon.png");
  background-repeat: no-repeat;
  background-position: "left" "center";
  background-size: 15;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  font-weight: bold;
}

html[dir=rtl] .multiselectshuttle .oj-listview-element li.oj-listview-item {
  padding-right: 1rem;
}
html[dir=rtl] .multiselectshuttle .oj-listview-element ul.oj-listview-group > li.oj-listview-item-element {
  padding-right: 2.5rem;
}

html:not([dir=rtl]) .multiselectshuttle .oj-listview-element li.oj-listview-item {
  padding-left: 1rem;
}
html:not([dir=rtl]) .multiselectshuttle .oj-listview-element ul.oj-listview-group > li.oj-listview-item-element {
  padding-left: 2.5rem;
}

.multiselectshuttle {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  overflow: auto;
  min-height: 0;
}
.multiselectshuttle .multiselectshuttle-flexalign {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  overflow: auto;
  min-height: 0;
}
.multiselectshuttle .multiselectshuttle-btn-col {
  padding: 0 8px;
}
.multiselectshuttle .multiselectshuttle-list-col {
  min-width: 45%;
  max-width: 48%;
  align-self: stretch;
}
.multiselectshuttle .multiselectshuttle-header {
  font-size: 1rem;
  font-weight: bold;
  margin: 0.6rem 0;
  color: rgba(0, 0, 0, 0.6);
}
.multiselectshuttle .multiselectshuttle-list {
  border: 1px solid #dfe4e7;
  border-radius: 2px;
  background: #fcfdfe;
  min-height: 300px;
  height: 300px;
  max-width: 100%;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  overflow: auto;
  min-height: 0;
}
.multiselectshuttle .multiselectshuttle-list .oj-listview-empty-text {
  background: #fcfdfe;
}
.multiselectshuttle .multiselectshuttle-list .oj-listview-group .oj-listview-item-element {
  background: #f2f2f3;
}
.multiselectshuttle .multiselectshuttle-list ul.oj-listview-element .oj-listview-group-item {
  font-size: 1rem;
}
.multiselectshuttle .multiselectshuttle-list ul.oj-listview-element .oj-listview-group-item .oj-listview-cell-element {
  display: flex;
  align-items: center;
}
.multiselectshuttle .multiselectshuttle-list ul.oj-listview-element .oj-listview-group-item .oj-listview-cell-element .multiselectshuttle-item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.multiselectshuttle .multiselectshuttle-list ul.oj-listview-element li.oj-listview-item {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  cursor: default;
  width: 100%;
}
.multiselectshuttle .multiselectshuttle-list ul.oj-listview-element li.oj-listview-item.oj-selected {
  background: #e4f0fa;
  outline-offset: 1px;
  outline: -webkit-focus-ring-color auto;
  outline-color: #4D90FE;
}
.multiselectshuttle .multiselectshuttle-list ul.oj-listview-element li.oj-listview-item.disabled, .multiselectshuttle .multiselectshuttle-list ul.oj-listview-element li.oj-listview-item.oj-selected.disabled {
  display: none;
  background-color: #f7f7f7;
  color: #999;
  outline: none;
}
.multiselectshuttle .multiselectshuttle-list ul.oj-listview-element li.oj-listview-item.disabled:hover, .multiselectshuttle .multiselectshuttle-list ul.oj-listview-element li.oj-listview-item.disabled.oj-hover, .multiselectshuttle .multiselectshuttle-list ul.oj-listview-element li.oj-listview-item.oj-selected.disabled:hover, .multiselectshuttle .multiselectshuttle-list ul.oj-listview-element li.oj-listview-item.oj-selected.disabled.oj-hover {
  background-color: #f7f7f7;
}
.multiselectshuttle .multiselectshuttle-list ul.oj-listview-element li.oj-listview-item.disabled:focus, .multiselectshuttle .multiselectshuttle-list ul.oj-listview-element li.oj-listview-item.oj-selected.disabled:focus {
  outline: none;
}
.multiselectshuttle .multiselectshuttle-list ul.oj-listview-element li.oj-listview-item .oj-listview-cell-element {
  display: inline !important;
}

.form-list {
  border-right: solid 1px #d6dfe6;
  background-color: #3C425B;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  max-width: 175px;
  overflow-y: auto;
}
.form-list .repeating-form-icon {
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  padding-right: 5px;
  background-image: url(designerimages/AddButton_visitstructure_default.svg);
}
.form-list .repeating-form-icon:hover {
  background-image: url(designerimages/AddButton_visitstructure_hover.svg);
}
.form-list .repeating-form-icon:active {
  background-image: url(designerimages/AddButton_visitstructure_active.svg);
}
.form-list .forms-list-forms {
  overflow: hidden;
}
.form-list .forms-list-forms ul {
  padding: 0px;
  margin: 0px;
  border: none;
}
.form-list .forms-list-forms .oj-selected .form-list-li {
  color: #fff;
}
.form-list .forms-list-forms .oj-selected:hover, .form-list .forms-list-forms .oj-selected:hover * {
  color: #fff;
}
.form-list .forms-list-forms li:hover {
  cursor: pointer;
  background-color: #242940;
  color: #fff;
}
.form-list .forms-list-forms li:last-of-type {
  border-bottom: none;
}
.form-list .forms-list-forms .form-list-item-padding {
  padding: 12px;
}
.form-list .forms-list-forms .form-list-sectional-form-padding {
  padding: 3px 12px;
}
.form-list .forms-list-forms .form-list-selected-item {
  background-color: #E4F1F7 !important;
}
.form-list .forms-list-forms .form-list-selected-item-color {
  color: black !important;
}
.form-list .subject-header {
  border: #d6dfe6 solid 2px;
}
.form-list .form-list-ul {
  overflow: auto;
}
.form-list .form-list-ul .oj-listview.oj-listview-container-touch.oj-component {
  overflow-y: auto !important;
}
.form-list .form-list-ul .oj-listview-item {
  border: none;
}
.form-list .form-list-ul li.oj-listview-item {
  border-bottom: 1px solid #fff;
  background-size: 100% 0px;
}
.form-list .form-list-ul li.oj-listview-item.oj-hover,
.form-list .form-list-ul li.oj-listview-item.oj-hover + li.oj-listview-item {
  border-top: none;
}
.form-list .form-list-ul .oj-listview {
  border-color: #183E5F;
  border: none;
}
.form-list .form-list-ul .oj-listview .oj-selected {
  background-color: transparent;
}
.form-list .forms-list-form-title {
  padding: 0.85714rem;
  background-image: linear-gradient(#e0e1e1, #e0e1e1);
  background-position: 0 0;
  background-size: 100% 1px;
  background-repeat: no-repeat;
  box-sizing: border-box;
  border-top: 1px solid transparent;
  background-color: #f2f2f3;
  line-height: normal;
}
.form-list .forms-list-form-title h2 {
  font-size: 1.143rem;
  font-weight: bold;
}
.form-list .forms-list-form-title span {
  font-size: 16px;
  font-weight: bold;
  color: #252525;
  padding-left: 5px;
}
.form-list .forms-list-form-title .forms-list-form-dispensation {
  cursor: pointer;
  font-size: 14px;
  color: #464646;
  font-weight: normal;
}
.form-list .forms-list-form-title .form-list-dispense-enable {
  cursor: pointer;
  font-size: 14px;
  color: rgb(5, 114, 206);
  font-weight: normal;
}
.form-list .forms-list-form-title .form-list-dispense-enable-button {
  background-image: url(ors/dispensefilter_default.png);
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: contain;
}
.form-list .forms-list-form-title .form-list-dispense-enable-button-active {
  background-image: url(ors/dispensefilter_active.png);
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: contain;
}
.form-list .form-list-li {
  font-size: 14px;
  color: #fff;
  padding-left: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.form-list .form-list-li .form-list-li-sections {
  height: auto;
  width: 100%;
}
.form-list .form-list-li .form-list-li-sections .globalVerifycheckboxFormListRF {
  margin: 6px 6px 2px 0 !important;
  vertical-align: middle;
}
.form-list .form-list-li .form-list-li-sections .form-list-li-collapsible {
  width: 100%;
  line-height: 1.3;
  font-size: 12px;
  color: #fff;
}
.form-list .form-list-li .form-list-li-sections .form-list-li-collapsible .collapsible-content-padding {
  padding: 4px 0 0;
}
.form-list .form-list-li .form-list-li-sections .form-list-li-collapsible ul {
  list-style-type: none;
  border: none;
}
.form-list .form-list-li .form-list-li-sections .form-list-li-collapsible ul li {
  color: #fff;
  padding: 1px 1px 1px 4px;
  height: 20px;
}
.form-list .form-list-li .form-list-li-sections .form-list-li-collapsible ul li .section-form-no {
  width: 50%;
  display: block;
  display: -webkit-box;
  max-width: 320px;
  float: left;
}
.form-list .form-list-li .form-list-li-sections .form-list-li-collapsible ul li .section-form-status-common {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  display: block;
  float: right;
  margin-right: 4px;
}
.form-list .form-list-li .form-list-li-sections .form-list-li-collapsible .oj-collapsible-header {
  color: #fff;
  padding: 0px;
  overflow: auto;
}
.form-list .form-list-li .form-list-li-sections .form-list-li-collapsible .oj-collapsible-header-wrapper {
  max-width: 150px;
  padding: 0px;
}
.form-list .form-list-li .form-list-li-sections .form-list-li-collapsible .oj-collapsible-header-wrapper a {
  margin-left: -7px;
}
.form-list .form-list-li .form-list-li-sections .form-list-li-collapsible .oj-collapsible-header-wrapper:not(.form-list .form-list-li .form-list-li-sections .form-list-li-collapsible .oj-collapsible-header-wrapper.oj-hover) .oj-collapsible-header-icon::before {
  color: white;
}
.form-list .form-list-li .form-list-li-sections .form-list-li-collapsible .form-list-li-collapsible-header {
  width: 100%;
}
.form-list .form-list-li .form-list-li-sections .form-list-li-collapsible .section-form-title-width {
  width: 84%;
  justify-content: space-between;
}
.form-list .form-list-li .form-list-li-sections .form-list-li-collapsible .section-form-title-width-dataAction {
  width: 80%;
}
.form-list .form-list-li .form-list-li-sections .form-list-li-collapsible .section-form-title {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 320px;
  max-height: 3.772rem; /* Fallback for non-webkit */
  line-height: 1.1;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  margin-bottom: 0px;
  font-size: 12px;
  font-weight: normal;
}
.form-list .form-list-li .form-list-li-sections .form-list-li-collapsible .oj-listview {
  border: none;
}
.form-list .form-list-li .form-list-li-sections .form-list-li-collapsible-selected .oj-collapsible-header-wrapper:not(.form-list .form-list-li .form-list-li-sections .form-list-li-collapsible-selected .oj-collapsible-header-wrapper.oj-hover) .oj-collapsible-header-icon::before {
  color: black !important;
}
.form-list .form-list-footer span {
  font-size: 16px;
  color: #252525;
  padding-left: 10px;
}
.form-list .form-status-submit-inprogress {
  background-image: url("images/progress-spinner.gif");
  background-size: contain;
}
.form-list .sectional-form-icon {
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  padding-right: 5px;
  padding-left: 5px;
  background-image: url(designerimages/AddButton_visitstructure_default.svg);
}
.form-list .sectional-form-icon:hover {
  background-image: url(designerimages/AddButton_visitstructure_hover.svg);
}
.form-list .sectional-form-icon:active {
  background-image: url(designerimages/AddButton_visitstructure_active.svg);
}

.report-download-card {
  display: flex;
  margin-top: auto;
  margin-bottom: auto;
  flex-direction: row;
  align-items: center;
}
.report-download-card:hover {
  background-color: #CFE8FC;
  border-radius: 5px;
}
.report-download-card flexCenter, .report-download-card .report-info-contianer .download-time, .report-download-card .report-info-contianer .download-link, .report-download-card .report-info-contianer .download-secondaryTitle, .report-download-card .report-info-contianer .download-title {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.report-download-card {
  width: 100%;
  min-height: 90px;
  /*margin-bottom: 10px;*/
}
.report-download-card .report-logo-container {
  flex: 1 0 0;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  background-size: 40px;
  height: 90px;
  min-width: 60px;
  max-width: 60px;
  padding-left: 15px;
  background-position: center;
  background-repeat: no-repeat;
}
.report-download-card .report-logo-container.Subject-Data {
  background-image: url("reportImages/SubjectData_Report_Active.svg");
}
.report-download-card .report-logo-container.Subject-Events {
  background-image: url("reportImages/SubjectEvent_Report_Active.svg");
}
.report-download-card .report-logo-container.System-Usage {
  background-image: url("reportImages/SystemUsage_Report_Active.svg");
}
.report-download-card .report-logo-container.Randomization-List-Unblinded {
  background-image: url("reportImages/Randomization_Report_Active.svg");
}
.report-download-card .report-logo-container.Randomization-List-Blinded {
  background-image: url("reportImages/BlindedRandomization_Report_Active.svg");
}
.report-download-card .report-logo-container.Study-Design {
  background-image: url("reportImages/StudyDesign_Report_Active.svg");
}
.report-download-card .report-logo-container.Study-Settings {
  background-image: url("reportImages/StudyDesign_Report_Active.svg");
}
.report-download-card .report-logo-container.Report-History {
  background-image: url("reportImages/ReportHistory_Report_Active.svg");
}
.report-download-card .report-logo-container.Training-Report, .report-download-card .report-logo-container.Health-Sciences-Learn-Training-Report, .report-download-card .report-logo-container.User-Training, .report-download-card .report-logo-container.Clinical-One-Training-report, .report-download-card .report-logo-container.Global-Clinical-One-Training, .report-download-card .report-logo-container.Clinical-One-Training {
  background-image: url("reportImages/Training_Report_Active.svg");
}
.report-download-card .report-logo-container.Site-and-Depot-User-Assignment {
  background-image: url("reportImages/Site_Report_Active.svg");
}
.report-download-card .report-logo-container.Data-Extracts {
  background-image: url("reportImages/DataExtract_Report_Active.svg");
}
.report-download-card .report-logo-container.Report-of-Reports, .report-download-card .report-logo-container.Audit-Trail {
  background-image: url("reportImages/AuditTrail_Report_Active.svg");
}
.report-download-card .report-logo-container.Kit-Shipments, .report-download-card .report-logo-container.Kit-Chain-of-Custody-Unblinded {
  background-image: url("reportImages/Kit_Report_Active.svg");
}
.report-download-card .report-logo-container.Kit-Chain-of-Custody-Blinded {
  background-image: url("reportImages/KitChainOfCustodyBlinded_Report_Active.svg");
}
.report-download-card .report-logo-container.Kit-Inventory-Blinded {
  background-image: url("reportImages/KitBlinded_Report_Active.svg");
}
.report-download-card .report-logo-container.Kit-Inventory-Unblinded {
  background-image: url("reportImages/KitUnblinded_Report_Active.svg");
}
.report-download-card .report-logo-container.Projected-Supply-Unblinded {
  background-image: url("reportImages/ProjectedSupplyUnblinded_Report_Active.svg");
}
.report-download-card .report-logo-container.User-Assignment {
  background-image: url("reportImages/StudyUserAssignment_Report_Active.svg");
}
.report-download-card .report-logo-container.User-Assignment-Across-Studies {
  background-image: url("reportImages/StudyUserAssignmentAcrossStudies_Report_Active.svg");
}
.report-download-card .report-logo-container.User-Assignment-By-Site {
  background-image: url("reportImages/StudyUserAssignmentSite_Report_Active.svg");
}
.report-download-card .report-logo-container.Kit-Reconciliation {
  background-image: url("reportImages/KitDestroyed_Report_Active.svg");
}
.report-download-card .report-logo-container.Sites-and-Depots {
  background-image: url("reportImages/SiteDepotHistory_Report_Active.svg");
}
.report-download-card .report-logo-container.Kit-Dispensation {
  background-image: url("reportImages/KitDispensation_Report_Active.svg");
}
.report-download-card .report-logo-container.Subject-Queries {
  background-image: url("reportImages/SubjectQueries_Report_Active.svg");
}
.report-download-card .report-logo-container.Study-Enrollment {
  background-image: url("reportImages/StudyEnrollment_Report_Active.svg");
}
.report-download-card .report-logo-container.Global-Study-Roles-Report {
  background-image: url("reportImages/GlobalStudyRoles_Report_Active.svg");
}
.report-download-card .report-logo-container.Study-Roles-Report-by-Study {
  background-image: url("reportImages/StudyRolesReportbyStudy_Report_Active.svg");
}
.report-download-card .report-logo-container.Subject-Data-for-CTMS {
  background-image: url("reportImages/SubjectDataforCTMS_Report_Active.svg");
}
.report-download-card .report-logo-container.Subject-Visits {
  background-image: url("reportImages/SubjectVisit_Report_Active.svg");
}
.report-download-card .report-logo-container.Subject-Visits-Unblinded {
  background-image: url("reportImages/SubjectVisitUnblinded_Report_Active.svg");
}
.report-download-card .report-logo-container.Titration-Summary-Unblinded {
  background-image: url("reportImages/TitrationUnblinded_Report_Active.svg");
}
.report-download-card .report-logo-container.Titration-Summary {
  background-image: url("reportImages/Titration_Report_Active.svg");
}
.report-download-card .report-logo-container.Order-Summary {
  background-image: url("reportImages/PackingList_Report_Active.svg");
}
.report-download-card .report-logo-container.Rules {
  background-image: url("reportImages/JSRules_Report_Active.svg");
}
.report-download-card .report-logo-container.Subject-Data-Extract {
  background-image: url("reportImages/DataExtract_Report_Active.svg");
}
.report-download-card .report-logo-container.Subject-Randomization-Data-Extract {
  background-image: url("reportImages/DataExtract_Report_Active.svg");
}
.report-download-card .report-logo-container.Annotated-Case-Report-Forms {
  background-image: url("reportImages/AnnotatedForm_Report_Active.svg");
}
.report-download-card .report-logo-container.Lab-Normal-Range {
  background-image: url("reportImages/AnnotatedForm_Report_Active.svg");
}
.report-download-card .report-logo-container.Study-Roles {
  background-image: url("reportImages/StudyRolesReportbyStudy_Report_Active.svg");
}
.report-download-card .report-logo-container.Minimization {
  background-image: url("reportImages/Minimization_Report_Active.svg");
}
.report-download-card .report-logo-container.User-Upload-Error {
  background-image: url("reportImages/UserUploadError_Report_Active.svg");
}
.report-download-card .report-tooltip-summary {
  z-index: -1;
  margin-top: 30px;
}
.report-download-card .report-info-contianer {
  /*flex: 4;*/
  flex-grow: 1;
  height: 90px;
  margin-top: auto;
  margin-bottom: auto;
  max-width: 220px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.report-download-card .report-info-contianer .download-title {
  /*margin-top: 10px;*/
  font-weight: bold;
}
.report-download-card .report-info-contianer .download-link {
  color: #0572ce;
  font-weight: bold;
  margin-top: 7px;
  margin-bottom: 7px;
  cursor: pointer;
}
.report-download-card .report-info-contianer .download-link .download-icon {
  flex: 1;
  height: 17px;
  width: 17px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(common/Download_hover.svg);
}
.report-download-card .report-info-contianer .download-link .open-icon {
  flex: 1;
  height: 17px;
  width: 17px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(reportImages/Expand.svg);
}
.report-download-card .report-info-contianer .download-link .download-text {
  flex: 8;
}
.report-download-card .report-info-contianer .download-time {
  font-style: italic;
  color: gray;
}
.report-download-card .report-deleteIcon-container {
  flex-grow: 1;
  height: 90px;
  max-width: 70px;
  min-width: 70px;
  display: flex;
}
.report-download-card .report-deleteIcon-container .report-deleteIcon {
  margin: auto;
  height: 3rem;
}
.report-download-card .report-deleteIcon-container .report-deleteIcon > button {
  cursor: pointer;
}

.report-deletion-confirm-dialog .oj-dialog-body {
  height: 100%;
  min-height: 140px;
}
.report-deletion-confirm-dialog .oj-dialog-body .confirm-logo-container {
  width: 150px;
}
.report-deletion-confirm-dialog .oj-dialog-body .confirm-logo-container .confirm-logo {
  background-image: url("images/Confirmation_Dialog.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 60px;
  width: 60px;
}
.report-label-break-name {
  word-break: break-all;
}

.fileSelector {
  display: flex;
  flex-direction: column;
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
}
.fileSelector input.fileinput {
  display: none;
}
.fileSelector .buttonAndName {
  display: flex;
  flex-direction: row;
}
.fileSelector .buttonAndName .name {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  align-self: center;
  padding-left: 10px;
  font-weight: bold;
}
.fileSelector .formats {
  font-size: 12px;
  font-style: italic;
}

.subject-entry-container {
  min-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  box-shadow: 0px 5px 8px 0px #d9d9d9;
}
.subject-entry-container .center-span {
  line-height: 50px;
  width: 100%;
  text-align: center;
}
.subject-entry-container .subject-info-avatar-dropdown {
  position: relative;
  display: flex;
}
.subject-entry-container .subject-list-entry-icons {
  position: absolute;
  top: -5px;
  right: 6px;
}
.subject-entry-container .subject-avatar-icon {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
  width: 40px;
  height: 40px;
  left: 4%;
  z-index: 99;
}
.subject-entry-container .select-no-border {
  border: 0;
  background-color: #F3F3F3;
  width: inherit;
  padding-left: 15px;
}
.subject-entry-container .select-no-border .bold-option {
  font-weight: bold;
  font-size: 14px;
  color: #464646;
}
.subject-entry-container .subject-field {
  float: left;
  min-width: 400px;
}
.subject-entry-container .subject-field .subject-field-info {
  background-color: #3C425B;
  width: 40px;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
}
.subject-entry-container .subject-field .subject-field-title {
  font-weight: bold;
  font-size: 14px;
  color: #464646;
  border-width: 0px 0px 1px 0px;
  border-color: #d6dfe6;
  border-style: solid;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  background-color: #ebeced;
}
.subject-entry-container .subject-field .subject-field-subject-dropdown {
  display: flex;
  flex-direction: column;
  vertical-align: top;
  padding-left: 8px;
}
.subject-entry-container .subject-field .subject-field-subject-dropdown .oj-text-field-container {
  width: 100%;
}
.subject-entry-container .subject-field .subject-field-subject-dropdown .status {
  font-size: 12px;
  display: flex;
  justify-content: center;
}
.subject-entry-container .subject-field .subject-field-subject-dropdown .status.status-disabled {
  color: rgba(0, 0, 0, 0.38);
  background-color: #ededee;
  border-color: #ededee;
}
.subject-entry-container .subject-field .subject-field-subject-dropdown .oj-text-field-container {
  border: none;
  padding-left: 15px;
  text-align: center;
  font-weight: bold;
}
.subject-entry-container .subject-field .subject-field-subject-dropdown .oj-text-field-container .oj-text-field-input {
  padding-right: 3px;
  padding-left: 6px;
  text-align: center;
  font-weight: bold;
}
.subject-entry-container .subject-entry-text {
  font-weight: bold;
  font-size: 14px;
  overflow: hidden;
  max-width: 115px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.subject-entry-container .adverse-event-field {
  float: left;
}
.subject-entry-container .adverse-event-field .adverse-event-field-title {
  font-weight: bold;
  font-size: 14px;
  color: #464646;
  border-width: 0px 0px 1px 1px;
  border-color: #d6dfe6;
  border-style: solid;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ebeced;
}
.subject-entry-container .adverse-event-field .adverse-event-field-info {
  background-color: #fff;
  display: inline-block;
  vertical-align: top;
  display: flex;
  align-items: center;
  border-color: #d6dfe6;
  border-width: 0 0px 0 1px;
  border-style: solid;
}
.subject-entry-container .adverse-event-field .adverse-event-field-info span {
  display: inline-block;
}
.subject-entry-container .adverse-event-field .adverse-event-field-info .adverse-event-box {
  width: 140px;
  height: 40px;
  margin: 5px 10px 0px 10px;
  border-radius: 3px;
  background: #e1e1e1;
  border: solid 1px #c3c3c3;
  cursor: pointer;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.subject-entry-container .adverse-event-field .adverse-event-field-info .adverse-event-box .width-50 {
  width: 50%;
}
.subject-entry-container .adverse-event-field .adverse-event-field-info .adverse-event-box .total-container {
  padding-left: 6%;
}
.subject-entry-container .adverse-event-field .adverse-event-field-info .adverse-event-box .total-container .total-value {
  font-weight: bold;
}
.subject-entry-container .adverse-event-field .adverse-event-field-info .adverse-event-box .total-container .total-label {
  font-size: 12px;
}
.subject-entry-container .adverse-event-field .adverse-event-field-info .adverse-event-box .total-safety-container .total-safety-count {
  display: block;
  text-align: center;
  background: #DF522A;
  width: 16px;
  height: 17px;
  border-radius: 16px;
  color: #ffffff;
}
.subject-entry-container .adverse-event-field .adverse-event-field-info .adverse-event-box.highlightVisit {
  background-color: #027bc7;
  color: #fff;
}
.subject-entry-container .adverse-event-field .adverse-event-field-info .adverse-event-box.highlightVisit.SIGNED {
  background-image: url("subjectimages/visit-tile-icons/signature_icon_white.svg") !important;
}
.subject-entry-container .adverse-event-field .adverse-event-field-info .adverse-event-box.highlightVisit.UNSINGED {
  background-image: url("subjectimages/visit-tile-icons/Unsigned_icon_darkbackground.svg") !important;
}
.subject-entry-container .adverse-event-field .adverse-event-field-info .adverse-event-box.highlightVisit.VERIFIED_CHECK {
  background-image: url("subjectimages/visit-tile-icons/VerifiedCheck_Visit_white.svg") !important;
}
.subject-entry-container .adverse-event-field .adverse-event-field-info .adverse-event-box.highlightVisit.UNVERIFIED_CHECK {
  background-image: url("subjectimages/visit-tile-icons/Unverified_icon_darkbackground.svg") !important;
}
.subject-entry-container .adverse-event-field .adverse-event-field-info .adverse-event-box.highlightVisit.VERIFICATION_REQUIRED_CHECK {
  background-image: url("subjectimages/visit-tile-icons/Verification_required_icon_white.svg") !important;
}
.subject-entry-container .adverse-event-field .adverse-event-field-info .adverse-event-box.highlightVisit.FROZEN {
  background-image: url("subjectimages/visit-tile-icons/Freeze_Visit.svg") !important;
}
.subject-entry-container .adverse-event-field .adverse-event-field-info .adverse-event-box.highlightVisit.UNFROZEN {
  background-image: url("subjectimages/visit-tile-icons/Unverified_icon_darkbackground.svg") !important;
}
.subject-entry-container .adverse-event-field .adverse-event-field-info .adverse-event-box .visit-state-icon-query {
  width: 15px;
  height: 15px;
  margin: 1px 3px 1px 0;
  background-repeat: no-repeat;
  background-image: url("subjectimages/subject-query-history/Query_Open.svg");
}
.subject-entry-container .adverse-event-field .adverse-event-field-info .adverse-event-box .visit-state-icon-query-selected-visit {
  width: 15px;
  height: 15px;
  margin: 1px 3px 1px 0;
  background-repeat: no-repeat;
  background-image: url("subjectimages/visit-tile-icons/QuestionMark_Visit.svg");
}
.subject-entry-container .adverse-event-field .adverse-event-field-info .no-adverse-tile {
  width: 120px;
  display: flex;
  justify-content: center;
}
.subject-entry-container .visit-field {
  float: left;
}
.subject-entry-container .visit-field .visit-field-title {
  font-weight: bold;
  font-size: 14px;
  color: #464646;
  border-width: 0px 1px 1px 1px;
  border-color: #d6dfe6;
  border-style: solid;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ebeced;
}
.subject-entry-container .visit-field .visit-field-info {
  background-color: #fff;
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  display: flex;
  align-items: center;
  border-width: 0px 1px 0px 1px;
  border-color: #d6dfe6;
  border-style: solid;
}
.subject-entry-container .visit-field .visit-field-info span {
  display: inline-block;
}
.subject-entry-container .visit-field .visit-field-info .next-visit-box {
  height: 40px;
  border-radius: 3px;
  border: solid 1px #d6dfe6;
  cursor: pointer;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  margin: 0px 10px 0px 10px;
  color: #333;
  background-color: #eef2f7;
}
.subject-entry-container .visit-field .visit-field-info .next-visit-box.highlightVisit {
  background-color: #027bc7;
  color: #fff;
}
.subject-entry-container .visit-field .visit-field-info .next-visit-box.highlightVisit.SIGNED {
  background-image: url("subjectimages/visit-tile-icons/signature_icon_white.svg") !important;
}
.subject-entry-container .visit-field .visit-field-info .next-visit-box.highlightVisit.UNSINGED {
  background-image: url("subjectimages/visit-tile-icons/Unsigned_icon_darkbackground.svg") !important;
}
.subject-entry-container .visit-field .visit-field-info .next-visit-box.highlightVisit .VERIFIED_CHECK {
  background-image: url("subjectimages/visit-tile-icons/VerifiedCheck_Visit_white.svg") !important;
}
.subject-entry-container .visit-field .visit-field-info .next-visit-box.highlightVisit .UNVERIFIED_CHECK {
  background-image: url("subjectimages/visit-tile-icons/Unverified_icon_darkbackground.svg") !important;
}
.subject-entry-container .visit-field .visit-field-info .next-visit-box.highlightVisit .VERIFICATION_REQUIRED_CHECK {
  background-image: url("subjectimages/visit-tile-icons/Verification_required_icon_white.svg") !important;
}
.subject-entry-container .visit-field .visit-field-info .next-visit-box.emptyVisit {
  color: #333;
  background-color: #fff;
  border: none;
}
.subject-entry-container .visit-field .visit-field-info .next-visit-box span {
  margin: 0px 5px 0px 5px;
  width: 95px;
  text-align: center;
}
.subject-entry-container .visit-field .visit-field-info .next-visit-box.fixed-visit-box span {
  width: 150px;
  font-size: 12px;
  margin: 0px;
}
.subject-entry-container .previous-visits {
  display: flex;
  flex-direction: column;
}
.subject-entry-container .previous-visits .previous-visits-title {
  border-width: 0px 0px 1px 0px;
  border-color: #d6dfe6;
  border-style: solid;
  padding-left: 8px;
  height: 40px;
  color: #464646;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ebeced;
}

.banner {
  margin-left: -16px;
  padding: 6px 10px 6px 16px;
  display: flex;
  align-items: center;
}
.banner .modeIcon {
  padding-left: 10px;
  display: flex;
  align-items: center;
  color: white;
  font-size: 1em;
}
.banner .modeIcon.modeIcon_test {
  background: url(landingpageimages/Testing_dashbutton_active.svg);
  width: 30px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.banner .modeIcon.modeIcon_training {
  background: url(landingpageimages/Training_dashbutton_active.svg);
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.banner .testingMode {
  background-color: #8560a8;
}
.banner .trainingMode {
  background-color: #c74634;
}
.banner .modeText {
  color: white;
  font-size: 1em;
}

.study {
  color: white;
  font-size: 1.2em;
  font-weight: bold;
}

.redwood-stripe {
  background-image: url("common/stripe.png");
  width: 100%;
  height: 10px;
}

.logo-block {
  height: 4em;
  width: 4em;
  margin-right: 0.8em;
}
.logo-block .logo-oracle {
  width: 100%;
  height: 100%;
}
.logo-block .logo-oracle:before {
  content: url("common/Oracle_RedTag.svg") !important;
}

.logo-block.margin-auto {
  margin: auto;
}

.clinicalone-header {
  background: #3C425B;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
.clinicalone-header.updateToIcon {
  display: flex;
  justify-content: space-between;
}
.clinicalone-header.updateToIcon .header-logo-dropdown .header-logo .banner {
  padding-top: 1em;
}
.clinicalone-header.updateToIcon .header-logo-dropdown .header-logo .banner .banner-studyname-container .banner-studyname {
  display: flex;
  align-items: center;
  padding: 0.3em 1em 0 0;
  border-radius: 0.3em;
}
.clinicalone-header.updateToIcon .header-logo-dropdown .header-logo .banner .banner-studyname-container .banner-studyname + .study {
  margin-top: 0.2em;
}
.clinicalone-header.updateToIcon .header-logo-dropdown .header-logo .banner .banner-studyname-container .banner-studyname.testingMode, .clinicalone-header.updateToIcon .header-logo-dropdown .header-logo .banner .banner-studyname-container .banner-studyname.trainingMode {
  padding: 0.3em 1em;
}
.clinicalone-header.updateToIcon .header-logo-dropdown .header-logo .banner .banner-studyname-container .banner-studyname.testingMode + .study, .clinicalone-header.updateToIcon .header-logo-dropdown .header-logo .banner .banner-studyname-container .banner-studyname.trainingMode + .study {
  padding-top: 0.3em;
}
.clinicalone-header.updateToIcon .header-logo-dropdown .header-logo .banner .banner-studyname-container .banner-studyname .header-appname-block .rtsm-back-link {
  cursor: pointer;
  color: white;
}
.clinicalone-header.updateToIcon .header-logo-dropdown .header-logo .banner .banner-studyname-container .banner-studyname .header-appname-block .header-appname {
  color: white;
  font-size: 1.2em;
  font-weight: 300;
  font-weight: bold;
}
.clinicalone-header.updateToIcon .header-logo-dropdown .header-logo .banner .banner-studyname-container .banner-studyname .modeText {
  font-size: 1.2em;
  font-weight: 300;
}
.clinicalone-header.updateToIcon .header-logo-dropdown .header-logo .banner .banner-studyname-container .study {
  color: white;
  font-size: 1em;
  padding-bottom: 0;
  margin-bottom: 0;
}
.clinicalone-header.updateToIcon .header-logo-dropdown .header-logo .banner .banner-studyname-container .rtsm-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  margin-top: 5px;
}
.clinicalone-header.updateToIcon .menu-username-header-btn {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  align-items: flex-end;
}

#menuButton {
  background-image: none !important;
}
#menuButton .jet-avatar-icon {
  background-image: url("common/person_avatar.svg");
  height: 24px;
  width: 24px;
}
#menuButton .oj-button-text {
  color: white;
}
#menuButton .oj-button-menu-dropdown-icon {
  color: white;
}
#menuButton.oj-hover {
  cursor: pointer;
}
#menuButton.oj-hover .oj-button-text {
  color: #227E9E;
}
#menuButton.oj-hover .oj-button-menu-dropdown-icon {
  color: #227E9E;
}
#menuButton.oj-hover {
  background-color: #FFFFFF;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
#menuButton.oj-selected, #menuButton.oj-active {
  cursor: pointer;
}

.navButtons {
  text-align: right;
}
.navButtons .oj-toolbar {
  justify-content: flex-end;
}
.navButtons .oj-button-label {
  font-weight: bold !important;
  cursor: pointer;
}
.navButtons .oj-button:first-child, .navButtons .oj-button:last-child {
  margin-right: 7px;
}
.navButtons .oj-button:not(:first-child):not(:last-child) {
  margin-right: 2px;
}
.navButtons .oj-button-toggle.oj-selected.oj-button-half-chrome,
.navButtons .oj-button-toggle.oj-selected.oj-button-half-chrome:hover {
  background-color: rgba(var(--oj-palette-neutral-rgb-0), 0.3);
  border-color: rgba(var(--oj-palette-neutral-rgb-0), 0.3);
}
.navButtons .design-checklist-header-btn {
  border: 0px;
}
.navButtons .design-checklist-header-btn .oj-button-icon,
.navButtons .design-checklist-header-btn .oj-button-text {
  color: white !important;
}
.navButtons .design-checklist-header-btn button {
  border: 0;
}
.navButtons .design-checklist-header-btn.oj-default, .navButtons .design-checklist-header-btn.oj-focus-only {
  color: white !important;
}
.navButtons .design-checklist-header-btn.oj-default button, .navButtons .design-checklist-header-btn.oj-focus-only button {
  background-image: linear-gradient(to bottom, #1ba215 0%, #8ed58b 4%, #1ba215 50%, #1ba215 100%) !important;
}
.navButtons .design-checklist-header-btn.oj-hover button {
  background-image: linear-gradient(to bottom, #1ba215 0, #8ed58b 4%, #1ba215 80%, #1ba215 100%) !important;
}
.navButtons .design-checklist-header-btn.oj-active button {
  background-image: linear-gradient(to bottom, #1ba215 0, #1ba215 50%, #8ed58b 96%, #1ba215 100%) !important;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 18, 2017, 4:29:20 PM
    Author     : aabohra
*/
.parentDiv {
  height: 100%;
}

.getstarted {
  height: 100%;
  opacity: 0.99;
  background-color: rgba(0, 0, 0, 0.85);
}

.getstartedposition {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lightbox-ojoffcanvas-position {
  position: static;
}

.lightbox {
  align-content: center;
  width: 650px;
  /*height: 175px;*/
  border-color: transparent;
  border-style: none;
  background-position: right top;
  background-repeat: no-repeat;
  background-color: white;
  background-image: url(trainingOverlay/background_doctor.png);
  background-size: 100% 102%;
  border-radius: 8px;
  box-shadow: 2px 2px 10px lightgray;
  padding: 20px;
}
.lightbox.updated {
  background-size: cover;
}

.lightboxheading {
  font-size: 30px;
  line-height: 40px;
  text-align: left;
  /*padding-top: 10px;*/
}

.lightboxtext {
  margin-top: 13px;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  text-align: left;
}
.lightboxtext.updated {
  width: 375px;
}

.lightboxButtonExtra {
  color: white;
  padding-left: 13px;
}

.lightbox-notraining {
  align-content: center;
  width: 650px;
  /*height: 175px;*/
  border-color: transparent;
  border-style: none;
  background-position: 250%;
  background-repeat: no-repeat;
  background-color: white;
  background-image: url(trainingOverlay/background_doctor.png);
  background-size: contain;
  border-radius: 8px;
  box-shadow: 2px 2px 10px lightgray;
  padding: 20px;
}
.lightbox-notraining.updated {
  height: 210px;
  width: 762px;
}

.notraining-lightboxhelp {
  color: black;
  text-decoration: underline;
  outline: none;
  border: none;
}

.notraining-description3-padding {
  padding-top: 14px;
}

.lightbox-notraining-heading {
  font-size: 30px;
  line-height: 26px;
  text-align: left;
}
.lightbox-notraining-heading.updated {
  width: 500px;
}

.lightbox-description-margin {
  margin-top: 2%;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 6, 2017, 4:54:14 PM
    Author     : acagarwa
*/
.TrainingOverlayPosition {
  position: initial;
  /*z-index: 1000;*/
}

.locking {
  pointer-events: none;
}

.newTraining {
  background-image: url(trainingOverlay/lock_icon.png);
}

.completeTraining {
  background-image: url(trainingOverlay/playtrainingvideo.svg);
}

.inprogressTraining {
  background-image: url(trainingOverlay/camera_green_icon.png);
}

.nextButton {
  text-align: center;
  background: url("trainingOverlay/getstartedbutton_icon.png") left no-repeat padding-box;
  background-origin: content-box;
  background-color: green;
  width: 150px;
  padding: 2px;
  color: white;
  cursor: pointer;
}

.overlayStartDiv {
  position: fixed;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  padding-top: 2.8rem;
  padding-left: 2.8rem;
  padding-right: 2.8rem;
  z-index: 3;
}

.overlayContentDiv {
  position: relative;
  color: white;
  display: flex;
}

.oj-listview.overlayTrainingList {
  height: 100%;
  max-height: 75vh;
  min-height: 18rem;
  border: none;
}
.oj-listview.overlayTrainingList .oj-listview-no-data-message {
  background-color: transparent;
  padding: 8rem 4rem;
  text-align: center;
}

.getstartedbutton {
  height: 30px;
  margin: 20px 7px 4px 1px;
  border: 0px;
  background-color: green;
  color: white;
  border-radius: 4px;
  background-image: url(trainingOverlay/getstartedbutton_icon.png);
  background-repeat: no-repeat;
  background-position: 7%;
  background-size: 20px 16px;
  text-align: center;
  padding-left: 22px;
  font-size: 14px;
}

.oj-listview-item-element.oj-listview-item.tileItem {
  min-height: 60px;
  text-decoration: none;
  border: none !important;
  margin-top: 5px;
}

.oj-listview-item-element.oj-listview-item.tileItem.oj-selected {
  background-color: #003d99;
}

.oj-listview-item-element.oj-listview-item.tileItem.completeTraining {
  background-color: rgb(0, 128, 0);
}

html:not([dir=rtl]) .oj-listview-item-element.oj-listview-item.tileItem {
  padding-left: 0;
}

html[dir=rtl] .oj-listview-item-element.oj-listview-item.tileItem {
  padding-right: 0;
}

.oj-listview-item-element.oj-listview-item.tileItem:hover,
.oj-listview-item-element.oj-listview-item.tileItem.oj-hover {
  background-color: rgba(0, 0, 0, 0.2);
  background-image: none;
  border: none !important;
  cursor: pointer;
}

.tileItemIndex {
  padding: 5px 5px 0;
  max-width: 2rem;
  min-width: 1.4rem;
}

.tileItemImg {
  height: 35px;
  width: 35px;
  margin-top: 2px;
  background-size: 25px;
  background-repeat: no-repeat;
}

.tileCompItem {
  margin-top: 10px;
  display: none;
}

.searchbarcontainer {
  color: white;
  height: 32px;
}

.searchbutton {
  cursor: pointer;
  height: 32px;
}

.searchfield1 {
  width: 93%;
  font-style: italic;
  padding: 5px;
  border-radius: 3px;
}

.searchbartext {
  color: white;
  padding-right: 10px;
  padding-top: 5px;
  font-size: 15px;
  vertical-align: middle;
  align-self: center;
  padding-bottom: 2px;
}

.overlay-list-col {
  padding-left: 10px;
  padding-right: 0px;
}

.trainingOverlay-heading {
  font-size: 1.06em;
  font-weight: 700;
  margin-top: 5px;
}

.trainingOverlay-description {
  margin-top: 3px;
  margin-bottom: 15px;
  font-size: 12px;
}

.trainingOverlay-cross-button {
  background-image: url(trainingOverlay/Close_x.png);
  height: 16px;
  width: 16px;
  display: block;
  cursor: pointer;
  background-repeat: no-repeat;
  margin-top: 5px;
}

html:not([dir=rtl]) .trainingOverlay-video-col {
  padding-left: 1.78rem;
}

html[dir=rtl] .trainingOverlay-video-col {
  padding-right: 1.78rem;
}

.trainingOverlay-video-col {
  padding: 0;
  max-height: 100vh;
  overflow-y: auto;
}

.trainingCompletion-dialog-header {
  height: 20px;
}

.trainingCompletion-sucess-img {
  background-image: url(common/success_large.png);
  height: 70px;
  width: 70px;
  margin-top: 10px;
  /*margin-bottom: 10px;*/
  background-repeat: no-repeat;
  background-position: center center;
}

.trainingCompletion-dialog-sucess {
  font-weight: bold;
  margin-top: 10px;
}

.trainingCompletion-dialog-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: center;
  height: 100%;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
}

.trainingCompletion-dialog-description1 {
  font-weight: bold;
  margin-bottom: 10px;
}

.training-getstarted-container .trainingButton {
  background-image: linear-gradient(to bottom, #1ba215 0%, #8ed58b 4%, #1ba215 50%, #1ba215 100%);
  border-radius: 3px;
  padding: 10px;
  display: flex;
  color: #fff;
  align-self: center;
  cursor: pointer;
  height: 13px;
}

.training-getstarted-container .trainingButton:hover {
  background-image: linear-gradient(to bottom, #1ba215 0, #8ed58b 4%, #1ba215 80%, #1ba215 100%);
}

.training-getstarted-container .trainingButton:active {
  background-image: linear-gradient(to bottom, #1ba215 0, #1ba215 50%, #8ed58b 96%, #1ba215 100%);
}

.training-getstarted-container .trainingButton.getstarted1:before {
  display: inline-block;
  background-image: url(trainingOverlay/getstartedbutton_icon.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 16px;
  content: "";
  min-width: 16px;
  width: 16px;
  max-width: 16px;
  padding-right: 10px;
  height: 13px;
  background-size: contain;
}

.training-getstarted-container {
  min-width: 0;
  min-height: 0;
  display: flex;
  align-items: center;
  height: 32px;
  margin: 20px 7px 4px 1px;
  align-self: center;
}

.myTrainingbuttonText {
  align-self: center;
}

.TrainingScrollactive {
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 255px;
}

.tileCompIcon {
  background: url(trainingOverlay/complete_icon.png) no-repeat center;
  height: 18px;
  width: 18px;
  background-repeat: no-repeat;
  padding-right: 0px;
}

.tileComptittle {
  padding: 1px 2px 2px;
}

.training-searcbar-position-down {
  /*top:65% ;*/
  margin-top: 10%;
}

.training-searcbar-position-up {
  margin-top: 10%;
}

.training-button-next {
  padding: 7px 0px 7px 25px;
}

.training-button-continue {
  padding: 7px 0px 7px 13px;
}

.training-dialog-paragraph {
  margin-left: 5%;
  margin-top: 12px;
  width: 77%;
  text-align: center;
}

.trainingCompletion-dialog-paragraph {
  margin-left: 19%;
  margin-top: 12px;
  width: 77%;
}

.oj-flex-tip {
  -ms-flex: auto;
  width: 100%;
  height: 100px;
}

.training-overlay-video {
  margin-top: 86px;
  margin-left: 25px;
}

#completeTrainingDialog_layer {
  z-index: 10000 !important;
}

#completeTrainingDialog_layer_overlay {
  z-index: 10000 !important;
}

.train-vid-desc {
  padding-top: 10px;
  flex-flow: row;
}

.signout {
  display: inline-block;
  background-image: url(trainingOverlay/Close_x.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: 16px;
  cursor: pointer;
  height: 21px;
  width: 20px;
  vertical-align: middle;
}

.training-signout-container {
  text-align: right;
}
.training-signout-container a, .training-signout-container a:hover, .training-signout-container a:active {
  display: inline-block;
  text-decoration: none;
  color: #fff;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 6, 2017, 3:28:51 PM
    Author     : aabohra
*/
.mytraining-overlay-content-div {
  /* margin-left: 20px; */
  margin-top: 3em;
  color: white;
  display: flex;
}

.mytraining-list {
  height: 100%;
  background-image: none;
}

.myTrainingIndex {
  margin-top: 7px;
  max-width: 7%;
}

.myTrainingImgsize {
  height: 22px;
  width: 25px;
  margin-top: 5px;
  background-image: url(trainingOverlay/playtrainingvideo.svg);
  background-repeat: no-repeat;
}

.myTrainingStartButton {
  /*width: 160px;*/
  /*height: 30px;*/
  margin: 20px 7px 4px 1px;
  /*border:0px;*/
  /*background-color: green;*/
  color: white;
  /*border-radius: 3px;*/
  background-image: url(trainingOverlay/getstartedbutton_icon.png);
  background-repeat: no-repeat;
  background-position: 7%;
  background-size: 20px 16px;
  text-align: center;
  padding-left: 22px;
}

.myTrainingNavButton {
  border: 0px;
  background-color: white !important;
  text-align: center;
  background-image: none !important;
}

.myTrainingCloseButton:not(.top-align) {
  margin: 20px 0px 0px 1px;
  border: 0px;
  background-color: white !important;
  text-align: center;
  background-image: none !important;
  cursor: pointer;
  width: 130px;
  height: 32px;
}

.mytraining-tile-item {
  min-height: 60px;
  text-decoration: none;
  background-image: none;
  background-color: transparent;
  border: none;
  margin-top: 5px;
}

.mytraining-tile-item:hover {
  background-color: transparent;
  border: none;
  background-image: none !important;
}

.mytraining-searchbar-container {
  color: white;
  margin-right: 20px;
  height: 32px;
}

.mytraining-searchbar-position-down {
  /*top:65% ;*/
  margin-top: 15%;
}

.mytraining-searchbar-position-up {
  margin-top: 5%;
}

.mytraining-search-button {
  cursor: pointer;
  height: 40px;
  background-color: white !important;
  text-align: center;
  background-image: none !important;
  /*margin-left: 5px;*/
}

.mytraining-searchfield {
  width: 93%;
  max-width: 93%;
  font-style: italic;
  border-radius: 3px;
  font-size: 0.91em;
}

.mytraining-searchbar-text {
  color: white;
  padding-right: 10px;
  /*padding-top: 5px;*/
  font-size: 15px;
  vertical-align: middle;
  align-self: center;
  padding-bottom: 2px;
}

.mytrainining-list-col {
  padding-left: 10px;
  padding-right: 0px;
}

.mytraining-video-col {
  padding: 0px 5px;
}

.mytraining-cross-button {
  background-image: url(trainingOverlay/Close_x.png);
  height: 25px;
  width: 25px;
  display: block;
  padding-right: 15px;
  cursor: pointer;
  background-repeat: no-repeat;
  margin-top: 10px;
}

.mytraining-drawer {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 3;
}

.mytraining-heading {
  font-size: 1.06em;
  font-weight: 600;
  margin-top: 20px;
}

.mytraining-description {
  margin-top: 3px;
  margin-bottom: 15px;
  font-size: 12px;
}

.mytraining-getstarted-container .mytrainingbutton {
  background-image: linear-gradient(to bottom, #1ba215 0%, #8ed58b 4%, #1ba215 50%, #1ba215 100%);
  border-radius: 3px;
  padding: 10px;
  display: flex;
  align-self: center;
  cursor: pointer;
  height: 13px;
}

.mytraining-getstarted-container .mytrainingbutton:hover {
  background-image: linear-gradient(to bottom, #1ba215 0, #8ed58b 4%, #1ba215 80%, #1ba215 100%);
}

.mytraining-getstarted-container .mytrainingbutton:active {
  background-image: linear-gradient(to bottom, #1ba215 0, #1ba215 50%, #8ed58b 96%, #1ba215 100%);
}

.mytraining-getstarted-container .mytrainingbutton.mytraining-getstarted1:before {
  display: inline-block;
  background-image: url(trainingOverlay/getstartedbutton_icon.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 16px;
  content: "";
  min-width: 16px;
  width: 16px;
  max-width: 16px;
  padding-right: 10px;
  height: 13px;
  background-size: contain;
}

.mytraining-getstarted-container {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  display: flex;
  align-items: center;
  height: 32px;
  margin: 15px 7px 4px 1px;
  align-self: center;
}

.myTrainingbuttonText {
  align-self: center;
}

.myTrainingScrollactive {
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 255px;
}

.mytraining-list-margin {
  margin-left: 20px;
}

.mytraining-video {
  display: none;
  -o-object-fit: inherit;
     object-fit: inherit;
  min-height: 425px;
}

.notraining-img {
  background-image: url(trainingOverlay/uaicon_training.png);
  height: 115px;
  width: 135px;
  background-repeat: no-repeat;
  background-size: 135px 115px;
  /*    margin-left: 46%;
      margin-top: 9%;*/
}

.notraining-position {
  /*position: fixed;*/
  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.notraining-crossbutton-position {
  position: absolute;
  right: 33%;
  top: 21%;
  padding-right: 0px;
  margin-top: 0px;
  height: 20px;
  width: 20px;
}

.notraining-text-a {
  color: white;
  justify-content: center;
  font-size: 1.23em;
  text-align: center;
  font-weight: 700;
  width: 34%;
  margin-left: 37%;
}

.notraining-text-b {
  color: white;
  justify-content: center;
  font-size: 0.93em;
  margin-top: 1%;
  margin-left: 38%;
}

.notraining-text-c {
  color: white;
  justify-content: center;
  color: white;
  justify-content: center;
  font-size: 0.93em;
  margin-left: 42%;
  line-height: 19px;
}

.notraining-text-d {
  color: white;
  justify-content: center;
  font-size: 1.1em;
  text-decoration: underline;
  outline: none;
  border: none;
  cursor: pointer;
  padding-left: 5px;
}

.notraining-getstarted-container .notrainingbutton {
  background-image: linear-gradient(to bottom, #1ba215 0%, #8ed58b 4%, #1ba215 50%, #1ba215 100%);
  border-radius: 3px;
  padding: 10px;
  display: flex;
  align-self: center;
  cursor: pointer;
  height: 13px;
  padding-left: 14px;
}

.notraining-getstarted-container .notrainingbutton:hover {
  background-image: linear-gradient(to bottom, #1ba215 0, #8ed58b 4%, #1ba215 80%, #1ba215 100%);
}

.notraining-getstarted-container .notrainingbutton:active {
  background-image: linear-gradient(to bottom, #1ba215 0, #1ba215 50%, #8ed58b 96%, #1ba215 100%);
}

.notraining-getstarted-container .notrainingbutton.notraining-getstarted1:before {
  display: inline-block;
  background-image: url(trainingOverlay/getstartedbutton_icon.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 16px;
  content: "";
  min-width: 16px;
  width: 16px;
  max-width: 16px;
  padding-right: 10px;
  height: 13px;
  background-size: contain;
}

.notraining-getstarted-container {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  align-items: center;
  align-self: center;
  text-align: center;
  color: white;
  max-width: 185px;
  font-size: 1rem;
  line-height: 0.99rem;
}

.notraining-close {
  margin: 0px 0px 0px 15px;
}

.notraining-searchfield {
  width: 92%;
  font-style: italic;
  padding: 5px;
  border-radius: 3px;
}

.notraining-searchbar-position {
  margin-top: 3%;
  width: 35%;
  margin-left: 35%;
}

.mytraining-searchbarend {
  margin-left: 3px;
}

.mytraining-button-next {
  padding: 7px 0px 7px 15px;
}

.mytraining-button-continue {
  padding: 7px 0px 7px 13px;
}

.training-zindex {
  /*z-index: 1000;*/
}

div[id^=training-section-menu-container-][id$=_layer] {
  z-index: 10000;
}

.mytraining-outerdrawer {
  position: initial;
}

.notraining-assigned-text {
  color: white;
  justify-content: center;
  font-size: 1.23em;
  text-align: center;
  font-weight: 500;
  width: 31%;
  margin-left: 35%;
}

.myTraining-overlay-video {
  margin-top: 27px;
}

.notraining-text-para1 {
  color: white;
  justify-content: center;
  font-size: 0.93em;
  margin-top: 1%;
  margin-left: 39%;
}

.notraining-text-para2 {
  color: white;
  justify-content: center;
  color: white;
  justify-content: center;
  font-size: 0.93em;
  margin-left: 42.7%;
  line-height: 19px;
}

.notraining-searchbar-div {
  margin-top: 35px;
  margin-right: 0px;
  margin-left: 0px;
}

.notraining-container {
  margin: auto;
  margin-top: 30px;
}

.notraining-child {
  height: 450px;
  width: 500px;
  position: relative;
}

.notraining-child .notraining-getstarted-div {
  margin: auto;
  justify-content: center;
  margin-top: 25px;
}

.notrining-close-button {
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(trainingOverlay/Close_x.png);
  height: 25px;
  width: 25px;
  cursor: pointer;
  background-repeat: no-repeat;
}

.notraining-book-img {
  background-image: url(trainingOverlay/uaicon_training.png);
  height: 94px;
  width: 135px;
  background-repeat: no-repeat;
  background-size: 147px 126px;
  padding-top: 30px;
  margin: 0 auto;
  display: table;
}

.notraining-pagename {
  margin: 0 auto;
  display: table;
  color: white;
  justify-content: center;
  font-size: 1.23em;
  text-align: center;
  font-weight: 700;
  padding-bottom: 28px;
}

.notraining-help-text {
  margin: 0 auto;
  display: table;
  color: white;
  justify-content: center;
  font-size: 1.1em;
  text-align: center;
}

.notraining-help-text-sec {
  color: white;
  justify-content: center;
  font-size: 1.1em;
  margin: 0 auto;
  display: table;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 4, 2017, 2:50:29 PM
    Author     : acagarwa
*/
.sidebarAccord#accordionPage > oj-collapsible {
  display: flex;
  flex-direction: column;
  min-height: 42px;
  overflow: auto;
}
.sidebarAccord#accordionPage > oj-collapsible.oj-expanded > .oj-collapsible-wrapper {
  overflow: auto;
}

.sponsorUsersSidebar-exclaim,
.sponsorUsersSidebar-done {
  padding: 0px;
  width: 100%;
  display: inline-block;
  height: 35px;
  width: 35px;
  margin-right: 5px;
  float: left;
  align-self: center;
  background-repeat: no-repeat;
  background-position: 0 center;
}

.sponsorUsersSidebar-done {
  background-size: cover;
}

.sponsorUsersSidebar-exclaim {
  background-size: contain;
}

.completed-training-icon {
  background-image: url("userImages/CompleteTraining.svg");
}

.incompleted-training-icon {
  background-image: url("userImages/Training_Incomplete.svg");
}

.userTrainingDetails-list-row {
  padding-left: 0px;
}
.userTrainingDetails-list-row > .oj-listview-cell-element {
  width: 100%;
}

.sponsorUsersSidebar-trainingDate {
  color: black;
  font-size: 90%;
}

.sponsorUsersSidebar-incompleteText {
  color: black;
  font-size: 90%;
}

.sponsorUsersSidebar-trainingTitle {
  font-size: 100%;
}

.sponserUserTraining {
  display: inline-block;
  height: 25px;
  width: 25px;
  margin-top: 5px;
}

.sponserUserTraining-progBar {
  width: 100%;
  background: lightgray;
  height: 10px;
  display: inherit;
}

.sponserUserTrainingCol {
  margin-right: 7px;
  text-align: right;
}

div.sponserUserTraining-progBar div {
  background: #287720;
}

.btn-userTraining-notification {
  width: 100%;
}

.padding-above {
  margin-top: 5px;
}

.trainingNotificationSucessImg {
  background-image: url(integrationImages/approve_integration_icon.png);
  height: 25px;
  width: 25px;
  display: inline-block;
  background-repeat: no-repeat;
  padding-right: 0px;
  max-width: 20%;
  margin-right: 10px;
}

.trainingNotificationSuccessMsgContainer {
  text-align: center;
  color: green;
  margin-bottom: 10px;
}

.userTriaining-zposition {
  position: initial;
}

.trainingNotificationSuccessMsgContainer {
  text-align: center;
  color: green;
  margin-bottom: 10px;
}

.trainingNotificationSucessImg {
  background-image: url(integrationImages/approve_integration_icon.png);
  height: 25px;
  width: 25px;
  display: inline-block;
  background-repeat: no-repeat;
  padding-right: 0px;
  max-width: 20%;
  margin-right: 10px;
}

.sponsorUsersSidebar-accordion .sub-accordion-container {
  margin-bottom: 0;
}
.sponsorUsersSidebar-accordion .sub-accordion-container .sub-accordion-title {
  display: flex;
  align-items: center;
}
.sponsorUsersSidebar-accordion .sub-accordion-container .sub-accordion-title .sub-accordion-title-text {
  color: #2D65B0;
  font-weight: bold;
}
.sponsorUsersSidebar-accordion .sub-accordion-container .sub-accordion-title .sub-accordion-title-add-btn {
  background-size: 15px;
  height: 15px;
  width: 40px;
  background-repeat: no-repeat;
  background-image: url(common/AddButton.svg);
  background-position: right;
}
.sponsorUsersSidebar-accordion .sub-accordion-container .sub-accordion-info {
  padding-left: 15px;
  word-wrap: break-word;
}
.sponsorUsersSidebar-accordion .sub-accordion-container .sub-accordion-info .mode-all-rights {
  font-weight: bold;
}

.userDetailsWrapper {
  background-color: #3C425B;
  height: 60px;
}
.userDetailsWrapper .userDetailsBody {
  padding: 10px 12px 10px 12px;
  display: flex;
  flex-direction: row;
}
.userDetailsWrapper .userDetailsBody .leftItems {
  flex: 1 0 0%;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  align-items: flex-start;
}
.userDetailsWrapper .userDetailsBody .leftItems .no-user-icon {
  height: 40px;
  width: 40px;
  min-width: 40px;
  background-size: 40px;
  background-repeat: no-repeat;
  background-image: url(userImages/no_user_selected.svg);
}
.userDetailsWrapper .userDetailsBody .leftItems .one-user-icon {
  height: 40px;
  width: 40px;
  min-width: 40px;
  background-size: 40px;
  background-repeat: no-repeat;
  background-image: url(userImages/one_user_selected.svg);
}
.userDetailsWrapper .userDetailsBody .leftItems .multi-user-icon {
  height: 40px;
  width: 40px;
  min-width: 40px;
  background-size: 40px;
  background-repeat: no-repeat;
  background-image: url(userImages/multi_user_selected.svg);
}
.userDetailsWrapper .userDetailsBody .leftItems .userDetail {
  font-size: 16px;
  color: white;
  align-self: center;
  margin-left: 12px;
  font-weight: bold;
}
.userDetailsWrapper .userDetailsBody .leftItems .userDetail .email {
  font-size: 14px;
  font-weight: normal;
}
.userDetailsWrapper .userDetailsBody .leftItems .userDetail .userDetail_overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.userDetailsWrapper .userDetailsBody .leftItems .userDetail .defaultWidth {
  max-width: 215px;
}
.userDetailsWrapper .userDetailsBody .leftItems .userDetail .cuserWidth {
  max-width: 160px;
}
.userDetailsWrapper .userDetailsBody .leftItems .userDetail .nuuserWidth {
  max-width: 184px;
}
.userDetailsWrapper .userDetailsBody .leftItems .userDetail .umtuserWidth {
  max-width: 200px;
}
.userDetailsWrapper .userDetailsBody .rightItems {
  display: flex;
  flex-direction: row;
}
.userDetailsWrapper .userDetailsBody .rightItems .editUserIcon {
  background-image: url("common/Edit_white.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  height: 16px;
  width: 16px;
  cursor: pointer;
}
.userDetailsWrapper .userDetailsBody .rightItems .editUserIcon:hover {
  background-image: url("common/Edit_hover.svg");
}
.userDetailsWrapper .userDetailsBody .rightItems .deleteUserIcon {
  margin-left: 8px;
  background-image: url("common/Delete_active.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  height: 16px;
  width: 16px;
  cursor: pointer;
}
.userDetailsWrapper .userDetailsBody .rightItems .deleteUserIcon:hover {
  background-image: url("common/Delete_hover.svg");
}
.userDetailsWrapper .userDetailsBody .rightItems .arrowIcon {
  display: none;
  margin-left: 8px;
  background-image: url("userImages/expand.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  height: 16px;
  width: 16px;
  cursor: pointer;
}
.userDetailsWrapper .userDetailsBody .rightItems .showArrowIcon {
  margin-left: 8px;
  background-image: url("userImages/collapse.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  height: 16px;
  width: 16px;
  cursor: pointer;
}

.userDetailsExpandedWrapper {
  display: none;
  height: 88px;
  background-color: #C4DEF4;
}
.userDetailsExpandedWrapper .userDetailsExpandedBody {
  padding: 16px 16px 16px 16px;
  display: flex;
  flex-direction: row;
}
.userDetailsExpandedWrapper .userDetailsExpandedBody .leftItem {
  align-items: flex-start;
  font-size: 12px;
  font-weight: bold;
}
.userDetailsExpandedWrapper .userDetailsExpandedBody .rightItem {
  font-size: 12px;
  margin-left: 12px;
}
.userDetailsExpandedWrapper .userDetailsExpandedBody .topSpace {
  margin-top: 10px;
}

.datetxt {
  font-weight: 400;
  font-style: italic;
  font-size: 13px;
  color: #5C5C5C;
  line-height: 26px;
}

.download {
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  color: #0572CE;
  line-height: 20px;
  padding: 0 0 0 20px;
  cursor: pointer;
}

.mailtxt {
  font-weight: bold;
  font-style: normal;
  font-size: 14px;
  color: #000;
  line-height: 26px;
  width: 170px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.listpadding {
  overflow: auto;
  max-height: 430px;
  height: 405px;
}

.listpadding ul {
  padding: 0px;
  border-left: 1px solid #e0e1e1;
}

/*.listpadding li:hover{
    background-color: #CFE8FC;
}*/
.listpadding li:hover {
  background-color: #CFE8FC;
}
.listpadding li:hover .deleteIconTraining {
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(common/Delete_hover.svg);
}
.listpadding li:hover .deleteIconTraining:active {
  background-image: url(common/Delete_active.svg);
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
}

.training-cert-download-icon {
  flex: 1;
  height: 17px;
  width: 17px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(common/Download_hover.svg);
}

.deleteIconTraining {
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(common/Delete_default.svg);
  cursor: pointer;
}

.trainHisHeading {
  color: #3C425B;
  font-weight: 605;
  padding-left: 0.85714rem;
  padding-top: 10px;
}

#trainHistory-heading a {
  color: black;
  margin-left: 0px;
  padding-right: 10px;
}

.removeBorder button {
  border: none !important;
  background: none !important;
}

.removeBorder:hover {
  cursor: pointer;
  background-color: #F7F7F8;
  border: 1px solid #CBCCCD;
  border-radius: 3px;
  width: 24px !important;
  padding: 0 1px 0 2px;
  margin: -1px 0 0 0;
}

.removeBorder:active {
  cursor: pointer;
  background-color: #027BC7;
}

#userStatus {
  margin: 10px;
}
#userStatus .userStatus {
  margin: 8px 10px;
}
#userStatus .dismissIcon {
  top: auto;
}

.kitsDetails {
  font-size: small;
  padding: 5px 5px 5px 5px;
  font-weight: bold;
  border-radius: 3px;
}
.kitsDetails .detailLabel {
  width: 50%;
  margin-bottom: 10px;
}
.kitsDetails .kitsNumVal {
  width: 45%;
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kitsDetails .kitTypeVal, .kitsDetails .kitDispensedVal {
  width: 45%;
}
.kitsDetails .editKit {
  width: 10px;
  height: 15px;
  padding-left: 5px;
}
.kitsDetails .editKit:after {
  position: absolute;
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  background-image: url("inventoryicons/Available_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.kitsDetails .inputLabelContainer + .inputLabelContainer {
  padding-top: 5px;
}
.kitsDetails.status_1 {
  background-color: #d8f0e7 !important;
}
.kitsDetails.status_1 .kitsNumValStatus {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 0;
  background-image: url("inventoryicons/Available_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.kitsDetails.status_2 {
  background-color: #f2d3d3 !important;
}
.kitsDetails.status_2 .kitsNumValStatus {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 0;
  background-image: url("inventoryicons/Damaged_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.kitsDetails.status_3 {
  background-color: #e3e3e3 !important;
}
.kitsDetails.status_3 .kitsNumValStatus {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 0;
  background-image: url("inventoryicons/Destroyed_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.kitsDetails.status_4 {
  background-color: #f0d8ee !important;
}
.kitsDetails.status_4 .kitsNumValStatus {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 0;
  background-image: url("inventoryicons/Dispensed_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.kitsDetails.status_4_device {
  background-color: #f0d8ee !important;
}
.kitsDetails.status_4_device .kitsNumValStatus {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 0;
  background-image: url("inventoryicons/Dispensed_status_device.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.kitsDetails.status_5 {
  background-color: #f6b4ab !important;
}
.kitsDetails.status_5 .kitsNumValStatus {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 0;
  background-image: url("inventoryicons/Expired_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.kitsDetails.status_6 {
  background-color: #d8e2f0 !important;
}
.kitsDetails.status_6 .kitsNumValStatus {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 0;
  background-image: url("inventoryicons/NotInUse_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.kitsDetails.status_7 {
  background-color: #ddf6f5 !important;
}
.kitsDetails.status_7 .kitsNumValStatus {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 0;
  background-image: url("inventoryicons/Misallocated_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.kitsDetails.status_8 {
  background-color: #f8d3e4 !important;
}
.kitsDetails.status_8 .kitsNumValStatus {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 0;
  background-image: url("inventoryicons/Missing_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.kitsDetails.status_9 {
  background-color: #dde2f6 !important;
}
.kitsDetails.status_9 .kitsNumValStatus {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 0;
  background-image: url("inventoryicons/InTransit_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.kitsDetails.status_10 {
  background-color: #F6F5DA !important;
}
.kitsDetails.status_10 .kitsNumValStatus {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 0;
  background-image: url("inventoryicons/Quarantined_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.kitsDetails.status_11 {
  background-color: #F6F5DA !important;
}
.kitsDetails.status_11 .kitsNumValStatus {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 0;
  background-image: url("inventoryicons/PreQuarantined_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.kitsDetails.status_12 {
  background-color: #e3e3e3 !important;
}
.kitsDetails.status_12 .kitsNumValStatus {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 0;
  background-image: url("inventoryicons/ForDestruction.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.kitsDetails.status_13 {
  background-color: #f2d3d3 !important;
}
.kitsDetails.status_13 .kitsNumValStatus {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 0;
  background-image: url("inventoryicons/LostBySubject_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.kitsDetails.status_14 {
  background-color: #eeecb0 !important;
}
.kitsDetails.status_14 .kitsNumValStatus {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 0;
  background-image: url("inventoryicons/TemporarilyUnavail_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.kitsDetails.status_15 {
  background-color: #f2d3d3 !important;
}
.kitsDetails.status_15 .kitsNumValStatus {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 0;
  background-image: url("inventoryicons/DamagedBySubject_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.kitsDetails.status_16 {
  background-color: #c4eab6 !important;
}
.kitsDetails.status_16 .kitsNumValStatus {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 0;
  background-image: url("inventoryicons/New_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.kitsDetails.status_17 {
  background-color: #F7F0C4 !important;
}
.kitsDetails.status_17 .kitsNumValStatus {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 0;
  background-image: url("inventoryicons/NotDispensed_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.kitsDetails.status_18 {
  background-color: #b0d6f4 !important;
}
.kitsDetails.status_18 .kitsNumValStatus {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 0;
  background-image: url("integrationImages/ReturnedtoSite_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.kitsDetails.status_20 {
  background-color: #e3e3e3 !important;
}
.kitsDetails.status_20 .kitsNumValStatus {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 0;
  background-image: url("inventoryicons/received_for_destruction_inventory.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.kitsDetails .dispensed-to-con {
  overflow: hidden;
  width: 100px;
  text-overflow: ellipsis;
}

.shipConfirmContainer {
  text-align: center;
  font-weight: bold;
}

.shipmentConfirmation {
  padding: 20px;
  margin-bottom: 20px;
  position: relative;
}
.shipmentConfirmation.status_1 {
  background-color: #d8f0e7 !important;
}
.shipmentConfirmation.status_1 .kitsNumVal .kitsNumValStatus {
  position: absolute;
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 10px;
  background-image: url("inventoryicons/Available_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentConfirmation.status_2 {
  background-color: #f2d3d3 !important;
}
.shipmentConfirmation.status_2 .kitsNumVal .kitsNumValStatus {
  position: absolute;
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 10px;
  background-image: url("inventoryicons/Damaged_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentConfirmation.status_3 {
  background-color: #e3e3e3 !important;
}
.shipmentConfirmation.status_3 .kitsNumVal .kitsNumValStatus {
  position: absolute;
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 10px;
  background-image: url("inventoryicons/Destroyed_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentConfirmation.status_4 {
  background-color: #f0d8ee !important;
}
.shipmentConfirmation.status_4 .kitsNumVal .kitsNumValStatus {
  position: absolute;
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 10px;
  background-image: url("inventoryicons/Dispensed_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentConfirmation.status_4_device {
  background-color: #f0d8ee !important;
}
.shipmentConfirmation.status_4_device .kitsNumValStatus {
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 0;
  background-image: url("inventoryicons/Dispensed_status_device.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentConfirmation.status_5 {
  background-color: #f6b4ab !important;
}
.shipmentConfirmation.status_5 .kitsNumVal .kitsNumValStatus {
  position: absolute;
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 10px;
  background-image: url("inventoryicons/Expired_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentConfirmation.status_6 {
  background-color: #d8e2f0 !important;
}
.shipmentConfirmation.status_6 .kitsNumVal .kitsNumValStatus {
  position: absolute;
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 10px;
  background-image: url("inventoryicons/NotinUse_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentConfirmation.status_7 {
  background-color: #ddf6f5 !important;
}
.shipmentConfirmation.status_7 .kitsNumVal .kitsNumValStatus {
  position: absolute;
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 10px;
  background-image: url("inventoryicons/Misallocated_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentConfirmation.status_8 {
  background-color: #f8d3e4 !important;
}
.shipmentConfirmation.status_8 .kitsNumVal .kitsNumValStatus {
  position: absolute;
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 10px;
  background-image: url("inventoryicons/Missing_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentConfirmation.status_9 {
  background-color: #dde2f6 !important;
}
.shipmentConfirmation.status_9 .kitsNumVal .kitsNumValStatus {
  position: absolute;
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 10px;
  background-image: url("inventoryicons/InTransit_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentConfirmation.status_10 {
  background-color: #F6F5DA !important;
}
.shipmentConfirmation.status_10 .kitsNumVal .kitsNumValStatus {
  position: absolute;
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 10px;
  background-image: url("inventoryicons/Quarantined_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentConfirmation.status_11 {
  background-color: #F6F5DA !important;
}
.shipmentConfirmation.status_11 .kitsNumVal .kitsNumValStatus {
  position: absolute;
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 10px;
  background-image: url("inventoryicons/PreQuarantined_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentConfirmation.status_12 {
  background-color: #e3e3e3 !important;
}
.shipmentConfirmation.status_12 .kitsNumVal .kitsNumValStatus {
  position: absolute;
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 10px;
  background-image: url("inventoryicons/ForDestruction.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentConfirmation.status_13 {
  background-color: #f2d3d3 !important;
}
.shipmentConfirmation.status_13 .kitsNumVal .kitsNumValStatus {
  position: absolute;
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 10px;
  background-image: url("inventoryicons/LostBySubject_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentConfirmation.status_14 {
  background-color: #eeecb0 !important;
}
.shipmentConfirmation.status_14 .kitsNumVal .kitsNumValStatus {
  position: absolute;
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 10px;
  background-image: url("inventoryicons/TemporarilyUnavail_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentConfirmation.status_15 {
  background-color: #f2d3d3 !important;
}
.shipmentConfirmation.status_15 .kitsNumVal .kitsNumValStatus {
  position: absolute;
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 10px;
  background-image: url("inventoryicons/DamagedBySubject_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentConfirmation.status_16 {
  background-color: #c4eab6 !important;
}
.shipmentConfirmation.status_16 .kitsNumVal .kitsNumValStatus {
  position: absolute;
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 10px;
  background-image: url("inventoryicons/New_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentConfirmation.status_17 {
  background-color: #F7F0C4 !important;
}
.shipmentConfirmation.status_17 .kitsNumVal .kitsNumValStatus {
  position: absolute;
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 10px;
  background-image: url("inventoryicons/NotDispensed_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentConfirmation.status_18 {
  background-color: #b0d6f4 !important;
}
.shipmentConfirmation.status_18 .kitsNumVal .kitsNumValStatus {
  position: absolute;
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 10px;
  background-image: url("integrationImages/ReturnedtoSite_status.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}
.shipmentConfirmation.status_20 {
  background-color: #e3e3e3 !important;
}
.shipmentConfirmation.status_20 .kitsNumVal .kitsNumValStatus {
  position: absolute;
  display: inline-block;
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  right: 0;
  top: 0;
  margin: 10px;
  background-image: url("inventoryicons/received_for_destruction_inventory.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
}

.notification-message {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  height: auto;
  background-color: #e6ffee;
  margin-bottom: 2px;
  margin-left: 15px;
  margin-right: 15px;
}
.notification-message .divClass {
  margin-bottom: 2px;
  margin-left: 15px;
  margin-right: 15px;
}
.notification-message .success-icon-small {
  height: 20px;
  width: 20px;
  background-image: url(userImages/success_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.notification-message .main-message {
  overflow: hidden;
  font-size: 14px;
  text-align: center;
  margin-top: 10px;
  font-weight: bold;
}
.notification-message .dismissIcon {
  position: absolute;
  top: 3px;
  right: 3px;
}

.notification-message-rule-copy-success {
  margin-bottom: 10px;
  display: flex;
  align-items: left;
  position: relative;
  justify-content: left;
  height: auto;
  background-color: #e9f4f8;
  margin-bottom: 2px;
  margin-left: 15px;
  margin-right: 15px;
}
.notification-message-rule-copy-success .divClass {
  margin-bottom: 2px;
  margin-left: 15px;
  margin-right: 15px;
}
.notification-message-rule-copy-success .info-icon-small {
  height: 20px;
  width: 20px;
  background-image: url(images/InformationIcon.png);
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.notification-message-rule-copy-success .main-message {
  overflow: hidden;
  font-size: 14px;
  text-align: center;
  margin-top: 10px;
  font-weight: bold;
}
.notification-message-rule-copy-success .dismissIcon {
  position: absolute;
  top: 3px;
  right: 3px;
}

.notification-message-rule-copy-error {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: left;
  height: auto;
  background-color: #fcf3f4;
  margin-bottom: 2px;
  margin-left: 15px;
  margin-right: 15px;
}
.notification-message-rule-copy-error .divClass {
  margin-bottom: 2px;
  margin-left: 15px;
  margin-right: 15px;
}
.notification-message-rule-copy-error .error-icon-small {
  height: 20px;
  width: 20px;
  background-image: url(images/error_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.notification-message-rule-copy-error .main-message {
  overflow: hidden;
  font-size: 14px;
  text-align: center;
  margin-top: 10px;
  font-weight: bold;
}
.notification-message-rule-copy-error .dismissIcon {
  position: absolute;
  top: 3px;
  right: 3px;
}

.notification-padding {
  padding: 10px 15px;
}

.notification-banner-success {
  display: flex;
  flex-direction: row;
  position: relative;
  border-radius: 5px;
  border: 1px solid #CDCDCD;
  display: flex;
  align-items: center;
  position: relative;
  height: auto;
}
.notification-banner-success .divClass {
  margin: 10px 15px;
}
.notification-banner-success .main-message {
  overflow: hidden;
  text-align: center;
}
.notification-banner-success .dismissIcon {
  position: absolute;
  top: 3px;
  right: 3px;
}
.notification-banner-success {
  background-color: #ebfae4;
}
.notification-banner-success .success-icon-small {
  height: 20px;
  width: 20px;
  background-image: url(userImages/success_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 10px;
}

.notification-banner-error {
  display: flex;
  flex-direction: row;
  position: relative;
  border-radius: 5px;
  border: 1px solid #CDCDCD;
  display: flex;
  align-items: center;
  position: relative;
  height: auto;
}
.notification-banner-error .divClass {
  margin: 10px 15px;
}
.notification-banner-error .main-message {
  overflow: hidden;
  text-align: center;
}
.notification-banner-error .dismissIcon {
  position: absolute;
  top: 3px;
  right: 3px;
}
.notification-banner-error {
  background-color: #fcf3f4;
}
.notification-banner-error .error-icon-small {
  height: 20px;
  width: 20px;
  background-image: url(images/error_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 10px;
}

.notification-banner-info {
  display: flex;
  flex-direction: row;
  position: relative;
  border-radius: 5px;
  border: 1px solid #CDCDCD;
  display: flex;
  align-items: center;
  position: relative;
  height: auto;
}
.notification-banner-info .divClass {
  margin: 10px 15px;
}
.notification-banner-info .main-message {
  overflow: hidden;
  text-align: center;
}
.notification-banner-info .dismissIcon {
  position: absolute;
  top: 3px;
  right: 3px;
}
.notification-banner-info {
  background-color: #e9f4f8;
}
.notification-banner-info .info-icon-small {
  height: 20px;
  width: 20px;
  background-image: url(images/InformationIcon.png);
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 10px;
}

manual-query-item .decorativeText, manual-query-list-item .decorativeText {
  font-weight: normal !important;
}
manual-query-item .bold-value, manual-query-list-item .bold-value {
  font-weight: bold;
}
manual-query-item .manual-query-card-container, manual-query-list-item .manual-query-card-container {
  margin-bottom: 0;
}
manual-query-item .manual-query-card-container .manual-query-title, manual-query-list-item .manual-query-card-container .manual-query-title {
  background: #f5f5f5;
  margin: 5px 0 0;
  padding: 15px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
manual-query-item .manual-query-card-container .manual-query-title .oj-component-icon.oj-clickable-icon-nocontext.oj-collapsible-header-icon, manual-query-list-item .manual-query-card-container .manual-query-title .oj-component-icon.oj-clickable-icon-nocontext.oj-collapsible-header-icon {
  display: none;
}
manual-query-item .manual-query-card-container .manual-query-title .query-subject-visit, manual-query-list-item .manual-query-card-container .manual-query-title .query-subject-visit {
  display: flex;
}
manual-query-item .manual-query-card-container .manual-query-title .query-subject-visit .ec-common-truncate, manual-query-list-item .manual-query-card-container .manual-query-title .query-subject-visit .ec-common-truncate {
  max-width: 185px;
}
manual-query-item .manual-query-card-container .manual-query-title .query-subject-visit .query-status-icon, manual-query-list-item .manual-query-card-container .manual-query-title .query-subject-visit .query-status-icon {
  padding-right: 5px;
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/Query_default.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}
manual-query-item .manual-query-card-container .manual-query-title .query-subject-visit .query-status-icon.Candidate, manual-query-list-item .manual-query-card-container .manual-query-title .query-subject-visit .query-status-icon.Candidate {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/Query_Candidate.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}
manual-query-item .manual-query-card-container .manual-query-title .query-subject-visit .query-status-icon.Answered, manual-query-list-item .manual-query-card-container .manual-query-title .query-subject-visit .query-status-icon.Answered {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/Query_Answer.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}
manual-query-item .manual-query-card-container .manual-query-title .query-subject-visit .query-status-icon.Opened, manual-query-list-item .manual-query-card-container .manual-query-title .query-subject-visit .query-status-icon.Opened {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/Query_Open.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}
manual-query-item .manual-query-card-container .manual-query-title .query-subject-visit .query-status-icon.Closed, manual-query-list-item .manual-query-card-container .manual-query-title .query-subject-visit .query-status-icon.Closed {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/Query_Closed.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}
manual-query-item .manual-query-card-container .manual-query-title .query-subject-visit .query-status-icon.Active, manual-query-list-item .manual-query-card-container .manual-query-title .query-subject-visit .query-status-icon.Active {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/Query_Active.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}
manual-query-item .manual-query-card-container .manual-query-title .query-subject-visit .query-status-icon.Deleted, manual-query-list-item .manual-query-card-container .manual-query-title .query-subject-visit .query-status-icon.Deleted {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/Query_Deleted.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}
manual-query-item .manual-query-card-container .manual-query-title .query-time-tilltoday, manual-query-list-item .manual-query-card-container .manual-query-title .query-time-tilltoday {
  color: #656869;
  font-size: 13px;
  text-align: right;
}
manual-query-item .manual-query-card-container .sidebar-manual-query-detail, manual-query-list-item .manual-query-card-container .sidebar-manual-query-detail {
  border: 1px solid rgb(229, 230, 230);
  border-top: 0;
  padding: 5px;
}
manual-query-item .manual-query-card-container .sidebar-manual-query-detail .manual-query-description, manual-query-list-item .manual-query-card-container .sidebar-manual-query-detail .manual-query-description {
  display: flex;
  flex-direction: row;
  margin: 5px;
  margin-right: 7px;
}
manual-query-item .manual-query-card-container .sidebar-manual-query-detail .manual-query-description .filterName-icon, manual-query-list-item .manual-query-card-container .sidebar-manual-query-detail .manual-query-description .filterName-icon {
  display: flex;
  width: 50px;
  justify-content: center;
  cursor: pointer;
}
manual-query-item .manual-query-card-container .sidebar-manual-query-detail .manual-query-description .filterName-icon .filterName-Initials, manual-query-list-item .manual-query-card-container .sidebar-manual-query-detail .manual-query-description .filterName-icon .filterName-Initials {
  margin-top: 5px;
  margin-right: 10px;
  font-size: 13px;
  height: 30px;
  width: 30px;
  background: rgba(202, 202, 202, 0.3);
  font-weight: bold;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
manual-query-item .manual-query-card-container .sidebar-manual-query-detail .manual-query-description .filter-subtitle, manual-query-list-item .manual-query-card-container .sidebar-manual-query-detail .manual-query-description .filter-subtitle {
  flex-grow: 9;
  max-width: 250px;
}
manual-query-item .manual-query-card-container .sidebar-manual-query-detail .manual-query-description .filter-subtitle .query-status-time, manual-query-list-item .manual-query-card-container .sidebar-manual-query-detail .manual-query-description .filter-subtitle .query-status-time {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
manual-query-item .manual-query-card-container .sidebar-manual-query-detail .manual-query-description .filter-subtitle .query-status-time .query-status, manual-query-list-item .manual-query-card-container .sidebar-manual-query-detail .manual-query-description .filter-subtitle .query-status-time .query-status {
  font-weight: bold;
}
manual-query-item .manual-query-card-container .sidebar-manual-query-detail .manual-query-description .filter-subtitle .query-status-time .query-time, manual-query-list-item .manual-query-card-container .sidebar-manual-query-detail .manual-query-description .filter-subtitle .query-status-time .query-time {
  font-size: 13px;
  color: #656869;
}
manual-query-item .manual-query-card-container .sidebar-manual-query-detail .manual-query-description .filter-subtitle .query-description, manual-query-list-item .manual-query-card-container .sidebar-manual-query-detail .manual-query-description .filter-subtitle .query-description {
  overflow-x: auto;
}
manual-query-item .manual-query-card-container .sidebar-manual-query-detail .form-info, manual-query-list-item .manual-query-card-container .sidebar-manual-query-detail .form-info {
  background-color: rgb(194, 223, 234);
  padding: 10px;
}
manual-query-item .manual-query-card-container .sidebar-manual-query-detail .form-info .form-title-info, manual-query-list-item .manual-query-card-container .sidebar-manual-query-detail .form-info .form-title-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
manual-query-item .manual-query-card-container .sidebar-manual-query-detail .form-info .form-title-info .form-title, manual-query-list-item .manual-query-card-container .sidebar-manual-query-detail .form-info .form-title-info .form-title {
  font-weight: bold;
  width: 100%;
}
manual-query-item .manual-query-card-container .sidebar-manual-query-detail .form-info .form-title-info .form-Icon, manual-query-list-item .manual-query-card-container .sidebar-manual-query-detail .form-info .form-title-info .form-Icon {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/Form.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  margin: 0;
  cursor: pointer;
}
manual-query-item .manual-query-card-container .sidebar-manual-query-detail .form-info .form-title-info .menu-Icon, manual-query-list-item .manual-query-card-container .sidebar-manual-query-detail .form-info .form-title-info .menu-Icon {
  width: 16px;
  height: 16px;
  background-image: url("subjectimages/subject-query-history/Menu_Default.svg");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  margin: 0;
  cursor: pointer;
}

.manual-query-userName-container .email-icon-title {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.manual-query-userName-container .email-icon-title .email-icon {
  background-image: url(depotImages/Depot_Email.svg);
  background-repeat: no-repeat;
  -ms-background-position-x: center;
  background-position-y: center;
  height: 20px;
  width: 20px;
  margin-right: 10px;
}

openquery-studytile-icon {
  max-width: 75px;
  margin: 5px;
  display: flex;
  align-items: center;
}
openquery-studytile-icon .iconContainer {
  height: 30px;
}
openquery-studytile-icon .iconContainer .iconImage {
  height: 40px;
  width: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  background-image: url(subjectimages/subject-query-history/Query_Candidate_Disable.svg);
}
openquery-studytile-icon .iconContainer .iconImage.enable {
  cursor: pointer;
  background-image: url(subjectimages/subject-query-history/Query_Open_WhiteBorder.svg);
}
openquery-studytile-icon .iconContainer .iconImage.enable .open-query-count {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #B30000;
  padding: 1px;
  color: white;
  min-width: 18px;
  width: 18px;
  min-height: 18px;
  height: 18px;
  position: relative;
  top: -9px;
  right: -9px;
  border-radius: 50%;
  font-size: 12px;
  text-align: center;
  line-height: 18px;
}
openquery-studytile-icon .iconContainer .open-query-count {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #B30000;
  padding: 1px;
  color: white;
  min-width: 18px;
  width: 18px;
  min-height: 18px;
  height: 18px;
  position: relative;
  top: -9px;
  right: -9px;
  border-radius: 50%;
  font-size: 12px;
  text-align: center;
  line-height: 18px;
}

.co-bullet-list-item {
  line-height: 1.5;
  margin-left: -0.75em !important;
}

.qgcontainer {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  background-color: #f5f5f5;
}
.qgcontainer.containsRequired {
  background-color: inherit;
}
.qgcontainer .oj-label-group {
  display: block !important;
}
.qgcontainer .form-items-item-container .form-items-flex-container .dataElement-form-title {
  min-width: 200px !important;
}
.qgcontainer .form-items-item-container .form-items-flex-container .dataElement-form-title.qcontainer-label {
  padding-top: 10px;
  margin-top: 0;
}
.qgcontainer .form-items-item-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.qgcontainer .form-items-item-container .form-items-flex-container {
  flex-direction: column !important;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 8px !important;
}
.qgcontainer .form-items-item-container .item-field .item-input-width {
  width: 150px !important;
}
.qgcontainer .form-items-item-container .item-field .item-input-width.oj-focus {
  z-index: 3;
}
.qgcontainer > .oj-flex-item {
  max-width: auto;
  background-color: inherit;
  display: flex;
}
.qgcontainer > .oj-flex-item > div {
  display: flex;
}
.qgcontainer .unit-of-measure-container {
  width: 150px;
  display: flex;
  justify-content: flex-end;
  padding-top: 0.5em;
}
.qgcontainer .unit-of-measure-container .unit-of-measure .ec-common-truncate {
  display: block;
}
.qgcontainer .unit-of-measure-container .unit-of-measure.align-flex-start {
  width: auto;
  max-width: none;
  flex: none;
  display: block;
  margin-right: 5px;
}
.qg-general-container > div {
  background-color: #f5f5f5;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 0px !important;
}
.qg-general-container > div.qgcontainer-query-active-child {
  background-color: #FDEAEC;
}
.qg-general-container > div > div.dataElement-form-title.qcontainer-label {
  padding-left: 10px;
  padding-top: 12px;
  padding-bottom: 5px;
  background-color: white;
}
.qg-general-container > div > div.align-self-center.dataElement-form-container.oj-flex-items-pad {
  padding-left: 1.5em !important;
}

.qgcontainer-query-active-parent {
  background-color: #FDEAEC;
  border: 1px solid #EA6143;
}

.qgcontainer-query-active-child {
  background-color: #FDEAEC;
}
.qgcontainer-query-active-child .qgcontainer {
  background-color: #FDEAEC;
}
.qgcontainer-query-active-child .qgcontainer > .gq-item-container-light-gray > div > .form-items-item-container {
  background-color: #FDEAEC !important;
}

.qgcontainer-query-creation {
  background-color: rgb(221, 239, 242);
}

.form-single-formitem.qgroup .reason-for-change {
  max-width: 220px;
}

.horizontal-flex-container {
  padding: 0px 0 0 10px !important;
}
.horizontal-flex-container .form-items-flex-container {
  padding-left: 0px !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* overlapping label and Field in IE */
  .qgcontainer .oj-col-4 .flag-label-container {
    padding: 0;
    min-height: 1.5em;
  }
  /* Reason icon in IE */
  .qgcontainer .oj-col-4 .align-flex-start {
    padding: 0 0 0 0px;
    align-self: flex-start !important;
  }
  /* overlapping questionGrop and Fiels in IE */
  .qgcontainer .oj-col-4 .dataElement-form-container {
    flex: none !important;
  }
  .qgcontainer .unit-of-measure .ec-common-truncate {
    min-width: 70px;
    max-width: 70px;
  }
}
#globalSettingsContact {
  height: 100%;
}
#globalSettingsContact #contactOrgAssociationContainer {
  height: 100%;
}
#globalSettingsContact #contactOrgAssociationContainer .header {
  display: flex;
}
#globalSettingsContact #contactOrgAssociationContainer .header #contactDetailsGoBackButton {
  margin: 10px;
}
#globalSettingsContact #contactOrgAssociationContainer .header #filterByMode-AssociationList {
  float: right;
  margin: 10px;
}
#globalSettingsContact #contactOrgAssociationContainer .header .error {
  flex: 1;
  align-self: center;
}
#globalSettingsContact #contactOrgAssociationContainer .header .error .removeAssocError {
  height: 40px;
  background: #ffcccb;
  display: flex;
  justify-content: space-between;
  padding-left: 20px;
  border-radius: 6px;
}
#globalSettingsContact #contactOrgAssociationContainer .header .error .removeAssocError .removeAssocErrorInfo {
  height: 16px;
  font-size: 13px;
  line-height: 16px;
  align-self: center;
  font-weight: 600;
}
#globalSettingsContact #contactOrgAssociationContainer .header .error .removeAssocError .dismissIcon {
  width: 16px;
  height: 16px;
  padding-right: 10px;
  padding-top: 5px;
}
#globalSettingsContact #contactOrgAssociationContainer .header .error .removeAssocError .dismissIcon .oj-clickable-icon-nocontext {
  color: #3c3131;
}
#globalSettingsContact #contactOrgAssociationContainer .container {
  height: 91%;
  display: flex;
}
#globalSettingsContact #contactOrgAssociationContainer .container .detailsContainer {
  border: 1px solid #C4CED7;
  border-radius: 4px;
  width: 33%;
  margin: 10px;
  margin-top: 0;
  margin-right: 5px;
}
#globalSettingsContact #contactOrgAssociationContainer .container .detailsContainer .contactDetailsSection {
  max-height: calc(100vh - 405px);
}
#globalSettingsContact #contactOrgAssociationContainer .container .associateContactContainer {
  border: 1px solid #C4CED7;
  border-radius: 4px;
  width: 75%;
  margin: 10px;
  margin-top: 0;
  margin-left: 5px;
}
#globalSettingsContact #contactOrgAssociationContainer .container .associateContactContainer .association-list {
  height: 100%;
}
#globalSettingsContact #contactOrgAssociationContainer .container .associateContactContainer .association-list .association-listview-container .association-list-view {
  height: calc(100vh - 341px);
  min-height: calc(100vh - 341px);
}

.add-association-dialog {
  max-height: 42em;
  height: 52em;
  width: 1275px;
  max-width: 1030px;
  top: 20px;
}
.add-association-dialog .oj-dialog-body #associationContainer.fullPage {
  display: inline-block;
  width: 100%;
}
.add-association-dialog .oj-dialog-body #associationContainer.fullPage #errorDisplay #add-association-error {
  padding: 10px;
  border: 1px solid red;
  border-radius: 6px;
  background-color: rgba(241, 135, 135, 0.49);
  color: #dc2222;
  width: 70%;
  margin: 10px auto;
  text-align: center;
}
.add-association-dialog .oj-dialog-body #associationContainer.fullPage #errorDisplay #add-association-success {
  padding: 10px;
  border: 1px solid green;
  border-radius: 6px;
  background-color: rgba(138, 241, 135, 0.49);
  color: #062508;
  width: 70%;
  margin: 10px auto;
  text-align: center;
}
.add-association-dialog .oj-dialog-body #associationContainer.fullPage .mainContent {
  display: inline-flex;
  width: 100%;
}
.add-association-dialog .oj-dialog-body #associationContainer.fullPage .mainContent .tabbar {
  height: 100%;
  vertical-align: middle;
  display: inline-block;
  width: 136px;
  margin-right: 10px;
}
.add-association-dialog .oj-dialog-body #associationContainer.fullPage .mainContent .tabbar .association-entity-tabs #tabbarElements ul li {
  width: 136px;
  height: 32px;
}
.add-association-dialog .oj-dialog-body #associationContainer.fullPage .mainContent .tabbar .association-entity-tabs #tabbarElements ul li #investigators-add-association, .add-association-dialog .oj-dialog-body #associationContainer.fullPage .mainContent .tabbar .association-entity-tabs #tabbarElements ul li #labs-add-association, .add-association-dialog .oj-dialog-body #associationContainer.fullPage .mainContent .tabbar .association-entity-tabs #tabbarElements ul li #depots-add-association {
  width: 80px;
  height: 16px;
  top: 8px;
  left: 17px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.1px;
  color: #FFFFFF;
}
.add-association-dialog .oj-dialog-body #associationContainer.fullPage .mainContent .tabbar .association-entity-tabs #tabbarElements ul li #investigators-add-association .oj-tabbar-vertical .oj-tabbar-icon-only .oj-tabbar-item.oj-selected, .add-association-dialog .oj-dialog-body #associationContainer.fullPage .mainContent .tabbar .association-entity-tabs #tabbarElements ul li #investigators-add-association .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected, .add-association-dialog .oj-dialog-body #associationContainer.fullPage .mainContent .tabbar .association-entity-tabs #tabbarElements ul li #labs-add-association .oj-tabbar-vertical .oj-tabbar-icon-only .oj-tabbar-item.oj-selected, .add-association-dialog .oj-dialog-body #associationContainer.fullPage .mainContent .tabbar .association-entity-tabs #tabbarElements ul li #labs-add-association .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected, .add-association-dialog .oj-dialog-body #associationContainer.fullPage .mainContent .tabbar .association-entity-tabs #tabbarElements ul li #depots-add-association .oj-tabbar-vertical .oj-tabbar-icon-only .oj-tabbar-item.oj-selected, .add-association-dialog .oj-dialog-body #associationContainer.fullPage .mainContent .tabbar .association-entity-tabs #tabbarElements ul li #depots-add-association .oj-tabbar-vertical:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected {
  border-color: transparent;
}
.add-association-dialog .oj-dialog-body #associationContainer.fullPage .mainContent .tabbar .association-entity-tabs #tabbarElements ul li #investigators-add-association .oj-tabbar-vertical .oj-tabbar-item.oj-selected, .add-association-dialog .oj-dialog-body #associationContainer.fullPage .mainContent .tabbar .association-entity-tabs #tabbarElements ul li #labs-add-association .oj-tabbar-vertical .oj-tabbar-item.oj-selected, .add-association-dialog .oj-dialog-body #associationContainer.fullPage .mainContent .tabbar .association-entity-tabs #tabbarElements ul li #depots-add-association .oj-tabbar-vertical .oj-tabbar-item.oj-selected {
  border-color: transparent;
}
.add-association-dialog .oj-dialog-body #associationContainer.fullPage .mainContent .windowContent .add-association-header {
  margin-bottom: 10px;
  text-align: right;
}
.add-association-dialog .oj-dialog-body #associationContainer.fullPage .mainContent .windowContent .add-association-header .add-association-label {
  float: left;
}
.add-association-dialog .oj-dialog-body #associationContainer.fullPage .mainContent .windowContent .add-association-header .add-association-clear-filter {
  margin-right: 3px;
}
.add-association-dialog .oj-dialog-body #associationContainer.fullPage .mainContent .windowContent .add-association-header .add-association-filter {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.add-association-dialog .oj-dialog-body #associationContainer.fullPage .mainContent .windowContent .add-association-header .add-association-search-filter {
  max-width: 185px;
}
.add-association-dialog .oj-dialog-body #associationContainer.fullPage .mainContent .windowContent .add-association-header .add-association-search-filter .add-association-search-filter-icon {
  width: 32px;
}
.add-association-dialog .oj-dialog-body #associationContainer.fullPage .mainContent .windowContent .windowBodySection .association-shuttle {
  width: 100%;
}
.add-association-dialog .oj-dialog-body #associationContainer.fullPage .buttonsFooter {
  margin: 10px;
}
.add-association-dialog .oj-dialog-body #associationContainer.fullPage .buttonsFooter .button-association-close {
  float: left;
}
.add-association-dialog .oj-dialog-body #associationContainer.fullPage .buttonsFooter .button-association-save {
  float: right;
  text-align: right;
}

.assign-site-dialog {
  max-height: 40em;
  height: 40em;
  width: 700px;
  max-width: 700px;
}
.assign-site-dialog .oj-dialog-body {
  padding: 0px !important;
}
.assign-site-dialog .dialog-body {
  height: 100%;
  padding: 1.5rem 0 0 2rem;
}
.assign-site-dialog .dialog-body .study-dropdown-label {
  margin-bottom: 5px;
}
.assign-site-dialog .dialog-body .mode-label {
  margin-top: 10px;
}
.assign-site-dialog .dialog-body .trainingMode {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  background: #CB2026 url(contactsImages/training_icon.svg) no-repeat center;
}
.assign-site-dialog .dialog-body .testingMode {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  background: #8560A8 url(contactsImages/testing_icon.svg) no-repeat center;
}
.assign-site-dialog .dialog-body .prodMode {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  background: #4EAA24 url(contactsImages/prod_icon.svg) no-repeat center;
}
.assign-site-dialog .dialog-body .studyModes {
  display: flex;
  flex-direction: column;
}
.assign-site-dialog .dialog-body #modeId {
  margin: 0 0 0.8rem 1rem;
}
.assign-site-dialog .dialog-body .siteIdInput {
  margin-left: 2rem;
  margin-top: 7px;
  max-width: 57%;
}
.assign-site-dialog .dialog-body .checkboxLabel {
  margin-left: 5px;
}
.assign-site-dialog .assign-site-error {
  padding: 5px;
  border: 1px solid red;
  border-radius: 6px;
  background-color: rgba(241, 135, 135, 0.49);
  color: #dc2222;
  margin: 5px 10px 0 10px;
  text-align: center;
}
.assign-site-dialog .buttonsFooter {
  padding: 0 10px 10px 0;
}
.assign-site-dialog .buttonsFooter div {
  float: right;
  text-align: right;
}

.remove-association-dialog {
  width: 450px;
  max-width: 450px;
}
.remove-association-dialog .oj-dialog-body {
  align-items: center;
  padding: 0px !important;
}
.remove-association-dialog .windowContent {
  flex-direction: row !important;
  padding: 10px;
}
.remove-association-dialog .warningIconContainer {
  width: 60px;
  height: 60px;
}
.remove-association-dialog .warningIconContainer .warningIcon {
  width: 60px;
  height: 60px;
  background: url("images/Confirmation_Dialog.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80px;
  border-radius: 50%;
}
.remove-association-dialog .rmAssociation p {
  padding: 0 0 0 10px;
}
.remove-association-dialog .rmAssociation #btn-goback, .remove-association-dialog .rmAssociation .buttonsFooter {
  float: right;
  text-align: right;
}
.remove-association-dialog .rmAssociation .confirm-msg {
  font-weight: bold;
}

#globalSettingsOrganization {
  height: 100%;
}
#globalSettingsOrganization #orgDetailsContainer {
  height: 100%;
}
#globalSettingsOrganization #orgDetailsContainer .orgDetailsActionsContainer {
  padding: 10px;
}
#globalSettingsOrganization #orgDetailsContainer .orgDetailsHeaderFilter {
  padding: 10px;
  height: 35px;
  width: 210px;
}
#globalSettingsOrganization #orgDetailsContainer .header #orgDetailsGoBackButton {
  margin: 10px;
}
#globalSettingsOrganization #orgDetailsContainer .error {
  flex: 1;
  align-self: center;
}
#globalSettingsOrganization #orgDetailsContainer .error .removeAssocError {
  height: 40px;
  background: #ffcccb;
  display: flex;
  justify-content: space-between;
  padding-left: 20px;
  border-radius: 6px;
}
#globalSettingsOrganization #orgDetailsContainer .error .removeAssocError .removeAssocErrorInfo {
  height: 16px;
  font-size: 13px;
  line-height: 16px;
  align-self: center;
  font-weight: 600;
}
#globalSettingsOrganization #orgDetailsContainer .error .removeAssocError .dismissIcon {
  width: 16px;
  height: 16px;
  padding-right: 10px;
  padding-top: 11px;
}
#globalSettingsOrganization #orgDetailsContainer .error .removeAssocError .dismissIcon .oj-clickable-icon-nocontext {
  color: #3c3131;
}
#globalSettingsOrganization #orgDetailsContainer .orgContainer {
  height: 91%;
  display: flex;
}
#globalSettingsOrganization #orgDetailsContainer .orgContainer .orgDetailsContainer {
  border: 1px solid #C4CED7;
  border-radius: 4px;
  width: 33%;
  margin: 10px;
  margin-top: 0;
  margin-right: 5px;
}
#globalSettingsOrganization #orgDetailsContainer .orgContainer .orgDetailsContainer .orgDetailsSection {
  max-height: calc(100vh - 405px);
}
#globalSettingsOrganization #orgDetailsContainer .orgContainer .associateOrgContainer {
  border: 1px solid #C4CED7;
  border-radius: 4px;
  width: 75%;
  margin: 10px;
  margin-top: 0;
  margin-left: 5px;
}
#globalSettingsOrganization #orgDetailsContainer .orgContainer .associateOrgContainer .association-list {
  height: 100%;
}
#globalSettingsOrganization #orgDetailsContainer .orgContainer .associateOrgContainer .association-list .association-listview-container .association-list-view {
  height: calc(100vh - 341px);
  min-height: calc(100vh - 341px);
}

#tabbarcontainer {
  margin-bottom: 17px;
}

#globalSettingsOrganization {
  height: 100%;
}
#globalSettingsOrganization #vendorDetailsContainer {
  height: 100%;
}
#globalSettingsOrganization #vendorDetailsContainer .vendorDetailsActionsContainer {
  padding: 10px;
}
#globalSettingsOrganization #vendorDetailsContainer .vendorDetailsHeaderFilter {
  padding: 10px;
}
#globalSettingsOrganization #vendorDetailsContainer .header #vendorDetailsGoBackButton {
  margin: 10px;
}
#globalSettingsOrganization #vendorDetailsContainer .error {
  flex: 1;
  align-self: center;
}
#globalSettingsOrganization #vendorDetailsContainer .error .removeAssocError {
  height: 40px;
  background: #ffcccb;
  display: flex;
  justify-content: space-between;
  padding-left: 20px;
  border-radius: 6px;
}
#globalSettingsOrganization #vendorDetailsContainer .error .removeAssocError .removeAssocErrorInfo {
  height: 16px;
  font-size: 13px;
  line-height: 16px;
  align-self: center;
  font-weight: 600;
}
#globalSettingsOrganization #vendorDetailsContainer .error .removeAssocError .dismissIcon {
  width: 16px;
  height: 16px;
  padding-right: 10px;
  padding-top: 11px;
}
#globalSettingsOrganization #vendorDetailsContainer .error .removeAssocError .dismissIcon .oj-clickable-icon-nocontext {
  color: #3c3131;
}
#globalSettingsOrganization #vendorDetailsContainer .vendorContainer {
  height: 91%;
  display: flex;
}
#globalSettingsOrganization #vendorDetailsContainer .vendorContainer .vendorDetailsContainer {
  border: 1px solid #C4CED7;
  border-radius: 4px;
  width: 33%;
  margin: 10px;
  margin-top: 0;
  margin-right: 5px;
}
#globalSettingsOrganization #vendorDetailsContainer .vendorContainer .vendorDetailsContainer .vendorDetailsSection {
  max-height: calc(100vh - 405px);
}
#globalSettingsOrganization #vendorDetailsContainer .vendorContainer .associateVendorContainer {
  border: 1px solid #C4CED7;
  border-radius: 4px;
  width: 75%;
  margin: 10px;
  margin-top: 0;
  margin-left: 5px;
}
#globalSettingsOrganization #vendorDetailsContainer .vendorContainer .associateVendorContainer .association-list {
  height: 100%;
}
#globalSettingsOrganization #vendorDetailsContainer .vendorContainer .associateVendorContainer .association-list .association-listview-container .association-list-view {
  height: calc(100vh - 341px);
  min-height: calc(100vh - 341px);
}

#tabbarcontainer {
  margin-bottom: 17px;
}

.forms {
  float: left;
  overflow: scroll;
  border: 1px solid #aaaaaa;
}

.randomizations {
  float: left;
  overflow: scroll;
  border: 1px solid #aaaaaa;
}

.randomizations-icon {
  width: 65px;
  height: 65px;
}

.visits {
  overflow: scroll;
  border: 1px solid #aaaaaa;
}

.visit {
  border: 0px solid #aaaaaa;
  width: 140px;
  height: 54px;
  margin: 15px auto;
  background-color: #F3F3F3;
}

.visit-icon {
  width: 25px;
  height: 25px;
}

.formtitleblock {
  width: 200px;
  height: 30px;
  background: linear-gradient(#f1f3f4, #e4e8ea);
  border-radius: 5px;
  border: #C4CED7 1px solid;
  box-shadow: 1px 1px 3px 0px #ccc;
  font-size: 12px;
  padding: 10px;
  float: left;
  margin: 5px 5px 5px 5px;
}

.functionicon {
  width: 24px;
  height: 24px;
  float: left;
}

.formtitle {
  float: left;
  width: 50%;
}

.eventvisitblock {
  width: 135px;
  height: 63px;
  background: linear-gradient(#f1f3f4, #e4e8ea);
  border-radius: 5px;
  border: #C4CED7 1px solid;
  font-size: 12px;
  margin: 15px auto;
}

.eventfunctionicon {
  width: 24px;
  height: 24px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.eventdetail {
  float: left;
  width: 50%;
  margin: 5px 2px 0px 10px;
}

.displayicons {
  width: 75%;
  height: 24px;
  padding: 5px;
  display: table;
}

.sideeventedit {
  float: right;
}

.line {
  position: relative;
  top: 3px;
  left: 60px;
}

.line-2 {
  position: relative;
  top: 3px;
}

.total-count {
  font-size: 40px;
  text-align: center;
  color: #145c9e;
}

.completed-count {
  font-size: 40px;
  text-align: center;
  color: green;
}

.verified-count {
  font-size: 40px;
  text-align: center;
  color: blue;
}

.locked-count {
  font-size: 40px;
  text-align: center;
  color: black;
}

.summary-group {
  float: left;
  font-size: 8px;
  text-align: center;
  margin-left: 15px;
}

.input-group {
  float: left;
  text-align: center;
  margin-left: 5px;
  position: relative;
  top: 5px;
}

.main-content-page {
  padding-top: 15px;
}

.main-view-page {
  background-color: white;
}

/* -----------------------------------------------------------------------------

*/
.main-container-style {
  height: 725px;
}

.home-style {
  height: 600px;
}

.home-main-style {
  padding-left: 20px;
  padding-right: 20px;
}

.home-main-header-style {
  padding-left: 5px;
  padding-top: 10px;
  height: 50px;
}

.home-main-body-style {
  height: 550px;
  overflow-y: scroll;
  padding-left: 20px;
  padding-right: 20px;
}

.home-right-details-style {
  padding-top: 20px;
  height: 180px;
}

.home-details-line-block {
  padding-top: 5px;
  padding-bottom: 5px;
}

.home-details-button-block {
  padding-top: 10px;
  padding-bottom: 0px;
}

.home-right-accordian-style {
  height: 400px;
  border: 1px solid #aaaaaa;
}

.home-accordian-group-content-style {
  height: 275px;
  overflow: scroll;
}

.study-main-style {
  height: 550px;
  overflow: scroll;
}

.study-main-header-style {
  height: 50px;
  padding-left: 25px;
  padding-top: 15px;
}

.study-main-body-style {
  height: 525px;
}

.study-tabs-style {
  height: 480px;
  padding-left: 20px;
  padding-right: 20px;
}

.study-tab-content-style {
  height: 490px;
}

.study-accordian-style {
  height: 780px;
  /*  border:0.5px solid #aaaaaa;*/
  background-color: #FFFFFF;
}

.study-accordian-group-content-style {
  height: 659px;
  /*overflow:scroll;*/
  overflow: auto;
}

/* ----------------------------------------------------------------------------

*/
.study-row {
  height: 100px;
  display: flex;
  border-bottom: #CBCBCB 1px solid;
}

.study-row:hover {
  background-color: #f5f5f5;
}

.study-leftblock {
  float: left;
  display: flex;
  min-width: 300px;
}

.study-uploadimage {
  width: 50px;
  height: 60px;
  background-image: url(studiesImages/GenericStudy_placeholder.png);
  background-repeat: no-repeat;
  align-self: center;
  margin-left: 30px;
  float: left;
}

.study-favoritestar {
  width: 25px;
  height: 25px;
  background-image: url(studiesImages/favorite_star.png);
  background-repeat: no-repeat;
  align-self: center;
  margin-left: 10px;
  float: left;
}

.study-title {
  font-size: 16px;
  color: #000000;
  text-decoration: none;
  align-self: center;
  margin-left: 10px;
  line-height: 130%;
  float: left;
}

.study-status-container {
  width: 100px;
  height: 60px;
  align-self: center;
  margin-left: 5%;
  float: left;
}

.study-approved-status-icon {
  width: 40px;
  height: 40px;
  background-image: url(studiesImages/Approved_studystatus.png);
  background-repeat: no-repeat;
  margin: auto;
}

.study-draft-status-icon {
  width: 40px;
  height: 40px;
  background-image: url(studiesImages/Draft_studystatus.png);
  background-repeat: no-repeat;
  margin: auto;
}

.study-locked-status-icon {
  width: 40px;
  height: 40px;
  background-image: url(studiesImages/Locked_studystatus.png);
  background-repeat: no-repeat;
  margin: auto;
}

.study-live-status-icon {
  width: 40px;
  height: 40px;
  background-image: url(studiesImages/Live_studystatus.png);
  background-repeat: no-repeat;
  margin: auto;
}

.study-onhold-status-icon {
  width: 40px;
  height: 40px;
  background-image: url(studiesImages/OnHold_studystatus.png);
  background-repeat: no-repeat;
  margin: auto;
}

.study-status-text {
  font-size: 12px;
  color: #000000;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
}

.study-digit-container {
  width: 480px;
  height: 60px;
  align-self: center;
  float: right;
}

.study-large-digit {
  font-size: 40px;
  color: #0572CE;
  /*color:#c98400; YELLOW*/
  /*color:#9e0b0f; RED*/
  text-decoration: none;
  text-align: center;
}

.study-digit-label {
  font-size: 12px;
  color: #000000;
  text-decoration: none;
  text-align: center;
}

.study-notifications-block {
  width: 120px;
  height: 60px;
  float: left;
  align-self: center;
}

.study-pending-approvals-block {
  width: 120px;
  height: 60px;
  float: left;
  align-self: center;
}

.study-failed-test-block {
  width: 120px;
  height: 60px;
  float: left;
  align-self: center;
}

.study-forms-incomplete-block {
  width: 120px;
  height: 60px;
  float: left;
  align-self: center;
}

/* ----------------------------------------------------------------------------
   STYLING FOR VISITS PAGE
---------------------------------------------------------------------------- */
.visits-page-header-container {
  height: 50px;
}

.visits-page-content-container {
  height: 10px;
}

.visits-page-cards-container {
  overflow-y: auto;
  height: 600px;
  padding-top: 10px;
}

.visits-page-assistance-container {
  height: 656px;
}

/* ----------------------------------------------------------------------------
   STYLING FOR VISIT CARDS
---------------------------------------------------------------------------- */
.visits-card-titleblock {
  width: 900px;
  height: 40px;
  background-image: linear-gradient(to bottom, #fff 0%, #f1f3f4 5%, #e8ebed 50%, #e4e8ea 100%);
  border-radius: 3px;
  border: #C4CED7 1px solid;
  box-shadow: 1px 1px 3px 0px #ccc;
  font-size: 12px;
  padding: 10px;
  margin: 4px;
  float: left;
}

.visits-card-title {
  float: left;
  padding-top: 20px;
  padding-left: 15px;
}

/* ----------------------------------------------------------------------------
   STYLING FOR VISITS USER ASSISTANCE
----------------------------------------------------------------------------- */
.visits-ua-container {
  width: 400px;
  height: 350px;
  margin: auto;
}

.visits-ua-icon {
  width: 183px;
  height: 165px;
  background-image: url(designerimages/Visits_UserAssistance_3.svg);
  background-repeat: no-repeat;
  margin: auto;
}

.visits-ua-h1 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 200%;
}

.visits-ua-h2 {
  font-size: 14px;
  text-align: center;
  line-height: 140%;
}

.visits-ua-h3 {
  font-size: 12px;
  color: #0072bc;
  font-weight: bold;
  text-align: center;
  line-height: 300%;
}

.visits-ua-link {
  text-decoration: none;
  color: #0072bc;
}

.visits-ua-new-button {
  width: 150px;
  height: 30px;
  background-image: linear-gradient(to bottom, #1ba215 0%, #8ed58b 4%, #1ba215 10%, #1ba215 100%);
  border-radius: 3px;
  margin: auto;
  display: flex;
}

.visits-ua-new-button-text {
  width: 90px;
  height: 30px;
  color: #FFFFFF;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
}

.visits-ua-add-icon {
  width: 25px;
  height: 25px;
  background-image: url(designerimages/add_icon.png);
  background-repeat: no-repeat;
  float: left;
  margin: 6px 0px 0px 15px;
}

/* ----------------------------------------------------------------------------
   STYLING FOR KIT PAGE
---------------------------------------------------------------------------- */
.kits-input-group {
  float: left;
  text-align: center;
  margin-left: 5px;
  position: relative;
  top: 5px;
}

.kits-page-header-container {
  height: 50px;
}

.kits-page-content-container {
  display: flex;
  flex-wrap: wrap;
  width: auto;
  height: auto;
}

.kits-page-cards-container {
  overflow-y: auto;
  height: 600px;
  padding-top: 10px;
}

.kits-page-assistance-container {
  height: 660px;
}

/* ----------------------------------------------------------------------------
   STYLING FOR KIT USER ASSISTANCE
---------------------------------------------------------------------------- */
.kits-ua-icon {
  width: 183px;
  height: 165px;
  background-image: url(designerimages/Kits_UserAssistance.svg);
  background-repeat: no-repeat;
}

/* ----------------------------------------------------------------------------
   STYLING FOR KIT CARDS
---------------------------------------------------------------------------- */
.kit-card-h2 {
  font-size: 12px;
  font-weight: normal;
  max-width: 350px;
}

.kit-card-h3 {
  font-size: 14px;
  font-weight: bold;
}

.kit-card-h2, .kit-card-h3 {
  color: #000000;
  font-style: normal;
  line-height: 160%;
}

.kit-card-block {
  display: flex;
  flex-direction: column;
  width: 300px;
  min-height: 185px;
  background-color: #FFFFFF;
  border: #c4ced7 1px solid;
  float: left;
  margin: 3px;
}

.kit-card-block:hover {
  background-color: #f5f5f5;
}

.kit-card-block:active {
  background-color: #f5f5f5;
  border: #0063c9 2px solid;
  background-image: linear-gradient(to bottom, #fff 0%, #f1f3f4 5%, #e8ebed 50%, #e4e8ea 100%);
  margin: 2px;
}

.kit-card-block2 {
  width: 270px;
  height: 185px;
  background-color: #FFFFFF;
  border: #c4ced7 1px solid;
  float: left;
  margin: 3px;
}

.kit-card-block2:hover {
  background-color: #f5f5f5;
}

.kit-card-block2:active {
  background-color: #f5f5f5;
  border: #0063c9 2px solid;
  background-image: linear-gradient(to bottom, #fff 0%, #f1f3f4 5%, #e8ebed 50%, #e4e8ea 100%);
  margin: 2px;
}

.kit-card-header {
  display: flex;
  align-items: center;
  height: 40px;
  background-color: #f5f5f5;
  font-size: 14px;
  font-weight: bold;
  justify-content: space-between;
}

.kit-card-title {
  width: 70% !important;
  padding: 5px;
  float: left;
  margin: 6px;
}

.kit-card-editicon {
  margin: 0 5px 5px 5px;
}

.kit-card-header .oj-ux-ico-trash, .oj-ux-ico-edit, .oj-ux-ico-copy {
  cursor: pointer;
}

.kit-card-trashicon {
  width: 24px;
  height: 24px;
  background-image: url("common/Delete_default.svg");
  background-repeat: no-repeat;
  float: right;
  margin: 5px 5px 5px 5px;
  cursor: pointer;
}

.kit-card-trashicon:hover, .kit-card-trashicon.oj-hover {
  background-image: url("common/Delete_hover.svg");
}

.kit-icon, .VIAL, .OINTMENT, .OTHER, .SYRINGE, .INHALER, .INFUSION, .DEVICE, .BOX, .BOTTLE, .BLISTERPACK {
  width: 71.44px;
  height: 71.44px;
  background-repeat: no-repeat;
  float: left;
  margin: 0px 5px 60px 10px;
}

.BLISTERPACK {
  background-image: url(designerimages/kits/BlisterPack_kit.svg);
}

.BOTTLE {
  background-image: url(designerimages/kits/PillBottle_kit.svg);
}

.BOX {
  background-image: url(designerimages/kits/Box_kit.svg);
}

.DEVICE {
  background-image: url(designerimages/kits/Device_kit.svg);
}

.INFUSION {
  background-image: url(designerimages/kits/IV_kit.svg);
}

.INHALER {
  background-image: url(designerimages/kits/Inhaler_kit.svg);
}

.SYRINGE {
  background-image: url(designerimages/kits/Injection_kit.svg);
}

.OTHER {
  background-image: url(designerimages/kits/GenericKit_kit.svg);
}

.OINTMENT {
  background-image: url(designerimages/kits/TopicalOintment_kit.svg);
}

.VIAL {
  background-image: url(designerimages/kits/Vial_kit.svg);
}

.kit-card-content {
  padding: 5px;
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  flex-direction: row;
}
.kit-card-content .unblinded-icon {
  background-image: url(designerimages/Unblinded_Rand.svg);
  background-repeat: no-repeat;
  display: flex;
  padding: 1px;
  min-width: 21px;
  min-height: 21px;
  margin-left: 55px;
}
.kit-card-content .unblinded-pharmacist-icon {
  background-image: url(designerimages/unblinded_pharmacist.svg);
  background-repeat: no-repeat;
  display: flex;
  padding: 1px;
  width: 60%;
  height: 40%;
  background-size: 45%;
  margin-left: 68%;
}
.kit-card-content .unblinded-text {
  font-weight: bold;
  color: #AC630C;
}
.kit-card-content .icon-and-details {
  display: flex;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
.kit-card-content .icon-and-details .kit-icon, .kit-card-content .icon-and-details .BLISTERPACK, .kit-card-content .icon-and-details .BOTTLE, .kit-card-content .icon-and-details .BOX, .kit-card-content .icon-and-details .DEVICE, .kit-card-content .icon-and-details .INFUSION, .kit-card-content .icon-and-details .INHALER, .kit-card-content .icon-and-details .SYRINGE, .kit-card-content .icon-and-details .OTHER, .kit-card-content .icon-and-details .OINTMENT, .kit-card-content .icon-and-details .VIAL {
  margin: 0 10px;
  flex: 1 0 auto;
  min-width: 0px;
  min-height: 0px;
}
.kit-card-content .icon-and-details .kit-details {
  display: flex;
  flex: 1 1 100%;
  min-width: 0px;
  min-height: 0px;
  flex-direction: column;
}
.kit-card-content .kit-tabs {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}

/* ----------------------------------------------------------------------------
    STYLING FOR KIT DISPENSING
---------------------------------------------------------------------------- */
.dispense-dialog-header {
  border-bottom: 1px solid #c4ced7;
  background: #f0f0f0;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
  border-radius: 7px 7px 0px 0px;
}

.kittype {
  margin: 15px auto;
}

.kits-rand-ua-Ta-icon {
  width: 138px;
  height: 138px;
  background-image: url(designerimages/TreatmentArms_UserAssistance.svg);
  background-repeat: no-repeat;
  margin: auto;
}

.TITRATION-MINI {
  width: 30px;
  height: 30px;
  margin: 0px;
  float: left;
  background-image: url(designerimages/titrations/TitrationCard.svg);
  background-repeat: no-repeat;
}

.BLISTERPACK-MINI {
  width: 30px;
  height: 30px;
  margin: 0px;
  float: left;
  background-image: url(designerimages/kits/BlisterPack_kit.svg);
  background-repeat: no-repeat;
}

.BOTTLE-MINI {
  width: 30px;
  height: 30px;
  margin: 0px;
  float: left;
  background-image: url(designerimages/kits/PillBottle_kit.svg);
  background-repeat: no-repeat;
}

.BOX-MINI {
  width: 30px;
  height: 30px;
  margin: 0px;
  float: left;
  background-image: url(designerimages/kits/Box_kit.svg);
  background-repeat: no-repeat;
}

.DEVICE-MINI {
  width: 30px;
  height: 30px;
  margin: 0px;
  float: left;
  background-image: url(designerimages/kits/Device_kit.svg);
  background-repeat: no-repeat;
}

.INFUSION-MINI {
  width: 30px;
  height: 30px;
  margin: 0px;
  float: left;
  background-image: url(designerimages/kits/IV_kit.svg);
  background-repeat: no-repeat;
}

.INHALER-MINI {
  width: 30px;
  height: 30px;
  margin: 0px;
  float: left;
  background-image: url(designerimages/kits/Inhaler_kit.svg);
  background-repeat: no-repeat;
}

.SYRINGE-MINI {
  width: 30px;
  height: 30px;
  margin: 0px;
  float: left;
  background-image: url(designerimages/kits/Injection_kit.svg);
  background-repeat: no-repeat;
}

.OTHER-MINI {
  width: 30px;
  height: 30px;
  margin: 0px;
  float: left;
  background-image: url(designerimages/kits/GenericKit_kit.svg);
  background-repeat: no-repeat;
}

.OINTMENT-MINI {
  width: 30px;
  height: 30px;
  margin: 0px;
  float: left;
  background-image: url(designerimages/kits/TopicalOintment_kit.svg);
  background-repeat: no-repeat;
}

.VIAL-MINI {
  width: 30px;
  height: 30px;
  margin: 0px;
  float: left;
  background-image: url(designerimages/kits/Vial_kit.svg);
  background-repeat: no-repeat;
}

.BLISTERPACK-BROKEN {
  width: 30px;
  height: 30px;
  margin: 0px;
  float: left;
  background-image: url(designerimages/kits/BlisterPack_kit_broken.svg);
  background-repeat: no-repeat;
}

.BOTTLE-BROKEN {
  width: 30px;
  height: 30px;
  margin: 0px;
  float: left;
  background-image: url(designerimages/kits/PillBottle_kit_broken.svg);
  background-repeat: no-repeat;
}

.BOX-BROKEN {
  width: 30px;
  height: 30px;
  margin: 0px;
  float: left;
  background-image: url(designerimages/kits/Box_kit_broken.svg);
  background-repeat: no-repeat;
}

.DEVICE-BROKEN {
  width: 30px;
  height: 30px;
  margin: 0px;
  float: left;
  background-image: url(designerimages/kits/Device_kit_broken.svg);
  background-repeat: no-repeat;
}

.INFUSION-BROKEN {
  width: 30px;
  height: 30px;
  margin: 0px;
  float: left;
  background-image: url(designerimages/kits/IV_kit_broken.svg);
  background-repeat: no-repeat;
}

.INHALER-BROKEN {
  width: 30px;
  height: 30px;
  margin: 0px;
  float: left;
  background-image: url(designerimages/kits/Inhaler_kit_broken.svg);
  background-repeat: no-repeat;
}

.SYRINGE-BROKEN {
  width: 30px;
  height: 30px;
  margin: 0px;
  float: left;
  background-image: url(designerimages/kits/Injection_kit_broken.svg);
  background-repeat: no-repeat;
}

.OTHER-BROKEN {
  width: 30px;
  height: 30px;
  margin: 0px;
  float: left;
  background-image: url(designerimages/kits/GenericKit_kit_broken.svg);
  background-repeat: no-repeat;
}

.OINTMENT-BROKEN {
  width: 30px;
  height: 30px;
  margin: 0px;
  float: left;
  background-image: url(designerimages/kits/TopicalOintment_kit_broken.svg);
  background-repeat: no-repeat;
}

.VIAL-BROKEN {
  width: 30px;
  height: 30px;
  margin: 0px;
  float: left;
  background-image: url(designerimages/kits/Vial_kit_broken.svg);
  background-repeat: no-repeat;
}

/* ----------------------------------------------------------------------------
    STYLING FOR DEVICE TYPES
---------------------------------------------------------------------------- */
.ACTIVITYWATCH-DEVICE {
  margin: 0px 5px;
  float: left;
  background-image: url("designerimages/device/icon_activity_watch.svg");
  background-repeat: no-repeat;
}

.BLOODGLUCOSE-DEVICE {
  margin: 0px 5px;
  float: left;
  background-image: url("designerimages/device/icon_blood_glucose.svg");
  background-repeat: no-repeat;
}

.BLOODPRESSUREMONITOR-DEVICE {
  margin: 0px 5px;
  float: left;
  background-image: url("designerimages/device/icon_blood_pressure_monitor.svg");
  background-repeat: no-repeat;
}

.OTHER-DEVICE {
  margin: 0px 5px;
  float: left;
  background-image: url("designerimages/device/icon_device_general.svg");
  background-repeat: no-repeat;
}

.ECGREADER-DEVICE {
  margin: 0px 5px;
  float: left;
  background-image: url("designerimages/device/icon_ECG_reader.svg");
  background-repeat: no-repeat;
}

.MOBILEAPP-DEVICE {
  margin: 0px 5px;
  float: left;
  background-image: url("designerimages/device/icon_mobile_app.svg");
  background-repeat: no-repeat;
}

.PULSEOXIMETER-DEVICE {
  margin: 0px 5px;
  float: left;
  background-image: url("designerimages/device/icon_pulse_oximeter.svg");
  background-repeat: no-repeat;
}

.WEIGHTSCALE-DEVICE {
  margin: 0px 5px;
  float: left;
  background-image: url("designerimages/device/icon_scale.svg");
  background-repeat: no-repeat;
}

.SMARTPILLBOTTLE-DEVICE {
  margin: 0px 5px;
  float: left;
  background-image: url("designerimages/device/icon_smart_pill_bottle.svg");
  background-repeat: no-repeat;
}

.SPIROMETER-DEVICE {
  margin: 0px 5px;
  float: left;
  background-image: url("designerimages/device/icon_spirometerA.svg");
  background-repeat: no-repeat;
}

.WEARABLEPATCH-DEVICE {
  margin: 0px 5px;
  float: left;
  background-image: url("designerimages/device/icon_wearable_patch.svg");
  background-repeat: no-repeat;
}

.GLUCOSEMONITOR-DEVICE {
  margin: 0px 5px;
  float: left;
  background-image: url("designerimages/device/icon_blood_glucose.svg");
  background-repeat: no-repeat;
}

.unblinded-deviceType-icon {
  background-image: url(designerimages/Unblinded_Rand.svg);
  background-repeat: no-repeat;
  padding: 1px;
  min-width: 14px;
  min-height: 14px;
  margin: 0px 0px 0px 28px;
}

.unblinded-pharmacist-deviceType-icon {
  background-image: url(designerimages/unblinded_pharmacist.svg);
  background-repeat: no-repeat;
  padding: 1px;
  min-width: 66%;
  background-size: 60%;
  min-height: 40%;
  margin: 0px 0px 0px 28px;
}

.kittitle {
  padding-left: 10px;
  padding-right: 5px;
  float: left;
  max-width: 98% !important;
  margin-top: 7px;
}

.kitarmtitle {
  padding-left: 10px;
  padding-right: 5px;
  float: left;
  max-width: 85% !important;
  margin-top: 7px;
}

.txa-select {
  margin: 8px 0px 0px 10px;
  width: 200px;
}

.txa-arm-label {
  padding-top: 7px;
  padding-left: 120px;
}

.txa-description-block {
  padding: 3px 3px 3px 3px;
}

.txa-description-label {
  margin-bottom: 4px;
  font-size: 12px;
}

.txa-description-content {
  font-size: 12px;
  font-weight: bold;
  width: 80%;
}

.visits-global-col {
  font-size: 12px;
  font-weight: bold;
  height: 50px;
  background: linear-gradient(#f1f3f4, #e4e8ea);
  border-top: #c4ced7 1px solid;
  border-bottom: #c4ced7 1px solid;
}

.kit-visits-assign-col {
  border-bottom: #d6dfe6 1px solid;
  height: 35px;
  font-size: 12px;
}

.kit-visits-checkbox {
  margin-right: 5px;
  float: left;
}

.kit-visits-input {
  width: 75px;
  margin-top: 2px;
  height: 20px;
  border-radius: 3px;
  border: #c4ced7 1px solid;
  padding-left: 8px;
}

/* ----------------------------------------------------------------------------
   STYLING FOR RANDOMIZATION PAGE
---------------------------------------------------------------------------- */
.rand-page-header-container {
  height: 50px;
}

.rand-page-content-container {
  height: 0px;
}

.rand-page-cards-container {
  overflow-y: auto;
  height: auto;
  padding: 10px 0px;
}

.rand-page-assistance-container {
  height: 660px;
}

.rand-page-input-group {
  float: left;
  text-align: center;
  margin-left: 5px;
  position: relative;
  top: 5px;
}

/* ----------------------------------------------------------------------------
   STYLING FOR TREATMENT CARDS
---------------------------------------------------------------------------- */
.arm-card-h2 {
  font-size: 12px;
  font-weight: normal;
}

.arm-card-h3 {
  font-size: 14px;
  font-weight: bold;
}

.arm-card-h4 {
  font-size: 12px;
  font-weight: normal;
}

.arm-card-h2, .rand-card-h3, .rand-card-h4 {
  color: #000000;
  font-style: normal;
  line-height: 120%;
}

.arm-card-block {
  width: 300px;
  height: 125px;
  background-color: #FFFFFF;
  border: #c4ced7 1px solid;
  float: left;
  margin: 3px;
}

.arm-card-block:hover {
  background-color: #f5f5f5;
}

.arm-card-block:active {
  background-color: #f5f5f5;
  border: #0063c9 1px solid;
  background-image: linear-gradient(to bottom, #fff 0%, #f1f3f4 5%, #e8ebed 50%, #e4e8ea 100%);
  margin: 2px;
}

.arm-card-header {
  height: 30px;
  background-color: #f5f5f5;
  font-size: 14px;
  font-weight: bold;
  color: #0572ce;
}

.arm-card-title {
  width: 50%;
  padding: 5px;
  float: left;
}

.arm-card-edit-icon {
  width: 20px;
  height: 20px;
  float: right;
  margin: 5px 5px 0px 0px;
}

.arm-card-content {
  height: 75%;
  margin: 10px 5px 0px 0px;
}

.arm-card-trashicon {
  width: 24px;
  height: 24px;
  background-image: url(designerimages/trash_rand_icon.png);
  background-repeat: no-repeat;
  float: right;
  margin: 3px 3px 0px 0px;
}

.arm-card-editicon {
  width: 24px;
  height: 24px;
  background-image: url(designerimages/edit_rand_icon.png);
  background-repeat: no-repeat;
  float: right;
  margin: 3px 3px 0px 0px;
}

.arm-card-typeicon {
  width: 90px;
  height: 75px;
  background-image: url(designerimages/democohort_icon.png);
  background-repeat: no-repeat;
  float: left;
  margin: 0px 5px 80px 10px;
}

.oj-label-required-icon, .oj-label-help-icon {
  float: inherit;
}

/* ----------------------------------------------------------------------------
   STYLING FOR RANDOMIZATION USER ASSISTANCE
---------------------------------------------------------------------------- */
.rand-ua-container {
  width: 600px;
  height: 350px;
  margin: auto;
}

.rand-ua-Ta-icon {
  width: 183px;
  height: 138px;
  background-image: url(designerimages/TreatmentArms_UserAssistance.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.rand-ua-icon {
  width: 183px;
  height: 138px;
  background-image: url(designerimages/Randomization_UserAssistance.svg);
  background-repeat: no-repeat;
}

.rand-ua-h1 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 200%;
}

.rand-ua-h2 {
  font-size: 14px;
  text-align: center;
  line-height: 140%;
}

.rand-ua-h3 {
  font-size: 12px;
  color: #0072bc;
  font-weight: bold;
  text-align: center;
  line-height: 300%;
}

.rand-ua-link {
  text-decoration: none;
  color: #0072bc;
  font-weight: bold;
  cursor: pointer;
  font-size: 12px;
}

.rand-ua-link:hover, .rand-ua-link:visited, .rand-ua-link:active {
  text-decoration: none;
  font-weight: bold;
}

.rand-ua-new-button {
  width: 260px;
  height: 30px;
  background-image: linear-gradient(to bottom, #1ba215 0%, #8ed58b 4%, #1ba215 10%, #1ba215 100%);
  border-radius: 3px;
  margin: auto;
  display: flex;
}

.rand-ua-new-button:hover {
  background-image: linear-gradient(to bottom, #1ba215 0%, #8ed58b 4%, #1ba215 80%, #1ba215 100%);
}

.rand-ua-new-button:active {
  background: linear-gradient(#1ba215, #8ed58b 96%, #1ba215); /* Standard syntax (must be last) */
}

.rand-ua-new-button-text {
  width: 200px;
  height: 30px;
  color: #FFFFFF;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
}

.rand-ua-add-icon {
  width: 25px;
  height: 25px;
  background-image: url(images/add_icon.png);
  background-repeat: no-repeat;
  float: left;
  margin: 6px 0px 0px 15px;
}

.arm-ua-icon {
  width: 183px;
  height: 138px;
  background-image: url(designerimages/TreatmentArms_UserAssistance.svg);
  background-repeat: no-repeat;
  margin: auto;
}

/* ----------------------------------------------------------------------------
   STYLING FORMS PAGE
---------------------------------------------------------------------------- */
.forms-page-count-label {
  font-size: 12px;
}

.forms-page-total-count {
  font-size: 40px;
  text-align: center;
  color: #145c9e;
}

.forms-page-completed-count {
  font-size: 40px;
  text-align: center;
  color: green;
}

.forms-page-completed-sort {
  width: 24px;
  height: 24px;
  background-image: url(designerimages/completedArrow.png);
  background-repeat: no-repeat;
}

.forms-page-verified-count {
  font-size: 40px;
  text-align: center;
  color: blue;
}

.forms-page-verified-sort {
  width: 24px;
  height: 24px;
  background-image: url(designerimages/varifiedArrow.png);
  background-repeat: no-repeat;
}

.forms-page-locked-count {
  font-size: 40px;
  text-align: center;
  color: black;
}

.forms-page-locked-sort {
  width: 24px;
  height: 24px;
  background-image: url(designerimages/lockedArrow.png);
  background-repeat: no-repeat;
}

.forms-page-summary-group {
  float: left;
  font-size: 8px;
  text-align: center;
  margin-left: 15px;
}

.forms-page-input-group {
  float: left;
  text-align: center;
  margin-left: 5px;
  position: relative;
  top: 5px;
}

.forms-page-one-section {
  background-size: 25px;
  background-repeat: no-repeat;
  margin: 5px 0px 0px 0px;
  min-width: 30px;
  height: 30px;
  background-image: url(designerimages/Standard_Form.svg);
}

.forms-page-two-section {
  background-size: 25px;
  background-repeat: no-repeat;
  margin: 5px 0px 0px 0px;
  min-width: 30px;
  height: 30px;
  background-image: url(designerimages/Repeating_Section_Form.svg);
}

.forms-page-labForm-section {
  background-size: 25px;
  background-repeat: no-repeat;
  margin: 5px 0px 0px 0px;
  min-width: 30px;
  height: 30px;
  background-image: url(designerimages/Lab_Form.svg);
}

.forms-page-option {
  padding-left: 10px;
}

.forms-page-header-container {
  height: 70px;
}

.forms-page-content-container {
  height: 0px;
}

.forms-page-cards-container {
  overflow-y: auto;
  height: 590px;
  padding-top: 10px;
}

.forms-page-assistance-container {
  height: 660px;
}

/* ----------------------------------------------------------------------------
   STYLING FOR FORM CARD
---------------------------------------------------------------------------- */
.form-card-block {
  width: 200px;
  height: 30px;
  background-color: #FFFFFF;
  border: #c4ced7 1px solid;
  float: left;
  margin: 3px;
}

.form-card-titleblock {
  width: 220px;
  height: 30px;
  background-image: linear-gradient(to bottom, #fff 0%, #f1f3f4 5%, #e8ebed 50%, #e4e8ea 100%);
  border-radius: 3px;
  border: #C4CED7 1px solid;
  box-shadow: 1px 1px 3px 0px #ccc;
  font-size: 12px;
  padding: 10px;
  margin: 4px;
  float: left;
  align-items: center;
}

.form-card-title {
  width: 100%;
  float: left;
  flex-direction: column;
}

.form-card-functionicon {
  width: 24px;
  height: 24px;
  float: left;
}

.form-card-editicon {
  width: 24px;
  height: 24px;
  background-image: url(designerimages/edit_icon.png);
  background-repeat: no-repeat;
  float: left;
}

.form-card-lockicon {
  width: 24px;
  height: 24px;
  background-image: url(designerimages/lock_icon.png);
  background-repeat: no-repeat;
  float: left;
}

.form-card-waitingapprovalicon {
  width: 24px;
  height: 24px;
  background-image: url(designerimages/waitingapproval_icon.png);
  background-repeat: no-repeat;
  float: left;
}

.form-card-approvedicon {
  width: 24px;
  height: 24px;
  background-image: url(designerimages/approved_icon.png);
  background-repeat: no-repeat;
  float: left;
}

/* ----------------------------------------------------------------------------
   STYLING FOR FORMS USER ASSISTANCE
---------------------------------------------------------------------------- */
.forms-ua-container {
  width: 400px;
  height: 450px;
  margin: auto;
}

.forms-ua-icon {
  width: 129px;
  height: 154px;
  background-image: url(designerimages/Forms_UserAssistance.svg);
  background-repeat: no-repeat;
  margin: auto;
}

.forms-ua-h1 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 300%;
}

.forms-ua-h2 {
  font-size: 14px;
  text-align: center;
  line-height: 140%;
  font-style: initial;
}

.forms-ua-h3 {
  font-size: 12px;
  color: #0072bc;
  font-weight: bold;
  text-align: center;
  line-height: 300%;
  cursor: pointer;
}

.forms-ua-link {
  text-decoration: none;
  color: #0072bc;
  font-weight: bold;
  cursor: pointer;
}

.forms-ua-new-button {
  width: 150px;
  height: 30px;
  background-image: linear-gradient(to bottom, #1ba215 0%, #8ed58b 4%, #1ba215 10%, #1ba215 100%);
  border-radius: 3px;
  margin: auto;
  display: flex;
  cursor: pointer;
}

.forms-ua-new-button-text {
  width: 90px;
  height: 30px;
  color: #FFFFFF;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
}

.forms-ua-add-icon {
  width: 25px;
  height: 25px;
  background-image: url(designerimages/add_icon.png);
  background-repeat: no-repeat;
  float: left;
  margin: 6px 0px 0px 15px;
}

/* ----------------------------------------------------------------------------
   Study Details
---------------------------------------------------------------------------- */
.study-details-header {
  height: 100px;
}

.study-details-button {
  height: 40px;
}

.studies-details-line-block {
  padding-top: 5px;
  padding-bottom: 5px;
}

.studies-details-button-block {
  padding-top: 10px;
  padding-bottom: 0px;
}

.study-details-content {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.study-details-accordian-content {
  /*border:0.5px solid #aaaaaa;*/
  height: 625px;
}

.study-details-accordian-group-header {
  font-size: 10px;
}

.study-details-accordion-draft-content {
  height: 210px;
  overflow-y: auto;
}

.study-details-accordion-approved-content {
  height: 120px;
  overflow-y: auto;
}

.study-details-accordion-retired-content {
  height: 120px;
  overflow-y: auto;
}

.study-details-input-group {
  float: left;
  text-align: center;
  margin-left: 5px;
}

.ec-panel-shadow {
  box-shadow: 3px 3px 2px #888888;
}

.ec-panel-study {
  border: 0px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.ec-panel-itegrations {
  border: 0px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 25px;
  margin-bottom: 0px;
}

.ec-panel-documents {
  border: 0px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 0px;
  margin-bottom: 5px;
}

.ec-panel-user-access {
  border: 0px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 25px;
  margin-bottom: 5px;
}

.ec-panel-accordian {
  border-bottom: 0px;
}

/* ----------------------------------------------------------------------------
   Study Summary
---------------------------------------------------------------------------- */
.study-summary-page-summary-group {
  float: right;
  font-size: 12px;
  text-align: center;
  margin-left: 15px;
}

.study-summary-page-forms-count {
  font-size: 50px;
  text-align: center;
  color: #145c9e;
}

.study-summary-page-randomization-count {
  font-size: 50px;
  text-align: center;
  color: green;
}

.study-summary-page-kits-count {
  font-size: 50px;
  text-align: center;
  color: blue;
}

/* ----------------------------------------------------------------------------
   ORS Runtime
---------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------
   STYLING FOR KIT CARDS
---------------------------------------------------------------------------- */
.common-card-h2 {
  font-size: 12px;
  font-weight: normal;
}

.common-card-h3 {
  font-size: 14px;
  font-weight: bold;
}

.common-card-h2, .common-card-h3 {
  color: #000000;
  font-style: normal;
  line-height: 160%;
}

.common-card-block {
  width: 320px;
  height: 180px;
  background-color: #FFFFFF;
  border: #c4ced7 1px solid;
  float: left;
  margin: 3px;
}

.common-card-block:active {
  border: #0063c9 2px solid;
  margin: 2px;
}

.common-card-header {
  min-height: 30px;
  background-color: #f5f5f5;
  font-size: 14px;
  font-weight: bold;
  display: flex;
}
.common-card-header .oc-icon {
  margin: 0 3px;
}

.common-card-title {
  width: 50%;
  padding: 5px;
  float: left;
}

.common-card-editicon {
  width: 24px;
  height: 24px;
  background-image: url(designerimages/edit_rand_icon.png);
  background-repeat: no-repeat;
  margin: 5px 5px 0px 0px;
}

.common-card-trashicon {
  width: 24px;
  height: 24px;
  background-image: url(designerimages/trash_rand_icon.png);
  background-repeat: no-repeat;
  margin: 5px 5px 0px 0px;
}

.common-card-typeicon {
  width: 80px;
  height: 75px;
  background-image: url(designerimages/blisterpack_icon.png);
  background-repeat: no-repeat;
  float: left;
  margin: 0px 5px 50px 10px;
}

.common-card-content {
  clear: both;
  box-sizing: border-box;
}

.common-card-row-trashicon {
  width: 24px;
  height: 24px;
  background-image: url(designerimages/trash_rand_icon.png);
  background-repeat: no-repeat;
  float: left;
  margin: 1px 1px 1px 1px;
}

/* ----------------------------------------------------------------------------
   STYLING ACCORDION
---------------------------------------------------------------------------- */
.accordian-header-text {
  font-size: 10px;
}

.ors-runtime-accordian-style {
  height: 788px;
  /*border:0.5px solid #aaaaaa;*/
  background-color: #FFFFFF;
}

.ors-runtime-accordion-minmax-groups-content {
  overflow-y: auto;
  max-height: 500px;
  height: auto !important;
}

.ors-runtime-accordion-predictive-groups-content {
  overflow-y: auto;
  max-height: 500px;
  height: auto !important;
}

.ors-runtime-accordion-label-groups-content {
  overflow-y: auto;
  max-height: 500px;
  height: auto !important;
}

.ors-runtime-accordion-blinded-groups-content {
  overflow-y: auto;
  max-height: 500px;
  height: auto !important;
}

/* ----------------------------------------------------------------------------
   STYLING ACCORDIN
---------------------------------------------------------------------------- */
.accordian-header-text {
  font-size: 10px;
}

.obd-design-accordian-style {
  height: 778px;
  /*border:0.5px solid #aaaaaa;*/
  background-color: #FFFFFF;
}

.orsr-settings-control {
  height: 60px;
}

/* ----------------------------------------------------------------------------

---------------------------------------------------------------------------- */
/*
th, td {
    border-bottom: 1px solid #ddd;
    background-color: #ffffff;
}

tr:hover {background-color: #f5f5f5};
*/
.obdi-study-versions-table {
  width: 375px;
  padding: 10px;
}

.obdi-study-versions-h1 {
  font-size: 14px;
  color: #000000;
  text-decoration: none;
}

.obdi-study-versions-newicon {
  width: 25px;
  height: 25px;
  background: url(designerimages/new_import_ico.png);
  background-repeat: no-repeat;
}

.obdi-study-versions-removeicon {
  width: 25px;
  height: 25px;
  background: url(designerimages/removed_import_ico.png);
  background-repeat: no-repeat;
}

.obdi-study-versions-changedicon {
  width: 25px;
  height: 25px;
  background: url(designerimages/change_import_ico.png);
  background-repeat: no-repeat;
}

.obdi-study-versions-newdigit {
  font-size: 14px;
  font-weight: bold;
  color: #287720;
  margin: 5px;
}

.obdi-study-versions-removeddigit {
  font-size: 14px;
  font-weight: bold;
  color: #cb2026;
  margin: 5px;
}

.obdi-study-versions-changeddigit {
  font-size: 14px;
  font-weight: bold;
  color: #0063c9;
  margin: 5px;
}

.obdi-study-versions-acceptedlabel {
  font-size: 14px;
  font-weight: bold;
}

.obdi-study-versions-accepteddigit {
  font-size: 14px;
  font-weight: bold;
  color: #cb2026;
}

.obdi-study-versions-rejectedlabel {
  font-size: 14px;
  font-weight: bold;
}

.obdi-study-versions-rejecteddigit {
  font-size: 14px;
  font-weight: bold;
  color: #0063c9;
}

.anchor-icon {
  width: 16px;
  height: 16px;
  background: url(designerimages/anchor_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.oj-choice-row-inline-dialog-header {
  vertical-align: middle;
  padding-left: 10px;
}

.oj-choice-row-inline-dialog-header #dialog-header-label {
  margin-right: 5px;
  font-weight: normal;
  font-size: 15px;
}

.oj-label-inline-dialog-header {
  color: #045FAB;
  margin-top: 0px;
  width: 100px;
  vertical-align: middle;
}

.oj-dialog-title-rightbahave {
  float: right;
  padding-top: 5px;
}

.oj-dialog-title-rightbahave > .oj-fwk-icon {
  margin-right: 10px;
}

.ec-common-truncate {
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.multiline-truncate {
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: break-spaces;
}

.ec-common-truncate-error {
  position: relative;
  top: 10px;
  vertical-align: top;
}

html:not([dir=rtl]) .oj-table-column-header-cell {
  text-align: center;
}

.ec-formscard-title {
  font-weight: bold;
}

.ratio-input-area {
  width: 3.286rem;
  display: inline-block;
  text-align: center;
}

.visit-summary-treatment-arm-container {
  width: 300px;
  height: auto;
  background-color: #F1F3F3;
  float: left;
  margin: 3px;
  border: #DAE0E7 solid 1px;
}

.visit-summary-treatment-arm-container-new {
  width: 215px;
  height: 100%;
  border: #c4ced7 1px solid;
}

.visit-summary-treatment-arm-container-new:hover {
  background-color: #f5f5f5;
  border: #0063c9 1px solid;
  background-image: linear-gradient(to bottom, #fff 0%, #f1f3f4 5%, #e8ebed 50%, #e4e8ea 100%);
}

/* line 1911, ../scss/oc/_old_designercss.scss */
.visit-summary-treatment-arm-header {
  color: #0572ce;
  font-size: 15px;
  font-weight: bold;
  display: inline;
}

.cancelicon {
  width: 12px;
  height: 12px;
  background-image: url(designerimages/remove_form.png);
  background-size: contain;
  background-repeat: no-repeat;
  align-self: center;
  filter: grayscale(100%);
  float: right;
}

.treatment-arm-addicon {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  float: right;
  margin: 10px 3px 0px 0px;
  color: rgb(22, 21, 19);
}

.visit-summary-kit-popup-row {
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 5px;
  width: 150px;
}

.visit-summary-kit-popup-row:hover {
  background-color: #045FAB;
}

.visit-summary-kit-popup-icon {
  width: 30px;
  height: 30px;
  margin: 0px;
  float: left;
  background-repeat: no-repeat;
}

.visit-summary-kit-popup-row:hover div {
  filter: invert(1);
}

.kit-op-link {
  display: block;
  margin-top: 5px;
  margin-left: 40px;
  color: #000000;
  font-weight: bold;
}

.visit-summary-kit-popup-row:hover a {
  color: #FFFFFF;
  text-decoration: none;
}

.edit-arm-popup {
  width: 150px;
}

.treatment-arm-editicon {
  width: 20px;
  height: 20px;
  background-image: url(common/Edit_default.svg);
  background-repeat: no-repeat;
  float: right;
  margin: 10px 5px 5px 0px;
  background-size: contain;
}

.treatment-arm-editicon:hover {
  background-image: url(common/Edit_hover.svg);
}

.treatment-arm-trashicon {
  width: 20px;
  height: 20px;
  background-image: url(designerimages/trash_rand_icon.png);
  background-repeat: no-repeat;
  float: right;
  margin: 8px 8px 0px 0px;
  background-size: contain;
}

.treatmentarm-kit-card-title {
  width: 100%;
  line-height: 40px;
  float: left;
  color: #00688C;
}

.treatmentarm-kit-card-title span {
  padding-left: 5px;
}

.treatment-arm-title {
  line-height: 40px;
}

.visit-summary-trashicon {
  width: 20px;
  height: 20px;
  background-image: url(common/Delete_default.svg);
  background-size: contain;
  background-repeat: no-repeat;
  float: left;
  margin: 5px 3px 0px 0px;
}

.hightlight-ratio {
  background-color: #e6edfd;
}

/* ----------------------------------------------------------------------------
   STYLING FOR CREATE VISIT USER ASSISTANCE
---------------------------------------------------------------------------- */
.visit-ua-container {
  width: 100%;
  height: 350px;
  margin: auto;
}

.createVisitButton {
  position: fixed;
  right: 35px;
}

.visit-ua-append-icon {
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  border-radius: 3px;
  margin: auto;
  display: flex;
  border: 0px;
  border-radius: 16px;
  float: right;
  background-image: url(designerimages/AddButton_visitstructure_default.svg);
}
.visit-ua-append-icon:hover {
  background-image: url(designerimages/AddButton_visitstructure_hover.svg);
}
.visit-ua-append-icon:active {
  background-image: url(designerimages/AddButton_visitstructure_active.svg);
}
.visit-ua-append-icon.disabledBtn {
  opacity: 0.4;
  filter: alpha(opacity=40); /* msie */
}
.visit-ua-append-icon.disabledBtn:hover {
  background-image: url(designerimages/AddButton_visitstructure_default.svg);
}
.visit-ua-append-icon.disabledBtn:active {
  background-image: url(designerimages/AddButton_visitstructure_default.svg);
}

.visit-ua-append-icon-reporting {
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  border-radius: 3px;
  margin: auto;
  display: flex;
  border: 0px;
  border-radius: 16px;
  float: left;
  background-image: url(designerimages/AddButton_visitstructure_default.svg);
}
.visit-ua-append-icon-reporting:hover {
  background-image: url(designerimages/AddButton_visitstructure_default.svg);
}
.visit-ua-append-icon-reporting:active {
  background-image: url(designerimages/AddButton_visitstructure_default.svg);
}

.visit-ua-icon {
  width: 138px;
  height: 138px;
  background-image: url(designerimages/Visits_UserAssistance_3.svg);
  background-repeat: no-repeat;
}

.visit-ua-h1 {
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  line-height: 140%;
  margin-bottom: 15px;
}

.visit-ua-h2 {
  font-size: 14px;
  text-align: center;
  line-height: 140%;
}

.visit-ua-h3 {
  font-size: 12px;
  color: #0072bc;
  font-weight: bold;
  text-align: center;
  line-height: 300%;
}

.visit-ua-link {
  text-decoration: none;
  color: #0072bc;
}

.visit-ua-new-button {
  width: 200px;
  height: 30px;
  background-image: linear-gradient(to bottom, #1ba215 0%, #8ed58b 4%, #1ba215 10%, #1ba215 100%);
  border-radius: 3px;
  margin: auto;
  display: flex;
}

.visit-ua-new-button:hover {
  background-image: linear-gradient(to bottom, #1ba215 0%, #8ed58b 4%, #1ba215 80%, #1ba215 100%);
}

.visit-ua-new-button:active {
  background: linear-gradient(#1ba215, #8ed58b 96%, #1ba215); /* Standard syntax (must be last) */
}

.visit-ua-new-button-text {
  width: 100px;
  height: 30px;
  color: #FFFFFF;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
}

.visit-ua-add-icon {
  width: 25px;
  height: 25px;
  background-image: url(designerimages/visit_add_icon.png);
  background-repeat: no-repeat;
  float: left;
  margin: 6px 0px 0px 30px;
}

.visit-ua-pointer {
  cursor: pointer;
}

.ec-dialog-header {
  padding: 0 0.8571rem 0 0.8571rem;
}

html:not([dir=rtl]) .ec-dialog-title {
  padding-bottom: 0.4rem;
  padding-right: 0;
}

.oj-dialog-title-rightbahave > .ec-dialog-cross {
  margin-right: 0;
}

.visit-radioset {
  /*margin-top: 0.45em;*/
}

.row-visit-title {
  margin-bottom: 10px;
  min-width: 680px;
}

.flex-column {
  flex-direction: column;
}

.ecd-subjects-subjectsicon {
  width: 183px;
  height: 165px;
  background-image: url(images/ua_icon_users.png);
  background-repeat: no-repeat;
  margin: auto;
}

.ecd-subjects-searchIcon {
  width: 100px;
  height: 100px;
  background-image: url(subjectimages/NoResults.svg);
  background-repeat: no-repeat;
  margin: auto;
}

.ecd-subjects-ClearFilterIcon {
  width: 100px;
  height: 100px;
  background-image: url(subjectimages/ClearFilter.svg);
  background-repeat: no-repeat;
  margin: auto;
}

.ecd-subjects-nosearch {
  padding-top: 10px;
}

.ecd-subjects-container {
  border: #e2e9eb 1px solid;
  margin-left: 10px;
  margin-right: 10px;
  overflow: auto;
}

.subject-details-ua-icon {
  width: 90px;
  height: 120px;
  background-image: url(subjectimages/info-icon.png);
  background-repeat: no-repeat;
  margin: auto;
}

.subject-details-ua-container {
  padding-top: 100px;
}

.edcNoSubjectContainer {
  height: 727px;
}

.ecd-subjects-container {
  height: 730px;
}

/*STUDY ASSISTANCE MESSAGE*/
/* ----------------------------------------------------------------------------
   STYLING FOR CREATE VISIT USER ASSISTANCE
---------------------------------------------------------------------------- */
.study-ua-container {
  width: 100%;
  height: 350px;
  margin: auto;
}

.study-ua-icon {
  width: 183px;
  height: 194px;
  background-image: url(landingpageimages/uaicon_studies.png);
  background-repeat: no-repeat;
}

/*STUDY ASSISTANCE MESSAGE END*/
.edc-sidebar {
  /*border:0.5px solid #aaaaaa;*/
  background-color: #FFFFFF;
}

.add-cm-icon {
  content: url(subjectimages/AddSubject_button.png);
  -webkit-filter: invert(1);
  -webkit-filter: grayscale(75%);
  width: 12px;
  height: 12px;
  background-size: contain;
  background-repeat: no-repeat;
  align-self: center;
  display: inline;
}

.forms-list-form-hover > li.oj-focus {
  background-color: #e4f0fa;
}

.form-list-li-disable {
  opacity: 0.2;
  pointer-events: none;
}

.subject-avatar-icon {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
  width: 40px;
  height: 40px;
  top: 10%;
  left: 12%;
  z-index: 99;
}

.subject-success-icon {
  width: 70px;
  height: 70px;
  background-image: url(subjectimages/subject-success.png);
  background-repeat: no-repeat;
  margin: auto;
  margin-top: 100px;
  padding-bottom: 15px;
}

.go-back-icon {
  width: 16px;
  height: 16px;
  background-image: url(subjectimages/go-back.png);
  background-repeat: no-repeat;
  padding-right: 5px;
}

.go-back-listing {
  display: flex;
  font-size: 12px;
  color: #464646;
  padding-right: 15px;
  cursor: pointer;
  align-items: center;
}

.ec-tip-icon {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(designerimages/Tip_Lightbulb.svg);
}

.ors-kits-depot-alert {
  color: #ff0000;
}

.ors-kit-types-stats {
  color: #0000ff;
  text-align: center !important;
  font-weight: bold;
}

.ors-kit-types-desc {
  padding-left: 10px;
  padding-top: 5px;
  font-size: 11.5px;
}

.ors-kit-types-name {
  font-weight: bold;
  padding-left: 10px;
}

.ors-kit-status {
  height: 20px;
  margin: 0px;
  background-position: center;
  background-repeat: no-repeat;
}

.ors-kit-num-stats {
  text-align: center !important;
}

.ors-kit-inventory > .oj-table {
  width: 100%;
}

.bold-text {
  font-weight: bold;
}

.label-style-custom {
  margin-bottom: 0.25rem;
  min-width: -moz-max-content;
  min-width: max-content;
}

.subject-bold-text-color {
  color: rgba(0, 0, 0, 0.8) !important;
}
.subject-bold-text-color label {
  font-weight: normal !important;
}

.bold-text > .subject-bold-text-color label {
  font-weight: normal !important;
}

.bold-text div > .subject-bold-text-color label {
  font-weight: normal !important;
}

.form-status-complete {
  background-image: url(formimages/Form_Complete_New.svg);
}

.form-list-li .form-list-li-span {
  width: 80%;
  line-height: 1.3;
  font-size: 12px;
}

.form-status-incomplete {
  background-image: url(formimages/Form_Incomplete.svg);
}

.form-status-error {
  background-image: url(formimages/Form_Error.svg);
}

.form-status-inprogress {
  background-image: url(formimages/Form_Inprogress.svg);
}

.form-status-common {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  /* padding-right: 5px; */
  margin-right: 5px;
  background-size: contain;
}

.form-items-flex-container input[type=text]:focus {
  box-shadow: 0 0 5px #0572ce;
  border: 1px solid #0572ce;
}

.form-items-flex-container textarea:focus {
  box-shadow: 0 0 5px #0572ce;
  border: 1px solid #0572ce !important;
}

.screening-initiated-dialog {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.screening-initiated-dialog .screening-initiated-texts {
  text-align: center;
}

.screening-initiated-dialog .screening-initiated-texts span {
  display: inline-block;
  padding-bottom: 10px;
}

.screening-initiated-dialog .screening-initiated-texts span:last-child {
  font-weight: bold;
}

.screening-initiated-dialog .screening-initiated-image {
  content: url(subjectimages/screening-initiated.png);
  height: 70px;
  width: 70px;
  padding-bottom: 10px;
}

.subject-list-subject-status {
  font-size: 11px;
}

.subject-list-subject-number {
  font-size: 15px;
  font-weight: bold;
}

.subject-list-checkbox {
  position: absolute;
  top: 40%;
  left: 3%;
}

.subject-list-next-visits {
  display: flex;
  justify-content: center;
}

.subject-height-calc {
  height: calc(100vh - 55%);
}

.treatment-arm-addicon {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 10px 3px 0px 0px;
  color: rgb(22, 21, 19);
}

.kit-nonrand-addicon {
  width: 20px;
  height: 20px;
  background-image: url(designerimages/PlusSign.svg);
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0px 5px 0px 5px;
  opacity: 0.3;
}

.treatment-arm-editicon-test {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  margin: 10px 3px 0px 0px;
  background-size: contain;
  color: rgb(22, 21, 19);
  cursor: pointer;
}

.treatment-arm-viewicon:hover {
  background-image: url(designerimages/viewicon_hover.png);
}

.treatment-arm-viewicon {
  width: 20px;
  height: 20px;
  background-image: url(designerimages/viewicon.png);
  background-repeat: no-repeat;
  margin: 10px 5px 5px 0px;
  background-size: contain;
  cursor: pointer;
}

.treatment-arm-viewicon-v2:hover {
  background-image: url(designerimages/readonly_hover.svg);
}

.treatment-arm-viewicon-v2 {
  width: 20px;
  height: 20px;
  background-image: url(designerimages/readonly.svg);
  background-repeat: no-repeat;
  margin: 10px 5px 5px 0px;
  background-size: contain;
  cursor: pointer;
}

.visit-dtls-forms-up-sort {
  width: 24px;
  height: 24px;
  background-image: url(designerimages/VisitDtls_uparrow_default.png);
  background-repeat: no-repeat;
}
.visit-dtls-forms-up-sort:hover {
  background-image: url(designerimages/VisitDtls_uparrow_hover.png);
}
.visit-dtls-forms-up-sort.disabled {
  background-image: url(designerimages/VisitDtls_uparrow_disabled.png);
}

.visit-dtls-forms-down-sort {
  width: 24px;
  height: 24px;
  background-image: url(designerimages/VisitDtls_downarrow_default.png);
  background-repeat: no-repeat;
}
.visit-dtls-forms-down-sort:hover {
  background-image: url(designerimages/VisitDtls_downarrow_hover.png);
}
.visit-dtls-forms-down-sort.disabled {
  background-image: url(designerimages/VisitDtls_downarrow_disabled.png);
}

.rightActions .messageContainer {
  display: flex;
  padding: 0 15px;
}

.showNotification {
  position: relative;
  display: -webkit-box;
  flex-direction: row;
  background-color: #ebfae4;
  margin: 2px;
  padding: 15px;
  border-radius: 5px;
}

.rightActions .showMessage {
  display: flex;
  padding: 0 15px;
}

.rightActions .showMessage .showDupMessage {
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position-y: center;
  transition: opacity 0.5s ease;
  display: flex;
  align-self: center;
}

.rightActions .showMessage .showDupMessage.duplicate {
  background-image: url("images/save_successful_icon.png");
}

.rightActions .showMessage .filterName-icon {
  display: flex;
  width: 45px;
  justify-content: center;
  align-items: center;
}
.rightActions .showMessage .filterName-icon .filterName-Initials {
  font-size: 10px;
  height: 17px;
  width: 17px;
  border: 1px solid;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.rightActions .showMessage .lock-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background-size: 24px;
  background-repeat: no-repeat;
  background-image: url(images/Locked.svg);
}

.showObjectNotification {
  position: relative;
  display: -webkit-box;
  flex-direction: row;
  background-color: #89294C;
  padding: 15px;
  align-items: center;
  color: #ffffff;
}

.rightActions .messageContainer .saveMessage {
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position-y: center;
  transition: opacity 0.5s ease;
  display: flex;
  align-self: center;
}

.rightActions .messageContainer .saveMessage.success {
  color: #3caf85;
  background-image: url("images/save_successful_icon.png");
}

.formDeleteDialog .messageContainer {
  word-wrap: break-word;
}

.formDeleteDialog .messageContainer ul {
  list-style: none;
  padding-left: 0;
}

.formDeleteDialog .messageContainer ul li {
  margin: 10px 0;
  line-height: 1;
}

.mini-icon {
  height: 30px;
  width: 30px;
  margin: 0px;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Dec 10, 2015, Dec 10, 2015 6:48:40 PM
    Author     : ketucker
*/
/*
@import url('obd-design.css');
@import url('ors-design.css');
@import url('ors-runtime.css');
@import url('edc-design.css');
*/
.obd-common-page-header {
  height: 50px;
}

.obd-common-page-content-header {
  height: 50px;
}

.obd-common-page-content {
  height: 0px;
}

.obd-common-page-content-container {
  overflow-y: auto;
  height: 660px;
  padding-top: 15px;
}

.obd-common-page-assistance-container {
  height: 660px;
}

.orsr-common-page-content-container {
  margin-left: 10px;
  margin-top: 15px;
  height: 655px;
}

.obd-import-page-content-container {
  margin-left: 10px;
  margin-top: 15px;
  height: 655px;
}

.edc-forms-page-content-header {
  height: 65px;
}

.edc-forms-page-content {
  height: 0px;
}

.edc-forms-page-content-container {
  overflow-y: auto;
  height: 645px;
  padding-top: 15px;
}

/* -----------------------------------------------------------------------------
VISIT BLOCK STYLINGS
------------------------------------------------------------------------------*/
.ec-visit-schedule-container {
  align-items: center;
  margin-top: 10px;
  position: relative;
}

/* -----------------------------------------------------------------------------
   Schedule Visit Dialog
   -------------------------------------------------------------------------- */
.ec-visit-scheduling-container {
  width: 300px;
  align-items: center;
}

.ec-visit-scheduling-col-1:first-page, .ec-visit-scheduling-col-2:first-page {
  margin-left: 0;
}

.ec-visit-scheduling-col-1 {
  width: 25%;
  display: block;
  float: left;
  margin-left: 2px;
}

.ec-visit-scheduling-col-2 {
  width: 70%;
  display: block;
  float: left;
  margin-left: 2px;
}

.ec-visit-scheduling-button-style {
  width: 75px;
}

.ec-visit-scheduling-plus-style {
  float: left;
  height: 20px;
  margin-left: 150px;
}

.ec-visit-scheduling-align-label {
  float: right;
  margin-top: 8px;
  margin-left: 5px;
  font-weight: bold;
}

.ec-scheduling-section-spacing {
  height: 15px;
}

.ec-visit-scheduling-input-number-style {
  width: 135px;
  margin-left: 10px;
}

.ec-visit-scheduling-select-style {
  width: 200px;
  margin-left: 10px;
}

/* -----------------------------------------------------------------------------
   Study Container Styles
   -------------------------------------------------------------------------- */
.ec-landingpage-header-mode-position {
  float: right;
  padding-top: 5px;
  padding-right: 5px;
  width: 130px;
}

.ec-landingpage-header-select-position {
  float: right;
  padding-top: 5px;
  padding-right: 10px;
  width: 200px;
}

.ec-staged-studies-star {
  width: 25px;
  height: 25px;
  background-image: url(studiesImages/favorite_star.png);
  background-repeat: no-repeat;
  align-self: center;
  margin-top: 6px;
  margin-left: 5px;
  margin-right: 5px;
  float: left;
}

.ec-staged-studies-tip {
  width: 25px;
  height: 25px;
  background-image: url(landingpageimages/Tip_Lightbulb.svg);
  background-repeat: no-repeat;
}

.ec-study-container-header-setting-gear:active {
  width: 55px;
  height: 55px;
  background-image: url(landingpageimages/Settings_Active_Icon.png);
  background-repeat: no-repeat;
  float: right;
}

.ec-study-container-header-setting-gear {
  width: 55px;
  height: 55px;
  background-image: url(landingpageimages/Settings_Default_Icon.png);
  background-repeat: no-repeat;
  float: right;
  cursor: pointer;
}

.ec-study-container-header-setting-gear:hover {
  width: 55px;
  height: 55px;
  background-image: url(landingpageimages/Settings_Hover_Icon.png);
  background-repeat: no-repeat;
  float: right;
}

.ec-study-contianer-setting-menu-container {
  display: none;
  width: 120px;
  margin-top: 4px;
}

.ec-study-contianer-setting-menu-item {
  padding: 0px 15px;
  text-align: left;
}

.ec-study-contianer-setting-menu-item-updated > a {
  padding: 0px 15px !important;
  text-align: left !important;
}

/*-----------------------------------------------------------------------------
  obdCommonVisitAssignFormDialogId Styles
-----------------------------------------------------------------------------*/
.visitAssignFormHeader {
  height: 25px;
  margin: 10px 0px 0px 0px;
}

.visitAssignFormDialogHeader {
  height: 50px;
}

.visitAssignFormDialogBody {
  height: 325px;
  overflow-y: auto;
}

/*-----------------------------------------------------------------------------
  ecdFormDesign Styling
-----------------------------------------------------------------------------*/
.ec-form-design-shorticon {
  width: 16px;
  height: 16px;
  background-image: url(formimages/short.png);
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.ec-form-design-longicon {
  width: 16px;
  height: 16px;
  background-image: url(formimages/long.png);
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.ec-form-design-numbericon {
  width: 16px;
  height: 16px;
  background-image: url(formimages/Number_default.svg);
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.ec-form-design-numbericon-label {
  width: 16px;
  height: 16px;
  background-image: url(formimages/Number_default.svg);
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  display: inline-block;
}

.ec-form-design-texticon {
  width: 16px;
  height: 16px;
  background-image: url(formimages/Text_default.svg);
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.ec-form-design-texticon-label {
  width: 16px;
  height: 16px;
  background-image: url(formimages/Text_default.svg);
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  display: inline-block;
  justify-content: center;
}

.ec-form-design-dateicon-label {
  width: 16px;
  height: 16px;
  background-image: url(formimages/DateTime_default.svg);
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  display: inline-block;
}

.ec-form-design-age-label {
  width: 16px;
  height: 16px;
  background-image: url(formimages/icon_age.svg);
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  display: inline-block;
}

.ec-form-design-ratingscaleicon-label {
  width: 16px;
  height: 16px;
  background-image: url(formimages/Star-half_default.svg);
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  display: inline-block;
}

.multiline-ellipsis {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 320px;
  max-height: 3.772rem; /* Fallback for non-webkit */
  line-height: 1.3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  margin-bottom: 0px;
}

.ec-form-design-dateicon {
  width: 16px;
  height: 16px;
  background-image: url(formimages/DateTime_default.svg);
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.ec-form-design-age {
  width: 16px;
  height: 16px;
  background-image: url(formimages/icon_age.svg);
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.ec-form-design-questiongroupicon {
  width: 16px;
  height: 16px;
  background-image: url(formimages/QuestionGroups_default.svg);
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.ec-form-design-questiongroupicon-label {
  width: 16px;
  height: 16px;
  background-image: url(formimages/QuestionGroups_default.svg);
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  display: inline-block;
}

.ec-form-design-instructionaltexticon {
  width: 16px;
  height: 16px;
  background-image: url(formimages/InstructionalText_default.svg);
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.ec-form-design-instructionaltexticon-label {
  width: 16px;
  height: 16px;
  background-image: url(formimages/InstructionalText_default.svg);
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  display: inline-block;
}

.ec-form-design-codelist-label {
  width: 16px;
  height: 16px;
  background-image: url(formimages/Codelist_default.svg);
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  display: inline-block;
}

.ec-form-design-dropdownicon {
  width: 16px;
  height: 16px;
  background-image: url(formimages/Dropdown_default.svg);
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.ec-form-design-multipleicon {
  width: 16px;
  height: 16px;
  background-image: url(formimages/multiple.png);
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.ec-form-design-timeicon {
  width: 16px;
  height: 16px;
  background-image: url(formimages/time.png);
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.ec-form-design-copyicon {
  min-width: 24px;
  width: 24px;
  max-width: 24px;
  min-height: 24px;
  height: 24px;
  max-height: 24px;
  width: 24px;
  height: 24px;
  background-image: url(formimages/Copy_default.svg);
  background-repeat: no-repeat;
  margin: 2px 2px 0px 2px;
  float: right;
}

.ec-form-design-copyicon:hover, .ec-form-design-copyicon.oj-hover {
  background-image: url(formimages/Copy_hover.svg);
}

.ec-form-design-deleteicon {
  background-repeat: no-repeat;
  margin: 4px 2px 0px 2px;
  float: right;
  color: rgb(22, 21, 19);
}

.ec-form-design-infoicon {
  min-width: 24px;
  width: 24px;
  max-width: 24px;
  min-height: 24px;
  height: 24px;
  max-height: 24px;
  background-image: url(common/Information_Dialog.svg);
  background-repeat: no-repeat;
  margin: 4px 2px 0px 2px;
  float: left;
}

.ec-form-design-infoicon:hover, .ec-form-design-infoicon.oj-hover {
  background-image: url(common/Information_Dialog.svg);
}

div.validationToggleElements [data-tooltip] {
  display: inline-block;
  position: relative;
  cursor: help;
}

/* Tooltip styling */
div.validationToggleElements [data-tooltip]:before {
  content: attr(data-tooltip);
  display: none;
  position: absolute;
  background: #000;
  color: #fff;
  padding: 4px 8px;
  font-size: 14px;
  line-height: 1.4;
  min-width: 12rem;
  text-align: left;
  border-radius: 4px;
  margin-top: 3rem;
}

/* Dynamic horizontal centering */
div.validationToggleElements [data-tooltip-position=top]:before,
div.validationToggleElements [data-tooltip-position=bottom]:before {
  left: 50%;
  transform: translateX(-50%);
}

/* Dynamic vertical centering */
div.validationToggleElements [data-tooltip-position=right]:before,
div.validationToggleElements [data-tooltip-position=left]:before {
  top: 50%;
  transform: translateY(-50%);
}

div.validationToggleElements [data-tooltip-position=top]:before {
  bottom: 100%;
  margin-bottom: 6px;
}

div.validationToggleElements [data-tooltip-position=right]:before {
  left: 100%;
  margin-left: 6px;
}

div.validationToggleElements [data-tooltip-position=bottom]:before {
  top: 100%;
  margin-top: 6px;
}

div.validationToggleElements [data-tooltip-position=left]:before {
  right: 100%;
  margin-right: 6px;
}

/* Tooltip arrow styling/placement */
div.validationToggleElements [data-tooltip]:after {
  content: "";
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

/* Dynamic horizontal centering for the tooltip */
div.validationToggleElements [data-tooltip-position=top]:after,
div.validationToggleElements [data-tooltip-position=bottom]:after {
  left: 50%;
  margin-left: -6px;
}

/* Dynamic vertical centering for the tooltip */
div.validationToggleElements [data-tooltip-position=right]:after,
div.validationToggleElements [data-tooltip-position=left]:after {
  top: 50%;
  margin-top: -6px;
}

div.validationToggleElements [data-tooltip-position=top]:after {
  bottom: 100%;
  border-width: 6px 6px 0;
  border-top-color: #000;
}

div.validationToggleElements [data-tooltip-position=right]:after {
  left: 100%;
  border-width: 6px 6px 6px 0;
  border-right-color: #000;
}

div.validationToggleElements [data-tooltip-position=bottom]:after {
  top: 100%;
  border-width: 0 6px 6px;
  border-bottom-color: #000;
}

div.validationToggleElements [data-tooltip-position=left]:after {
  right: 100%;
  border-width: 6px 0 6px 6px;
  border-left-color: #000;
}

/* Show the tooltip when hovering */
div.validationToggleElements [data-tooltip]:hover:before,
div.validationToggleElements [data-tooltip]:hover:after {
  display: block;
  z-index: 50;
}

.validationToggleLayout {
  background: #F7F7F8;
  margin-top: 0rem;
  padding: 0.7rem;
}

.validationToggleLayoutLabel {
  margin-bottom: 0.5rem;
}

.validationToggleHorizontalRuler {
  border-top: 1px solid #E5E6E6 !important;
}

.mainValidationToggleDivStyle {
  background: #F7F7F8;
  margin-top: 0.5rem;
}

.mainValidationToggleDivStyleChild {
  display: flex;
  padding: 0.75rem;
  justify-content: space-between;
  align-items: center;
}

.mainValidationToggleDivToggleStyle {
  margin-bottom: 0rem !important;
}

.mainValidationToggleDivSpanStyle {
  min-width: 1.4rem;
  width: 1.4rem;
}

.mainValidationToggleDivStyleGrandchild {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
}

div.validationToggleElements [data-title]:hover:after {
  opacity: 1;
  transition: all 0.1s ease 0.5s;
  visibility: visible;
}

div.validationToggleElements [data-title]:after {
  content: attr(data-title);
  background-color: #ffffff;
  color: #111;
  font-size: 100%;
  position: absolute;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  left: 100%;
  white-space: normal;
  box-shadow: 1px 1px 3px #222222;
  opacity: 0;
  border: 1px solid #111111;
  z-index: 99999;
}

div.validationToggleElements [data-title] {
  position: relative;
  display: inline-block;
  cursor: help;
  padding: 0.5rem;
}

.ec-form-design-comment-icon {
  min-width: 24px;
  width: 24px;
  max-width: 24px;
  min-height: 24px;
  height: 24px;
  max-height: 24px;
  width: 24px;
  height: 24px;
  background-image: url(formimages/comments/comment.svg);
  background-repeat: no-repeat;
  margin: 2px 2px 0px 2px;
  float: right;
}

.ec-form-design-comment-icon:hover, .ec-form-design-comment-icon.oj-hover {
  background-image: url(formimages/comments/comment_activated.svg);
}

.ec-form-design-comment-filled-icon {
  background-image: url(formimages/comments/comment_filled.svg);
  background-repeat: no-repeat;
  margin: 0px 2px 0px 2px;
}

.ec-form-design-comment-filled-icon:hover, .ec-form-design-comment-filled-icon.oj-hover {
  background-image: url(formimages/comments/comment_filled_activated.svg);
}

.ec-form-design-comment-unread-icon {
  background-image: url(formimages/comments/comment_unread.svg);
  background-repeat: no-repeat;
  margin: 0px 2px 0px 2px;
}

.ec-form-design-comment-unread-icon:hover, .ec-form-design-comment-unread-icon.oj-hover {
  background-image: url(formimages/comments/comment_unread_activated.svg);
}

.ec-form-design-moveicon {
  width: 24px;
  height: 24px;
  background-image: url(formimages/move.png);
  background-repeat: no-repeat;
  margin: 4px 2px 0px 2px;
  float: right;
}

.ec-form-design-erroricon {
  width: 32px;
  height: 32px;
  background-image: url(formimages/Error_Dialog.svg);
  background-repeat: no-repeat;
  align-self: center;
  background-size: contain;
}

/*-----------------------------------------------------------------------------
  ondStudyVersion Styling
-----------------------------------------------------------------------------*/
.study-component-trashicon {
  width: 20px;
  height: 20px;
  background-image: url(common/Delete_default.svg);
  background-repeat: no-repeat;
  float: left;
  margin: 5px 5px 5px 0px;
}

/*--------------------------------------------------------------------------
  blue border for form title input box
------------------------------------------------------------------------------*/
.blueBorder {
  border: 1px solid #0066ff;
}

.errorLayer {
  position: relative;
}

.errorLayer .errorWrapper {
  max-width: none;
  z-index: 10;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgb(242, 206, 206);
}

.rand-card-train-block {
  border: 1px solid lightgray;
  float: left;
  width: 90%;
}

.rand-card-train-header {
  height: 40px;
  background-color: #f5f5f5;
  font-size: 14px;
  font-weight: bold;
  color: #0572ce;
  float: left;
  width: 100%;
}

.rand-card-train-content {
  margin: 10px 5px 0px 0px;
  float: left;
  width: 100%;
}

.ec-form-design-randmizationicon {
  background-size: 30px;
  background-image: url(formimages/RandStrata_FormFlag.svg);
  background-repeat: no-repeat;
  margin-left: 12px;
  width: 30px;
  height: 30px;
  padding-bottom: 10px;
}

.ec-form-design-cohort-icon {
  background-size: 30px;
  background-image: url(formimages/Randomization_DemographyCohort.svg);
  background-repeat: no-repeat;
  margin-left: 12px;
  width: 30px;
  height: 30px;
  padding-bottom: 10px;
}

.ec-form-design-calcdoseicon {
  background-size: 55px;
  background-image: url(formimages/CalculatedDose_FormFlag.svg);
  background-repeat: no-repeat;
  width: 42px;
  height: 30px;
  padding-bottom: 10px;
}

.item-body-remove-codelist-icon {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  display: flex;
  border: 0px;
  border-radius: 16px;
  float: right;
  background-image: url(formimages/ClearCross_active.svg);
}

.item-body-index-icon {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  display: flex;
  border: 0px;
  border-radius: 16px;
  float: right;
  background-image: url(designerimages/AddButton_visitstructure_default.svg);
}
.item-body-index-icon:hover {
  background-image: url(designerimages/AddButton_visitstructure_hover.svg);
}
.item-body-index-icon:active {
  background-image: url(designerimages/AddButton_visitstructure_active.svg);
}

/* flex layout */
.item-display-flex {
  display: flex;
}

.ec-form-design-warningicon {
  width: 60px;
  height: 60px;
  background: url("images/Confirmation_Dialog.svg");
  background-position: center;
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  display: inline-block;
}

.ec-form-design-dropdownicon-label {
  width: 16px;
  height: 16px;
  background-image: url(formimages/Dropdown_default.svg);
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
  display: inline-block;
}

.form-card-titleblock-visit {
  width: 210px;
  height: 50px;
  background-image: linear-gradient(to bottom, #fff 0%, #f1f3f4 5%, #e8ebed 50%, #e4e8ea 100%);
  border-radius: 3px;
  border: #C4CED7 1px solid;
  box-shadow: 1px 1px 3px 0px #ccc;
  font-size: 12px;
  margin: 4px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.visit-detail-bg-randline-centertop {
  background-image: url(formimages/randline_centertop.png);
  background-repeat: no-repeat;
  background-size: 20px;
  height: 20px;
  width: 20px;
  margin: auto;
}

.visit-detail-bg-randline-center {
  background-image: url(formimages/randline_center.png);
  background-repeat: no-repeat;
  background-size: 235px;
}

.visit-detail-bg-randline-left {
  background-image: url(formimages/randline_left.png);
  background-repeat: no-repeat;
  background-size: 235px;
}

.visit-detail-bg-randline-right {
  background-image: url(formimages/randline_right.png);
  background-repeat: no-repeat;
  background-size: 235px;
}

.visit-detail-addKit-icon {
  width: 32px;
  height: 32px;
  background-image: url("designerimages/blisterpack_icon_black.png");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.visit-detail-kit-icon {
  width: 32px;
  height: 32px;
  background-image: url("designerimages/blisterpack_mini_icon.png");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.lessThanTwoArms {
  justify-content: center;
}

.kit-card-titleblock-visit {
  width: 190px;
  height: 45px;
  background-image: linear-gradient(to bottom, #fff 0%, #f1f3f4 5%, #e8ebed 50%, #e4e8ea 100%);
  border-radius: 3px;
  border: #C4CED7 1px solid;
  box-shadow: 1px 1px 3px 0px #ccc;
  font-size: 12px;
  margin: auto;
  margin-bottom: 5px;
  display: flex;
  flex-direction: row;
  color: #00688C;
}

.visit-detail-bg-randline-centertop {
  background-image: url(formimages/randline_centertop.png);
  background-repeat: no-repeat;
  background-size: 20px;
}

.visit-detail-bg-randline-center {
  background-image: url(formimages/randline_center.png);
  background-repeat: no-repeat;
  background-size: 235px;
}

.visit-detail-bg-randline-left {
  background-image: url(formimages/randline_left.png);
  background-repeat: no-repeat;
  background-size: 235px;
}

.visit-detail-bg-randline-right {
  background-image: url(formimages/randline_right.png);
  background-repeat: no-repeat;
  background-size: 235px;
}

.visit-detail-addKit-icon {
  width: 32px;
  height: 32px;
  background-image: url("designerimages/blisterpack_icon_black.png");
  background-repeat: no-repeat;
  margin: auto;
  align-self: center;
}

.visit-detail-titration-kit-mini {
  width: 32px;
  height: 32px;
  background-image: url("designerimages/titrations/TitrationCard.svg");
  background-repeat: no-repeat;
  margin: 0px 0px 0px -15px;
  align-self: center;
}

.visit-detail-kit-mini-device-icon {
  width: 32px;
  height: 32px;
  background-image: url("designerimages/device_mini_icon.png");
  background-repeat: no-repeat;
  margin: 0px 0px 0px -15px;
  align-self: center;
}

.visit-detail-kit-mini-blisterpack-icon {
  width: 32px;
  height: 32px;
  background-image: url("designerimages/blisterpack_mini_icon.png");
  background-repeat: no-repeat;
  margin: 0px 0px 0px -15px;
  align-self: center;
}

.visit-detail-kit-mini-bottle-icon {
  width: 32px;
  height: 32px;
  background-image: url("designerimages/bottle_mini_icon.png");
  background-repeat: no-repeat;
  margin: 0px 0px 0px -15px;
  align-self: center;
}

.visit-detail-kit-mini-box-icon {
  width: 32px;
  height: 32px;
  background-image: url("designerimages/box_mini_icon.png");
  background-repeat: no-repeat;
  margin: 0px 0px 0px -15px;
  align-self: center;
}

.visit-detail-kit-mini-infusion-icon {
  width: 32px;
  height: 32px;
  background-image: url("designerimages/infusion_mini_icon.png");
  background-repeat: no-repeat;
  margin: 0px 0px 0px -15px;
  align-self: center;
}

.visit-detail-kit-mini-inhaler-icon {
  width: 32px;
  height: 32px;
  background-image: url("designerimages/inhaler_mini_icon.png");
  background-repeat: no-repeat;
  margin: 0px 0px 0px -15px;
  align-self: center;
}

.visit-detail-kit-mini-injection-icon {
  width: 32px;
  height: 32px;
  background-image: url("designerimages/injection_mini_icon.png");
  background-repeat: no-repeat;
  margin: 0px 0px 0px -15px;
  align-self: center;
}

.visit-detail-kit-mini-other-icon {
  width: 32px;
  height: 32px;
  background-image: url("designerimages/other_mini_icon.png");
  background-repeat: no-repeat;
  margin: 0px 0px 0px -15px;
  align-self: center;
}

.visit-detail-kit-mini-vial-icon {
  width: 32px;
  height: 32px;
  background-image: url("designerimages/vial_mini_icon.png");
  background-repeat: no-repeat;
  margin: 0px 0px 0px -15px;
  align-self: center;
}

.visit-detail-kit-mini-syringe-icon {
  width: 32px;
  height: 32px;
  background-image: url("designerimages/injection_mini_icon.png");
  background-repeat: no-repeat;
  margin: 0px 0px 0px -15px;
  align-self: center;
}

.visit-detail-kit-mini-ointment-icon {
  width: 32px;
  height: 32px;
  background-image: url("designerimages/topicalointment_mini_icon.png");
  background-repeat: no-repeat;
  margin: 0px 0px 0px -15px;
  align-self: center;
}

.visit-detail-form-header {
  width: 100%;
  margin: 2px 2px 2px 2px;
  border: 0px solid #aaaaaa;
}

.visit-detail-randomization-container {
  display: flex;
  width: 100%;
  margin: 2px 2px 2px 2px;
  border: 0px solid #aaaaaa;
  justify-content: center;
  height: auto;
}

.visit-detail-main-bot-half-container {
  height: 260px;
  display: flex;
  width: 100%;
  overflow-x: auto;
}

.visit-detail-test-sameline {
  display: flex;
  flex-direction: row;
  margin: auto;
  margin-top: 0px;
  margin-bottom: 0px;
}

.visit-detail-arm-block {
  display: flex;
  flex-direction: column;
}

.visit-detail-bg-randline-common {
  display: flex;
  width: 235px;
  height: 20px;
}

.visit-detail-arm-container {
  display: flex;
  width: 235px;
  height: 240px;
  justify-content: center;
}

.visit-detail-header-checkbox-container {
  display: flex;
  width: 10%;
}

.visit-detail-header-checkbox-label {
  font-weight: bold;
  margin-right: 0.5em !important;
}

.form-header-tip {
  width: 97%;
  border: 0px solid #aaaaaa;
  height: 35px;
  justify-content: flex-start;
  font-size: small;
}

.visit-detail-rand-card-content {
  display: flex;
  width: 100%;
  border: 0px solid #aaaaaa;
  height: 150px;
  width: 300px;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 10px 5px 0px 0px;
}

.rand-card-image {
  display: flex;
  width: 100%;
  border: 0px solid #aaaaaa;
  height: 150px;
  justify-content: flex-start;
  flex-direction: row;
}

.rand-card-details {
  display: flex;
  width: 70%;
  border: 0px solid #aaaaaa;
  height: 150px;
  justify-content: flex-start;
  flex-direction: column;
}

.rand-card-details-container {
  display: flex;
  width: 100%;
  border: 0px solid #aaaaaa;
  height: 20px;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.rand-card-details-container1 {
  display: flex;
  width: 90%;
  border: 0px solid #aaaaaa;
  height: 30px;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.edit-kits-option-container {
  display: flex;
  flex-direction: row;
  padding-bottom: 5px;
}

.edit-kits-option-icon-container {
  display: flex;
  flex: 0 0 50px;
  padding-top: 5px;
}

.edit-kits-option-content {
  display: flex;
  flex: 0 0 80px;
  padding-top: 15px;
}

.add-kits-option-container {
  display: flex;
  flex-direction: row;
  padding-bottom: 5px;
}

.add-kits-option-icon-container {
  display: flex;
  flex: 0 0 50px;
  padding-top: 5px;
}

.add-kits-option-content {
  display: flex;
  padding-top: 15px;
  flex: 0 0 80px;
}

.arm-kits-container {
  max-height: 160px;
  overflow-y: auto;
  margin-top: 10px;
}

.visit-detail-arm-addkit-button-container {
  width: 180px;
  margin: auto;
  margin-top: 10%;
}

.visit-detail-arm-addkit-option-container {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  padding-left: 0;
}

.visit-detail-kit-menu {
  display: none;
  overflow-y: auto;
}

.visit-detail-arm-addkit-option-icon {
  display: flex;
  flex: 0 0 30px;
}

.visit-detail-arm-addkit-option-content {
  display: flex;
}

.visit-detail-arm-kit-icon-content-padding {
  margin-left: -10px;
  width: 100px;
}

.visit-detail-arm-kit-menu-button {
  width: 180px;
  overflow-y: auto;
  max-height: 150px;
  max-width: 250px;
}

.visit-detail-arm-editkit-option-content {
  display: flex;
  margin: 0px 15px 0px 0px;
  padding-left: 5px;
  padding-top: 5px;
  width: 110px;
}

.visit-detail-arm-editkit-option-icon {
  display: flex;
  flex: 0 0 30px;
  margin-left: 5px;
}

.visit-detail-randomization-icon-container {
  display: flex;
  flex: 0 0 50px;
  padding-top: 5px;
}

.visit-detail-formtile-moveicon-block {
  display: flex;
  flex: 0 0 20px;
  flex-direction: column;
  justify-content: space-between;
}

.visit-detail-formtile-moveicon-container {
  background-color: lightcoral;
  display: flex;
  height: 20px;
}

.kit-card-icon-container {
  display: flex;
  display: -webkit-flex;
  flex: 0 0 45px;
}
.kit-card-icon-container .unblinded {
  background-repeat: no-repeat;
  display: flex;
  padding: 1px;
  min-width: 8px;
  min-height: 8px;
  margin-left: 22px;
  background-image: url(designerimages/Unblinded_Rand.svg);
  width: 8px;
  height: 8px;
}
.kit-card-icon-container .unblinded-pharmacist-icon {
  background-image: url(designerimages/unblinded_pharmacist.svg);
  background-repeat: no-repeat;
  display: flex;
  padding: 1px;
  width: 65%;
  height: 42%;
  background-size: 51%;
  margin-left: 68%;
}

.kit-card-content-container {
  display: flex;
  flex-direction: column;
  margin: 2px;
  flex: 0 0 110px;
}

.kit-card-tile-title {
  margin-top: 5px;
  height: 20px;
  font-size: 14px;
  font-weight: bold;
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.kit-card-tile-description {
  height: 20px;
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.kit-card-deleteicon-container {
  display: flex;
  flex: 0 0 20px;
}

.kit-card-deleteicon {
  margin-top: 13px;
  height: 20px;
  width: 20px;
  background-size: contain;
}

.visit-detail-test-sameline-kit {
  overflow-y: auto;
  max-height: 90%;
  width: 670px;
  flex-wrap: wrap;
  display: flex;
  margin: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  justify-content: space-between;
}

.menuButtonNoIcon.oj-menu-text-only .oj-menu-item > a {
  padding-left: calc(0.57143rem + 0px + 0.57143rem) !important;
  height: 32px;
}

#lovDropdown_companyFilter_layer {
  position: fixed !important;
  margin-left: 40rem;
}

.studyrow {
  height: 100px;
  display: flex;
  border-bottom: #CBCBCB 1px solid;
}

.studyrow:hover {
  background-color: #f5f5f5;
}

.leftblock {
  float: left;
  display: flex;
  min-width: 300px;
}

.studyuploadimage {
  width: 50px;
  height: 60px;
  background-image: url(studiesImages/GenericStudy_placeholder.png);
  background-repeat: no-repeat;
  align-self: center;
  margin-left: 30px;
  float: left;
}

.favoritestar {
  width: 25px;
  height: 25px;
  background-image: url(studiesImages/favorite_star.png);
  background-repeat: no-repeat;
  align-self: center;
  margin-left: 10px;
  float: left;
}

.studytitle {
  font-family: "Oracle Sans", Arial, sans-serif;
  font-size: 16px;
  color: #000000;
  text-decoration: none;
  align-self: center;
  margin-left: 10px;
  line-height: 130%;
  float: left;
}

.statuscontainer {
  width: 100px;
  height: 60px;
  align-self: center;
  margin-left: 5%;
  float: left;
}

.approvedstatusicon {
  width: 40px;
  height: 40px;
  background-image: url(studiesImages/Approved_studystatus.png);
  background-repeat: no-repeat;
  margin: auto;
}

.draftstatusicon {
  width: 40px;
  height: 40px;
  background-image: url(studiesImages/Draft_studystatus.png);
  background-repeat: no-repeat;
  margin: auto;
}

.lockedstatusicon {
  width: 40px;
  height: 40px;
  background-image: url(studiesImages/Locked_studystatus.png);
  background-repeat: no-repeat;
  margin: auto;
}

.livestatusicon {
  width: 40px;
  height: 40px;
  background-image: url(studiesImages/Live_studystatus.png);
  background-repeat: no-repeat;
  margin: auto;
}

.onholdstatusicon {
  width: 40px;
  height: 40px;
  background-image: url(studiesImages/OnHold_studystatus.png);
  background-repeat: no-repeat;
  margin: auto;
}

.statustext {
  font-family: "Oracle Sans", Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
}

.digitcontainer {
  width: 480px;
  height: 60px;
  align-self: center;
  float: right;
}

.notificationsblock {
  width: 120px;
  height: 60px;
  float: left;
}

.largedigit {
  font-family: "Oracle Sans", Arial, sans-serif;
  font-size: 40px;
  color: #0572CE;
  /*color:#c98400; YELLOW*/
  /*color:#9e0b0f; RED*/
  text-decoration: none;
  text-align: center;
}

.digitlabel {
  font-family: "Oracle Sans", Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
  text-align: center;
}

.pendingapprovalsblock {
  width: 120px;
  height: 60px;
  float: left;
}

.failedtestblock {
  width: 120px;
  height: 60px;
  float: left;
}

.formsincompleteblock {
  width: 120px;
  height: 60px;
  float: left;
}

@media (max-width: 945px) {
  .formsincompleteblock {
    display: none;
    visibility: hidden;
  }
}
@media (max-width: 790px) {
  .failedtestblock {
    display: none;
    visibility: hidden;
  }
}
@media (max-width: 644px) {
  .pendingapprovalsblock {
    display: none;
    visibility: hidden;
  }
}
.integrationblock {
  width: 100%;
  height: 225px;
  border: #e6e6e6 1px solid;
}

.integrationtitle {
  background-color: #e6e6e6;
  font-family: "Oracle Sans", Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #0063c9;
  padding: 4px;
}

.intstatuscontainer {
  width: 25%;
  float: left;
  margin: 20px 0px 10px 20px;
  padding-right: 20px;
  border-right: #C8C8C8 1px solid;
}

.intstatusicon {
  width: 130px;
  height: 130px;
  background-image: url(integrationImages/Integration_PendingApproval.png);
  background-repeat: no-repeat;
  margin: auto;
}

.uppergreylabel {
  font-family: "Oracle Sans", Arial, sans-serif;
  text-transform: uppercase;
  color: #838383;
  font-weight: bold;
  font-size: 12px;
}

.mainblacklabel {
  font-family: "Oracle Sans", Arial, sans-serif;
  text-transform: uppercase;
  color: #000000;
  font-weight: bold;
  font-size: 16px;
}

.productcontainer {
  width: 35%;
  float: left;
  margin: 20px 0px 10px 20px;
}

intproductblock {
  width: 40%;
  float: left;
  margin: 20px 0px 10px 20px;
}

.intproducticon {
  float: left;
  margin-right: 5px;
}

.intproducttitle {
  font-family: "Oracle Sans", Arial, sans-serif;
  text-transform: uppercase;
  color: #838383;
  font-weight: bold;
  font-size: 12px;
  margin: 8px 0px 5px 0px;
}

.intproductlabel {
  font-family: "Oracle Sans", Arial, sans-serif;
  color: #000000;
  font-weight: bold;
  font-size: 16px;
}

.intarrow {
  width: 35px;
  height: 35px;
  background-image: url(integrationImages/integrationarrows.png);
  background-repeat: no-repeat;
  margin: 10px 0px 0px 120px;
}

.completioncontainer {
  float: right;
  width: 25%;
  margin: 20px 20px 10px 0px;
  padding-left: 20px;
  border-left: #C8C8C8 1px solid;
}

.completiongraph {
  background-image: url(integrationImages/Gauge_placeholder.png);
  background-repeat: no-repeat;
  width: 125px;
  height: 125px;
}

.completedintegrationscontainer {
  width: 880px;
  height: 340px;
  margin: auto;
  display: flex;
}

.integrationblocks {
  width: 50%;
  align-self: center;
  margin: auto;
}

.completedactions {
  float: right;
  border-left: #000000 1px solid;
  padding: 20px 30px 20px 60px;
}

.iconcomplete {
  float: left;
  text-align: center;
  margin-right: 30px;
}

.integrationtitle {
  font-family: "Oracle Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  font-style: normal;
  line-height: 170%;
}

.integrationCompletionTitle {
  font-family: "Oracle Sans", Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  font-style: normal;
  line-height: 170%;
}

.integrationdetail {
  font-family: "Oracle Sans", Arial, sans-serif;
  font-size: 14px;
  color: #000000;
  font-style: normal;
  line-height: 300%;
}

.dataselectioncontainer {
  width: 1100px;
  height: 400px;
  margin: auto;
}

.firstdataselection {
  width: 48%;
  float: left;
}

.seconddataselection {
  width: 48%;
  float: right;
}

.firstproduct {
  width: 100%;
  float: left;
}

.informproducticon {
  float: left;
  background-image: url(integrationImages/Inform_icon.png);
  background-repeat: no-repeat;
  width: 72px;
  height: 72px;
}

.argusproducticon {
  float: left;
  background-image: url(integrationImages/Argus_icon.png);
  background-repeat: no-repeat;
  width: 72px;
  height: 72px;
}

.orsproducticon {
  float: left;
  background-image: url(integrationImages/ORS_icon.png);
  background-repeat: no-repeat;
  width: 72px;
  height: 72px;
}

.unknownappicon {
  float: left;
  background-image: url(integrationImages/unknown_app_icon.png);
  background-repeat: no-repeat;
  width: 72px;
  height: 72px;
}

.producttitle {
  width: 80%;
  font-family: "Oracle Sans", Arial, sans-serif;
  font-size: 16px;
  color: #000000;
  font-weight: bold;
  font-style: normal;
  float: left;
  margin-left: 10px;
}

.selectedEndpointTitle {
  width: 80%;
  font-family: "Oracle Sans", Arial, sans-serif;
  font-size: 13px;
  color: #000000;
  font-weight: normal;
  font-style: normal;
  float: left;
  margin-left: 10px;
}

.selectioninstructions {
  width: 80%;
  font-family: "Oracle Sans", Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: normal;
  font-style: normal;
  line-height: 200%;
  float: left;
  margin: 0px 0px 10px 10px;
}

.addstudybutton {
  width: 151px;
  height: 34px;
  background-image: url(integrationImages/placeholder_button.png);
  background-repeat: no-repeat;
  float: left;
  margin-left: 10px;
}

.searchfield {
  width: 222px;
  height: 27px;
  background-image: url(integrationImages/placeholder_searchbar.png);
  background-repeat: no-repeat;
  float: right;
  margin-top: 3px;
}

.studyselectiontable {
  width: 100%;
  height: 300px;
  overflow: scroll;
  float: left;
  margin-top: 10px;
  border: #c4ced7 1px solid;
  overflow-y: scroll;
}

.studyrowCompact {
  height: 70px;
  padding: 10px;
  display: flex;
  border-bottom: #cecece 1px solid;
}

.studyrowCompact:hover {
  background-color: #f5f5f5;
}

.studytitleCompact {
  width: 25%;
  float: left;
  font-family: "Oracle Sans", Arial, sans-serif;
  font-size: 14px;
  color: #000000;
  font-style: normal;
  line-height: 120%;
  align-self: center;
}

.statuscontainerCompact {
  width: 100px;
  height: 60px;
  align-self: center;
  margin-left: 5%;
  float: left;
}

.approvedstatusiconCompact {
  width: 40px;
  height: 40px;
  background-image: url(integrationImages/Approved_studystatus.png);
  background-repeat: no-repeat;
  margin: auto;
}

.statustextCompact {
  font-family: "Oracle Sans", Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
}

.editIcon {
  width: 25px;
  height: 25px;
  background-image: url(integrationImages/edit_icon.png);
  background-repeat: no-repeat;
  align-self: center;
  float: right;
}

.trashIcon {
  width: 25px;
  height: 25px;
  background-image: url(integrationImages/trash_icon.png);
  background-repeat: no-repeat;
  align-self: center;
  float: right;
}

.editButton {
  align-self: center;
  float: right;
}

.trashCanButton {
  align-self: center;
  float: right;
}

.tableborder {
  border: 1px solid #c4ced7;
}

.greytableheader {
  border: #C4CED7 1px solid;
  background-image: linear-gradient(to bottom, #fff 0%, #f1f3f4 5%, #e8ebed 50%, #e4e8ea 100%);
}

.endpointtitle {
  font-family: "Oracle Sans", Arial, sans-serif;
  color: #000000;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  line-height: 300%;
}

.endpointtitle2 {
  font-family: "Oracle Sans", Arial, sans-serif;
  color: #000000;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  line-height: 300%;
  border-left: 1px solid #c4ced7;
  padding-left: 20px;
}

.endpoints {
  font-family: "Oracle Sans", Arial, sans-serif;
  color: #000000;
  font-size: 12px;
  text-align: center;
  text-align: left;
  line-height: 300%;
}

.colleftborder {
  border-left: 1px solid #c4ced7;
  margin-left: 1em;
}

.checkboxcenter {
  text-align: center;
}

.dataselectioncontainer {
  width: 1100px;
  height: 65px;
  margin: auto;
}

.firstdataselection {
  width: 48%;
  float: left;
}

.seconddataselection {
  width: 48%;
  float: right;
}

.firstproduct {
  width: 100%;
  float: left;
}

.producttitle {
  width: 80%;
  font-family: "Oracle Sans", Arial, sans-serif;
  font-size: 16px;
  color: #000000;
  font-weight: bold;
  font-style: normal;
  float: left;
  margin-left: 10px;
}

.selectioninstructions {
  width: 80%;
  font-family: "Oracle Sans", Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: normal;
  font-style: normal;
  line-height: 200%;
  float: left;
  margin: 0px 0px 10px 10px;
}

.selectedTab {
  font-size: 14px;
  font-weight: bold;
  padding: 20px 20px 20px 20px;
  border-style: solid;
  border-width: thin 0px thin thick;
  border-color: #045fab;
  color: #045fab;
  height: 25px;
}

.nonSelectedTab {
  font-size: 14px;
  padding: 20px 20px 20px 20px;
  color: #045fab;
  height: 25px;
}

.uacontainer {
  width: 350px;
  height: 350px;
  margin: 140px 0px 0px 450px;
}

.uaicon {
  width: 129px;
  height: 154px;
  background-image: url(integrationImages/uaicon_integrations.png);
  background-repeat: no-repeat;
  margin: auto;
}

.uah1 {
  font-family: "Oracle Sans", Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 200%;
}

.uah2 {
  font-family: "Oracle Sans", Arial, sans-serif;
  font-size: 14px;
  text-align: center;
  line-height: 140%;
}

.uah3 {
  font-family: "Oracle Sans", Arial, sans-serif;
  font-size: 12px;
  color: #0072bc;
  font-weight: bold;
  text-align: center;
  line-height: 300%;
}

.ualink {
  text-decoration: none;
  color: #0072bc;
}

.newformbutton {
  width: 160px;
  height: 30px;
  background-image: linear-gradient(to bottom, #1ba215 0%, #8ed58b 4%, #1ba215 10%, #1ba215 100%);
  border-radius: 3px;
  margin: auto;
  display: flex;
}

.newformbuttontext {
  width: 130px;
  height: 30px;
  color: #FFFFFF;
  text-align: center;
  font-family: "Oracle Sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 30px;
}

.addicon {
  width: 25px;
  height: 25px;
  background-image: url(integrationImages/add_icon.png);
  background-repeat: no-repeat;
  float: left;
  margin: 6px 0px 0px 15px;
}

.demo-page-content-area {
  background: #ffffff;
  border-radius: 3px;
  border: 1px solid #d6dfe6;
  margin: 10px;
  min-height: 100%;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
}

.demo-icon-sprite {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 1;
  overflow: hidden;
  direction: ltr;
  text-align: center;
  box-sizing: content-box;
}

.demo-icon-sprite:before {
  display: inline-block;
  box-sizing: content-box;
}

.demo-icon-sprite:before {
  content: url("images/demo-small-icons_454545_256x240.png");
}

.oj-enabled .demo-icon-sprite:before {
  content: url("images/demo-small-icons_454545_256x240.png");
}

.oj-hover .demo-icon-sprite:before {
  content: url("images/demo-small-icons_0572ce_256x240.png");
}

.oj-active .demo-icon-sprite:before {
  content: url("images/demo-small-icons_ffffff_256x240.png");
}

/* positioning */
.demo-icon-compass:before {
  margin: -32px 0 0 0;
}

.demo-icon-search:before {
  margin: -32px 0 0 -16px;
}

.obd-common-page-header {
  height: 50px;
}

.obd-common-page-content-container {
  overflow-y: auto;
  height: 600px;
  padding-top: 10px;
}

.obd-common-page-assistance-container {
  height: 660px;
}

.dmwNavButtons .oj-button {
  font-weight: bold !important;
  cursor: pointer;
  margin-right: -2px;
}
.dmwNavButtons .oj-button:first-child, .dmwNavButtons .oj-button:last-child {
  margin-right: 7px;
}
.dmwNavButtons .oj-button.oj-default {
  background-color: white;
}
.dmwNavButtons .dmw-landingpage-header-icon-selected {
  background-color: #0572ce !important;
  color: white !important;
  cursor: default;
}

.dmw-landingpage-header-nav-button-home .dmw-landingpage-header-nav-icon {
  background-image: url("landingpageimages/navi_home_24_ena.png");
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  background-size: contain;
  margin: auto;
  align-self: center;
  display: inline-block;
}
.dmw-landingpage-header-nav-button-home.dmw-landingpage-header-icon-selected .dmw-landingpage-header-nav-icon {
  background-image: url("landingpageimages/navi_home_24_onb.png");
}
.dmw-landingpage-header-nav-button-home.oj-hover .dmw-landingpage-header-nav-icon {
  background-image: url("landingpageimages/navi_home_24_ena.png");
}
.dmw-landingpage-header-nav-button-home.oj-active .dmw-landingpage-header-nav-icon {
  background-image: url("landingpageimages/navi_home_24_onb.png");
}

.dmw-landingpage-header-nav-button-discrepancies .dmw-landingpage-header-nav-icon {
  background-image: url("landingpageimages/discrepancies_ena.png");
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  background-size: contain;
  margin: auto;
  align-self: center;
  display: inline-block;
}
.dmw-landingpage-header-nav-button-discrepancies.dmw-landingpage-header-icon-selected .dmw-landingpage-header-nav-icon {
  background-image: url("landingpageimages/discrepancies_onb.png");
}
.dmw-landingpage-header-nav-button-discrepancies.oj-hover .dmw-landingpage-header-nav-icon {
  background-image: url("landingpageimages/discrepancies_ena.png");
}
.dmw-landingpage-header-nav-button-discrepancies.oj-active .dmw-landingpage-header-nav-icon {
  background-image: url("landingpageimages/discrepancies_onb.png");
}

.dmw-landingpage-header-nav-button-listings .dmw-landingpage-header-nav-icon {
  background-image: url("landingpageimages/listings_ena.png");
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  background-size: contain;
  margin: auto;
  align-self: center;
  display: inline-block;
}
.dmw-landingpage-header-nav-button-listings.dmw-landingpage-header-icon-selected .dmw-landingpage-header-nav-icon {
  background-image: url("landingpageimages/listings_onb.png");
}
.dmw-landingpage-header-nav-button-listings.oj-hover .dmw-landingpage-header-nav-icon {
  background-image: url("landingpageimages/listings_ena.png");
}
.dmw-landingpage-header-nav-button-listings.oj-active .dmw-landingpage-header-nav-icon {
  background-image: url("landingpageimages/listings_onb.png");
}

.co-flex {
  display: flex;
}

.co-flex-1 {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}

.flex-1 {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}

.flex-2 {
  flex: 2 2 auto;
  min-width: 0px;
  min-height: 0px;
}

.flex-3 {
  flex: 3 3 auto;
  min-width: 0px;
  min-height: 0px;
}

html {
  font-family: "Oracle Sans", "Arial" !important;
}

body {
  height: 100vh;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  overflow: hidden;
}

#globalBody {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  min-height: 100%;
}
#globalBody .app-content-container {
  margin: 15px 15px 0px 15px;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
#globalBody .app-content-container > :first-child {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
}
#globalBody.loading .app-content-container {
  border: none;
}

#clinicaloneDesignModule {
  display: flex;
  flex-direction: column;
}

.loading {
  position: relative;
}
.loading:after {
  background-image: url("images/progress-spinner.gif");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  content: " ";
}

.loading-no-spinner {
  position: relative;
}
.loading-no-spinner:after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  content: " ";
}

.loading-trainingCertificate {
  position: relative;
}
.loading-trainingCertificate:after {
  background-image: url("images/progress-spinner.gif");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
}

.blurring {
  backdrop-filter: blur(2px);
  background: rgba(0, 0, 0, 0.4);
}

.dialog-loading {
  position: absolute;
}
.dialog-loading:after {
  background-image: url("images/progress-spinner.gif");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  content: " ";
}

.verticalFlex {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: column;
}

#formSidebar #formSidebarCommentsTitle .unreadCommentsCount {
  font-size: x-small;
  margin-left: 6px;
  background-color: #DF522A;
  border-radius: 16px;
  height: 16px;
  width: 16px;
  color: white;
  line-height: 16px;
  text-align: center;
}

.horizontalFlex {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 0px;
  display: flex;
  flex-direction: row;
}

.error-border {
  border-width: 2px;
  border-style: solid;
  border-color: #dd6666;
}

.text-center {
  text-align: center !important;
}

.text-bold {
  font-weight: bold !important;
}

.test .oj-table-column-header-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hsgbu-co-message {
  overflow: hidden;
}
.hsgbu-co-message .desc {
  padding-bottom: 10px;
}
.hsgbu-co-message .variable {
  /*		white-space: nowrap;
                max-width: 109px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: inline-flex;
        */
  font-weight: bold;
}
.hsgbu-co-message .tip {
  padding-top: 10px;
}

.co-popup-message .error {
  display: flex;
  align-items: flex-start;
}
.co-popup-message .error .error-small-icon {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  align-self: center;
  background-image: url("common/error.svg");
}
.co-popup-message .error .error-col-1 {
  margin-right: 6px;
  margin-top: 1px;
  min-width: 16px;
}
.co-popup-message .error .error-col-2 {
  color: #DF0300;
}

.table-alignment .table-width {
  width: 100%;
  max-width: 100%;
  height: 360px;
  flex: 1 1 0%;
  min-width: 800px;
}
.table-alignment .table-width .oj-table-body td.depot-selection {
  min-width: 50px !important;
}

oj-dialog.titleheadbold {
  display: none;
  max-width: 500px;
  min-width: 500px;
  min-height: 250px;
  max-height: 500px;
}
oj-dialog.titleheadbold h1 {
  font-weight: bold;
}