@charset "UTF-8";

body {
  background-color: white;
}

/*===========
Data table Customization & Generic table in eAF
===========*/
.simpleTable,
.table.table-striped.table-fluid:not(#frommyorganisationsTable_wrapper .display.table-striped.application-dataTable),
.table.table-striped:not(#frommyorganisationsTable_wrapper .display.table-striped.application-dataTable) {
  border: 1px solid var(--blue-1);
}

.dataTables_scrollBody table {
  border-left: 1px solid var(--blue-1);
  border-right: 1px solid var(--blue-1);
}

.simpleTable th a,
.table.table-striped.table-fluid th a {
  color: var(--dark-6) !important;
  font-size: var(--plm-fs-text);
}

table.dataTable thead tr th,
.simpleTable thead tr th,
.table.table-striped.table-fluid thead tr th,
table.dataTable thead:first-child tr:first-child th,
.simpleTable thead:first-child tr:first-child th,
.table.table-striped.table-fluid thead:first-child tr:first-child th {
  padding: 2rem 1.6rem 1.6rem 2.4rem;
  background-color: var(--plm-light-blue);
  border-top: 1px solid var(--table-cell-border);
  border-bottom: 1px solid var(--table-header-border);
  font-weight: bold;
  color: var(--dark-6);
  /* font-size: var(--plm-fs-text); */
  font-size: var(--plm-fs-h3);
  line-height: 20px;
}

/*table first column checkboxes - product selection page*/
.productsTableDiv table.dataTable tbody > tr > td:first-child,
.ToggleSelectedProductsTableDiv table.dataTable tbody > tr > td:first-child,
.associateMRPVariationNumberTableDiv table.dataTable tbody > tr > td:first-child {
  padding-left: 24px !important;
}

table.dataTable > tbody > tr > td:not(.details):first-child:has(input[type='checkbox']),
table.simpleTable > tbody > tr > td:not(.details):first-child:has(input[type='checkbox']),
.table.table-striped.table-fluid > tbody > tr > td:not(.details):first-child:has(input[type='checkbox']) {
  padding-left: 24px !important;
}

/*datatable child tables headers to be left aligned with no padding*/
/* .productsTableDiv td.details table.dataTable thead tr th,
.ToggleSelectedProductsTableDiv td.details table.dataTable thead tr th,
#productSelectionTable_wrapper td.details table.dataTable thead tr th {
  padding-left: 0.5rem !important;
} */

/*separate border for th.filterth*/
table.dataTable thead tr th.filterth,
table.dataTable thead:first-child tr:first-child th.filterth {
  border-bottom: 1px solid var(--table-cell-border);
  padding-left: 1rem;
  border-top: none;
}

/*table header border for first child and last child*/
table.dataTable thead:first-child th:first-child,
.simpleTable thead:first-child th:first-child,
.table.table-striped.table-fluid thead:first-child th:first-child {
  border-left: 1px solid var(--table-cell-border);
}

table.dataTable thead:first-child th:last-child,
.simpleTable thead:first-child th:last-child,
.table.table-striped.table-fluid thead:first-child th:last-child {
  border-right: 1px solid var(--table-cell-border);
}

/*only for the application list page (eAF & ePI) table*/
#applicationFormBodyCon table.dataTable thead tr th,
#applicationFormBodyCon table.dataTable thead:first-child tr:first-child th,
.epiApplicationList table.dataTable thead:first-child tr:first-child th {
  border-top: none;
}

table.dataTable > tbody > tr > td,
table.simpleTable > tbody > tr > td,
.table.table-striped.table-fluid > tbody > tr > td {
  color: var(--dark-6) !important;
  /* vertical-align: middle; */
  vertical-align: top;
  font-size: var(--plm-fs-h3);
  line-height: var(--plm-lh-h3);
}

table.dataTable td,
.simpleTable td,
.table.table-striped.table-fluid td,
.table.table-striped td {
  border-bottom: 1px solid var(--table-cell-border);
  padding: 1.2rem 1.6rem 1.2rem 2.4rem !important;
  background-color: var(--plm-white);
  border-top: none !important;
}

/* table.dataTable tr:last-child td:not(tr:only-child td),
.simpleTable tr:last-child td:not(tr:only-child td),
.table.table-striped.table-fluid tr:last-child td:not(tr:only-child td),
.table.table-striped tr:last-child td:not(tr:only-child td) {
  border-bottom: none;
} */

/*product selection page tables*/
/*only targetting the first, other approach is is impacting child tables*/
/* #productSelectionTable td.control.center {
  padding-left: 5rem !important;
} */

/* #productSelectionTable td.control.center,
#productSelectionTable th.control.center {
  max-width: 100px;
} */

/*contextual menu customization*/
.table.table-striped.table-fluid td[aria-label='action menu'],
.table.table-striped td div.dropdown.action {
  text-align: right;
}
.dropdown.action button.btn.btn-default {
  padding: 2px 6px;
}

/*by default arrows before up and after down are visible with less opacity in BS */
/*to hide the default sort arrows*/
/*replace the before and after arrow content*/
/*Change the arrow position from right to left*/
/*Override datatables th and td padding from right to left */

/*hide the arrows by default*/
table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > th.sorting_asc_disabled:before,
table.dataTable thead > tr > th.sorting_asc_disabled:after,
table.dataTable thead > tr > th.sorting_desc_disabled:before,
table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:after {
  /* opacity: 0.3 !important; */
  left: 5px;
  opacity: 0 !important;
  /* top: 50% !important;
  transform: translateY(-60%);
  line-height: 1 !important;
  font-size: 1.2em !important; */
}

/*up arrow - change the arrow from carret to arrow*/
table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > th.sorting_asc_disabled:before,
table.dataTable thead > tr > th.sorting_desc_disabled:before,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:before {
  /* content: '\2191' !important; */
  /* content: '▲' !important; */
  content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='16' viewBox='0 0 11 16' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.5 15.875C5.81066 15.875 6.0625 15.6232 6.0625 15.3125V2.0455L9.60225 5.58525C9.82192 5.80492 10.1781 5.80492 10.3977 5.58525C10.6174 5.36558 10.6174 5.00942 10.3977 4.78975L5.89775 0.289752C5.67808 0.0700827 5.32192 0.0700827 5.10225 0.289752L0.602252 4.78975C0.382583 5.00942 0.382583 5.36558 0.602252 5.58525C0.821922 5.80492 1.17808 5.80492 1.39775 5.58525L4.9375 2.0455V15.3125C4.9375 15.6232 5.18934 15.875 5.5 15.875Z' fill='%231E1E1E'/></svg>") !important;
  bottom: 35% !important;
}

/*down arrow - change the arrow from carret to arrow*/
table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > th.sorting_asc_disabled:after,
table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:after {
  /* content: '\2193' !important; */
  /* content: '▼' !important; */
  top: 45% !important;
  content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M6 0.125C6.31066 0.125 6.5625 0.37684 6.5625 0.6875V13.9545L10.1023 10.4148C10.3219 10.1951 10.6781 10.1951 10.8977 10.4148C11.1174 10.6344 11.1174 10.9906 10.8977 11.2102L6.39775 15.7102C6.17808 15.9299 5.82192 15.9299 5.60225 15.7102L1.10225 11.2102C0.882583 10.9906 0.882583 10.6344 1.10225 10.4148C1.32192 10.1951 1.67808 10.1951 1.89775 10.4148L5.4375 13.9545V0.6875C5.4375 0.37684 5.68934 0.125 6 0.125Z' fill='%231E1E1E'/></svg>") !important;
}

/*show the arrow*/
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:after {
  opacity: 1 !important;
}

/*padding shift form right OTB to left*/
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting_asc_disabled,
table.dataTable thead > tr > th.sorting_desc_disabled,
table.dataTable thead > tr > td.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting_asc_disabled,
table.dataTable thead > tr > td.sorting_desc_disabled {
  padding-left: 20px !important;
  padding-right: 10px !important;
}

/*targetting only the applications list page (eAF & ePI) to align the UI with figma*/
/*eaf application page first and last td of every row must align with the header*/
#applicationFormBodyCon table.dataTable thead > tr > th:first-child,
.epiApplicationList table.dataTable thead > tr > th:first-child,
.epi-human-medicines table.dataTable thead > tr > th:first-child:not(th.filterth) {
  padding-left: 65px !important;
}

#applicationFormBodyCon table.dataTable thead > tr > th:first-child:before,
#applicationFormBodyCon table.dataTable thead > tr > th:first-child:after,
.epiApplicationList table.dataTable thead > tr > th:first-child:before,
.epiApplicationList table.dataTable thead > tr > th:first-child:after,
.epi-human-medicines table.dataTable thead > tr > th:first-child:before,
.epi-human-medicines table.dataTable thead > tr > th:first-child:after {
  left: 45px;
}

#applicationFormBodyCon table.dataTable tbody > tr > td:first-child,
.epiApplicationList table.dataTable tbody > tr > td:first-child,
.epi-human-medicines table.dataTable tbody > tr > td:first-child,
.epi-human-medicines table.dataTable thead > tr > th:first-child {
  padding-left: 45px !important;
}

#applicationFormBodyCon table.dataTable thead > tr > th:last-child,
#applicationFormBodyCon table.dataTable tbody > tr > td:last-child,
.epiApplicationList table.dataTable thead > tr > th:last-child,
.epiApplicationList table.dataTable tbody > tr > td:last-child,
.epi-human-medicines table.dataTable thead > tr > th:last-child,
.epi-human-medicines table.dataTable tbody > tr > td:last-child {
  padding-right: 45px !important;
}

/*table footer x entries info*/
div.dataTables_wrapper div.dataTables_info {
  color: var(--plm-black);
  /* border-top: 1px solid var(--dark-2); */
  margin-bottom: 1rem;
}

/*fix for types of changes nest child table headers*/
.dt-width-150 {
  max-width: 150px;
}

.dt-width-250 {
  max-width: 250px;
}

.dt-width-100 {
  max-width: 100px;
}

/*fix to override the OOTB sort icons in table headers*/
/*move them to left and override content*/
.table.table-striped.table-fluid th a:hover,
.table.table-fluid.table-hover th a:hover {
  text-decoration: none;
}

.table.table-striped.table-fluid th a:focus,
.table.table-fluid.table-hover th a:focus {
  outline: none;
}

.table.table-striped.table-fluid th a span.fa,
.table.table-fluid.table-hover th a span.fa {
  /* float: left !important;
  margin-right: 5px; */
  order: -1;
}

.table.table-striped.table-fluid th a:has(span.fa),
.table.table-fluid.table-hover th a:has(span.fa) {
  display: flex;
  gap: 0.5rem;
  outline: none;
}

.table.table-striped.table-fluid th a span.fa-arrow-up,
.table.table-fluid.table-hover th a span.fa-arrow-up {
  content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M6 0.125C6.31066 0.125 6.5625 0.37684 6.5625 0.6875V13.9545L10.1023 10.4148C10.3219 10.1951 10.6781 10.1951 10.8977 10.4148C11.1174 10.6344 11.1174 10.9906 10.8977 11.2102L6.39775 15.7102C6.17808 15.9299 5.82192 15.9299 5.60225 15.7102L1.10225 11.2102C0.882583 10.9906 0.882583 10.6344 1.10225 10.4148C1.32192 10.1951 1.67808 10.1951 1.89775 10.4148L5.4375 13.9545V0.6875C5.4375 0.37684 5.68934 0.125 6 0.125Z' fill='%231E1E1E'/></svg>") !important;
}

.table.table-striped.table-fluid th a span.fa-arrow-down,
.table.table-fluid.table-hover th a span.fa-arrow-down {
  content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='16' viewBox='0 0 11 16' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M5.5 15.875C5.81066 15.875 6.0625 15.6232 6.0625 15.3125V2.0455L9.60225 5.58525C9.82192 5.80492 10.1781 5.80492 10.3977 5.58525C10.6174 5.36558 10.6174 5.00942 10.3977 4.78975L5.89775 0.289752C5.67808 0.0700827 5.32192 0.0700827 5.10225 0.289752L0.602252 4.78975C0.382583 5.00942 0.382583 5.36558 0.602252 5.58525C0.821922 5.80492 1.17808 5.80492 1.39775 5.58525L4.9375 2.0455V15.3125C4.9375 15.6232 5.18934 15.875 5.5 15.875Z' fill='%231E1E1E'/></svg>") !important;
}

/*==============
eAF & ePI Toolbar for list page
===================*/
.eAF-toolbar-holder {
  display: flex;
  padding: 0 var(--spacing-left-right) 0;
  border-bottom: 1px solid var(--dark-2);
  /*to align the toolbar with table below*/
  position: relative;
  /* top: 6px; */
}

/*left side tabs*/
.eAF-toolbar-holder > .nav.nav-pills.application-nav {
  flex-basis: 50%;
}
/*right side column options and search*/
.eAF-toolbar-holder > .toolbar-columnOptions-refresh-search {
  flex-basis: 50%;
}

/*move the table column options buttons for eAF application list page*/
#applicationFormBodyCon .dt-buttons {
  position: absolute;
  right: calc(var(--spacing-left-right) + 270px);
  top: -49px;
}

/*move the column options select ema prodcture*/
#externalProceduresTable_wrapper .dt-buttons {
  position: absolute;
  left: 440px;
  top: 15px;
}

/*move the column options produce selection main page table*/
/* #productSelectionTable_wrapper .dt-buttons {
  position: absolute;
  left: var(--spacing-left-right);
} */

/*move the table column options buttons for ePI application list page*/
.epiApplicationList .dt-buttons {
  position: absolute;
  right: calc(var(--spacing-left-right) + 280px);
  top: -49px;
}

/*move the table column options buttons for ePI application list page*/
.epi-human-medicines .dt-buttons {
  position: absolute;
  right: calc(var(--spacing-left-right) + 280px);
  top: 1px;
}

/*all the column visibility options above datatables*/
#applicationFormBodyCon .dt-buttons button,
#externalProceduresTable_wrapper .dt-buttons button,
#availableProductsTable_wrapper .dt-buttons button:not(#availableProductsTable_wrapper .dt-buttons .dropDownBtn):not(#availableProductsTable_wrapper .dt-buttons .dropdown-toggle),
#ToggleSelectedProductsTable_wrapper .dt-buttons button:not(#ToggleSelectedProductsTable_wrapper .dt-buttons .dropDownBtn):not(#ToggleSelectedProductsTable_wrapper .dt-buttons .dropdown-toggle),
#associateMRPVariationNumberTable_wrapper .dt-buttons button,
#productSelectionTable_wrapper .dt-buttons button:not(#productSelectionTable_wrapper .dt-buttons .dropDownBtn):not(#productSelectionTable_wrapper .dt-buttons .dropdown-toggle),
#productPresenatationTable_wrapper .dt-buttons button,
#tab_content.epiApplicationList .dt-buttons button,
.epi-human-medicines .dt-buttons button,
#viewMyOrgProductTable_wrapper .dt-buttons button,
#CRActivityTable_wrapper .dt-buttons button,
#PATable_wrapper .dt-buttons button {
  border: none;
  color: var(--plm-secondary);
  margin-right: 0;
}

/* #ToggleSelectedProductsTable_wrapper .dt-buttons button.dropDownBtn,
#availableProductsTable_wrapper .dt-buttons button.dropDownBtn,
#productSelectionTable_wrapper .dt-buttons button.dropDownBtn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#ToggleSelectedProductsTable_wrapper .dt-buttons span.caret:not(.dropdown-toggle .caret),
#availableProductsTable_wrapper .dt-buttons span.caret:not(.dropdown-toggle .caret),
#productSelectionTable_wrapper .dt-buttons span.caret:not(.dropdown-toggle .caret) {
  margin-left: 0.5em;
} */
#ToggleSelectedProductsTable_wrapper .dt-buttons .dropdown-toggle .caret,
#availableProductsTable_wrapper .dt-buttons .dropdown-toggle .caret,
#productSelectionTable_wrapper .dt-buttons .dropdown-toggle .caret {
  margin-left: 0;
}

#availableProductsTable_wrapper .dt-buttons .btn-group,
#productSelectionTable_wrapper .dt-buttons .btn-group,
#ToggleSelectedProductsTable_wrapper .dt-buttons .btn-group {
  position: relative;
}
/*transparent bg for all dt buttons*/
.dt-buttons button.btn-default:hover {
  background-color: var(--blue-bg);
  border: none;
}

/*input search for eAF application list page*/
#applicationFormBodyCon .dataTables_filter {
  position: absolute;
  right: var(--spacing-left-right);
  top: -51px;
}

/*input search for ePI application list page*/
.epiApplicationList .dataTables_filter {
  position: absolute;
  right: var(--spacing-left-right);
  top: -50px;
}

/*input search for product selection page*/
#availableProductsTable_filter.dataTables_filter,
#ToggleSelectedProductsTable_filter.dataTables_filter,
#productSelectionTable_filter.dataTables_filter {
  position: absolute;
  right: var(--spacing-left-right);
  top: 10px;
}

#applicationFormBodyCon .dataTables_filter a {
  display: none;
}

/*hide the search button*/
.dataTables_filter button#applicationsDraftTableSearchButton,
.dataTables_filter button#applicationsDeactivatedTableSearchButton,
.dataTables_filter button#applicationsCompletedTableSearchButton,
.dataTables_filter button#applicationsTableSearchButton,
.dataTables_filter button#externalProceduresTableSearchButton,
.dataTables_filter button#frommyorganisationsTableSearchButton,
.dataTables_filter button#associateMRPVariationNumberTableSearchButton,
.dataTables_filter button#dataTableSearchButton,
.epiApplicationList .dataTables_filter button#table_DraftSearchButton,
.epiApplicationList .dataTables_filter button#table_SubmissionSearchButton,
.epiApplicationList .dataTables_filter button#table_UpdateSearchButton,
.epiApplicationList .dataTables_filter button#table_PublishedSearchButton,
.epiApplicationList .dataTables_filter button#table_ArchivedSearchButton,
.epiApplicationList .dataTables_filter button#table_DeactivatedSearchButton,
.epiApplicationList .dataTables_filter button#table_AllSearchButton,
.epi-human-medicines .dataTables_filter button#table_PublicePISearchButton,
.dataTables_filter button#ViewLookUpRecordsTableSearchButton {
  display: none;
}

.dataTables_paginate.paging_full_numbers a:focus{
  outline:none;
}

/*tabs in present proposed package selection edit modal*/
.eAF-tabs-holder {
  padding: 0 2.4rem;
  border-bottom: 1px solid var(--dark-2);
}

/*default nav link*/
.eAF-toolbar-holder > .nav-pills > li > a,
.eAF-tabs-holder > .nav-pills > li > a {
  padding: 1.6rem 1rem 2rem;
  margin: 0;
  color: var(--dark-6);
  font-size: var(--plm-fs-h3);
  line-height: var(--plm-fs-h3);
}

.eAF-toolbar-holder > .nav-pills > li > a:hover,
.eAF-tabs-holder > .nav-pills > li > a:hover {
  background-color: var(--plm-white);
  color: var(--plm-secondary);
  border-radius: 0;
  border-bottom: 4px solid var(--plm-secondary);
}

/*for the hover and active effect*/
.eAF-toolbar-holder > .nav-pills > li.active > a,
.eAF-toolbar-holder > .nav-pills > li.active > a:hover,
.eAF-toolbar-holder > .nav-pills > li.active > a:focus,
.eAF-tabs-holder > .nav-pills > li.active > a,
.eAF-tabs-holder > .nav-pills > li.active > a:hover,
.eAF-tabs-holder > .nav-pills > li.active > a:focus {
  background-color: var(--plm-white);
  color: var(--plm-secondary);
  border-radius: 0;
  border-bottom: 4px solid var(--plm-secondary);
  font-weight: bold;
}

/*==============
Dropdown Menu in Tables 
===================*/
/*reposition the menu*/
.dataTables_wrapper .dropdown-menu {
  left: auto;
  right: 0px;
}

/*remove the back shadow*/
.btn-group.open .dropdown-toggle {
  box-shadow: unset;
  -webkit-box-shadow: unset;
}

.showMenuUp .dropdown-menu {
  top: auto;
  bottom: 100%;
}

.showMenuDown .dropdown-menu {
  top: 100%;
  bottom: auto;
}

/*disabled drop down item*/
.dropdown .btn-group .details-link.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

/*==============
Dropdown Menu in toolbar 
===================*/
/*column visibility options*/
.dt-button-collection .dropdown-menu {
  left: auto;
  right: auto;
  min-width: 320px;
}

/*this padding is to adjust for the tick mark on left*/
.dt-button-collection .dropdown-menu li a,
.dt-button-collection .dropdown-menu li a:hover {
  padding-left: 55px;
}

/*removes the border on unchecking a column option*/
.dt-button-collection .dropdown-menu > li > a:focus {
  border: none;
  background-color: none;
  padding: 12px 20px 12px 55px;
}

/*hide the tick mark in column options*/
.dt-buttons .dt-button-collection .dt-button-active-a a::after {
  content: '';
  display: none;
}

div.dt-button-collection .dropdown-menu .dt-button-active-a a::before {
  content: '\2713';
  left: 1em;
  right: auto;
  position: absolute;
  background-color: var(--plm-secondary);
  line-height: 1;
  padding: 5px 8px;
  color: var(--plm-white);
  border-radius: 1px;
}

div.dt-button-collection .dropdown-menu a::before {
  content: '\2713';
  left: 1em;
  right: auto;
  position: absolute;
  background-color: var(--plm-light-grey);
  line-height: 1;
  padding: 5px 8px;
  color: var(--plm-muted);
  border-radius: 1px;
}

div.dt-button-collection .dt-button-active-a a {
  padding-right: 1em;
}

/*==============
Table cell - Additional menu
===================*/
.dataTables_wrapper .dropdown .btn-group {
  display: flex;
  gap: 1.2rem;
}

.dataTables_wrapper .dropdown .btn-group button {
  border: none;
  padding: 0;
  background-color: transparent;
}
.dataTables_wrapper .dropdown .btn-group button:hover {
  border: none;
  background-color: transparent;
}

/*align the icons to middle for buttons*/
#applicationFormBodyCon .dt-buttons button,
.dataTables_wrapper .dropdown .btn-group button {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* .dataTables_wrapper .dropdown .btn-group a {
  padding: 0;
  margin: 0;
  border: none;
}
.dataTables_wrapper .dropdown .btn-group a:hover {
  background: none;
} */

.dataTables_wrapper .dropdown-menu li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}

/*==============
General Table Utility 
===================*/
/*dont add width to this*/
/* .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner */

/*to double the specificity (else, datatable.min.css is also overriding with !important) */
.dataTable {
  width: 100% !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.dataTable.dataTable {
  width: 100% !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/*to remove the margin bottom and top from datatable at specific places*/
/*datatables.min.css has !important*, not able to override*/

#applicationsDraftTable_wrapper .dataTable,
#applicationsDeactivatedTable_wrapper .dataTable,
#applicationsCompletedTable_wrapper .dataTable,
#applicationsTable_wrapper .dataTable,
#parentProdsTable.dataTable {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table,
.dataTables_scroll .dataTables_scrollBody table {
  width: 100% !important;
}

/*to wrap the td cell contents*/
.dataTables_wrapper table.dataTable th,
.dataTables_wrapper table.dataTable td {
  white-space: inherit;
  word-wrap: break-word;
  /* max-width: 150px; */
  /*do not wrap the datatables, extra width is being added to the first column with checkboxes*/
}

/*the load more button below applications list data table*/
div.dataTables_wrapper div.dataTables_info:has(*) {
  padding-top: 25px !important;
  border-top: 1px solid var(--table-cell-border);
  margin-top: 1.6rem;
  color: var(--plm-muted) !important;
  font-size: var(--plm-fs-small);
  text-align: left;
  padding-left: 45px;
}

.loadmore {
  text-align: right;
  padding: 1rem;
  position: relative;
  top: -50px;
  padding-right: var(--spacing-left-right);
}

/*application list page*/
#applicationFormBodyCon .eAF-toolbar-holder {
  border-bottom: none;
}

/*position of pagination*/
.dataTables_paginate {
  padding-right: 45px;
  position: relative;
  top: -30px;
  margin-right: 45px;
}

/*The action buttons in table cell are OTB float right
not aligning with the table header above*/
#applicationsDraftTable .dropdown.action.pull-right {
  float: left !important;
}

/*SVG in table*/
#applicationFormBodyCon .dt-buttons button svg,
.dataTables_wrapper .dropdown .btn-group button svg,
.dataTables_wrapper .dropdown .btn-group a svg,
.dropdown-menu li a svg {
  fill: var(--plm-secondary);
  display: block;
}
/*Color the icons on hover*/
#applicationFormBodyCon .dt-buttons button:hover svg,
.dataTables_wrapper .dropdown .btn-group button:hover svg,
.dataTables_wrapper .dropdown .btn-group a:hover svg,
.dropdown-menu li a:hover svg {
  fill: var(--plm-primary);
}

/*==========
Form fields Bootstrap overrides
==============*/
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control,
input[type='text'],
input[type='search'] {
  background-color: var(--plm-white);
}

:root {
  --read-only-high-conrast: var(--dark-6);
}

/*muted text*/
.pui-ro-rw-right-content .text-muted.mutedTextPosition {
  top: 1rem !important;
  left: 1.4rem;
  color: var(--read-only-high-conrast);
}

/*only the RW forms for eAF structured changes*/
.rw-enrichment .form-control[readonly],
.ema-productui-iframebody table[data-name='QPPVTab'] .form-control[readonly] {
  border: 1px solid var(--dark-3);
  padding: 0.8rem 1.6rem;
  color: var(--read-only-high-conrast);
}

.crmEntityFormView .form-control.readonly,
.crmEntityFormView .form-control[readonly][disabled],
.form-readonly .form-control {
  border: 1px solid var(--dark-3);
  padding: 0.8rem 1.6rem;
  color: var(--read-only-high-conrast);
  cursor: not-allowed;
}

/*all input border and form control*/
.form-control,
input[type='text'],
input[type='search'],
input.form-control,
textarea {
  border-radius: 4px;
  border: 1px solid var(--dark-5);
  color: var(--dark-6);
}
/*only to show the validation error messages*/
.plm-right-content.eaf-right-content.app-form-section .crmEntityFormView .cell input[type='text'],
.plm-right-content.eaf-right-content.app-form-section .crmEntityFormView .cell select,
.plm-right-content.eaf-right-content.app-form-section .crmEntityFormView .cell textarea {
  float: unset;
}

/*1px is showing extra near the button + adjustment for custom button padding and font size*/
.form-control {
  height: unset;
  padding: 0.8rem 1.6rem;
  line-height: 24px;
  font-size: 16px;
}

.form-control:focus,
textarea:focus {
  border-color: var(--plm-secondary) !important;
  /* outline: 0; */
  /* box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%) ; */
  border-radius: 4px;
  border: 1px solid var(--plm-secondary);
  background: var(--plm-white);
  box-shadow: 0px -4px 4px 0px rgba(9, 49, 142, 0.04) inset, 0px 4px 5px 0px rgba(9, 49, 142, 0.04) inset, 0px 0px 10px 0px rgba(9, 49, 142, 0.04) inset, 0px 2px 4px 0px rgba(9, 49, 142, 0.08) inset;
}

/*==============
Search Input Customization 
===================*/

