@charset "UTF-8";
@supports not (-ms-high-contrast: none) {
  @font-face {
    font-family: "Lexend";
    font-style: normal;
    src: url("Lexend/Lexend-VariableFont_wght.ttf") format("truetype"), url("Lexend/static/Lexend-Black.ttf") format("truetype"), url("Lexend/static/Lexend-Bold.ttf") format("truetype"), url("Lexend/static/Lexend-ExtraBold.ttf") format("truetype"), url("Lexend/static/Lexend-ExtraLight.ttf") format("truetype"), url("Lexend/static/Lexend-Light.ttf") format("truetype"), url("Lexend/static/Lexend-Medium.ttf") format("truetype"), url("Lexend/static/Lexend-Regular.ttf") format("truetype"), url("Lexend/static/Lexend-SemiBold.ttf") format("truetype"), url("Lexend/static/Lexend-Thin.ttf") format("truetype");
  }
  body {
    text-align: left !important;
    font: var(--default-text) !important;
    letter-spacing: 0px !important;
    color: var(--dark-grey) !important;
    opacity: 1 !important;
  }
  a {
    color: var(--primary-main-2);
  }
  a:hover {
    color: var(--primary-main-1);
    text-decoration: underline;
  }
  a:active {
    color: var(--primary-main-2);
    text-decoration: none;
  }
  .x-btn.s-blue {
    padding: 2px;
    box-shadow: none !important;
    background: var(--main-button-normal) 0% 0% no-repeat padding-box;
    border: none;
    margin-right: 0 !important;
    text-shadow: none;
    overflow: inherit;
    border-radius: var(--button-border-radius);
  }
  .x-window .x-docked-bottom .x-btn {
    padding: 12px 16px !important;
  }
  .x-btn.s-blue:hover {
    background: var(--main-button-hover);
  }
  .x-btn.s-blue:active {
    background: var(--main-button-active);
  }
  button {
    font: var(--button-text) !important;
  }
  .x-btn-default-small {
    background: var(--white);
    border: 1px solid var(--secondary-dark-2) !important;
    border-radius: var(--button-border-radius) !important;
  }
  .x-btn-default-small:hover {
    background: var(--snow);
  }
  .x-btn-default-small:active {
    background: var(--secondary-dark-3);
  }
  .x-btn-default-small span {
    font: var(--button-text) !important;
  }
  .x-btn-default-small {
    vertical-align: middle;
  }
  .x-form-clear-trigger {
    margin-top: calc((28px - 22px) / 2);
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../../resources/images/icons/Material/grey/close.svg) no-repeat;
    opacity: 0.7;
    background-position: center !important;
    background-size: 22px;
    width: 22px;
    height: 22px !important;
    border: none;
    position: relative;
  }
  .x-form-clear-trigger:hover {
    opacity: 1;
    background-size: 22px;
    width: 22px;
    height: 22px !important;
  }
  #attachmentSelector .x-form-invalid-under {
    color: var(--dark-grey) !important;
    background: no-repeat left center;
    background-image: url(../../resources/images/icons/Material/error_outline.svg) !important;
    overflow: hidden;
  }
  #attachmentSelector ul {
    font: var(--default-text);
    padding-left: 10px;
  }
  #attachmentSelector .removeAttachmentBtn {
    border: none !important;
    margin-top: 1px !important;
    margin-left: 4px !important;
    background: transparent !important;
  }
  #attachmentSelector .removeAttachmentBtn button {
    width: 22px;
    height: 22px !important;
  }
  #attachmentSelector .removeAttachmentBtn button:hover .cancel {
    opacity: 1;
    background-size: 22px;
    width: 22px;
    height: 22px !important;
  }
  #attachmentSelector .removeAttachmentBtn .x-btn-icon.cancel {
    opacity: 0.7;
    display: block;
    background: url(../../resources/images/icons/Material/grey/close.svg) no-repeat center !important;
    background-size: 22px !important;
    width: 22px;
    height: 22px !important;
    border: none;
  }
  fieldset.x-fieldset legend {
    font: var(--dialog-label);
    color: var(--dark-grey);
  }
  fieldset.x-fieldset legend .x-tool-toggle {
    background-image: url(../images/icons/Material/grey/expand_less.svg);
    background-position: center center !important;
    background-size: 20px !important;
  }
  fieldset.x-fieldset.x-panel-collapsed legend .x-tool-toggle, fieldset.x-fieldset.x-fieldset-collapsed legend .x-tool-toggle {
    background-image: url(../images/icons/Material/grey/expand_more.svg);
  }
  .s-blue.x-btn-disabled, .s-btn-main.x-btn-disabled {
    background: var(--main-button-disabled) !important;
  }
  .x-btn-default-small-disabled .x-btn-inner {
    color: var(--secondary-dark-2) !important;
  }
  #studyWorkspace .x-field-label-cell,
  #adminWorkspace .x-field-label-cell,
  #profileWorkspace .x-field-label-cell,
  #MaintenanceWorkspace .x-field-label-cell,
  #studiesGrid .x-field-label-cell,
  #tasksGrid .x-field-label-cell,
  #productPanel .x-field-label-cell,
  #datarequestdetailsform .x-field-label-cell,
  div[id^=newstudyform-] .x-field-label-cell,
  div[id^=productform-] .x-field-label-cell,
  div[id^=ProductRegionsGrid-] .x-field-label-cell,
  div[id^=complianceEventForm-] .x-field-label-cell,
  .x-boundlist-floating div[id$=paging-toolbar] .x-field-label-cell {
    vertical-align: middle;
  }
  #studyWorkspace .x-form-item-label,
  #adminWorkspace .x-form-item-label,
  #profileWorkspace .x-form-item-label,
  #MaintenanceWorkspace .x-form-item-label,
  #studiesGrid .x-form-item-label,
  #tasksGrid .x-form-item-label,
  #productPanel .x-form-item-label,
  #datarequestdetailsform .x-form-item-label,
  div[id^=newstudyform-] .x-form-item-label,
  div[id^=productform-] .x-form-item-label,
  div[id^=ProductRegionsGrid-] .x-form-item-label,
  div[id^=complianceEventForm-] .x-form-item-label,
  .x-boundlist-floating div[id$=paging-toolbar] .x-form-item-label {
    text-align: left;
    font: var(--label-text) !important;
    line-height: 24px;
    letter-spacing: 0;
    color: var(--dark-grey);
    width: 100%;
    margin-top: 10px;
  }
  #studyWorkspace .x-form-text,
  #studyWorkspace .x-form-display-field,
  #adminWorkspace .x-form-text,
  #adminWorkspace .x-form-display-field,
  #profileWorkspace .x-form-text,
  #profileWorkspace .x-form-display-field,
  #MaintenanceWorkspace .x-form-text,
  #MaintenanceWorkspace .x-form-display-field,
  #studiesGrid .x-form-text,
  #studiesGrid .x-form-display-field,
  #tasksGrid .x-form-text,
  #tasksGrid .x-form-display-field,
  #productPanel .x-form-text,
  #productPanel .x-form-display-field,
  #datarequestdetailsform .x-form-text,
  #datarequestdetailsform .x-form-display-field,
  div[id^=newstudyform-] .x-form-text,
  div[id^=newstudyform-] .x-form-display-field,
  div[id^=productform-] .x-form-text,
  div[id^=productform-] .x-form-display-field,
  div[id^=ProductRegionsGrid-] .x-form-text,
  div[id^=ProductRegionsGrid-] .x-form-display-field,
  div[id^=complianceEventForm-] .x-form-text,
  div[id^=complianceEventForm-] .x-form-display-field,
  .x-boundlist-floating div[id$=paging-toolbar] .x-form-text,
  .x-boundlist-floating div[id$=paging-toolbar] .x-form-display-field {
    height: var(--input-height);
    width: 350px;
    padding: 0 5px;
    background-image: none;
    color: var(--dark-grey) !important;
    border: 1px solid var(--roman-silver);
    border-radius: 2px;
    font: var(--label-text);
    line-height: 24px;
    display: table;
    margin-bottom: 1px;
  }
  #studyWorkspace .x-form-text.x-form-invalid-field,
  #adminWorkspace .x-form-text.x-form-invalid-field,
  #profileWorkspace .x-form-text.x-form-invalid-field,
  #MaintenanceWorkspace .x-form-text.x-form-invalid-field,
  #studiesGrid .x-form-text.x-form-invalid-field,
  #tasksGrid .x-form-text.x-form-invalid-field,
  #productPanel .x-form-text.x-form-invalid-field,
  #datarequestdetailsform .x-form-text.x-form-invalid-field,
  div[id^=newstudyform-] .x-form-text.x-form-invalid-field,
  div[id^=productform-] .x-form-text.x-form-invalid-field,
  div[id^=ProductRegionsGrid-] .x-form-text.x-form-invalid-field,
  div[id^=complianceEventForm-] .x-form-text.x-form-invalid-field,
  .x-boundlist-floating div[id$=paging-toolbar] .x-form-text.x-form-invalid-field {
    border: 1px solid var(--red-error) !important;
  }
  #studyWorkspace textarea.x-form-text, #studyWorkspace textarea.x-form-display-field,
  #adminWorkspace textarea.x-form-text,
  #adminWorkspace textarea.x-form-display-field,
  #profileWorkspace textarea.x-form-text,
  #profileWorkspace textarea.x-form-display-field,
  #MaintenanceWorkspace textarea.x-form-text,
  #MaintenanceWorkspace textarea.x-form-display-field,
  #studiesGrid textarea.x-form-text,
  #studiesGrid textarea.x-form-display-field,
  #tasksGrid textarea.x-form-text,
  #tasksGrid textarea.x-form-display-field,
  #productPanel textarea.x-form-text,
  #productPanel textarea.x-form-display-field,
  #datarequestdetailsform textarea.x-form-text,
  #datarequestdetailsform textarea.x-form-display-field,
  div[id^=newstudyform-] textarea.x-form-text,
  div[id^=newstudyform-] textarea.x-form-display-field,
  div[id^=productform-] textarea.x-form-text,
  div[id^=productform-] textarea.x-form-display-field,
  div[id^=ProductRegionsGrid-] textarea.x-form-text,
  div[id^=ProductRegionsGrid-] textarea.x-form-display-field,
  div[id^=complianceEventForm-] textarea.x-form-text,
  div[id^=complianceEventForm-] textarea.x-form-display-field,
  .x-boundlist-floating div[id$=paging-toolbar] textarea.x-form-text,
  .x-boundlist-floating div[id$=paging-toolbar] textarea.x-form-display-field {
    height: auto;
    display: inline-block;
  }
  #studyWorkspace div.x-form-display-field,
  #adminWorkspace div.x-form-display-field,
  #profileWorkspace div.x-form-display-field,
  #MaintenanceWorkspace div.x-form-display-field,
  #studiesGrid div.x-form-display-field,
  #tasksGrid div.x-form-display-field,
  #productPanel div.x-form-display-field,
  #datarequestdetailsform div.x-form-display-field,
  div[id^=newstudyform-] div.x-form-display-field,
  div[id^=productform-] div.x-form-display-field,
  div[id^=ProductRegionsGrid-] div.x-form-display-field,
  div[id^=complianceEventForm-] div.x-form-display-field,
  .x-boundlist-floating div[id$=paging-toolbar] div.x-form-display-field {
    border: 1px solid var(--defining-grey);
  }
  #studyWorkspace .checkBoxColumnContentAlign .x-grid-cell-inner,
  #adminWorkspace .checkBoxColumnContentAlign .x-grid-cell-inner,
  #profileWorkspace .checkBoxColumnContentAlign .x-grid-cell-inner,
  #MaintenanceWorkspace .checkBoxColumnContentAlign .x-grid-cell-inner,
  #studiesGrid .checkBoxColumnContentAlign .x-grid-cell-inner,
  #tasksGrid .checkBoxColumnContentAlign .x-grid-cell-inner,
  #productPanel .checkBoxColumnContentAlign .x-grid-cell-inner,
  #datarequestdetailsform .checkBoxColumnContentAlign .x-grid-cell-inner,
  div[id^=newstudyform-] .checkBoxColumnContentAlign .x-grid-cell-inner,
  div[id^=productform-] .checkBoxColumnContentAlign .x-grid-cell-inner,
  div[id^=ProductRegionsGrid-] .checkBoxColumnContentAlign .x-grid-cell-inner,
  div[id^=complianceEventForm-] .checkBoxColumnContentAlign .x-grid-cell-inner,
  .x-boundlist-floating div[id$=paging-toolbar] .checkBoxColumnContentAlign .x-grid-cell-inner {
    width: 100%;
  }
  #studyWorkspace .x-tbar-page-number .x-form-trigger-wrap,
  #adminWorkspace .x-tbar-page-number .x-form-trigger-wrap,
  #profileWorkspace .x-tbar-page-number .x-form-trigger-wrap,
  #MaintenanceWorkspace .x-tbar-page-number .x-form-trigger-wrap,
  #studiesGrid .x-tbar-page-number .x-form-trigger-wrap,
  #tasksGrid .x-tbar-page-number .x-form-trigger-wrap,
  #productPanel .x-tbar-page-number .x-form-trigger-wrap,
  #datarequestdetailsform .x-tbar-page-number .x-form-trigger-wrap,
  div[id^=newstudyform-] .x-tbar-page-number .x-form-trigger-wrap,
  div[id^=productform-] .x-tbar-page-number .x-form-trigger-wrap,
  div[id^=ProductRegionsGrid-] .x-tbar-page-number .x-form-trigger-wrap,
  div[id^=complianceEventForm-] .x-tbar-page-number .x-form-trigger-wrap,
  .x-boundlist-floating div[id$=paging-toolbar] .x-tbar-page-number .x-form-trigger-wrap {
    border: 1px solid var(--defining-grey);
  }
  #studyWorkspace .x-form-trigger-wrap .x-form-text,
  #studyWorkspace .x-form-trigger-wrap .x-form-field,
  #adminWorkspace .x-form-trigger-wrap .x-form-text,
  #adminWorkspace .x-form-trigger-wrap .x-form-field,
  #profileWorkspace .x-form-trigger-wrap .x-form-text,
  #profileWorkspace .x-form-trigger-wrap .x-form-field,
  #MaintenanceWorkspace .x-form-trigger-wrap .x-form-text,
  #MaintenanceWorkspace .x-form-trigger-wrap .x-form-field,
  #studiesGrid .x-form-trigger-wrap .x-form-text,
  #studiesGrid .x-form-trigger-wrap .x-form-field,
  #tasksGrid .x-form-trigger-wrap .x-form-text,
  #tasksGrid .x-form-trigger-wrap .x-form-field,
  #productPanel .x-form-trigger-wrap .x-form-text,
  #productPanel .x-form-trigger-wrap .x-form-field,
  #datarequestdetailsform .x-form-trigger-wrap .x-form-text,
  #datarequestdetailsform .x-form-trigger-wrap .x-form-field,
  div[id^=newstudyform-] .x-form-trigger-wrap .x-form-text,
  div[id^=newstudyform-] .x-form-trigger-wrap .x-form-field,
  div[id^=productform-] .x-form-trigger-wrap .x-form-text,
  div[id^=productform-] .x-form-trigger-wrap .x-form-field,
  div[id^=ProductRegionsGrid-] .x-form-trigger-wrap .x-form-text,
  div[id^=ProductRegionsGrid-] .x-form-trigger-wrap .x-form-field,
  div[id^=complianceEventForm-] .x-form-trigger-wrap .x-form-text,
  div[id^=complianceEventForm-] .x-form-trigger-wrap .x-form-field,
  .x-boundlist-floating div[id$=paging-toolbar] .x-form-trigger-wrap .x-form-text,
  .x-boundlist-floating div[id$=paging-toolbar] .x-form-trigger-wrap .x-form-field {
    padding: 0 0 0 5px;
    height: var(--input-height);
    font: var(--field-text);
    border: 1px solid var(--roman-silver);
    border-right: none;
    border-radius: 2px 0 0 2px;
    background: var(--white);
    background-color: var(--white);
  }
  #studyWorkspace .x-form-arrow-trigger,
  #adminWorkspace .x-form-arrow-trigger,
  #profileWorkspace .x-form-arrow-trigger,
  #MaintenanceWorkspace .x-form-arrow-trigger,
  #studiesGrid .x-form-arrow-trigger,
  #tasksGrid .x-form-arrow-trigger,
  #productPanel .x-form-arrow-trigger,
  #datarequestdetailsform .x-form-arrow-trigger,
  div[id^=newstudyform-] .x-form-arrow-trigger,
  div[id^=productform-] .x-form-arrow-trigger,
  div[id^=ProductRegionsGrid-] .x-form-arrow-trigger,
  div[id^=complianceEventForm-] .x-form-arrow-trigger,
  .x-boundlist-floating div[id$=paging-toolbar] .x-form-arrow-trigger {
    height: var(--input-height);
    background-color: var(--white);
    background-image: url(../../resources/images/rebrand/expand_more_black_24dp.svg) !important;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid var(--roman-silver);
    border-left: none;
    border-radius: 0 2px 2px 0;
  }
  #studyWorkspace .x-column-header .x-form-arrow-trigger,
  #studyWorkspace .x-column-header .x-form-date-trigger,
  #adminWorkspace .x-column-header .x-form-arrow-trigger,
  #adminWorkspace .x-column-header .x-form-date-trigger,
  #profileWorkspace .x-column-header .x-form-arrow-trigger,
  #profileWorkspace .x-column-header .x-form-date-trigger,
  #MaintenanceWorkspace .x-column-header .x-form-arrow-trigger,
  #MaintenanceWorkspace .x-column-header .x-form-date-trigger,
  #studiesGrid .x-column-header .x-form-arrow-trigger,
  #studiesGrid .x-column-header .x-form-date-trigger,
  #tasksGrid .x-column-header .x-form-arrow-trigger,
  #tasksGrid .x-column-header .x-form-date-trigger,
  #productPanel .x-column-header .x-form-arrow-trigger,
  #productPanel .x-column-header .x-form-date-trigger,
  #datarequestdetailsform .x-column-header .x-form-arrow-trigger,
  #datarequestdetailsform .x-column-header .x-form-date-trigger,
  div[id^=newstudyform-] .x-column-header .x-form-arrow-trigger,
  div[id^=newstudyform-] .x-column-header .x-form-date-trigger,
  div[id^=productform-] .x-column-header .x-form-arrow-trigger,
  div[id^=productform-] .x-column-header .x-form-date-trigger,
  div[id^=ProductRegionsGrid-] .x-column-header .x-form-arrow-trigger,
  div[id^=ProductRegionsGrid-] .x-column-header .x-form-date-trigger,
  div[id^=complianceEventForm-] .x-column-header .x-form-arrow-trigger,
  div[id^=complianceEventForm-] .x-column-header .x-form-date-trigger,
  .x-boundlist-floating div[id$=paging-toolbar] .x-column-header .x-form-arrow-trigger,
  .x-boundlist-floating div[id$=paging-toolbar] .x-column-header .x-form-date-trigger {
    height: var(--input-height);
    border: none !important;
  }
  #studyWorkspace.filters-visible .x-column-header .x-form-arrow-trigger,
  #studyWorkspace.filters-visible .x-column-header .x-form-date-trigger,
  #adminWorkspace.filters-visible .x-column-header .x-form-arrow-trigger,
  #adminWorkspace.filters-visible .x-column-header .x-form-date-trigger,
  #profileWorkspace.filters-visible .x-column-header .x-form-arrow-trigger,
  #profileWorkspace.filters-visible .x-column-header .x-form-date-trigger,
  #MaintenanceWorkspace.filters-visible .x-column-header .x-form-arrow-trigger,
  #MaintenanceWorkspace.filters-visible .x-column-header .x-form-date-trigger,
  #studiesGrid.filters-visible .x-column-header .x-form-arrow-trigger,
  #studiesGrid.filters-visible .x-column-header .x-form-date-trigger,
  #tasksGrid.filters-visible .x-column-header .x-form-arrow-trigger,
  #tasksGrid.filters-visible .x-column-header .x-form-date-trigger,
  #productPanel.filters-visible .x-column-header .x-form-arrow-trigger,
  #productPanel.filters-visible .x-column-header .x-form-date-trigger,
  #datarequestdetailsform.filters-visible .x-column-header .x-form-arrow-trigger,
  #datarequestdetailsform.filters-visible .x-column-header .x-form-date-trigger,
  div[id^=newstudyform-].filters-visible .x-column-header .x-form-arrow-trigger,
  div[id^=newstudyform-].filters-visible .x-column-header .x-form-date-trigger,
  div[id^=productform-].filters-visible .x-column-header .x-form-arrow-trigger,
  div[id^=productform-].filters-visible .x-column-header .x-form-date-trigger,
  div[id^=ProductRegionsGrid-].filters-visible .x-column-header .x-form-arrow-trigger,
  div[id^=ProductRegionsGrid-].filters-visible .x-column-header .x-form-date-trigger,
  div[id^=complianceEventForm-].filters-visible .x-column-header .x-form-arrow-trigger,
  div[id^=complianceEventForm-].filters-visible .x-column-header .x-form-date-trigger,
  .x-boundlist-floating div[id$=paging-toolbar].filters-visible .x-column-header .x-form-arrow-trigger,
  .x-boundlist-floating div[id$=paging-toolbar].filters-visible .x-column-header .x-form-date-trigger {
    height: 26px;
  }
  #studyWorkspace.filters-visible .ext-ux-clearbutton,
  #adminWorkspace.filters-visible .ext-ux-clearbutton,
  #profileWorkspace.filters-visible .ext-ux-clearbutton,
  #MaintenanceWorkspace.filters-visible .ext-ux-clearbutton,
  #studiesGrid.filters-visible .ext-ux-clearbutton,
  #tasksGrid.filters-visible .ext-ux-clearbutton,
  #productPanel.filters-visible .ext-ux-clearbutton,
  #datarequestdetailsform.filters-visible .ext-ux-clearbutton,
  div[id^=newstudyform-].filters-visible .ext-ux-clearbutton,
  div[id^=productform-].filters-visible .ext-ux-clearbutton,
  div[id^=ProductRegionsGrid-].filters-visible .ext-ux-clearbutton,
  div[id^=complianceEventForm-].filters-visible .ext-ux-clearbutton,
  .x-boundlist-floating div[id$=paging-toolbar].filters-visible .ext-ux-clearbutton {
    margin: 0 !important;
    top: 8px !important;
  }
  #studyWorkspace .x-form-trigger-wrap:active .x-form-arrow-trigger,
  #adminWorkspace .x-form-trigger-wrap:active .x-form-arrow-trigger,
  #profileWorkspace .x-form-trigger-wrap:active .x-form-arrow-trigger,
  #MaintenanceWorkspace .x-form-trigger-wrap:active .x-form-arrow-trigger,
  #studiesGrid .x-form-trigger-wrap:active .x-form-arrow-trigger,
  #tasksGrid .x-form-trigger-wrap:active .x-form-arrow-trigger,
  #productPanel .x-form-trigger-wrap:active .x-form-arrow-trigger,
  #datarequestdetailsform .x-form-trigger-wrap:active .x-form-arrow-trigger,
  div[id^=newstudyform-] .x-form-trigger-wrap:active .x-form-arrow-trigger,
  div[id^=productform-] .x-form-trigger-wrap:active .x-form-arrow-trigger,
  div[id^=ProductRegionsGrid-] .x-form-trigger-wrap:active .x-form-arrow-trigger,
  div[id^=complianceEventForm-] .x-form-trigger-wrap:active .x-form-arrow-trigger,
  .x-boundlist-floating div[id$=paging-toolbar] .x-form-trigger-wrap:active .x-form-arrow-trigger {
    opacity: 1;
  }
  #studyWorkspace .x-form-date-trigger,
  #adminWorkspace .x-form-date-trigger,
  #profileWorkspace .x-form-date-trigger,
  #MaintenanceWorkspace .x-form-date-trigger,
  #studiesGrid .x-form-date-trigger,
  #tasksGrid .x-form-date-trigger,
  #productPanel .x-form-date-trigger,
  #datarequestdetailsform .x-form-date-trigger,
  div[id^=newstudyform-] .x-form-date-trigger,
  div[id^=productform-] .x-form-date-trigger,
  div[id^=ProductRegionsGrid-] .x-form-date-trigger,
  div[id^=complianceEventForm-] .x-form-date-trigger,
  .x-boundlist-floating div[id$=paging-toolbar] .x-form-date-trigger {
    height: var(--input-height);
    background-image: url(../../resources/images/rebrand/date_range_black_24dp.svg) !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px;
    border: 1px solid var(--grey);
    width: 25px;
  }
  #studyWorkspace .x-form-date-trigger.x-form-trigger,
  #adminWorkspace .x-form-date-trigger.x-form-trigger,
  #profileWorkspace .x-form-date-trigger.x-form-trigger,
  #MaintenanceWorkspace .x-form-date-trigger.x-form-trigger,
  #studiesGrid .x-form-date-trigger.x-form-trigger,
  #tasksGrid .x-form-date-trigger.x-form-trigger,
  #productPanel .x-form-date-trigger.x-form-trigger,
  #datarequestdetailsform .x-form-date-trigger.x-form-trigger,
  div[id^=newstudyform-] .x-form-date-trigger.x-form-trigger,
  div[id^=productform-] .x-form-date-trigger.x-form-trigger,
  div[id^=ProductRegionsGrid-] .x-form-date-trigger.x-form-trigger,
  div[id^=complianceEventForm-] .x-form-date-trigger.x-form-trigger,
  .x-boundlist-floating div[id$=paging-toolbar] .x-form-date-trigger.x-form-trigger {
    height: var(--input-height);
  }
  #studyWorkspace .x-item-disabled .x-form-item-label,
  #adminWorkspace .x-item-disabled .x-form-item-label,
  #profileWorkspace .x-item-disabled .x-form-item-label,
  #MaintenanceWorkspace .x-item-disabled .x-form-item-label,
  #studiesGrid .x-item-disabled .x-form-item-label,
  #tasksGrid .x-item-disabled .x-form-item-label,
  #productPanel .x-item-disabled .x-form-item-label,
  #datarequestdetailsform .x-item-disabled .x-form-item-label,
  div[id^=newstudyform-] .x-item-disabled .x-form-item-label,
  div[id^=productform-] .x-item-disabled .x-form-item-label,
  div[id^=ProductRegionsGrid-] .x-item-disabled .x-form-item-label,
  div[id^=complianceEventForm-] .x-item-disabled .x-form-item-label,
  .x-boundlist-floating div[id$=paging-toolbar] .x-item-disabled .x-form-item-label {
    opacity: 1;
  }
  #studyWorkspace .x-form-trigger-wrap-focus .x-form-trigger,
  #studyWorkspace .x-form-trigger-wrap-focus .x-form-trigger-over,
  #adminWorkspace .x-form-trigger-wrap-focus .x-form-trigger,
  #adminWorkspace .x-form-trigger-wrap-focus .x-form-trigger-over,
  #profileWorkspace .x-form-trigger-wrap-focus .x-form-trigger,
  #profileWorkspace .x-form-trigger-wrap-focus .x-form-trigger-over,
  #MaintenanceWorkspace .x-form-trigger-wrap-focus .x-form-trigger,
  #MaintenanceWorkspace .x-form-trigger-wrap-focus .x-form-trigger-over,
  #studiesGrid .x-form-trigger-wrap-focus .x-form-trigger,
  #studiesGrid .x-form-trigger-wrap-focus .x-form-trigger-over,
  #tasksGrid .x-form-trigger-wrap-focus .x-form-trigger,
  #tasksGrid .x-form-trigger-wrap-focus .x-form-trigger-over,
  #productPanel .x-form-trigger-wrap-focus .x-form-trigger,
  #productPanel .x-form-trigger-wrap-focus .x-form-trigger-over,
  #datarequestdetailsform .x-form-trigger-wrap-focus .x-form-trigger,
  #datarequestdetailsform .x-form-trigger-wrap-focus .x-form-trigger-over,
  div[id^=newstudyform-] .x-form-trigger-wrap-focus .x-form-trigger,
  div[id^=newstudyform-] .x-form-trigger-wrap-focus .x-form-trigger-over,
  div[id^=productform-] .x-form-trigger-wrap-focus .x-form-trigger,
  div[id^=productform-] .x-form-trigger-wrap-focus .x-form-trigger-over,
  div[id^=ProductRegionsGrid-] .x-form-trigger-wrap-focus .x-form-trigger,
  div[id^=ProductRegionsGrid-] .x-form-trigger-wrap-focus .x-form-trigger-over,
  div[id^=complianceEventForm-] .x-form-trigger-wrap-focus .x-form-trigger,
  div[id^=complianceEventForm-] .x-form-trigger-wrap-focus .x-form-trigger-over,
  .x-boundlist-floating div[id$=paging-toolbar] .x-form-trigger-wrap-focus .x-form-trigger,
  .x-boundlist-floating div[id$=paging-toolbar] .x-form-trigger-wrap-focus .x-form-trigger-over {
    background-position: center center;
  }
  #studyWorkspace .fieldReadOnly input,
  #studyWorkspace .fieldReadOnly textarea,
  #studyWorkspace .fieldReadOnly .x-form-trigger,
  #studyWorkspace .fieldReadOnly .x-form-trigger-wrap,
  #adminWorkspace .fieldReadOnly input,
  #adminWorkspace .fieldReadOnly textarea,
  #adminWorkspace .fieldReadOnly .x-form-trigger,
  #adminWorkspace .fieldReadOnly .x-form-trigger-wrap,
  #profileWorkspace .fieldReadOnly input,
  #profileWorkspace .fieldReadOnly textarea,
  #profileWorkspace .fieldReadOnly .x-form-trigger,
  #profileWorkspace .fieldReadOnly .x-form-trigger-wrap,
  #MaintenanceWorkspace .fieldReadOnly input,
  #MaintenanceWorkspace .fieldReadOnly textarea,
  #MaintenanceWorkspace .fieldReadOnly .x-form-trigger,
  #MaintenanceWorkspace .fieldReadOnly .x-form-trigger-wrap,
  #studiesGrid .fieldReadOnly input,
  #studiesGrid .fieldReadOnly textarea,
  #studiesGrid .fieldReadOnly .x-form-trigger,
  #studiesGrid .fieldReadOnly .x-form-trigger-wrap,
  #tasksGrid .fieldReadOnly input,
  #tasksGrid .fieldReadOnly textarea,
  #tasksGrid .fieldReadOnly .x-form-trigger,
  #tasksGrid .fieldReadOnly .x-form-trigger-wrap,
  #productPanel .fieldReadOnly input,
  #productPanel .fieldReadOnly textarea,
  #productPanel .fieldReadOnly .x-form-trigger,
  #productPanel .fieldReadOnly .x-form-trigger-wrap,
  #datarequestdetailsform .fieldReadOnly input,
  #datarequestdetailsform .fieldReadOnly textarea,
  #datarequestdetailsform .fieldReadOnly .x-form-trigger,
  #datarequestdetailsform .fieldReadOnly .x-form-trigger-wrap,
  div[id^=newstudyform-] .fieldReadOnly input,
  div[id^=newstudyform-] .fieldReadOnly textarea,
  div[id^=newstudyform-] .fieldReadOnly .x-form-trigger,
  div[id^=newstudyform-] .fieldReadOnly .x-form-trigger-wrap,
  div[id^=productform-] .fieldReadOnly input,
  div[id^=productform-] .fieldReadOnly textarea,
  div[id^=productform-] .fieldReadOnly .x-form-trigger,
  div[id^=productform-] .fieldReadOnly .x-form-trigger-wrap,
  div[id^=ProductRegionsGrid-] .fieldReadOnly input,
  div[id^=ProductRegionsGrid-] .fieldReadOnly textarea,
  div[id^=ProductRegionsGrid-] .fieldReadOnly .x-form-trigger,
  div[id^=ProductRegionsGrid-] .fieldReadOnly .x-form-trigger-wrap,
  div[id^=complianceEventForm-] .fieldReadOnly input,
  div[id^=complianceEventForm-] .fieldReadOnly textarea,
  div[id^=complianceEventForm-] .fieldReadOnly .x-form-trigger,
  div[id^=complianceEventForm-] .fieldReadOnly .x-form-trigger-wrap,
  .x-boundlist-floating div[id$=paging-toolbar] .fieldReadOnly input,
  .x-boundlist-floating div[id$=paging-toolbar] .fieldReadOnly textarea,
  .x-boundlist-floating div[id$=paging-toolbar] .fieldReadOnly .x-form-trigger,
  .x-boundlist-floating div[id$=paging-toolbar] .fieldReadOnly .x-form-trigger-wrap {
    background-color: unset !important;
    border-color: var(--defining-grey) !important;
    margin-bottom: 1px;
  }
  #studyWorkspace .fieldReadOnly .x-boolean-with-unknown .x-form-trigger,
  #studyWorkspace .fieldReadOnly .x-boolean-with-unknown .x-form-field:not([type=text]),
  #adminWorkspace .fieldReadOnly .x-boolean-with-unknown .x-form-trigger,
  #adminWorkspace .fieldReadOnly .x-boolean-with-unknown .x-form-field:not([type=text]),
  #profileWorkspace .fieldReadOnly .x-boolean-with-unknown .x-form-trigger,
  #profileWorkspace .fieldReadOnly .x-boolean-with-unknown .x-form-field:not([type=text]),
  #MaintenanceWorkspace .fieldReadOnly .x-boolean-with-unknown .x-form-trigger,
  #MaintenanceWorkspace .fieldReadOnly .x-boolean-with-unknown .x-form-field:not([type=text]),
  #studiesGrid .fieldReadOnly .x-boolean-with-unknown .x-form-trigger,
  #studiesGrid .fieldReadOnly .x-boolean-with-unknown .x-form-field:not([type=text]),
  #tasksGrid .fieldReadOnly .x-boolean-with-unknown .x-form-trigger,
  #tasksGrid .fieldReadOnly .x-boolean-with-unknown .x-form-field:not([type=text]),
  #productPanel .fieldReadOnly .x-boolean-with-unknown .x-form-trigger,
  #productPanel .fieldReadOnly .x-boolean-with-unknown .x-form-field:not([type=text]),
  #datarequestdetailsform .fieldReadOnly .x-boolean-with-unknown .x-form-trigger,
  #datarequestdetailsform .fieldReadOnly .x-boolean-with-unknown .x-form-field:not([type=text]),
  div[id^=newstudyform-] .fieldReadOnly .x-boolean-with-unknown .x-form-trigger,
  div[id^=newstudyform-] .fieldReadOnly .x-boolean-with-unknown .x-form-field:not([type=text]),
  div[id^=productform-] .fieldReadOnly .x-boolean-with-unknown .x-form-trigger,
  div[id^=productform-] .fieldReadOnly .x-boolean-with-unknown .x-form-field:not([type=text]),
  div[id^=ProductRegionsGrid-] .fieldReadOnly .x-boolean-with-unknown .x-form-trigger,
  div[id^=ProductRegionsGrid-] .fieldReadOnly .x-boolean-with-unknown .x-form-field:not([type=text]),
  div[id^=complianceEventForm-] .fieldReadOnly .x-boolean-with-unknown .x-form-trigger,
  div[id^=complianceEventForm-] .fieldReadOnly .x-boolean-with-unknown .x-form-field:not([type=text]),
  .x-boundlist-floating div[id$=paging-toolbar] .fieldReadOnly .x-boolean-with-unknown .x-form-trigger,
  .x-boundlist-floating div[id$=paging-toolbar] .fieldReadOnly .x-boolean-with-unknown .x-form-field:not([type=text]) {
    display: none;
  }
  #studyWorkspace .fieldReadOnly .x-boolean-with-unknown .x-trigger-cell,
  #studyWorkspace .fieldReadOnly .x-trigger-cell,
  #adminWorkspace .fieldReadOnly .x-boolean-with-unknown .x-trigger-cell,
  #adminWorkspace .fieldReadOnly .x-trigger-cell,
  #profileWorkspace .fieldReadOnly .x-boolean-with-unknown .x-trigger-cell,
  #profileWorkspace .fieldReadOnly .x-trigger-cell,
  #MaintenanceWorkspace .fieldReadOnly .x-boolean-with-unknown .x-trigger-cell,
  #MaintenanceWorkspace .fieldReadOnly .x-trigger-cell,
  #studiesGrid .fieldReadOnly .x-boolean-with-unknown .x-trigger-cell,
  #studiesGrid .fieldReadOnly .x-trigger-cell,
  #tasksGrid .fieldReadOnly .x-boolean-with-unknown .x-trigger-cell,
  #tasksGrid .fieldReadOnly .x-trigger-cell,
  #productPanel .fieldReadOnly .x-boolean-with-unknown .x-trigger-cell,
  #productPanel .fieldReadOnly .x-trigger-cell,
  #datarequestdetailsform .fieldReadOnly .x-boolean-with-unknown .x-trigger-cell,
  #datarequestdetailsform .fieldReadOnly .x-trigger-cell,
  div[id^=newstudyform-] .fieldReadOnly .x-boolean-with-unknown .x-trigger-cell,
  div[id^=newstudyform-] .fieldReadOnly .x-trigger-cell,
  div[id^=productform-] .fieldReadOnly .x-boolean-with-unknown .x-trigger-cell,
  div[id^=productform-] .fieldReadOnly .x-trigger-cell,
  div[id^=ProductRegionsGrid-] .fieldReadOnly .x-boolean-with-unknown .x-trigger-cell,
  div[id^=ProductRegionsGrid-] .fieldReadOnly .x-trigger-cell,
  div[id^=complianceEventForm-] .fieldReadOnly .x-boolean-with-unknown .x-trigger-cell,
  div[id^=complianceEventForm-] .fieldReadOnly .x-trigger-cell,
  .x-boundlist-floating div[id$=paging-toolbar] .fieldReadOnly .x-boolean-with-unknown .x-trigger-cell,
  .x-boundlist-floating div[id$=paging-toolbar] .fieldReadOnly .x-trigger-cell {
    border: none;
  }
  #studyWorkspace .fieldReadOnly .x-boolean-with-unknown .x-form-trigger-input-cell,
  #adminWorkspace .fieldReadOnly .x-boolean-with-unknown .x-form-trigger-input-cell,
  #profileWorkspace .fieldReadOnly .x-boolean-with-unknown .x-form-trigger-input-cell,
  #MaintenanceWorkspace .fieldReadOnly .x-boolean-with-unknown .x-form-trigger-input-cell,
  #studiesGrid .fieldReadOnly .x-boolean-with-unknown .x-form-trigger-input-cell,
  #tasksGrid .fieldReadOnly .x-boolean-with-unknown .x-form-trigger-input-cell,
  #productPanel .fieldReadOnly .x-boolean-with-unknown .x-form-trigger-input-cell,
  #datarequestdetailsform .fieldReadOnly .x-boolean-with-unknown .x-form-trigger-input-cell,
  div[id^=newstudyform-] .fieldReadOnly .x-boolean-with-unknown .x-form-trigger-input-cell,
  div[id^=productform-] .fieldReadOnly .x-boolean-with-unknown .x-form-trigger-input-cell,
  div[id^=ProductRegionsGrid-] .fieldReadOnly .x-boolean-with-unknown .x-form-trigger-input-cell,
  div[id^=complianceEventForm-] .fieldReadOnly .x-boolean-with-unknown .x-form-trigger-input-cell,
  .x-boundlist-floating div[id$=paging-toolbar] .fieldReadOnly .x-boolean-with-unknown .x-form-trigger-input-cell {
    border: 1px solid var(--defining-grey);
    border-radius: 2px;
    height: var(--input-height);
  }
  #studyWorkspace .fieldReadOnly .x-boolean-with-unknown .x-form-trigger-input-cell .x-form-field,
  #adminWorkspace .fieldReadOnly .x-boolean-with-unknown .x-form-trigger-input-cell .x-form-field,
  #profileWorkspace .fieldReadOnly .x-boolean-with-unknown .x-form-trigger-input-cell .x-form-field,
  #MaintenanceWorkspace .fieldReadOnly .x-boolean-with-unknown .x-form-trigger-input-cell .x-form-field,
  #studiesGrid .fieldReadOnly .x-boolean-with-unknown .x-form-trigger-input-cell .x-form-field,
  #tasksGrid .fieldReadOnly .x-boolean-with-unknown .x-form-trigger-input-cell .x-form-field,
  #productPanel .fieldReadOnly .x-boolean-with-unknown .x-form-trigger-input-cell .x-form-field,
  #datarequestdetailsform .fieldReadOnly .x-boolean-with-unknown .x-form-trigger-input-cell .x-form-field,
  div[id^=newstudyform-] .fieldReadOnly .x-boolean-with-unknown .x-form-trigger-input-cell .x-form-field,
  div[id^=productform-] .fieldReadOnly .x-boolean-with-unknown .x-form-trigger-input-cell .x-form-field,
  div[id^=ProductRegionsGrid-] .fieldReadOnly .x-boolean-with-unknown .x-form-trigger-input-cell .x-form-field,
  div[id^=complianceEventForm-] .fieldReadOnly .x-boolean-with-unknown .x-form-trigger-input-cell .x-form-field,
  .x-boundlist-floating div[id$=paging-toolbar] .fieldReadOnly .x-boolean-with-unknown .x-form-trigger-input-cell .x-form-field {
    border: none;
  }
  #studyWorkspace .fieldReadOnly .x-form-trigger,
  #adminWorkspace .fieldReadOnly .x-form-trigger,
  #profileWorkspace .fieldReadOnly .x-form-trigger,
  #MaintenanceWorkspace .fieldReadOnly .x-form-trigger,
  #studiesGrid .fieldReadOnly .x-form-trigger,
  #tasksGrid .fieldReadOnly .x-form-trigger,
  #productPanel .fieldReadOnly .x-form-trigger,
  #datarequestdetailsform .fieldReadOnly .x-form-trigger,
  div[id^=newstudyform-] .fieldReadOnly .x-form-trigger,
  div[id^=productform-] .fieldReadOnly .x-form-trigger,
  div[id^=ProductRegionsGrid-] .fieldReadOnly .x-form-trigger,
  div[id^=complianceEventForm-] .fieldReadOnly .x-form-trigger,
  .x-boundlist-floating div[id$=paging-toolbar] .fieldReadOnly .x-form-trigger {
    border: none;
    background: none !important;
  }
  #studyWorkspace .fieldReadOnly .x-form-trigger-wrap .x-form-text,
  #studyWorkspace .fieldReadOnly .x-form-trigger-wrap .x-form-field,
  #adminWorkspace .fieldReadOnly .x-form-trigger-wrap .x-form-text,
  #adminWorkspace .fieldReadOnly .x-form-trigger-wrap .x-form-field,
  #profileWorkspace .fieldReadOnly .x-form-trigger-wrap .x-form-text,
  #profileWorkspace .fieldReadOnly .x-form-trigger-wrap .x-form-field,
  #MaintenanceWorkspace .fieldReadOnly .x-form-trigger-wrap .x-form-text,
  #MaintenanceWorkspace .fieldReadOnly .x-form-trigger-wrap .x-form-field,
  #studiesGrid .fieldReadOnly .x-form-trigger-wrap .x-form-text,
  #studiesGrid .fieldReadOnly .x-form-trigger-wrap .x-form-field,
  #tasksGrid .fieldReadOnly .x-form-trigger-wrap .x-form-text,
  #tasksGrid .fieldReadOnly .x-form-trigger-wrap .x-form-field,
  #productPanel .fieldReadOnly .x-form-trigger-wrap .x-form-text,
  #productPanel .fieldReadOnly .x-form-trigger-wrap .x-form-field,
  #datarequestdetailsform .fieldReadOnly .x-form-trigger-wrap .x-form-text,
  #datarequestdetailsform .fieldReadOnly .x-form-trigger-wrap .x-form-field,
  div[id^=newstudyform-] .fieldReadOnly .x-form-trigger-wrap .x-form-text,
  div[id^=newstudyform-] .fieldReadOnly .x-form-trigger-wrap .x-form-field,
  div[id^=productform-] .fieldReadOnly .x-form-trigger-wrap .x-form-text,
  div[id^=productform-] .fieldReadOnly .x-form-trigger-wrap .x-form-field,
  div[id^=ProductRegionsGrid-] .fieldReadOnly .x-form-trigger-wrap .x-form-text,
  div[id^=ProductRegionsGrid-] .fieldReadOnly .x-form-trigger-wrap .x-form-field,
  div[id^=complianceEventForm-] .fieldReadOnly .x-form-trigger-wrap .x-form-text,
  div[id^=complianceEventForm-] .fieldReadOnly .x-form-trigger-wrap .x-form-field,
  .x-boundlist-floating div[id$=paging-toolbar] .fieldReadOnly .x-form-trigger-wrap .x-form-text,
  .x-boundlist-floating div[id$=paging-toolbar] .fieldReadOnly .x-form-trigger-wrap .x-form-field {
    border-right: 1px solid var(--defining-grey);
    border-radius: 2px;
  }
  #adminWorkspace .x-form-checkbox:disabled {
    opacity: 0.3;
  }
  .x-editor .ext-ux-clearbutton, #studyWorkspace .ext-ux-clearbutton,
  #adminWorkspace .ext-ux-clearbutton,
  #profileWorkspace .ext-ux-clearbutton,
  #MaintenanceWorkspace .ext-ux-clearbutton,
  #studiesGrid .ext-ux-clearbutton,
  #tasksGrid .ext-ux-clearbutton,
  #productPanel .ext-ux-clearbutton,
  #datarequestdetailsform .ext-ux-clearbutton,
  div[id^=newstudyform-] .ext-ux-clearbutton,
  div[id^=productform-] .ext-ux-clearbutton,
  div[id^=ProductRegionsGrid-] .ext-ux-clearbutton,
  div[id^=complianceEventForm-] .ext-ux-clearbutton,
  .x-boundlist-floating div[id$=paging-toolbar] .ext-ux-clearbutton {
    top: calc(50% - 10px) !important;
    right: 25px !important;
    background-size: 12px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
  }
  #studyTab_Properties-body .ext-ux-clearbutton {
    top: 37px !important;
  }
  div[id^=newstudyform-] .x-form-item-label {
    height: var(--input-height);
    line-height: 30px;
  }
  div[id^=newstudyform-] .x-fieldset .x-fieldset-header-text {
    padding-left: 0;
    padding-bottom: 5px;
  }
  .x-boundlist-floating div[id$=paging-toolbar] .x-tbar-page-number .x-form-trigger-wrap {
    border: none;
  }
  .x-boundlist-floating div[id$=paging-toolbar] .x-tbar-page-number .x-form-trigger-wrap .x-form-field {
    border-right: 1px solid var(--roman-silver);
    border-radius: 2px;
  }
  .x-boundlist-floating div[id$=paging-toolbar] .x-form-trigger-wrap .x-form-field {
    font: var(--toolbar-text) !important;
  }
  #studyWorkspace .x-field-ctis-info div.x-form-display-field {
    font: var(--note-text) !important;
    padding: 0 5px !important;
    border: none !important;
    line-height: 10px;
  }
  #studyWorkspace .x-tbar-page-number .x-form-trigger-wrap {
    border: none;
  }
  #studyWorkspace .x-tbar-page-number .x-form-field {
    border-right: 1px solid var(--roman-silver);
    border-radius: 2px;
  }
  #adminWorkspace .docked-paging .x-tbar-page-number .x-form-field {
    border-radius: 2px;
  }
  #studyWorkspace .forms-compare-fieldset .x-form-trigger-wrap .x-form-field {
    width: auto;
  }
  .multi_form_field_control input {
    width: 80px !important;
  }
  .multi_form_field_control .read-only-field {
    display: block;
    width: 174px;
    padding-left: 8px;
  }
  .x-form-search-trigger, .x-form-search-trigger-over {
    background-image: url(../../resources/images/icons/Material/search_dark.svg) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px;
  }
  .x-form-search-trigger.x-form-trigger, .x-form-search-trigger-over.x-form-trigger {
    border: 1px solid var(--roman-silver);
    border-radius: 0 2px 2px 0;
    border-left: none;
    height: var(--input-height);
  }
  .status-text {
    color: var(--primary-main-2);
  }
  .status-error {
    color: var(--red-error);
  }
  .confirm-property-highlight {
    color: var(--primary-main-2);
  }
  .x-toolbar .x-toolbar-text {
    margin-left: 4px;
    margin-right: 6px;
    white-space: nowrap;
    color: var(--dark-grey);
    font: var(--toolbar-text) !important;
  }
  #studyWorkspace .x-btn-default-toolbar-small .x-btn-inner {
    font: var(--button-small-text) !important;
    color: var(--dark-grey);
    padding-top: 2px;
  }
  .x-property-grid .x-grid-row .x-grid-property-name .x-grid-cell-inner, .x-property-grid .x-grid-row-over .x-grid-property-name .x-grid-cell-inner {
    background-image: none;
    padding-left: 7px;
  }
  .x-fieldset-header .x-fieldset-header-text {
    text-align: left;
    font: var(--header-2);
    letter-spacing: 0px;
    color: var(--dark-grey);
    text-transform: capitalize;
    opacity: 1;
  }
  .x-panel-header-text {
    color: var(--dark-grey) !important;
  }
  #studyWorkspace_header_section {
    background: var(--white);
    border-bottom: 2px solid var(--primary-main-2) !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    padding: 10px 25px 12px;
  }
  #studyWorkspace_header_section .studyWS, #studyWorkspace_header_section .dataRequestWS {
    background-image: none;
    padding-left: 0px;
  }
  #studyWorkspace {
    margin-top: 0 !important;
  }
  #studyWorkspace-body {
    overflow-y: auto;
    padding-top: 10px;
  }
  #studyTab_ActionHistoryWorkspace {
    background: none;
    border: none;
  }
  #studyTab_SubmissionWorkspace .x-form-item-label {
    margin-top: 0;
  }
  #studyTab_SubmissionWorkspace .x-btn.x-noicon:not(#submissionToolbar-menu-trigger), #studyTab_SubmissionWorkspace .x-btn.s-blue:not(#submissionToolbar-menu-trigger) {
    line-height: 20px;
    vertical-align: middle;
    margin: 0 5px 5px 0px !important;
    border-radius: var(--button-border-radius);
    height: 45px;
    padding: 3px 12px !important;
  }
  #studyTab_SubmissionWorkspace .x-btn.x-noicon:not(#submissionToolbar-menu-trigger) span, #studyTab_SubmissionWorkspace .x-btn.s-blue:not(#submissionToolbar-menu-trigger) span {
    font: var(--button-text) !important;
    font-style: normal;
    height: 20px !important;
    font-weight: 700;
    vertical-align: middle;
  }
  #studyTab_SubmissionWorkspace .createSubmissionValidationMessage .x-form-display-field {
    height: auto !important;
  }
  #studyTab_SubmissionWorkspace .createSubmissionValidationMessage li {
    list-style-type: initial;
  }
  #studyTab_SubmissionWorkspace div.x-form-display-field {
    width: auto !important;
    min-width: 150px;
    height: auto !important;
    min-height: var(--input-height);
    display: block;
  }
  .x-menu .x-menu-body {
    background: var(--white) !important;
    padding: 8px 0 !important;
  }
  .x-menu .x-panel-body-default {
    background: var(--white) !important;
    border: none !important;
  }
  .x-menu .x-menu-item-active .x-menu-item-link {
    background: var(--snow) !important;
    border: none !important;
    padding-left: 7px !important;
    margin: 0;
  }
  .x-menu .x-menu-item-arrow {
    background: url("../../resources/images/rebrand/next.svg") no-repeat;
    width: 20px !important;
    height: 20px !important;
    margin-top: 5px;
    margin-right: 10px;
  }
  .x-menu .x-vertical-box-overflow-body img.x-menu-item-arrow {
    background: url("../../resources/images/rebrand/next.svg") no-repeat !important;
    width: 14px !important;
    height: 14px !important;
    margin-top: -2px;
    margin-right: 13px;
    background-position: -2px -6px !important;
  }
  #studyWorkspace-body div[id^=ProductRegionsGrid-] .x-form-date-trigger,
  #studyWorkspace-body div[id^=secondaryIdGrid-] .x-form-date-trigger,
  #studyWorkspace-body .amendmentsGrid .x-form-date-trigger, #productPanel div[id^=ProductRegionsGrid-] .x-form-date-trigger,
  #productPanel div[id^=secondaryIdGrid-] .x-form-date-trigger,
  #productPanel .amendmentsGrid .x-form-date-trigger {
    width: 18px !important;
  }
  #studyWorkspace-body div[id^=ProductRegionsGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon,
  #studyWorkspace-body div[id^=secondaryIdGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon,
  #studyWorkspace-body .amendmentsGrid .x-grid-row-editor-buttons .x-btn.x-noicon, #productPanel div[id^=ProductRegionsGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon,
  #productPanel div[id^=secondaryIdGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon,
  #productPanel .amendmentsGrid .x-grid-row-editor-buttons .x-btn.x-noicon {
    padding: 5px 16px !important;
    border-radius: 1px;
    height: 25px !important;
    margin: 0 !important;
  }
  #studyWorkspace-body div[id^=ProductRegionsGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon .x-btn-center,
  #studyWorkspace-body div[id^=secondaryIdGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon .x-btn-center,
  #studyWorkspace-body .amendmentsGrid .x-grid-row-editor-buttons .x-btn.x-noicon .x-btn-center, #productPanel div[id^=ProductRegionsGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon .x-btn-center,
  #productPanel div[id^=secondaryIdGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon .x-btn-center,
  #productPanel .amendmentsGrid .x-grid-row-editor-buttons .x-btn.x-noicon .x-btn-center {
    height: 16px !important;
  }
  #studyWorkspace-body div[id^=ProductRegionsGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon .x-btn-inner,
  #studyWorkspace-body div[id^=secondaryIdGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon .x-btn-inner,
  #studyWorkspace-body .amendmentsGrid .x-grid-row-editor-buttons .x-btn.x-noicon .x-btn-inner, #productPanel div[id^=ProductRegionsGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon .x-btn-inner,
  #productPanel div[id^=secondaryIdGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon .x-btn-inner,
  #productPanel .amendmentsGrid .x-grid-row-editor-buttons .x-btn.x-noicon .x-btn-inner {
    font: var(--button-small-text) !important;
  }
  #studyWorkspace-body div[id^=ProductRegionsGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:first-child,
  #studyWorkspace-body div[id^=secondaryIdGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:first-child,
  #studyWorkspace-body .amendmentsGrid .x-grid-row-editor-buttons .x-btn.x-noicon:first-child, #productPanel div[id^=ProductRegionsGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:first-child,
  #productPanel div[id^=secondaryIdGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:first-child,
  #productPanel .amendmentsGrid .x-grid-row-editor-buttons .x-btn.x-noicon:first-child {
    background: var(--main-button-normal);
    color: var(--white) !important;
    border: none !important;
  }
  #studyWorkspace-body div[id^=ProductRegionsGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:first-child:hover,
  #studyWorkspace-body div[id^=secondaryIdGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:first-child:hover,
  #studyWorkspace-body .amendmentsGrid .x-grid-row-editor-buttons .x-btn.x-noicon:first-child:hover, #productPanel div[id^=ProductRegionsGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:first-child:hover,
  #productPanel div[id^=secondaryIdGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:first-child:hover,
  #productPanel .amendmentsGrid .x-grid-row-editor-buttons .x-btn.x-noicon:first-child:hover {
    background: var(--main-button-hover);
  }
  #studyWorkspace-body div[id^=ProductRegionsGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:first-child.x-pressed, #studyWorkspace-body div[id^=ProductRegionsGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:first-child:active,
  #studyWorkspace-body div[id^=secondaryIdGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:first-child.x-pressed,
  #studyWorkspace-body div[id^=secondaryIdGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:first-child:active,
  #studyWorkspace-body .amendmentsGrid .x-grid-row-editor-buttons .x-btn.x-noicon:first-child.x-pressed,
  #studyWorkspace-body .amendmentsGrid .x-grid-row-editor-buttons .x-btn.x-noicon:first-child:active, #productPanel div[id^=ProductRegionsGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:first-child.x-pressed, #productPanel div[id^=ProductRegionsGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:first-child:active,
  #productPanel div[id^=secondaryIdGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:first-child.x-pressed,
  #productPanel div[id^=secondaryIdGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:first-child:active,
  #productPanel .amendmentsGrid .x-grid-row-editor-buttons .x-btn.x-noicon:first-child.x-pressed,
  #productPanel .amendmentsGrid .x-grid-row-editor-buttons .x-btn.x-noicon:first-child:active {
    background: var(--main-button-active);
  }
  #studyWorkspace-body div[id^=ProductRegionsGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:first-child .x-btn-inner,
  #studyWorkspace-body div[id^=secondaryIdGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:first-child .x-btn-inner,
  #studyWorkspace-body .amendmentsGrid .x-grid-row-editor-buttons .x-btn.x-noicon:first-child .x-btn-inner, #productPanel div[id^=ProductRegionsGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:first-child .x-btn-inner,
  #productPanel div[id^=secondaryIdGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:first-child .x-btn-inner,
  #productPanel .amendmentsGrid .x-grid-row-editor-buttons .x-btn.x-noicon:first-child .x-btn-inner {
    color: var(--white) !important;
  }
  #studyWorkspace-body div[id^=ProductRegionsGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:last-child,
  #studyWorkspace-body div[id^=secondaryIdGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:last-child,
  #studyWorkspace-body .amendmentsGrid .x-grid-row-editor-buttons .x-btn.x-noicon:last-child, #productPanel div[id^=ProductRegionsGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:last-child,
  #productPanel div[id^=secondaryIdGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:last-child,
  #productPanel .amendmentsGrid .x-grid-row-editor-buttons .x-btn.x-noicon:last-child {
    background: var(--white);
    border: 1px solid var(--defining-grey);
  }
  #studyWorkspace-body div[id^=ProductRegionsGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:last-child:hover,
  #studyWorkspace-body div[id^=secondaryIdGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:last-child:hover,
  #studyWorkspace-body .amendmentsGrid .x-grid-row-editor-buttons .x-btn.x-noicon:last-child:hover, #productPanel div[id^=ProductRegionsGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:last-child:hover,
  #productPanel div[id^=secondaryIdGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:last-child:hover,
  #productPanel .amendmentsGrid .x-grid-row-editor-buttons .x-btn.x-noicon:last-child:hover {
    background: var(--snow);
  }
  #studyWorkspace-body div[id^=ProductRegionsGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:last-child.x-pressed, #studyWorkspace-body div[id^=ProductRegionsGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:last-child:active,
  #studyWorkspace-body div[id^=secondaryIdGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:last-child.x-pressed,
  #studyWorkspace-body div[id^=secondaryIdGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:last-child:active,
  #studyWorkspace-body .amendmentsGrid .x-grid-row-editor-buttons .x-btn.x-noicon:last-child.x-pressed,
  #studyWorkspace-body .amendmentsGrid .x-grid-row-editor-buttons .x-btn.x-noicon:last-child:active, #productPanel div[id^=ProductRegionsGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:last-child.x-pressed, #productPanel div[id^=ProductRegionsGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:last-child:active,
  #productPanel div[id^=secondaryIdGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:last-child.x-pressed,
  #productPanel div[id^=secondaryIdGrid-] .x-grid-row-editor-buttons .x-btn.x-noicon:last-child:active,
  #productPanel .amendmentsGrid .x-grid-row-editor-buttons .x-btn.x-noicon:last-child.x-pressed,
  #productPanel .amendmentsGrid .x-grid-row-editor-buttons .x-btn.x-noicon:last-child:active {
    background: var(--defining-grey);
  }
  /* START::login page overrides*/
  #userName .x-form-item-label, #loginWindow-body .x-form-item-label, #passwordWindow-body .x-form-item-label {
    text-align: left;
    font: var(--label-text) !important;
    letter-spacing: 0px;
    color: var(--dark-grey);
    opacity: 1;
  }
  #loginWindow-body .x-form-item-label, #passwordWindow-body .x-form-item-label {
    margin-top: 10px;
  }
  #passwordWindow {
    background-color: var(--white) !important;
  }
  #loginWindow #loginWindow_header {
    display: none;
  }
  .x-window-default {
    border: none;
    background: none;
    border-radius: 0 !important;
    box-shadow: none;
  }
  .x-window-default .x-window-header-default-top {
    box-shadow: none;
  }
  #loginWindow-body.x-window-body {
    background-color: var(--white);
    border: 1px solid var(--defining-grey);
    border-radius: 6px;
    opacity: 1;
  }
  .pcm-toolwindow {
    padding: 7px;
  }
  .pcm-small-toolbar .x-toolbar span {
    font-size: 12px !important;
  }
  .x-menu-item-icon-right {
    display: none;
  }
  #win-datafields .x-panel-body {
    overflow-y: auto;
    margin: -1px;
  }
  .x-form-file-wrap input, .x-form-file-wrap .x-btn {
    height: 30px !important;
  }
  .pcm-toolwindow {
    padding: 7px;
  }
  .pcm-small-toolbar .x-toolbar span {
    font-size: 12px !important;
  }
  .x-menu-item-icon-right {
    display: none;
  }
  #win-datafields .x-panel-body {
    overflow-y: auto;
    margin: -1px;
  }
  #loginWindow-body .x-panel-default {
    background-color: var(--white);
  }
  #loginWindow.x-window-default {
    background-color: transparent !important;
  }
  .x-message-box .x-window-body, .x-window-default {
    background-color: var(--white);
    border-radius: 6px !important;
  }
  .x-window.x-message-box.x-layer.x-window-default.x-closable.x-window-closable.x-window-default-closable {
    background-color: var(--white);
    border: 0;
  }
  .x-window-header-text-default {
    color: var(--dark-grey);
    font: var(--table-header) !important;
    line-height: 17px;
    padding-left: 5px;
  }
  #loginWindow .x-table-layout {
    width: 498px;
  }
  input[name=userName].x-form-field, input[name=password].x-form-field, input[name=newPassword], input[name=confirmPassword] {
    width: 230px !important;
    height: 48px !important;
    background: var(--white) 0% 0% no-repeat padding-box !important;
    border: 1px solid var(--grey);
    border-radius: 2px;
    opacity: 1 !important;
    text-align: left;
    font: var(--field-text);
    letter-spacing: 0px;
    color: var(--dark-grey);
    opacity: 1;
    padding-left: 16px !important;
  }
  #loginWindow .x-form-trigger-wrap-focus .x-form-trigger {
    background-position: 0 0;
    border-bottom-color: unset;
  }
  input[name=userName] {
    margin-top: 24px;
  }
  #userName-inputRow #userName-labelCell .x-form-item-label {
    margin-top: 34px;
  }
  .pink-button {
    left: 190px !important;
  }
  div[id^=pcmLeftBar-].x-bar-inner {
    margin-left: 17px !important;
  }
  /*.leftbarrebrand*/
  div[id^=pcmLeftBar-] .x-hide-offsets .x-tool img.x-tool-collapse-left {
    width: 15px;
    height: 15px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url("../../resources/images/rebrand/clear-icon.svg");
    margin: 0;
    cursor: pointer;
    overflow: hidden;
  }
  /*.leftbarrebrand*/
  #studyTab_Compliance img.x-tool-collapse-left {
    width: 24px;
    height: 24px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url("../../resources/images/rebrand/chevron_left-24px.svg") !important;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
    left: 10px;
    top: 3px;
  }
  div[id^=pcmRightBar-placeholder-] img.x-tool-expand-left {
    width: 24px;
    height: 24px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url("../../resources/images/rebrand/chevron_left-24px.svg") !important;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
    position: relative;
  }
  #pcmRightBar-placeholder {
    z-index: 0 !important;
    border-left: 1px solid var(--light-grey) !important;
  }
  .x-panel-header-vertical div[id^=pcmRightBar-placeholder-] .x-tool-top .x-tool-expand-left,
  .x-window-header-vertical div[id^=pcmRightBar-placeholder-] .x-tool-top .x-tool-expand-left {
    left: -1px;
  }
  #pcmRightBar-placeholder img[id^=pcmRightBar-placeholder-] {
    left: 5px !important;
  }
  div[id^=pcmLeftBar-] .x-surface, #pcmRightBar-placeholder_hd {
    padding: 7px 0 0 4px;
  }
  div[id^=pcmLeftBar-] .x-tool img.x-tool-collapse-left {
    width: 24px;
    height: 24px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../../resources/images/icons/Material/grey/chevron_left.svg) !important;
    background-size: 24px;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
    left: 220px !important;
  }
  /*.leftbarrebrand*/
  div[id^=pcmLeftBar-] div.x-panel-header-default-docked-top {
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
  }
  #studyTab_Compliance img.x-tool-expand-right {
    width: 24px;
    height: 24px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url("../../resources/images/icons/Material/grey/chevron_right.svg") !important;
    background-size: 24px;
    cursor: pointer;
    position: relative;
    left: -238px;
  }
  div[id^=pcmRightBar_header-] img.x-tool-collapse-right {
    width: 24px;
    height: 24px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url("../../resources/images/icons/Material/grey/chevron_right.svg") !important;
    background-size: 24px;
    cursor: pointer;
    position: relative;
  }
  div[id^=pcmLeftBar-] img.x-tool-expand-right {
    width: 24px;
    height: 24px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url("../../resources/images/icons/Material/grey/chevron_right.svg") !important;
    background-size: 24px;
    cursor: pointer;
    position: relative;
  }
  #studyTab_Compliance img.x-tool-expand-left {
    width: 24px;
    height: 24px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url("../../resources/images/icons/Material/grey/chevron_left.svg");
    background-size: 24px;
    cursor: pointer;
  }
  #studyTab_Compliance.x-border-layout-ct {
    background-color: var(--snow) !important;
  }
  div[id^=navigationGrid-] div.x-grid-cell-inner {
    font: var(--navigation-text) !important;
  }
  .x-tool-expand-left, .x-tool-collapse-left, .x-tool-expand-right {
    background-position: center !important;
  }
  .x-tool-expand-right, .x-tool-collapse-right {
    background-position: 0 0px;
  }
  .x-tool-over .x-tool-expand-left, .x-tool-over .x-tool-collapse-left {
    background-position: -5px -4px;
  }
  .x-tool-over .x-tool-expand-right, .x-tool-over .x-tool-collapse-right {
    background-position: 0 0px;
  }
  .x-tool-over .x-tool-close {
    background-position: initial !important;
    color: var(--grey) !important;
  }
  .x-btn .x-btn-inner {
    margin: auto !important;
  }
  #loginWindow-body .x-btn .x-btn-inner {
    height: 20px; /* ADS text was being cut off bottom added additional height **Localized */
  }
  .x-btn-default-toolbar-small-menu-active {
    border-color: transparent;
  }
  .login-disclaimer {
    text-align: center !important;
    font: var(--note-text) !important;
    letter-spacing: 0px;
    color: var(--dark-grey);
    opacity: 1;
  }
  #loginWindow .x-table-layout-cell {
    width: 50% !important;
  }
  table #phoneNumberField, table #emailField {
    width: 100%;
    margin-left: 46px;
  }
  .x-form-display-field {
    font: var(--field-text);
    letter-spacing: 0px;
    color: var(--dark-grey);
    opacity: 1;
  }
  .x-form-item-label {
    font: var(--label-text) !important;
  }
  .x-form-display-field span a {
    color: var(--dark-grey) !important;
    text-decoration: underline !important;
  }
  .x-form-display-field span a:hover {
    color: var(--grey) !important;
    text-decoration: underline !important;
  }
  .x-form-invalid-icon {
    width: 22px !important;
    height: 22px !important;
    background: no-repeat center center;
    background-image: url("../../resources/images/icons/Material/error_outline.svg");
    overflow: hidden;
  }
  #userName-sideErrorCell .x-form-invalid-icon {
    margin-top: 22px !important;
  }
  div[id^=messagebox-].x-window-header-default-top, #logoutWindow_header.x-window-header-default-top {
    background-color: var(--white);
    border: none;
  }
  div[id^=messagebox-].x-toolbar-docked-bottom {
    border-bottom: none !important;
  }
  div[id^=messagebox-].x-window.x-message-box {
    background: var(--white) 0% 0% no-repeat padding-box;
    border: none !important;
    border-radius: 6px !important;
    opacity: 1;
    box-shadow: 0px 10px 60px var(--dark-grey);
    opacity: 1;
  }
  .x-body {
    font: var(--default-text);
    letter-spacing: 0px;
    color: var(--dark-grey) !important;
    opacity: 1;
    background: var(--snow) 0% 0% no-repeat padding-box !important;
    opacity: 1;
  }
  .pcm-logo-260-container {
    text-align: center;
  }
  .pcm-logo-260-container img {
    width: 338px !important;
  }
  /* END::login page overrides*/
  /* START:: Button Overrides*/
  .login-btn {
    min-width: 120px !important;
  }
  .iwantto .icon-folder {
    background-image: none !important;
  }
  .x-window.x-message-box .x-btn-default-small button {
    opacity: 1;
    width: 80px !important;
    height: 48px !important;
    font: var(--button-text) !important;
    letter-spacing: 0px;
    color: var(--grey) !important;
  }
  /* END:: Button Overrides*/
  /* START:: Icon Overrides*/
  div[id^=recentItems-] div[id^=tool-].x-tool, div[id^=quickLinks-] div[id^=tool-].x-tool {
    background: var(--white) 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 50%;
  }
  .x-btn-arrow-right {
    background-image: url(../../resources/images/rebrand/previous-1.svg);
    padding-right: 24px !important;
  }
  .icon-email {
    background-image: url(../../resources/images/rebrand/email_black_24dp.svg);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 18px 18px;
  }
  .icon-phone {
    background-image: url(../../resources/images/rebrand/phone_black_24dp.svg);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 18px 18px;
  }
  .icon-clockred {
    background-image: url(../../resources/images/rebrand/recent-icon.svg) !important;
    background-repeat: no-repeat;
    background-size: 21px 18px;
    background-position: 0px -2px;
  }
  .icon-linkgo {
    background-image: url(../../resources/images/rebrand/link-icon.svg);
    background-repeat: no-repeat;
    background-position: 0 5px;
    background-size: 20px 10px;
  }
  .icon-Study {
    background-image: none !important;
  }
  .left-bar-panel div[id^=pcmLeftBar-].x-panel-header-text-container {
    width: 100% !important;
  }
  .left-bar-panel div[id^=pcmTaskNav-].x-panel-header-text-container {
    left: 1px !important;
  }
  .left-bar-panel div[id^=recentItems-].x-panel-header-text-container {
    left: 1px !important;
  }
  .left-bar-panel div[id^=quickLinks-].x-panel-header-text-container {
    left: 1px !important;
  }
  .left-bar-panel div[id^=pcmLeftBar-] .x-panel-header-icon {
    left: 23px;
    left: 0px;
    top: 8px;
    margin: 0px;
    width: 24px;
    height: 24px;
    background-size: 24px 24px !important;
    display: none;
  }
  .icon-ProtocolRegForm {
    background-image: none !important;
    display: none;
  }
  .pin {
    background-image: url(../../resources/images/icons/Material/grey/pin-empty.svg);
    background-repeat: no-repeat;
    background-size: 15px 15px;
  }
  .unpin, .pin.hover {
    background-image: url(../../resources/images/icons/Material/grey/pin-fill.svg) !important;
    background-repeat: no-repeat;
    background-size: 15px 15px;
  }
  img.x-tool-expand-bottom {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../../resources/images/icons/Material/grey/arrow-down.svg) no-repeat;
    background-position: center !important;
    width: 15px;
    height: 15px;
    opacity: 1;
    position: relative;
  }
  img.x-tool-collapse-top {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../../resources/images/icons/Material/grey/arrow-up.svg) no-repeat;
    background-position: center !important;
    width: 15px;
    height: 15px;
    opacity: 1;
    position: relative;
  }
  .x-accordion-hd .x-tool-collapse-top, .x-accordion-hd .x-tool-collapse-right, .x-accordion-hd .x-tool-collapse-bottom, .x-accordion-hd .x-tool-collapse-left, .x-tool-expand-top, .x-tool-collapse-top {
    background-position: center !important;
    height: 24px;
    width: 24px;
  }
  .x-accordion-hd .x-tool-expand-top, .x-accordion-hd .x-tool-expand-right, .x-accordion-hd .x-tool-expand-bottom, .x-accordion-hd .x-tool-expand-left {
    background-position: center !important;
  }
  .leftNavContainer a {
    border-bottom: unset !important;
  }
  .leftNavContainer a.active {
    background: var(--primary-main-2) !important;
    color: var(--white) !important;
    text-decoration: none;
  }
  .leftNavContainer-leaf a {
    font: var(--menu-text) !important;
    padding-left: 27px !important;
    background-color: var(--white);
    color: var(--dark-grey);
  }
  .leftNavContainer-leaf a.hover {
    text-decoration: none;
    color: var(--white) !important;
    background: var(--primary-main-2) !important;
  }
  .leftNavContainer-leaf a.hover:active {
    background: var(--primary-main-3) !important;
  }
  .icon-circle {
    width: 50px;
    height: 50px;
    background: var(--white) 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px rgba(0, 0, 41, 0);
    border: 2px solid var(--white);
    opacity: 1;
  }
  div[id^=newstudyform-].x-panel-body {
    background-color: var(--white) !important;
    padding: 0 !important;
  }
  div[id^=taskdetails-].x-panel-body {
    overflow: initial !important;
  }
  div[id^=taskdetails-] #task-title-body .form-display .title {
    color: var(--medium-orchid);
    font-family: var(--font-family);
  }
  div[id^=taskdetails-] #task-title-body .form-display .subtitle {
    color: var(--primary-accent);
    font-family: var(--font-family);
  }
  div[id^=taskdetails-] .x-fieldset {
    padding: 0 !important;
  }
  div[id^=taskdetails-] .x-fieldset .x-form-item-label {
    font: var(--label-text) !important;
  }
  div[id^=taskdetails-] .x-fieldset .x-form-display-field {
    font: var(--field-text) !important;
  }
  div[id^=taskdetails-] a.studyWSValue {
    font: var(--link-text) !important;
    color: var(--primary-main-2);
    text-decoration: none;
  }
  div[id^=taskdetails-] a.studyWSValue:hover {
    color: var(--primary-main-1);
    text-decoration: underline;
  }
  div[id^=taskdetails-] a.studyWSValue:active {
    text-decoration: none !important;
  }
  #taskDetailsWindow .x-panel-body {
    background-color: var(--white) !important;
  }
  #taskDetailsWindow .x-toolbar-default {
    background-color: var(--white);
    border-bottom: 1px solid var(--defining-grey) !important;
  }
  #taskDetailsWindow .form-display {
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 10px;
  }
  #taskDetailsWindow .form-display .title {
    color: var(--medium-orchid);
  }
  .x-window-body-default {
    border: none;
    background: var(--white);
  }
  .x-tool .x-tool-collapse-left {
    position: relative;
  }
  img[id^=pcmTaskNav-].icon-clipboard_audit {
    display: none;
  }
  .icon-gears {
    background-image: url(../../resources/images/rebrand/settings_black_24dp.svg) !important;
    background-repeat: no-repeat;
  }
  div[id^=studyToolbar-] span {
    color: var(--grey) !important;
  }
  div[id^=studyToolbar-] span[id^=button-].icon-commentchat {
    display: inline;
  }
  div[id^=pcmTaskNav-] table.x-grid-table, div[id^=pcmTaskNav-] div {
    font: var(--navigation-text) !important;
  }
  div[id^=assessmentsGrid-] .x-grid-table.x-grid-table-resizer .icon-notepad {
    width: 24px !important;
    height: 24px !important;
    margin-top: -2px !important;
  }
  .icon-commentchat {
    background-image: none !important;
    /*display: none;*/
    background-repeat: no-repeat;
    background-size: 24px 24px;
  }
  .icon-wrench-orange {
    background-image: url(../../resources/images/rebrand/settings_black_24dp.svg);
    background-repeat: no-repeat;
  }
  .x-grid-cell-inner .icon-notepad {
    background-size: 16px;
    cursor: pointer;
  }
  .x-grid-tree-node-expanded .icon-clipboard_audit {
    background-image: url(../../resources/images/rebrand/sticky_note_2_black_24dp.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  td[id^=ext-] .x-grid-cell-inner img.icon-user {
    background-image: url(../../resources/images/rebrand/user-icon.svg);
    background-repeat: no-repeat;
    background-size: 14px 14px;
    width: 15px !important;
  }
  div[id^=treeview-] .icon-delete {
    background-image: url(../../resources/images/rebrand/clear-icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    height: 14px;
  }
  div[id^=treeview-] .x-grid-cell-inner {
    padding: 7px 5px !important;
  }
  .icon-calendar {
    background-image: url(../../resources/images/rebrand/all_events_24dp.svg);
    background-repeat: no-repeat;
  }
  .icon-addEvent {
    background-image: url(../../resources/images/rebrand/all_events_24dp.svg);
    background-repeat: no-repeat;
    background-size: 16px;
  }
  .create-compliance-event .x-form-error-msg {
    margin-left: 1px;
  }
  .status-blue {
    background-image: url(../../resources/images/rebrand/active_completed_event_24dp.svg);
    background-repeat: no-repeat;
    background-size: 16px;
  }
  .status-red {
    background-image: url(../../resources/images/rebrand/events_overdue_black_24dp.svg);
    background-repeat: no-repeat;
    background-size: 16px;
  }
  .status-green, .status-completed {
    background-image: url(../../resources/images/rebrand/check_circle_outline_black_24dp.svg);
    background-repeat: no-repeat;
    background-size: 16px;
  }
  .status-yellow {
    background-image: url(../../resources/images/rebrand/event_at_risk_24dp.svg);
    background-repeat: no-repeat;
    background-size: 16px;
  }
  .stop-maint {
    background-image: url(../../resources/images/icons/Material/grey/cancel.svg);
    background-repeat: no-repeat;
    background-size: 16px;
  }
  .icon-arrowCircleLeft {
    background-image: url(../../resources/images/icons/Material/grey/chevron_left.svg);
    background-repeat: no-repeat !important;
    background-position: 3px -1px !important;
  }
  /* END:: Icon Overrides*/
  /* START::Home page Overrides */
  .app-link {
    cursor: pointer !important;
    font: var(--link-text) !important;
    letter-spacing: 0px !important;
    opacity: 1 !important;
  }
  #homeTab_Landing_header {
    display: none;
  }
  .x-panel-header-default {
    background-image: none !important;
    border: none !important;
    background-color: unset;
  }
  .x-panel-header-default-left, .x-panel-header-default-right {
    background-color: var(--white);
  }
  #pcmRightBar_header_hd {
    text-align: left;
    font: var(--header-2);
    letter-spacing: 0px;
    color: var(--dark-grey);
    text-transform: capitalize;
    opacity: 1;
  }
  #studyWsTitleSecondary, .studyWSId {
    text-align: left;
    font: var(--header-2);
    letter-spacing: 0px;
    color: var(--primary-main-2);
    opacity: 1;
  }
  .studyWSTitle {
    text-align: left;
    font: var(--header-4);
    letter-spacing: 0px;
    color: var(--dark-grey);
    margin-top: 0px;
    line-height: 1.25em !important;
    /* allow to fit 1.5 lines */
    max-height: calc(1.875em + 2px) !important;
  }
  .studyWSTitle, .drWSTitle {
    color: var(--primary-accent);
    padding: 0px 0 0 0px;
  }
  .icon-rightbar-title {
    /*background-image: url(../../resources/images/rebrand/comment_black_24dp.svg);*/
    display: none !important;
    background-repeat: no-repeat;
    margin-top: 10px !important;
  }
  .x-tab-bar {
    background: var(--snow);
  }
  .x-tab-bar-body {
    border: none !important;
  }
  .left-bar-panel .x-panel-header-horizontal .x-tool {
    left: 8px !important;
  }
  .x-tab-default-top {
    background: var(--transparent);
    border: none;
    opacity: 1;
    height: 27px !important;
    box-shadow: none !important;
    -webkit-box-shadow: none;
    border: none !important;
  }
  .x-tab-top-active {
    border-bottom: 3px solid var(--primary-main-2) !important;
    font-weight: bold;
  }
  .x-tab.x-box-item em {
    text-align: center;
  }
  .x-tab-bar .x-box-inner {
    border-bottom: 1px solid var(--defining-grey);
  }
  .x-tab-bar .x-box-inner.x-box-scroller-right, .x-tab-bar .x-box-inner.x-box-scroller-left {
    border-bottom: none;
  }
  .x-accordion-hd {
    border-width: 1px 0 1px 0 !important;
    padding: 4px 5px 5px 5px;
    border-top-color: var(--white) !important;
    background: var(--white) !important;
    background-image: none;
  }
  div#pcmRightBar {
    border-left: 1px solid var(--light-grey) !important;
    margin-left: -5px;
    z-index: 0;
  }
  div#pcmRightBar div.x-panel-header {
    background-color: var(--white) !important;
  }
  div#pcmRightBar div.x-tab-bar {
    background-color: var(--white) !important;
  }
  div#pcmRightBar div.x-toolbar {
    background-color: var(--white) !important;
  }
  div[id^=pcmRightBar-] img[id^=pcmRightBar-].icon-rightbar-title {
    background-size: 16px 16px !important;
  }
  div[id^=pcmRightBar_] img[id^=pcmRightBar_header-].x-component.x-panel-header-icon.icon-rightbar-title {
    background-size: 16px 16px !important;
    margin-top: 0px !important;
  }
  div.x-panel[id^=centerPanel-] {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 1px !important;
    z-index: 0;
  }
  div[id^=centerPanel-].x-panel-body-default {
    background: none;
    border: none;
  }
  .x-panel-body-default {
    border: none; /*do not change this please, it controls borders on MANY objects. If needed please localize*/
  }
  #recentItemsContainer li.recentItem {
    background: var(--white) 0% 0% no-repeat padding-box;
    border-radius: 2px;
    opacity: 1;
    height: 25px;
    margin-right: 0;
    position: relative;
  }
  #recentItemsContainer li.recentItem:hover {
    background: var(--white);
    color: var(--primary-main-2);
    border-right: 5px solid var(--primary-main-2);
  }
  #recentItemsContainer li.recentItem a {
    text-align: left;
    font: var(--menu-text) !important;
    letter-spacing: 0px;
    color: var(--primary-main-2);
    opacity: 1;
  }
  #recentItemsContainer li.recentItem a.hover {
    background: none;
    color: var(--primary-main-1) !important;
    text-decoration: underline;
  }
  #recentItemsContainer li.recentItem a:active {
    text-decoration: none !important;
  }
  #recentItemsContainer li.recentItems-leaf {
    padding-left: 15px;
  }
  .recentItem.recentItems-leaf {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 10px;
  }
  .app-link:hover {
    text-decoration: none;
  }
  .recentItems-branch a {
    margin: 0;
    width: 100%;
    height: 100%;
    padding: 0px;
  }
  .recentItems-leaf a {
    margin: 0;
    width: 100%;
  }
  .recentItem.recentItems-leaf {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .recentItems img.unpin, .recentItems img.pin {
    margin: -22px 2px 2px -6px;
    background-position: center;
    width: 16px;
    height: 16px;
    position: relative;
    left: -20px;
    cursor: pointer;
    float: right;
  }
  .x-panel-header-body-horizontal .x-panel-header-body-default-horizontal {
    width: 250px !important;
  }
  #homeTab_Landing-body {
    width: 100% !important;
  }
  .x-panel-header-horizontal .x-tool {
    height: 24px !important;
    width: 24px !important;
    top: 4px !important;
    margin-left: -4px !important;
  }
  .x-panel-header-vertical .x-tool-top, .x-window-header-vertical .x-tool-top {
    height: 24px !important;
    width: 24px !important;
    left: 0 !important;
    top: 0 !important;
  }
  div[id^=quickLinks-] .x-grid-cell-inner {
    padding: 3px 2px 3px 25px !important;
    cursor: pointer;
    font: var(--menu-text) !important;
  }
  #recentItemsContainer {
    width: 100% !important;
    padding-left: 27px;
    list-style: none;
  }
  div[id^=quickLinks-] .x-grid-cell {
    background: var(--white) !important;
    border: none !important;
  }
  div[id^=quickLinks-] .x-grid-row {
    border: none !important;
  }
  div[id^=quickLinks-] .x-grid-row:hover {
    border: none !important;
  }
  div[id^=quickLinks-] .x-grid-row:hover .x-grid-cell {
    background: var(--white) !important;
  }
  div[id^=quickLinks-] .x-grid-cell-inner {
    color: var(--primary-main-2) !important;
    border: none;
  }
  div[id^=quickLinks-] .x-grid-cell-inner:hover {
    border-right: 5px solid var(--primary-main-2);
    padding-right: 0 !important;
    margin-right: 0 !important;
  }
  div[id^=quickLinks-] .x-grid-cell-inner:hover {
    color: var(--primary-main-1) !important;
    text-decoration: underline;
  }
  div[id^=quickLinks-] .x-grid-cell-inner:active {
    color: var(--primary-main-1) !important;
    text-decoration: none;
  }
  div[id^=quickLinks-] .x-grid-table {
    margin-left: 0px;
  }
  div[id^=quickLinks-] .x-grid-row-selected .x-grid-cell, div[id^=gridview-] .x-grid-row-selected .x-grid-rowwrap-div {
    border: none !important;
  }
  div.x-grid-cell-inner {
    color: var(--primary-main-2);
    text-align: left;
    font: var(--table-text);
    letter-spacing: 0px;
    margin-left: 20px;
  }
  div.x-grid-cell-inner:hover {
    color: var(--secondary-medium-1);
    text-decoration: none;
  }
  div.x-grid-cell-inner:active {
    color: var(--secondary-medium-1);
    text-decoration: none;
  }
  fieldset {
    border: 0 !important;
  }
  fieldset legend {
    text-align: left;
    font: var(--header-2) !important;
    letter-spacing: 0px;
    color: var(--primary-main-2) !important;
    opacity: 1;
  }
  .landing-fieldset .x-fieldset-header-text {
    color: var(--dark-grey) !important;
  }
  .pcm-app-bottombar {
    background: var(--dark-grey) 0% 0% no-repeat padding-box !important;
    opacity: 1;
    letter-spacing: 0px;
    color: var(--white);
    text-align: left;
    font: var(--navigation-text);
    z-index: 1;
  }
  .bottombar-debug-info-container {
    top: 9px !important;
    font: var(--note-text) !important;
    color: var(--white) !important;
    padding: 0px 0px 0px 0px !important;
  }
  .x-message-box-info {
    background-image: url(../../resources/images/icons/Material/grey/info.svg) !important;
    background-size: 38px;
  }
  .x-panel-default {
    border: none !important;
  }
  .x-border-layout-ct {
    background-color: var(--white) !important;
  }
  /* END::Home page Overrides */
  /* START::progress bar */
  div[id^=messagebox] .x-progress.x-box-item.x-window-item.x-progress-default {
    left: 13px !important;
    position: relative !important;
    height: 4px !important;
    border: none !important;
    background-image: url(../../resources/images/rebrand/bg.svg);
  }
  div[id^=messagebox-].x-progress > div.x-progress-bar {
    border: none !important;
    background: var(--primary-main-2) 0% 0% no-repeat padding-box;
    opacity: 1;
    height: 4px !important;
  }
  /* END::progress bar */
  /* START:: inside pages*/
  .recent-list-item {
    margin-right: 47px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--primary-main-2) !important;
    font: var(--menu-text);
  }
  .recent-list-item:hover {
    color: var(--primary-main-1) !important;
    text-decoration: underline;
  }
  .recent-list-item:hover:active {
    text-decoration: none;
  }
  #pcmStudyNavContainer div[id^=pcmTaskNav-] .x-grid-cell {
    border: none;
  }
  #pcmStudyNavContainer div[id^=pcmTaskNav-] .x-grid-cell .comments-link.taskid {
    display: unset; /* ellipsis for "My Study Tasks" */
    font: var(--menu-text) !important;
    letter-spacing: 0px !important;
    color: var(--dark-grey) !important;
  }
  #pcmStudyNavContainer div[id^=pcmTaskNav-] .x-grid-row-selected .x-grid-cell, #pcmStudyNavContainer div[id^=pcmTaskNav-] .x-grid-row-over .x-grid-cell {
    background: var(--primary-main-2) !important;
  }
  #pcmStudyNavContainer div[id^=pcmTaskNav-] .x-grid-row-selected .x-grid-cell .comments-link.taskid, #pcmStudyNavContainer div[id^=pcmTaskNav-] .x-grid-row-over .x-grid-cell .comments-link.taskid {
    color: var(--white) !important;
  }
  #pcmStudyNavContainer div[id^=pcmTaskNav-] .x-grid-row-selected .x-grid-cell-inner, #pcmStudyNavContainer div[id^=pcmTaskNav-] .x-grid-row-over .x-grid-cell-inner {
    color: var(--white) !important;
  }
  #pcmStudyNavContainer div[id^=pcmTaskNav-] .x-grid-row-selected:active .x-grid-cell, #pcmStudyNavContainer div[id^=pcmTaskNav-] .x-grid-row-over:active .x-grid-cell {
    background: var(--primary-main-3) !important;
  }
  #pcmStudyNavContainer div[id^=pcmTaskNav-] .x-grid-table {
    margin: 0 !important;
  }
  #pcmStudyNavContainer div[id^=pcmTaskNav-] .x-grid-cell-inner {
    padding: 2px 10px;
  }
  #studyTab_Overview-body .x-panel-header {
    background: none;
    padding-left: 0px;
  }
  #studyWorkspace .x-panel-header-text-container {
    left: 0 !important;
  }
  #studyTab_Overview-body .x-panel-header .x-panel-header-text {
    text-align: left;
    font: var(--header-2);
    letter-spacing: 0px;
    color: var(--primary-main-2);
    opacity: 1;
    margin-left: 0;
  }
  #studyTab_Overview-body .x-panel-header-icon.icon-gears {
    background-image: none !important;
    display: none;
  }
  /* START::comments tab */
  .x-tab-bar-top .x-tab-bar-strip {
    top: -200px;
  }
  .x-panel-header-text {
    text-align: left;
    font: var(--header-3);
    letter-spacing: 0px;
    color: var(--dark-grey);
    text-transform: capitalize;
    opacity: 1;
  }
  .x-border-box .x-tab-bar-top .x-tab-bar-body {
    height: 28px;
  }
  .x-tab button .x-tab-inner {
    text-align: left;
    font: var(--button-text);
    letter-spacing: 0px;
    color: var(--primary-main-2);
    opacity: 1;
  }
  .x-tab.over button .x-tab-inner {
    font-weight: 700;
    color: var(--primary-accent);
  }
  .x-tab-active button .x-tab-inner {
    font-weight: 700;
    color: var(--primary-accent);
  }
  .x-tab-icon-text-left .x-tab-inner {
    padding-left: 0px;
  }
  .x-tab-default-top button, .x-tab-default-top .x-tab-inner {
    height: 29px;
  }
  .x-tab-bar.x-docked.x-tab-bar-default.x-top.x-tab-bar-top.x-tab-bar-default-top.x-horizontal.x-tab-bar-horizontal.x-tab-bar-default-horizontal.x-docked-top.x-tab-bar-docked-top.x-tab-bar-default-docked-top.x-unselectable {
    border-bottom: solid 1px var(--defining-grey) !important; /* TODO: fix selector */
  }
  #commentsPane .x-btn-default-toolbar-small .x-btn-inner {
    text-align: center;
    font: var(--button-small-text);
    letter-spacing: 0px;
    color: var(--primary-main-2);
    opacity: 1;
    padding: 0 16px;
  }
  #pcmRightBar-body .x-btn-default-toolbar-small .x-btn-inner {
    text-align: center;
    font: var(--button-small-text);
    letter-spacing: 0px;
    color: var(--primary-main-2);
    opacity: 1;
    padding: 0 0px;
  }
  #pcmRightBar-body .x-btn-default-toolbar-small-over.over:hover, .x-btn-default-toolbar-small-menu-active {
    background: none;
    color: var(--dark-grey);
  }
  .comments-pane .x-panel-body, .validation-pane .x-panel-body {
    background: var(--white);
  }
  #commentsPane .x-docked-top.x-toolbar-docked-top.x-toolbar-default-docked-top .x-box-inner {
    height: 34px !important;
  }
  #commentsPane .x-btn.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-noicon.x-btn-noicon.x-btn-default-toolbar-small-noicon {
    left: 33px !important;
    padding-right: 8px;
  }
  #commentsPane div[id^=tbseparator-].x-toolbar-separator + .x-btn.x-box-item.x-toolbar-item.x-btn-default-toolbar-small.x-noicon.x-btn-noicon.x-btn-default-toolbar-small-noicon {
    left: 142px !important;
  }
  #commentsPane .x-toolbar .x-toolbar-separator-horizontal {
    margin: 0 3px 0 2px;
    height: 14px;
    width: 0;
    border-left: 1px solid var(--defining-grey);
    border-right: 1px solid white;
  }
  #commentsPane .mark-comment-complete-highlight {
    background: var(--button-background);
    border-radius: 36px;
  }
  #commentsPane .x-toolbar .x-toolbar-separator {
    display: block;
    border-width: 2px !important;
    left: 134px !important;
    margin: 0px;
    margin-left: 0px;
    top: 3px !important;
    height: 18px !important;
  }
  .x-toolbar .x-toolbar-separator {
    display: none;
    border-width: 2px !important;
    left: 134px !important;
    margin: 0px;
    margin-left: 0px;
    top: 3px !important;
    height: 18px !important;
  }
  .comment-post-box-container #commentPostBox {
    width: 100%;
    min-height: 64px;
    background: var(--white) 0% 0% no-repeat padding-box;
    border: 1px solid var(--silver-metallic);
    border-radius: 2px;
    opacity: 1;
    padding: 8px;
  }
  #commentPostBox {
    text-align: left;
    font: var(--default-text);
    letter-spacing: 0px;
    color: var(--dark-grey);
    opacity: 1;
  }
  .comment-field-title {
    text-align: left;
    font: var(--label-text);
    letter-spacing: 0px;
    color: var(--dark-grey);
    opacity: 1;
    padding-left: 8px;
  }
  .comment-bubble {
    display: none;
  }
  .btn, .iwantto .app-link {
    background: var(--primary-main-2);
    border-radius: var(--button-border-radius);
    margin-right: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 32px;
    color: var(--white) !important;
    font: var(--link-text) !important;
  }
  .iwantto .app-link {
    padding: 12px 16px;
  }
  .btn * {
    color: var(--white) !important;
  }
  .btn:hover, .iwantto .app-link:hover, .s-blue:hover {
    background: var(--main-button-hover);
  }
  .btn:active, .iwantto .app-link:active, .s-blue:active {
    background: var(--main-button-active);
  }
  .comment-post-button-container {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
  }
  .comment-post-button-container button {
    margin-right: 0;
  }
  .comment-user-info_right {
    flex-grow: 0;
  }
  .comment-user-info {
    display: flex;
    flex-wrap: nowrap;
  }
  .comment-field-title {
    font: var(--comments-label);
    color: var(--primary-accent);
    border-bottom: 1px solid var(--defining-grey);
    margin-bottom: 3px;
    width: 100%;
    display: inline-block;
  }
  .comment-avatar {
    width: 40px;
    margin-right: 11px;
  }
  .no-comments_placeholder {
    width: 270px;
    margin: auto;
    display: none;
    justify-content: center;
    flex-direction: column;
    position: relative;
    top: calc(31vh - 110px);
  }
  .no-comments_placeholder:only-child {
    display: flex;
  }
  .no-comments_placeholder .text {
    font-family: "Lexend", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 22px;
    text-align: center;
    color: #696D79;
  }
  .no-comments_placeholder .subtext {
    margin-top: 8px;
    font-family: "Lexend", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #696D79;
  }
  .comment-user, .comment-created {
    font: var(--field-text);
    letter-spacing: 0px;
    color: var(--dark-grey);
    opacity: 1;
  }
  .comment-user {
    font: var(--comments-label);
    max-width: 155px;
    flex-grow: 0;
    max-height: 48px;
    overflow: hidden;
  }
  .comment-created {
    font: var(--comments-date);
    color: var(--roman-silver);
  }
  .comment-text {
    font: var(--note-text) !important;
    margin: 5px 0;
  }
  span#studyWsTitleSecondary {
    color: var(--dark-grey);
    font-weight: bold;
  }
  .comment-container {
    padding: 4px 5px;
  }
  .comment-overall-container-study .comment-container {
    border-bottom: 1px solid #e5e6e9;
    padding: 8px 10px;
  }
  /* END::comments tab */
  /*START::validations tab*/
  #pcmRightBar .x-tab-default-top {
    min-width: 120px;
  }
  #pcmRightBar .validation-section-title {
    background-color: var(--primary-accent);
    color: var(--white);
    font: var(--default-text);
  }
  #pcmRightBar .information-overall-container {
    border-color: var(--defining-grey);
    border-left: none;
    border-right: none;
    background: var(--white);
    padding: 8px 10px;
    margin: 8px 0;
    border-radius: 0;
  }
  #pcmRightBar .information-overall-container:hover {
    background: var(--snow) !important;
  }
  #pcmRightBar .information-overall-container.validation-highlight {
    background: var(--snow) !important;
  }
  #pcmRightBar .information-overall-container .validation-container {
    padding: 5px 0 0 0;
    margin: 0;
  }
  #pcmRightBar .information-overall-container .validation-container .validation-text {
    font: var(--default-text);
    padding: 0;
    margin: 0;
  }
  #pcmRightBar .information-overall-container .validation-container-highlight {
    background: none !important;
  }
  #pcmRightBar .information-overall-container .validation-overall-container {
    padding-bottom: 0;
  }
  #pcmRightBar .information-overall-container .validation-field-title {
    font: var(--form-label);
  }
  #pcmRightBar .information-overall-container .validation-bubble {
    margin: 2px 4px 0px 0 !important;
  }
  #pcmRightBar .information-overall-container .validation-bubble .fa-exclamation-circle, #pcmRightBar .information-overall-container .validation-bubble .fa-exclamation-triangle, #pcmRightBar .information-overall-container .validation-bubble .fa-upload {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 14px;
    height: 14px;
    width: 14px;
  }
  #pcmRightBar .information-overall-container .validation-bubble .fa-exclamation-circle:before, #pcmRightBar .information-overall-container .validation-bubble .fa-exclamation-triangle:before, #pcmRightBar .information-overall-container .validation-bubble .fa-upload:before {
    content: "";
  }
  #pcmRightBar .information-overall-container .validation-bubble .validation-error {
    background-image: url(../../resources/images/icons/Material/error_outline.svg);
  }
  #pcmRightBar .information-overall-container .validation-bubble .validation-warning {
    background-image: url(../../resources/images/icons/Material/warning_amber_black_24dp.svg);
  }
  #pcmRightBar .information-overall-container .validation-bubble .validation-upload {
    background-image: url(../../resources/images/icons/Material/upload_error.svg);
    background-size: 18px;
  }
  #pcmRightBar .information-overall-container .justification-charcount {
    font: var(--toolbar-text);
    color: var(--medium-orchid);
  }
  #pcmRightBar .information-overall-container .jst-char-limit {
    font: var(--toolbar-text);
    color: var(--red-error);
  }
  #pcmRightBar .information-overall-container .info-field-count {
    padding-bottom: 5px;
  }
  #pcmRightBar .information-overall-container .justification-user {
    color: var(--dark-grey);
    font: var(--form-small-label);
    margin-bottom: 5px;
  }
  #pcmRightBar .information-overall-container .justification-content {
    font: var(--note-text) !important;
    overflow-wrap: break-word;
  }
  #pcmRightBar .information-overall-container .justification-created {
    font: var(--comments-date);
    color: var(--roman-silver);
  }
  #pcmRightBar .information-overall-container .justification-post-box-container {
    border: 1px solid var(--grey);
    padding: 0;
  }
  #pcmRightBar .information-overall-container .justification-button-container {
    padding-top: 5px;
  }
  #pcmRightBar .information-overall-container .justification-button-container .btn {
    display: inline-block;
    font: var(--button-small-text);
    padding: 4px 8px;
    border-radius: 0;
  }
  #pcmRightBar .information-overall-container .justification-button-container #jst-add-update {
    margin-right: 5px;
  }
  #pcmRightBar .information-overall-container .justification-button-container #jst-cancel {
    background-color: var(--white);
    border-color: var(--secondary-dark-2);
    color: var(--grey) !important;
  }
  #pcmRightBar .information-overall-container .justification-button-container #jst-cancel:hover {
    background-color: var(--snow);
  }
  #pcmRightBar .information-overall-container .justification-button-container #jst-cancel:active {
    background-color: var(--secondary-dark-3);
  }
  #pcmRightBar .information-overall-container .justification-link-button {
    font: var(--button-small-text) !important;
    color: var(--primary-main-2);
    background: none !important;
    text-decoration: none;
    border-radius: 0;
  }
  #pcmRightBar .information-overall-container .justification-link-button:hover {
    color: var(--primary-main-1);
    text-decoration: underline;
  }
  #pcmRightBar .information-overall-container .justification-link-button:active {
    color: var(--primary-main-1);
    text-decoration: none;
  }
  .webui-popover-validation {
    background-color: var(--red-error) !important;
  }
  .webui-popover-validation .webui-arrow {
    border-bottom-color: var(--red-error) !important;
  }
  .webui-popover-validation .webui-arrow:after {
    border-bottom-color: var(--red-error) !important;
  }
  .webui-popover-validation .webui-popover-title {
    background-color: var(--red-error) !important;
    border-bottom-color: var(--red-error) !important;
    font: var(--form-small-label) !important;
    color: var(--white);
  }
  .webui-popover-validation .webui-popover-content {
    font: var(--toolbar-text) !important;
  }
  .error-rule-id {
    color: var(--white);
  }
  .webui-popover-inner .close {
    text-shadow: none !important;
    background: url(../../resources/images/icons/Material/close_white.svg) no-repeat center center;
    background-size: 20px;
    width: 20px;
    height: 20px;
  }
  .webui-popover-inner .close:after {
    text-shadow: none !important;
    content: "" !important;
  }
  .popover-warning, .popover-warning .webui-popover-title {
    background-color: var(--orange-warning) !important;
  }
  .popover-warning.bottom > .webui-arrow,
  .popover-warning.bottom-left > .webui-arrow,
  .popover-warning.bottom-right > .webui-arrow,
  .popover-warning.bottom > .webui-arrow:after,
  .popover-warning.bottom-left > .webui-arrow:after,
  .popover-warning.bottom-right > .webui-arrow:after {
    border-bottom-color: var(--orange-warning) !important;
  }
  /*END::validations tab*/
  /* width */
  ::-webkit-scrollbar {
    height: 8px;
    width: 8px;
  }
  /* Track */
  ::-webkit-scrollbar-track {
    background: var(--white);
    border: 1px solid var(--defining-grey);
  }
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: var(--defining-grey);
    border-radius: 100px;
    background-clip: padding-box;
  }
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: var(--defining-grey);
  }
  /* START::Tables Overrides*/
  .x-column-header,
  .x-grid-header-ct,
  .rg-table-header {
    border-right: none;
    background: var(--primary-accent);
  }
  .x-table-layout-cell:has(.rg-table-header) {
    border-right: none;
    background: var(--primary-accent);
  }
  .x-column-header-inner.x-column-header-over {
    background: none !important;
  }
  .x-column-header-checkbox .x-column-header-inner {
    padding: 10px 0 0 0 !important;
  }
  .x-grid-row-over .x-grid-cell, .x-grid-row-over .x-grid-rowwrap-div {
    background-color: var(--snow);
  }
  .x-grid-row-over .compliance-schedule-grid-td,
  .x-grid-row-over .compliance-schedule-grid-td .x-grid-cell-inner {
    color: var(--primary-main-2) !important;
    cursor: pointer;
  }
  .x-grid-row .x-grid-cell-special {
    background-color: unset;
    background-image: none;
  }
  .x-grid-cell-row-checker .x-grid-cell-inner {
    margin: 10px 14px !important;
    padding: 0px !important;
  }
  .x-grid-cell-rowbody .status-flag-red {
    margin-left: 18px;
    padding-left: 9px !important;
    font: var(--status-text) !important;
  }
  .x-grid-header-ct {
    border: none;
    border-radius: 2px 2px 0px 0px;
  }
  div[id^=allregionlist-] .x-grid-row .x-grid-cell-special {
    border-right: none;
  }
  .x-column-header-inner:hover {
    background: var(--primary-accent-hl) !important;
  }
  .rg-table-header,
  .x-column-header-text {
    color: var(--white);
    letter-spacing: 0;
    margin-left: 5px;
    font: var(--table-header);
    cursor: pointer;
  }
  .x-column-filtered:after {
    content: "";
    background-color: var(--primary-accent);
    pointer-events: none;
    background-image: url(../../resources/images/icons/Material/filter_alt_white.svg);
    background-position-y: center;
    background-position-x: right;
    background-size: 18px;
    background-repeat: no-repeat;
    width: 20px;
    height: 100%;
    max-height: 38px;
    position: absolute;
    top: -1px;
    right: 0;
  }
  .x-column-filtered:hover:after {
    display: none;
    background-color: var(--primary-accent-hl) !important;
  }
  .x-column-header-sort-DESC .x-column-header-text, .x-column-header-sort-ASC .x-column-header-text {
    padding-right: 50px;
    background: no-repeat center right 24px;
    background-size: 24px;
    cursor: pointer;
  }
  .x-column-header-sort-DESC .x-column-header-text {
    background-image: url(../../resources/images/icons/Material/expand_more.svg);
    cursor: pointer;
  }
  .x-column-header-sort-ASC .x-column-header-text {
    background-image: url(../../resources/images/icons/Material/expand_less.svg);
    cursor: pointer;
  }
  .x-column-header .x-form-item-body {
    background: var(--primary-accent);
    padding-bottom: 2px !important;
  }
  .x-column-header-trigger {
    background: var(--primary-accent) !important;
    height: calc(100% - 10px);
  }
  .x-column-header-trigger:after {
    background-color: var(--primary-accent);
    background-image: url(../../resources/images/icons/Material/more_vert_24px.svg);
    background-repeat: no-repeat;
    content: "";
    width: 21px;
    height: 24px;
    right: 0;
    top: 6px;
    position: absolute;
  }
  .x-column-header:hover .x-column-header-trigger:after {
    background-color: var(--primary-accent-hl) !important;
  }
  .x-column-header:hover .x-column-header-trigger {
    background-color: var(--primary-accent-hl) !important;
  }
  .x-column-header .x-box-layout-ct {
    background: var(--light-grey) 0% 0% no-repeat padding-box !important;
  }
  .x-column-header-inner, .x-column-header-inner:hover, .x-column-header-inner:active {
    line-height: 30px !important;
    vertical-align: middle;
  }
  .x-grid-with-row-lines .x-grid-cell {
    vertical-align: middle;
  }
  .x-column-header input {
    margin-bottom: 4px;
  }
  .x-grid-view {
    background: var(--white);
    min-height: 50px;
  }
  .x-grid-table {
    margin-left: -2px;
    /*needed to prevent horizontal scrollbar when vertical one is displayed*/
  }
  .x-grid-body {
    border: 1px solid var(--defining-grey) !important;
    border-radius: 0 0 2px 2px;
  }
  .x-grid-row-alt .x-grid-cell, .x-grid-row-alt .x-grid-rowwrap-div {
    background: var(--white) 0% 0% no-repeat padding-box;
  }
  .x-grid-row:hover .x-grid-cell {
    background: var(--snow) 0% 0% no-repeat padding-box !important;
  }
  .x-grid-row-selected .x-grid-cell {
    background: var(--snow) 0% 0% no-repeat padding-box !important;
    border-color: var(--defining-grey);
    border-style: solid;
  }
  .x-grid-cell-inner,
  .x-table-layout-cell {
    margin: 0px !important;
    margin-left: 3px !important;
    text-align: left;
    font: var(--table-text) !important;
    letter-spacing: 0;
    color: var(--dark-grey) !important;
  }
  .no-data-placeholder, .x-grid-empty {
    font: var(--default-text) !important;
  }
  .x-grid-empty {
    margin: 4px 0 6px 12px;
  }
  div[id^=navigationGrid-] .x-grid-cell-inner {
    padding: 10px 10px 8px 11px !important;
    font: var(--link-text) !important;
    cursor: pointer;
  }
  .x-grid-cell-inner a, .x-grid-cell-inner .link, .x-grid-cell-inner .editButtons a, .x-grid-cell-inner .app-link {
    font: var(--link-text) !important;
    color: var(--primary-main-2) !important;
    text-decoration: none;
  }
  .x-grid-cell-inner a:hover, .x-grid-cell-inner .link:hover, .x-grid-cell-inner .editButtons a:hover, .x-grid-cell-inner .app-link:hover {
    color: var(--primary-main-1);
    text-decoration: underline !important;
  }
  .x-grid-cell-inner a:active, .x-grid-cell-inner .link:active, .x-grid-cell-inner .editButtons a:active, .x-grid-cell-inner .app-link:active {
    text-decoration: none !important;
  }
  .x-grid-cell-inner .comments-link {
    text-align: left;
    font: var(--table-text) !important;
    letter-spacing: 0px;
    color: var(--primary-main-2);
    background-image: none; /* TODO: check if we need icons there */
    display: unset;
  }
  .x-grid-cell-inner .comments-link:hover {
    color: var(--primary-main-1);
    text-decoration: underline;
  }
  .x-grid-cell-inner .comments-link:hover b {
    color: var(--primary-main-1);
    text-decoration: underline;
  }
  .x-grid-cell-inner .comments-link:active {
    text-decoration: none !important;
  }
  .x-grid-cell-inner .comments-link:active b {
    text-decoration: none !important;
  }
  .x-grid-cell-inner a:hover, .x-grid-cell-inner .comments-link:hover {
    color: var(--primary-main-1) !important;
    text-decoration: underline;
  }
  .docked-paging {
    background: var(--white);
    border: 1px solid var(--defining-grey) !important;
    border-radius: 0 0 2px 2px;
    padding: 10px;
    border-top: none !important;
    margin-bottom: 1px;
  }
  .docked-paging .x-form-trigger-wrap {
    height: unset !important;
    border: none !important;
  }
  .docked-paging .x-tbar-page-number .x-form-field {
    height: var(--input-height) !important;
    padding: 5px !important;
    font: var(--field-text) !important;
    border: 1px solid var(--grey) !important;
    border-radius: 2px;
    background-image: none !important;
  }
  .docked-paging .x-toolbar-text {
    font: var(--toolbar-text) !important;
  }
  .docked-paging .x-btn-default-toolbar-small-icon .x-btn-icon {
    width: 24px;
    height: 24px;
    background-size: 24px;
    background-position: center center;
  }
  .docked-paging .x-btn-inner, .docked-paging .x-btn-center {
    margin: initial !important;
    height: 24px;
    width: 24px;
    line-height: 24px;
  }
  .docked-paging .page-summary {
    margin-right: 32px;
  }
  .docked-paging .page-size-selector {
    margin-right: 27px;
  }
  .page-size-list {
    min-width: auto !important;
    width: 50px !important;
  }
  .page-size-list.x-boundlist-floating .x-boundlist-item {
    line-height: 15px;
  }
  .docked-paging .page-size-selector .x-form-trigger-wrap .x-form-field {
    height: var(--input-height) !important;
    border: none;
    padding: 0 0 0 5px;
    height: 30px;
    font: var(--field-text);
    border: 1px solid var(--roman-silver);
    border-right: none;
    border-radius: 2px 0 0 2px;
    background: var(--white);
    color: var(--dark-grey) !important;
    display: table;
  }
  .docked-paging .page-size-selector .x-form-arrow-trigger {
    height: 28px;
    background-color: var(--white);
    background-image: url(../../resources/images/rebrand/expand_more_black_24dp.svg) !important;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid var(--roman-silver);
    border-left: none !important;
    border-radius: 0 2px 2px 0;
  }
  .x-tbar-page-first, .x-item-disabled .x-tbar-page-first {
    background-image: url(../../resources/images/icons/Material/grey/first_page.svg) !important;
    background-size: 16px 16px;
  }
  .x-tbar-page-prev, .x-item-disabled .x-tbar-page-prev {
    background-image: url(../../resources/images/icons/Material/grey/chevron_left.svg) !important;
    background-size: 16px 16px;
  }
  .x-tbar-page-next, .x-item-disabled .x-tbar-page-next {
    background-image: url(../../resources/images/icons/Material/grey/chevron_right.svg) !important;
    background-size: 16px 16px;
  }
  .x-tbar-page-last, .x-item-disabled .x-tbar-page-last {
    background-image: url(../../resources/images/icons/Material/grey/last_page.svg) !important;
    background-size: 16px 16px;
  }
  .x-tbar-loading {
    background-image: url(../../resources/images/icons/Material/grey/refresh.svg) !important;
    background-size: 16px !important;
  }
  .x-grid-row-checker, .x-form-checkbox,
  .x-column-header-checkbox .x-column-header-text,
  .x-menu-item-unchecked .x-menu-item-icon,
  .x-grid-checkheader {
    background: var(--white) !important;
    border: 1px solid var(--grey) !important;
    border-radius: 2px;
    height: 18px;
    width: 18px;
  }
  .fieldReadOnly table.x-form-cb-checked input.x-form-checkbox,
  .x-form-cb-checked .x-form-checkbox,
  .x-grid-hd-checker-on .x-column-header-text,
  .x-grid-row-selected .x-grid-row-checker,
  .x-grid-row-checked .x-grid-row-checker,
  .x-menu-item-checked .x-menu-item-icon,
  .x-grid-checkheader-checked {
    background: url(../../resources/images/rebrand/checkbox-checked.svg) !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: var(--white) !important;
    background-size: 18px !important;
    border: none !important;
    height: 18px;
    width: 18px;
  }
  .x-column-header-checkbox .x-column-header-text {
    border: 1px solid var(--white) !important;
    margin: 0px 14px;
  }
  .x-grid-group-hd {
    border-color: var(--defining-grey) !important;
  }
  .x-grid-group-hd div.x-grid-group-title {
    color: var(--primary-accent);
    font: var(--dialog-label) !important;
    background-image: url(../../resources/images/icons/Material/grey/arrow-up.svg);
    background-position-y: 8px;
    background-size: 10px;
  }
  .x-grid-group-hd .x-grid-cell-inner {
    border-color: var(--defining-grey);
  }
  .x-grid-group-hd-collapsed .x-grid-group-title {
    background-image: url(../../resources/images/icons/Material/grey/arrow-down.svg) !important;
  }
  .x-grid-group .error_message {
    color: var(--red-error);
    font: var(--dialog-label) !important;
  }
  .x-grid-group .x-grid3-row-over, .x-grid-group .x-grid3-row-selected {
    background-image: none;
    background-color: var(--snow) !important;
    border-color: var(--defining-grey) !important;
  }
  table label.x-form-cb-label {
    color: var(--dark-grey);
    font: var(--label-text) !important;
  }
  .x-toolbar-default {
    background: var(--snow) 0% 0% no-repeat padding-box;
    border: none;
  }
  #loginWindow-body .x-toolbar-docked-bottom {
    border-bottom: 0px !important;
  }
  div[id^=centerPanel-] .x-panel-default {
    background: none !important;
    border: none;
  }
  #studyWorkspace > .x-toolbar-docked-top > .x-box-inner {
    border-bottom: 1px solid var(--defining-grey);
  }
  div.x-panel[id^=quickLinks-] {
    margin-top: 10px;
  }
  .x-btn-default-toolbar-small {
    margin-bottom: 5px !important;
  }
  .x-btn-default-toolbar-small-over, .x-btn-default-toolbar-small-focus {
    background: var(--snow) 0% 0% no-repeat padding-box !important;
    border: 1px solid #D4D5D8;
    border-radius: 1px;
  }
  .x-btn-default-toolbar-small-pressed {
    background: var(--defining-grey) 0% 0% no-repeat padding-box !important;
    border: 1px solid var(--defining-grey) !important;
    border-radius: 1px !important;
  }
  .docked-paging .x-toolbar-separator {
    display: none;
    visibility: hidden;
  }
  .x-toolbar-docked-top .x-btn-icon {
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-position: center center;
    top: 2px;
  }
  .x-toolbar-docked-top .x-btn-center, .x-toolbar-docked-top .x-btn-inner {
    margin: initial !important;
    height: 24px;
    line-height: 24px;
    font: var(--button-text);
    letter-spacing: 0px;
    color: var(--dark-grey);
  }
  .x-toolbar-docked-top .x-btn-center {
    padding-left: 5px;
    padding-top: 2px;
  }
  .x-column-header .x-box-layout-ct .x-form-trigger-input-cell {
    vertical-align: top;
  }
  .x-column-header .x-box-layout-ct .x-form-text,
  .x-editor .x-form-text {
    width: 100% !important;
    height: 28px !important;
    display: block;
    border: 1px solid var(--grey) !important;
    border-radius: 2px !important;
    font: var(--field-text);
    padding: 0 5px;
    background-image: none;
  }
  .x-editor .x-form-text {
    height: 38px !important;
  }
  .x-column-header .x-form-item-body,
  .x-editor .x-form-item-body {
    padding: 0px 7px !important;
  }
  .x-form-item-body[id^=datefield-] {
    padding: 0 !important;
  }
  .x-form-item-body[id^=datefield-] td.x-trigger-cell {
    width: 25px !important;
  }
  .x-column-header .x-form-trigger-wrap,
  .x-editor .x-form-trigger-wrap {
    background: var(--white) 0% 0% no-repeat padding-box !important;
    border: 1px solid var(--grey) !important;
    border-radius: 2px;
    height: 28px;
    padding-right: 2px;
    display: block;
  }
  .x-column-header .x-form-trigger-wrap .x-form-text,
  .x-column-header .x-form-trigger-wrap .x-form-field,
  .x-editor .x-form-trigger-wrap .x-form-text,
  .x-editor .x-form-trigger-wrap .x-form-field {
    border: none !important;
    padding: 0 0 0 2px !important;
    height: 26px !important;
    font: var(--field-text);
  }
  .x-column-header .x-form-arrow-trigger,
  .x-editor .x-form-trigger.x-form-arrow-trigger {
    height: 26px;
    background-image: url(../../resources/images/icons/Material/grey/expand_more.svg) !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px;
    border: none;
  }
  .x-column-header .x-form-date-trigger,
  .x-editor .x-form-trigger.x-form-date-trigger {
    height: 26px;
    background-image: url(../../resources/images/icons/Material/grey/date_range.svg) !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px;
    border: none;
  }
  .x-grid-cell-selected {
    background: var(--defining-grey) !important;
  }
  .x-menu-item-text:before {
    content: "‍";
    display: inline;
  }
  .x-menu-item-text {
    font: var(--toolbar-text);
    color: var(--dark-grey);
  }
  .x-boundlist {
    min-width: 150px;
    border-color: var(--grey);
  }
  .x-menu-item-link {
    padding-left: 7px;
    margin: 0px;
  }
  .x-boundlist-list-ct {
    max-height: 210px;
    min-width: 150px;
  }
  .x-boundlist-floating .x-boundlist-item {
    font: var(--dropdown-text);
    line-height: 24px;
    letter-spacing: 0;
    color: var(--dark-grey);
    padding: 8px !important;
    border-top: 1px solid var(--roman-silver) !important;
    min-height: 36px !important;
  }
  .x-boundlist-floating .x-boundlist-item-over,
  .x-boundlist-floating .x-boundlist-selected {
    color: var(--dark-grey);
    border: 1px solid var(--white) !important;
    border-top: 1px solid var(--roman-silver) !important;
    background: var(--snow) 0% 0% no-repeat padding-box;
  }
  .x-grid-row-editor .x-panel-body,
  .x-grid-row-editor-buttons,
  .x-grid-row-editor-buttons .x-grid-row-editor-buttons-ml,
  .x-grid-row-editor-buttons .x-grid-row-editor-buttons-mr,
  .x-grid-row-editor-buttons .x-grid-row-editor-buttons-bl,
  .x-grid-row-editor-buttons .x-grid-row-editor-buttons-br,
  .x-grid-row-editor-buttons .x-grid-row-editor-buttons-bc,
  .x-grid-row-editor .x-panel-body {
    border-color: var(--defining-grey) !important;
    background-color: var(--light-grey);
    background-image: none;
  }
  .x-grid-row-editor-buttons {
    border: 1px solid var(--defining-grey) !important;
    border-top: none !important;
  }
  .cellmenu-cell .cellmenu-trigger {
    background-image: url(../../resources/images/rebrand/expand_more_black_24dp.svg) !important;
    background-color: var(--white) !important;
    background-size: 16px;
  }
  .cellmenu-cell.cellmenu-over {
    border: 1px solid var(--roman-silver);
    border-radius: 2px;
    background-color: var(--white) !important;
  }
  .insurance-icon {
    height: 16px;
  }
  .insurance-icon.insurance-icon-remove {
    cursor: pointer;
  }
  .insurance-icon.insurance-icon-remove:hover {
    opacity: 0.8;
  }
  /* END::Tables Overrides*/
  /* START::Icons Overrides*/
  .list-icon {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .icon-find {
    background-image: url(../../resources/images/icons/Material/grey/filter_alt.svg) !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .icon-Study-add, .icon-datarequest {
    background-image: url(../../resources/images/icons/Material/grey/add_circle.svg) !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .icon-add {
    background-image: url(../../resources/images/icons/Material/grey/add.svg) !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .icon-page_white_text {
    background-image: url(../../resources/images/icons/Material/grey/article.svg) !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .icon-attachment {
    background-image: url(../../resources/images/icons/Material/grey/attach_file.svg) !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .x-message-box-warning {
    background-image: url(../../resources/images/icons/Material/warning_amber_black_24dp.svg) !important;
    background-size: contain;
  }
  .x-message-box-error {
    background-image: url(../../resources/images/icons/Material/error_outline.svg) !important;
    background-size: contain;
  }
  .x-message-box-error {
    background-image: url(../../resources/images/icons/Material/error_outline.svg) !important;
    background-size: contain;
  }
  .icon-edit {
    background-image: url(../../resources/images/icons/Material/grey/edit.svg) !important;
  }
  button.icon-edit {
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .icon-cancel, .ext-ux-clearbutton {
    background-image: url(../../resources/images/icons/Material/grey/close.svg) !important;
  }
  .icon-delete, .icon-close {
    background-image: url(../../resources/images/icons/Material/grey/close.svg) !important;
    background-size: 16px;
  }
  .icon-pull {
    background-image: url(../../resources/images/icons/Material/grey/arrow_down.svg) !important;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
  }
  .icon-checkout {
    background-image: url(../../resources/images/icons/Material/grey/outbound_circle.svg) !important;
  }
  .icon-checkin {
    background-image: url(../../resources/images/icons/Material/grey/inbound_circle.svg) !important;
  }
  .icon-studysave {
    background-image: url(../../resources/images/icons/Material/grey/save.svg) !important;
  }
  .icon-commentchat {
    background-image: url(../../resources/images/icons/Material/grey/comment.svg) !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .icon-comments {
    background-image: url(../../resources/images/icons/Material/grey/comment.svg) !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .icon-ok {
    background-image: url(../../resources/images/icons/Material/check_done.svg) !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .icon-Product {
    background-image: url(../../resources/images/icons/Material/grey/prescriptions.svg) !important;
    background-size: 16px;
  }
  .icon-tabs {
    background-image: url(../../resources/images/icons/Material/grey/table_view.svg) !important;
  }
  .icon-clipboard_audit {
    background-image: url(../../resources/images/icons/Material/grey/text_snippet.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .icon-copy {
    background-image: url(../../resources/images/icons/Material/grey/content_copy.svg) !important;
  }
  .icon-page_white_stack {
    background-image: url(../../resources/images/icons/Material/grey/content_copy.svg) !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .study-list-icon {
    margin: 0px 2px 0px 2px;
    vertical-align: bottom;
    height: 16px;
    width: 16px;
  }
  .icon-clipboard_check {
    background-image: url(../../resources/images/icons/Material/grey/task_alt.svg) !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .icon-clipboard_warning {
    background-image: url(../../resources/images/icons/Material/grey/cancel.svg) !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .status-unknown {
    background-image: url(../../resources/images/icons/Material/grey/help_center.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .x-mask-msg div {
    background-image: url(../../resources/images/spinner.svg);
    background-size: 16px 16px;
  }
  .icon-download, .icon-download2 {
    background-image: url(../../resources/images/icons/Material/grey/download_export.svg) !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .icon-grid {
    background-image: url(../../resources/images/icons/Material/grey/view_list.svg) !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .icon-databaserefresh {
    background-image: url(../../resources/images/icons/Material/grey/sync_alt.svg) !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .icon-page_white_magnify {
    background-image: url(../../resources/images/icons/Material/grey/preview.svg) !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .icon-mini-page-html {
    background-image: url(../../resources/images/icons/Material/grey/upload.svg) !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .icon-mini-page-new {
    background-image: url(../../resources/images/icons/Material/grey/post_add.svg) !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .icon-version-history {
    background-image: url(../../resources/images/icons/Material/grey/restore_history.svg) !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .icon-folder_table {
    background-image: url(../../resources/images/icons/Material/grey/folder_open.svg) !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .icon-export {
    background-image: url(../../resources/images/icons/Material/grey/download_export.svg) !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .icon-save {
    background-image: url(../../resources/images/icons/Material/grey/save.svg) !important;
  }
  .icon-pageWorld {
    background-image: url(../../resources/images/icons/Material/grey/info.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .icon-info {
    background-image: url(../../resources/images/icons/Material/grey/info.svg) !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    display: inline-block;
  }
  .icon-PagePdf {
    background-image: url(../../resources/images/icons/Material/grey/picture_as_pdf.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .icon-PageWord {
    background-image: url(../../resources/images/icons/Material/grey/description.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .icon-new-ui {
    background-image: url(../../resources/images/icons/Material/grey/rocket_launch.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .icon-page-xml {
    background-image: url(../../resources/images/icons/Material/grey/upload.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .icon-export-to-template {
    background-image: url(../../resources/images/icons/Material/grey/note_add.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .printer-icon {
    background-image: url(../../resources/images/icons/Material/grey/print.svg) !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .icon-play {
    background-image: url(../../resources/images/icons/Material/grey/play_arrow.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .icon-archive {
    background-image: url(../../resources/images/icons/Material/grey/archive.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    height: 20px;
    width: 20px;
  }
  .icon-lock {
    background-image: url(../../resources/images/icons/Material/grey/lock_reset.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    height: 20px;
    width: 20px;
  }
  .icon-back {
    background-image: url(../../resources/images/icons/Material/grey/chevron_left.svg) !important;
    background-repeat: no-repeat;
    background-size: 20px;
    height: 20px;
    width: 20px;
  }
  .icon-unarchive {
    background-image: url(../../resources/images/icons/Material/grey/unarchive.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    height: 20px;
    width: 20px;
  }
  .icon-comments-placeholder {
    background-image: url(../images/icons/Material/comment-placeholder.svg);
    background-repeat: no-repeat;
    height: 150px;
    width: 150px;
    margin: auto;
  }
  .icon-application_tile_horizontal, .icon-application_side_tree {
    background-image: url(../../resources/images/icons/Material/grey/compare.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .x-form-spinner-up, .x-form-spinner-up-over {
    background-image: url(../../resources/images/icons/Material/grey/expand_less.svg) !important;
    background-position: 0 !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .x-form-spinner-down, .x-form-spinner-down-over {
    background-image: url(../../resources/images/icons/Material/grey/expand_more.svg) !important;
    background-position: 0 !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
  }
  .ce-icon {
    background-repeat: no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-top: -2px;
  }
  .icon-user {
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-image: url(../../resources/images/icons/Material/grey/person.svg) !important;
    background-repeat: no-repeat;
  }
  .icon-report {
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-image: url(../../resources/images/icons/Material/article.svg) !important;
    background-repeat: no-repeat;
  }
  .icon-ai-white {
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-image: url(../../resources/images/icons/Material/magic_white.svg) !important;
    background-repeat: no-repeat;
  }
  .icon-ai-white-disabled {
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-image: url(../../resources/images/icons/Material/lock_white.svg) !important;
    background-repeat: no-repeat;
  }
  .icon-ai-grey {
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-image: url(../../resources/images/icons/Material/grey/magic.svg) !important;
    background-repeat: no-repeat;
  }
  .x-tab-center .icon-commentchat {
    background-image: none !important;
    display: none;
  }
  .x-tab-icon {
    background-image: none !important;
    display: none;
  }
  .icon-refresh {
    background-image: url(../../resources/images/icons/Material/grey/refresh.svg) !important;
  }
  .icon-notepad {
    background-image: url(../../resources/images/icons/Material/grey/comment.svg) !important;
    background-size: 16px;
  }
  img.icon-delete {
    background-image: url(../../resources/images/icons/Material/grey/close.svg) !important;
    background-size: 20px;
  }
  .x-menu-item-icon.undefined {
    display: none; /* TODO: verify if we need these icons */
  }
  .x-menu-item-icon {
    display: none !important;
  }
  .x-menu-item-unchecked .x-menu-item-icon,
  .x-menu-item-checked .x-menu-item-icon {
    display: block !important;
  }
  .x-menu .x-menu-icon-separator {
    display: none;
  }
  .x-menu .x-menu-item-unchecked .x-menu-item-link,
  .x-menu .x-menu-item-checked .x-menu-item-link {
    padding-left: 32px !important;
  }
  .x-menu .x-menu-item-active.x-menu-item-checked .x-menu-item-link,
  .x-menu .x-menu-item-active.x-menu-item-unchecked .x-menu-item-link {
    padding-left: 32px !important;
  }
  .x-menu .x-menu-item-unchecked .x-menu-item-link,
  .x-menu .x-menu-item-checked .x-menu-item-link {
    padding-left: 32px !important;
  }
  .x-menu .x-menu-item-active.x-menu-item-checked .x-menu-item-link,
  .x-menu .x-menu-item-active.x-menu-item-unchecked .x-menu-item-link {
    padding-left: 32px !important;
  }
  .x-tree-lines .x-tree-elbow-plus {
    background-image: url(../../resources/images/icons/Material/grey/arrow-down.svg);
    background-repeat: no-repeat;
    background-size: 13px 13px;
    margin-top: 2px;
  }
  .x-tree-lines .x-grid-tree-node-expanded .x-tree-elbow-plus {
    background-image: url(../../resources/images/icons/Material/grey/arrow-up.svg);
    background-size: 15px 15px;
    background-repeat: no-repeat;
  }
  .x-tree-lines .x-tree-elbow-line, .x-tree-lines .x-tree-elbow, .x-tree-lines .x-tree-elbow-end {
    display: none !important;
  }
  /* END::Icons Overrides*/
  .x-fieldset .x-fieldset-header, .x-fieldset .x-fieldset-header-text {
    font: var(--header-1);
    letter-spacing: 0;
    text-align: left;
    color: var(--primary-main-2);
    position: relative;
    padding-left: 0px;
    /*        padding-bottom: 4px;*/
  }
  /* may or may not be an issue. need to color the bass page 'snow' to keep areas the same color */
  .x-viewport, .x-viewport body {
    background-color: var(--snow) !important;
  }
  .x-border-layout-ct, .x-panel-body-default {
    border: none;
    background: var(--snow) 0% 0% no-repeat padding-box;
  }
  .iwantto .x-panel-body {
    background: var(--snow) 0% 0% no-repeat padding-box;
  }
  .left-bar-panel {
    background-color: var(--white);
    z-index: 0;
  }
  .left-bar-panel > .x-panel-body {
    background: var(--white) 0% 0% no-repeat padding-box;
    position: relative;
  }
  .left-bar-panel div[id^=recentItems-],
  .left-bar-panel div[id^=quickLinks-],
  .left-bar-panel div[id^=pcmTaskNav-],
  .left-bar-panel div[id^=pcmLeftBar-] {
    background: var(--white) 0% 0% no-repeat padding-box;
  }
  .left-bar-panel .x-panel-header-text {
    font: var(--menu-header);
    line-height: 30px;
    margin-left: 12px;
    text-transform: none;
  }
  .left-bar-panel > .x-panel-header > .x-panel-header-body .x-panel-header-text {
    text-transform: capitalize;
  }
  div[id^=pcmLeftBar-] .x-border-layout-ct, div[id^=pcmLeftBar-] .x-panel-body-default {
    background: var(--white) !important;
    overflow: hidden !important;
  }
  div[id^=pcmLeftBar-].x-panel-body {
    overflow: auto !important;
  }
  div[id^=pcmLeftBar].left-bar-panel {
    border-right: 1px solid var(--light-grey) !important;
  }
  div[id^=pcmLeftBar-].collapsed {
    z-index: 0 !important;
    border-right: 1px solid var(--light-grey) !important;
  }
  .x-panel-body-default-framed, .x-panel-default-framed {
    background: var(--white) 0% 0% no-repeat padding-box;
    border-color: var(--defining-grey);
  }
  #pcmRightBar_header_hd .x-panel-header-text {
    color: var(--dark-grey);
    font: var(--header-4);
  }
  #pcmStudyNavContainer .x-panel-header-text {
    font: var(--menu-header);
    text-transform: none;
  }
  .x-panel-header-horizontal {
    background: var(--snow) 0% 0% no-repeat padding-box;
    border: none !important;
    box-shadow: none;
  }
  .x-grid-header-hidden .x-grid-body {
    border: none !important;
  }
  .app-link img {
    display: none;
  }
  /* START:: Compliance Event */
  #studyTab_Compliance .x-fieldset .x-fieldset-header, .x-fieldset .x-fieldset-header-text {
    text-align: left;
    font: var(--header-2);
    letter-spacing: 0;
    color: var(--dark-grey);
    text-transform: capitalize;
    opacity: 1;
  }
  .x-fieldset .x-fieldset-header-text {
    font: var(--header-4);
  }
  #studyTab_Compliance img.x-tool-collapse-top, #studyTab_Compliance img.x-tool-expand-bottom, #studyTab_Compliance .x-tool-over .x-tool-expand-bottom, #studyTab_Compliance .x-tool-over x-tool-collapse-bottom {
    left: 0px;
    background-position: 0 0;
  }
  #studyTab_Compliance .x-panel-header-body.x-panel-header-body-default.x-panel-header-body-horizontal.x-panel-header-body-default-horizontal.x-panel-header-body-top.x-panel-header-body-default-top.x-panel-header-body-docked-top.x-panel-header-body-default-docked-top.x-panel-header-body-default-horizontal.x-panel-header-body-default-top.x-panel-header-body-default-docked-top.x-box-layout-ct {
    margin-top: 0px;
  }
  #studyTab_Compliance .icon-security, #studyTab_Compliance .icon-edit, #studyTab_Compliance .icon-calendar-month {
    display: none;
  }
  #studyTab_Compliance .x-component.x-panel-header-text-container.x-box-item.x-component-default {
    left: 0 !important;
    top: 2px !important;
  }
  #studyTab_Compliance div[id^=navigationGrid-].x-box-inner div[id^=tool-].x-tool {
    left: 234px !important;
    top: 0px !important;
  }
  #studyTab_Compliance .x-grid-row-over .x-grid-rowbody-tr,
  #studyTab_Compliance .x-grid-row-over .x-grid-rowwrap-div {
    background: var(--snow) !important;
  }
  #studyTab_Compliance .icon-compliance-details {
    background: none;
  }
  #workflowmanagergrid_header_hd {
    margin-top: 5px;
    text-align: right !important;
  }
  #workflowmanagergrid .x-panel-header-text {
    font: var(--table-header) !important;
  }
  #workflowmanagergrid {
    margin-top: 15px;
  }
  #workflowmanagergrid-body .x-form-display-field {
    width: auto;
    display: inline-block;
  }
  #studyTab_Compliance .x-form-item {
    text-align: left;
    font: var(--note-text);
    letter-spacing: 0px;
    color: var(--dark-grey);
    opacity: 1;
  }
  #studyTab_Compliance .x-form-display-field {
    text-align: left;
    padding: 0;
    border: none !important;
    height: unset !important;
  }
  #studyWorkspace-body .x-container.x-border-item.x-box-item.x-container-default.x-layout-fit {
    margin-top: 10px !important;
  }
  div[id^=complianceAuthorityGrid-] .x-grid-body {
    border: none !important;
  }
  .activeDueDate {
    color: var(--primary-main-2);
  }
  .x-splitter {
    display: none;
    background: var(--snow) 0% 0% no-repeat padding-box;
  }
  .x-surface text {
    fill: var(--dark-grey);
  }
  .x-box-inner[id^=complianceEventDetails] {
    margin-bottom: -8px !important;
  }
  .ce-details-panel .x-box-inner[id^=complianceEventDetails] {
    margin: -2px !important;
    margin-bottom: -8px !important;
  }
  div#complianceDetailsRisk-inputEl {
    width: 100% !important;
  }
  div#extensionInfo-inputEl {
    width: 100% !important;
  }
  #compliance-event-risk {
    border-radius: 10px;
    background-position: left 10px center;
    padding: 13px 13px 13px 37px;
    font-weight: bold;
    height: 52px;
  }
  #compliance-event-risk.status-yellow {
    background-color: #FBF5DD;
    border: 1px solid #E6C02C;
  }
  #compliance-event-risk.status-red {
    background-color: #F7DEDD;
    border: 1px solid #CC322C;
  }
  #compliance-event-risk.status-green {
    background-color: #E0EFDB;
    border: 1px solid #409E1E;
  }
  #compliance-event-risk.status-unknown {
    background-color: #E7F4FB;
    border: 1px solid #66BAE9;
  }
  .ce-details-panel > .x-panel-body .x-panel-body {
    background-color: transparent !important;
    border: none !important;
  }
  .ce-authorities-menu > .x-grid-body {
    border: 1px solid var(--defining-grey) !important;
  }
  .compliance-assessment-comment {
    max-height: 18px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: inherit;
    white-space: nowrap;
    width: 95%;
    cursor: pointer;
  }
  .ceContainer {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    background-color: white;
    margin-bottom: 10px;
    max-width: 900px;
    min-width: 900px;
  }
  .asessment-comment-preview {
    overflow: hidden;
    max-width: 270px;
    background: #fff;
    color: #444957;
    padding: 5px;
  }
  /* END:: Compliance Event */
  /* START:: Maintanance Workspace */
  #MaintenanceWorkspace .icon-Studies-browse, #MaintenanceWorkspace .icon-batchupload {
    background-image: none !important;
  }
  /* END:: Maintanance Workspace */
  /* START:: Administration */
  #adminWorkspace_header {
    padding-top: 20px;
    line-height: 30px;
    background: var(--snow);
  }
  #adminWorkspace .x-panel-header-top .x-panel-header-text {
    font: var(--header-2);
    color: var(--dark-grey);
  }
  #adminWorkspace_header .x-panel-header-text {
    font: var(--header-1);
    color: var(--dark-grey) !important;
  }
  #adminWorkspace .x-panel-body-default-framed, #adminWorkspace .x-panel-default-framed {
    background: none;
    border: none;
  }
  img[id^=pcmLeftBar-].icon-Admin {
    display: none;
  }
  img[id^=recentItems-].icon-clockred {
    display: none;
  }
  div[id^=globalimportWorkspace] .icon-page-xml {
    background-image: none;
  }
  #adminWorkspace div[id^=boardpanel-] {
    background: var(--snow);
    border: none;
  }
  #adminWorkspace .x-field-label-cell {
    vertical-align: middle;
  }
  #adminWorkspace .admin-properties-form-panel {
    border: 1px solid var(--defining-grey) !important;
    border-radius: 2px;
    background: var(--white) !important;
    margin-right: 10px;
    padding: 10px;
  }
  #adminWorkspace .admin-properties-form-panel table {
    width: 100% !important;
  }
  #adminWorkspace .admin-properties-form-panel .x-form-display-field {
    width: 100% !important;
  }
  #adminWorkspace .admin-properties-form-panel .x-panel-header {
    left: unset !important;
    top: unset !important;
  }
  #adminWorkspace .admin-properties-form-panel .x-panel-header-horizontal,
  #adminWorkspace .admin-properties-form-panel .x-panel-body-default {
    background: var(--white) !important;
    box-shadow: none;
  }
  #adminWorkspace .admin-properties-form-panel .x-panel-header-text {
    margin-left: 0;
  }
  #adminWorkspace .admin-properties-form-panel .x-panel-header-icon {
    display: none;
  }
  #adminWorkspace .admin-properties-form-panel .x-toolbar-docked-bottom,
  #adminWorkspace .admin-properties-form-panel .x-toolbar-docked-bottom > .x-box-inner {
    height: 50px !important;
  }
  #adminWorkspace .admin-properties-form-panel .x-toolbar-docked-bottom .x-btn {
    background: var(--white) 0% 0% no-repeat padding-box;
    border: 1px solid var(--defining-grey);
    border-radius: 1px;
    height: 48px;
  }
  #adminWorkspace .admin-properties-form-panel .x-toolbar-docked-bottom .x-btn:hover {
    background: var(--snow) 0% 0% no-repeat padding-box;
  }
  #adminWorkspace .admin-properties-form-panel .x-toolbar-docked-bottom .x-btn:active {
    background: var(--defining-grey) 0% 0% no-repeat padding-box;
  }
  #adminWorkspace .admin-properties-form-panel .x-toolbar-docked-bottom .x-btn .x-btn-inner {
    font: var(--button-text);
    margin-top: -5px !important;
    letter-spacing: 0px;
    color: var(--grey);
    height: 18px;
    padding: 0;
  }
  #adminWorkspace .admin-properties-form-panel .x-toolbar-docked-bottom .x-btn .x-btn-icon {
    display: none;
  }
  #adminWorkspace .x-tab-default-top {
    width: auto;
  }
  #adminWorkspace .x-tab-default-top {
    width: auto;
  }
  #adminWorkspace .icon-pageBlueNew {
    background-image: url(../images/icons/Material/upload_file.svg) !important;
    background-repeat: no-repeat;
  }
  #adminWorkspace #ComplianceRuleSetWorkspace-body {
    background: var(--snow) !important;
    margin-bottom: 5px;
  }
  #adminWorkspace #ComplianceRuleSetWorkspace-body .no-rules-label {
    color: var(--dark-grey);
    font: var(--header-2);
    padding: 10px 0;
    width: 300px;
  }
  /* END:: Administration */
  .login-supporttext {
    margin-left: 20px;
  }
  .login-supporttext a.noUnderline {
    margin-left: 5px;
  }
  #phoneNumberField .login-supporttext {
    margin-left: 20px;
  }
  #phoneNumberField.icon-phone {
    background-image: url(../../resources/images/rebrand/phone_black_24dp.svg);
    background-repeat: no-repeat;
    background-size: 18px 18px;
  }
  /* region Study Region */
  #studyTab_Regions-innerCt .flag {
    background-position: 0 3px !important;
    padding: 0 0 0 30px !important;
  }
  .regionName {
    color: var(--primary-main-2);
  }
  /* endregion */
  /* region Modal Window */
  .x-window textarea {
    background: var(--white);
    border: 1px solid var(--roman-silver);
    border-radius: 2px;
    padding: 5px;
    font: var(--form-field);
    font-family: var(--font-family) !important;
  }
  .x-window input {
    padding: 0 0 0 5px;
    font: var(--form-field);
    border: 1px solid var(--roman-silver);
    border-radius: 2px 0 0 2px;
    background: var(--white);
    font-family: var(--font-family) !important;
  }
  .x-window input[type=text], .x-window input[type=input], .x-window input.x-form-field, .x-window input.data-text, .x-window input.data-number {
    height: 28px;
    font: var(--form-field);
  }
  .x-window input[type=radio], .x-window input.x-form-radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: 14px !important;
    height: 14px !important;
    padding: 2px !important;
    vertical-align: middle;
    margin-right: 2px;
    /* background-color only for content */
    background-color: var(--white) !important;
    border: 2px solid var(--roman-silver) !important;
    background-clip: content-box;
    border-radius: 50%;
  }
  .x-window input[type=radio]:checked, .x-window input.x-form-radio:checked {
    border: 2px solid var(--primary-accent) !important;
    background-color: var(--primary-accent) !important;
  }
  .x-window input[type=checkbox], .x-window input.x-form-checkbox {
    border-radius: 2px;
    height: 18px;
    width: 18px;
  }
  .x-window input[type=checkbox]:checked, .x-window input.x-form-checkbox:checked {
    accent-color: var(--secondary-accent) !important;
    border: 1px solid var(--secondary-accent) !important;
  }
  .x-window input[type=checkbox] {
    border: 1px solid var(--grey) !important;
  }
  .x-window .x-item-disabled .x-form-trigger-input-cell .x-form-text {
    opacity: 0.3;
  }
  .x-window .x-form-cb-checked .x-form-radio {
    border: 2px solid var(--primary-accent) !important;
    background-color: var(--primary-accent) !important;
  }
  .x-window select {
    height: 30px;
    background-size: 16px;
    background-color: var(--white);
    background-image: url(../../resources/images/rebrand/expand_more_black_24dp.svg) !important;
    background-repeat: no-repeat;
    background-position: center right;
    border: 1px solid var(--roman-silver);
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 15px 0 5px;
    font: var(--form-field);
    font-family: var(--font-family) !important;
  }
  .x-window select option {
    color: var(--dark-grey);
    font-family: var(--font-family) !important;
  }
  .x-window .x-form-invalid-field,
  .x-window textarea.x-form-invalid-field,
  .x-window .x-form-trigger-input-cell input.x-form-invalid-field {
    border-right: 1px solid var(--red-error) !important;
    border-color: var(--red-error);
  }
  .x-window .x-form-trigger-input-cell input {
    border-right: none !important;
  }
  .x-window .x-trigger-cell .x-form-arrow-trigger {
    background-image: url(../../resources/images/rebrand/expand_more_black_24dp.svg) !important;
    height: 28px;
    background-size: 16px;
    background-position: center center;
    border: 1px solid var(--roman-silver);
    border-left: none;
  }
  .x-window .x-fieldset .x-btn {
    padding: 5px 10px;
  }
  .x-window .x-form-date-trigger {
    border: 1px solid var(--roman-silver);
    background-image: url(../../resources/images/icons/Material/date_range.svg) !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px;
    border-left: none;
    height: 28px;
  }
  .x-window .x-message-box-question {
    background-image: url(../../resources/images/icons/Material/live_help.svg);
    background-position: center center;
    height: 35px !important;
    background-size: 35px;
  }
  .x-window .x-toolbar-docked-bottom {
    min-height: 45px !important;
    background: transparent;
    border-top: 1px solid var(--roman-silver);
  }
  .x-window .x-toolbar-footer-docked-bottom:not(.docked-paging) .x-btn-default-small, .x-window .x-toolbar-footer-docked-bottom:not(.docked-paging) .x-btn-default-toolbar-small, .x-window .x-fieldset .x-btn-default-small, .x-window .x-fieldset .x-btn-default-toolbar-small, .x-window .x-toolbar-docked-bottom:not(.docked-paging) .x-btn-default-small, .x-window .x-toolbar-docked-bottom:not(.docked-paging) .x-btn-default-toolbar-small {
    background: var(--white);
    border: 1px solid var(--secondary-dark-2) !important;
    border-radius: var(--button-border-radius) !important;
  }
  .x-window .x-toolbar-footer-docked-bottom:not(.docked-paging) .x-btn-default-small:hover, .x-window .x-toolbar-footer-docked-bottom:not(.docked-paging) .x-btn-default-toolbar-small:hover, .x-window .x-fieldset .x-btn-default-small:hover, .x-window .x-fieldset .x-btn-default-toolbar-small:hover, .x-window .x-toolbar-docked-bottom:not(.docked-paging) .x-btn-default-small:hover, .x-window .x-toolbar-docked-bottom:not(.docked-paging) .x-btn-default-toolbar-small:hover {
    background: var(--snow);
  }
  .x-window .x-toolbar-footer-docked-bottom:not(.docked-paging) .x-btn-default-small:active, .x-window .x-toolbar-footer-docked-bottom:not(.docked-paging) .x-btn-default-toolbar-small:active, .x-window .x-fieldset .x-btn-default-small:active, .x-window .x-fieldset .x-btn-default-toolbar-small:active, .x-window .x-toolbar-docked-bottom:not(.docked-paging) .x-btn-default-small:active, .x-window .x-toolbar-docked-bottom:not(.docked-paging) .x-btn-default-toolbar-small:active {
    background: var(--secondary-dark-3);
  }
  .x-window .x-toolbar-footer-docked-bottom:not(.docked-paging) .x-btn, .x-window .x-fieldset .x-btn, .x-window .x-toolbar-docked-bottom:not(.docked-paging) .x-btn {
    border: none;
    opacity: 1;
    line-height: 20px;
    vertical-align: middle;
    margin: 7px;
    border-radius: var(--button-border-radius);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 32px;
  }
  .x-window .x-toolbar-footer-docked-bottom:not(.docked-paging) .x-btn button, .x-window .x-fieldset .x-btn button, .x-window .x-toolbar-docked-bottom:not(.docked-paging) .x-btn button {
    height: 20px;
  }
  .x-window .x-toolbar-footer-docked-bottom:not(.docked-paging) .x-btn button.x-btn-center, .x-window .x-fieldset .x-btn button.x-btn-center, .x-window .x-toolbar-docked-bottom:not(.docked-paging) .x-btn button.x-btn-center {
    height: auto !important;
    margin: 0 !important;
    vertical-align: middle;
    position: relative;
  }
  .x-window .x-toolbar-footer-docked-bottom:not(.docked-paging) .x-btn span, .x-window .x-fieldset .x-btn span, .x-window .x-toolbar-docked-bottom:not(.docked-paging) .x-btn span {
    font: var(--button-text) !important;
    font-style: normal;
    height: 20px !important;
    font-weight: 700;
    min-width: 38px;
    vertical-align: middle;
  }
  .x-window .x-toolbar-footer-docked-bottom:not(.docked-paging) .x-btn span.x-btn-icon, .x-window .x-fieldset .x-btn span.x-btn-icon, .x-window .x-toolbar-docked-bottom:not(.docked-paging) .x-btn span.x-btn-icon {
    height: 100%;
    margin-left: 3px !important;
    display: none;
  }
  .x-window .x-toolbar-footer-docked-bottom:not(.docked-paging) .x-btn-inner, .x-window .x-fieldset .x-btn-inner, .x-window .x-toolbar-docked-bottom:not(.docked-paging) .x-btn-inner {
    padding-left: 0 !important;
  }
  .x-window .x-toolbar-footer-docked-bottom:not(.docked-paging) span, .x-window .x-fieldset span, .x-window .x-toolbar-docked-bottom:not(.docked-paging) span {
    text-shadow: none;
  }
  .x-window .x-panel-body-default {
    background: white;
  }
  .x-message-box .x-btn button {
    height: auto !important;
  }
  .x-window-header {
    background: white;
    border: none !important;
  }
  .x-window-header .x-window-header-text-container {
    padding-top: 10px;
    padding-bottom: 3px;
  }
  .x-window-header-icon {
    margin-top: 3px !important;
    margin-left: 3px !important;
  }
  .x-window-header-text {
    font: var(--menu-header) !important;
    vertical-align: middle;
  }
  .x-window .x-tool-close {
    background: url("../images/rebrand/clear-icon.svg") no-repeat;
  }
  .x-window .x-window-header-body .x-window-header-icon,
  .x-window .x-window-header-body .x-box-item {
    /*.x-window .x-box-item {*/
    margin-right: 10px !important;
  }
  .x-window .x-grid .x-box-item {
    margin-right: 0px !important;
  }
  /* enregion Modal Window */
  /* Date Picker*/
  .x-datepicker {
    width: 210px !important;
    border: 1px solid var(--defining-grey);
    border-radius: 5px;
  }
  .x-datepicker [role=grid] {
    margin: 12px 16px 16px 17px;
  }
  .x-datepicker .x-monthpicker-body {
    margin: 42px 16px 16px 17px;
    border: none;
  }
  .x-datepicker th {
    border: none !important;
  }
  .x-monthpicker {
    border: 1px solid var(--defining-grey);
    border-radius: 5px;
  }
  .x-monthpicker-buttons {
    padding-right: 10px;
  }
  .x-monthpicker-item {
    font: var(--button-small-text) !important;
  }
  .x-monthpicker-item a {
    padding: 1px;
    color: var(--dark-grey) !important;
    font: var(--button-small-text) !important;
  }
  .x-monthpicker-item a:hover {
    text-decoration: none !important;
    color: var(--white) !important;
    background-color: var(--medium-orchid-55);
    border-radius: 5px;
  }
  table.x-datepicker-inner a {
    padding: 4px;
  }
  .x-datepicker .x-btn-default-small {
    padding: 2px !important;
  }
  .x-datepicker-header {
    background-color: var(--white) !important;
    background-image: none;
    margin-bottom: 12px;
  }
  .x-datepicker-header span {
    color: var(--dark-grey) !important;
  }
  .x-datepicker-footer, .x-monthpicker-buttons {
    background-color: var(--white);
    color: var(--dark-grey) !important;
    background-image: none;
    border-top: none;
    text-align: right;
    margin-top: 6px;
  }
  .x-datepicker-month .x-btn-split-right {
    background-image: url(../../resources/images/icons/Material/grey/arrow_drop_down.svg) !important;
    background-size: 16px 16px;
  }
  .x-datepicker-next a {
    background-image: url(../../resources/images/rebrand/chevron_right-24px.svg) !important;
    background-size: 16px 16px;
  }
  .x-datepicker-prev a {
    background-image: url(../../resources/images/rebrand/chevron_left-24px.svg) !important;
    background-size: 16px 16px;
  }
  table.x-datepicker-inner th, table.x-datepicker-inner th span {
    background: var(--white) !important;
    background-image: none;
    font: var(--button-small-text) !important;
    color: var(--dark-grey) !important;
  }
  table.x-datepicker-inner th, table.x-datepicker-inner a {
    text-align: center;
  }
  table.x-datepicker-inner a {
    font: var(--button-small-text) !important;
    border-radius: 5px;
  }
  table.x-datepicker-inner a:hover, table.x-datepicker-inner .x-datepicker-disabled a:hover {
    text-decoration: none !important;
    color: var(--white) !important;
    background-color: var(--medium-orchid-55);
  }
  table.x-datepicker-inner a:hover em span, table.x-datepicker-inner .x-datepicker-disabled a:hover em span {
    color: var(--white) !important;
  }
  .x-datepicker-selected a, a.x-monthpicker-selected {
    background-color: var(--medium-orchid) !important;
    border-radius: 5px;
    color: var(--white) !important;
  }
  .x-datepicker-selected a em span, a.x-monthpicker-selected em span {
    color: var(--white) !important;
  }
  .x-datepicker-selected a, a.x-monthpicker-selected {
    border: none !important;
  }
  .x-monthpicker-yearnav-prev, .x-monthpicker-yearnav-prev {
    background-image: url(../../resources/images/rebrand/chevron_left-24px.svg) !important;
    background-size: 16px 16px;
    background-position: 0 0;
    background-color: var(--white);
    cursor: pointer;
    opacity: 0.7;
  }
  .x-monthpicker-yearnav-prev:hover, .x-monthpicker-yearnav-prev:hover {
    opacity: 1;
  }
  .x-monthpicker-yearnav-next, .x-monthpicker-yearnav-next {
    background-image: url(../../resources/images/rebrand/chevron_right-24px.svg) !important;
    background-size: 16px 16px;
    background-position: 0 0;
    background-color: var(--white);
    cursor: pointer;
    opacity: 0.7;
  }
  .x-monthpicker-yearnav-next:hover, .x-monthpicker-yearnav-next:hover {
    opacity: 1;
  }
  .x-datepicker-footer .x-btn, .x-monthpicker-buttons .x-btn {
    background-color: var(--white);
    background-image: none;
    border: none !important;
  }
  .x-datepicker .x-btn-inner {
    font: var(--comments-date) !important;
    color: var(--medium-orchid);
  }
  .x-datepicker .x-btn-inner:hover {
    color: var(--medium-orchid-55);
  }
  table.x-datepicker-inner .x-datepicker-today a {
    border-color: var(--secondary-dark-1);
  }
  .x-window-ghost .x-window-body {
    background: var(--white);
    border: none;
  }
  .x-tip-header, .x-tip-body {
    color: var(--snow) !important;
  }
  .x-tip-header-text {
    color: var(--snow) !important;
    font: var(--default-text);
    margin: 8px;
  }
  .x-form-invalid-tip-body {
    color: var(--dark-grey) !important;
    background: no-repeat left center;
    background-image: url("../../resources/images/icons/Material/error_outline.svg") !important;
    overflow: hidden;
  }
  .x-form-invalid-tip-body ul {
    padding-inline-start: 20px;
  }
  .x-tip {
    background: var(--grey);
    border-radius: 5px;
    border: none;
    padding: 5px 8px;
    width: auto !important;
  }
  .x-tip .x-tip-tc, .x-tip .x-tip-tl, .x-tip .x-tip-tr, .x-tip .x-tip-bc, .x-tip .x-tip-bl, .x-tip .x-tip-br, .x-tip .x-tip-ml, .x-tip .x-tip-mr, .x-tip .x-tip-mc {
    background: var(--grey);
    font: var(--default-text) !important;
  }
  .x-tip .x-tip-body {
    font: var(--default-text);
    max-width: 300px;
  }
  div[id=studyTab_SyncWorkspace] .x-btn {
    border: 1px solid var(--defining-grey);
    border-radius: 1px;
    opacity: 1;
    min-height: 32px;
    min-width: 80px;
    vertical-align: middle;
    background: var(--white);
    margin-bottom: 2px !important;
  }
  div[id=studyTab_SyncWorkspace] .x-btn:hover:not(.x-btn-disabled) {
    background: var(--snow);
  }
  div[id=studyTab_SyncWorkspace] .x-btn:active:not(.x-btn-disabled) {
    background: var(--secondary-dark-3);
  }
  div[id=studyTab_SyncWorkspace] .x-btn span {
    font: var(--button-small-text) !important;
  }
  /* Attachment Form */
  .x-form-file-wrap .x-form-file-btn {
    margin: 0 !important;
    height: 30px;
    background: none;
    border: 1px solid var(--grey);
    border-radius: 0px 2px 2px 0px;
  }
  div[id=attachmentsForm] .x-form-file-wrap .x-form-file-btn {
    padding: 0 !important;
  }
  .x-form-file-wrap .x-form-file-btn button {
    line-height: 30px !important;
    height: 30px !important;
  }
  .x-form-file-wrap .x-form-file-btn.x-over button {
    background-color: var(--snow);
  }
  .x-form-file-wrap .x-form-file-btn span {
    line-height: 24px !important;
    height: 27px;
    font: var(--button-small-text);
    color: var(--dark-grey);
  }
  div[id=attachmentsForm] .x-toolbar-item.x-btn {
    opacity: 1;
    height: 32px;
    min-width: 80px;
    vertical-align: middle;
  }
  div[id=attachmentsForm] #attachmentSaveBtn.x-btn {
    background: var(--main-button-normal);
    border: none !important;
  }
  div[id=attachmentsForm] #attachmentSaveBtn.x-btn span {
    color: var(--white);
  }
  div[id=attachmentsForm] #attachmentSaveBtn.x-btn:hover {
    background: var(--main-button-hover);
  }
  div[id=attachmentsForm] #attachmentSaveBtn.x-btn:active {
    background: var(--main-button-active);
  }
  div[id=attachmentsForm] #attachmentCancelBtn.x-btn {
    color: var(--dark-grey);
  }
  div[id=attachmentsForm] .x-toolbar-item.x-btn span {
    font: var(--button-small-text) !important;
    padding-left: 0;
  }
  div[id=attachmentsForm] .x-toolbar-item.x-btn span.x-btn-icon {
    display: none;
  }
  #studyWorkspace div[id=attachmentsForm] .x-panel-header-text-container {
    left: 20px !important;
  }
  #attachmentTypeNote-body {
    font: var(--default-text);
  }
  #cta-workspace .x-tab-bar-top, #erf-workspace .x-tab-bar-top {
    border-bottom: none !important;
  }
  #cta-workspace .x-tab-bar .x-box-inner, #erf-workspace .x-tab-bar .x-box-inner {
    border-bottom: none;
    height: 30px !important;
  }
  #cta-workspace .x-tab-bar .x-box-inner > div, #erf-workspace .x-tab-bar .x-box-inner > div {
    height: 30px !important;
  }
  #cta-workspace .x-tab-bar-body-top::after, #erf-workspace .x-tab-bar-body-top::after {
    width: 100%;
    height: 1px;
    content: "";
    left: 0;
    bottom: 0;
    background: var(--primary-main-2);
    position: absolute;
  }
  #cta-workspace .event-type, #erf-workspace .event-type {
    padding-right: 10px;
  }
  #cta-workspace .event-type.active, #erf-workspace .event-type.active {
    font-weight: bold !important;
  }
  #cta-workspace .event-type:hover, #erf-workspace .event-type:hover {
    text-decoration: none !important;
    color: var(--primary-accent) !important;
    font-weight: 700 !important;
    cursor: pointer;
  }
  #cta-workspace .event-types, #erf-workspace .event-types {
    height: 26px;
    border-bottom: 1px solid var(--defining-grey);
  }
  #cta-workspace .event-types .event-type, #erf-workspace .event-types .event-type {
    padding-right: 10px;
    padding-left: 10px;
  }
  #cta-workspace .event-types .event-type, #erf-workspace .event-types .event-type {
    display: inline;
    font-size: 18px !important;
  }
  #cta-workspace .event-types .event-type.active, #erf-workspace .event-types .event-type.active {
    font-weight: 700 !important;
    border-bottom: 3px solid var(--primary-main-2);
    color: var(--primary-main-2) !important;
  }
  #cta-workspace .pick-list .link.active, #erf-workspace .pick-list .link.active {
    font-weight: bold !important;
  }
  #cta-workspace .x-tab-bar-body-top, #erf-workspace .x-tab-bar-body-top {
    height: auto;
    padding: 0;
  }
  #cta-workspace .x-tab-bar-body-top span, #erf-workspace .x-tab-bar-body-top span {
    font: normal normal normal 12px/14px Lexend;
  }
  #cta-workspace .x-tab-bar-body-top .x-tab-inner, #erf-workspace .x-tab-bar-body-top .x-tab-inner {
    height: auto !important;
  }
  #cta-workspace .x-tab-bar-body-top em, #erf-workspace .x-tab-bar-body-top em {
    padding: 0;
  }
  #cta-workspace .x-tab-bar-body-top .x-tab-top, #erf-workspace .x-tab-bar-body-top .x-tab-top {
    border-top: 3px solid var(--snow) !important;
    padding: 0 5px 2px 5px !important;
    position: absolute !important;
    height: 27px !important;
    top: 3px !important;
  }
  #cta-workspace .x-tab-bar-body-top .x-tab-top-active, #erf-workspace .x-tab-bar-body-top .x-tab-top-active {
    border-top: 3px solid var(--primary-main-2) !important;
    border-left: 1px solid var(--primary-main-2) !important;
    border-right: 1px solid var(--primary-main-2) !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    background: white;
  }
  #cta-workspace .x-tab-bar-body-top .x-tab-top-active .x-tab-inner, #erf-workspace .x-tab-bar-body-top .x-tab-top-active .x-tab-inner {
    font-weight: 700 !important;
  }
  #cta-workspace .a54Add, #erf-workspace .a54Add {
    left: 20px;
  }
  #cta-workspace .a54Delete, #erf-workspace .a54Delete {
    left: 0;
  }
  #cta-workspace .dateCalendar, #erf-workspace .dateCalendar {
    background-image: url(../../resources/images/icons/Material/date_range.svg);
    background-position: center center;
    background-size: 24px;
    margin-top: 5px;
    cursor: pointer;
    width: 24px;
    height: 24px;
  }
  #cta-workspace .dateCalendar:hover, #erf-workspace .dateCalendar:hover {
    opacity: 0.7;
  }
  #cta-workspace .dateCalendar:active, #erf-workspace .dateCalendar:active {
    opacity: 0.5;
  }
  #cta-workspace-body, #erf-workspace-body {
    padding-top: 0;
    border-top: none;
    border-left: 1px solid var(--primary-main-2) !important;
    border-bottom: 1px solid var(--primary-main-2) !important;
    border-right: 1px solid var(--primary-main-2) !important;
    background: var(--white);
  }
  #cta-workspace-body .x-panel-body-default, #erf-workspace-body .x-panel-body-default {
    background: var(--white);
  }
  #studies textarea,
  .studies textarea {
    background: var(--white);
    border: 1px solid var(--roman-silver);
    border-radius: 2px;
    padding: 5px;
    font: var(--form-field);
    font-family: var(--font-family) !important;
  }
  #studies input,
  .studies input {
    padding: 0 0 0 5px;
    font: var(--form-field);
    border: 1px solid var(--roman-silver);
    border-radius: 2px 0 0 2px;
    background: var(--white);
    font-family: var(--font-family) !important;
  }
  #studies input[type=text], #studies input[type=input], #studies input.x-form-field, #studies input.data-text, #studies input.data-number,
  .studies input[type=text],
  .studies input[type=input],
  .studies input.x-form-field,
  .studies input.data-text,
  .studies input.data-number {
    height: 28px;
    font: var(--form-field);
  }
  #studies input[type=radio], #studies input.x-form-radio,
  .studies input[type=radio],
  .studies input.x-form-radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: 14px !important;
    height: 14px !important;
    padding: 2px !important;
    vertical-align: middle;
    margin-right: 2px;
    /* background-color only for content */
    background-color: var(--white) !important;
    border: 2px solid var(--roman-silver) !important;
    background-clip: content-box;
    border-radius: 50%;
  }
  #studies input[type=radio]:checked, #studies input.x-form-radio:checked,
  .studies input[type=radio]:checked,
  .studies input.x-form-radio:checked {
    border: 2px solid var(--primary-accent) !important;
    background-color: var(--primary-accent) !important;
  }
  #studies input[type=checkbox], #studies input.x-form-checkbox,
  .studies input[type=checkbox],
  .studies input.x-form-checkbox {
    border-radius: 2px;
    height: 18px;
    width: 18px;
  }
  #studies input[type=checkbox]:checked, #studies input.x-form-checkbox:checked,
  .studies input[type=checkbox]:checked,
  .studies input.x-form-checkbox:checked {
    accent-color: var(--secondary-accent) !important;
    border: 1px solid var(--secondary-accent) !important;
  }
  #studies input[type=checkbox],
  .studies input[type=checkbox] {
    border: 1px solid var(--grey) !important;
  }
  #studies .x-item-disabled .x-form-trigger-input-cell .x-form-text,
  .studies .x-item-disabled .x-form-trigger-input-cell .x-form-text {
    opacity: 0.3;
  }
  #studies .x-form-cb-checked .x-form-radio,
  .studies .x-form-cb-checked .x-form-radio {
    border: 2px solid var(--primary-accent) !important;
    background-color: var(--primary-accent) !important;
  }
  #studies select,
  .studies select {
    height: 30px;
    background-size: 16px;
    background-color: var(--white);
    background-image: url(../../resources/images/rebrand/expand_more_black_24dp.svg) !important;
    background-repeat: no-repeat;
    background-position: center right;
    border: 1px solid var(--roman-silver);
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 15px 0 5px;
    font: var(--form-field);
    font-family: var(--font-family) !important;
  }
  #studies select option,
  .studies select option {
    color: var(--dark-grey);
    font-family: var(--font-family) !important;
  }
  #studies .x-form-invalid-field,
  #studies textarea.x-form-invalid-field,
  #studies .x-form-trigger-input-cell input.x-form-invalid-field,
  .studies .x-form-invalid-field,
  .studies textarea.x-form-invalid-field,
  .studies .x-form-trigger-input-cell input.x-form-invalid-field {
    border-right: 1px solid var(--red-error) !important;
    border-color: var(--red-error);
  }
  #studies a, #studies b, #studies span, #studies p, #studies div, #studies td, #studies th,
  .studies a,
  .studies b,
  .studies span,
  .studies p,
  .studies div,
  .studies td,
  .studies th {
    letter-spacing: 0;
    font-family: var(--font-family);
  }
  #studies a, #studies .link, #studies .validation-message-link, #studies .form-link,
  .studies a,
  .studies .link,
  .studies .validation-message-link,
  .studies .form-link {
    font: var(--form-field);
    color: var(--primary-main-2);
    vertical-align: middle;
    text-decoration: none;
    text-shadow: none;
  }
  #studies a:hover, #studies .link:hover, #studies .validation-message-link:hover, #studies .form-link:hover,
  .studies a:hover,
  .studies .link:hover,
  .studies .validation-message-link:hover,
  .studies .form-link:hover {
    color: var(--primary-main-1);
    text-decoration: underline;
    text-shadow: none;
  }
  #studies a:active, #studies .link:active, #studies .validation-message-link:active, #studies .form-link:active,
  .studies a:active,
  .studies .link:active,
  .studies .validation-message-link:active,
  .studies .form-link:active {
    color: var(--primary-main-1);
    text-decoration: none !important;
    text-shadow: none;
  }
  #studies .dataCell, #studies td,
  .studies .dataCell,
  .studies td {
    font: var(--form-field);
    color: var(--dark-grey);
    vertical-align: middle;
    border-color: var(--roman-silver) !important;
  }
  #studies .dataCell .comment-bubble-in-form i, #studies td .comment-bubble-in-form i,
  .studies .dataCell .comment-bubble-in-form i,
  .studies td .comment-bubble-in-form i {
    color: var(--primary-dark-1);
  }
  #studies .dataCell a, #studies td a,
  .studies .dataCell a,
  .studies td a {
    font: var(--form-label);
  }
  #studies .dataCell p, #studies .dataCell span, #studies td p, #studies td span,
  .studies .dataCell p,
  .studies .dataCell span,
  .studies td p,
  .studies td span {
    font: var(--form-field);
    color: var(--dark-grey);
  }
  #studies tr.even-edit td, #studies tr.odd-edit td,
  .studies tr.even-edit td,
  .studies tr.odd-edit td {
    background-color: var(--snow) !important;
  }
  #studies .edit-hide,
  .studies .edit-hide {
    font: var(--form-field);
    color: var(--dark-grey);
  }
  #studies .headerCell, #studies th,
  .studies .headerCell,
  .studies th {
    background: var(--primary-accent);
    background-color: var(--primary-accent);
    background-image: none;
    line-height: 26px !important;
    color: var(--white);
    border: none;
    font: var(--table-header);
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  #studies .headerCell .postJan2017ConditionalRequirement,
  #studies .headerCell .ctGovConditionalRequirement,
  #studies .headerCell .ctgovRequirement, #studies th .postJan2017ConditionalRequirement,
  #studies th .ctGovConditionalRequirement,
  #studies th .ctgovRequirement,
  .studies .headerCell .postJan2017ConditionalRequirement,
  .studies .headerCell .ctGovConditionalRequirement,
  .studies .headerCell .ctgovRequirement,
  .studies th .postJan2017ConditionalRequirement,
  .studies th .ctGovConditionalRequirement,
  .studies th .ctgovRequirement {
    color: var(--primary-light-1) !important;
  }
  #studies .headerCell .link,
  #studies .headerCell a, #studies th .link,
  #studies th a,
  .studies .headerCell .link,
  .studies .headerCell a,
  .studies th .link,
  .studies th a {
    color: var(--primary-main-1) !important;
  }
  #studies .headerCell .link:hover,
  #studies .headerCell a:hover, #studies th .link:hover,
  #studies th a:hover,
  .studies .headerCell .link:hover,
  .studies .headerCell a:hover,
  .studies th .link:hover,
  .studies th a:hover {
    color: var(--primary-main-2) !important;
  }
  #studies .headerCell .dataCell, #studies .headerCell.dataCell, #studies th .dataCell, #studies th.dataCell,
  .studies .headerCell .dataCell,
  .studies .headerCell.dataCell,
  .studies th .dataCell,
  .studies th.dataCell {
    color: var(--white);
  }
  #studies .headerCell .dataCell span, #studies .headerCell.dataCell span, #studies th .dataCell span, #studies th.dataCell span,
  .studies .headerCell .dataCell span,
  .studies .headerCell.dataCell span,
  .studies th .dataCell span,
  .studies th.dataCell span {
    color: var(--white);
  }
  #studies .headerCell span, #studies th span,
  .studies .headerCell span,
  .studies th span {
    color: var(--white) !important;
  }
  #studies .headerCell .printPreviewHead, #studies .headerCell.printPreviewHead, #studies th .printPreviewHead, #studies th.printPreviewHead,
  .studies .headerCell .printPreviewHead,
  .studies .headerCell.printPreviewHead,
  .studies th .printPreviewHead,
  .studies th.printPreviewHead {
    color: var(--white) !important;
    text-shadow: none !important;
  }
  #studies .headerCell .printPreviewHead span, #studies .headerCell.printPreviewHead span, #studies th .printPreviewHead span, #studies th.printPreviewHead span,
  .studies .headerCell .printPreviewHead span,
  .studies .headerCell.printPreviewHead span,
  .studies th .printPreviewHead span,
  .studies th.printPreviewHead span {
    color: var(--white) !important;
    text-shadow: none !important;
  }
  #studies .section-seperator-row th,
  .studies .section-seperator-row th {
    background-color: var(--snow);
    border: 1px solid var(--defining-grey);
  }
  #studies .tableTitle,
  .studies .tableTitle {
    margin-right: 5px;
  }
  #studies .tableTitle .dataCell,
  .studies .tableTitle .dataCell {
    color: var(--white);
  }
  #studies .tab-title, #studies .tabTitle,
  .studies .tab-title,
  .studies .tabTitle {
    font: var(--form-header) !important;
    color: var(--dark-grey) !important;
  }
  #studies div.section-title,
  .studies div.section-title {
    background: var(--primary-accent);
    background-color: var(--primary-accent);
    background-image: none;
    color: var(--white);
    padding: 5px 10px !important;
    border: none !important;
    border-radius: 0 !important;
  }
  #studies div.section-title span,
  .studies div.section-title span {
    color: var(--white);
  }
  #studies div.section-title .ui-icon,
  .studies div.section-title .ui-icon {
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-position: center center;
    position: relative;
    top: 10px;
  }
  #studies div.section-title .ui-icon.ui-icon-circlesmall-minus,
  .studies div.section-title .ui-icon.ui-icon-circlesmall-minus {
    background: url(../../resources/images/icons/Material/grey/arrow-up-white.svg) no-repeat;
  }
  #studies div.section-title .ui-icon.ui-icon-circlesmall-plus,
  .studies div.section-title .ui-icon.ui-icon-circlesmall-plus {
    background: url(../../resources/images/icons/Material/grey/arrow-down-white.svg) no-repeat;
  }
  #studies div.section-title .link,
  #studies div.section-title a,
  .studies div.section-title .link,
  .studies div.section-title a {
    color: var(--primary-main-1) !important;
  }
  #studies div.section-title .link:hover,
  #studies div.section-title a:hover,
  .studies div.section-title .link:hover,
  .studies div.section-title a:hover {
    color: var(--primary-main-2) !important;
  }
  #studies h5,
  #studies label,
  #studies .labelCell,
  #studies .form_field_label,
  #studies .form_field_empty,
  .studies h5,
  .studies label,
  .studies .labelCell,
  .studies .form_field_label,
  .studies .form_field_empty {
    font: var(--form-label) !important;
  }
  #studies .prfTable,
  .studies .prfTable {
    width: 80%;
  }
  #studies .controlButtonBar,
  .studies .controlButtonBar {
    border-color: var(--roman-silver);
  }
  #studies hr,
  .studies hr {
    border-color: var(--roman-silver);
    border-top: none;
  }
  #studies .pickList_list,
  .studies .pickList_list {
    height: 130px;
    width: 200px;
    border: 1px solid var(--roman-silver);
  }
  #studies .pickList_list .pickList_listItem,
  .studies .pickList_list .pickList_listItem {
    padding: 4px 10px !important;
    font: var(--form-field);
    color: var(--dark-grey);
    border: none;
  }
  #studies .pickList_list .pickList_listItem.pickList_selectedListItem,
  .studies .pickList_list .pickList_listItem.pickList_selectedListItem {
    background-color: var(--primary-main-2);
    color: var(--white);
  }
  #studies .event-types .event-type.active,
  #studies .pick-list .link.active,
  .studies .event-types .event-type.active,
  .studies .pick-list .link.active {
    font-weight: bold !important;
  }
  #studies .error-square, #studies .fa-exclamation-circle,
  #studies .warning-square, #studies .fa-exclamation-triangle,
  #studies .schema-validation-square, #studies .fa-upload,
  .studies .error-square,
  .studies .fa-exclamation-circle,
  .studies .warning-square,
  .studies .fa-exclamation-triangle,
  .studies .schema-validation-square,
  .studies .fa-upload {
    background-position: center center;
    background-size: 14px !important;
    vertical-align: middle;
    display: inline-block;
    margin-top: 2px;
    margin-right: 1px;
    width: 14px;
    height: 14px;
    padding: 0;
  }
  #studies .error-square:before, #studies .fa-exclamation-circle:before,
  #studies .warning-square:before, #studies .fa-exclamation-triangle:before,
  #studies .schema-validation-square:before, #studies .fa-upload:before,
  .studies .error-square:before,
  .studies .fa-exclamation-circle:before,
  .studies .warning-square:before,
  .studies .fa-exclamation-triangle:before,
  .studies .schema-validation-square:before,
  .studies .fa-upload:before {
    content: "";
  }
  #studies .error-square, #studies .fa-exclamation-circle,
  .studies .error-square,
  .studies .fa-exclamation-circle {
    background: url(../../resources/images/icons/Material/error_outline.svg) no-repeat;
  }
  #studies .warning-square, #studies .fa-exclamation-triangle,
  .studies .warning-square,
  .studies .fa-exclamation-triangle {
    background: url(../../resources/images/icons/Material/warning_amber_black_24dp.svg) no-repeat;
    background-size: 16px !important;
    width: 16px;
    height: 16px;
  }
  #studies .schema-validation-square, #studies .fa-upload,
  .studies .schema-validation-square,
  .studies .fa-upload {
    background: url(../../resources/images/icons/Material/upload_error.svg) no-repeat;
    background-size: 16px !important;
    width: 16px;
    height: 16px;
  }
  #studies .error-field-description,
  .studies .error-field-description {
    font: var(--form-label);
    color: var(--red-error);
  }
  #studies .error-text,
  #studies .error-count-text,
  #studies .error-count-expand-text,
  .studies .error-text,
  .studies .error-count-text,
  .studies .error-count-expand-text {
    font: var(--form-field);
    color: var(--red-error);
  }
  #studies .form_field_info,
  .studies .form_field_info {
    font: var(--form-field);
    color: var(--green-positive);
  }
  #studies span[section=site_information],
  .studies span[section=site_information] {
    font: var(--form-field) !important;
  }
  #studies .pickList_controlsContainer button,
  .studies .pickList_controlsContainer button {
    padding: 5px 10px;
    margin-bottom: 2px;
    font: var(--form-field);
    background-image: none !important;
    background: var(--white);
    border: 1px solid var(--secondary-dark-2);
    color: var(--grey);
    cursor: pointer;
  }
  #studies .pickList_controlsContainer button:hover:enabled,
  .studies .pickList_controlsContainer button:hover:enabled {
    background: var(--snow) !important;
  }
  #studies .pickList_controlsContainer button:active:enabled,
  .studies .pickList_controlsContainer button:active:enabled {
    background: var(--secondary-dark-2) !important;
  }
  #studies .pickList_controlsContainer button[disabled=disabled],
  .studies .pickList_controlsContainer button[disabled=disabled] {
    color: var(--defining-grey);
    cursor: default;
  }
  #studies .field-disabled,
  .studies .field-disabled {
    color: var(--defining-grey) !important;
    border-color: var(--defining-grey) !important;
    cursor: default;
  }
  #studies .field-disabled ul, #studies .field-disabled li, #studies .field-disabled button,
  .studies .field-disabled ul,
  .studies .field-disabled li,
  .studies .field-disabled button {
    color: var(--defining-grey) !important;
    border-color: var(--defining-grey) !important;
  }
  #studies .x-datepicker-inner td,
  .studies .x-datepicker-inner td {
    border-color: var(--white) !important;
  }
  #studies .edit-mode button, #studies .tabContent button, #studies .prf-footer button,
  .studies .edit-mode button,
  .studies .tabContent button,
  .studies .prf-footer button {
    border: none;
    width: 85px;
    padding: 10px 14px;
    font: var(--button-text);
    background-image: none !important;
    cursor: pointer;
    border-radius: var(--button-border-radius);
  }
  #studies .edit-mode button.save-section, #studies .edit-mode button.save-section-prf, #studies .edit-mode button.save-section-reorder, #studies .tabContent button.save-section, #studies .tabContent button.save-section-prf, #studies .tabContent button.save-section-reorder, #studies .prf-footer button.save-section, #studies .prf-footer button.save-section-prf, #studies .prf-footer button.save-section-reorder,
  .studies .edit-mode button.save-section,
  .studies .edit-mode button.save-section-prf,
  .studies .edit-mode button.save-section-reorder,
  .studies .tabContent button.save-section,
  .studies .tabContent button.save-section-prf,
  .studies .tabContent button.save-section-reorder,
  .studies .prf-footer button.save-section,
  .studies .prf-footer button.save-section-prf,
  .studies .prf-footer button.save-section-reorder {
    background-color: var(--main-button-normal);
    border: 1px solid var(--main-button-normal);
    color: var(--white);
  }
  #studies .edit-mode button.save-section:hover, #studies .edit-mode button.save-section-prf:hover, #studies .edit-mode button.save-section-reorder:hover, #studies .tabContent button.save-section:hover, #studies .tabContent button.save-section-prf:hover, #studies .tabContent button.save-section-reorder:hover, #studies .prf-footer button.save-section:hover, #studies .prf-footer button.save-section-prf:hover, #studies .prf-footer button.save-section-reorder:hover,
  .studies .edit-mode button.save-section:hover,
  .studies .edit-mode button.save-section-prf:hover,
  .studies .edit-mode button.save-section-reorder:hover,
  .studies .tabContent button.save-section:hover,
  .studies .tabContent button.save-section-prf:hover,
  .studies .tabContent button.save-section-reorder:hover,
  .studies .prf-footer button.save-section:hover,
  .studies .prf-footer button.save-section-prf:hover,
  .studies .prf-footer button.save-section-reorder:hover {
    background-color: var(--main-button-hover) !important;
    border: 1px solid var(--main-button-hover);
  }
  #studies .edit-mode button.save-section:active, #studies .edit-mode button.save-section-prf:active, #studies .edit-mode button.save-section-reorder:active, #studies .tabContent button.save-section:active, #studies .tabContent button.save-section-prf:active, #studies .tabContent button.save-section-reorder:active, #studies .prf-footer button.save-section:active, #studies .prf-footer button.save-section-prf:active, #studies .prf-footer button.save-section-reorder:active,
  .studies .edit-mode button.save-section:active,
  .studies .edit-mode button.save-section-prf:active,
  .studies .edit-mode button.save-section-reorder:active,
  .studies .tabContent button.save-section:active,
  .studies .tabContent button.save-section-prf:active,
  .studies .tabContent button.save-section-reorder:active,
  .studies .prf-footer button.save-section:active,
  .studies .prf-footer button.save-section-prf:active,
  .studies .prf-footer button.save-section-reorder:active {
    background-color: var(--main-button-active) !important;
    border: 1px solid var(--main-button-active);
  }
  #studies .edit-mode button.cancel-section, #studies .edit-mode button.cancel-section-prf, #studies .edit-mode button.refresh-tab, #studies .tabContent button.cancel-section, #studies .tabContent button.cancel-section-prf, #studies .tabContent button.refresh-tab, #studies .prf-footer button.cancel-section, #studies .prf-footer button.cancel-section-prf, #studies .prf-footer button.refresh-tab,
  .studies .edit-mode button.cancel-section,
  .studies .edit-mode button.cancel-section-prf,
  .studies .edit-mode button.refresh-tab,
  .studies .tabContent button.cancel-section,
  .studies .tabContent button.cancel-section-prf,
  .studies .tabContent button.refresh-tab,
  .studies .prf-footer button.cancel-section,
  .studies .prf-footer button.cancel-section-prf,
  .studies .prf-footer button.refresh-tab {
    background: var(--white);
    border: 1px solid var(--secondary-dark-2);
    color: var(--grey);
  }
  #studies .edit-mode button.cancel-section:hover, #studies .edit-mode button.cancel-section-prf:hover, #studies .edit-mode button.refresh-tab:hover, #studies .tabContent button.cancel-section:hover, #studies .tabContent button.cancel-section-prf:hover, #studies .tabContent button.refresh-tab:hover, #studies .prf-footer button.cancel-section:hover, #studies .prf-footer button.cancel-section-prf:hover, #studies .prf-footer button.refresh-tab:hover,
  .studies .edit-mode button.cancel-section:hover,
  .studies .edit-mode button.cancel-section-prf:hover,
  .studies .edit-mode button.refresh-tab:hover,
  .studies .tabContent button.cancel-section:hover,
  .studies .tabContent button.cancel-section-prf:hover,
  .studies .tabContent button.refresh-tab:hover,
  .studies .prf-footer button.cancel-section:hover,
  .studies .prf-footer button.cancel-section-prf:hover,
  .studies .prf-footer button.refresh-tab:hover {
    background: var(--snow) !important;
  }
  #studies .edit-mode button.cancel-section:active, #studies .edit-mode button.cancel-section-prf:active, #studies .edit-mode button.refresh-tab:active, #studies .tabContent button.cancel-section:active, #studies .tabContent button.cancel-section-prf:active, #studies .tabContent button.refresh-tab:active, #studies .prf-footer button.cancel-section:active, #studies .prf-footer button.cancel-section-prf:active, #studies .prf-footer button.refresh-tab:active,
  .studies .edit-mode button.cancel-section:active,
  .studies .edit-mode button.cancel-section-prf:active,
  .studies .edit-mode button.refresh-tab:active,
  .studies .tabContent button.cancel-section:active,
  .studies .tabContent button.cancel-section-prf:active,
  .studies .tabContent button.refresh-tab:active,
  .studies .prf-footer button.cancel-section:active,
  .studies .prf-footer button.cancel-section-prf:active,
  .studies .prf-footer button.refresh-tab:active {
    background: var(--secondary-dark-2) !important;
  }
  #studies .edit-mode .reorderHelp, #studies .tabContent .reorderHelp, #studies .prf-footer .reorderHelp,
  .studies .edit-mode .reorderHelp,
  .studies .tabContent .reorderHelp,
  .studies .prf-footer .reorderHelp {
    font: var(--form-label);
    color: var(--grey);
  }
  #studies .edit-mode .reorderItem, #studies .tabContent .reorderItem, #studies .prf-footer .reorderItem,
  .studies .edit-mode .reorderItem,
  .studies .tabContent .reorderItem,
  .studies .prf-footer .reorderItem {
    background: var(--snow) !important;
    border-color: var(--roman-silver);
    font: var(--form-small-label);
    color: var(--grey);
  }
  #studies .x-datepicker,
  .studies .x-datepicker {
    width: 210px !important;
    border: 1px solid var(--defining-grey);
    border-radius: 5px;
  }
  #studies .x-datepicker [role=grid],
  .studies .x-datepicker [role=grid] {
    margin: 12px 16px 16px 17px;
  }
  #studies .x-datepicker .x-monthpicker-body,
  .studies .x-datepicker .x-monthpicker-body {
    margin: 42px 16px 16px 17px;
    border: none;
  }
  #studies .x-datepicker th,
  .studies .x-datepicker th {
    border: none !important;
  }
  #studies .x-monthpicker,
  .studies .x-monthpicker {
    border: 1px solid var(--defining-grey);
    border-radius: 5px;
  }
  #studies .x-monthpicker-buttons,
  .studies .x-monthpicker-buttons {
    padding-right: 10px;
  }
  #studies .x-monthpicker-item,
  .studies .x-monthpicker-item {
    font: var(--button-small-text) !important;
  }
  #studies .x-monthpicker-item a,
  .studies .x-monthpicker-item a {
    padding: 1px;
    color: var(--dark-grey) !important;
    font: var(--button-small-text) !important;
  }
  #studies .x-monthpicker-item a:hover,
  .studies .x-monthpicker-item a:hover {
    text-decoration: none !important;
    color: var(--white) !important;
    background-color: var(--medium-orchid-55);
    border-radius: 5px;
  }
  #studies table.x-datepicker-inner a,
  .studies table.x-datepicker-inner a {
    padding: 4px;
  }
  #studies .x-datepicker .x-btn-default-small,
  .studies .x-datepicker .x-btn-default-small {
    padding: 2px !important;
  }
  #studies .x-datepicker-header,
  .studies .x-datepicker-header {
    background-color: var(--white) !important;
    background-image: none;
    margin-bottom: 12px;
  }
  #studies .x-datepicker-header span,
  .studies .x-datepicker-header span {
    color: var(--dark-grey) !important;
  }
  #studies .x-datepicker-footer, #studies .x-monthpicker-buttons,
  .studies .x-datepicker-footer,
  .studies .x-monthpicker-buttons {
    background-color: var(--white);
    color: var(--dark-grey) !important;
    background-image: none;
    border-top: none;
    text-align: right;
    margin-top: 6px;
  }
  #studies .x-datepicker-month .x-btn-split-right,
  .studies .x-datepicker-month .x-btn-split-right {
    background-image: url(../../resources/images/icons/Material/grey/arrow_drop_down.svg) !important;
    background-size: 16px 16px;
  }
  #studies .x-datepicker-next a,
  .studies .x-datepicker-next a {
    background-image: url(../../resources/images/rebrand/chevron_right-24px.svg) !important;
    background-size: 16px 16px;
  }
  #studies .x-datepicker-prev a,
  .studies .x-datepicker-prev a {
    background-image: url(../../resources/images/rebrand/chevron_left-24px.svg) !important;
    background-size: 16px 16px;
  }
  #studies table.x-datepicker-inner th, #studies table.x-datepicker-inner th span,
  .studies table.x-datepicker-inner th,
  .studies table.x-datepicker-inner th span {
    background: var(--white) !important;
    background-image: none;
    font: var(--button-small-text) !important;
    color: var(--dark-grey) !important;
  }
  #studies table.x-datepicker-inner th, #studies table.x-datepicker-inner a,
  .studies table.x-datepicker-inner th,
  .studies table.x-datepicker-inner a {
    text-align: center;
  }
  #studies table.x-datepicker-inner a,
  .studies table.x-datepicker-inner a {
    font: var(--button-small-text) !important;
    border-radius: 5px;
  }
  #studies table.x-datepicker-inner a:hover, #studies table.x-datepicker-inner .x-datepicker-disabled a:hover,
  .studies table.x-datepicker-inner a:hover,
  .studies table.x-datepicker-inner .x-datepicker-disabled a:hover {
    text-decoration: none !important;
    color: var(--white) !important;
    background-color: var(--medium-orchid-55);
  }
  #studies table.x-datepicker-inner a:hover em span, #studies table.x-datepicker-inner .x-datepicker-disabled a:hover em span,
  .studies table.x-datepicker-inner a:hover em span,
  .studies table.x-datepicker-inner .x-datepicker-disabled a:hover em span {
    color: var(--white) !important;
  }
  #studies .x-datepicker-selected a, #studies a.x-monthpicker-selected,
  .studies .x-datepicker-selected a,
  .studies a.x-monthpicker-selected {
    background-color: var(--medium-orchid) !important;
    border-radius: 5px;
    color: var(--white) !important;
  }
  #studies .x-datepicker-selected a em span, #studies a.x-monthpicker-selected em span,
  .studies .x-datepicker-selected a em span,
  .studies a.x-monthpicker-selected em span {
    color: var(--white) !important;
  }
  #studies .x-datepicker-selected a, #studies a.x-monthpicker-selected,
  .studies .x-datepicker-selected a,
  .studies a.x-monthpicker-selected {
    border: none !important;
  }
  #studies .x-monthpicker-yearnav-prev, #studies .x-monthpicker-yearnav-prev,
  .studies .x-monthpicker-yearnav-prev,
  .studies .x-monthpicker-yearnav-prev {
    background-image: url(../../resources/images/rebrand/chevron_left-24px.svg) !important;
    background-size: 16px 16px;
    background-position: 0 0;
    background-color: var(--white);
    cursor: pointer;
    opacity: 0.7;
  }
  #studies .x-monthpicker-yearnav-prev:hover, #studies .x-monthpicker-yearnav-prev:hover,
  .studies .x-monthpicker-yearnav-prev:hover,
  .studies .x-monthpicker-yearnav-prev:hover {
    opacity: 1;
  }
  #studies .x-monthpicker-yearnav-next, #studies .x-monthpicker-yearnav-next,
  .studies .x-monthpicker-yearnav-next,
  .studies .x-monthpicker-yearnav-next {
    background-image: url(../../resources/images/rebrand/chevron_right-24px.svg) !important;
    background-size: 16px 16px;
    background-position: 0 0;
    background-color: var(--white);
    cursor: pointer;
    opacity: 0.7;
  }
  #studies .x-monthpicker-yearnav-next:hover, #studies .x-monthpicker-yearnav-next:hover,
  .studies .x-monthpicker-yearnav-next:hover,
  .studies .x-monthpicker-yearnav-next:hover {
    opacity: 1;
  }
  #studies .x-datepicker-footer .x-btn, #studies .x-monthpicker-buttons .x-btn,
  .studies .x-datepicker-footer .x-btn,
  .studies .x-monthpicker-buttons .x-btn {
    background-color: var(--white);
    background-image: none;
    border: none !important;
  }
  #studies .x-datepicker .x-btn-inner,
  .studies .x-datepicker .x-btn-inner {
    font: var(--comments-date) !important;
    color: var(--medium-orchid);
  }
  #studies .x-datepicker .x-btn-inner:hover,
  .studies .x-datepicker .x-btn-inner:hover {
    color: var(--medium-orchid-55);
  }
  #studies table.x-datepicker-inner .x-datepicker-today a,
  .studies table.x-datepicker-inner .x-datepicker-today a {
    border-color: var(--secondary-dark-1);
  }
  .cellHasComments {
    background: var(--comments-bg-has-comments) !important;
  }
  .cellHasComments.cellHasComments-active {
    background: var(--comments-bg-has-comments) !important;
  }
  .cellHasComments,
  .cellHasComments-active,
  .cellCanComment-active,
  .cellCanComment-highlight,
  #studies th.cellHasComments,
  #studies th.cellHasComments-active,
  #studies th.cellCanComment-active,
  #studies th.cellCanComment-highlight {
    cursor: pointer;
  }
  .cellHasComments.tableTitle, .cellHasComments.headerCell, .cellHasComments.dataCell,
  .cellHasComments-active.tableTitle,
  .cellHasComments-active.headerCell,
  .cellHasComments-active.dataCell,
  .cellCanComment-active.tableTitle,
  .cellCanComment-active.headerCell,
  .cellCanComment-active.dataCell,
  .cellCanComment-highlight.tableTitle,
  .cellCanComment-highlight.headerCell,
  .cellCanComment-highlight.dataCell,
  #studies th.cellHasComments.tableTitle,
  #studies th.cellHasComments.headerCell,
  #studies th.cellHasComments.dataCell,
  #studies th.cellHasComments-active.tableTitle,
  #studies th.cellHasComments-active.headerCell,
  #studies th.cellHasComments-active.dataCell,
  #studies th.cellCanComment-active.tableTitle,
  #studies th.cellCanComment-active.headerCell,
  #studies th.cellCanComment-active.dataCell,
  #studies th.cellCanComment-highlight.tableTitle,
  #studies th.cellCanComment-highlight.headerCell,
  #studies th.cellCanComment-highlight.dataCell {
    color: var(--dark-grey) !important;
  }
  .cellHasComments.tableTitle span, .cellHasComments.tableTitle b, .cellHasComments.headerCell span, .cellHasComments.headerCell b, .cellHasComments.dataCell span, .cellHasComments.dataCell b,
  .cellHasComments-active.tableTitle span,
  .cellHasComments-active.tableTitle b,
  .cellHasComments-active.headerCell span,
  .cellHasComments-active.headerCell b,
  .cellHasComments-active.dataCell span,
  .cellHasComments-active.dataCell b,
  .cellCanComment-active.tableTitle span,
  .cellCanComment-active.tableTitle b,
  .cellCanComment-active.headerCell span,
  .cellCanComment-active.headerCell b,
  .cellCanComment-active.dataCell span,
  .cellCanComment-active.dataCell b,
  .cellCanComment-highlight.tableTitle span,
  .cellCanComment-highlight.tableTitle b,
  .cellCanComment-highlight.headerCell span,
  .cellCanComment-highlight.headerCell b,
  .cellCanComment-highlight.dataCell span,
  .cellCanComment-highlight.dataCell b,
  #studies th.cellHasComments.tableTitle span,
  #studies th.cellHasComments.tableTitle b,
  #studies th.cellHasComments.headerCell span,
  #studies th.cellHasComments.headerCell b,
  #studies th.cellHasComments.dataCell span,
  #studies th.cellHasComments.dataCell b,
  #studies th.cellHasComments-active.tableTitle span,
  #studies th.cellHasComments-active.tableTitle b,
  #studies th.cellHasComments-active.headerCell span,
  #studies th.cellHasComments-active.headerCell b,
  #studies th.cellHasComments-active.dataCell span,
  #studies th.cellHasComments-active.dataCell b,
  #studies th.cellCanComment-active.tableTitle span,
  #studies th.cellCanComment-active.tableTitle b,
  #studies th.cellCanComment-active.headerCell span,
  #studies th.cellCanComment-active.headerCell b,
  #studies th.cellCanComment-active.dataCell span,
  #studies th.cellCanComment-active.dataCell b,
  #studies th.cellCanComment-highlight.tableTitle span,
  #studies th.cellCanComment-highlight.tableTitle b,
  #studies th.cellCanComment-highlight.headerCell span,
  #studies th.cellCanComment-highlight.headerCell b,
  #studies th.cellCanComment-highlight.dataCell span,
  #studies th.cellCanComment-highlight.dataCell b {
    color: var(--dark-grey) !important;
    text-shadow: none !important;
  }
  .cellHasComments.tableTitle .link, .cellHasComments.tableTitle a, .cellHasComments.headerCell .link, .cellHasComments.headerCell a, .cellHasComments.dataCell .link, .cellHasComments.dataCell a,
  .cellHasComments-active.tableTitle .link,
  .cellHasComments-active.tableTitle a,
  .cellHasComments-active.headerCell .link,
  .cellHasComments-active.headerCell a,
  .cellHasComments-active.dataCell .link,
  .cellHasComments-active.dataCell a,
  .cellCanComment-active.tableTitle .link,
  .cellCanComment-active.tableTitle a,
  .cellCanComment-active.headerCell .link,
  .cellCanComment-active.headerCell a,
  .cellCanComment-active.dataCell .link,
  .cellCanComment-active.dataCell a,
  .cellCanComment-highlight.tableTitle .link,
  .cellCanComment-highlight.tableTitle a,
  .cellCanComment-highlight.headerCell .link,
  .cellCanComment-highlight.headerCell a,
  .cellCanComment-highlight.dataCell .link,
  .cellCanComment-highlight.dataCell a,
  #studies th.cellHasComments.tableTitle .link,
  #studies th.cellHasComments.tableTitle a,
  #studies th.cellHasComments.headerCell .link,
  #studies th.cellHasComments.headerCell a,
  #studies th.cellHasComments.dataCell .link,
  #studies th.cellHasComments.dataCell a,
  #studies th.cellHasComments-active.tableTitle .link,
  #studies th.cellHasComments-active.tableTitle a,
  #studies th.cellHasComments-active.headerCell .link,
  #studies th.cellHasComments-active.headerCell a,
  #studies th.cellHasComments-active.dataCell .link,
  #studies th.cellHasComments-active.dataCell a,
  #studies th.cellCanComment-active.tableTitle .link,
  #studies th.cellCanComment-active.tableTitle a,
  #studies th.cellCanComment-active.headerCell .link,
  #studies th.cellCanComment-active.headerCell a,
  #studies th.cellCanComment-active.dataCell .link,
  #studies th.cellCanComment-active.dataCell a,
  #studies th.cellCanComment-highlight.tableTitle .link,
  #studies th.cellCanComment-highlight.tableTitle a,
  #studies th.cellCanComment-highlight.headerCell .link,
  #studies th.cellCanComment-highlight.headerCell a,
  #studies th.cellCanComment-highlight.dataCell .link,
  #studies th.cellCanComment-highlight.dataCell a {
    color: var(--primary-main-1) !important;
  }
  .cellCanComment-highlight {
    background: var(--comments-bg-hover) !important;
  }
  .cellCanComment-highlight.dataCell {
    background: var(--comments-bg-hover) !important;
  }
  .cellCanComment-active {
    background: var(--comments-bg-hl) !important;
  }
  .cellCanComment-active.dataCell {
    background: var(--comments-bg-hl) !important;
  }
  .collapsedEndPoint-title-highlight {
    background: var(--primary-accent) !important;
  }
  #studies.erfStudy .canComment {
    max-width: 340px !important;
    border-radius: 0 !important;
  }
}
#copyRolesSearchBox-inputCell {
  width: 90% !important;
}