/*Important : input field resets for every tab change, so we have to target the input for all the tabs*/
/*eAF applications list page : Search input*/
.dataTables_filter input[type='search'] {
  border: 1px solid var(--dark-5);
  color: var(--dark-6);
  /*to make space for icon*/
  padding-left: 35px;
  /*remove bottom OTB margin*/
  margin-left: 0 !important;
}

/*all the fields like input and text areas*/
.dataTables_filter input[type='search']::placeholder,
input[type='text']::placeholder,
textarea.form-control::placeholder,
input.form-control::placeholder {
  color: var(--dark-3);
  font-weight: normal;
}

/*eaf & ePI applications list page*/
#applicationsDraftTable_filter label,
#applicationsDeactivatedTable_filter label,
#applicationsCompletedTable_filter label,
#applicationsTable_filter label,
#parentProdsTable_filter label,
#parentScopesTable_filter label,
#externalProceduresTable_filter label,
#frommyorganisationsTable_filter label,
#fromOtherOrganisationsTable_filter label,
#productSelectionTable_filter label,
#productPresenatationTable_filter label,
#associateMRPVariationNumberTable_filter label,
#availableProductsTable_filter label,
#ToggleSelectedProductsTable_filter label,
#table_Draft_filter label,
#table_Submission_filter label,
#table_Update_filter label,
#table_Published_filter label,
#table_Archived_filter label,
#table_Deactivated_filter label,
#table_All_filter label,
#table_PublicePI_filter label,
#ParentTable_filter label,
#fromotherorganisations label,
#ViewLookUpRecordsTable_wrapper label {
  position: relative;
  display: inline-block;
  /*remove bottom OTB margin*/
  margin-bottom: 0;
}

#applicationsDeactivatedTable_filter label::before,
#applicationsCompletedTable_filter label::before,
#applicationsTable_filter label::before,
#applicationsDraftTable_filter label::before,
#parentProdsTable_filter label::before,
#parentScopesTable_filter label::before,
#externalProceduresTable_filter label::before,
#frommyorganisationsTable_filter label::before,
#fromOtherOrganisationsTable_filter label::before,
#productSelectionTable_filter label::before,
#productPresenatationTable_filter label::before,
#associateMRPVariationNumberTable_filter label::before,
#availableProductsTable_filter label::before,
#ToggleSelectedProductsTable_filter label::before,
#table_Draft_filter label::before,
#table_Submission_filter label::before,
#table_Update_filter label::before,
#table_Published_filter label::before,
#table_Archived_filter label::before,
#table_Deactivated_filter label::before,
#table_All_filter label::before,
#table_PublicePI_filter label::before,
#ParentTable_filter label::before,
#CRActivityTable_filter label::before,
#PATable_filter label::before,
#fromotherorganisations label::before,
#versionsTable_wrapper label::before,
#ViewLookUpRecordsTable_wrapper label::before {
  /*if using fontawesome icon
  content: '\f002';
  font-family: 'Font Awesome 5 Free';*/

  /*if using background image for icon*/
  content: '';
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M14.6777 12.9299C15.6661 11.5841 16.25 9.92275 16.25 8.125C16.25 3.63769 12.6123 0 8.125 0C3.63769 0 0 3.63769 0 8.125C0 12.6123 3.63769 16.25 8.125 16.25C9.92323 16.25 11.585 15.6658 12.9309 14.6769L12.9299 14.6777C12.9667 14.7277 13.0078 14.7756 13.053 14.8208L17.8661 19.6339C18.3543 20.122 19.1457 20.122 19.6339 19.6339C20.122 19.1457 20.122 18.3543 19.6339 17.8661L14.8208 13.053C14.7756 13.0078 14.7277 12.9667 14.6777 12.9299ZM15 8.125C15 11.922 11.922 15 8.125 15C4.32804 15 1.25 11.922 1.25 8.125C1.25 4.32804 4.32804 1.25 8.125 1.25C11.922 1.25 15 4.32804 15 8.125Z' fill='%230D6EFD'/></svg>") no-repeat center center;
  background-size: contain;
  font-weight: 900;
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--plm-secondary);
  z-index: 1;
}

/*backup actual search icon*/
/*
background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M14.6777 12.9299C15.6661 11.5841 16.25 9.92275 16.25 8.125C16.25 3.63769 12.6123 0 8.125 0C3.63769 0 0 3.63769 0 8.125C0 12.6123 3.63769 16.25 8.125 16.25C9.92323 16.25 11.585 15.6658 12.9309 14.6769L12.9299 14.6777C12.9667 14.7277 13.0078 14.7756 13.053 14.8208L17.8661 19.6339C18.3543 20.122 19.1457 20.122 19.6339 19.6339C20.122 19.1457 20.122 18.3543 19.6339 17.8661L14.8208 13.053C14.7756 13.0078 14.7277 12.9667 14.6777 12.9299ZM15 8.125C15 11.922 11.922 15 8.125 15C4.32804 15 1.25 11.922 1.25 8.125C1.25 4.32804 4.32804 1.25 8.125 1.25C11.922 1.25 15 4.32804 15 8.125Z' fill='%230D6EFD'/></svg>")  no-repeat center center;
*/
/*backup working search icon - no issues*/
/*
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%230d63fd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>') no-repeat center center;
*/

#ViewLookUpRecordsTable_filter{
  margin-bottom: 1.6rem;
}

/*search input min width for product search in product package modal*/
#parentProdsTable_filter.dataTables_filter input[type='search'],
#parentScopesTable_filter.dataTables_filter input[type='search'],
#externalProceduresTable_filter.dataTables_filter input[type='search'] {
  width: 400px;
}

/*left align the search input inside modal*/
#parentProdsTable_filter.dataTables_filter,
#parentScopesTable_filter.dataTables_filter,
#externalProceduresTable_filter.dataTables_filter,
#frommyorganisationsTable_filter.dataTables_filter {
  text-align: left;
  padding: 0 0 0 2.4rem;
}
#externalProceduresTable_filter.dataTables_filter {
  padding: 1.6rem 2.4rem;
}

/*remove padding for these inputs*/
#parentScopesTable_filter.dataTables_filter,
#frommyorganisationsTable_filter.dataTables_filter {
  padding-left: 0;
}

#frommyorganisationsTable_filter.dataTables_filter {
  padding-bottom: 1rem;
}

/*show selected part*/
#parentProdsTable_wrapper div.row:first-child > div:first-child,
#scopesDiv div.row:first-child > div:first-child,
.searchSelectedHolder {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1.5rem;
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}

.showSelected {
  color: var(--plm-secondary);
  cursor: pointer;
}
.showSelected:hover {
  color: var(--plm-primary);
}

/*search input in ePI public list view page*/
#table_PublicePI_filter.dataTables_filter {
  margin-right: var(--spacing-left-right);
  margin-bottom: 1rem;
}

/*==========
Custom checkbox
==============*/
/*customized the datatable checkbox*/
/*need to cover the manually added checkboxes too*/

input[type='checkbox'] {
  /* Remove default styles */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-color: transparent;
  /* background-color: #fff; */
  border: 2px solid var(--dark-5);
  cursor: pointer;
  outline: none; /* Remove focus outline */
  margin: 0;
}

.dataTable th input[type='checkbox'] {
  background-color: var(--blue-1);
}

.dataTable th input[type='checkbox']:checked {
  background-color: var(--plm-secondary);
}

input[type='checkbox']:focus {
  outline: none; /* Ensure no outline on focus */
}

input[type='checkbox']:disabled {
  background-color: transparent;
  border-color: var(--dark-2);
  position: relative;
  cursor: not-allowed;
}

input[type='checkbox']:checked:disabled {
  background-color: var(--plm-secondary);
  border: 2px solid var(--plm-secondary);
  opacity: 0.4;
  position: relative;
  cursor: not-allowed;
}

input[type='checkbox']:checked {
  background-color: var(--plm-secondary);
  border: 2px solid var(--plm-secondary);
  position: relative;
}

input[type='checkbox']:checked:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 6px;
  width: 6px;
  height: 12px;
  border: 2px solid var(--plm-white);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/*this is the partially checked checkbox with - sign instead of tick*/
.dataTable input[type='checkbox'].partial:checked:after {
  content: '';
  position: absolute;
  top: 7px; /* Position the dash in the middle */
  left: 3px;
  width: 11px; /* Length of the dash */
  height: 2px; /* Thickness of the dash */
  background-color: var(--plm-white); /* Color of the dash */
  transform: rotate(0deg);
}

/*==========
Custom radio
==============*/
input[type='radio'] {
  /* Remove default styles */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 2px solid var(--dark-5);
  border-radius: 50%; /* Make it round */
  cursor: pointer;
  outline: none; /* Remove focus outline */
  margin: 0;
}

.dataTable th input[type='radio'] {
  background-color: var(--blue-1);
}

input[type='radio']:focus {
  outline: none; /* Ensure no outline on focus */
}

input[type='radio']:checked:disabled {
  background: var(--plm-secondary);
  cursor: not-allowed;
  opacity: 0.4;
}

input[type='radio']:checked {
  background-color: var(--plm-secondary);
  border: 2px solid var(--plm-secondary);
  position: relative;
}

input[type='radio']:checked::after {
  content: '';
  position: absolute;
  top: 4px; /* Center the inner circle */
  left: 4px;
  width: 8px; /* Inner circle size */
  height: 8px;
  background-color: var(--plm-white);
  border-radius: 50%; /* Inner circle should be round */
}

/*epi modals - custom radio*/
.modal-content .modalCustomRadio.form-group.control {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.modal-content .modalCustomRadio.form-group.control input[type='radio'] {
  flex-shrink: 0; /*for the radio to show in flex*/
}
.modal-content .modalCustomRadio.form-group.control label {
  margin-bottom: 0;
  cursor: pointer;
}

/*labels beside radio*/
/* input[type='radio'] + label {
  margin-bottom: 0;
  margin-left: 1rem;
  position: relative;
  top: -4px;
} */

/*==============
PLM Left Common Menu
===================*/

.plm-aside-menu {
  /* flex-basis: 20%; */
  /* max-width: 260px;
  min-width: 260px; */
  flex-shrink: 0;
  border-right: 1px solid var(--dark-2);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: width 0.3s ease-in-out;
  min-width: 315px;
}

.aside-menu.plm-left-nav-items.sticky-aside-menu {
  padding-bottom: 50px;
}

.plm-aside-menu ul,
.sticky-aside-menu {
  list-style: none;
  padding: 0;
  position: sticky;
}

.plm-aside-menu ul a {
  display: inline-block;
  width: 100%;
  padding: 1rem 0em;
  margin-left: 0 !important;
  text-decoration: none;
  padding-right: 1.6rem;
}

/*transparent left border to balance active class*/
.plm-aside-menu:not(.plm-aside-menu.pui-aside-menu) ul li {
  border-left: 4px solid transparent;
}

.plm-aside-menu .ema-tab-txt {
  display: flex;
  gap: 1.6rem;
  padding-left: 1.6rem;
  align-items: center;
}

/*left menu section icon holder*/
.plm-aside-menu .ema-tab-txt .eAF-section-image {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*left menu section icon svg*/
.plm-aside-menu .ema-tab-txt .eAF-section-image svg {
  width: 100%;
  max-width: 40px;
  fill: var(--plm-primary);
}

/*section name*/
.plm-aside-menu .ema-tab-txt .section-content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.plm-aside-menu .ema-tab-txt .section-content h2 {
  font-size: var(--plm-fs-h3);
  line-height: var(--plm-lh-h3);
  color: var(--black);
  padding: 0;
  margin: 0;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 20ch;
}

.plm-aside-menu .sub-menuItems .ema-tab-txt .section-content h2 {
  padding-right: 0.5rem;
  max-width: 24ch;
}

.plm-aside-menu.pui-aside-menu .sub-menuItems.plm-left-nav-submenu .ema-tab-txt .section-content h2 {
  font-size: var(--plm-fs-text);
  line-height: var(--plm-lh-h3);
  color: var(--black);
  font-weight: normal;
}

/*left menu on hover and active current section*/
/*this one adds bg*/
.plm-aside-menu:not(.plm-aside-menu.pui-aside-menu) ul li:hover,
.plm-aside-menu:not(.plm-aside-menu.pui-aside-menu) ul li.active {
  background-color: var(--plm-light-blue);
}

.plm-aside-menu:not(.plm-aside-menu.pui-aside-menu) ul li:hover,
.plm-aside-menu:not(.plm-aside-menu.pui-aside-menu) ul li.active,
.plm-aside-menu li.active:not(.subMenuSelected) a.left-nav-tab-pui,
.plm-aside-menu li a.left-nav-tab-pui:hover {
  border-left: 4px solid var(--plm-secondary);
  cursor: pointer;
  background: var(--blue-1);
}

.plm-aside-menu li a.left-nav-tab-pui {
  border-left: 4px solid transparent;
}

/* .plm-aside-menu.pui-aside-menu.collapsed .sub-menuItems.plm-left-nav-submenu li a {
  border-left: 4px solid transparent;
  padding-left: unset;
} */

.plm-aside-menu.pui-aside-menu.collapsed .sub-menuItems.plm-left-nav-submenu li a:hover {
  border-left: 4px solid var(--plm-secondary);
}

.plm-aside-menu.pui-aside-menu ul li.active {
  background-color: var(--blue-bg);
}

.plm-left-nav-item a[data-hovertext='Workspace'] {
  border-top: 1px solid var(--table-cell-border);
}

.plm-aside-menu li.active:not(.subMenuSelected) a.left-nav-tab-pui {
  background-color: var(--plm-light-blue);
}

/*this one changes color and font weight*/
.plm-aside-menu ul li a:hover .ema-tab-txt .section-content h2,
.plm-aside-menu ul li.active:not(.subMenuSelected) .ema-tab-txt .section-content h2 {
  color: var(--plm-secondary);
}

/*================
PUI Left Navigation
==========================*/
/*to expand collapse a sub menu*/
.sub-menuExpand {
  width: 20px;
  height: 15px;
  transition: transform 0.3s ease-in-out;
  margin-left: auto;
  fill: var(--dark-6);
  flex-shrink: 0;
}
.sub-menuExpand:hover {
  fill: var(--plm-secondary) !important;
  cursor: pointer;
}

/*not to show the expand collapse icon where the current list is active*/
.active .sub-menuExpand {
  display: none;
}

/*offset the child sub menu list*/
/* .sub-menuItems.plm-left-nav-submenu {
  padding-left: 3rem;
} */

/*not to offset the child sub menu list when the left menu is collapsed*/
.plm-aside-menu.pui-aside-menu.collapsed .sub-menuItems.plm-left-nav-submenu {
  padding-left: 0rem;
}

/*sub menu - lesser padding*/
.plm-aside-menu .sub-menuItems.plm-left-nav-submenu li a {
  padding: 0.8rem 0;
  border-left: 4px solid transparent;
  padding-left: 2rem;
}

/*active links*/
.plm-aside-menu .sub-menuItems.plm-left-nav-submenu li a:hover,
.plm-aside-menu .sub-menuItems.plm-left-nav-submenu li.active a {
  border-left: 4px solid var(--plm-secondary);
  cursor: pointer;
  padding-left: 2rem;
  background: var(--blue-1);
}
.plm-aside-menu.pui-aside-menu .sub-menuItems.plm-left-nav-submenu li.active .ema-tab-txt .section-content h2 {
  color: var(--plm-secondary);
}
.plm-aside-menu.pui-aside-menu .sub-menuItems.plm-left-nav-submenu li.active .ema-tab-txt svg {
  fill: var(--plm-secondary);
}

.plm-aside-menu .sub-menuItems.plm-left-nav-submenu li a:hover .ema-tab-txt svg {
  fill: var(--plm-secondary);
}

/*sub menu on hover*/
.plm-aside-menu.pui-aside-menu .sub-menuItems.plm-left-nav-submenu a:hover .ema-tab-txt .section-content h2 {
  color: var(--plm-secondary);
}

/*dark icon for sub menu*/
.plm-aside-menu.pui-aside-menu .sub-menuItems.plm-left-nav-submenu .ema-tab-txt svg {
  fill: var(--dark-5);
}

.plm-aside-menu ul li .ema-tab-txt .eAF-section-image svg {
  width: 24px;
  height: 24px;
}

.plm-aside-menu ul li a:hover .ema-tab-txt svg,
.plm-aside-menu ul li.active:not(.subMenuSelected) .ema-tab-txt svg {
  fill: var(--plm-secondary);
}

.plm-aside-menu .ema-tab-txt .section-content .status {
  margin: 0;
  display: flex;
  gap: 0.6rem;
  font-size: var(--plm-fs-small);
  line-height: 16px;
}
.plm-aside-menu .ema-tab-txt .section-content .status svg {
  width: 16px;
}

.plm-aside-menu .ema-tab-txt .section-content .status.completed-status,
.plm-aside-menu .ema-tab-txt .section-content .status.completed-status svg {
  color: var(--plm-success);
  fill: var(--plm-success);
}

.plm-aside-menu .ema-tab-txt .section-content .status.pending-status,
.plm-aside-menu .ema-tab-txt .section-content .status.pending-status svg {
  color: var(--dark-4);
  fill: var(--dark-4);
}

.plm-aside-menu .ema-tab-txt .section-content .status.uncompleted-status,
.plm-aside-menu .ema-tab-txt .section-content .status.uncompleted-status svg {
  color: var(--plm-danger);
  fill: var(--plm-danger);
}

.plm-aside-menu .ema-tab-txt .section-content .status.warning-status,
.plm-aside-menu .ema-tab-txt .section-content .status.warning-status svg {
  color: var(--plm-warning);
  fill: var(--plm-warning);
}

/*side menu close icon*/
.plm-aside-menu .plm-menu-close,
.plm-aside-menu .plm-menu-expand {
  cursor: pointer;
  padding: 1.6rem;
  display: flex;
  align-items: center;
  color: var(--plm-secondary);
  position: sticky;
  bottom: 0;
  background-color: var(--plm-white);
}

.plm-aside-menu .plm-menu-close svg {
  fill: var(--plm-secondary);
  max-width: 25px;
}
.plm-aside-menu .plm-menu-close:hover,
.plm-aside-menu .plm-menu-close svg:hover {
  fill: var(--plm-primary);
  color: var(--plm-primary);
}

/*to collapse the left menu*/
.plm-aside-menu.collapsed .section-content,
.plm-aside-menu.collapsed .plm-menu-close {
  display: none;
}
/*remove the min width when the menu is collapsed*/
.plm-aside-menu.collapsed {
  min-width: unset;
}

/*hide the expand by default*/
.plm-aside-menu .plm-menu-expand {
  display: none;
}

/*Show the expand icon*/
.plm-aside-menu.collapsed .plm-menu-expand {
  display: flex;
}

.expandCollapse {
  font-size: var(--plm-fs-h3);
  line-height: var(--plm-lh-h3);
}

/*left nav disabled links*/
.plm-aside-menu.pui-aside-menu .sub-menuItems.plm-left-nav-submenu a.disabled .ema-tab-txt svg {
  fill: var(--dark-3);
}

.plm-aside-menu.pui-aside-menu .sub-menuItems.plm-left-nav-submenu a.disabled .ema-tab-txt .section-content h2,
.plm-aside-menu.pui-aside-menu .sub-menuItems.plm-left-nav-submenu a.disabled:hover .ema-tab-txt .section-content h2 {
  color: var(--dark-3);
  cursor: not-allowed;
}

.plm-aside-menu .sub-menuItems.plm-left-nav-submenu li a.disabled:hover {
  cursor: not-allowed;
}

/*==========
PLM/eAF Right Side Content
==============*/
.plm-right-content {
  padding: 0;
  flex-grow: 1;
  overflow: auto;
}

legend.section-title {
  margin-bottom: 0 !important;
  background: transparent;
  padding: 0;
  border-bottom: 0;
}

/*section holder has margin, we are giving margin to the h3 directly*/
legend.section-title {
  margin-bottom: 0;
}

legend.section-title h3 {
  color: var(--plm-primary);
  font-size: var(--plm-fs-h2-b);
  font-style: normal;
  font-weight: 400;
  line-height: var(--plm-lh-h3);
  margin: 0;
  margin-bottom: 1.4rem;
}

legend.section-title h3 svg,
svg[data-toggle='popover'] {
  margin-left: 0.8rem;
  fill: var(--plm-info);
  cursor: pointer;
}

.eaf-right-content .crmEntityFormView .cell {
  padding: 0;
}

.eaf-right-content .right-side-content-wrapper {
  padding: 0;
}

.eaf-right-content .right-side-content-wrapper.padding {
  padding: 3rem 5rem 5rem 5rem;
}

/*inner pages content*/
.eaf-inner-right .right-side-content-wrapper .row {
  margin: 0;
}

/*removed the OTB BS margin*/
.right-side-content-wrapper .row {
  margin-left: 0;
  margin-right: 0;
}
/*removed the OTB BS padding*/
.right-side-content-wrapper [class*='col-'],
.productUIPage [class*='col-'] {
  padding: 0;
}

/*give gap between buttons in present proposed*/
.eaf-right-content .view-toolbar.grid-actions .toolbar-actions .input-group:not(.associate-lookup .view-toolbar.grid-actions .toolbar-actions .input-group):not(.entity-lookup .view-toolbar.grid-actions .toolbar-actions .input-group) {
  display: flex;
  gap: 1.6rem;
}

/*change the order of the buttons*/
.eaf-right-content .view-toolbar.grid-actions .toolbar-actions .input-group .create-action {
  order: 2;
}
/*==========
Inner pages header
==============*/
.pageInnerHeader {
  padding: 1.6rem 5rem 1.6rem 5rem;
  border-bottom: 1px solid var(--dark-1);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.pageInnerHeader h2 {
  margin: 0;
  padding: 0;
  color: var(--Neutrals-Dark-6, #1e1e1e);
  font-size: var(--plm-fs-h2-b);
  font-weight: bold;
  line-height: 28px;
}

.pageInnerHeader .action-toolbar {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  align-items: center;
  margin-left: auto;
}

.pageInnerHeader .action-toolbar .btn-group {
  flex-shrink: 0;
}

.pageInnerHeader .action-toolbar a {
  text-decoration: none;
  line-height: 1;
}
.pageInnerHeader .action-toolbar a:hover {
  text-decoration: none;
}

.pageInnerHeader .action-toolbar svg {
  fill: var(--plm-secondary);
}
.pageInnerHeader .action-toolbar svg:hover {
  fill: var(--plm-primary);
}

.pageInnerHeader .action-toolbar a.unavailable svg {
  opacity: 0.6;
}

/*tool tip label holder*/
.pageInnerHeader .pageHeader-toolTipLabel-Holder {
  display: flex;
  gap: 0.8rem;
  flex-direction: column;
}

.pageInnerHeader .pageHeader-toolTipLabel-Holder p,
.pageInnerHeader .pageHeader-toolTipLabel-Holder p label {
  margin: 0 !important;
  font-weight: normal;
  font-size: 14px;
  line-height: 1;
}

.pageInnerHeader .pageHeader-toolTipLabel-Holder p label {
  display: flex;
  gap: 0.4rem;
  align-items: flex-end;
}

/*==========
Inner pages sub header
==============*/
.pageInnerSubHeader {
  padding: 1.6rem var(--spacing-left-right);
  border-bottom: 1px solid var(--dark-2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.8rem;
  color: var(--dark-6);
  font-size: var(--plm-fs-h3);
  line-height: var(--plm-lh-h3);
}

.pageInnerSubHeader .productScopesMoreHolder {
  display: flex;
  gap: 1rem;
  flex-grow: 1;
}

.pageInnerSubHeader .productScopesHolder {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  /*this grow is not required, need to push +10 more text to left*/
  /* flex-grow: 1; */
}
.pageInnerSubHeader .productScopesHolder .item {
  display: flex;
  gap: 1rem;
}

.pageInnerSubHeader .productScopesHolder .item .category {
  font-weight: bold;
  width: 80px;
}

/*below styling is giving issues on smaller screen sizes < 1200px*/
/*need to handled this via media query*/
/* .pageInnerSubHeader .productScopesHolder .item .meta-data {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 1170px;
} */

.pageInnerSubHeader .productScopesHolder .item span:not(:last-child):not(:only-child) {
  padding-right: 2rem;
  position: relative;
}

.pageInnerSubHeader .productScopesHolder .item span:not(:last-child):not(:only-child)::after {
  content: '';
  width: 1px;
  height: 16px;
  background: var(--dark-4);
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}


.pageInnerSubHeader a {
  text-decoration: none;
  color: var(--plm-secondary);
}
.pageInnerSubHeader a:hover {
  color: var(--plm-primary);
}
.pageInnerSubHeader a svg {
  fill: var(--plm-secondary);
}
.pageInnerSubHeader a:hover svg {
  fill: var(--plm-primary);
}

/*==========
Present proposed : Changes
==============*/
.product-ma-scopes-proposed-holder {
  border: 1px solid var(--dark-2);
  border-radius: 4px;
  background: var(--Neutrals-White, #fff);
  padding: 2.4rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: var(--plm-fs-h3);
  line-height: var(--plm-lh-h3);
  margin: 0 auto;
  margin-top: 2.4rem;
}

.product-ma-scopes-proposed-holder .actionButtons {
  align-self: flex-end;
  color: var(--plm-secondary);
  display: flex;
  align-items: center;
}

.product-ma-scopes-proposed-holder .actionButtons a {
  color: var(--plm-secondary);
  text-decoration: none;
}

.product-ma-scopes-proposed-holder .actionButtons a:hover,
.product-ma-scopes-proposed-holder .actionButtons a:hover svg {
  color: var(--plm-primary);
  fill: var(--plm-primary);
}

.product-ma-scopes-proposed-holder .actionButtons a svg {
  max-width: 1.5rem;
  fill: var(--plm-secondary);
}

.product-ma-scopes-proposed-holder .actionButtons a + a {
  margin-left: 2rem;
}

.product-ma-scopes-proposed-holder .tableInfo {
  display: flex;
  flex-direction: column;
}

.product-ma-scopes-proposed-holder .tableInfo .tableItem {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  color: var(--dark-6);
  gap: 1.6rem;
}

.product-ma-scopes-proposed-holder .tableInfo .tableItem a:hover {
  text-decoration: none;
}

/*instead of flex-gap*/
.product-ma-scopes-proposed-holder .tableInfo .tableItem + .tableItem {
  margin-top: 1.6rem;
}

.product-ma-scopes-proposed-holder .tableInfo .tableItem .bold {
  font-weight: bold;
  min-width: 200px;
}

.product-ma-scopes-proposed-holder .tableInfo .tableItem .metaHolder span:not(:last-child):not(:only-child) {
  padding-right: 2rem;
  position: relative;
}

.product-ma-scopes-proposed-holder .tableInfo .tableItem .metaHolder span:not(:last-child):not(:only-child)::after {
  content: '';
  width: 1px;
  height: 16px;
  background: var(--dark-4);
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

/*==========
Scopes modal
==============*/
.scopeHolder {
  display: flex;
  margin: 1rem 0 !important;
  padding: 1rem;
  border: 1px solid var(--table-cell-border);
  flex-direction: column;
  color: var(--dark-6);
}

/*ok not to give flex*/
.scopeChildren {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
.scopeChildren:last-child {
  margin-bottom: 0;
}

.scopeHeading {
  margin-bottom: 1.5rem;
  font-weight: bold;
}

.scopeText {
  margin-right: auto;
  margin-left: 1rem;
}
.scopeHolder svg {
  fill: var(--plm-secondary);
  cursor: pointer;
  display: block;
}
.scopeHolder svg:hover {
  fill: var(--plm-primary);
}

/*==========
Present Proposed Org Holder
==============*/
.pre-pro-org-holder {
  /* border-radius: 4px; */
  border: 1px solid rgb(209, 209, 209);
  background: var(--Neutrals-White, #fff);
  padding: 2rem 3rem;
  margin-bottom: 1rem;
}
.iconsHolder {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.6rem;
  margin-bottom: 1.6rem;
}
.iconsHolder svg {
  display: block;
  fill: var(--plm-secondary);
  cursor: pointer;
}
.iconsHolder svg:hover {
  fill: var(--plm-primary);
}

.pre-pro-table-holder {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.pre-pro-table-holder .org-holder {
  width: 100%;
  padding: 1.6rem;
  padding-top: 0;
  padding-bottom: 0;
}

.pre-pro-table-holder .org-holder:first-child {
  padding-left: 0rem;
}
.pre-pro-table-holder .org-holder:last-child {
  padding-right: 0rem;
}

.pre-pro-table-holder .org-holder .header {
  font-weight: bold;
  color: var(--black);
  padding-bottom: 1rem;
}
.pre-pro-table-holder .org-holder table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  color: var(--dark-5);
}
.pre-pro-table-holder .org-holder table td {
  padding: 6px;
  padding-left: 0;
  vertical-align: top;
}

.pre-pro-table-holder .org-holder table td:first-child {
  min-width: 175px;
}

.pre-pro-table-holder .org-holder table tr:last-child td {
  padding-bottom: 0;
}

.pre-pro-table-holder .org-holder table td:nth-child(2) {
  color: var(--dark-6);
}

.pre-pro-table-holder div.org-holder:first-child {
  border-right: 1px solid var(--dark-2);
}
/*this media query is taking values based on being inside an iframe*/
@media screen and (max-width: 900px) {
  .pre-pro-table-holder {
    flex-direction: column;
    justify-content: flex-start;
  }
  .pre-pro-table-holder div.org-holder:first-child {
    border-right: none;
  }
  .pre-pro-table-holder .org-holder:last-child {
    padding-left: 0;
    padding-top: 1.6rem;
  }
}
.pre-pro-org-holder .actionButton {
  padding-top: 2rem;
  border-top: 1px solid var(--dark-2);
  margin-top: 2rem;
}

/*present proposed : edit changes in manufacturer modal : Present and proposed - organisation details BLUE BOX */
#IFramePresentOrgDetails:not(div#IFramePresentOrgDetails) {
  max-height: 400px;
}
.iFrameBodyClass.quickViewIframe:has(#IFramePresentOrgDetails) table td .info {
  min-width: 230px;
}
#IFrameProposedOMSOrgDetails:not(div#IFrameProposedOMSOrgDetails) {
  max-height: 400px;
}
.iFrameBodyClass.quickViewIframe:has(#IFrameProposedOMSOrgDetails) table td .info {
  min-width: 230px;
}

.iFrameBodyClass.quickViewIframe:has(#IFrameProposedOMSOrgDetails) #ema_oms_country_referentialterm_name {
  border: none;
  padding-left: 0;
  color: var(--dark-6);
}

/*==========
Misc fixes
==============*/
/*loader in OOTB*/
.entity-associate .view-loading,
.entity-lookup .view-loading {
  top: 100px;
}

#addEditDevicemodal .iFrameBodyClass.medicalDeviceModalClass #ema_devicetype_lookupmodal .entity-associate .view-loading,
.entity-lookup .view-loading {
  top: 130px;
}

.iFrameBodyClass .entity-grid .message {
  margin: 0;
}

.iFrameBodyClass .entity-grid table.table.table-fluid {
  margin-bottom: 0;
}

/*loader in proof of payment org modal*/
#ema_billingaddress_lookupmodal .entity-lookup .view-loading {
  top: 110px;
}

#ema_presentorganisation_lookupmodal .entity-lookup .view-loading {
  top: 110px;
}

#ProcedureNumbers .grid-actions {
  border-bottom: none;
  margin-bottom: 1.5rem;
  padding-bottom: 0;
}

/*hide the h3 headings near the procedure number table*/
/*not to hide the headings in procedural info page*/
/*not to hide the headings in additional info page*/
h3.info.form-subgrid-heading:not(.right-side-content-wrapper.proceduralInfo h3.info.form-subgrid-heading):not(.right-side-content-wrapper.additionaInfo h3.info.form-subgrid-heading).right-side-content-wrapper.finalization h3.info.form-subgrid-heading {
  display: none;
}

h3.info.form-subgrid-heading {
  padding-bottom: 0;
  font-family: var(--font-family);
}

h3.info.form-subgrid-heading label {
  float: unset !important;
}

/*Proposed Changes : title separator*/
.eaf-right-content fieldset:not(:last-child),
.plm-right-content fieldset:not(:last-child),
.eaf-right-content fieldset:not(:only-child-child),
.plm-right-content fieldset:not(:only-child) {
  border-bottom: 1px solid var(--table-cell-border);
  padding-bottom: 2rem;
}

.plm-right-content fieldset[aria-label='Notified Body (NB)'] {
  border-bottom: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 767px) {
  .crmEntityFormView .cell {
    margin-bottom: 0;
  }
}

/*removes table td padding for few cases*/
/*similar is at iframe styling below*/
.PresentProposedChangesTableDiv1 .crmEntityFormView .cell {
  padding: 0;
}

/*removes the table stripped background*/
div.dts div.dataTables_scrollBody {
  background: white !important;
}

/*vertical alignment for table headers*/
table.dataTable thead > tr > th,
.table.table-striped.table-fluid thead > tr > th {
  vertical-align: middle;
}

/*remove a padding from product selection eaf*/
#dataTableDiv3 {
  padding: 0 !important;
}

/*set min height for ema content area*/

/*100vh - header height + footer height + submenu height*/
.ema-content-area {
  min-height: calc(100vh - calc(var(--header-height) + var(--footer-height) + var(--plm-page-header-height)));
  width: 100%;
  height: auto;
  display: flex;
}

/*checkbox in present proposed inner sections*/
.checkbox.dataTable {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.checkbox.dataTable label {
  padding-left: 0;
}

.checkbox-cell label,
.checkbox.dataTable label {
  font-size: var(--plm-fs-text);
}

/*scopes holder in present proposed*/
#scopesDiv {
  padding: 0 2.4rem;
}

/*medical devices div*/
#dataTableDiv31 {
  padding: 0 !important;
}

/*the extra border in select ema prodecure*/
.iFrameBodyClass.procedureNumIframeClass .container-custom.eAF-toolbar-holder {
  border: none;
}

/*the td cell of most forms*/
.plm-right-content .crmEntityFormView .cell {
  padding-left: 0;
}

/*tab title*/
.plm-right-content h2.tab-title {
  font-size: 20px;
  line-height: 28px;
  border: none;
  color: var(--plm-black);
  margin-bottom: 2.4rem;
}

/*radio control label in medical devices*/
#ema_devicechangetype label {
  max-width: 900px;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  #ema_devicechangetype label {
    max-width: 545px;
  }
}

/*small span text above every OOTB lookup modal*/
/*controls the radio jump*/
.view-grid span[aria-label]:not(span[role='checkbox']) {
  color: var(--plm-muted);
  font-size: var(--plm-fs-small);
  display: inline-block;
  padding-bottom: 0.8rem;
}

/*atc page - has an OTB modal in present propsed*/
.iFrameBodyClass.procedureNumIframeClass .checkbox {
  position: absolute;
}

.iFrameBodyClass.procedureNumIframeClass label#ema_isatccodeapplied_label {
  font-weight: normal;
  padding-left: 1rem;
  font-size: var(--plm-fs-h3);
  line-height: var(--plm-lh-h3);
  color: var(--dark-6);
}

/*the image arrow for product selection*/
.dropImg,
td.control img {
  filter: invert(21%) sepia(98%) saturate(4666%) hue-rotate(216deg) brightness(101%) contrast(101%);
}

/*inline search button in product selection*/
#searchOnFilters.btn.btn-default.btn-primary {
  padding: 0.4rem 1.6rem !important;
}

/*eAF expand collapse*/
.eAF-expand-collapse {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}
.eAF-expand-collapse img.dropImg {
  padding-top: 0.3rem;
}

/*input class disabled*/
input.disabledStyle {
  background: var(--dark-1) !important;
  border: 1px solid var(--dark-3) !important;
  border-radius: var(--border-radius-menu) !important;
  padding-left: 1rem !important;
}

/*to insert mandatory field denoter * in red*/
/*first one is OOTB, adding here to control spacing and bold*/
/*not is for the label in procedural info*/
.crmEntityFormView .cell .info.required label:not(label[for='ChangeConcern']):after,
.crmEntityFormView .cell .info.required label span.changeConcern:after,
p.typesOfChangesQuestionsHeading:after {
  content: '*';
  color: var(--plm-danger) !important;
  font-weight: bold;
  vertical-align: bottom;
  margin-left: 4px;
  font-size: var(--plm-fs-h3);
}

/*left align the search in OOTB lookup modals*/
.modal .view-toolbar.grid-actions .pull-right:has(input[placeholder='Search']) {
  float: left !important;
}

/*utility class for non breaking data in tables*/
td.wrapNonBreakingData,
th.wrapNonBreakingData {
  word-wrap: break-word;
  white-space: normal;
    max-width: 150px !important;
}

/*temp fix for spinner deviation in modals*/
/* html[dir='ltr'] .form-loading:not(.eaf-right-content .form-loading) {
  left: 0 !important;
} */

/*auto suggest*/
#suggestions.suggestions {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  color: var(--dark-6);
  border-radius: 4px;
  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
  max-height: 130px;
  overflow-y: scroll;
  padding: 0;
  width: 100%;
}

#suggestions.suggestions label {
  margin-bottom: 0;
  padding: 1rem;
}

#suggestions.suggestions .suggestion-item {
  padding: 0.8rem 1rem;
  cursor: pointer;
}
#suggestions.suggestions .suggestion-item:hover {
  background-color: var(--plm-light-blue);
}

#preProposedSection {
  min-height: 250px;
}

.iFrameBodyClass.presentProposedIframeClass:has(#suggestions) {
  padding: 1rem;
}

/*table for procedure number in proposed changes*/
#ProcedureNumbers .action-cell .btn-group {
  display: flex;
  gap: 1.2rem;
}

#ProcedureNumbers .action-cell .btn-group a.edit-link:hover {
  text-decoration: none;
}

/*==========
Product Selection & base table styling
==============*/
/*removes the alternate color for odd row*/
table.dataTable.table-striped > tbody > tr.odd > * {
  box-shadow: unset !important;
}

/*remove extra padding - coming from platform*/
/* .dataTable td.details {
  padding: 0 5rem !important;
  background-color: var(--dark-1);
} */

/*column visibility option are not visible when theres no data in the table, hence give min height*/
#availableProductsTable_wrapper,
#ToggleSelectedProductsTable_wrapper {
  min-height: 650px !important;
}

#availableProductsTable.dataTable td.details,
#ToggleSelectedProductsTable.dataTable td.details {
  padding-inline: 8.6rem !important;
}

/*remove the background from table header*/
/* .dataTable td.details table.dataTable thead tr th {
  background-color: transparent !important;
  padding-block: 0 !important;
  border: none;
} */

/*remove the background for td*/
.dataTable td.details table.dataTable.table-striped > tbody > tr > * {
  background: transparent;
  border-top: none;
}

/*hide the search*/
div[id^='productSelectionTable'].dataTables_filter:not(#productSelectionTable_filter.dataTables_filter),
div[id^='productPresenatationTable'].dataTables_filter:not(#productPresenatationTable_filter.dataTables_filter) {
  display: none;
}

/*hide pagination*/
/*hide info*/
/*hide buttons*/
div[id^='productSelectionTable_'] .dataTables_paginate,
div[id^='productSelectionTable_'] .dt-buttons .refresh,
div[id^='productSelectionTable_'] .dt-buttons .buttons-page-length,
div[id^='productPresenatationTable_'] .dataTables_paginate,
div[id^='productPresenatationTable_'] .dataTables_info,
div[id^='productPresenatationTable_'] .dt-buttons .refresh,
div[id^='productPresenatationTable_'] .dt-buttons .buttons-page-length {
  display: none !important;
}

div[id^='productPresenatationTable_'] .dt-buttons .buttons-colvis {
  position: absolute;
  top: 36px;
  left: var(--spacing-left-right);
}

/*remove border for the last tr*/
.dataTable td.details table.dataTable.table-striped > tbody > tr:last-child > * {
  border-bottom: none;
}

/*label margin*/
div[id^='productSelectionTable_'] .details .info label,
div[id^='productPresenatationTable_'] .details .info label {
  margin: 12px 16px;
}

/*associate mrp page to align the mrp variation number part*/
#associateMRPVariationNumberTable_wrapper .dataTables_info + .info,
#associateMRPVariationNumberTable_wrapper .info + .input-group {
  padding-left: 45px; /*spacing as per table header alignment*/
}

/*eaf product selection responsive buttons sections above the table*/
@media screen and (max-width: 1910px) {
  /*product selection inner page*/
  #availableProductsTable_wrapper .dt-buttons,
  #ToggleSelectedProductsTable_wrapper .dt-buttons,
  #productSelectionTable_wrapper .dt-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }

  #availableProductsTable_filter.dataTables_filter,
  #ToggleSelectedProductsTable_filter.dataTables_filter,
  #productSelectionTable_filter.dataTables_filter {
    top: 1.6rem;
    left: var(--spacing-left-right);
    right: unset;
  }

  #availableProductsTable_wrapper,
  #ToggleSelectedProductsTable_wrapper,
  #productSelectionTable_wrapper {
    padding-top: 60px;
  }
}
#productSelectionTable_wrapper #productInfoToolTip,
#availableProductsTable_wrapper #productInfoToolTip,
#ToggleSelectedProductsTable_wrapper #productInfoToolTip {
  display: flex;
}

/*==========
Custom Select dropdown
==============*/
/* .btn-group .btn.btn-default:not(.btn.btn-default.dropdown-toggle) {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
} */

.btn-group .dropdown-toggle:not(.btn.btn-default:first-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.btn.btn-default + .btn.btn-default.dropdown-toggle[aria-expanded='false'] {
  background-color: var(--plm-secondary);
}
.btn.btn-default + .btn.btn-default.dropdown-toggle[aria-expanded='true'] {
  background-color: var(--plm-primary);
}
.btn.btn-default + .btn.btn-default.dropdown-toggle:hover {
  background-color: var(--plm-primary);
  border-color: var(--plm-primary);
}

.btn-group .btn.btn-default {
  border-color: var(--dark-5);
  color: var(--dark-6);
}
.btn-group .btn.btn-default.dropdown-toggle {
  border-color: var(--plm-secondary);
}
.btn.btn-default.dropdown-toggle[aria-expanded='true'] {
  border-color: var(--plm-primary);
}

/*target only this caret, since it is effecting the application list column visibility dropdown caret*/
.btn.btn-default + .btn.btn-default.dropdown-toggle .caret {
  border: none;
  border-left: 1px solid var(--plm-white);
  border-bottom: 1px solid var(--plm-white);
  width: 12px;
  height: 12px;
  transform: rotate(-45deg);
  position: relative;
  top: -4px;
}

/*make the dropdown the same width for all 3 contents*/
.dropDownBtn.btn.dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
  min-width: 200px;
  text-align: left;
}

/*==========
Datatable cell highlight
==============*/

/*!!!important... DO NOT REMOVE THIS*/
/*this is required to unset datatables.min.css */
table.dataTable > tbody > tr.selected > * {
  box-shadow: unset;
}

table.dataTable > tbody > tr.group-header > td {
  box-shadow: inset 0 0 0 9999px white;
}
table.dataTable > tbody > tr.selected.group-header > td,
table.dataTable > tbody > tr.selected > td {
  box-shadow: inset 0 0 0 9999px var(--blue-bg);
}

table.dataTable > tbody > tr.group-header ~ tr.even > td,
table.dataTable > tbody > tr.group-header ~ tr.odd > td {
  box-shadow: inset 0 0 0 9999px var(--dark-1);
}

table.dataTable > tbody > tr.selected.group-header ~ tr.odd.selected > td,
table.dataTable > tbody > tr.selected.group-header ~ tr.even.selected > td {
  box-shadow: inset 0 0 0 9999px var(--blue-bg);
}

/*==========
Inner Pages Left section
==============*/
.eaf-inner-container {
  display: flex;
  justify-content: space-between;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: var(--spacing-left-right);
}

.eaf-inner-container .eaf-inner-left {
  flex-basis: 25%;
  max-width: 320px;
  border-right: 1px solid var(--dark-3);
  min-height: calc(100vh - calc(var(--header-height) + var(--footer-height) + 118.141px + 1px));
}

.eaf-inner-container .eaf-inner-left .aside-menu-inner {
  margin: 0;
  padding: 0;
}

.eaf-inner-container .pageInnerHeader {
  padding: 1rem 5rem 1rem 2.4rem;
}

/*to display long text types section name in Proposed changes left menu*/
.PresentProposedChangesTableDiv .row,
.PresentProposedChangesTableDiv [class^='col-'] {
  margin: 0;
  padding: 0;
}

.eaf-inner-container .eaf-inner-left .toolBar {
  display: flex;
  justify-content: space-between;
  padding-top: 1.6rem;
}

.eaf-inner-container .eaf-inner-left .toolBar a.buttonWithIcon,
.eaf-inner-right .pageInnerHeader a.buttonWithIcon {
  padding-left: 0;
}

.eaf-inner-container .eaf-inner-left .toolBar button.buttonWithIcon {
  margin-right: 1rem;
  min-width: 14rem;
}

/*hides the OTB button*/
.eaf-inner-container .eaf-inner-left .aside-menu-inner .view-toolbar.grid-actions {
  display: none;
}

/*inner left actions section*/
.eaf-inner-left .aside-menu-inner .PresentProposedChangesTableDiv {
  padding-top: 2rem;
}

.eaf-inner-left .aside-menu-inner .PresentProposedChangesTableDiv table.dataTable > tbody > tr.selected > *,
.eaf-inner-left .aside-menu-inner .PresentProposedChangesTableDiv table.dataTable > tbody > tr:hover > * {
  box-shadow: inset 0 0 0 9999px var(--blue-bg) !important;
  font-weight: bold;
  color: var(--plm-secondary) !important;
}

.eaf-inner-left .aside-menu-inner .PresentProposedChangesTableDiv table.dataTable td {
  padding: 0.8rem 1rem !important;
  border: none;
  color: var(--dark-6);
  vertical-align: middle;
}

.eaf-inner-left .aside-menu-inner .PresentProposedChangesTableDiv table.dataTable td:first-child {
  max-width: 100px;
  cursor: pointer;
}

/*reposition the dropdown menu*/
/* .eaf-inner-left .aside-menu-inner .dropdown-menu {
  left: 200px !important;
} */

/*==========
Inner Pages Right section
==============*/
.eaf-inner-container .eaf-inner-right {
  flex-grow: 1;
  flex-basis: 80%;
  border-left: none;
}

.eaf-inner-container .eaf-inner-right .right-side-content-wrapper {
  padding: 1rem var(--spacing-left-right) 1rem 2.4rem;
}

/*==========
iFrame Styling for all
==============*/
.iFrameBodyClass {
  margin: 0;
  padding: 0;
}
/*
available custom handler for specific iframes to target them individually
.presentProposedIframeClass (for present proposed modal)
.procedureNumIframeClass (add procedure number modal)
.quickViewIframe (manufacturer/organisation lookup modal)
.orgLookupModalClass (manufacturer modal)
.addPackageIframeClass (add package modal in present proposed)
*/

.iFrameBodyClass.quickViewIframe {
  margin-right: 2rem;
  margin-left: 3rem;
}

.iFrameBodyClass .actions {
  display: none;
}

.iFrameBodyClass .container {
  padding: 0;
}

.iFrameBodyClass .crmEntityFormView fieldset {
  margin-bottom: 0;
}

.iFrameBodyClass .crmEntityFormView .section-title {
  margin-bottom: 0;
}

.iFrameBodyClass .crmEntityFormView .cell {
  /* padding: 0; */
  margin-bottom: 0;
  /* border: 1px solid red; */
}

/*this targets only the manufacturer modal*/
/*this targets only the present proposed section page*/
.iFrameBodyClass.orgLookupModalClass .crmEntityFormView .cell,
.iFrameBodyClass.presentProposedIframeClass .crmEntityFormView .cell {
  padding: 0;
}