#copyRolesSearchBox-inputEl {
  height: 28px !important;
}

#copyRolesSearchBox-bodyEl .x-form-clear-trigger {
  height: 28px !important;
  margin-top: 0 !important;
  border-top: 1px solid var(--roman-silver);
  border-bottom: 1px solid var(--roman-silver);
  background-size: 12px !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

#password-labelCell {
  vertical-align: middle;
}

#attachmentSelector-body {
  padding-bottom: 2px;
}
#attachmentSelector-body > div.x-component {
  margin-bottom: 3px;
}

#studyTab_SubmissionWorkspace-body .alert {
  box-shadow: none;
  margin-bottom: 5px;
}
#studyTab_SubmissionWorkspace-body .x-panel-body {
  background: white;
}

table[id^=numberfield-].x-form-trigger-wrap td:nth-child(2) {
  border: 1px solid var(--roman-silver);
  border-left-width: 0;
  border-radius: 2px;
  display: inherit;
  height: 27px;
}
table[id^=numberfield-].x-form-trigger-wrap td:nth-child(2) div {
  margin-top: 1px;
}

.x-window-bwrap .x-panel-tl {
  border: none !important;
}

#profileNavigation .x-grid-row-selected .x-grid-cell-inner {
  background: var(--primary-main-2) !important;
  color: var(--white) !important;
}
#profileNavigation .x-grid-cell .x-grid-cell-inner {
  font: var(--table-text) !important;
  letter-spacing: 0px !important;
  text-decoration: none;
  padding: 1px 0 1px 23px !important;
  cursor: pointer !important;
}
#profileNavigation .x-grid-cell .x-grid-cell-inner:hover {
  background: var(--primary-main-2) !important;
  color: var(--white) !important;
}
#profileNavigation .x-grid-cell .x-grid-cell-inner:active {
  background: var(--primary-main-3) !important;
}
#profileNavigation .x-grid-cell img {
  display: none;
}