/*==========
NO data state
==============*/
.noDataState {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.noDataState.extraPadding {
  margin-block: 4rem;
}

.noDataState .iconWrapper {
  background-color: var(--dark-1);
  border-radius: 50%;
  padding: 1rem;
  margin-bottom: 1.6rem;
}

.noDataState .iconWrapper svg {
  display: block;
  fill: var(--plm-secondary);
}

.noDataState h3 {
  color: var(--plm-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  line-height: 24px;
  margin: 0;
  margin-bottom: 1.2rem;
}
.noDataState p {
  color: var(--dark-5);
  font-size: 14px;
  line-height: 20px;
  max-width: 520px;
  margin: 0;
  margin-bottom: 1.6rem;
}

/*==========
Override the bootstrap buttons (for future)
==============*/

.btn {
  font-size: var(--plm-fs-h3);
  line-height: var(--plm-lh-h4);
  padding: 0.8rem 1.6rem;
  border-radius: 4px;
}

.btn.btn-primary {
  background-color: var(--plm-secondary);
  color: var(--plm-white);
  border: 1px solid var(--plm-secondary);
}
.btn.btn-primary:hover {
  background-color: var(--plm-dark-blue);
  color: var(--plm-white);
  border: 1px solid var(--plm-secondary);
  text-decoration: none;
}

.btn.btn-secondary {
  background-color: var(--plm-white);
  color: var(--plm-secondary);
  border: 1px solid var(--plm-secondary);
}

.btn.btn-secondary:hover {
  background-color: var(--plm-light-grey);
  color: var(--plm-dark-blue);
  border: 1px solid var(--plm-dark-blue);
  text-decoration: none;
}

.btn.btn-primary svg {
  color: var(--plm-white);
  fill: var(--plm-white);
}

.btn.btn-secondary svg,
.btn.btn-default svg {
  color: var(--plm-secondary);
  fill: var(--plm-secondary);
}

/*show selected*/
.btn.selected,
.plm-btn.selected {
  background-color: var(--blue-bg) !important;
}

/*========
custom alert messages for info, danger and warning
===========*/
.alert {
  padding: 1.2rem 1.6rem;
  color: var(--dark-5);
  /*margin top is causing background to be exposed on home page*/
  /* margin-top: 0.5rem; */
  margin-bottom: 0.5rem;
  /* margin-inline: var(--spacing-left-right); */
  border: none;
  border-radius: var(--border-radius-menu);
}

.alert:focus-visible {
  outline: none;
}

.alert .close {
  margin-left: 0.5rem;
  color: var(--dark-6);
  font-size: 20px;
}

.alert p,
.alert h3,
.alert ul,
.alert ol {
  margin: 0;
  padding: 0;
}

.alert ul,
.alert ol {
  margin-top: 0.5rem;
}

.alert ul,
.alert ol {
  margin-left: 2rem !important;
  padding-left: 1rem;
}

.alert li a,
.alert p a,
.alert a {
  color: var(--dark-5) !important;
}

.alert a.readMoreLink {
  color: var(--plm-secondary) !important;
  cursor: pointer;
  margin-top: 0.8rem;
  display: inline-block;
}

/*temporary*/
.productSelection .alert li a,
.productSelection .alert p a,
.productSelection .alert a,
.productSelectionInner .alert li a,
.productSelectionInner .alert p a,
.productSelectionInner .alert a {
  text-decoration: none;
}

.productSelection .alert li a b,
.productSelection .alert p a b,
.productSelection .alert a b,
.productSelectionInner .alert li a b,
.productSelectionInner .alert p a b,
.productSelectionInner .alert a b {
  text-decoration: underline;
}

.alert .title {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.alert .title h3 {
  font-weight: bold;
  font-size: var(--plm-fs-h3);
  /*line height is causing misalignment with icon*/
  /* line-height: var(--plm-lh-h3); */
  color: var(--plm-black);
}

.alert > .title + div:not(.plm-alert-list) {
  padding-left: 3rem; /*width of icon + gap width*/
  margin-top: 0.6rem;
}

/*expand collapse for alerts with list*/
.plm-alert-list {
  position: relative;
  max-height: 5rem;
  overflow-y: hidden;
  transition: max-height 0.3s ease;
}

.plm-alert-list::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3rem;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.alert.alert-danger .plm-alert-list::after {
  background: linear-gradient(to bottom, rgba(254, 242, 245, 0), var(--plm-faded-danger));
}

.alert.alert-info .plm-alert-list::after {
  background: linear-gradient(to bottom, rgba(254, 242, 245, 0), var(--plm-faded-info));
}

.alert.alert-success .plm-alert-list::after {
  background: linear-gradient(to bottom, rgba(254, 242, 245, 0), var(--plm-faded-success));
}

.alert.alert-warning .plm-alert-list::after {
  background: linear-gradient(to bottom, rgba(254, 242, 245, 0), var(--plm-faded-warning));
}

.plm-alert-list.expanded::after {
  opacity: 0;
}

/*need linear gradient for info, warning and success*/
.alert .moreLess-alerts {
  font-weight: bold;
  cursor: pointer;
  margin-left: 3rem;
  background: none;
  border: none;
  text-decoration: none;
  font-size: var(--plm-fs-small);
  padding: 0;
  padding-top: 0.5rem;
}

.alert.alert-danger .moreLess-alerts {
  color: var(--plm-danger);
}
.alert.alert-info .moreLess-alerts {
  color: var(--plm-info);
}
.alert.alert-success .moreLess-alerts {
  color: var(--plm-success);
}
.alert.alert-warning .moreLess-alerts {
  color: var(--plm-warning);
}

.alert .moreLess-alerts:hover {
  color: var(--dark-5);
}

/*info*/
.alert-info {
  background-color: var(--plm-faded-info) !important;
  border-left: 4px solid var(--plm-info);
}
.alert-info svg {
  fill: var(--plm-info);
}

/*danger*/
.alert-danger {
  background-color: var(--red-bg) !important;
  border-left: 4px solid var(--plm-danger);
}
.alert-danger svg {
  fill: var(--plm-danger);
}

/*warning*/
.alert-warning {
  background-color: var(--plm-faded-warning) !important;
  border-left: 4px solid var(--plm-warning);
}
.alert-warning svg {
  fill: var(--plm-warning);
}

/*success*/
.alert-success {
  background-color: var(--plm-faded-success) !important;
  border-left: 4px solid var(--plm-success);
}
.alert-success svg {
  fill: var(--plm-success);
}

/*do not let the svg shrink*/
.alert .title svg {
  flex-shrink: 0;
}
/*========
Custom Notifications
===========*/
/*Notifications have left border*/
/*Notice do not have left border*/

/*this is the container to show top right floating notifications*/
#plm-notification-container {
  position: fixed;
  top: 3rem;
  right: 1.5rem;
  z-index: 145;
  min-width: 40rem;
  max-width: 40rem;
}

/*shadow for notifications*/
#plm-notification-container .alert {
  box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
}

/*===========
Custom information text
================*/
.alert.alert-info.noBorder,
.alert.alert-danger.noBorder,
.alert.alert-warning.noBorder,
.alert.alert-success.noBorder {
  border-left: none;
}

.alert .confinfo {
  display: flex;
  margin-bottom: 0.4rem;
  align-items: center;
  gap: 0.8rem;
}

.alert.alert-info .confinfo .title {
  color: var(--plm-info);
  font-size: var(--plm-fs-h3);
  line-height: var(--plm-lh-h3);
  font-weight: bold;
}

/*the info messages icon*/
.alert.alert-info .confinfo svg {
  fill: var(--plm-info);
}

/*the icon in all messages*/
.alert.alert-danger .fa {
  color: var(--plm-danger);
  margin-right: 1rem;
  display: none;
}
.alert.alert-success .fa {
  color: var(--plm-success);
}
.alert.alert-warning .fa {
  color: var(--plm-warning);
}
.alert.alert-info .fa {
  color: var(--plm-info);
}

/*the icon in failure messages*/
.alert.alert-danger h2 {
  color: var(--dark-6);
  font-weight: bold;
  font-size: var(--plm-fs-h3);
  line-height: var(--plm-lh-h3);
  margin-bottom: 0.8rem;
  margin-left: 2rem;
}

/*========
Colored Titles in Notifications, Notices and Banners
===========*/
.alert-success .color h3 {
  color: var(--plm-success);
  line-height: 1;
}
.alert-info .color h3 {
  color: var(--plm-info);
  line-height: 1;
}
.alert-warning .color h3 {
  color: var(--yellow-3);
  line-height: 1;
}
.alert-danger .color h3 {
  color: var(--plm-danger);
  line-height: 1;
}

/*==============
Custom error messages with details tables
====================*/
.alerts-product-ma-scopes-proposed-holder {
  border: 1px solid var(--dark-2);
  border-radius: 4px;
  background: var(--plm-white);
  padding: 2rem 3rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: var(--plm-fs-h3);
  line-height: var(--plm-lh-h3);
  margin: 0 auto;
  margin-top: 1rem;
  margin-left: 3rem;
}

.alerts-product-ma-scopes-proposed-holder .tableInfo {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.alerts-product-ma-scopes-proposed-holder .tableInfo .tableItem {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  color: var(--dark-6);
  gap: 2.5rem;
}

.alerts-product-ma-scopes-proposed-holder .tableInfo .tableItem .bold {
  font-weight: bold;
  min-width: 200px;
}

.alerts-product-ma-scopes-proposed-holder .tableInfo .tableItem .maNumber {
  max-width: 100ch;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.alert.alert-danger:has(.alerts-product-ma-scopes-proposed-holder),
.alert.alert-danger:has(.table.table-striped.table-fluid) {
  padding: 2.4rem;
}

.alert .table.table-striped.table-fluid {
  max-width: 550px;
  margin-top: 1rem;
  margin-left: 3rem;
  margin-bottom: 0;
}

/*========
inline alerts messages near fields
===========*/
.alert-danger-message-inline {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 0.8rem;
  margin-top: 0.8rem;
  color: var(--plm-danger);
  font-size: var(--plm-fs-h3);
  font-weight: normal;
  line-height: var(--plm-lh-h3);
}

.pageInnerHeader_danger .alert-danger-message-inline {
    padding: 1rem 5rem 1rem 2.4rem;
}

.alert-danger-message-inline svg {
  fill: var(--plm-danger);
  flex-grow: 0;
  flex-shrink: 0;
}

/*========
table cell highlight
===========*/
tr.error-highlight {
  border: 1px solid var(--plm-danger) !important;
  display: block;
  background: var(--red-bg) !important;
}

table.dataTable tr.error-highlight td,
.simpleTable tr.error-highlight td,
.table.table-striped.table-fluid tr.error-highlight td,
.table.table-striped tr.error-highlight td {
  background: none;
}

/*========
new info white alerts
===========*/
.alert.alert-white-info {
  background: var(--plm-white);
  border-radius: 6px;
  border: 1px solid var(--table-cell-border);
  padding: 1.6rem;
  color: var(--dark-5);
  position: relative;
  padding-left: 40px;
}

.alert.alert-white-info label {
  font-weight: normal;
}

.alert.alert-white-info label a {
  color: var(--plm-secondary) !important;
  text-decoration: underline;
}

.alert.alert-white-info::before {
  content: '';
  position: absolute;
  left: 1.6rem;
  top: 2rem;
  width: 16px;
  height: 16px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8.9307 6.58789L7.92875 11.293C7.85844 11.6328 7.95805 11.8262 8.23344 11.8262C8.4268 11.8262 8.71977 11.7559 8.91898 11.5801L8.83109 11.9961C8.54398 12.3418 7.91117 12.5938 7.36625 12.5938C6.66313 12.5938 6.3643 12.1719 6.55766 11.2754L7.29594 7.80664C7.36039 7.51367 7.3018 7.4082 7.00883 7.33789L6.55766 7.25586L6.63969 6.875L8.9307 6.58789ZM8 5.5C7.44772 5.5 7 5.05228 7 4.5C7 3.94772 7.44772 3.5 8 3.5C8.55229 3.5 9 3.94772 9 4.5C9 5.05228 8.55229 5.5 8 5.5Z" fill="%230D6EFD"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

/*========
Present proposed Manufacturer/organisation modal
===========*/

/*targets the present proposed section title for inner pages*/
.iFrameBodyClass.presentProposedIframeClass legend.section-title h3 {
  margin: 0;
  font-size: var(--plm-fs-h3);
  color: var(--plm-black);
  line-height: var(--plm-lh-h2);
  font-weight: bold;
}

/*targets the present proposed section title for org lookup modal*/
.iFrameBodyClass.orgLookupModalClass legend.section-title h3 {
  margin: 0;
  font-size: var(--plm-fs-h1);
  color: var(--plm-black);
  line-height: var(--plm-lh-h1);
  font-weight: normal;
}

/*the gap between present org and proposed org*/
.iFrameBodyClass.orgLookupModalClass fieldset[aria-label='Proposed Organisation'] legend {
  padding-top: 50px;
}

/*override for checkbox in changes in manufacturer modal*/
.iFrameBodyClass.orgLookupModalClass .crmEntityFormView .cell.checkbox-cell div.info {
  padding-left: 30px;
}

.iFrameBodyClass.orgLookupModalClass .crmEntityFormView .cell.checkbox-cell {
  padding-top: 1.6rem;
}

.iFrameBodyClass.orgLookupModalClass .crmEntityFormView .deleteOrganization .cell.checkbox-cell {
    padding-bottom: 1.6rem;
    padding-top: 0rem;
}

/*to unbold the checkbox label*/
.iFrameBodyClass.orgLookupModalClass .crmEntityFormView .cell.checkbox-cell label {
  font-weight: normal;
}

.iFrameBodyClass.orgLookupModalClass .crmEntityFormView .cell.checkbox-cell div.info,
.iFrameBodyClass.orgLookupModalClass .crmEntityFormView .cell.checkbox-cell div.control {
  padding-bottom: 0;
}

/*give padding to all td with .info but not the checkbox cell*/
table td .info {
  color: var(--black);
  font-size: var(--plm-fs-h3);
  line-height: var(--plm-lh-h3);
  margin-top: 0;
}

table td .info:not(td.clearfix.cell.checkbox-cell .info) {
  padding-bottom: 0;
}
/*only the td in the manufacturer modal*/
.iFrameBodyClass.orgLookupModalClass table td .info:not(td.clearfix.cell.checkbox-cell .info) {
  padding-top: 24px;
}

table td .info label {
  margin: 0;
  margin-bottom: 8px;
  font-size: var(--plm-fs-h3);
}

/*===========
styling for the organisation address
====================*/

.iFrameBodyClass.quickViewIframe legend.section-title,
.iFrameBodyClass.createNewAppOrgAddress legend.section-title,
.proceduralInfoContactOrgDetails legend.section-title {
  background-color: var(--blue-bg);
  padding: 0.3rem 3rem;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.iFrameBodyClass.quickViewIframe legend.section-title h3,
.iFrameBodyClass.createNewAppOrgAddress legend.section-title h3,
.proceduralInfoContactOrgDetails legend.section-title h3 {
  font-size: 16px;
  color: var(--plm-black);
  font-weight: bold;
  padding-bottom: 0;
  margin-top: 1rem;
}

/*this gives the blue bg and radius*/
.iFrameBodyClass.quickViewIframe table[data-name='tab_1_column_1_section_1'].section,
.iFrameBodyClass.quickViewIframe table[data-name='PresentProposedOrgDetails'].section,
.iFrameBodyClass.createNewAppOrgAddress table[data-name='PresentProposedOrgDetails'].section,
.proceduralInfoContactOrgDetails table[data-name='orgDetails'].section,
.ema-productui-iframebody #OrgAddress .section,
.ema-productui-iframebody #PSMFLInfo .section,
.ema-productui-iframebody #ManufecturerInformationContent .section,
.ema-productui-iframebody #ManufacturerQuickViewForm .section,
.ema-productui-iframebody #Manufacturer_Address .section,
.iFrameBodyClass.deviceOrgDetails .section {
  background-color: var(--blue-bg);
  padding: 2rem 3rem;
  padding-top: 0;
  border-radius: var(--border-radius-menu);
}

.ema-productui-iframebody #OrgAddress .section,
.ema-productui-iframebody #PSMFLInfo .section,
.ema-productui-iframebody #ManufecturerInformationContent .section,
.ema-productui-iframebody #ManufacturerQuickViewForm .section,
.iFrameBodyClass.deviceOrgDetails .section {
  padding-top: 1.6rem;
}

td:has(#OrgAddress) {
  border-right: 0;
}

/*create new application remove borders for readonly fields*/
.ema-productui-iframebody .crmEntityFormView .form-control.readonly,
.ema-productui-iframebody .form-readonly .form-control,
.iFrameBodyClass.deviceOrgDetails .form-readonly .form-control {
  border: none;
}

/*some inputs have a white bg*/
.iFrameBodyClass.quickViewIframe table input,
.iFrameBodyClass.createNewAppOrgAddress table input,
.proceduralInfoContactOrgDetails table input,
.ema-productui-iframebody .section input:not(input[type='checkbox']),
.iFrameBodyClass.deviceOrgDetails table input {
  background: transparent !important;
}

.ema-productui-iframebody td:has(iframe) {
  border: none !important;
}

html[dir=ltr] .crmEntityFormView .cell.crmquickform-cell:first-child:has(iframe){
  border-right: 0;
}

.ema-productui-iframebody label[for='ManufecturerInformationContent'] {
  display: none !important;
}

/*medicinal devices modal blue boxes height*/
#eAF_ManufOrgAddress,
#eAF_NotifiedBodyOrgDetails{
max-height: 450px;
}

/*a div is inserted via js to wrap info and control divs to make it a flex to show left and right*/
.iFrameBodyClass.quickViewIframe table .clearfix.cell.text.form-control-cell > div,
.iFrameBodyClass.createNewAppOrgAddress table .clearfix.cell.text.form-control-cell > div,
.iFrameBodyClass.quickViewIframe table .clearfix.cell.datetime.form-control-cell > div,
.iFrameBodyClass.createNewAppOrgAddress table .clearfix.cell.datetime.form-control-cell > div,
.proceduralInfoContactOrgDetails table .clearfix.cell.text.form-control-cell > div,
.proceduralInfoContactOrgDetails table .clearfix.cell.datetime.form-control-cell > div,
.ema-productui-iframebody #OrgAddress table .clearfix.cell.text.form-control-cell > div,
.ema-productui-iframebody #OrgAddress table .clearfix.cell.datetime.form-control-cell > div,
.ema-productui-iframebody #PSMFLInfo table .clearfix.cell.text.form-control-cell > div,
.ema-productui-iframebody #PSMFLInfo table .clearfix.cell.datetime.form-control-cell > div,
.ema-productui-iframebody #ManufecturerInformationContent table.section .clearfix.cell.text.form-control-cell > div,
.ema-productui-iframebody #ManufecturerInformationContent table.section .clearfix.cell.datetime.form-control-cell > div,
.ema-productui-iframebody #ManufacturerQuickViewForm table.section .clearfix.cell.text.form-control-cell > div,
.ema-productui-iframebody #ManufacturerQuickViewForm table.section .clearfix.cell.datetime.form-control-cell > div,
.ema-productui-iframebody #Manufacturer_Address table.section .clearfix.cell.text.form-control-cell > div,
.ema-productui-iframebody #Manufacturer_Address table.section .clearfix.cell.datetime.form-control-cell > div,
.ema-productui-iframebody #Manufacturer_Address table.section .clearfix.cell.text.form-control-cell > div,
.ema-productui-iframebody #Manufacturer_Address table.section .clearfix.cell.datetime.form-control-cell > div,
.iFrameBodyClass.deviceOrgDetails table.section .clearfix.cell.text.form-control-cell > div,
.iFrameBodyClass.deviceOrgDetails table.section .clearfix.cell.datetime.form-control-cell > div {
  display: flex;
  align-items: flex-start;
  padding-bottom: 1.2rem;
}

.ema-productui-iframebody #Manufacturer_Address table.section .clearfix.cell.text.form-control-cell > div label,
.ema-productui-iframebody #Manufacturer_Address table.section .clearfix.cell.datetime.form-control-cell > div label {
  margin-bottom: 0 !important;
}

.ema-productui-iframebody #Manufacturer_Address table.section .clearfix.cell.text.form-control-cell > div textarea,
.ema-productui-iframebody #Manufacturer_Address table.section .clearfix.cell.datetime.form-control-cell > div textarea,
.ema-productui-iframebody #Manufacturer_Address table.section .clearfix.cell.text.form-control-cell > div input,
.ema-productui-iframebody #Manufacturer_Address table.section .clearfix.cell.datetime.form-control-cell > div input,
.ema-productui-iframebody #PSMFLInfo table.section .clearfix.cell.text.form-control-cell > div textarea,
.ema-productui-iframebody #PSMFLInfo table.section .clearfix.cell.datetime.form-control-cell > div textarea,
.ema-productui-iframebody #PSMFLInfo table.section .clearfix.cell.text.form-control-cell > div input,
.ema-productui-iframebody #PSMFLInfo table.section .clearfix.cell.datetime.form-control-cell > div input,
.ema-productui-iframebody #OrgAddress table.section .clearfix.cell.text.form-control-cell > div textarea,
.ema-productui-iframebody #OrgAddress table.section .clearfix.cell.datetime.form-control-cell > div textarea,
.ema-productui-iframebody #OrgAddress table.section .clearfix.cell.text.form-control-cell > div input,
.ema-productui-iframebody #OrgAddress table.section .clearfix.cell.datetime.form-control-cell > div input {
  padding-top: 0 !important;
}

/* .proceduralInfoContactOrgDetails table .clearfix.cell.text.form-control-cell > div,
.proceduralInfoContactOrgDetails table .clearfix.cell.datetime.form-control-cell > div {
  align-items: center;
} */

.iFrameBodyClass.deviceOrgDetails .section{
  padding-top: 1.6rem;
}

.iFrameBodyClass.deviceOrgDetails table td .info{
  min-width: 260px;
}

.iFrameBodyClass.quickViewIframe table td .info {
  min-width: 170px;
}

.iFrameBodyClass.createNewAppOrgAddress table td .info,
.iFrameBodyClass.proceduralInfoContactOrgDetails table td .info {
  min-width: 240px;
}

.ema-productui-iframebody table td .info {
  min-width: 150px;
}

.iFrameBodyClass.quickViewIframe table td .info label,
.iFrameBodyClass.createNewAppOrgAddress table td .info label,
.iFrameBodyClass.proceduralInfoContactOrgDetails table td .info label,
.ema-productui-iframebody .quickform table td .info label {
  font-weight: normal !important;
  margin-bottom: 0;
  color: var(--dark-5);
}

.iFrameBodyClass.quickViewIframe table td .control input,
.iFrameBodyClass.quickViewIframe table td .control textarea,
.iFrameBodyClass.createNewAppOrgAddress table td .control input,
.iFrameBodyClass.createNewAppOrgAddress table td .control textarea,
.iFrameBodyClass.proceduralInfoContactOrgDetails table td .control input,
.iFrameBodyClass.proceduralInfoContactOrgDetails table td .control textarea,
.ema-productui-iframebody #Manufacturer_Address table td .control input,
.ema-productui-iframebody #Manufacturer_Address table td .control textarea,
.ema-productui-iframebody #PSMFLInfo table td .control input,
.ema-productui-iframebody #PSMFLInfo table td .control textarea,
.ema-productui-iframebody #OrgAddress table td .control input,
.ema-productui-iframebody #OrgAddress table td .control textarea,
.ema-productui-iframebody #ManufacturerQuickViewForm table td .control input,
.ema-productui-iframebody #ManufacturerQuickViewForm table td .control textarea,
.ema-productui-iframebody #ManufecturerInformationContent table td .control input,
.ema-productui-iframebody #ManufecturerInformationContent table td .control textarea {
  color: var(--plm-black);
  font-size: 14px;
  line-height: 20px;
  height: unset;
  padding: 0;
  border: none;
}

.iFrameBodyClass.quickViewIframe table td .info,
.iFrameBodyClass.createNewAppOrgAddress table td .info {
  padding-top: 0 !important;
}

/*address part in create new application page*/
.iFrameBodyClass.createNewAppOrgAddress .crmEntityFormView .cell {
  padding-bottom: 0 !important;
}

/*address part in create new application page*/
.iFrameBodyClass.createNewAppOrgAddress fieldset[aria-label='Organisation details'] {
  max-width: 550px;
}

.iFrameBodyClass.proceduralInfoContactOrgDetails table td {
  padding-bottom: 0;
}

.iFrameBodyClass.proceduralInfoCreateApplicationContact #OrgAddress {
  max-height: 300px;
}

.iFrameBodyClass.proceduralInfoCreateApplicationContact .form-custom-actions {
  display: none;
}

.iFrameBodyClass.proceduralInfoCreateApplicationContact .crmEntityFormView .cell {
  padding-left: 3rem;
}

/*PSMFL and QPPV Contact iframes*/
.pui-ro-rw-right-content #PSMFLInfo {
  min-height: 220px;
}

.ema-productui-iframebody #ManufacturerQuickViewForm {
  min-height: 300px;
}

/* iframe#OrgAddress {
  min-height: 400px;
} */

/*marketing authorisation information*/
.appcontacts {
  height: 800px !important;
}

/*==========
all the generice lookup single select and multi-select
==============*/
.lookup-modal ul.nav li a,
.associate-lookup ul.nav li a {
  color: var(--plm-secondary);
}

.lookup-modal .table.table-fluid.table-hover th,
.associate-lookup .table.table-fluid.table-hover th {
  padding: 2rem 1.6rem 1.6rem 1rem;
  background-color: var(--plm-light-blue);
  vertical-align: middle;
}

.lookup-modal .table.table-fluid.table-hover th a,
.associate-lookup .table.table-fluid.table-hover th a {
  color: var(--black);
}

.lookup-modal .table.table-fluid.table-hover th a:hover,
.associate-lookup .table.table-fluid.table-hover th a:hover {
  text-decoration: none;
}

.lookup-modal .modal-lg,
.associate-lookup .modal-lg {
  width: 95%;
}

.lookup-modal .input-group.pull-left.view-search.entitylist-search input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.lookup-modal .table-hover > tbody > tr > td,
.associate-lookup .table-hover > tbody > tr > td {
  color: var(--dark-6);
  font-size: var(--plm-fs-small);
  word-wrap: break-word;
  white-space: normal;
  max-width: 150px;
}

/*for finalization org lookup modal*/
#ema_billingaddress_lookupmodal.lookup-modal .table-hover > tbody > tr > td {
  max-width: unset;
}

.lookup-modal .table-hover > tbody > tr:hover,
.lookup-modal .entity-grid .view-grid > .table-hover > tbody > tr.info:hover > td,
.associate-lookup .table-hover > tbody > tr:hover,
.associate-lookup .entity-grid .view-grid > .table-hover > tbody > tr.info:hover > td {
  background-color: var(--blue-bg);
  cursor: pointer;
}

.lookup-modal .entity-grid .view-grid > table > tbody > tr.info > td,
.associate-lookup .entity-grid .view-grid > table > tbody > tr.info > td {
  background-color: var(--blue-bg);
  font-weight: normal;
  color: #000;
  font-size: var(--plm-fs-small);
}

.lookup-modal span[role='checkbox'] {
  border: 2px solid var(--dark-5);
  background-color: var(--plm-white);
  padding: 2px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
}

.lookup-modal .selected.info span[role='checkbox'] {
  background: var(--plm-secondary);
  border: 2px solid var(--plm-secondary);
  color: var(--plm-white);
}

.associate-lookup span[role='checkbox'] {
  border: 2px solid var(--dark-5);
  background-color: var(--plm-white);
  padding: 2px;
  width: 22px;
  height: 22px;
}

.associate-lookup .selected.info span[role='checkbox'] {
  background: var(--plm-secondary);
  border: 2px solid var(--plm-secondary);
  color: var(--plm-white);
}

.entity-associate .selected-records .item {
  margin-right: 0;
  margin-bottom: 0;
  cursor: default;
  display: flex;
  gap: 0.8rem;
  margin-right: 1rem;
}

.entity-associate .selected-records .item.btn-default {
  border: 1px solid var(--plm-secondary);
  color: var(--plm-secondary);
}

/*===================
Entity lookup modal buttons
==================*/
.btn.btn-default.launchentitylookup,
.entitylist-search div.input-group-btn button.btn.btn-default.btn-hg {
  background: var(--plm-secondary);
  color: var(--plm-white);
  border: 1px solid var(--plm-secondary);
}
.btn.btn-default.launchentitylookup:hover,
.entitylist-search div.input-group-btn button.btn.btn-default.btn-hg:hover {
  background: var(--plm-primary);
  color: var(--plm-white);
  border: 1px solid var(--plm-primary);
}

/*==========
Create New application
==============*/
.full-page-template.createNewApplication .crmEntityFormView td.cell {
  padding-left: 0;
}

/*author page, remove right padding*/
.full-page-template.createNewApplication .crmEntityFormView td.clearfix.cell.subgrid-cell {
  padding-right: 0;
  padding-bottom: 0;
}

.full-page-template.createNewApplication fieldset[aria-label='Applicants'] {
  margin-bottom: 0;
}

/*hide the repeating div border*/
.full-page-template.createNewApplication .eAF-toolbar-holder {
  border-bottom: none;
}
/*remove actions wrapper border*/
.full-page-template.createNewApplication .crmEntityFormView .actions {
  border-top: none;
  margin: 0;
  padding: 0;
  margin-top: 2rem;
}

.full-page-template.createNewApplication .crmEntityFormView .actions .col-sm-6 {
  padding: 0;
}

/*this page has datatabs snippet repeating for tabs, and the border needs to be removed*/
.full-page-template.createNewApplication .eAF-toolbar-holder {
  border: none;
}

/*btn group remove spacing*/
html[dir='ltr'] .full-page-template.createNewApplication .crmEntityFormView .actions .btn:first-child {
  margin-right: 0;
}

/*search filter*/
#frommyorganisationsTable_wrapper #frommyorganisationsTable_filter.dataTables_filter {
  padding-top: 1rem;
}

/*search input*/
#frommyorganisationsTable_wrapper #frommyorganisationsTable_filter input[type='search'] {
  margin-left: 0;
}

/*move the column options*/
#frommyorganisationsTable_wrapper .dt-buttons.btn-group {
  position: absolute;
  top: 10px;
  left: 280px;
}

/*remove the border*/
#frommyorganisationsTable_wrapper .dt-buttons button {
  border: none;
  color: var(--plm-secondary);
}

/*standalone page for view co authors*/
.full-page-template.createNewApplication #Applicants .entity-grid.subgrid {
  padding-top: 1rem;
}

#frommyorganisationsTable_info.dataTables_info {
  padding-left: 0;
}

/*step 1- organisation details blue box part*/
.createNewApplication .quickform {
    max-height: 450px;
}

/*for add co author button*/
.full-page-template.createNewApplication .pull-right.toolbar-actions {
  float: left !important;
}

/*co author page tool tip*/
.input-group.pull-left:has(#addcoauthorToolTip) {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* .full-page-template.createNewApplication .pull-left.toolbar-actions .input-group.pull-left,
.full-page-template.createNewApplication .pull-right.toolbar-actions .input-group.pull-left {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
} */

/*==========
Multi step form - Stepper customization
==============*/
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: var(--blue-1);
  color: var(--plm-secondary);
  border-color: var(--plm-secondary);
  border: none;
  border-bottom: 4px solid var(--plm-secondary);
}

/*==========
OTB Modal Footer buttons order
==============*/
.modal-footer .btn-primary {
  order: 1;
  margin-left: 0.5rem;
}

/*==========
Product Selection
==============*/
#productSelectionTable_filter.dataTables_filter,
#ToggleSelectedProductsTable_filter.dataTables_filter,
#availableProductsTable_filter.dataTables_filter {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.2rem;
}

#productSelectionTable_filter.dataTables_filter label {
  margin-bottom: 0;
}

div[data-name='Product_Selection'] fieldset[aria-label='Section'] {
  margin-bottom: 0;
}

div[data-name='Product_Selection'] fieldset[aria-label='Section'] div.info label,
#availableProductsTable_wrapper div.info label,
#ToggleSelectedProductsTable_wrapper div.info label {
  margin: 0px 16px 12px 16px;
  margin-left: 0;
  color: var(--plm-black);
  font-size: var(--plm-fs-h3);
  line-height: var(--plm-lh-h3);
  font-weight: normal;
}

/*input search filter customization*/
input.filter {
  border-radius: 4px;
  padding: 8px 12px 8px 16px;
  font-weight: normal;
  color: var(--dark-6);
}

input.filter:focus,
input.filter:focus-visible {
  border: 1px solid var(--plm-secondary);
  box-shadow: 0px -4px 4px 0px rgba(13, 110, 253, 0.04), 0px 4px 5px 0px rgba(13, 110, 253, 0.04), 0px 0px 10px 0px rgba(13, 110, 253, 0.04), 0px 2px 4px 0px rgba(13, 110, 253, 0.04);
  outline: none;
}

input.filter::placeholder {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  color: var(--dark-3);
}

/*product selection inner page*/
#availableProductsTable_wrapper .dt-buttons,
#ToggleSelectedProductsTable_wrapper .dt-buttons,
#productSelectionTable_wrapper .dt-buttons {
  margin: 1rem var(--spacing-left-right);
}

/*column options in product selection*/
#associateMRPVariationNumberTable_wrapper .dt-buttons {
  position: absolute;
  left: 330px;
  top: 1rem;
}

/*add spacing to the column options and search*/
#associateMRPVariationNumberTable_filter {
  padding: 1rem var(--spacing-left-right);
  text-align: left;
}

/*main page product selection data table height to display column options in case of low data in table*/
#productSelectionTable_wrapper .dataTables_scrollBody {
  min-height: 500px;
}

/*product selection input width*/
#productSelectionTable_filter.dataTables_filter input[type='search'],
#availableProductsTable_filter.dataTables_filter input[type='search'],
#ToggleSelectedProductsTable_filter.dataTables_filter input[type='search'] {
  width: 320px;
}

/*==========
inline table search input fields
==============*/

th.filterth {
  background-color: transparent !important;
}

/*clear filter button*/
th.filterth input.flt-lt,
th.filterth input.flt-lt:hover {
  background-color: white;
  color: var(--plm-secondary);
  border: none;
  width: fit-content !important;
  padding: 0;
}
th.filterth input.flt-lt:hover {
  color: var(--plm-primary);
  padding: 0;
}

/*==========
expand collapse in datatables & modals
==============*/

/*used inside table of epi list page*/
.procedure-toggle {
  max-width: 200px;
  word-break: break-word;
  overflow-wrap: break-word;
  color: var(--plm-black);
  line-height: var(--plm-lh-h3);
  font-size: var(--plm-fs-h3);
}

/*use for modal procedure numbers holder*/
.modal-body .procedure-toggle {
  max-width: unset;
  margin-top: 1rem;
  max-height: 100px;
  overflow: auto;
}

.procedure-toggle span.arrow,
.procedure-toggle-banner span.arrow-banner {
  cursor: pointer;
}

.procedure-toggle span.arrow:hover svg {
  fill: var(--plm-black);
}

.procedure-toggle a.expand-procedures {
  color: var(--plm-black);
  text-decoration: none;
  min-width: 50px;
}

/*for the procedure number list in the modal*/
.modal-body .procedure-toggle .procedure-list {
  padding-left: 15rem !important;
  font-weight: bold;
}

/*for the procedure number list in the table*/
.procedure-toggle .procedure-list {
  padding-left: 2.5rem !important;
}

/*for the procedure number list in/below the blue box in create new epi*/
.epiApplicationList .procedure-toggle .procedure-list {
  padding-left: 2.5rem !important;
}

/*used in epi list page*/
.procedureNumber-expandCollapse {
  display: flex;
  gap: 0.4rem;
  align-items: flex-start;
  justify-content: flex-start;
  cursor: pointer;
  color: var(--plm-black);
  line-height: var(--plm-lh-h3);
  font-size: var(--plm-fs-h3);
}

/*step 1 in create new epi*/
.procedure-number-text.procedureNumber-expandCollapse {
  align-items: center;
}

.procedure-toggle-banner .procedureNumber-expandCollapse {
  font-size: 12px;
  line-height: 1;
}

.procedure-toggle-banner a {
  color: inherit;
  text-decoration: none;
}

.epiApplicationList td .procedureNumber-expandCollapse,
.epiApplicationList td .procedure-toggle {
  font-size: 14px;
}

/*making it bold, only for modals*/
.modal .modal-body .procedureNumber-expandCollapse .first-procedure,
.modal .modal-body .procedureNumber-expandCollapse .expand-procedures {
  font-weight: bold;
}

/*keep min width for the svg so that it does not collapse*/
.procedureNumber-expandCollapse svg {
  min-width: 20px;
}

/*the svg icon in meta data in the header*/
span.pencil svg {
  max-height: 13px;
}

/*the expanded list - create new epi*/
.procedure-numbers-list {
  padding-left: 2.4rem;
  color: var(--plm-black);
  line-height: var(--plm-lh-h3);
  font-size: var(--plm-fs-h3);
}

/*the add more procedure numbers link - create new epi and modal to add/edit proc no.*/
.addEditProcedureLinkStyle {
  cursor: pointer;
  color: var(--plm-secondary);
  font-size: var(--plm-fs-text);
  margin-top: 0.8rem;
}

.addEditProcedureLinkStyle:hover {
  color: var(--plm-primary);
}

/*add/edit procedure numbers in the modal*/
/*div that holds the procedure numbers*/
.procedureNumbersContainer {
  max-height: 350px;
  overflow-y: auto;
}

.procedureNumbersContainer .procedure-number-banner,
.procedureNumbersContainer .procedure-number {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 2.4rem !important;
}

.procedureNumbersContainer .remove-btn {
  cursor: pointer;
  display: flex;
}

.procedureNumbersContainer .remove-btn:hover svg {
  fill: var(--plm-primary);
}

/*add/edit procedure number modal, export modal*/
#procedureModal .modal-dialog.modal-sm,
#procedureModalBanner .modal-dialog.modal-sm,
#exportModal .modal-dialog.modal-sm {
  width: 70%;
}

@media screen and (min-width: 1024px) {
  #procedureModal .modal-dialog.modal-sm,
  #procedureModalBanner .modal-dialog.modal-sm,
  #exportModal .modal-dialog.modal-sm {
    max-width: 700px;
  }
}

/*==========
bootstrap pagination override
==============*/
.pagination > li > a,
.pagination > li > span {
  color: var(--plm-link-new);
  border: none;
  padding-block: 4px;
  background-color: #fff;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover {
  background-color: white !important;
  color: black;
  font-weight: bold;
}
.pagination > li > a:hover {
  background-color: white !important;
  color: black;
}

/* .pagination li.previous a {
  padding-left: 4px;
}
.pagination li.previous::before {
  content: '<';
  color: var(--plm-link-new);
}

.pagination li.next a {
  padding-right: 4px;
}
.pagination li.next::after {
  content: '>';
  color: var(--plm-link-new);
} */

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: var(--plm-link-new);
}

/*==========
ePI public view
==============*/
.infoMessagePublicView {
  margin-top: 1rem;
}
.infoMessagePublicView p {
  margin: 0;
}

/*==========
Create new ePI
==============*/
.container-custom.epiListAndCreateNew .crmEntityFormView .cell {
  padding-left: 0;
  padding-right: 0;
}

.container-custom.epiListAndCreateNew .crmEntityFormView tr:last-child .cell {
  padding-bottom: 0;
}

.container-custom.epiListAndCreateNew .crmEntityFormView fieldset {
  margin-bottom: 0;
}

.container-custom.epiListAndCreateNew .actions {
  border: 0;
  padding: 0;
  margin: 0;
}

.container-custom.epiListAndCreateNew .actions .col-sm-6 {
  padding-left: 0;
}

.container-custom.epiListAndCreateNew .actions .col-sm-6 .btn {
  margin: 0 !important;
}

td[data-attribute='ema_procedurenumber'] {
  word-wrap: break-word;
  white-space: normal;
  max-width: 150px; /* Adjust as needed */
}

button.btn.btn-link.remove-btn {
  font-size: 18px;
}

/*only here*/
.fa-check:before {
  line-height: 1.2;
}

/* Temporay Css for Modal spinner */
.loadingoverlay_eAF .overlayUI {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: #ffffff;
  z-index: 50;
  backdrop-filter: blur(10px);
  opacity: 1;
}

/* Temporay Css for Modal spinner */
.loadingoverlay_eAF .overlay_contentUI {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

/*the checkboxes in create new epi step 1 and step 4*/
html[dir='ltr'] .epiListAndCreateNew .crmEntityFormView .cell .picklist input[type='radio'] {
  position: relative;
  top: 10px;
}

html[dir='ltr'] .epiListAndCreateNew .crmEntityFormView .cell .picklist input[type='radio'] + label {
  margin-bottom: 0;
}

html[dir='ltr'] .epiListAndCreateNew .document-item input[type='radio'] {
  position: relative;
  top: 5px;
  margin-right: 0.5rem;
}

html[dir='ltr'] .epiListAndCreateNew .document-item input[type='radio'] + label {
  margin-bottom: 0;
}

/*remove the right side border near the blue box*/
html[dir='ltr'] .epiListAndCreateNew .crmEntityFormView .cell.crmquickform-cell:first-child {
  border-right: none;
}

/* Step 4 */
#linkdetails h2 {
  color: var(--plm-black);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 140% */
}

#linkdetails p {
  color: var(--dark-5);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

/*radio controls in step 4*/
#document-list {
  margin-bottom: 4rem;
}

#document-list .document-item:not(:last-child) {
  margin-bottom: 0.5rem;
}

/*buttons at the bottom*/
.epiListAndCreateNew #NextButton {
  margin-right: 1rem !important;
}

/*============
blue box for medicinal product
====================*/
body.ePIDetails {
  background: var(--plm-light-blue);
  padding: 20px 30px 0px 30px;
  margin: 0;
}

.epiListAndCreateNew .procedure-toggle {
  background: var(--plm-light-blue);
  padding: 0px 30px 20px 30px;
  max-width: 100%;
  border-bottom-left-radius: var(--border-radius-menu);
  border-bottom-right-radius: var(--border-radius-menu);
}

.epiListAndCreateNew iframe.quickform + .procedure-toggle .procedure-list {
  padding-left: 32rem !important;
}

.epiListAndCreateNew iframe.quickform + .procedure-toggle .procedure-number-label {
  color: var(--dark-5);
}

.epiListAndCreateNew iframe.quickform + .procedure-toggle .arrow-existing {
  padding-left: 18rem;
}

body.ePIDetails .crmEntityFormView .cell {
  padding: 0;
}

body.ePIDetails table .clearfix.cell.form-control-cell > div {
  display: flex;
  align-items: flex-start;
  padding-bottom: 1.2rem;
}

body.ePIDetails .info {
  /* flex-basis: 50%; */
  min-width: 300px;
}

body.ePIDetails .info label {
  margin: 0;
  font-weight: normal;
  color: var(--dark-5);
}

body.ePIDetails .control input {
  background: transparent;
  padding: 0;
}

/*============
Types of changes
================*/

.disabled-clone {
    pointer-events: none;         
    opacity: 0.5;    
    cursor: not-allowed;         
  }

/*hide the refesh button near datatable*/
div[data-name='Types of Changes'] .dt-buttons {
  display: none;
}

div[data-name='Types of Changes'] #ParentTable_filter.dataTables_filter {
  display: flex;
  gap: 1.2rem;
  justify-content: flex-end;
  padding-right: var(--spacing-left-right);
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}

/*types of changes input width*/
div[data-name='Types of Changes'] #ParentTable_filter.dataTables_filter input[type='search'] {
  width: 320px;
}

div[data-name='Types of Changes'] .table.table-striped td .dropdown.action {
  text-align: left !important;
}

div[data-name='Types of Changes'] td > .dropdown.action .btn {
  border: none;
  padding: 0;
}

div[data-name='Types of Changes'] td > .dropdown.action .btn:hover {
  background: none;
}

div[data-name='Types of Changes'] td > .dropdown.action .btn:hover svg {
  fill: var(--plm-primary);
}

div[data-name='Types of Changes'] .dataTables_wrapper .dropdown .btn-group {
  gap: 2rem;
}

.typesOfChangesInner .row,
.typesOfChangesInner [class*='col-'] {
  margin: 0 !important;
  padding: 0 !important;
}

.typesOfChangesInner #ScopeCondTable.dataTable td,
.typesOfChangesInner #ScopeDocTable.dataTable td {
  padding: 0 !important;
  /* border: none; */
}

html[dir='ltr'] .typesOfChangesInner .crmEntityFormView .tab .tab-column {
  padding-left: 0;
}

/*giving extra padding to the notifications*/
/* .typesOfChangesInner .container-custom {
  padding-top: 3rem;
  padding-bottom: 3rem;
} */

/*read only form input*/
/* .typesOfChangesInner .crmEntityFormView .form-control.readonly {
  border: 1px solid var(--dark-5);
  padding: 0.8rem 1.6rem;
  opacity: 0.4;
} */

/*types of changes selected scope modal*/
.typesOfChangesInner .entity-associate .view-grid,
.entity-lookup .view-grid {
  height: unset;
}

.typesOfChangesInner .entity-grid .message {
  margin: 0;
}

/*fieldset spacing in types of changes*/
.typesOfChangesInner fieldset {
  margin-bottom: 1.6rem;
}

/*removed border from td from questions radio part*/
.typesOfChangesInner #ScopeCondTable_wrapper td,
.typesOfChangesInner #ScopeDocTable_wrapper td {
  border-bottom: none;
}

/*===============
Nested tables - Types of changes
=============*/
div[data-name='Types of Changes'] .table > tbody > tr > td {
  border-top: none;
}

div[data-name='Types of Changes'] .table > tbody > tr > td.identifier-column {
  color: var(--plm-secondary) !important;
}

tr.childResult td.childResult {
  background-color: var(--dark-1);
}

tr.childResult td.childResult table.dataTable {
  background: transparent;
}

tr.childResult td.childResult table.dataTable thead:first-child tr:first-child th {
  background: transparent;
  border: none;
  padding: 1.2rem 1.6rem !important;
}

tr.childResult td.childResult table.dataTable tbody tr td,
tr.childResult td.childResult .table.table-striped.table-fluid tbody:first-child tr:first-child td {
  background: transparent;
  padding: 1.2rem 1.6rem !important;
}

tr.childResult td.childResult .table > thead > tr > th,
tr.childResult td.childResult .table > thead > tr > td,
tr.childResult td.childResult .table > tbody > tr > th,
tr.childResult td.childResult .table > tbody > tr > td,
tr.childResult td.childResult .table > tfoot > tr > th,
tr.childResult td.childResult .table > tfoot > tr > td {
  border-top: none !important;
}

tr.childResult td.childResult table.dataTable tr:last-child td {
  border-bottom: none;
}

/*=======================
Custom questionaire with custom radio
=================================*/
.typesOfChangesScopesHolder {
  color: var(--dark-6);
  font-size: 16px;
  padding-left: 0;
  padding-bottom: 0;
}

.typesOfChangesQuestionsHeading {
  color: #000;
  line-height: var(--plm-lh-h3);
  font-size: var(--plm-fs-h3);
  margin: 0;
  padding-bottom: 0.4rem;
}

.typesOfChangesQuestionsSubheading {
  color: var(--dark-6);
  line-height: var(--plm-lh-h3);
  font-size: var(--plm-fs-h3);
  margin: 0;
}

.typesOfChangesScopesHolder .eachScopeQuestion {
  display: flex;
  gap: 0.4rem;
  padding-top: 1.2rem;
  max-width: 1045px;
  border-bottom: 1px solid var(--Table-Cell-Border, #cfdaf5);
  padding-bottom: 1.2rem;
}

.typesOfChangesScopesHolder .eachScopeQuestion:last-child:not(:only-child) {
  border-bottom: none;
}

.typesOfChangesScopesHolder .questionNumber {
  flex-shrink: 0;
}

.typesOfChangesScopesHolder .questionAnswerHolder {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  width: 100%;
}

div[data-name='Add-Edit Scope'] .tab-column {
  width: 100%;
}

.typesOfChangesScopesHolder .questionAnswerHolder .answer {
  display: flex;
  gap: 1.2rem;
  align-items: flex-start;
}

.typesOfChangesScopesHolder .questionAnswerHolder .textAreaAdditionalNotes {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.typesOfChangesScopesHolder .questionAnswerHolder .textAreaAdditionalNotes label {
  font-weight: bold;
  margin-bottom: 0;
}

.typesOfChangesScopesHolder .questionAnswerHolder .textAreaAdditionalNotes textarea {
  max-width: 630px;
}

/* .typesOfChangesScopesHolder .textAreaAdditionalNotes.caseAddNote,
.typesOfChangesScopesHolder .textAreaAdditionalNotes.caseNo,
.typesOfChangesScopesHolder .removeNote {
  display: none;
} */

.typesOfChangesScopesHolder .questionAnswerHolder .textAreaAdditionalNotes.error textarea {
  border: 1px solid var(--plm-danger);
}

.custom-radio-button-group {
  display: flex;
  gap: 1.2rem;
}

.custom-radio-button-group label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  padding: 0.8rem 1.6rem;
  gap: 0.8rem;
  border-radius: var(--border-radius-menu);
  color: var(--plm-secondary);
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-bottom: 0;
  font-weight: normal !important;
  background-color: var(--dark-1);
}

.custom-radio-button-group label:hover {
  background-color: var(--plm-secondary);
  color: var(--plm-white);
}

.custom-radio-button-group input {
  display: none;
}

.custom-radio-button-group input:checked + label {
  background-color: var(--plm-secondary);
  color: white;
}

.custom-radio-button-group input + label > svg {
  flex-shrink: 0;
}

.custom-radio-button-group input:checked + label > svg {
  fill: var(--plm-white);
}

.custom-radio-button-group input + label:hover > svg {
  fill: var(--plm-white);
}

.typesOfChangesScopesHolder .addNote,
.typesOfChangesScopesHolder .removeNote {
  color: var(--plm-secondary);
}

.typesOfChangesScopesHolder .addNote:hover,
.typesOfChangesScopesHolder .removeNote:hover {
  color: var(--plm-secondary);
  background-color: var(--dark-1) !important;
}

/*=======================
Procedural info
=================================*/
/*gives fieldset border and margin*/
.right-side-content-wrapper.proceduralInfo fieldset {
  border-bottom: 1px solid var(--table-cell-border);
  padding-bottom: 2rem;
  margin-bottom: 2rem !important;
}

/*hides the last fieldset border*/
.right-side-content-wrapper.proceduralInfo fieldset:last-child {
  border-bottom: none;
  margin-bottom: 0 !important;
}

/*hides the table headers only for first 2 field sets*/
.right-side-content-wrapper.proceduralInfo fieldset:first-child .view-grid thead,
.right-side-content-wrapper.proceduralInfo fieldset .display.dataTable thead {
  display: none;
}

/*give reduced spacing to the proc number input*/
.right-side-content-wrapper.proceduralInfo .procedureNumbersContainer .procedure-number {
  margin-bottom: 0.8rem !important;
}

/*stops the float from happening*/
html[dir='ltr'] .right-side-content-wrapper.proceduralInfo .crmEntityFormView .cell .field-label {
  float: none;
}

/*aligns the tool tip icons*/
.right-side-content-wrapper.proceduralInfo .info label svg {
  position: relative;
  top: 2px;
  margin-left: 0.8rem;
}

/*gives full width to the blue box surrounding the address*/
.iFrameBodyClass.createNewAppOrgAddress.proceduralinfo fieldset[aria-label='Organisation details'] {
  max-width: unset;
}

/*hides the border for address part*/
html[dir='ltr'] .right-side-content-wrapper.proceduralInfo .crmEntityFormView .cell.crmquickform-cell:first-child {
  border-right: none;
}

/*rectifies the checkbox jump*/
.right-side-content-wrapper.proceduralInfo #ema_inclalineextension {
  position: relative;
}

/*removes table border*/
/*only for the fieldset 1*/
.right-side-content-wrapper.proceduralInfo fieldset:first-child table.dataTable,
.right-side-content-wrapper.proceduralInfo fieldset:first-child .simpleTable,
.right-side-content-wrapper.proceduralInfo fieldset:first-child .table.table-striped.table-fluid {
  border: none !important;
}

/*removes border, padding only these table tds for this page (procedural info)*/
.right-side-content-wrapper.proceduralInfo fieldset:first-child table.dataTable td,
.right-side-content-wrapper.proceduralInfo fieldset:first-child .simpleTable td,
.right-side-content-wrapper.proceduralInfo fieldset:first-child .table.table-striped.table-fluid td {
  border: none;
  padding: 0 !important;
  color: var(--dark-5) !important;
  padding-bottom: 0.8rem !important;
}

@media (max-width: 767px) {
  .right-side-content-wrapper.proceduralInfo .table-fluid tr {
    overflow: hidden;
    border-top: none !important;
  }
}

/*nested checkbox*/
.right-side-content-wrapper.proceduralInfo .table.table-striped.table-fluid > tbody > tr > td[data-value='Following urgent safety restriction']:has(input[type='checkbox']) {
  padding-left: 3rem !important;
}

/*limits the select inputs width*/
.right-side-content-wrapper.proceduralInfo .custom-dropdown-v2:has(#ema_referencememberstate) {
  max-width: 500px;
}

/*max height for the procedure number container*/
.right-side-content-wrapper.proceduralInfo .procedureNumbersContainer {
  max-height: 150px;
}

/*the gap between each individual section*/
.eaf-right-content .right-side-content-wrapper.proceduralInfo .crmEntityFormView .cell {
  padding-bottom: 2rem !important;
}

/*combines the 2 sections*/
/* .eaf-right-content .right-side-content-wrapper.proceduralInfo .crmEntityFormView .cell:has(#ema_typeofapplication_entityname) {
  padding-bottom: 0rem !important;
} */

/*no padding for the checkboxes cells*/
.eaf-right-content .right-side-content-wrapper.proceduralInfo .crmEntityFormView .cell.checkbox-cell {
  padding-bottom: 0 !important;
}

/*give padding to the last checkbox*/
.eaf-right-content .right-side-content-wrapper.proceduralInfo .crmEntityFormView .cell.checkbox-cell:has(#ema_iggroupingtypeoneavariations_label) {
  padding-bottom: 2rem !important;
}

/*gives the center vertical spacing between tds*/
.eaf-right-content .right-side-content-wrapper.proceduralInfo .crmEntityFormView .cell:first-child {
  padding-right: 3rem !important;
}

/*worksharing and super-grouping checkboxes*/
html[dir='ltr'] .right-side-content-wrapper.proceduralInfo .crmEntityFormView .cell.checkbox-cell div.info {
  padding-left: 0.8rem !important;
  padding-bottom: 0.8rem !important;
}

/*label checkboxes font-weight normal*/
.right-side-content-wrapper.proceduralInfo label#ema_inclalineextension_label,
.right-side-content-wrapper.proceduralInfo label#ema_worksharing_label,
.right-side-content-wrapper.proceduralInfo label#ema_iggroupingtypeoneavariations_label {
  font-weight: normal;
  color: var(--dark-6);
}

/*changes concern checkbox label color*/
.right-side-content-wrapper.proceduralInfo fieldset:first-child .table.table-striped.table-fluid td:has(input[type='checkbox']) {
  color: var(--dark-6) !important;
}

/*label color and input color and padding*/
.right-side-content-wrapper.proceduralInfo #ema_typeofapplication_name,
.right-side-content-wrapper.proceduralInfo #ema_domain_name {
  color: var(--dark-5);
  border: none;
  padding-left: 0;
}

.right-side-content-wrapper.proceduralInfo h3.form-subgrid-heading {
  font-family: var(--font-family);
}

/*hide the validators*/
.right-side-content-wrapper.proceduralInfo .crmEntityFormView div.validators {
  display: none;
}

/*change concern part*/
.right-side-content-wrapper.proceduralInfo .info.required.changeConcern,
.right-side-content-wrapper.proceduralInfo .subHeading {
  display: block;
}

.right-side-content-wrapper.proceduralInfo .subHeading {
  color: var(--dark-5);
  font-size: var(--plm-fs-h3);
  font-style: normal;
  font-weight: 400;
  line-height: var(--plm-lh-h3);
}

/*create application contact iframe*/
#AppContactModal {
  height: 77vh;
  max-height: 800px;
}

/*the member state pills, select and the suggestion box*/
.msos-container,
.msos-filter-container {
  font-family: var(--font-family) !important;
}

/* .msos-filter-container {
  padding: 5px 1.6rem;
} */

.msos-container.msos-container {
  min-height: unset !important;
  padding: 0 !important;
}

.msos-caret-container {
  background-color: var(--plm-secondary);
  color: var(--plm-white);
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}

.msos-selection {
  max-height: 180px !important;
}

#ema_memberstatelist_i.msos-container.msos-none-selected {
  border-radius: 4px;
  border: 1px solid var(--dark-5) !important;
  cursor: pointer;
}

#ema_memberstatelist_i .msos-input-container {
  justify-content: flex-start;
  padding: 0.8rem 1.2rem 0.8rem 1.6rem;
}

.msos-selection-container {
  border-radius: 4px;
  /* Menu */
  box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
  margin-top: 2rem;
  padding-top: 0;
  border: none;
}

.msos-input-container {
  justify-content: flex-start;
  padding-left: 0;
}

.msos-input-container .selected-record {
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
}

.msos-input-container .selected-record div {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  border-radius: var(--border-radius-menu);
  background-color: var(--blue-1);
  padding: 0.2rem 0.4rem;
}

.msos-input-container .selected-record div svg {
  width: 16px;
  height: 16px;
}

.msos-input-container .selected-record div svg:hover {
  fill: var(--plm-primary);
}

/*auto suggest hover and background colors*/
.msos-option-selected,
.msos-option-selected:hover,
.msos-option:hover {
  background-color: var(--blue-1);
  color: var(--plm-primary);
}

/*add contact modal, org lookup*/
.proceduralInfoCreateApplicationContact.modal-open .modal-body {
  padding: 0.8rem;
}

/*============
Custom select arrow
================*/
.custom-dropdown-v2 {
  position: relative;
  display: inline-block;
  width: 100%;
}

.custom-dropdown-v2.disabled {
  opacity: 0.9;
  cursor: not-allowed;
}

.custom-dropdown-v2 select:disabled,
.custom-dropdown-v2 select:disabled + .dropdown-arrow-v2 {
  opacity: 0.9;
  cursor: not-allowed;
}

.custom-dropdown-v2 select {
  width: 100%;
  padding: 8px;
  border-radius: 4px;
  appearance: none; /* Hide default dropdown arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: var(--plm-white);
  padding-right: 40px; /* Make space for the custom arrow */
  cursor: pointer;
}

.dropdown-arrow-v2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 47px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0px 4px 4px 0px;
  /* border: 1px solid var(--plm-secondary); */
  background: var(--plm-secondary);
  pointer-events: none;
}

/*=================
eAF Additional Information page
==================*/
/*rectifies the checkbox jump*/
.right-side-content-wrapper.additionaInfo input[type='checkbox'] {
  position: relative;
}

/*gives fieldset border and margin*/
.right-side-content-wrapper.additionaInfo fieldset {
  border-bottom: 1px solid var(--table-cell-border);
  padding-bottom: 5rem;
  margin-bottom: 5rem !important;
}

/*hides the last fieldset border*/
.right-side-content-wrapper.additionaInfo fieldset:last-child {
  border-bottom: none;
  margin-bottom: 0 !important;
}

/*checkboxes td padding*/
html[dir='ltr'] .right-side-content-wrapper.additionaInfo .crmEntityFormView .cell.checkbox-cell div.info {
  padding-left: 1rem;
  padding-bottom: 0;
  line-height: 1.2; /*fix to align the checkboxes vertically*/
}

html[dir='ltr'] .right-side-content-wrapper.additionaInfo .crmEntityFormView .cell.checkbox-cell div.info label {
  line-height: 1.2; /*fix to align the checkboxes vertically*/
}

/*checkbox label and cursor*/
html[dir='ltr'] .right-side-content-wrapper.additionaInfo .crmEntityFormView .cell.checkbox-cell label {
  font-weight: normal;
  cursor: pointer;
}

/*space below the "select" button*/
.right-side-content-wrapper.additionaInfo .grid-actions {
  padding-bottom: 1.6rem;
}

/*restrict the width of the input*/
.right-side-content-wrapper.additionaInfo .control:has(#ema_emaprocedurenumber_name),
.right-side-content-wrapper.additionaInfo #ema_competentauthority {
  max-width: 633px;
}

/*give spacing below the input*/
.right-side-content-wrapper.additionaInfo td:has(#ema_competentauthority) {
  padding-bottom: 2.4rem !important;
}