.more-actions-btn {
  background-image: url(../../resources/images/rebrand/previous-1.svg) !important;
  background-position: center right !important;
  background-repeat: no-repeat !important;
  padding-right: 24px !important;
}

.more-actions-panel-menu .x-menu-item-text {
  font: var(--toolbar-text);
  color: var(--dark-grey);
  letter-spacing: 0;
}
.more-actions-panel-menu .x-btn-inner {
  font: var(--button-small-text) !important;
  color: var(--dark-grey);
}

.x-tab-bar-scroller .x-tabbar-scroll-left, .x-tab-bar-scroller .x-tabbar-scroll-right {
  background-size: 24px !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  border-bottom-color: var(--primary-main-2);
}
.x-tab-bar-scroller .x-tabbar-scroll-left {
  background-image: url(../../resources/images/icons/Material/chevron_left.svg);
}
.x-tab-bar-scroller .x-tabbar-scroll-left.x-tabbar-scroll-left-disabled {
  visibility: hidden;
}
.x-tab-bar-scroller .x-tabbar-scroll-right {
  background-image: url(../../resources/images/icons/Material/chevron_right.svg);
}
.x-tab-bar-scroller .x-tabbar-scroll-right.x-tabbar-scroll-right-disabled {
  visibility: hidden;
}

.study-banner {
  padding: 12px 24px !important;
}

.publicationReportForm label {
  padding: 0 0 5px 10px;
}

.publicationReportForm > div {
  background: white !important;
}

.publicationReportForm table.x-field:nth-child(odd) {
  background: var(--snow);
}

.x-mask-msg {
  border-color: var(--defining-grey);
  background-color: var(--white);
  box-shadow: 0 0 20px rgba(0, 0, 30, 0.3);
}
.x-mask-msg div {
  font: inherit;
  border: none;
  color: inherit;
  background-color: var(--white);
}

#ext-quicktips-tip {
  pointer-events: none;
}

/* Comparison */
#studies td.comparison-add,
.studies td div.comparison-add {
  border-color: var(--calgar-blue) !important;
  color: var(--calgar-blue) !important;
}

#studies td.comparison-delete,
.studies td div.comparison-delete-no-strikethrough {
  border-color: var(--red-error) !important;
  color: var(--red-error) !important;
}

.studies td.comparison-diff {
  background-color: var(--medium-orchid) !important;
  color: var(--white) !important;
}

.x-btn.upload {
  height: 30px;
  padding: 2px;
  margin: 4px 0px !important;
}

#recentItems_header-targetEl .x-box-item,
#quickLinks_header-targetEl .x-box-item {
  position: relative !important;
}