/*section labels spacing*/
.right-side-content-wrapper.additionaInfo table td .info label:not(label#ema_competentauthority_label):not(label#ema_emaprocedurenumber_label):not(h3 label) {
  margin-bottom: 1.6rem;
}

.right-side-content-wrapper.additionaInfo #ema_granted_eu_ma_label {
  margin-top: 1.6rem;
}

.right-side-content-wrapper.additionaInfo .crmEntityFormView .actions {
  display: none;
}

.right-side-content-wrapper.additionaInfo h3.info.form-subgrid-heading {
  margin-bottom: 0.8rem;
  margin-top: 2.4rem;
}

/*the spacing below the button*/
.right-side-content-wrapper.additionaInfo #AddComplianceDocumentReference td a.buttonWithIcon {
  margin-bottom: 2.4rem;
}

/*restrict the input width*/
.right-side-content-wrapper.additionaInfo #procedureNumbersContainer.procedureNumbersContainer input.procedure-input {
  max-width: 500px;
}

/*restrict the overall div spacing*/
.right-side-content-wrapper.additionaInfo #procedureNumbersContainer.procedureNumbersContainer .procedure-number {
  margin-bottom: 0.8rem !important;
}

/*all the radio controls on this page*/
html[dir='ltr'] .right-side-content-wrapper.additionaInfo .crmEntityFormView .cell input[type='radio'] {
  margin-right: 5px;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

/*radio controls for type II variations last section*/
html[dir='ltr'] .right-side-content-wrapper.additionaInfo .crmEntityFormView .cell #renderlookupRadioBtn input[type='radio'] {
  position: relative;
  top: 3px;
}

html[dir='ltr'] .right-side-content-wrapper.additionaInfo .crmEntityFormView .cell #renderlookupRadioBtn input[type='radio'],
html[dir='ltr'] .right-side-content-wrapper.additionaInfo .crmEntityFormView .cell .customDiv input[type='radio'],
html[dir='ltr'] .right-side-content-wrapper.additionaInfo .crmEntityFormView .cell .level1 input[type='radio'] {
  position: relative;
  top: 4px;
}

/*gap between applicable pediatric regulation and article 8*/
html[dir='ltr'] .right-side-content-wrapper.additionaInfo .level1 {
  margin-bottom: 2.4rem;
}

/*space above competent authority field label*/
.right-side-content-wrapper.additionaInfo #ema_competentauthority_label {
  margin-top: 0.8rem;
  font-weight: normal;
}
.right-side-content-wrapper.additionaInfo #ema_emaprocedurenumber_label {
  font-weight: normal;
}

/*is medicinal product radio control alignment*/
.right-side-content-wrapper.additionaInfo #ema_is_similarto_authorisedproduct_0 + label,
.right-side-content-wrapper.additionaInfo #ema_is_similarto_authorisedproduct_1 + label {
  margin-bottom: 0;
  position: relative;
  top: -4px;
}

.right-side-content-wrapper.additionaInfo #ema_is_similarto_authorisedproduct_0 + label {
  margin-right: 1rem;
}

/*color and font size forall radio buttons*/
.right-side-content-wrapper.additionaInfo input[type='radio'],
.right-side-content-wrapper.additionaInfo input[type='radio'] + label,
.right-side-content-wrapper.additionaInfo .level1,
.right-side-content-wrapper.additionaInfo .customDiv,
.right-side-content-wrapper.additionaInfo #renderlookupRadioBtn {
  color: var(--dark-6);
  font-size: var(--plm-fs-h3);
}

/*space below article 8 procedure type*/
.right-side-content-wrapper.additionaInfo .customDiv {
  margin-bottom: 2.4rem;
}

/*spacing for the info message*/
.right-side-content-wrapper.additionaInfo .description .confBanner {
  margin-top: 2.4rem;
}

.right-side-content-wrapper.additionaInfo #ema_is_similarto_authorisedproduct_label {
  margin-top: 2.4rem;
}

/*additional info modal and outside radio*/
#div_AuthorisedProductsModal .modal-body.padding0 {
  padding: 1.6rem !important;
}

.iFrameBodyClass.procedureNumIframeClass #ViewLookUpRecordsTable_filter.dataTables_filter {
  text-align: left;
}

.iFrameBodyClass.procedureNumIframeClass .panel-heading h2 {
  font-size: 18px;
}

.iFrameBodyClass.procedureNumIframeClass .plm-selected-records-panel .selected-records-custom {
  padding: 15px;
}

.iFrameBodyClass.procedureNumIframeClass .plm-selected-records-panel .selected-records-custom .item {
  margin-right: 0;
  margin-bottom: 0;
  cursor: default;
  display: flex;
  gap: 0.8rem;
  margin-right: 1rem;
}
span#ema_orphandesignation_casestatus input {
  position: relative;
  top: 3px;
}
span#ema_orphandesignation_casestatus input + label {
  margin-right: 1.7rem;
  margin-bottom: 0;
}

/*=================
eAF Finalization page
==================*/
.right-side-content-wrapper.finalization fieldset:first-child > table {
  max-width: 1150px;
}

/*removes table border*/
/*only for the fieldset 1 & 2*/
.right-side-content-wrapper.finalization fieldset:first-child .table.table-striped.table-fluid:has(td > input[type='checkbox']),
.right-side-content-wrapper.finalization fieldset:nth-child(2) .table.table-striped.table-fluid:has(td > input[type='checkbox']) {
  border: none !important;
  margin-bottom: 0;
}

label#ema_harmoniseworksharing_label {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}

/*removes border, padding only these table tds for this page (finalization info)*/
.right-side-content-wrapper.finalization fieldset:first-child .table.table-striped.table-fluid td,
.right-side-content-wrapper.finalization fieldset:nth-child(2) .table.table-striped.table-fluid td:has(input[type='checkbox']) {
  border: none;
  padding: 0 !important;
  color: var(--dark-6) !important;
  padding-bottom: 1.6rem !important;
}

.right-side-content-wrapper.finalization fieldset:first-child .table.table-striped.table-fluid tr:last-child td {
  padding-bottom: 0 !important;
}

/*gives fieldset border and margin*/
.right-side-content-wrapper.finalization fieldset {
  border-bottom: 1px solid var(--table-cell-border);
  padding-bottom: 2rem;
  margin-bottom: 2rem !important;
}

/*hides the last fieldset border*/
.right-side-content-wrapper.finalization fieldset:last-child {
  border-bottom: none;
  margin-bottom: 0 !important;
}

.right-side-content-wrapper.finalization h3.info:has(label[for='AnnexedDocuments']),
.right-side-content-wrapper.finalization h3.info:has(label[for='Declaration']) {
  margin-bottom: 1.6rem;
}

/* .right-side-content-wrapper.finalization .info #customDeclarationText {
  font-weight: normal;
} */

/* .right-side-content-wrapper.finalization fieldset table td {
  min-width: 100px;
  word-break: break-all;
  white-space: inherit;
} */

/*to align the checkbox in fieldset 2*/
/* .right-side-content-wrapper.finalization fieldset:nth-child(2) .table.table-striped.table-fluid td:has(input[type='checkbox']) {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
} */

.right-side-content-wrapper.finalization .view-toolbar.grid-actions {
  padding-bottom: 1.6rem;
}

/*override BS float to align the buttons on left*/
.right-side-content-wrapper.finalization .view-toolbar.grid-actions .pull-right {
  float: left !important;
}

/*remove the margin for the BS button*/
.right-side-content-wrapper.finalization .view-toolbar.grid-actions a.btn {
  margin-left: 0;
}

.right-side-content-wrapper.finalization .info.form-subgrid-heading:has(svg) {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin-top: 2.4rem;
  margin-bottom: 2.4rem;
}

.right-side-content-wrapper.finalization .info.form-subgrid-heading label {
  margin-bottom: 0;
}

.right-side-content-wrapper.finalization .table {
  margin-bottom: 0;
}

.right-side-content-wrapper.finalization input[type='checkbox'] {
  position: relative !important;
  top: 3px;
}

.right-side-content-wrapper.finalization .action-cell .btn:active {
  box-shadow: none;
}
.right-side-content-wrapper.finalization .action-cell .btn:hover svg {
  fill: var(--plm-primary);
}
/*give margin only to the button that has a button beside*/
.right-side-content-wrapper.finalization .action-cell .btn + .btn {
  margin-left: 1rem;
}

/*this is interferring with the bootstrap calender... hence the :not*/
.right-side-content-wrapper.finalization fieldset[aria-label='Signatories'] td:first-child:not(.bootstrap-datetimepicker-widget td) {
  padding-right: 3rem;
  padding-bottom: 2.4rem;
}

.right-side-content-wrapper.finalization fieldset[aria-label='Signatories'] td:has(#ema_mainsignatory_label),
.right-side-content-wrapper.finalization fieldset[aria-label='Signatories'] td.checkbox-cell {
  padding-bottom: 0;
}

.right-side-content-wrapper.finalization fieldset[aria-label='Signatories'] td.checkbox-cell {
  padding-right: 0;
}

.right-side-content-wrapper.finalization fieldset[aria-label='Signatories'] td.checkbox-cell .info {
  padding-left: 0;
}

.right-side-content-wrapper.finalization #ema_mainsignatory_label,
.right-side-content-wrapper.finalization #ema_additionalsignatory_label {
  font-weight: normal;
}

.right-side-content-wrapper.finalization .info:has(#ema_changesnextproductionrun_label) {
  padding-bottom: 0;
  padding-left: 1rem;
}

.right-side-content-wrapper.finalization .info #ema_changesnextproductionrun_label,
.right-side-content-wrapper.finalization .info #ema_changesimplementationdate_label,
.right-side-content-wrapper.finalization .info #ema_changesimplementationcomment_label {
  font-weight: normal;
}

.right-side-content-wrapper.finalization td:has(#ema_changesimplementationdate_label) {
  padding-right: 3rem;
}

.right-side-content-wrapper.finalization .info #ema_changesimplementationdate_label,
.right-side-content-wrapper.finalization .info #ema_changesimplementationcomment_label {
  color: var(--dark-5);
}

.right-side-content-wrapper.finalization td:has(#customChangeImeplementText),
.right-side-content-wrapper.finalization td:has(#ema_changesnextproductionrun_label) {
  padding-bottom: 1.6rem;
}

.right-side-content-wrapper.finalization td #customDeclarationText {
  margin-bottom: 0;
}

.right-side-content-wrapper.finalization td:has(#customDeclarationText) {
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
}

.right-side-content-wrapper.finalization td #customChangeImeplementText {
  margin-bottom: 0;
}

.right-side-content-wrapper.finalization .info:has(#ema_concernothermemberstates_label),
.right-side-content-wrapper.finalization .info:has(#ema_confirmation_mainsignatory_label) {
  padding-left: 1rem;
  padding-bottom: 0;
}

.right-side-content-wrapper.finalization .info:has(#ema_concernothermemberstates_label) {
  padding-bottom: 2.4rem;
}

td.checkbox-cell:has(#ema_confirmation_mainsignatory_label) {
  padding-bottom: 0;
}

.right-side-content-wrapper.finalization .info:has(#ema_concernothermemberstates_label),
.right-side-content-wrapper.finalization .info:has(#ema_confirmation_mainsignatory_label) {
  width: 95%;
}

.right-side-content-wrapper.finalization td:has(#ema_note_label) {
  padding-bottom: 2.4rem;
}

.right-side-content-wrapper.finalization fieldset[aria-label='Proof of payment'] .section-title h3 {
  margin-bottom: 0;
}

.right-side-content-wrapper.finalization td.action-cell .btn-group {
  display: flex;
  gap: 1.2rem;
}

.right-side-content-wrapper.finalization td.action-cell .btn-group a:hover svg {
  fill: var(--plm-primary);
}

/*all modals td spacing*/
.iFrameBodyClass .crmEntityFormView .cell.text.form-control-cell {
  padding-bottom: 1rem;
}

/*add payment details modal*/
#div_addApplicationPaymentContentpiad .modal.modal-dialog,
#ApplicationPaymentContentpiad .modal-lg.modal-dialog {
  max-width: 800px;
}

/*override for the past override*/
#div_addApplicationPaymentContentpiad .modal.modal-dialog .padding0,
#div_AddPayment .modal.modal-dialog .padding0 {
  padding: 1.6rem 2.4rem 2.4rem 2.4rem !important;
}

.iFrameBodyClass.iFrameBodyClass_addApplicationPaymentContentpiad .crmEntityFormView .cell,
.iFrameBodyClass.iFrameBodyClass_CAPwithoutIGWS .crmEntityFormView .cell,
.iFrameBodyClass.iframe_ApplicationPaymentContentpiad .crmEntityFormView .cell,
.iFrameBodyClass.iframe_NoCAP .crmEntityFormView .cell {
  padding: 0;
}

.iFrameBodyClass.iFrameBodyClass_addApplicationPaymentContentpiad .xrm-editable-html.xrm-attribute.no-value {
  display: none;
}

iframe.iframeNoCAP {
  min-height: 70vh;
}

.iFrameBodyClass.iframe_NoCAP .tab-column {
  width: 100% !important;
}
.iFrameBodyClass.iframe_NoCAP .tab-column + .tab-column {
  display: none !important;
}

.iFrameBodyClass.iFrameBodyClass_CAPwithoutIGWS .row.form-custom-actions {
  display: none;
}

.iFrameBodyClass.procedureNumIframeClass .crmEntityFormView .tab {
  margin-bottom: 0;
  padding-top: 0 !important;
}

.iFrameBodyClass.iFrameBodyClass_addApplicationPaymentContentpiad .crmEntityFormView .tab .tab-column {
  margin-bottom: 0;
}

.iFrameBodyClass.iFrameBodyClass_addApplicationPaymentContentpiad .crmEntityFormView .cell:has(#ema_feespaid_label) {
  padding-bottom: 2.4rem;
}

.iFrameBodyClass.iFrameBodyClass_addApplicationPaymentContentpiad .crmEntityFormView .cell input[type='radio'],
.iFrameBodyClass.iFrameBodyClass_CAPwithoutIGWS .crmEntityFormView .cell input[type='radio'],
.iFrameBodyClass.iframe_ApplicationPaymentContentpiad .crmEntityFormView .cell input[type='radio'],
.iFrameBodyClass.iframe_CAPwithIGWS .crmEntityFormView .cell input[type='radio'] {
  position: relative;
  top: -2px;
}

.iFrameBodyClass.iFrameBodyClass_addApplicationPaymentContentpiad .crmEntityFormView .cell input[type='radio'] + label,
.iFrameBodyClass.iFrameBodyClass_CAPwithoutIGWS .crmEntityFormView .cell input[type='radio'] + label,
.iFrameBodyClass.iframe_ApplicationPaymentContentpiad .crmEntityFormView .cell input[type='radio'] + label,
.iFrameBodyClass.iframe_CAPwithIGWS .crmEntityFormView .cell input[type='radio'] + label {
  color: var(--dark-6);
  font-size: var(--plm-fs-h3);
}

.iFrameBodyClass.iFrameBodyClass_addApplicationPaymentContentpiad textarea + #checkboxes div {
  padding: 0 !important;
}

.iFrameBodyClass.iFrameBodyClass_addApplicationPaymentContentpiad textarea + #checkboxes input[type='checkbox'] + label {
  margin: 0 !important;
  position: relative;
  top: -4px;
  margin-left: 1.2rem !important;
}

#iFrame_addApplicationPaymentContentpiad,
iframe.iframeApplicationPaymentContentpiad {
  min-height: 340px !important;
}

/*add organisation details modal*/
#div_AddPayment .modal.modal-dialog {
  max-width: 800px;
}

/*create procedure number modal*/
#ProceduresArticle30 .modal-lg.modal-dialog {
  max-width: 800px;
}

iframe.iframeProceduresArticle30 {
  min-height: 320px;
}

#ProceduresWorksharing .modal-lg.modal-dialog {
  max-width: 800px;
}

iframe.iframeCAPwithIGWS {
  min-height: 70vh;
}

/*export modal*/
#modalExportDialog .modal-body {
  padding: 1.6rem 2.4rem 2.4rem 2.4rem;
}

.ApplicationHeader {
  border-top: 1px solid var(--dark-1);
  border-bottom: 1px solid var(--dark-1);
  padding: 1.6rem 0;
  color: var(--dark-6);
  margin-bottom: 2.4rem;
}

.ApplicationHeader #applicationHeaderName {
  position: relative;
  padding-right: 0.8rem;
}

.ApplicationHeader #applicationHeaderName:after {
  content: '';
  /* border: 1px solid red; */
  background-color: #ccc;
  height: 8px;
  width: 1px;
  position: absolute;
  top: 5px;
  right: 0;
}

.applicationReadyDownload {
  color: var(--dark-5);
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 2.4rem;
}

#downloadCheckBox {
  display: flex;
  align-items: flex-start;
  gap: 1.2rem;
  margin-bottom: 2.4rem;
}

#downloadCheckBox label {
  color: var(--dark-6);
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  margin-bottom: 0;
}

.plm-banner {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.6rem;
}
.plm-banner.info {
  color: var(--plm-info);
  padding-bottom: 0;
}
.plm-banner.danger {
  color: var(--plm-danger);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.exportinfo {
  color: var(--dark-5);
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 2.4rem;
}

.export-retry {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2.4rem;
  color: var(--dark-6);
  font-size: 16px;
}

.fhirExportDiv h3 {
  color: var(--dark-6);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
  margin-bottom: 2.4rem;
}

#fhirExportTable_wrapper .dt-buttons {
  position: absolute;
  top: -55px;
  right: 0;
}

#fhirExportTable_wrapper .dt-buttons button {
  border: none;
  color: var(--plm-secondary);
}

/*warning messages near the tabled for empty data*/
.right-side-content-wrapper.finalization .entity-grid .message {
  margin: 0;
}

/*dropdown menu*/
#fhirExportTable_wrapper .dt-button-collection .dropdown-menu {
  left: auto;
  right: 5px;
  min-width: 250px;
}

#UpdateButton {
  display: none;
}

/*cursor for all checkboxes label*/
.right-side-content-wrapper.finalization .crmEntityFormView .cell.checkbox-cell label {
  cursor: pointer;
}

html[dir='ltr'] .iFrameBodyClass.iFrameBodyClass_CAPwithoutIGWS .crmEntityFormView .cell.crmquickform-cell:first-child {
  border-right: none;
  padding-top: 2rem;
}

iframe.iframeProceduresWorksharing {
  min-height: 320px;
}

span#ema_harmoniseart30,
span#ema_harmoniseworksharing {
  margin-block: 1rem !important;
  display: inline-block;
}

span#ema_harmoniseart30,
span#ema_harmoniseworksharing {
  margin-block: 1rem !important;
  display: inline-block;
  color: var(--dark-6);
  font-size: var(--plm-fs-h3);
}

span#ema_harmoniseart30 input + label,
span#ema_harmoniseworksharing input + label {
  position: relative;
  top: 2px;
}

/*eaf finalization - payment modal*/
.iFrameBodyClass_addApplicationPaymentContentpiad .container.container-custom {
  padding-right: 1.6rem;
}

.iFrameBodyClass_addApplicationPaymentContentpiad h2.tab-title {
  display: none;
}

.iFrameBodyClass_addApplicationPaymentContentpiad #checkboxes {
  margin-top: 1.6rem;
}

.iFrameBodyClass_addApplicationPaymentContentpiad #checkboxes > div:first-of-type {
  margin-bottom: 1rem;
}

.iFrameBodyClass_addApplicationPaymentContentpiad #checkboxes label {
  color: var(--dark-6);
}

.iFrameBodyClass_addApplicationPaymentContentpiad #ema_feecategory_nationalrules {
  float: unset;
}

.iFrameBodyClass_addApplicationPaymentContentpiad #checkboxes div + div > div:not(:last-child) {
  margin-bottom: 1rem;
}

/*=============
progress bar
==============*/
.progress-wrapper .progress {
  height: 34px;
}

.progress-wrapper {
  padding: 1.3rem 1rem;
  margin-bottom: 1.2rem;
}

.progress-wrapper-info {
  background-color: var(--blue-1);
}

.progress-wrapper-success {
  background-color: var(--plm-faded-success);
}
.progress-wrapper-danger {
  background-color: var(--plm-faded-danger);
}

.progress-wrapper .progress {
  border-radius: 0 !important;
  margin-bottom: 0;
}

/*progress bar color*/
.progress-bar {
  background-color: var(--plm-secondary);
  border-radius: 0;
  padding-top: 6px;
  font-size: var(--plm-fs-h3);
}

.progress-bar.progress-bar-success {
  background-color: var(--plm-success);
}

.progress-bar.progress-bar-danger {
  background-color: var(--plm-danger);
}

/*=================
Error highlighting for validation
==================*/
.validation-failed-non-fields {
  border: 1px solid var(--plm-danger) !important;
}

.validation-failed-fields {
  border: 1px solid var(--plm-danger) !important;
}

.validation-failed-fields-tableBorder {
  outline: 1px solid var(--plm-danger) !important;
}

.control.validation-failed-fields {
  border-radius: var(--border-radius-menu);
}

.createNewApplication .validation-failed-fields #ema_name {
  float: unset;
}

/*============
Guidance and Support page
====================*/
/*slim header */
.slim-header {
  border-top: 1px solid var(--dark-2);
  border-bottom: 1px solid var(--dark-2);
  background: var(--plm-white);
  display: flex;
  justify-content: space-between;
  padding: 1.2rem var(--spacing-left-right) 2rem;
}

@media screen and (max-width: 945px) {
  .slim-header {
    flex-direction: column;
    gap: 1rem;
    align-items: center;
  }
}

.slim-header .back-title-holder {
  display: flex;
  gap: 1.2rem;
  align-items: center;
}

.slim-header .back-title-holder .backButton {
  padding: 0.8rem;
}

.slim-header .back-title-holder svg {
  display: block;
}

.slim-header .back-title-holder svg:hover {
  cursor: pointer;
  fill: var(--plm-primary);
}

.slim-header .back-title-holder h3 {
  color: var(--dark-6);
  font-size: var(--plm-fs-h1);
  font-weight: 400;
  line-height: var(--plm-lh-h1-h1);
  margin: 0;
}

.slim-header .search-holder {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.slim-header .search-holder input[type='search'] {
  width: 475px;
}

.slim-header .search-holder .input-group-btn {
  width: unset;
}

@media (max-width: 660px) {
  .plm-page-header .title-action-buttons-wrapper.guidancePage {
    flex-direction: column;
  }
  .action-buttons-wrapper .search-holder {
    width: 100%;
  }
}

/*search button height to match with search input*/
.action-buttons-wrapper .searchButton {
  padding: 1rem !important;
}

/*generic rounded card */
.roundedCard {
  background: var(--plm-white);
  border-radius: 10px;
}

/*main wrapper */
.support-faq-updates-holder {
  background-color: var(--dark-1);
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
  gap: 5rem;
  align-items: flex-start;
  justify-content: space-between;
  min-height: calc(100vh - calc(var(--header-height) + var(--footer-height) + 76px));
}

@media screen and (max-width: 1368px) {
  .support-faq-updates-holder {
    flex-direction: column;
    gap: 3rem;
  }

  /* .support-faq-updates-holder .updates-holder {
    order: -1;
  } */
}

/* .support-faq-updates-holder .services-account-faq-holder {
  flex-basis: 70%;
} */

.support-faq-updates-holder .updates-otherLinks-holder {
  width: 100%;
}

/*3 services */
.services-account-faq-holder .threeServices {
  display: flex;
  gap: 3rem;
}

@media screen and (max-width: 800px) {
  .services-account-faq-holder .threeServices {
    flex-wrap: wrap;
  }
}

.services-account-faq-holder .threeServices .serviceCard {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4rem 3rem 2rem;
  text-align: left;
  width: 100%;
  text-decoration: none;
}

.services-account-faq-holder .threeServices .serviceCard:hover {
  box-shadow: 0px 0px 50px -12px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 1098px) {
  .services-account-faq-holder .threeServices .serviceCard {
    max-width: 100%;
  }
}

.services-account-faq-holder .threeServices .serviceCard h3 {
  margin: 0;
  padding: 0;
  color: var(--plm-primary);
  font-weight: bold;
  font-size: 24px;
}

.services-account-faq-holder .threeServices .serviceCard p {
  color: var(--dark-5);
  font-size: var(--plm-fs-text);
  line-height: 20px;
  margin: 0;
}

/*right side : updated holder */
.support-faq-updates-holder .updates-holder.latestUpdates {
  min-width: 530px;
  min-height: 350px;
  width: 100%;
}
@media (max-width: 786px) {
  .support-faq-updates-holder .updates-holder.latestUpdates {
    min-width: unset;
  }
}

.support-faq-updates-holder .updates-holder .updates-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--dark-2);
  padding: 0.4rem 3rem 0 3rem;
  flex-wrap: wrap;
}

.support-faq-updates-holder .updates-holder .updates-header .header {
  display: flex;
  gap: 1.2rem;
  align-items: center;
}

.support-faq-updates-holder .updates-holder .updates-header h3 {
  margin: 0;
  color: var(--plm-primary);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.support-faq-updates-holder .updates-holder .updates-header .tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

.support-faq-updates-holder .updates-holder .updates-header .tabs li {
  padding: 1.6rem 1rem 2rem;
}

.support-faq-updates-holder .updates-holder .updates-header .tabs li:hover {
  color: var(--plm-secondary);
  cursor: pointer;
  font-weight: normal;
  border-bottom: 4px solid var(--plm-secondary);
}

.support-faq-updates-holder .updates-holder .updates-header .tabs li.active {
  color: var(--plm-secondary);
  cursor: pointer;
  font-weight: bold;
  border-bottom: 4px solid var(--plm-secondary);
}

.support-faq-updates-holder .updates-holder .updates-list {
  padding: 0rem 3rem 2rem 3rem;
}

.support-faq-updates-holder .updates-holder .updates-list .updateItem {
  padding: 1.2rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--dark-2);
  flex-wrap: wrap;
}

.support-faq-updates-holder .updates-holder .updates-list .updateItem:last-child {
  border: none;
}

.support-faq-updates-holder .updates-holder .updates-list .updateItem a {
  min-width: 70px;
}

.support-faq-updates-holder .updates-holder .updates-list .updateItem .heading {
  color: var(--dark-6);
  font-size: var(--plm-fs-text);
  line-height: 20px;
  margin-bottom: 0.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 40ch;
}
@media (max-width: 786px) {
  .support-faq-updates-holder .updates-holder .updates-list .updateItem .heading {
    max-width: 30ch;
  }
}

.support-faq-updates-holder .updates-holder .updates-list .updateItem .date {
  color: var(--dark-4);
  font-size: var(--plm-fs-small);
  line-height: 16px;
}

/*ema account management part */
.support-faq-updates-holder .emaAccountManagement-holder {
  margin-top: 3rem;
  display: flex;
  padding: 4rem 3rem;
  gap: 2.4rem;
  align-items: center;
  justify-content: flex-start;
}

.support-faq-updates-holder .emaAccountManagement-holder .emaAccountManagement {
  display: flex;
  gap: 1.2rem;
  flex-direction: column;
}

.support-faq-updates-holder .emaAccountManagement-holder .emaAccountManagement h3 {
  color: var(--plm-primary);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
  padding: 0;
}