#recentItems_header-targetEl,
#quickLinks_header-targetEl {
  height: 30px !important;
  display: flex;
}

#recentItems_header-targetEl .x-panel-header-text-container,
#quickLinks_header-targetEl .x-panel-header-text-container {
  width: fit-content !important;
}

#recentItems_header-targetEl img,
#quickLinks_header-targetEl img {
  height: 24px;
  width: 24px;
}

#pcmDataRequestNavContainer div[id^=pcmDataRequestNav-] img {
  display: none;
}

#pcmDataRequestNavContainer div[id^=pcmDataRequestNav-] .x-grid-cell-inner {
  padding: 2px 2px 2px 27px !important;
}

#pcmDataRequestNavContainer div[id^=pcmDataRequestNav-] .x-grid-row-selected .x-grid-cell,
#pcmDataRequestNavContainer div[id^=pcmDataRequestNav-] .x-grid-row-over .x-grid-cell {
  background-color: var(--primary-main-2) !important;
}

#pcmDataRequestNavContainer div[id^=pcmDataRequestNav-] .x-grid-cell-inner {
  font: var(--menu-text) !important;
}

#pcmDataRequestNavContainer div[id^=pcmDataRequestNav-] .x-grid-row-selected .x-grid-cell-inner,
#pcmDataRequestNavContainer div[id^=pcmDataRequestNav-] .x-grid-row-over .x-grid-cell-inner {
  color: var(--white) !important;
}

#pcmDataRequestNavContainer div[id^=pcmDataRequestTaskNav-] .x-panel-header-text {
  margin-left: 8px;
}

#pcmDataRequestNavContainer div[id^=pcmDataRequestTaskNav-] .x-panel-header-horizontal {
  background-color: var(--white);
}

#pcmDataRequestNavContainer div[id^=pcmDataRequestTaskNav-] .x-grid-cell {
  border: none;
}

#pcmDataRequestNavContainer div[id^=pcmDataRequestTaskNav-] .x-grid-cell-inner div {
  font: var(--menu-text) !important;
  color: var(--dark-grey);
}

#pcmDataRequestNavContainer div[id^=pcmDataRequestTaskNav-] .x-grid-cell-selected {
  background: var(--primary-main-2) !important;
}

#pcmDataRequestNavContainer div[id^=pcmDataRequestTaskNav-] .x-grid-cell-selected div {
  color: var(--white) !important;
}

#pcmDataRequestNavContainer div[id^=pcmDataRequestTaskNav-] .x-grid-row-over .x-grid-cell {
  background: var(--primary-main-2) !important;
}

#pcmDataRequestNavContainer div[id^=pcmDataRequestTaskNav-] .x-grid-row-over .x-grid-cell div {
  color: var(--white) !important;
}