.support-faq-updates-holder .emaAccountManagement-holder .emaAccountManagement p {
  color: var(--dark-5);
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
.support-faq-updates-holder .emaAccountManagement-holder .emaAccountManagement p a {
  cursor: pointer;
}

.support-faq-updates-holder .emaAccountManagement-holder .emaAccountManagement p .separator {
  display: inline-block;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  color: #cdcdcf;
}

/*faqs part */
.support-faq-updates-holder .faqsHolder.updates-holder {
  min-height: unset;
  width: 100%;
}

.support-faq-updates-holder .faqsHolder {
  margin-top: 3rem;
}

.support-faq-updates-holder .faqsHolder.updates-holder .updates-header h3 {
  font-weight: 400;
}

.support-faq-updates-holder .faqsHolder.updates-holder .updates-header {
  border-bottom: 1px solid var(--dark-3);
}

.support-faq-updates-holder .faqsHolder.updates-holder .updates-header .header,
.support-faq-updates-holder .faqsHolder.updates-holder .updates-header .tabs {
  flex-basis: 50%;
}

.support-faq-updates-holder .faqsHolder.updates-holder .updates-header .tabs {
  justify-content: flex-end;
}

.support-faq-updates-holder .faqsHolder.updates-holder .updates-list {
  padding: 2rem 3rem;
}

.support-faq-updates-holder .faqsHolder.updates-holder .updates-list p {
  margin-bottom: 1rem;
  color: var(--dark-6);
}

/*other links holder*/
.support-faq-updates-holder .updates-otherLinks-holder {
  display: flex;
  gap: 3rem;
}
@media (max-width: 768px) {
  .support-faq-updates-holder .updates-otherLinks-holder {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .support-faq-updates-holder .updates-otherLinks-holder {
    flex-direction: row;
  }
  .support-faq-updates-holder .updates-otherLinks-holder .latestUpdates {
    flex-basis: 70%;
  }
  .support-faq-updates-holder .updates-otherLinks-holder .otherLinks {
    flex-basis: 30%;
  }
}
@media (min-width: 1368px) {
  .support-faq-updates-holder .updates-otherLinks-holder {
    flex-direction: column;
    max-width: 600px;
  }
}

.support-faq-updates-holder .updates-holder.otherLinks h3 {
  color: var(--plm-primary);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
}

.support-faq-updates-holder .updates-holder.otherLinks .updates-header {
  padding: 1.5rem 3rem;
}

/*category page*/
.guidanceAndSupportCategories {
  margin-bottom: 0;
}

.guidanceAndSupportCategories li,
.guidanceAndSupportCategories li.list-group-item {
  border: none;
  border-bottom: 1px solid var(--dark-1);
  padding-left: 0;
  margin-bottom: 0;
}

.guidanceAndSupportCategories li.list-group-item:last-child {
  border-bottom: none;
}

.guidanceAndSupportCategories li a,
.guidanceAndSupportCategories li p {
  margin: 0 !important;
  font-size: var(--plm-fs-h3);
  line-height: var(--plm-lh-h3);
}

/*tabs for the guidance and support page*/
.update-group {
  display: none;
}

.updates-holder .update-group[data-category='all'] {
  display: block;
}

.update-group p a.documentIconHolder {
  display: flex;
  align-items: center;
}

/*=================
eAF RO Pages, Radio questionaire + misc
==================*/
.answer.readOnly-test .custom-radio-button-group label,
.answer.readOnly-test .plm-btn {
  opacity: 0.5;
  cursor: not-allowed;
}

.answer.readOnly-test .custom-radio-button-group label:hover {
  background-color: var(--dark-1);
  color: var(--plm-secondary);
}

.answer.readOnly-test .custom-radio-button-group input:checked + label {
  background-color: var(--plm-secondary);
  color: white;
}

.answer.readOnly-test .custom-radio-button-group input + label:hover > svg {
  fill: var(--plm-secondary);
}
.answer.readOnly-test .custom-radio-button-group input:checked + label:hover > svg {
  fill: var(--plm-white);
}

/*present proposed editor iframe*/
.browserPreviewFrame.tabletPortraitPreview {
  /* height: 100px !important; */
  overflow: auto;
}

.control textarea:disabled {
  border: 1px solid var(--dark-3) !important;
  color: var(--dark-3);
}

.crmEntityFormView .form-control.readonly:focus,
.crmEntityFormView .form-control[readonly][disabled]:focus,
.form-readonly .form-control:focus {
  outline: none;
  border: 1px solid var(--dark-3) !important;
}

/*create new application remove borders for readonly fields*/
.iFrameBodyClass.createNewAppOrgAddress .crmEntityFormView .form-control.readonly,
.iFrameBodyClass.createNewAppOrgAddress .form-readonly .form-control {
  border: none;
}

/*PUI QPPV & PSMFL Contact*/
.ema-productui-iframebody #OrgAddress .ema-productui-form-control,
.ema-productui-iframebody #PSMFLInfo .ema-productui-form-control {
  border: none !important;
  background: none;
}

a.readonly-disabled {
  padding: 0;
  cursor: not-allowed;
  opacity: 0.5;
}

/*=================
input field x clear button
==================*/
.dataTables_filter input {
  padding-right: 24px;
}

.input-clear-btn {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  display: none;
  color: var(--plm-secondary);
  z-index: 10;
  font-size: 2.4rem;
}

/*=================
PUI - Workspace page
==================*/
.pui-toolbar-holder {
  display: flex;
  padding: 0 var(--spacing-left-right) 0;
  border-bottom: none;
  position: relative;
}

@media (max-width: 1350px) {
  .pui-toolbar-holder {
    height: 120px;
    min-width: 800px;
  }
}

/*all the column visibility options above datatables*/
#MyWorkspaceParentTable_wrapper .dt-buttons button {
  border: none;
  color: var(--plm-secondary);
  margin-right: 0;
}

/*default nav link*/
.pui-toolbar-holder > .nav-pills > li > a {
  padding: 1.6rem 1rem 2rem;
  margin: 0;
  color: var(--dark-6);
  font-size: var(--plm-fs-h3);
  line-height: var(--plm-fs-h3);
}

.pui-toolbar-holder > .nav-pills > li > a:hover {
  background-color: var(--plm-white);
  color: var(--plm-secondary);
  border-radius: 0;
  border-bottom: 4px solid var(--plm-secondary);
}

/*for the hover and active effect*/
.pui-toolbar-holder > .nav-pills > li.active > a,
.pui-toolbar-holder > .nav-pills > li.active > a:hover,
.pui-toolbar-holder > .nav-pills > li.active > a:focus {
  background-color: var(--plm-white);
  color: var(--plm-secondary);
  border-radius: 0;
  border-bottom: 4px solid var(--plm-secondary);
  font-weight: bold;
}

/*PUI list page*/
#MyWorkspaceParentTable_wrapper label {
  position: relative;
  display: inline-block;
  /*remove bottom OTB margin*/
  margin-bottom: 0;
}

#MyWorkspaceParentTable_wrapper label::before {
  /*if using background image for icon*/
  content: '';
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M14.6777 12.9299C15.6661 11.5841 16.25 9.92275 16.25 8.125C16.25 3.63769 12.6123 0 8.125 0C3.63769 0 0 3.63769 0 8.125C0 12.6123 3.63769 16.25 8.125 16.25C9.92323 16.25 11.585 15.6658 12.9309 14.6769L12.9299 14.6777C12.9667 14.7277 13.0078 14.7756 13.053 14.8208L17.8661 19.6339C18.3543 20.122 19.1457 20.122 19.6339 19.6339C20.122 19.1457 20.122 18.3543 19.6339 17.8661L14.8208 13.053C14.7756 13.0078 14.7277 12.9667 14.6777 12.9299ZM15 8.125C15 11.922 11.922 15 8.125 15C4.32804 15 1.25 11.922 1.25 8.125C1.25 4.32804 4.32804 1.25 8.125 1.25C11.922 1.25 15 4.32804 15 8.125Z' fill='%230D6EFD'/></svg>") no-repeat center center;
  background-size: contain;
  font-weight: 900;
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--plm-secondary);
  z-index: 1;
}

/*targetting only the applications list page (eAF & ePI) to align the UI with figma*/
/*eaf application page first and last td of every row must align with the header*/
#MyWorkspaceParentTable_wrapper table.dataTable thead > tr > th:first-child:not(.plm-pharma-cntr thead > tr > th:first-child):not(.details.colorcard) {
  padding-left: 48px !important;
  padding-right: 0;
}

#MyWorkspaceParentTable_wrapper table.dataTable tbody > tr > td:first-child:not(.plm-pharma-cntr tbody > tr > td:first-child) {
  padding-left: 45px !important;
  padding-right: 0 !important;
}

#MyWorkspaceParentTable_wrapper table.dataTable thead > tr > th:last-child:not(.plm-pharma-cntr thead > tr > th:last-child) {
  padding-right: 45px !important;
}

#MyWorkspaceParentTable_wrapper table.dataTable tbody > tr > td:last-child:not(.plm-pharma-cntr tbody > tr > td:last-child):not(.details.colorcard) {
  padding-right: 45px !important;
}

/*custom cell highlight for data protection*/
#MyWorkspaceParentTable_wrapper table.dataTable tr.userSelfHighlight td {
  background-color: var(--green-bg);
}

table.pui-datatable > thead > tr > th:has(img),
table.plm-datatable > thead > tr > th:has(img) {
  max-width: 50px;
}

img#expandCollapseAllMyWorkspaceParentTable {
  max-width: 20px;
}

/*this is causing alignmen issues with the header*/
/* #MyWorkspaceParentTable thead:not(.plm-pharma-cntr thead) {
  display: none;
} */

#MyWorkspaceParentTable_wrapper .dt-buttons {
  position: absolute;
  top: -49px;
  right: 330px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#MyWorkspaceParentTable_wrapper .dt-buttons .buttons-excel {
  order: 1;
}

#MyWorkspaceParentTable_wrapper .dataTables_filter {
  position: absolute;
  top: -49px;
  right: var(--spacing-left-right);
}
@media (max-width: 1350px) {
  #MyWorkspaceParentTable_wrapper .dt-buttons {
    left: var(--spacing-left-right);
  }
  #MyWorkspaceParentTable_wrapper .dt-buttons button:first-child {
    padding-left: 0;
  }
  #MyWorkspaceParentTable_wrapper .dataTables_filter {
    left: 490px;
    right: unset;
  }
}

.plm-datatable.plm-pharma-cntr + .dataTables_info {
  padding-top: 0.5rem !important;
  border-top: 1px solid var(--dark-2);
  margin-top: 1.6rem;
  color: var(--plm-muted) !important;
  font-size: var(--plm-fs-small);
  text-align: left;
  padding-left: 1rem;
  margin-bottom: 0.5rem;
}

/* .plm-datatable.plm-pharma-cntr tr:last-child td {
  border-bottom: none !important;
} */

#MyWorkspaceParentTable.dataTable td.details.colorcard {
  padding-right: 0 !important;
  padding-left: 5rem !important;
  /* background-clip: content-box; */
  padding-block: 1rem !important;
  /* background-color: var(--plm-child-table-bg); */
}

#MyWorkspaceParentTable.dataTable td.details.colorcard.details.colorcard {
  padding-left: 90px !important;
  padding-right: 70px !important;
}

.dataTable td.details.colorcard .dataTable.plm-pharma-cntr th {
  background: var(--plm-light-blue) !important;
  padding-top: 1.2rem !important;
  padding-bottom: 1.2rem !important;
  border-bottom: 1px solid var(--table-header-border);
  font-size: var(--plm-fs-text);
}

/*load more button*/
.plm-loadmore {
  text-align: right;
  padding: 0 var(--spacing-left-right);
  position: relative;
  top: -40px;
}

/*dropdown menu for the last row in the table*/
/*not a scalable solution, works well when there are rows > 3.. failed when only 1-3 rows in table*/
/* #MyWorkspaceParentTable_wrapper table.dataTable tr:nth-last-child(1) .dropdown-menu,
#MyWorkspaceParentTable_wrapper table.dataTable tr:nth-last-child(2) .dropdown-menu,
#MyWorkspaceParentTable_wrapper table.dataTable tr:nth-last-child(3) .dropdown-menu {
  top: -150px;
} */

/*custom pagination for workspace page*/
#MyWorkspaceParentTable .pagination > li > a,
#MyWorkspaceParentTable .pagination > li > span {
  background: transparent !important;
}

/*=================
PUI - Products of my organisation page
==================*/
.productsOfMyOrgSearchPage {
  padding-block: 1rem;
}

.productsOfMyOrgSearchPage.row {
  margin: 0;
}
.productsOfMyOrgSearchPage .col-md-3 {
  padding-left: 0;
  padding-right: 0;
}
.productsOfMyOrgSearchPage .col-md-9 {
  padding-right: 0;
  padding-left: 3rem;
}

.productsOfMyOrgSearchPage .col-md-12 {
  padding: 0;
}

@media screen and (max-width: 1024px) {
  .productsOfMyOrgSearchPage {
    flex-direction: column;
  }
  .productsOfMyOrgFilters-Left,
  .productsOfMyOrg-Right {
    width: 100%;
  }
}

.productsOfMyOrgFilters-Left .filtersTitle {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: var(--plm-lh-h3);
}

.productsOfMyOrgFilters-Left .entitylist-filters {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.productsOfMyOrgSearchPage .buttonHolder {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  padding-top: 1rem;
}

div#inputClearSymbol.pui-reset {
  position: absolute;
  top: 0;
  right: 0.5rem;
  color: var(--dark-6);
  font-size: var(--plm-fs-h3);
  display: none;
  cursor: pointer;
}
div#listClearSymbol.pui-reset {
  position: absolute;
  top: 0;
  right: 0.5rem;
  color: var(--dark-6);
  font-size: var(--plm-fs-h3);
  display: none;
  cursor: pointer;
}

.inputText .remove-item {
  cursor: pointer;
}

div#inputClearSymbol.pui-reset:hover,
div#listClearSymbol.pui-reset:hover,
.inputText .remove-item:hover {
  color: var(--plm-secondary);
}

.productui-label {
  color: var(--black);
  font-size: var(--plm-fs-h3);
  margin-bottom: 0.8rem !important;
  margin-top: 0;
  font-family: var(--font-family);
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}

/*to show caret on selector*/
.viewmyorgpage ema-multi-input input::-webkit-calendar-picker-indicator {
  display: none;
  opacity: 100;
  color: var(--plm-secondary);
  block-size: 2.3rem !important;
}

#entitylist-filters.list-unstyled {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-top: 0.8rem;
}

.mpaDeleteIconProductUI .inputText,
.mpaDeleteIconProductUI .item {
  background: var(--plm-light-blue);
  color: var(--dark-6);
  display: inline-block;
  padding: 5px 8px;
  border-radius: 4px;
  font-size: var(--plm-fs-small);
  border: none;
  line-height: 1.1;
  margin-bottom: 0.3rem;
  margin-right: 0.3rem;
}

.mpaDeleteIconProductUI .item {
  margin-top: 0.8rem;
  padding-right: 2.5rem;
}

.viewmyorgpage ema-multi-input div.item::after {
  content: '\2715';
  cursor: pointer;
  font-size: 10px;
  pointer-events: auto;
  position: absolute;
  right: 8px;
  top: 6px;
  color: var(--dark-6);
}

.entitylist-filter-option-group-box-overflow {
  position: relative;
}

.entitylist-filter-option-text {
  width: 100%;
}

.entitylist-filter-option-text.plm-input {
  border-radius: 4px;
  border: 1px solid var(--dark-5);
  color: var(--dark-6);
  height: unset;
  padding: 0.8rem 1.6rem;
  line-height: 24px;
  font-size: 16px;
}

/*datatable for products of my organisation page*/

#viewMyOrgProductTable_wrapper {
  padding-top: 5rem;
}

/*fix the height of the datatable*/
#viewMyOrgProductTable_wrapper .dataTables_scrollBody {
  max-height: 775px;
}

/*custom load more button*/
.productsOfMyOrgSearchPage .plm-loadmore {
  text-align: right;
  padding: 0;
  position: relative;
  top: -40px;
}
/*custom show x entries placement*/
.productsOfMyOrgSearchPage div.dataTables_wrapper div.dataTables_info:has(*) {
  padding-left: 0;
}

#viewMyOrgProductTable_wrapper .dt-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
}

#viewMyOrgProductTable_wrapper .dataTables_filter {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  gap: 1rem;
}

@media screen and (max-width: 1500px) {
  #viewMyOrgProductTable_wrapper {
    padding-top: 10rem;
  }

  #viewMyOrgProductTable_wrapper .dataTables_filter {
    position: absolute;
    top: 5rem;
    left: 0;
    display: flex;
    gap: 1rem;
  }
}

#viewMyOrgProductTable_wrapper .dt-buttons .glyphicon-filter {
  order: -1;
  padding: 1.2rem 1.6rem;
}

#viewMyOrgProductTable_wrapper .dt-buttons .buttons-excel {
  order: 1;
}

#viewMyOrgProductTable_wrapper .dt-buttons .buttons-excel span {
  display: flex;
  align-items: center;
}

#viewMyOrgProductTable_wrapper .dt-buttons .glyphicon-filter:before {
  color: var(--plm-secondary);
}
#viewMyOrgProductTable_wrapper .dt-buttons .glyphicon-filter:hover {
  background: var(--blue-bg);
}
#viewMyOrgProductTable_wrapper .dt-buttons .glyphicon-filter:hover:before {
  color: var(--plm-primary);
}

#viewMyOrgProductTable_wrapper .dataTables_filter #pui_productselectbtn {
  border: 1px solid transparent;
}
#viewMyOrgProductTable_wrapper .dataTables_filter #pui_productselectbtn:hover {
  background-color: var(--blue-bg);
  cursor: pointer;
}

/*change request modal in products of my organisation page*/
#modalCreateChangeRequest #pui_modal {
  min-height: 300px;
}

.iframe-changerequest-body td:has(#ema_friendlyname) {
  margin-bottom: 1.5rem;
  margin-top: 1rem;
}

/*=================
Change request page - PUI
==================*/

#CRActivityTable_filter.dataTables_filter {
  position: absolute;
  top: 0;
  right: 0;
}

#PATable_filter.dataTables_filter {
  position: absolute;
  top: 0;
  right: 0;
}

#PATable_wrapper.dataTables_wrapper,
#CRActivityTable_wrapper.dataTables_wrapper {
  padding-top: 5rem;
}

#PATable_wrapper.dataTables_wrapper .dt-buttons,
#CRActivityTable_wrapper.dataTables_wrapper .dt-buttons {
  position: absolute;
  top: 0;
  right: 280px;
}

.changeRequestPage legend.section-title {
  margin-bottom: 0;
  position: relative;
  top: 33px;
}

.changeRequestPage legend.section-title h3 {
  color: var(--plm-primary);
  font-size: var(--plm-fs-h2-b);
  font-weight: 400;
  line-height: var(--plm-lh-h3);
  margin: 0;
}

.changeRequestPage fieldset[aria-label='Section'],
.changeRequestPage fieldset[aria-label='General'] {
  margin-bottom: 0;
}

.changeRequestPage .tab.clearfix {
  margin-bottom: 0;
}

.changeRequestPage .actions {
  display: none;
}

/*custom show x entries placement*/
.changeRequestPage div.dataTables_wrapper div.dataTables_info:has(*) {
  padding-left: 0;
}

/*custom load more button*/
.changeRequestPage .plm-loadmore {
  padding-right: 0;
}

.changeRequestPage fieldset[aria-label='Change Activities'],
.changeRequestPage fieldset[aria-label='Change activities'] {
  /* border-bottom: 1px solid var(--table-cell-border); */
  padding-bottom: 0rem;
}

.changeRequestPage fieldset[aria-label='Change Activities']:has(.hidden),
.changeRequestPage fieldset[aria-label='Change activities']:has(.hidden) {
  padding-bottom: 2rem;
}

.changeRequestPage #EntityFormPanel.crmEntityFormView td.cell {
  padding-left: 0 !important;
}

.changeRequestPage #EntityFormPanel.crmEntityFormView td.cell:has(#ema_type_label),
.changeRequestPage #EntityFormPanel.crmEntityFormView td.cell:has(#ema_description) {
  padding-right: 0 !important;
}

/*bulk edit modal*/
/*#manufacBusinessOP_wrapper.dataTables_wrapper .dataTables_scrollBody #manufacBusinessOP thead:not(td.details thead) {
  display: none;
}

#packagedProductsMainTable_wrapper.dataTables_wrapper .dataTables_scrollBody #packagedProductsMainTable thead:not(td.details thead) {
  display: none;
}
*/

/*bulk edit modal*/
/*#manufacBusinessOP_wrapper.dataTables_wrapper .dataTables_scrollBody #manufacBusinessOP thead:not(td.details thead) {
  display: none;
}

#packagedProductsMainTable_wrapper.dataTables_wrapper .dataTables_scrollBody #packagedProductsMainTable thead:not(td.details thead) {
  display: none;
}
*/

/*=================
RO/RW Pages - PUI
==================*/
/*gap for PUI page*/
.ema-content-area.productUI {
  gap: 2rem;
}

.ema-rside.ema-rside-container.app-form-section.pui-ro-rw-right-content {
  padding-block: 2rem;
  width: 100%;
  padding-right: var(--spacing-left-right);
}

.pui-ro-rw-right-content table.section .clearfix.cell.alignSameLine:first-child,
.pui-ro-rw-right-content table.section .clearfix.cell.subgrid-cell:first-child {
  padding-left: 0 !important;
}

.pui-ro-rw-right-content table.section .clearfix.cell.alignSameLine:nth-child(2),
.pui-ro-rw-right-content table.section .clearfix.cell.subgrid-cell:nth-child(2) {
  padding-right: 0;
}

td.dataTables_empty.dataTables_empty {
  padding: 0 !important;
}

.ema-productui-iframebody .view-empty.message.productui-alert-warning {
  margin: 0;
}

td.dataTables_empty.dataTables_empty .alert {
  margin-bottom: 0 !important;
}

.pui-ro-rw-right-content .crmEntityFormView .form-control.readonly,
.pui-ro-rw-right-content .crmEntityFormView .form-control[readonly][disabled],
.pui-ro-rw-right-content .form-readonly .form-control {
  background: var(--plm-white) !important;
}

.plm-datatable.dataTable.no-footer,
.pui-datatable.dataTable.no-footer {
  border-left: 1px solid var(--blue-1);
  border-right: 1px solid var(--blue-1);
}

.pui-ro-rw-right-content table.pui-datatable.dataTable.no-footer .details.subgrid-hldr {
  /* background-color: var(--plm-child-table-bg); */
  padding: 1rem 1rem 1rem 2rem !important;
}

/*child tables*/
/*table.dataTable thead tr th.control:not(th.noVis)*/
table.dataTable thead tr th.control:not(th.urlValueHeader):not(#manufacBusinessOP_wrapper thead th),
table.dataTable tbody tr td.control:not(td.urlButton):not(#manufacBusinessOP_wrapper tbody td) {
  /* padding: 2rem 0.5rem 1.6rem 1rem !important; */
  max-width: 20px;
}

/*above padding is making the datatable body th to be shown*/
.dataTables_scrollBody #MyWorkspaceParentTable th.noVis.control {
  padding: 0 !important;
}

/*above padding is making the datatable body th to be shown*/
.dataTables_scrollBody #PATable th.noVis.control {
  padding: 0 !important;
}

/*above padding to reduce the expand collapse column width is causing the thead to be displayed*/
table#productSelectionTable thead th.control.center.sorting_disabled {
  padding: 0 !important;
}