#pcmDataRequestNavContainer div[id^=pcmDataRequestTaskNav-] .x-grid-table {
  margin-left: 0px;
}

#pcmDataRequestNavContainer div[id^=pcmDataRequestTaskNav-] .x-grid-cell-inner {
  padding-left: 20px;
}

/* End Comparison */
/* Data requests*/
#dataRequestWorkspace_header {
  background: var(--snow);
}
#dataRequestWorkspace_header #drWsTitlePrimary, #dataRequestWorkspace_header #drWsTitleSecondary, #dataRequestWorkspace_header .drRefNumber {
  font: var(--header-2) !important;
  color: var(--dark-grey);
  font-weight: bold;
  letter-spacing: 0px;
  text-align: left;
  opacity: 1;
}
#dataRequestWorkspace_header .drRefNumber {
  color: var(--primary-main-2) !important;
}
#dataRequestWorkspace_header .drWSTitle {
  max-height: 22px !important;
  line-height: 1.25em !important;
  color: var(--primary-accent);
  font: var(--header-4);
  padding: 0px 0 0 0px;
  letter-spacing: 0px;
  text-align: left;
  margin-top: 0px;
  display: block;
  overflow-y: auto;
}

#dataRequestDetailsToolbar .x-btn {
  border: 1px solid var(--secondary-dark-2) !important;
  border-radius: 1px !important;
  background: var(--white);
  margin-bottom: 4px;
  margin-right: 5px;
  min-width: 80px;
}
#dataRequestDetailsToolbar .x-btn button {
  vertical-align: bottom;
  height: 25px;
}
#dataRequestDetailsToolbar .x-btn span.x-btn-inner {
  font: var(--button-small-text) !important;
  vertical-align: middle;
  padding-left: 0;
}
#dataRequestDetailsToolbar .x-btn span.x-btn-icon {
  display: none;
}