/*misc padding fixes*/
td.clearfix.cell:has(#ema_xevmpdproducttypeinformation_name),
td.clearfix.cell:has(#ema_legalbasis_name),
td.clearfix.cell:has(#ema_pharmaceuticalform_name),
td.clearfix.cell:has(#ema_legalstatusofsupply_name),
td.clearfix.cell:has(#ema_evcodes),
td.clearfix.cell:has(#ema_maholdername_location_name),
td.clearfix.cell:has(#ema_regulator_name),
td.clearfix.cell:has(#ema_fullindication),
td.clearfix.cell:has(#regulatoryapplicationtypeid),
td.clearfix.cell:has(#regulatoryapplicationnumberid),
td.clearfix.cell:has(#regulatoryapplicationenddateid),
td.clearfix.cell:has(#ema_containsgmo),
td.clearfix.cell:has(#ema_pharmaceuticaldoseform_name),
td.clearfix.cell:has(#ema_combinedpharmaceuticaldoseform_name) {
  padding-right: 0;
}

table[id^='SubstanceTable_'] td {
  padding-left: 0 !important;
  border-bottom: none;
}

/*all the column visibility options above datatables*/
.pui-ro-rw-right-content .dataTables_wrapper.form-inline.dt-bootstrap.no-footer .dt-buttons button {
  border: none;
  color: var(--plm-secondary);
  margin-right: 0;
}

/* #ParentTableIngredient_wrapper.dataTables_wrapper.form-inline.dt-bootstrap.no-footer .dt-buttons */
.pui-ro-rw-right-content .dataTables_wrapper > .custom-plm-button-holder + .dt-buttons {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* #ParentTableIngredient_wrapper.dataTables_wrapper.form-inline.dt-bootstrap.no-footer .dt-buttons */
.pui-ro-rw-right-content .dataTables_wrapper .dt-buttons {
  position: absolute;
  top: -45px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/*nested tables*/
/*nested tables*/
td.details.details.details:not(.details.colorcard) {
  padding-left: 6rem !important;
}

#MyWorkspaceParentTable div[id^='ProductTable_'] table.dataTable td,
#productSelectionTable div[id^='productSelectionTable_'] table.dataTable td,
#availableProductsTable div[id^='productPresenatationTable_availablePro'] table.dataTable td {
  background: var(--plm-child-table-bg) !important;
}

/*to isolate a few tables*/
/* td.details td:not(td.day):not(td.dataTables_empty):not(table[id^='packagedProductsMainTable_'] td.sorting_1):not(table[id^='comorbidityTable_'] td):not(table[id^='detailsTable'] td):not(table[id^='routeofadministrationTable'] td) */
td.details td:not(td.day):not(td.dataTables_empty) {
  /* padding-left: 1rem !important; */
  font-size: var(--plm-fs-text);
}

/*qppv contacts iframe*/
#appCont_QPPVDetails {
  height: 570px !important;
}

.ema-productui-iframebody div[data-name='QPPVSet'] td {
  padding-left: 0;
}

.ema-productui-iframebody div[data-name='QPPVSet'] {
  margin-bottom: 0;
}

.ema-productui-iframebody .QPPVClass {
  padding-left: 0;
}

/*custom buttons at rw pages*/
.pui-ro-rw-right-content .custom-plm-button-holder {
  margin-bottom: 1.4rem;
  /* text-align: right; */
}

.pui-ro-rw-right-content #TherapeuticParentTable div[id^='intendedEffectTable'] .custom-plm-button-holder {
  margin-top: 1rem;
}

/*custom align the datatables info on the left*/
.pui-ro-rw-right-content div.dataTables_wrapper div.dataTables_info:has(*) {
  padding-left: 0;
}

/*removes the right border form the pharmacovigilance section*/
html[dir='ltr'] .pui-ro-rw-right-content .crmEntityFormView fieldset[aria-label='Pharmacovigilance related information'] .cell.crmquickform-cell:first-child {
  border-right: none;
}

.pui-ro-rw-right-content .lookup-modal .view-pagination,
.ema-productui-iframebody .view-pagination {
  text-align: right;
  position: relative;
  top: -20px;
}

.pui-ro-rw-right-content .dataTables_paginate {
  padding-right: 0;
}

.pui-ro-rw-right-content .dataTables_paginate .pagination {
  margin: 0 !important;
}

.pui-ro-rw-right-content .dataTables_paginate .paginate_button.last a {
  padding-right: 0;
}

/*modals tables info and pagination*/
.pui-ro-rw-right-content .lookup-modal .view-pagination .jquery-bootstrap-pagination .pagination,
.ema-productui-iframebody .view-pagination .jquery-bootstrap-pagination .pagination {
  margin-top: 0;
}

.pui-ro-rw-right-content .lookup-modal .lookup-info,
.ema-productui-iframebody .lookup-modal .lookup-info,
.ema-productui-iframebody .lookup-info {
  padding-top: 25px !important;
  border-top: 1px solid var(--table-cell-border);
  margin-top: 1.6rem;
  color: var(--plm-muted) !important;
  font-size: var(--plm-fs-small);
  text-align: left;
  padding-left: 0px;
}

/*restrict the widh of the lookup modals*/
.pui-ro-rw-right-content .lookup-modal .modal-dialog {
  max-width: 1400px !important;
}

/*checkbox correction*/
.pui-ro-rw-right-content table#DeviceChangeOptionSet input[type='radio'] {
  float: left;
}

.pui-ro-rw-right-content tr.details.colorcard td.details.colorcard div.dataTables_wrapper:not(:last-child) {
  margin-bottom: 1.6rem;
}

.pui-ro-rw-right-content tr.details.colorcard td.details.colorcard .tab-column {
  padding-left: 0;
}

/*packaged medicinal products section*/
.pui-ro-rw-right-content td.details.subgrid-hldr {
  /* background: var(--plm-child-table-bg); */
  padding-block: 1.6rem;
  padding-right: 1.6rem;
}

#packagedProductsMainTable table:first-child td:has(#Package_Description_id) {
  padding-left: 0 !important;
}

/*PUI - RW - medicinal product - Manufacturers*/
#manufacBusinessOP td.details.colorcard {
  background: var(--plm-white);
}

/*therapeutic indications*/
.pui-ro-rw-right-content #TherapeuticParentTable tr.details.colorcard td.details.colorcard {
  background: var(--plm-white) !important;
}

/*manufactured items*/
.pui-ro-rw-right-content #ParentTableMedProdMI tr.details.colorcard td.details.colorcard {
  background: var(--plm-white) !important;
}
.pui-ro-rw-right-content #ParentTableMedProdMI tr.detailschild.colorcard td.detailschild.colorcard {
  background: var(--plm-white) !important;
}

/*pharmaceutical product*/
#ParentTablePharma_wrapper tr.details.colorcard td.details.colorcard {
  background: var(--plm-white) !important;
}
#ParentTablePharma_wrapper legend.section-title h3 {
  margin-top: 2rem;
}

/*attached documents part*/
.pui-ro-rw-right-content div[id^='DocIdentifierdetails'] {
  margin-bottom: 1.6rem;
}

/*contact iframes*/
.ma-contacts table.section .cell {
  padding-left: 0 !important;
}

.ma-contacts .container {
  padding: 0;
}

/*================
PUI Child modals
=============*/

/*all child modals*/
.ema-productui-iframebody {
  padding-right: 1.6rem;
}

.ema-productui-iframebody #content-container.container.wrapper-body {
  padding: 0 !important;
}

.ema-productui-iframebody fieldset {
  margin-bottom: 0;
}

.ema-productui-iframebody table[data-name='QPPVTab'] td {
  padding-right: 2.4rem !important;
}

.ema-productui-iframebody table td:first-child:not(#Manufacturer_Address table td) {
  padding-left: 0;
  padding-right: 0;
}

.ema-productui-iframebody table td:last-child {
  padding-right: 0;
}

.ema-productui-iframebody table tr:last-child td {
  padding-bottom: 0;
}

#pui_modal {
  height: 65vh !important;
}
#pui_modal + p {
  display: none;
}

/*Medicinal product name modal*/
.ema-productui-iframebody #medicinalProductNamePartsHTMLTable {
  margin-bottom: 0 !important;
}

.ema-productui-iframebody .tab.clearfix:has(#medicinalProductNamePartsHTMLTable) {
  margin-bottom: 0 !important;
}

/*to tackle the buttons always visible for all modals inside modals*/
.ema-productui-iframebody .entity-associate .view-grid,
.ema-productui-iframebody .entity-lookup .view-grid {
  height: unset;
  max-height: unset;
}

/*hide the label below search in all lookup modals*/
.ema-productui-iframebody .lookup-modal .view-grid.has-pagination span[aria-label='Choose one record and click Select to continue'],
.entity-lookup .view-grid.has-pagination span[aria-label='Choose one record and click Select to continue'] {
  display: none;
}

/*child modals inside modals.. to show the footer buttons always*/
.ema-productui-iframebody .lookup-modal .modal-body {
  max-height: 300px;
  overflow-y: scroll;
}

/*showing x entries in the lookup modals*/
.ema-productui-iframebody div.dataTables_wrapper div.dataTables_info:has(*) {
  padding-left: 0;
}

/*this is the search bar in OOTB lookup modals*/
.grid-actions,
.ema-productui-iframebody .view-toolbar.grid-actions {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0.8rem;
}

.ema-productui-iframebody .view-toolbar.grid-actions .pull-right.toolbar-actions {
  float: left !important;
}

/*selected records holder and pills*/
.ema-productui-iframebody .content-panel .panel-heading {
  padding: 0;
  background: none;
  border: none;
  margin-top: 1rem;
}

.ema-productui-iframebody .content-panel .panel-heading h2 {
  font-size: var(--plm-fs-h3);
  line-height: var(--plm-lh-h3);
  color: var(--plm-primary);
}

.ema-productui-iframebody .selected-records-custom {
  display: flex;
  gap: 1rem;
  padding-top: 1rem;
  flex-wrap: wrap;
}

.ema-productui-iframebody .selected-records-custom .plm-selected-chips {
  background: var(--plm-light-blue);
  border: none;
  color: var(--dark-6);
  padding: 0.3rem 0.8rem;
  font-size: var(--plm-fs-small);
}

/*custom modals hide the search button*/
.ema-productui-iframebody .dataTables_filter input[type='search'] + button {
  display: none !important;
}

/*rw pages move the download icon to the extreme right*/
.pui-ro-rw-right-content .dt-buttons .buttons-excel.buttons-html5 {
  order: 1;
}

/*custom modals add search icon to the input search*/
.ema-productui-iframebody .dataTables_filter label {
  position: relative;
  display: inline-block;
  /*remove bottom OTB margin*/
  margin-bottom: 1rem;
}
.ema-productui-iframebody .dataTables_filter label::before {
  /*if using background image for icon*/
  content: '';
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M14.6777 12.9299C15.6661 11.5841 16.25 9.92275 16.25 8.125C16.25 3.63769 12.6123 0 8.125 0C3.63769 0 0 3.63769 0 8.125C0 12.6123 3.63769 16.25 8.125 16.25C9.92323 16.25 11.585 15.6658 12.9309 14.6769L12.9299 14.6777C12.9667 14.7277 13.0078 14.7756 13.053 14.8208L17.8661 19.6339C18.3543 20.122 19.1457 20.122 19.6339 19.6339C20.122 19.1457 20.122 18.3543 19.6339 17.8661L14.8208 13.053C14.7756 13.0078 14.7277 12.9667 14.6777 12.9299ZM15 8.125C15 11.922 11.922 15 8.125 15C4.32804 15 1.25 11.922 1.25 8.125C1.25 4.32804 4.32804 1.25 8.125 1.25C11.922 1.25 15 4.32804 15 8.125Z' fill='%230D6EFD'/></svg>") no-repeat center center;
  background-size: contain;
  font-weight: 900;
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--plm-secondary);
  z-index: 1;
}
.ema-productui-iframebody .dataTables_filter {
  text-align: left !important;
  margin-top: 1rem;
}

/*custom modal OOTB is adding BG - remove it*/
.ema-productui-iframebody .pagination > .active > a,
.ema-productui-iframebody .pagination > .active > a:focus,
.ema-productui-iframebody .pagination > .active > a:hover {
  background: var(--plm-white) !important;
}

.ema-productui-iframebody table[data-name='QPPVTab'] label {
  margin-bottom: 0.8rem !important;
}

/*custom content iframe*/
#pui-customContent-iframe {
  height: 75vh;
}

/*=========================
Medicinal product : main section
====================================*/

#NamePartParentTable table[id^='NamePartdetailsTable_'] td {
  background: var(--plm-child-table-bg);
}

#AttDocParentTable table[id^='DocIdentifierdetails_'] td {
  background: var(--plm-child-table-bg);
}

#AttDocParentTable table[id^='languagedetails_'] td {
  background: var(--plm-child-table-bg);
}

/*=========================
Medicinal product : Therapeutic indications section
====================================*/

#TherapeuticParentTable table[id^='comorbidityTable_'] td,
#TherapeuticParentTable table[id^='intendedEffectTable_'] td {
  background: var(--plm-child-table-bg);
}

/*=========================
Medicinal product : Manufacturers section
====================================*/
#manufacBusinessOP table[id^='detailsTable_'] td {
  background: var(--plm-child-table-bg);
}

.ema-productui-iframebody iframe#Manufacturer_Address {
  max-height: 350px;
  min-height: 300px;
}

.ema-productui-iframebody #Manufacturer_Address table {
  max-width: 500px;
}

.ema-productui-iframebody #Manufacturer_Address table td:has(#name_label) {
  padding-top: 1.6rem;
}

.ema-productui-iframebody #Manufacturer_Address table td:has(#name_label) {
  padding-top: 1rem;
}

.ema-productui-iframebody #Manufacturer_Address table td {
  padding-bottom: 1rem;
}

/*=========================
Medicinal Product > ingredients section
====================================*/
table[id^='DistinctManufacturerTable_'] tr.detailschild.colorcard td.detailschild.colorcard {
  padding-left: 5rem !important;
  background: var(--plm-white) !important;
}

table[id^='DistinctManufacturerTable_'] tr.detailschild.colorcard td.detailschild.colorcard .manufacturerChild table:has(.info) {
  padding-left: 0 !important;
  border: 0;
}

table[id^='DistinctManufacturerTable_'] tr.detailschild.colorcard td.detailschild.colorcard .manufacturerChild table:has(.info) td {
  padding-left: 0 !important;
  background: var(--plm-white) !important;
}

table[id^='DistinctManufacturerTable_'] tr.detailschild.colorcard td.detailschild.colorcard .manufacturerChild table:has(.info) div:has(.info):not(:last-child) {
  margin-bottom: 1.6rem;
}

table[id^='DistinctManufacturerTable_'] tr.detailschild.colorcard td.detailschild.colorcard .manufacturerChild table:has(.info) div.control input {
  float: none !important;
}

table[id^='DistinctManufacturerTable_'] td {
  background: var(--plm-child-table-bg) !important;
}

table[id^='DistinctManufacturerTable_'] table[id^='ManufacturerDetailsTable_'] td {
  background: var(--plm-child-table-bg);
}

table[id^='DistinctManufacturerTable_'] table[id^='FileTable_'] td {
  background: var(--plm-child-table-bg);
}

#ManufecturerInformationContent {
  min-height: 120px !important;
}

/*=========================
Medicinal Product : Medical devices section
====================================*/
.ema-productui-iframebody fieldset[aria-label='Notified body'],
.ema-productui-iframebody fieldset[aria-label='Manufacturer'],
.ema-productui-iframebody fieldset[aria-label='General'] {
  margin-bottom: 2rem;
}

.ema-productui-iframebody fieldset[aria-label^='Documentation to confirm '] {
  margin-bottom: 2rem;
}

.ema-productui-iframebody #ema_devicechangetype_0,
.ema-productui-iframebody #ema_devicechangetype_1 {
  float: left;
}

.ema-productui-iframebody #ema_devicechangetype_0 + label + br {
  display: none;
}

/*=========================
Medicinal Product : Manufactured items section
====================================*/
#ParentTableMedProdMI table[id^='ingredientsTable_'] td {
  background: var(--plm-child-table-bg);
}

/*========================= 
packaged medicinal products section - package items tree view
=========================*/
#packagedProductsMainTable .details.subgrid-hldr .packageitems table td:has(.dataTables_wrapper):not(td.details.colorcard) {
  padding-left: 0 !important;
}

.pui-ro-rw-right-content div[id^='pack-size-accordion'],
.pui-ro-rw-right-content div[id^='marketing-auth-accordion'] {
  margin-bottom: 2rem;
}

table[id^='PackItemDetailsParentTable_'] + div + div + div {
  margin-top: 1.6rem !important;
}

/*manufactured items section*/
table[id^='ParentTablePI_'] td:not(td.details.colorcard):not(td.detailschild.colorcard) {
  background: var(--plm-child-table-bg) !important;
}

table[id^='DistinctManufacturerDocTable_'] table:not(.plm-datatable) {
  padding-left: 0 !important;
  border: 0 !important;
}

table[id^='DistinctManufacturerDocTable_'] .manufacturerChild table td:not(td.detailschild.colorcard):not(table[id^='FileTable_'] td):not(table[id^='ManufacturerDetailsTable_'] td) {
  padding-left: 0 !important;
}

table[id^='DistinctManufacturerDocTable_'] .manufacturerChild table td div:has(.info):not(:last-child) {
  margin-bottom: 1.6rem;
}

table[id^='DistinctManufacturerDocTable_'] .manufacturerChild table td .control input {
  float: unset !important;
}

div[id^='DistinctManufacturerDocTable_'] table[id^='DistinctManufacturerDocTable_'] td:not(td.details.colorcard):not(.manufacturerChild table td) {
  background: var(--plm-child-table-bg) !important;
}

#packageItemParentTable table[id^='PackagedProdTable'] td {
  background: var(--plm-white) !important;
}
#packageItemParentTable table[id^='PackagedProdTable'] td:not(tr.details td.details) {
  background: var(--plm-child-table-bg) !important;
}

table[id^='PackagedProdTable'] a:has(svg.pull-right) {
  display: flex;
  align-items: center;
  padding-left: 1.5rem;
  top: 3px;
  position: relative;
}

table[id^='PackItemDetailsParentTable'] td.rowClick a:has(svg) {
  display: flex;
  align-items: center;
  top: 4px;
  position: relative;
}

table[id^='MaterialsTable_'] td {
  background: var(--plm-child-table-bg) !important;
}

table[id^='shelfLifeStorage'] td:not(td.details.colorcard) {
  background: var(--plm-child-table-bg) !important;
}

table[id^='PackItemDetailsParentTable_'] td,
table[id^='packsize'] td,
table[id^='pmpLegalStatusOfSupplyTable'] td:not(td.details.colorcard),
table[id^='pmpSupplyTermTable'] td:not(td.details.colorcard),
table[id^='pmpPromotionTermTable'] td:not(td.details.colorcard),
table[id^='pmpDataCarrierIdentifierTable'] td,
table[id^='ManufacturerDetailsTable_'] td:not(td.detailschild.colorcard),
table[id^='ManuOpsParentTable_'] td:not(td.details.colorcard) {
  background: var(--plm-child-table-bg) !important;
}

/*hack for manufactured items section to add full width to the table*/
#packagedProductsMainTable div[id^='manufactured-items-accordion-'] .tab-column {
  float: unset;
}

#packagedProductsMainTable #PackagedProductsMISubAccordion {
  display: none;
}

/*=========================
Pharmaceutical product
====================================*/
#ParentTablePharma table[id^='routeofadministrationTable_'] td {
  background: var(--plm-child-table-bg) !important;
}

#ParentTablePharma table[id^='ingredientsTable_'] td {
  background: var(--plm-child-table-bg) !important;
}

#ParentTablePharma table[id^='ingredientsTable_'] tr.detailschild.colorcard td.detailschild.colorcard {
  background: var(--plm-white) !important;
}

#ParentTablePharma table[id^='ingredientsTable_'] tr.detailschild.colorcard td.detailschild.colorcard .refClassGranChild td {
  background: var(--plm-child-table-bg) !important;
}

/*=========================
Exit confirm dialog
====================================*/
div.plm-confirmDialogModal {
  position: fixed;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}

div.plm-confirmDialogModal + .ui-widget-overlay {
  background-color: #082b7a;
}

/*=========================
power BI page
====================================*/
.plm-power-bi-cntr #LiquidErrorMessage {
  margin: 0 0 0 1rem;
}

.powerbi-reports-holder {
  display: flex;
}

.power-bi-holder .ema-tab-txt {
  padding-left: 0;
}

.power-bi-holder .plm-aside-menu .sub-menuItems.plm-left-nav-submenu li a {
  padding-right: 1.6rem;
}

.power-bi-holder .plm-aside-menu.pui-aside-menu .sub-menuItems.plm-left-nav-submenu .ema-tab-txt .section-content h2 {
  font-size: var(--plm-fs-h3);
  padding-right: 0;
}

.power-bi-holder .powerbi {
  min-height: 600px;
  height: calc(100vh - calc(var(--header-height) + var(--footer-height) + var(--plm-page-header-height)));
  border: 0;
}

.power-bi-holder .powerbi iframe {
  border: none;
}

.plm-aside-menu.pui-aside-menu .sub-menuItems.plm-left-nav-submenu li.active .ema-tab-txt svg.print:hover {
  fill: var(--plm-primary);
}

#medicinal-products-powerbi-iframe {
  height: calc(100vh - calc(var(--header-height) + var(--footer-height) + var(--plm-page-header-height)));
  min-height: 820px;
  display: block;
  width: 100%;
  border: 0;
}

/*=========================
eaf product selection table highlight
====================================*/
table.dataTable > tbody > tr.error > td {
  box-shadow: inset 0 0 0 9999px var(--red-bg);
}

table.dataTable > tbody > tr.selected.success > td {
  box-shadow: inset 0 0 0 9999px var(--green-bg);
}

tr.error td input[type='checkbox'] {
  background-color: var(--plm-danger);
  border: 2px solid var(--plm-danger);
  position: relative;
}

tr.selected.success td input[type='checkbox']:checked {
  background-color: var(--plm-success);
  border: 2px solid var(--plm-success);
}

tr.error td input[type='checkbox']::after {
  content: '';
  position: absolute;
  top: 7px;
  left: 4px;
  width: 10px;
  height: 2px;
  background-color: var(--plm-white);
  transform: rotate(45deg);
}

tr.error td input[type='checkbox']::before {
  content: '';
  position: absolute;
  top: 7px;
  left: 4px;
  width: 10px;
  height: 2px;
  background-color: var(--plm-white);
  transform: rotate(-45deg);
}

/*=============
Medicinal device modal
================*/
.iFrameBodyClass.medicalDeviceModalClass {
    padding-right: 10px;
}

    .iFrameBodyClass.medicalDeviceModalClass .ema-rside-container.app-form-section.plm-right-content {
        overflow-x: hidden;
    }

    .iFrameBodyClass.medicalDeviceModalClass fieldset {
        border-bottom: 1px solid var(--dark-2) !important;
        padding-bottom: 2.6rem;
        margin-bottom: 2.6rem;
    }

    .iFrameBodyClass.medicalDeviceModalClass td.clearfix.cell.crmquickform-cell:has(.iFrameBodyClass.deviceOrgDetails) {
        border-right: none !important;
    }

.info:has(label[for='presentvlalues']) {
    padding-bottom: 2.4rem;
}

.info label[for='presentvlalues'] {
    color: var(--dark-6);
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0;
}

fieldset#selectedScopesFieldSet {
    position: relative;
}

    fieldset#selectedScopesFieldSet label[for='SelectedScopes'] {
        position: absolute;
        right: 0px !important;
        top: 4rem;
        cursor: pointer;
        color: var(--plm-secondary);
        font-size: var(--plm-fs-h3);
        line-height: 28px;
        margin-bottom: 0;
        font-weight: normal;
    }

        fieldset#selectedScopesFieldSet label[for='SelectedScopes'] + #dataTableDiv {
            padding-top: 92px;
        }

#dataTableDiv3 #exampleTable_wrapper.dataTables_wrapper .dt-buttons.btn-group.flex-wrap {
    display: none;
}

#containerproposeddatatable .info label[for='proposedvlalues'] {
    position: relative;
    top: 6.5rem;
    color: var(--dark-6);
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 0;
}

/*eaf & ePI applications list page*/
#containerproposeddatatable #exampleTable1_filter label {
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
}

    #containerproposeddatatable #exampleTable1_filter label::before {
        content: '';
        width: 16px;
        height: 16px;
        background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M14.6777 12.9299C15.6661 11.5841 16.25 9.92275 16.25 8.125C16.25 3.63769 12.6123 0 8.125 0C3.63769 0 0 3.63769 0 8.125C0 12.6123 3.63769 16.25 8.125 16.25C9.92323 16.25 11.585 15.6658 12.9309 14.6769L12.9299 14.6777C12.9667 14.7277 13.0078 14.7756 13.053 14.8208L17.8661 19.6339C18.3543 20.122 19.1457 20.122 19.6339 19.6339C20.122 19.1457 20.122 18.3543 19.6339 17.8661L14.8208 13.053C14.7756 13.0078 14.7277 12.9667 14.6777 12.9299ZM15 8.125C15 11.922 11.922 15 8.125 15C4.32804 15 1.25 11.922 1.25 8.125C1.25 4.32804 4.32804 1.25 8.125 1.25C11.922 1.25 15 4.32804 15 8.125Z' fill='%230D6EFD'/></svg>") no-repeat center center;
        background-size: contain;
        font-weight: 900;
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        color: var(--plm-secondary);
        z-index: 1;
    }

#proposedPackagedProductsTable_wrapper .dt-buttons {
    display: none;
}

.iFrameBodyClass.medicalDeviceModalClass fieldset[aria-label^='documentation to confirm' i] #title_manuf_label {
    color: var(--dark-4);
    font-weight: normal;
    font-size: var(--plm-fs-text);
}

.iFrameBodyClass.medicalDeviceModalClass fieldset[aria-label^='documentation to confirm' i] {
    margin-bottom: 0;
}

    .iFrameBodyClass.medicalDeviceModalClass fieldset[aria-label^='documentation to confirm' i] .section-title.legend h3 {
        margin-bottom: 1.8rem;
        font-size: var(--plm-fs-h3);
    }

.iFrameBodyClass.deviceOrgDetails .text-muted {
    left: 1.6rem;
}

.iFrameBodyClass.medicalDeviceModalClass #ema_devicechangetype_0 {
    position: relative;
    top: -25px;
    margin-right: 1.6rem;
}

.iFrameBodyClass.medicalDeviceModalClass #ema_devicechangetype_1 {
    position: relative;
    top: -5px;
    margin-right: 1.6rem;
}

/*Proposed values table*/
.proposed-changes-internal-pages #containerproposeddatatable div[id^='exampleTable'].dataTables_filter {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.2rem;
  margin-bottom: 1rem;
}

/*eaf & ePI applications list page*/
.proposed-changes-internal-pages #containerproposeddatatable div[id^='exampleTable'].dataTables_filter label {
  margin-bottom: 0rem !important;
}

/*===============
epi coauthor
===============*/
.epiListAndCreateNew .view-empty.message {
  margin: 0;
}

.epiListAndCreateNew div[data-name='Add Co-Author'] table.table.table-striped.table-fluid {
  margin: 0;
}

.epiListAndCreateNew #Applicants .view-toolbar.grid-actions .pull-right.toolbar-actions {
  float: left !important;
}

.epiListAndCreateNew h3.info.form-subgrid-heading:has(#addcoauthorToolTip) {
  position: relative;
}

.epiListAndCreateNew h3.info.form-subgrid-heading #addcoauthorToolTip {
  float: unset !important;
  position: absolute;
  left: 10rem;
  top: 1.9rem;
}

/*hide the first column option*/
#frommyorganisationsTable_wrapper .dropdown-menu li:first-child {
  display: none;
}

/*the showing 1 to x entries below epi list data table*/
#frommyorganisationsTable_wrapper .dataTables_info {
  padding-top: 25px;
  border-top: 1px solid var(--table-cell-border);
  color: var(--plm-muted);
  font-size: var(--plm-fs-small);
  text-align: left;
}

.iFrameBodyClass.createNewAppOrgAddress #OMSrefMAHDetails fieldset[aria-label='OMS Organisation details'] {
  max-width: 550px;
}
#OMSrefMAHDetails table tr div,fieldset[aria-label='OMS Organisation details'] table tr div{
  display:flex;
}
#OMSrefMAHDetails table tr div[class="info"]{
  align-items:center;
}
#ema_oms_country_referentialterm_name{
  padding-top:0px;
  padding-left:0px;
}

/*===================
PLM Cookies page
=====================*/
.plm-cookies-page-container {

  .plm-left-nav {
    position: sticky;
    top: 32px;
    margin-right: 32px;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 40px);

    .bcl-heading {
      font-family: Verdana, sans-serif;
      font-size: 20px;
      line-height: 1.6;
      font-weight: normal;
      margin-top: 0;
      margin-bottom: 24px;
    }

    .aside-menu.plm-left-nav-items {
      list-style: none;
      list-style-type: none;
      list-style-position: inside;
      margin: 0px;
      padding: 0px;

      .plm-left-nav-item {
        margin: 0;
        padding: 0;

        .left-nav-tab-pui {
          display: inline-block;
          width: 100%;
          margin: 0;
          margin-left: 0 !important;
          padding: 8px 16px;
          color: #0a58ca !important;
          text-decoration: none;
          border-radius: 4px;
          font-size: 16px;
        }

        .left-nav-tab-pui.active-link {
          background-color: #e7effc !important;
          color: #072b5d !important;
          font-weight: normal;
          transition: background-color 520ms ease, color 520ms ease;
        }
      }
    }
  }
  .ema-rside.ema-rside-container {
    width: 100%;

    div.legal-content-headers {
      border-radius: 4px;
      line-height: var(--plm-lh-h1);
      font-size: var(--plm-fs-h1);
      font-weight: 400 !important;
    }

    .item{
      padding-bottom: 1.6rem;
    }

    .legal-notice-cntr {
      * {
        font-size: 16px;
      }

      a.custom-ext {
        color: var(--plm-secondary);
      }
    }

    .cookies-text-container {
      display: flex;
      flex-wrap: wrap;

      .cookies-content-col-left {
        width: calc(65% - 16px);
        margin-right: 32px;
      }

      .cookies-content-col-right {
        width: calc(35% - 16px);
      }

      .h4-public {
        padding-bottom: 16px;
        border-bottom: 1px solid #E6EAEF;
        font-size: 24px;
        font-family: Verdana, sans-serif;
        line-height: 1.2;
        font-weight: normal;
        margin-bottom: 16px;
      }

      .text-emphasis {
        color: #2C4B75;
      }
    }

    #optInOutDiv {
      background-color: var(--dark-1);
      border-radius: 4px;
      padding: 24px;
      border: none;
      border: 1px solid var(--dark-2);

      #checkboxOptInOut {
        position: relative;
        top: 4px;
      }
    }
  }
}

#ema_evcodes {
  cursor: default;
}