/* End Data requests */
.debug-toolbar-background {
  background: linear-gradient(90deg, rgba(2, 0, 36, 0.1) 0%, rgba(9, 9, 121, 0.1) 35%, rgba(0, 212, 255, 0.2) 100%);
}

.expired-password-msg .x-btn {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
}
.expired-password-msg .x-btn button.x-btn-center {
  width: 90px !important;
}
.expired-password-msg .x-btn .x-btn-inner {
  margin: 0 !important;
  padding: 0 !important;
}

#createCTGOV_SUBMISSION li {
  list-style-type: none;
}

legend.x-fieldset-header {
  display: flex;
}

.reorder-btn {
  padding: 8px !important;
}
.reorder-btn span {
  line-height: 16px !important;
}

#btnCreateCoreDataForm {
  margin-bottom: 2px;
}

.attachment-upload-window .x-window-body {
  min-height: 50px;
}
.attachment-upload-window .x-form-display-field {
  padding: 0px;
}
.attachment-upload-window .fileName .x-form-display-field, .attachment-upload-window .status .x-form-display-field {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.attachment-upload-window .fileName .x-form-display-field {
  padding-right: 5px;
}
.attachment-upload-window .uploadSize .x-form-display-field {
  text-align: center;
}
.attachment-upload-window .attachment-icon {
  height: 21px;
  width: 20px;
  background-size: 15px;
}
.attachment-upload-window .attachment-progress .x-panel-body {
  background: var(--white);
}
.attachment-upload-window .attachment-progress__background {
  height: 4px;
  background: var(--snow);
  width: 100%;
  border-radius: 4px;
  margin-top: 4px;
  overflow: hidden;
}
.attachment-upload-window .attachment-progress__fill {
  background: var(--primary-main-1);
  border-radius: 4px;
  height: 4px;
  width: 50%;
}
@keyframes pending-progress-animation {
  from {
    margin-left: -33%;
  }
  to {
    margin-left: 100%;
  }
}
.attachment-upload-window .pending .attachment-progress__fill {
  width: 33%;
  animation: 1.5s ease-in-out 0s infinite pending-progress-animation;
  transition: none;
}
.attachment-upload-window .uploading .attachment-icon {
  background-image: url(../images/icons/Material/cancel_custom.svg);
  background-repeat: no-repeat;
  cursor: pointer;
}
@keyframes opacity-progress-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.attachment-upload-window .uploading .attachment-progress__fill {
  animation: 1s step-end 0s 1 opacity-progress-animation;
  transition: all 0.5s linear;
}
.attachment-upload-window .error .attachment-icon {
  background-image: url("../images/rebrand/error-icon.svg");
  background-repeat: no-repeat;
}
.attachment-upload-window .error .status .x-form-display-field {
  color: var(--red-error);
  font-weight: bold;
}
.attachment-upload-window .error .attachment-progress__fill {
  background: var(--red-error);
}
.attachment-upload-window .success .attachment-icon {
  background-image: url(../images/icons/Material/checkmark_filled.svg);
  background-repeat: no-repeat;
}
.attachment-upload-window .success .status .x-form-display-field {
  color: var(--green-positive);
  font-weight: bold;
}
.attachment-upload-window .success .attachment-progress__fill {
  background: var(--green-positive);
}
.attachment-upload-window .cancelled .attachment-icon {
  background-image: url(../images/icons/Material/warning_filled_orange.svg);
  background-repeat: no-repeat;
}
.attachment-upload-window .cancelled .status .x-form-display-field {
  color: var(--orange-warning);
  font-weight: bold;
}
.attachment-upload-window .cancelled .attachment-progress__fill {
  background: var(--orange-warning);
}

.ux-notification-window .x-window-body {
  padding: 10px;
  width: 300px;
}

.alert {
  padding: 24px 12px;
  color: var(--white);
  font: var(--default-text);
  border-radius: 2px;
  box-shadow: 0 0 10px rgba(0, 0, 10, 0.3);
}

#notificationAlertTextEl {
  line-height: 17px;
  text-align: center;
}

.alert-success {
  background-color: var(--green-positive);
}

.alert-error, .alert-danger {
  background-color: var(--red-error);
}
.alert-error #notificationAlertTextEl:before, .alert-danger #notificationAlertTextEl:before {
  content: "";
  background-image: url("../images/icons/Material/error_outline_custom_white.svg");
  height: 18px;
  width: 16px;
  margin-right: 8px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: 2px;
  margin-bottom: -2px;
}

.alert-info {
  background-color: var(--medium-orchid);
}

.alert-gray {
  background: var(--light-grey);
  color: var(--primary-accent);
  border: none;
  box-shadow: none;
}

div.ce-details-panel .complianceName-label {
  text-align: left;
  font: var(--label-text) !important;
  line-height: 24px;
  letter-spacing: 0;
  white-space: pre;
  color: var(--dark-grey);
  margin-top: 10px;
  font-weight: bold !important;
  width: auto;
}
div.ce-details-panel .complianceAuthInfo {
  font: var(--label-text) !important;
}
div.ce-details-panel .x-grid-view {
  min-height: 25px;
}
div.ce-details-panel .x-form-item-label {
  margin-top: 0 !important;
}
div.ce-details-panel .x-field-label-cell {
  vertical-align: top !important;
}

/*# sourceMappingURL=rebrand.css.map */